{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"spinner","type":"registry:ui","description":"A spinning loading indicator built on lucide-react's Loader2 icon. Use inline in buttons or standalone to signal a pending async operation.","dependencies":["lucide-react"],"registryDependencies":["utils"],"files":[{"path":"ui/spinner.tsx","type":"registry:ui","content":"import { Loader2Icon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Loader2Icon\n      role=\"status\"\n      aria-label=\"Loading\"\n      data-slot=\"spinner\"\n      className={cn(\"size-4 animate-spin\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Spinner }\n"}],"categories":["feedback"],"accessibility":{"support":"authored","pattern":"status","primitive":"SVG role=status","keyboard":[],"aria":["Exposes role=status with a default Loading accessible name."],"consumer":["Replace the label when the loading operation needs more context."]},"api":{"source":"src/ui/spinner.tsx","exports":[{"name":"Spinner","kind":"component","propsType":"React.ComponentProps<\"svg\">"}]}}