{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "diamond",
  "files": [
    {
      "path": "registry/components/loading-ui/diamond.tsx",
      "content": "function Diamond(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      viewBox=\"0 0 20 20\"\n      fill=\"currentColor\"\n      role=\"status\"\n      aria-label=\"Loading\"\n      {...props}\n    >\n      <style>\n        {`\n            @keyframes spin-pixel {\n              0% { opacity: 0; }\n              1% { opacity: 1; }\n              100% { opacity: 0; }\n            }\n            .pixel-1 { animation: spin-pixel 0.8s ease-in-out 0s infinite; }\n            .pixel-2 { animation: spin-pixel 0.8s ease-in-out 0.1s infinite; }\n            .pixel-3 { animation: spin-pixel 0.8s ease-in-out 0.2s infinite; }\n            .pixel-4 { animation: spin-pixel 0.8s ease-in-out 0.3s infinite; }\n            .pixel-5 { animation: spin-pixel 0.8s ease-in-out 0.4s infinite; }\n            .pixel-6 { animation: spin-pixel 0.8s ease-in-out 0.5s infinite; }\n            .pixel-7 { animation: spin-pixel 0.8s ease-in-out 0.6s infinite; }\n            .pixel-8 { animation: spin-pixel 0.8s ease-in-out 0.7s infinite; }\n          `}\n      </style>\n      {/* Top */}\n      <rect className=\"pixel-1\" x=\"8\" y=\"0\" width=\"4\" height=\"4\" />\n      {/* Top Right */}\n      <rect className=\"pixel-2\" x=\"12\" y=\"4\" width=\"4\" height=\"4\" />\n      {/* Right */}\n      <rect className=\"pixel-3\" x=\"16\" y=\"8\" width=\"4\" height=\"4\" />\n      {/* Bottom Right */}\n      <rect className=\"pixel-4\" x=\"12\" y=\"12\" width=\"4\" height=\"4\" />\n      {/* Bottom */}\n      <rect className=\"pixel-5\" x=\"8\" y=\"16\" width=\"4\" height=\"4\" />\n      {/* Bottom Left */}\n      <rect className=\"pixel-6\" x=\"4\" y=\"12\" width=\"4\" height=\"4\" />\n      {/* Left */}\n      <rect className=\"pixel-7\" x=\"0\" y=\"8\" width=\"4\" height=\"4\" />\n      {/* Top Left */}\n      <rect className=\"pixel-8\" x=\"4\" y=\"4\" width=\"4\" height=\"4\" />\n    </svg>\n  );\n}\n\nexport { Diamond };\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:component"
}