{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toolbar",
  "title": "Toolbar",
  "description": "A capsule of glass holding buttons and separators.",
  "dependencies": [
    "@base-ui/react@^1.8.0"
  ],
  "registryDependencies": [
    "https://liquikit.dev/r/core.json",
    "https://liquikit.dev/r/glass.json"
  ],
  "files": [
    {
      "path": "src/toolbar.tsx",
      "content": "\"use client\";\n\nimport { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { GlassPane, type GlassRefraction } from \"./glass\";\nimport { cx, type GlassOptions } from \"./types\";\nimport \"./liquikit.css\";\n\nexport type ToolbarRootProps = Omit<\n\tBaseToolbar.Root.Props,\n\t\"className\" | \"style\" | \"render\" | \"orientation\"\n> &\n\tGlassOptions & {\n\t\trefraction?: GlassRefraction;\n\t\tclassName?: string;\n\t\tstyle?: CSSProperties;\n\t\tchildren?: ReactNode;\n\t};\n\nfunction Root({\n\ttheme,\n\tlens,\n\tliquid,\n\trefraction,\n\tclassName,\n\tstyle,\n\tchildren,\n\t...rootProps\n}: ToolbarRootProps) {\n\treturn (\n\t\t<BaseToolbar.Root\n\t\t\t{...rootProps}\n\t\t\tclassName={cx(\"glass-ui-toolbar\", className)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<GlassPane\n\t\t\t\tradius=\"capsule\"\n\t\t\t\ttheme={theme}\n\t\t\t\tlens={lens}\n\t\t\t\tliquid={liquid}\n\t\t\t\trefraction={refraction}\n\t\t\t>\n\t\t\t\t<div className=\"glass-ui-toolbar__row\">{children}</div>\n\t\t\t</GlassPane>\n\t\t</BaseToolbar.Root>\n\t);\n}\n\nexport type ToolbarButtonProps = Omit<\n\tBaseToolbar.Button.Props,\n\t\"className\" | \"render\"\n> & {\n\ticon?: boolean;\n\tclassName?: string;\n};\n\nfunction Button({\n\ticon = false,\n\tclassName,\n\t...buttonProps\n}: ToolbarButtonProps) {\n\treturn (\n\t\t<BaseToolbar.Button\n\t\t\t{...buttonProps}\n\t\t\tclassName={cx(\"glass-ui-toolbar__button\", className)}\n\t\t\tdata-icon={icon ? \"\" : undefined}\n\t\t/>\n\t);\n}\n\nfunction Separator({\n\tclassName,\n\t...separatorProps\n}: Omit<BaseToolbar.Separator.Props, \"className\"> & { className?: string }) {\n\treturn (\n\t\t<BaseToolbar.Separator\n\t\t\t{...separatorProps}\n\t\t\tclassName={cx(\"glass-ui-toolbar__separator\", className)}\n\t\t/>\n\t);\n}\n\nfunction Group({\n\tclassName,\n\t...groupProps\n}: Omit<BaseToolbar.Group.Props, \"className\"> & { className?: string }) {\n\treturn (\n\t\t<BaseToolbar.Group\n\t\t\t{...groupProps}\n\t\t\tclassName={cx(\"glass-ui-toolbar__group\", className)}\n\t\t/>\n\t);\n}\n\nexport const Toolbar = { Root, Button, Separator, Group };\n\nexport const ToolbarRoot = Toolbar.Root;\nexport const ToolbarButton = Toolbar.Button;\nexport const ToolbarSeparator = Toolbar.Separator;\nexport const ToolbarGroup = Toolbar.Group;\n",
      "type": "registry:ui",
      "target": "@components/liquikit/toolbar.tsx"
    }
  ],
  "type": "registry:ui"
}