{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton",
  "title": "skeleton",
  "description": "Yükleniyor iskeletleri (Skeleton, TitleSkeleton, RowsSkeleton) ve pageMain sınıfı.",
  "registryDependencies": [
    "https://ui.tanecik.com/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/tanecik/blocks/skeleton.tsx",
      "content": "import { cn } from \"@/lib/utils\"\n\nexport function Skeleton({ className }: { className?: string }) {\n  return <div className={cn(\"animate-pulse rounded-md bg-accent\", className)} />\n}\n\n// Gerçek sayfayla aynı ölçüler: başlık (text-2xl = 32px), liste satırı (py-2.5 text-sm = 40px)\nexport function TitleSkeleton({ width = \"w-48\" }: { width?: string }) {\n  return <Skeleton className={cn(\"h-8\", width)} />\n}\n\nexport function RowsSkeleton({ rows = 6, trailing = true }: { rows?: number; trailing?: boolean }) {\n  return (\n    <div className=\"divide-y overflow-hidden rounded-xl border\">\n      {Array.from({ length: rows }).map((_, i) => (\n        <div key={i} className=\"flex h-10 items-center gap-3 px-4\">\n          <Skeleton className=\"size-4 shrink-0\" />\n          <Skeleton className=\"h-4 flex-1\" />\n          {trailing && <Skeleton className=\"h-4 w-16 shrink-0\" />}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport const pageMain = \"mx-auto max-w-6xl space-y-5 px-6 py-10\"\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}