{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "loading",
  "title": "Loading",
  "author": "vorhdam <https://github.com/vorhdam>",
  "description": "A simple loading component that can be useful when working with long loading components or fallbacks.",
  "files": [
    {
      "path": "src/components/ui/loading.tsx",
      "content": "import { cn } from \"@/lib/utils\";\r\n\r\nfunction Loading({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"absolute inset-0 z-10 flex items-center justify-center bg-background/50 backdrop-blur-xs\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      <div className=\"flex gap-1\">\r\n        <span className=\"size-1.5 animate-pulse rounded-full bg-primary/75\" />\r\n        <span className=\"size-1.5 animate-pulse rounded-full bg-primary/75 [animation-delay:150ms]\" />\r\n        <span className=\"size-1.5 animate-pulse rounded-full bg-primary/75 [animation-delay:300ms]\" />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport { Loading };\r\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:block"
}