{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "spinner",
  "title": "Spinner",
  "description": "An animated spinner component.",
  "dependencies": [
    "clsx",
    "tailwind-merge"
  ],
  "registryDependencies": [
    "https://optics.agusmayol.com.ar/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/optics/spinner.jsx",
      "content": "import { cn } from \"@/registry/optics/lib/utils\";\n\nexport function Spinner({ size = \"size-6\", className, ...props }) {\n\tconst bars = Array(12).fill(0);\n\n\treturn (\n\t\t<div className={cn(size)}>\n\t\t\t<div className={cn(\"relative top-1/2 left-1/2 h-[inherit] w-[inherit]\")}>\n\t\t\t\t{bars.map((_, i) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={`spinner-bar-${String(i)}`}\n\t\t\t\t\t\taria-label={`spinner-bar-${i + 1}`}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"-left-[10%] -top-[3.9%] absolute h-[8%] w-[24%] animate-spinner rounded-md bg-primary\",\n\t\t\t\t\t\t\t`bar:nth-child(${i + 1})`,\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tanimationDelay: `-${1.3 - i * 0.1}s`,\n\t\t\t\t\t\t\ttransform: `rotate(${30 * i}deg) translate(146%)`,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nSpinner.displayName = \"Spinner\";\n",
      "type": "registry:component",
      "target": "components/optics/spinner.jsx"
    }
  ],
  "type": "registry:component"
}