{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "dependencies": [
    "@base-ui/react@1.8.0"
  ],
  "description": "A hairline rule, horizontal or vertical, with optional inline content.",
  "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 { Separator } from '@base-ui/react/separator'\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { useLiquidStyles, type LiquidStyleProps } from '@/lib/styles-prop'\n\nexport type LiquidDividerProps = HTMLAttributes<HTMLDivElement> & LiquidStyleProps & {\n  children?: ReactNode\n  orientation?: 'horizontal' | 'vertical'\n}\n\nexport const LiquidDivider = forwardRef<HTMLDivElement, LiquidDividerProps>(({\n  children,\n  className,\n  orientation = 'horizontal',\n  style,\n  styles,\n  ...props\n}, ref) => {\n  const root = useLiquidStyles('lq-divider', { className, style, styles })\n\n  return (\n    <Separator\n      className={root.className}\n      data-with-label={Boolean(children) || undefined}\n      orientation={orientation}\n      ref={ref}\n      style={root.style}\n      {...props}\n    >\n      {children && <span className=\"lq-divider__label\">{children}</span>}\n    </Separator>\n  )\n})\n\nLiquidDivider.displayName = 'LiquidDivider'\n",
      "path": "registry/liquid-divider.tsx",
      "type": "registry:ui"
    }
  ],
  "name": "liquid-divider",
  "registryDependencies": [
    "https://liquefy-ui.com/r/liquefy-ui.json",
    "https://liquefy-ui.com/r/styles-prop.json"
  ],
  "title": "LiquidDivider",
  "type": "registry:ui"
}