{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "description": "A shimmering placeholder block for content that has not arrived.",
  "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
  "files": [
    {
      "content": "'use client'\n\nimport { forwardRef, type HTMLAttributes } from 'react'\nimport { useLiquidStyles, type LiquidCustomProperties, type LiquidStyleProps } from '@/lib/styles-prop'\n\nexport type LiquidSkeletonProps = HTMLAttributes<HTMLSpanElement> & LiquidStyleProps & {\n  height?: number | string\n  radius?: number | string\n  variant?: 'text' | 'circular' | 'rectangular'\n  width?: number | string\n}\n\nconst toUnit = (value: number | string | undefined): string | undefined =>\n  typeof value === 'number' ? `${value}px` : value\n\nexport const LiquidSkeleton = forwardRef<HTMLSpanElement, LiquidSkeletonProps>(({\n  className,\n  height,\n  radius,\n  style,\n  styles,\n  variant = 'text',\n  width,\n  ...props\n}, ref) => {\n  const vars: LiquidCustomProperties = {\n    ...(width !== undefined ? { width: toUnit(width) } : {}),\n    ...(height !== undefined ? { height: toUnit(height) } : {}),\n    ...(radius !== undefined ? { borderRadius: toUnit(radius) } : {}),\n  }\n  const root = useLiquidStyles('lq-skeleton', { className, style, styles, vars })\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={root.className}\n      data-liquid-variant={variant}\n      ref={ref}\n      style={root.style}\n      {...props}\n    />\n  )\n})\n\nLiquidSkeleton.displayName = 'LiquidSkeleton'\n",
      "path": "registry/liquid-skeleton.tsx",
      "type": "registry:ui"
    }
  ],
  "name": "liquid-skeleton",
  "registryDependencies": [
    "https://liquefy-ui.com/r/liquefy-ui.json",
    "https://liquefy-ui.com/r/styles-prop.json"
  ],
  "title": "LiquidSkeleton",
  "type": "registry:ui"
}