{"$schema":"https://ui.shadcn.com/schema/registry-item.json","author":"Eduardo Calvo <educlopez93@gmail.com>","css":{},"dependencies":[],"description":"A wavy perimeter circle reveal inspired by the Codrops circle warping step.","devDependencies":[],"files":[{"content":"\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport SdfBlobTransition from \"../sdf-blob-transition\";\n\nexport interface WarpedCircleTransitionProps {\n  children: ReactNode;\n  className?: string;\n  duration?: number;\n  onRest?: () => void;\n  transitionKey: string | number;\n}\n\nconst WarpedCircleTransition = ({\n  children,\n  className,\n  duration = 1120,\n  onRest,\n  transitionKey,\n}: WarpedCircleTransitionProps) => (\n  <SdfBlobTransition\n    className={className}\n    duration={duration}\n    onRest={onRest}\n    transitionKey={transitionKey}\n    variant=\"warped\"\n  >\n    {children}\n  </SdfBlobTransition>\n);\n\nexport default WarpedCircleTransition;\n","path":"index.tsx","target":"components/smoothui/warped-circle-transition/index.tsx","type":"registry:ui"}],"name":"warped-circle-transition","registryDependencies":["https://smoothui.dev/r/sdf-blob-transition.json"],"title":"Warped Circle Transition","type":"registry:ui"}