{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "triple-dot-spinner",
  "files": [
    {
      "path": "registry/components/loading-ui/triple-dot-spinner.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\nfunction TripleDotSpinner({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <>\n      <style>{`\n        @keyframes loading-ui-triple-dot-rotation {\n          0% {\n            transform: rotate(0deg);\n          }\n\n          100% {\n            transform: rotate(360deg);\n          }\n        }\n      `}</style>\n      <span\n        role=\"status\"\n        className={cn(\"relative inline-block shrink-0\", className)}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"absolute inset-0\"\n          style={{\n            animation:\n              \"loading-ui-triple-dot-rotation var(--duration, 2s) ease-in-out infinite\",\n          }}\n        >\n          <span className=\"absolute top-1/2 left-1/2 size-full -translate-x-1/2 -translate-y-1/2 rounded-full bg-current\" />\n          <span className=\"absolute top-1/2 left-1/2 size-full -translate-x-[200%] -translate-y-1/2 rounded-full bg-current\" />\n          <span className=\"absolute top-1/2 left-1/2 size-full translate-x-full -translate-y-1/2 rounded-full bg-current\" />\n        </span>\n        <span className=\"sr-only\">Loading</span>\n      </span>\n    </>\n  );\n}\n\nexport { TripleDotSpinner };\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:component"
}