{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton",
  "title": "TIS Skeleton",
  "author": "TIS Experience Engineering",
  "description": "Skeleton React de apresentação com variantes text, circle e rectangle do DS TIS.",
  "dependencies": [
    "clsx@2.1.1",
    "tailwind-merge@3.6.0",
    "ds-tis@github:tis-experience/ds-tis#dd4c906943847cb7664a72a0c7637a378b39adcc"
  ],
  "files": [
    {
      "path": "registry/tis/skeleton.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"./tis-utils\"\n\ntype SkeletonVariant = \"text\" | \"circle\" | \"rectangle\"\n\ntype SkeletonProps = React.ComponentProps<\"div\"> & {\n  variant?: SkeletonVariant\n}\n\nfunction Skeleton({\n  className,\n  variant = \"text\",\n  \"aria-hidden\": ariaHidden = true,\n  ...props\n}: SkeletonProps) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      data-variant={variant}\n      aria-hidden={ariaHidden}\n      className={cn(\n        \"ds-skeleton\",\n        `ds-skeleton--${variant}`,\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton, type SkeletonProps, type SkeletonVariant }\n",
      "type": "registry:ui",
      "target": "@ui/skeleton.tsx"
    },
    {
      "path": "registry/tis/tis-utils.ts",
      "content": "import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
      "type": "registry:lib",
      "target": "@ui/tis-utils.ts"
    }
  ],
  "css": {
    "@import \"ds-tis/css\"": {}
  },
  "meta": {
    "provider": "React presentation",
    "status": "beta",
    "wave": "presentation"
  },
  "docs": "Skeleton é aria-hidden por padrão; anuncie o carregamento no container com aria-busy e nome acessível. Mantenha @import \"ds-tis/css\" como o primeiro import do CSS global.",
  "type": "registry:ui"
}