{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "liquid-glass",
  "title": "Liquid Glass",
  "description": "Glass surface with an animated liquid gradient sheen.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/liquid-glass/liquid-glass.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\n/** Props for {@link LiquidGlass}. */\nexport type LiquidGlassProps = React.ComponentPropsWithoutRef<\"div\">;\n\n/**\n * Glass surface with a looping liquid sheen drifting across the backdrop.\n *\n * Respects `prefers-reduced-motion`: the sheen stays still.\n *\n * @example\n * ```tsx\n * <LiquidGlass className=\"p-6\">Content</LiquidGlass>\n * ```\n */\nexport const LiquidGlass = ({\n  children,\n  className,\n  ref,\n  ...props\n}: LiquidGlassProps & { ref?: React.Ref<HTMLDivElement> }) => {\n  return (\n    <div\n      className={cn(\n        \"relative overflow-hidden rounded-xl border border-border/50 bg-card/50 backdrop-blur-md\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"pointer-events-none absolute inset-0 motion-reduce:animate-none\"\n        style={{\n          animation: \"vllnt-liquid-shift 8s ease-in-out infinite\",\n          background:\n            \"linear-gradient(120deg, transparent, oklch(var(--primary) / 0.18), transparent, oklch(var(--accent) / 0.18), transparent)\",\n          backgroundSize: \"200% 200%\",\n        }}\n      />\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  );\n};\nLiquidGlass.displayName = \"LiquidGlass\";\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.2.1",
  "stability": "stable"
}