{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "spinner",
  "title": "Spinner",
  "description": "The macOS spinning progress indicator: twelve spokes that turn a step at a time.",
  "registryDependencies": [
    "@cupertinoui/macos-theme"
  ],
  "files": [
    {
      "path": "registry/macos/ui/spinner.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n// The macOS spinning progress indicator: twelve spokes, each fainter than\n// the one before, turning a spoke at a time.\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      data-slot=\"spinner\"\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn(\"size-4 animate-[spin_1s_steps(12)_infinite] text-mac-label-secondary\", className)}\n      {...props}\n    >\n      {Array.from({ length: 12 }, (_, index) => (\n        <rect\n          key={index}\n          x=\"11\"\n          y=\"1.5\"\n          width=\"2\"\n          height=\"6\"\n          rx=\"1\"\n          fill=\"currentColor\"\n          opacity={1 - index * 0.07}\n          transform={`rotate(${-index * 30} 12 12)`}\n        />\n      ))}\n    </svg>\n  )\n}\n\nexport { Spinner }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}