{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { cx } from \"cva\";\nimport { cn } from \"~/registry/lib/cva\";\n\nexport interface SpinnerProps\n  extends Omit<React.ComponentProps<\"div\">, \"children\"> {}\n\nconst bars = Array.from({ length: 12 }, (_, i) => ({\n  id: i,\n}));\n\nexport function Spinner({ className, ...props }: SpinnerProps) {\n  return (\n    <div\n      className={cn(\"size-4 text-current\", className)}\n      data-slot=\"spinner\"\n      {...props}\n    >\n      <div className=\"relative top-1/2 left-1/2 h-[inherit] w-[inherit]\">\n        {bars.map((bar) => (\n          <div\n            aria-hidden=\"true\"\n            className={cx(\n              \"motion-opacity-loop-5/reset motion-duration-1200 motion-ease-linear absolute -top-[3.9%] -left-[10%] h-[8%] w-[24%] rounded-md bg-current\"\n            )}\n            data-slot=\"spinner-bar\"\n            key={bar.id}\n            style={{\n              animationDelay: `-${1.3 - bar.id * 0.1}s`,\n              transform: `rotate(${30 * bar.id}deg) translate(146%)`,\n            }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n",
      "path": "src/registry/ui/spinner/index.tsx",
      "type": "registry:ui"
    }
  ],
  "name": "spinner",
  "registryDependencies": [
    "@kanpeki/cva",
    "@kanpeki/custom-plugin"
  ],
  "type": "registry:ui"
}