{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton",
  "files": [
    {
      "path": "registry/default/ui/skeleton.tsx",
      "content": "import type React from \"react\";\nimport { cn } from \"@/registry/default/lib/utils\";\n\nexport function Skeleton({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">): React.ReactElement {\n  return (\n    <div\n      className={cn(\n        \"animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]\",\n        className,\n      )}\n      data-slot=\"skeleton\"\n      {...props}\n    />\n  );\n}\n",
      "type": "registry:ui"
    }
  ],
  "cssVars": {
    "theme": {
      "--animate-skeleton": "skeleton 2s -1s infinite linear"
    }
  },
  "css": {
    "@keyframes skeleton": {
      "to": {
        "background-position": "-200% 0"
      }
    }
  },
  "type": "registry:ui"
}