{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-primitives-buttons-liquid",
  "title": "Liquid Button Demo",
  "description": "Demo showing an animated liquid button.",
  "registryDependencies": [
    "@odysseyui/primitives-buttons-liquid"
  ],
  "files": [
    {
      "path": "registry/demo/primitives/buttons/liquid/index.tsx",
      "content": "import { LiquidButton } from '@/components/odyssey/primitives/buttons/liquid';\n\ninterface LiquidButtonDemoProps {\n  delay?: string;\n  fillHeight?: string;\n  hoverScale?: number;\n  tapScale?: number;\n}\n\nexport default function LiquidButtonDemo({\n  delay,\n  fillHeight,\n  hoverScale,\n  tapScale,\n}: LiquidButtonDemoProps) {\n  return (\n    <LiquidButton\n      key={`${delay}-${fillHeight}-${hoverScale}-${tapScale}`}\n      delay={`${delay}s`}\n      fillHeight={`${fillHeight}px`}\n      hoverScale={hoverScale}\n      tapScale={tapScale}\n      className=\"text-sm font-medium px-4 py-2 h-10 overflow-hidden [--liquid-button-color:var(--primary)] [--liquid-button-background-color:var(--accent)] text-primary hover:text-primary-foreground\"\n    >\n      Liquid Button\n    </LiquidButton>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/odysseyui/demo/primitives/buttons/liquid.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "LiquidButton": {
        "delay": {
          "value": 0.3,
          "min": 0.1,
          "max": 0.5,
          "step": 0.05
        },
        "fillHeight": {
          "value": 3,
          "min": 0,
          "max": 10,
          "step": 1
        },
        "hoverScale": {
          "value": 1.05,
          "min": 0,
          "max": 2,
          "step": 0.05
        },
        "tapScale": {
          "value": 0.95,
          "min": 0,
          "max": 2,
          "step": 0.05
        }
      }
    }
  },
  "type": "registry:ui"
}