{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tailwind-toolbar",
  "type": "registry:ui",
  "title": "Toolbar",
  "dependencies": [
    "react",
    "react-aria-components",
    "tailwind-variants",
    "tailwindcss-react-aria-components",
    "tw-animate-css"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui/Toolbar.tsx",
      "type": "registry:ui",
      "content": "'use client';\nimport React from 'react';\nimport {Toolbar as RACToolbar, type ToolbarProps} from 'react-aria-components/Toolbar';\nimport {ToggleButtonGroupContext} from 'react-aria-components/ToggleButtonGroup';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {tv} from 'tailwind-variants';\n\nconst styles = tv({\n  base: 'flex flex-wrap gap-2',\n  variants: {\n    orientation: {\n      horizontal: 'flex-row items-center',\n      vertical: 'flex-col items-start'\n    }\n  }\n});\n\nexport function Toolbar(props: ToolbarProps) {\n  return (\n    <ToggleButtonGroupContext.Provider value={{orientation: props.orientation}}>\n      <RACToolbar\n        {...props}\n        className={composeRenderProps(props.className, (className, renderProps) =>\n          styles({...renderProps, className})\n        )}\n      />\n    </ToggleButtonGroupContext.Provider>\n  );\n}\n"
    }
  ],
  "css": {
    "@plugin \"tailwindcss-react-aria-components\"": {},
    "@import \"tw-animate-css\"": {}
  }
}