{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton-glass",
  "type": "registry:ui",
  "title": "Skeleton Glass",
  "description": "Glass-themed loading skeleton with:",
  "dependencies": [
    "class-variance-authority",
    "react",
    "shadcn-glass-ui"
  ],
  "registryDependencies": [
    "cn",
    "variants"
  ],
  "files": [
    {
      "path": "components/glass/ui/skeleton-glass.tsx",
      "type": "registry:component",
      "content": "/**\n * SkeletonGlass Component\n *\n * Glass-themed loading skeleton with:\n * - Theme-aware styling (glass/light/aurora)\n * - Shimmer animation\n * - Variant presets (text, title, avatar, thumbnail, card)\n */\n\nimport { forwardRef, type CSSProperties } from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport { skeletonVariants } from '@/lib/variants/skeleton-glass-variants';\nimport '@/glass-theme.css';\n\n// ========================================\n// PROPS INTERFACE\n// ========================================\n\nexport interface SkeletonGlassProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {\n  readonly width?: string | number;\n  readonly height?: string | number;\n}\n\n// ========================================\n// COMPONENT\n// ========================================\n\nexport const SkeletonGlass = forwardRef<HTMLDivElement, SkeletonGlassProps>(\n  ({ className, variant = 'text', width, height, style, ...props }, ref) => {\n    const skeletonStyles: CSSProperties = {\n      width,\n      height,\n      background:\n        'linear-gradient(90deg, var(--skeleton-bg) 25%, var(--skeleton-shine) 50%, var(--skeleton-bg) 75%)',\n      backgroundSize: '200% 100%',\n      animation: 'skeleton-loading 1.5s infinite',\n      ...style,\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"skeleton\"\n        className={cn(skeletonVariants({ variant }), className)}\n        style={skeletonStyles}\n        aria-hidden=\"true\"\n        {...props}\n      />\n    );\n  }\n);\n\nSkeletonGlass.displayName = 'SkeletonGlass';\n\n// ========================================\n// SHADCN/UI COMPATIBLE ALIAS\n// ========================================\n\n/**\n * Skeleton - shadcn/ui compatible alias for SkeletonGlass\n *\n * @example\n * ```tsx\n * import { Skeleton } from 'shadcn-glass-ui'\n *\n * <Skeleton className=\"h-4 w-[200px]\" />\n * <Skeleton className=\"h-12 w-12 rounded-full\" />\n * ```\n * @since v2.5.0\n */\nexport const Skeleton = SkeletonGlass;\n"
    }
  ],
  "categories": [
    "ui"
  ],
  "cssVars": {
    "light": {
      "--glass-bg": "rgba(255, 255, 255, 0.1)",
      "--glass-border": "rgba(255, 255, 255, 0.2)",
      "--blur-sm": "8px",
      "--blur-md": "16px",
      "--blur-lg": "24px"
    },
    "dark": {
      "--glass-bg": "rgba(255, 255, 255, 0.05)",
      "--glass-border": "rgba(255, 255, 255, 0.1)",
      "--blur-sm": "8px",
      "--blur-md": "16px",
      "--blur-lg": "24px"
    }
  }
}