{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton",
  "title": "Skeleton",
  "description": "A placeholder that previews the shape of content while it loads, so the page settles instead of jumping.",
  "dependencies": [],
  "registryDependencies": [
    "https://www.prfct.dev/r/utils.json"
  ],
  "files": [
    {
      "path": "components/ui/skeleton.tsx",
      "content": "import { cn } from \"@/lib/utils\"\n\n/**\n * A placeholder for content that is loading. A soft highlight sweeps across\n * the shape; with reduced motion it rests as a static tint.\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"relative overflow-hidden rounded-md bg-muted\",\n        \"after:absolute after:inset-0 after:animate-[skeleton-sweep_1.8s_var(--ease-standard)_infinite] after:bg-linear-to-r after:from-transparent after:via-foreground/[0.045] after:to-transparent\",\n        \"motion-reduce:after:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}