{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "openlmis-list-toolbar",
  "title": "List Toolbar",
  "description": "Layout for the controls above a list, installed with the search, filter and View menu it arranges: one row with room, and the search on a row of its own once the toolbar is narrow.",
  "dependencies": [
    "lucide-react@^1",
    "@base-ui/react@^1"
  ],
  "registryDependencies": [
    "button",
    "https://registry.soldevelo.com/r/openlmis-column-view-options.json",
    "https://registry.soldevelo.com/r/openlmis-search-input.json",
    "https://registry.soldevelo.com/r/openlmis-select-filter.json"
  ],
  "files": [
    {
      "path": "registry/blocks/openlmis/list-toolbar/list-toolbar.tsx",
      "content": "import type { ReactNode } from \"react\"\n\n// Controls above a list: one row with room, else search on its own row; sized by its own width.\n\ntype ListToolbarProps = {\n  children: ReactNode\n}\n\nexport function ListToolbar({ children }: ListToolbarProps) {\n  return (\n    <div className=\"@container/toolbar w-full\">\n      <div className=\"flex flex-wrap items-center gap-2\">{children}</div>\n    </div>\n  )\n}\n\nexport function ListToolbarSearch({ children }: ListToolbarProps) {\n  return <div className=\"w-full @2xl/toolbar:w-72\">{children}</div>\n}\n\n/** A filter beside the search; it takes the spare width while the toolbar is narrow. */\nexport function ListToolbarFilter({ children }: ListToolbarProps) {\n  return (\n    <div className=\"min-w-0 flex-1 @2xl/toolbar:w-48 @2xl/toolbar:flex-none\">\n      {children}\n    </div>\n  )\n}\n\n/** Pushed to the far end: the View menu, then the create action, which always ends the toolbar. */\nexport function ListToolbarEnd({ children }: ListToolbarProps) {\n  return (\n    <div className=\"flex items-center gap-2 @2xl/toolbar:ms-auto\">\n      {children}\n    </div>\n  )\n}",
      "type": "registry:component",
      "target": "components/blocks/openlmis/list-toolbar.tsx"
    }
  ],
  "cssVars": {
    "light": {
      "destructive": "oklch(0.577 0.245 27.325)",
      "destructive-foreground": "oklch(0.985 0 0)",
      "success": "oklch(0.596 0.145 163.225)",
      "success-foreground": "oklch(0.985 0 0)",
      "warning": "oklch(0.666 0.179 58.318)",
      "warning-foreground": "oklch(0.985 0 0)",
      "info": "oklch(0.55 0.13 237)",
      "info-foreground": "oklch(0.985 0 0)"
    },
    "dark": {
      "destructive": "oklch(0.704 0.191 22.216)",
      "destructive-foreground": "oklch(0.21 0.04 25)",
      "success": "oklch(0.696 0.17 162.48)",
      "success-foreground": "oklch(0.21 0.04 163)",
      "warning": "oklch(0.769 0.188 70.08)",
      "warning-foreground": "oklch(0.22 0.04 60)",
      "info": "oklch(0.7 0.14 237)",
      "info-foreground": "oklch(0.2 0.04 240)"
    }
  },
  "meta": {
    "project": "openlmis",
    "height": "288px"
  },
  "categories": [
    "layout",
    "data-table"
  ],
  "type": "registry:block"
}