{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "spinner",
  "title": "Pixelact Spinner",
  "description": "A simple spinner component.",
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui/pixelact-ui/spinner.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 24 24\"\n      className={cn(\n        \"animate-[hourglassFlip_3s_ease-in-out_infinite]\",\n        className\n      )}\n      {...props}\n    >\n      <defs>\n        <style>{`\n          @keyframes hourglassFlip {\n            0% { transform: rotate(0deg); }\n            20% { transform: rotate(180deg); }\n            50% { transform: rotate(180deg); }\n            70% { transform: rotate(360deg); }\n            100% { transform: rotate(360deg); }\n          }\n        `}</style>\n      </defs>\n      <path\n        fill=\"currentColor\"\n        d=\"M18 2H6v6h2v2h2v4H8v2H6v6h12v-6h-2v-2h-2v-4h2V8h2zm-2 6h-2v2h-4V8H8V4h8zm-2 6v2h2v4H8v-4h2v-2z\"\n      />\n    </svg>\n  );\n}\n\nexport { Spinner };\n",
      "type": "registry:component",
      "target": "components/ui/pixelact-ui/spinner.tsx"
    }
  ],
  "type": "registry:component"
}