{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "audit-filter-bar",
  "type": "registry:ui",
  "title": "Audit filter bar",
  "description": "Filter toolbar for audit logs combining a search field, actor filter chips for all, admins or system, and a date range picker in one wrapping row.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/chip-filter.json",
    "https://ui.minidev.pro/r/date-range-picker.json",
    "https://ui.minidev.pro/r/search-input.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/audit-filter-bar.tsx",
      "type": "registry:ui",
      "target": "components/ui/audit-filter-bar.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { SearchInput } from \"@/components/ui/search-input\"\nimport { ChipFilter } from \"@/components/ui/chip-filter\"\nimport { DateRangePicker } from \"@/components/ui/date-range-picker\"\n\nfunction AuditFilterBar({\n  className,\n}: {\n  className?: string\n}) {\n  const [actor, setActor] = React.useState(\"all\")\n  return (\n    <div data-slot=\"audit-filter-bar\" className={cn(\"flex flex-wrap items-center gap-2 rounded-xl border border-border bg-surface p-2\", className)}>\n      <SearchInput aria-label=\"Search audit log\" placeholder=\"Search actions…\" containerClassName=\"w-52\" />\n      <ChipFilter\n        value={actor}\n        onChange={setActor}\n        options={[\n          { value: \"all\", label: \"All actors\" },\n          { value: \"admins\", label: \"Admins\" },\n          { value: \"system\", label: \"System\" },\n        ]}\n      />\n      <DateRangePicker />\n    </div>\n  )\n}\nexport { AuditFilterBar }\n"
    }
  ]
}