{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"skeleton","type":"registry:ui","description":"Use to show a placeholder while content is loading.","registryDependencies":["utils"],"files":[{"path":"ui/skeleton.tsx","type":"registry:ui","content":"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      data-slot=\"skeleton\"\n      className={cn(\"bg-accent animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"}],"categories":["feedback"],"accessibility":{"support":"consumer","pattern":"loading placeholder","primitive":"HTML div","keyboard":[],"aria":["Is hidden from assistive technology by default and does not announce loading on its own."],"consumer":["Put the containing region in an appropriate busy/status state and preserve a stable accessible name while content loads."],"limitations":["A standalone skeleton has no semantic loading announcement."]},"api":{"source":"src/ui/skeleton.tsx","exports":[{"name":"Skeleton","kind":"component","propsType":"React.ComponentProps<\"div\">"}]}}