{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton",
  "type": "registry:ui",
  "title": "Skeleton",
  "description": "Tailwind skeleton loader with a sunken plate and a soft sheen that sweeps every 1.6s, plus a SkeletonCard preset with title, text lines and a media block.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/skeleton.tsx",
      "type": "registry:ui",
      "target": "components/ui/skeleton.tsx",
      "content": "\"use client\"\nimport { cn } from \"@/lib/utils\"\n\n/** Skeleton — a sunken plate with a hairline sheen that sweeps once per 1.6s. */\nfunction Skeleton({ className }: { className?: string }) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\n        \"relative overflow-hidden rounded-md bg-sunken\",\n        \"after:absolute after:inset-0 after:-translate-x-full after:animate-[shimmer-x_1.6s_var(--ease-hairline)_infinite]\",\n        \"after:bg-[linear-gradient(90deg,transparent,color-mix(in_oklch,var(--fg)_5%,transparent),transparent)]\",\n        className\n      )}\n      aria-hidden\n    />\n  )\n}\n\nfunction SkeletonCard({ className }: { className?: string }) {\n  return (\n    <div data-slot=\"skeleton-card\" className={cn(\"space-y-3 rounded-xl border border-border bg-surface p-4 shadow-raised\", className)}>\n      <Skeleton className=\"h-4 w-1/3\" />\n      <Skeleton className=\"h-3 w-full\" />\n      <Skeleton className=\"h-3 w-5/6\" />\n      <Skeleton className=\"mt-2 h-24 w-full\" />\n    </div>\n  )\n}\n\nexport { Skeleton, SkeletonCard }\n"
    }
  ]
}