@brainfish-ai/components 0.8.1 → 0.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainfish-ai/components",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "Brainfish Components",
   "license": "MIT",
   "module": "./dist/esm/index.js",
@@ -19,7 +19,7 @@
       "default": "./dist/esm/components/*.js"
     },
     "./ui/*": {
-      "types": "./dist/*.d.ts",
+      "types": "./dist/components/ui/*.d.ts",
       "import": "./dist/esm/components/ui/*.js",
       "default": "./dist/esm/components/ui/*.js"
     }

package/dist/esm/chunks/filters.Dy3yDv4K.js

@@ -1,264 +0,0 @@
-import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
-import { Check, XCircle, Plus } from '@phosphor-icons/react';
-import { createId } from '@paralleldrive/cuid2';
-import { Button } from '../components/ui/button.js';
-import { Input } from '../components/ui/input.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../components/ui/dropdown-menu.js';
-import { c as cn } from './utils.DmKr1Ojo.js';
-
-var Operator = /* @__PURE__ */ ((Operator2) => {
-  Operator2["IS"] = "is";
-  Operator2["IS_NOT"] = "is not";
-  Operator2["CONTAINS"] = "contains";
-  Operator2["DOES_NOT_CONTAIN"] = "does not contain";
-  Operator2["STARTS_WITH"] = "starts with";
-  return Operator2;
-})(Operator || {});
-const Filter = forwardRef(
-  ({
-    filter,
-    sourceOptions,
-    rules,
-    onSourceChange,
-    onRemoveFilter,
-    onFilterChange,
-    selectPlaceholder = "Select a value",
-    customValuePlaceholder = "Enter custom value",
-    customValueButtonLabel = "Done",
-    sourceFirstMessage = "Please select a source first"
-  }, ref) => {
-    const [internalFilter, setInternalFilter] = useState({
-      id: filter.id,
-      source: filter.source,
-      operator: filter.operator || "is" /* IS */,
-      value: filter.value
-    });
-    const [inputValue, setInputValue] = useState("");
-    const [openDropdownType, setOpenDropdownType] = useState(null);
-    const inputRef = useRef(null);
-    const currentRules = internalFilter.source ? rules[internalFilter.source] : void 0;
-    const operatorOptions = currentRules?.operators || [];
-    let inputType = currentRules?.inputType || "dropdown";
-    if (internalFilter.operator === "contains" /* CONTAINS */ || internalFilter.operator === "does not contain" /* DOES_NOT_CONTAIN */) {
-      inputType = "custom";
-    }
-    const valueOptions = currentRules?.getValueOptions ? currentRules.getValueOptions() : [];
-    useEffect(() => {
-      if (openDropdownType === "value" && inputType === "custom") {
-        const timeoutId = setTimeout(() => inputRef.current?.focus(), 50);
-        return () => clearTimeout(timeoutId);
-      }
-      return void 0;
-    }, [openDropdownType, inputType]);
-    useEffect(() => {
-      setInternalFilter({
-        id: filter.id,
-        source: filter.source,
-        operator: filter.operator || "is" /* IS */,
-        value: filter.value
-      });
-    }, [filter]);
-    const updateFilterField = (field, value) => {
-      const newFilter = { ...internalFilter, [field]: value };
-      if (field === "source") {
-        const sourceRules = rules[value];
-        newFilter.operator = sourceRules?.operators[0]?.id;
-        newFilter.value = "";
-      }
-      if (field === "operator") {
-        if (internalFilter.source) {
-          const sourceRules = rules[internalFilter.source];
-          if (sourceRules?.inputType === "dropdown") {
-            newFilter.value = "";
-          }
-        }
-      }
-      setInternalFilter(newFilter);
-      const isComplete = newFilter.source && newFilter.operator && newFilter.value?.trim();
-      if (isComplete) onFilterChange(newFilter);
-      setOpenDropdownType(null);
-    };
-    const handleCustomValueSubmit = () => {
-      if (inputValue.trim()) {
-        const newFilter = { ...internalFilter, value: inputValue.trim() };
-        setInternalFilter(newFilter);
-        setInputValue("");
-        setOpenDropdownType(null);
-        if (newFilter.source && newFilter.operator && newFilter.value) {
-          onFilterChange(newFilter);
-        }
-      }
-    };
-    const handleKeyDown = (e, isInput) => {
-      if (e.key === "Escape") {
-        setOpenDropdownType(null);
-        return;
-      }
-      if (e.key === "Tab") {
-        if (isInput && !e.shiftKey) {
-          e.preventDefault();
-          const button = document.querySelector("[data-custom-submit-button]");
-          button?.focus();
-        } else if (!isInput) {
-          e.preventDefault();
-          inputRef.current?.focus();
-        }
-      }
-    };
-    return /* @__PURE__ */ React__default.createElement("div", { className: "inline-flex items-center rounded-full border border-foreground h-8 overflow-visible", ref }, /* @__PURE__ */ React__default.createElement(
-      DropdownMenu,
-      {
-        open: openDropdownType === "source",
-        onOpenChange: (open) => setOpenDropdownType(open ? "source" : null),
-        modal: false
-      },
-      /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "flex items-center px-2 py-1 text-sm font-bold border-r border-[#a3a3a3] hover:bg-black/5 text-foreground rounded-l-full"
-        },
-        sourceOptions.find((opt) => opt.id === internalFilter.source)?.label || sourceOptions[0]?.label || selectPlaceholder
-      )),
-      /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start", className: "w-48" }, sourceOptions.map((option) => /* @__PURE__ */ React__default.createElement(
-        DropdownMenuItem,
-        {
-          key: option.id,
-          className: "flex items-center",
-          onSelect: () => {
-            updateFilterField("source", option.id);
-            onSourceChange?.(option.id);
-          }
-        },
-        option.id === internalFilter.source && /* @__PURE__ */ React__default.createElement(Check, { size: 14, className: "mr-2" }),
-        option.label
-      )))
-    ), /* @__PURE__ */ React__default.createElement(
-      DropdownMenu,
-      {
-        open: openDropdownType === "operator",
-        onOpenChange: (open) => setOpenDropdownType(open ? "operator" : null),
-        modal: false
-      },
-      /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "flex items-center px-2 py-1 text-sm border-r border-[#a3a3a3] hover:bg-black/5"
-        },
-        operatorOptions.find((opt) => opt.id === internalFilter.operator)?.label || selectPlaceholder
-      )),
-      /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start", className: "w-48" }, operatorOptions.map((option) => /* @__PURE__ */ React__default.createElement(
-        DropdownMenuItem,
-        {
-          key: option.id,
-          className: "flex items-center",
-          onSelect: () => updateFilterField("operator", option.id)
-        },
-        option.id === internalFilter.operator && /* @__PURE__ */ React__default.createElement(Check, { size: 14, className: "mr-2" }),
-        option.label
-      )))
-    ), /* @__PURE__ */ React__default.createElement(
-      DropdownMenu,
-      {
-        open: openDropdownType === "value",
-        onOpenChange: (open) => setOpenDropdownType(open ? "value" : null),
-        modal: false
-      },
-      /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement("button", { type: "button", className: "flex items-center px-2 py-1 text-sm font-bold hover:bg-black/5" }, valueOptions.find((opt) => opt.id === internalFilter.value)?.label || internalFilter.value || selectPlaceholder)),
-      /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { align: "start", className: "w-64" }, inputType === "custom" && /* @__PURE__ */ React__default.createElement(
-        "form",
-        {
-          className: "p-3",
-          onSubmit: (e) => {
-            e.preventDefault();
-            handleCustomValueSubmit();
-          }
-        },
-        /* @__PURE__ */ React__default.createElement(
-          Input,
-          {
-            ref: inputRef,
-            type: "text",
-            value: inputValue,
-            onChange: (e) => setInputValue(e.target.value),
-            placeholder: customValuePlaceholder,
-            className: "mb-2",
-            onKeyDown: (e) => handleKeyDown(e, true)
-          }
-        ),
-        /* @__PURE__ */ React__default.createElement(
-          Button,
-          {
-            type: "submit",
-            variant: "dark",
-            className: "w-full",
-            onKeyDown: (e) => handleKeyDown(e, false),
-            "data-custom-submit-button": true
-          },
-          customValueButtonLabel
-        )
-      ), inputType === "dropdown" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, internalFilter.source ? valueOptions.map((option) => /* @__PURE__ */ React__default.createElement(
-        DropdownMenuItem,
-        {
-          key: option.id,
-          className: "flex items-center",
-          onSelect: () => updateFilterField("value", option.id)
-        },
-        option.id === internalFilter.value && /* @__PURE__ */ React__default.createElement(Check, { size: 14, className: "mr-2" }),
-        option.label
-      )) : /* @__PURE__ */ React__default.createElement("div", { className: "p-3 text-sm text-gray-500" }, sourceFirstMessage)))
-    ), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "sm",
-        onClick: () => {
-          setInternalFilter({ id: filter.id });
-          setOpenDropdownType(null);
-          onRemoveFilter(filter.id);
-        },
-        className: "p-2 hover:bg-black/10 rounded-none rounded-r-full"
-      },
-      /* @__PURE__ */ React__default.createElement(XCircle, { size: 16, weight: "fill" })
-    ));
-  }
-);
-Filter.displayName = "Filter";
-
-const Filters = ({ filters, onFilterChange, onFilterRemove, sourceOptions, rules, className }) => {
-  const [internalFilters, setInternalFilters] = useState(filters || []);
-  const handleAddFilter = () => {
-    const newFilter = { id: createId(), source: sourceOptions[0]?.id ?? "", operator: Operator.IS, value: "" };
-    setInternalFilters([...internalFilters, newFilter]);
-  };
-  const handleRemoveFilter = (filter) => {
-    setInternalFilters(internalFilters.filter((f) => f.id !== filter.id));
-    onFilterRemove(filter.id);
-  };
-  return /* @__PURE__ */ React__default.createElement("fieldset", { className: cn("flex flex-wrap gap-2", className) }, /* @__PURE__ */ React__default.createElement("legend", { className: "sr-only" }, "Filters"), internalFilters?.map((filter) => /* @__PURE__ */ React__default.createElement(
-    Filter,
-    {
-      key: filter.id,
-      filter,
-      sourceOptions,
-      rules,
-      onRemoveFilter: () => handleRemoveFilter(filter),
-      onFilterChange
-    }
-  )), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      onClick: handleAddFilter,
-      variant: "ghost",
-      className: "border border-foreground rounded-full gap-1",
-      size: "sm"
-    },
-    /* @__PURE__ */ React__default.createElement(Plus, { size: 16 }),
-    "Add filter"
-  ));
-};
-
-export { Filter as F, Operator as O, Filters as a };
-//# sourceMappingURL=filters.Dy3yDv4K.js.map

package/dist/esm/chunks/filters.Dy3yDv4K.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filters.Dy3yDv4K.js","sources":["../../../src/components/filter/filter.tsx","../../../src/components/filter/filters.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, useRef } from 'react';\nimport { Check, XCircle } from '@phosphor-icons/react';\n\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\n\n// Types\nexport interface FilterOption {\n  id: string;\n  label: string;\n}\n\nexport enum Operator {\n  IS = 'is',\n  IS_NOT = 'is not',\n  CONTAINS = 'contains',\n  DOES_NOT_CONTAIN = 'does not contain',\n  STARTS_WITH = 'starts with',\n}\n\nexport interface FilterValue {\n  id: string | number;\n  source?: string;\n  operator?: Operator;\n  value?: string;\n}\n\n/**\n * Filter rules for each source\n * How this works:\n * - You can define the rules for each source\n * - The rules are used to determine the available operators and value type\n * - The input type is used to determine the type of input displayed in when the dropdown is opened\n * - The getValueOptions function is used to determine the available options for the value\n *\n * @example\n * {\n *   'sourceId': {\n *     operators: [\n *       { id: 'is', label: 'is' },\n *       { id: 'is not', label: 'is not' },\n *     ],\n *     inputType: 'dropdown' | 'custom',\n *     getValueOptions?: () => FilterOption[],\n *   },\n * }\n */\nexport interface FilterRules {\n  [sourceId: string]: {\n    operators: FilterOption[];\n    inputType: 'dropdown' | 'custom';\n    getValueOptions?: () => FilterOption[];\n  };\n}\n\ninterface FilterProps {\n  filter: FilterValue;\n  sourceOptions: FilterOption[];\n  rules: FilterRules;\n  onSourceChange?: (sourceId: string) => void;\n  onRemoveFilter: (id: string | number) => void;\n  onFilterChange: (filter: FilterValue) => void;\n  selectPlaceholder?: string;\n  customValuePlaceholder?: string;\n  customValueButtonLabel?: string;\n  sourceFirstMessage?: string;\n}\n\nconst Filter = forwardRef<HTMLDivElement, FilterProps>(\n  (\n    {\n      filter,\n      sourceOptions,\n      rules,\n      onSourceChange,\n      onRemoveFilter,\n      onFilterChange,\n      selectPlaceholder = 'Select a value',\n      customValuePlaceholder = 'Enter custom value',\n      customValueButtonLabel = 'Done',\n      sourceFirstMessage = 'Please select a source first',\n    }: FilterProps,\n    ref,\n  ) => {\n    // State\n    const [internalFilter, setInternalFilter] = useState<FilterValue>({\n      id: filter.id,\n      source: filter.source,\n      operator: filter.operator || Operator.IS,\n      value: filter.value,\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [openDropdownType, setOpenDropdownType] = useState<'source' | 'operator' | 'value' | null>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Get current rules for selected source\n    const currentRules = internalFilter.source ? rules[internalFilter.source] : undefined;\n    const operatorOptions = currentRules?.operators || [];\n    let inputType = currentRules?.inputType || 'dropdown';\n    if (internalFilter.operator === Operator.CONTAINS || internalFilter.operator === Operator.DOES_NOT_CONTAIN) {\n      inputType = 'custom';\n    }\n    const valueOptions = currentRules?.getValueOptions ? currentRules.getValueOptions() : [];\n\n    // Auto-focus input when dropdown opens and custom input is needed\n    useEffect(() => {\n      if (openDropdownType === 'value' && inputType === 'custom') {\n        const timeoutId = setTimeout(() => inputRef.current?.focus(), 50);\n\n        return () => clearTimeout(timeoutId);\n      }\n\n      return undefined;\n    }, [openDropdownType, inputType]);\n\n    // Sync with external state\n    useEffect(() => {\n      setInternalFilter({\n        id: filter.id,\n        source: filter.source,\n        operator: filter.operator || Operator.IS,\n        value: filter.value,\n      });\n    }, [filter]);\n\n    // Handle field updates\n    const updateFilterField = (field: keyof FilterValue, value: string) => {\n      const newFilter: FilterValue = { ...internalFilter, [field]: value };\n\n      // Special handling for source changes\n      if (field === 'source') {\n        const sourceRules = rules[value];\n        newFilter.operator = sourceRules?.operators[0]?.id as Operator;\n        // Do NOT auto-select the first value option; require explicit user selection\n        newFilter.value = '';\n      }\n      // If operator changes, also clear value if inputType is dropdown\n      if (field === 'operator') {\n        if (internalFilter.source) {\n          const sourceRules = rules[internalFilter.source];\n          if (sourceRules?.inputType === 'dropdown') {\n            newFilter.value = '';\n          }\n        }\n      }\n\n      setInternalFilter(newFilter);\n\n      // Trigger onChange if filter is complete\n      const isComplete = newFilter.source && newFilter.operator && newFilter.value?.trim();\n      if (isComplete) onFilterChange(newFilter);\n\n      setOpenDropdownType(null);\n    };\n\n    // Handle custom value submission\n    const handleCustomValueSubmit = () => {\n      if (inputValue.trim()) {\n        const newFilter = { ...internalFilter, value: inputValue.trim() };\n        setInternalFilter(newFilter);\n        setInputValue('');\n        setOpenDropdownType(null);\n        if (newFilter.source && newFilter.operator && newFilter.value) {\n          onFilterChange(newFilter);\n        }\n      }\n    };\n\n    // Tab trap handlers\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>, isInput: boolean) => {\n      if (e.key === 'Escape') {\n        setOpenDropdownType(null);\n\n        return;\n      }\n      if (e.key === 'Tab') {\n        if (isInput && !e.shiftKey) {\n          e.preventDefault();\n          const button = document.querySelector('[data-custom-submit-button]') as HTMLButtonElement;\n          button?.focus();\n        } else if (!isInput) {\n          e.preventDefault();\n          inputRef.current?.focus();\n        }\n      }\n    };\n\n    return (\n      <div className=\"inline-flex items-center rounded-full border border-foreground h-8 overflow-visible\" ref={ref}>\n        {/* Source Dropdown */}\n        <DropdownMenu\n          open={openDropdownType === 'source'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'source' : null)}\n          modal={false}\n        >\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"flex items-center px-2 py-1 text-sm font-bold border-r border-[#a3a3a3] hover:bg-black/5 text-foreground rounded-l-full\"\n            >\n              {sourceOptions.find((opt) => opt.id === internalFilter.source)?.label ||\n                sourceOptions[0]?.label ||\n                selectPlaceholder}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-48\">\n            {sourceOptions.map((option) => (\n              <DropdownMenuItem\n                key={option.id}\n                className=\"flex items-center\"\n                onSelect={() => {\n                  updateFilterField('source', option.id);\n                  onSourceChange?.(option.id);\n                }}\n              >\n                {option.id === internalFilter.source && <Check size={14} className=\"mr-2\" />}\n                {option.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n\n        {/* Operator Dropdown */}\n        <DropdownMenu\n          open={openDropdownType === 'operator'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'operator' : null)}\n          modal={false}\n        >\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"flex items-center px-2 py-1 text-sm border-r border-[#a3a3a3] hover:bg-black/5\"\n            >\n              {operatorOptions.find((opt) => opt.id === internalFilter.operator)?.label || selectPlaceholder}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-48\">\n            {operatorOptions.map((option) => (\n              <DropdownMenuItem\n                key={option.id}\n                className=\"flex items-center\"\n                onSelect={() => updateFilterField('operator', option.id)}\n              >\n                {option.id === internalFilter.operator && <Check size={14} className=\"mr-2\" />}\n                {option.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n\n        {/* Value Dropdown */}\n        <DropdownMenu\n          open={openDropdownType === 'value'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'value' : null)}\n          modal={false}\n        >\n          <DropdownMenuTrigger asChild>\n            <button type=\"button\" className=\"flex items-center px-2 py-1 text-sm font-bold hover:bg-black/5\">\n              {valueOptions.find((opt) => opt.id === internalFilter.value)?.label ||\n                internalFilter.value ||\n                selectPlaceholder}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-64\">\n            {inputType === 'custom' && (\n              <form\n                className=\"p-3\"\n                onSubmit={(e) => {\n                  e.preventDefault();\n                  handleCustomValueSubmit();\n                }}\n              >\n                <Input\n                  ref={inputRef}\n                  type=\"text\"\n                  value={inputValue}\n                  onChange={(e) => setInputValue(e.target.value)}\n                  placeholder={customValuePlaceholder}\n                  className=\"mb-2\"\n                  onKeyDown={(e) => handleKeyDown(e, true)}\n                />\n                <Button\n                  type=\"submit\"\n                  variant=\"dark\"\n                  className=\"w-full\"\n                  onKeyDown={(e) => handleKeyDown(e, false)}\n                  data-custom-submit-button\n                >\n                  {customValueButtonLabel}\n                </Button>\n              </form>\n            )}\n            {inputType === 'dropdown' && (\n              <>\n                {internalFilter.source ? (\n                  valueOptions.map((option) => (\n                    <DropdownMenuItem\n                      key={option.id}\n                      className=\"flex items-center\"\n                      onSelect={() => updateFilterField('value', option.id)}\n                    >\n                      {option.id === internalFilter.value && <Check size={14} className=\"mr-2\" />}\n                      {option.label}\n                    </DropdownMenuItem>\n                  ))\n                ) : (\n                  <div className=\"p-3 text-sm text-gray-500\">{sourceFirstMessage}</div>\n                )}\n              </>\n            )}\n          </DropdownMenuContent>\n        </DropdownMenu>\n\n        {/* Remove button */}\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => {\n            setInternalFilter({ id: filter.id });\n            setOpenDropdownType(null);\n            onRemoveFilter(filter.id);\n          }}\n          className=\"p-2 hover:bg-black/10 rounded-none rounded-r-full\"\n        >\n          <XCircle size={16} weight=\"fill\" />\n        </Button>\n      </div>\n    );\n  },\n);\n\nFilter.displayName = 'Filter';\n\nexport { Filter };\n","import React, { useState } from 'react';\nimport { Plus } from '@phosphor-icons/react';\nimport { createId } from '@paralleldrive/cuid2';\n\nimport { Filter, FilterOption, FilterRules, FilterValue, Operator } from './filter';\nimport { Button } from '../ui/button';\n\nimport { cn } from '@/lib/utils';\n\ninterface FiltersProps extends React.HTMLAttributes<HTMLDivElement> {\n  filters: FilterValue[];\n  onFilterChange: (filter: FilterValue) => void;\n  onFilterRemove: (filterId: string | number) => void;\n  sourceOptions: FilterOption[];\n  rules: FilterRules;\n}\n\nconst Filters = ({ filters, onFilterChange, onFilterRemove, sourceOptions, rules, className }: FiltersProps) => {\n  const [internalFilters, setInternalFilters] = useState<FilterValue[]>(filters || []);\n\n  const handleAddFilter = () => {\n    const newFilter = { id: createId(), source: sourceOptions[0]?.id ?? '', operator: Operator.IS, value: '' };\n\n    setInternalFilters([...internalFilters, newFilter]);\n  };\n\n  const handleRemoveFilter = (filter: FilterValue) => {\n    setInternalFilters(internalFilters.filter((f) => f.id !== filter.id));\n    onFilterRemove(filter.id);\n  };\n\n  return (\n    <fieldset className={cn('flex flex-wrap gap-2', className)}>\n      <legend className=\"sr-only\">Filters</legend>\n      {internalFilters?.map((filter) => (\n        <Filter\n          key={filter.id}\n          filter={filter}\n          sourceOptions={sourceOptions}\n          rules={rules}\n          onRemoveFilter={() => handleRemoveFilter(filter)}\n          onFilterChange={onFilterChange}\n        />\n      ))}\n      <Button\n        onClick={handleAddFilter}\n        variant=\"ghost\"\n        className=\"border border-foreground rounded-full gap-1\"\n        size=\"sm\"\n      >\n        <Plus size={16} />\n        Add filter\n      </Button>\n    </fieldset>\n  );\n};\n\nexport { Filters };\n"],"names":["Operator","React"],"mappings":";;;;;;;;AAkBY,IAAA,QAAA,qBAAAA,SAAL,KAAA;AACL,EAAAA,UAAA,IAAK,CAAA,GAAA,IAAA;AACL,EAAAA,UAAA,QAAS,CAAA,GAAA,QAAA;AACT,EAAAA,UAAA,UAAW,CAAA,GAAA,UAAA;AACX,EAAAA,UAAA,kBAAmB,CAAA,GAAA,kBAAA;AACnB,EAAAA,UAAA,aAAc,CAAA,GAAA,aAAA;AALJ,EAAAA,OAAAA,SAAAA;AAAA,CAAA,EAAA,QAAA,IAAA,EAAA;AAwDZ,MAAM,MAAS,GAAA,UAAA;AAAA,EACb,CACE;AAAA,IACE,MAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,iBAAoB,GAAA,gBAAA;AAAA,IACpB,sBAAyB,GAAA,oBAAA;AAAA,IACzB,sBAAyB,GAAA,MAAA;AAAA,IACzB,kBAAqB,GAAA;AAAA,KAEvB,GACG,KAAA;AAEH,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAsB,CAAA;AAAA,MAChE,IAAI,MAAO,CAAA,EAAA;AAAA,MACX,QAAQ,MAAO,CAAA,MAAA;AAAA,MACf,QAAA,EAAU,OAAO,QAAY,IAAA,IAAA;AAAA,MAC7B,OAAO,MAAO,CAAA;AAAA,KACf,CAAA;AACD,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,EAAE,CAAA;AAC/C,IAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAiD,IAAI,CAAA;AACrG,IAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA;AAG9C,IAAA,MAAM,eAAe,cAAe,CAAA,MAAA,GAAS,KAAM,CAAA,cAAA,CAAe,MAAM,CAAI,GAAA,MAAA;AAC5E,IAAM,MAAA,eAAA,GAAkB,YAAc,EAAA,SAAA,IAAa,EAAC;AACpD,IAAI,IAAA,SAAA,GAAY,cAAc,SAAa,IAAA,UAAA;AAC3C,IAAA,IAAI,cAAe,CAAA,QAAA,KAAa,UAAqB,mBAAA,cAAA,CAAe,aAAa,kBAA2B,yBAAA;AAC1G,MAAY,SAAA,GAAA,QAAA;AAAA;AAEd,IAAA,MAAM,eAAe,YAAc,EAAA,eAAA,GAAkB,YAAa,CAAA,eAAA,KAAoB,EAAC;AAGvF,IAAA,SAAA,CAAU,MAAM;AACd,MAAI,IAAA,gBAAA,KAAqB,OAAW,IAAA,SAAA,KAAc,QAAU,EAAA;AAC1D,QAAA,MAAM,YAAY,UAAW,CAAA,MAAM,SAAS,OAAS,EAAA,KAAA,IAAS,EAAE,CAAA;AAEhE,QAAO,OAAA,MAAM,aAAa,SAAS,CAAA;AAAA;AAGrC,MAAO,OAAA,MAAA;AAAA,KACN,EAAA,CAAC,gBAAkB,EAAA,SAAS,CAAC,CAAA;AAGhC,IAAA,SAAA,CAAU,MAAM;AACd,MAAkB,iBAAA,CAAA;AAAA,QAChB,IAAI,MAAO,CAAA,EAAA;AAAA,QACX,QAAQ,MAAO,CAAA,MAAA;AAAA,QACf,QAAA,EAAU,OAAO,QAAY,IAAA,IAAA;AAAA,QAC7B,OAAO,MAAO,CAAA;AAAA,OACf,CAAA;AAAA,KACH,EAAG,CAAC,MAAM,CAAC,CAAA;AAGX,IAAM,MAAA,iBAAA,GAAoB,CAAC,KAAA,EAA0B,KAAkB,KAAA;AACrE,MAAA,MAAM,YAAyB,EAAE,GAAG,gBAAgB,CAAC,KAAK,GAAG,KAAM,EAAA;AAGnE,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAM,MAAA,WAAA,GAAc,MAAM,KAAK,CAAA;AAC/B,QAAA,SAAA,CAAU,QAAW,GAAA,WAAA,EAAa,SAAU,CAAA,CAAC,CAAG,EAAA,EAAA;AAEhD,QAAA,SAAA,CAAU,KAAQ,GAAA,EAAA;AAAA;AAGpB,MAAA,IAAI,UAAU,UAAY,EAAA;AACxB,QAAA,IAAI,eAAe,MAAQ,EAAA;AACzB,UAAM,MAAA,WAAA,GAAc,KAAM,CAAA,cAAA,CAAe,MAAM,CAAA;AAC/C,UAAI,IAAA,WAAA,EAAa,cAAc,UAAY,EAAA;AACzC,YAAA,SAAA,CAAU,KAAQ,GAAA,EAAA;AAAA;AACpB;AACF;AAGF,MAAA,iBAAA,CAAkB,SAAS,CAAA;AAG3B,MAAA,MAAM,aAAa,SAAU,CAAA,MAAA,IAAU,UAAU,QAAY,IAAA,SAAA,CAAU,OAAO,IAAK,EAAA;AACnF,MAAI,IAAA,UAAA,iBAA2B,SAAS,CAAA;AAExC,MAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,KAC1B;AAGA,IAAA,MAAM,0BAA0B,MAAM;AACpC,MAAI,IAAA,UAAA,CAAW,MAAQ,EAAA;AACrB,QAAA,MAAM,YAAY,EAAE,GAAG,gBAAgB,KAAO,EAAA,UAAA,CAAW,MAAO,EAAA;AAChE,QAAA,iBAAA,CAAkB,SAAS,CAAA;AAC3B,QAAA,aAAA,CAAc,EAAE,CAAA;AAChB,QAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,QAAA,IAAI,SAAU,CAAA,MAAA,IAAU,SAAU,CAAA,QAAA,IAAY,UAAU,KAAO,EAAA;AAC7D,UAAA,cAAA,CAAe,SAAS,CAAA;AAAA;AAC1B;AACF,KACF;AAGA,IAAM,MAAA,aAAA,GAAgB,CAAC,CAAA,EAA8D,OAAqB,KAAA;AACxG,MAAI,IAAA,CAAA,CAAE,QAAQ,QAAU,EAAA;AACtB,QAAA,mBAAA,CAAoB,IAAI,CAAA;AAExB,QAAA;AAAA;AAEF,MAAI,IAAA,CAAA,CAAE,QAAQ,KAAO,EAAA;AACnB,QAAI,IAAA,OAAA,IAAW,CAAC,CAAA,CAAE,QAAU,EAAA;AAC1B,UAAA,CAAA,CAAE,cAAe,EAAA;AACjB,UAAM,MAAA,MAAA,GAAS,QAAS,CAAA,aAAA,CAAc,6BAA6B,CAAA;AACnE,UAAA,MAAA,EAAQ,KAAM,EAAA;AAAA,SAChB,MAAA,IAAW,CAAC,OAAS,EAAA;AACnB,UAAA,CAAA,CAAE,cAAe,EAAA;AACjB,UAAA,QAAA,CAAS,SAAS,KAAM,EAAA;AAAA;AAC1B;AACF,KACF;AAEA,IAAA,uBACGC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,qFAAA,EAAsF,GAEnG,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,MAAM,gBAAqB,KAAA,QAAA;AAAA,QAC3B,cAAc,CAAC,IAAA,KAAS,mBAAoB,CAAA,IAAA,GAAO,WAAW,IAAI,CAAA;AAAA,QAClE,KAAO,EAAA;AAAA,OAAA;AAAA,sBAEPA,cAAA,CAAA,aAAA,CAAC,mBAAoB,EAAA,EAAA,OAAA,EAAO,IAC1B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,QAAA;AAAA,UACL,SAAU,EAAA;AAAA,SAAA;AAAA,QAET,aAAc,CAAA,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAI,CAAA,EAAA,KAAO,cAAe,CAAA,MAAM,CAAG,EAAA,KAAA,IAC9D,aAAc,CAAA,CAAC,GAAG,KAClB,IAAA;AAAA,OAEN,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,uBAAoB,KAAM,EAAA,OAAA,EAAQ,WAAU,MAC1C,EAAA,EAAA,aAAA,CAAc,GAAI,CAAA,CAAC,MAClB,qBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,KAAK,MAAO,CAAA,EAAA;AAAA,UACZ,SAAU,EAAA,mBAAA;AAAA,UACV,UAAU,MAAM;AACd,YAAkB,iBAAA,CAAA,QAAA,EAAU,OAAO,EAAE,CAAA;AACrC,YAAA,cAAA,GAAiB,OAAO,EAAE,CAAA;AAAA;AAC5B,SAAA;AAAA,QAEC,MAAA,CAAO,OAAO,cAAe,CAAA,MAAA,iDAAW,KAAM,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,SAAA,EAAU,MAAO,EAAA,CAAA;AAAA,QACzE,MAAO,CAAA;AAAA,OAEX,CACH;AAAA,KAIF,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,MAAM,gBAAqB,KAAA,UAAA;AAAA,QAC3B,cAAc,CAAC,IAAA,KAAS,mBAAoB,CAAA,IAAA,GAAO,aAAa,IAAI,CAAA;AAAA,QACpE,KAAO,EAAA;AAAA,OAAA;AAAA,sBAEPA,cAAA,CAAA,aAAA,CAAC,mBAAoB,EAAA,EAAA,OAAA,EAAO,IAC1B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,QAAA;AAAA,UACL,SAAU,EAAA;AAAA,SAAA;AAAA,QAET,eAAA,CAAgB,KAAK,CAAC,GAAA,KAAQ,IAAI,EAAO,KAAA,cAAA,CAAe,QAAQ,CAAA,EAAG,KAAS,IAAA;AAAA,OAEjF,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,uBAAoB,KAAM,EAAA,OAAA,EAAQ,WAAU,MAC1C,EAAA,EAAA,eAAA,CAAgB,GAAI,CAAA,CAAC,MACpB,qBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,KAAK,MAAO,CAAA,EAAA;AAAA,UACZ,SAAU,EAAA,mBAAA;AAAA,UACV,QAAU,EAAA,MAAM,iBAAkB,CAAA,UAAA,EAAY,OAAO,EAAE;AAAA,SAAA;AAAA,QAEtD,MAAA,CAAO,OAAO,cAAe,CAAA,QAAA,iDAAa,KAAM,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,SAAA,EAAU,MAAO,EAAA,CAAA;AAAA,QAC3E,MAAO,CAAA;AAAA,OAEX,CACH;AAAA,KAIF,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,MAAM,gBAAqB,KAAA,OAAA;AAAA,QAC3B,cAAc,CAAC,IAAA,KAAS,mBAAoB,CAAA,IAAA,GAAO,UAAU,IAAI,CAAA;AAAA,QACjE,KAAO,EAAA;AAAA,OAAA;AAAA,sBAEPA,cAAA,CAAA,aAAA,CAAC,uBAAoB,OAAO,EAAA,IAAA,EAAA,+CACzB,QAAO,EAAA,EAAA,IAAA,EAAK,QAAS,EAAA,SAAA,EAAU,gEAC7B,EAAA,EAAA,YAAA,CAAa,KAAK,CAAC,GAAA,KAAQ,GAAI,CAAA,EAAA,KAAO,cAAe,CAAA,KAAK,GAAG,KAC5D,IAAA,cAAA,CAAe,KACf,IAAA,iBACJ,CACF,CAAA;AAAA,mDACC,mBAAoB,EAAA,EAAA,KAAA,EAAM,SAAQ,SAAU,EAAA,MAAA,EAAA,EAC1C,cAAc,QACb,oBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,KAAA;AAAA,UACV,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,YAAA,CAAA,CAAE,cAAe,EAAA;AACjB,YAAwB,uBAAA,EAAA;AAAA;AAC1B,SAAA;AAAA,wBAEAA,cAAA,CAAA,aAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA,QAAA;AAAA,YACL,IAAK,EAAA,MAAA;AAAA,YACL,KAAO,EAAA,UAAA;AAAA,YACP,UAAU,CAAC,CAAA,KAAM,aAAc,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAC7C,WAAa,EAAA,sBAAA;AAAA,YACb,SAAU,EAAA,MAAA;AAAA,YACV,SAAW,EAAA,CAAC,CAAM,KAAA,aAAA,CAAc,GAAG,IAAI;AAAA;AAAA,SACzC;AAAA,wBACAA,cAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,QAAA;AAAA,YACL,OAAQ,EAAA,MAAA;AAAA,YACR,SAAU,EAAA,QAAA;AAAA,YACV,SAAW,EAAA,CAAC,CAAM,KAAA,aAAA,CAAc,GAAG,KAAK,CAAA;AAAA,YACxC,2BAAyB,EAAA;AAAA,WAAA;AAAA,UAExB;AAAA;AACH,OACF,EAED,cAAc,UACb,oBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,eAAe,MACd,GAAA,YAAA,CAAa,GAAI,CAAA,CAAC,MAChB,qBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,KAAK,MAAO,CAAA,EAAA;AAAA,UACZ,SAAU,EAAA,mBAAA;AAAA,UACV,QAAU,EAAA,MAAM,iBAAkB,CAAA,OAAA,EAAS,OAAO,EAAE;AAAA,SAAA;AAAA,QAEnD,MAAA,CAAO,OAAO,cAAe,CAAA,KAAA,iDAAU,KAAM,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,SAAA,EAAU,MAAO,EAAA,CAAA;AAAA,QACxE,MAAO,CAAA;AAAA,OAEX,oBAEAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAU,2BAA6B,EAAA,EAAA,kBAAmB,CAEnE,CAEJ;AAAA,KAIF,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,OAAQ,EAAA,OAAA;AAAA,QACR,IAAK,EAAA,IAAA;AAAA,QACL,SAAS,MAAM;AACb,UAAA,iBAAA,CAAkB,EAAE,EAAA,EAAI,MAAO,CAAA,EAAA,EAAI,CAAA;AACnC,UAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,UAAA,cAAA,CAAe,OAAO,EAAE,CAAA;AAAA,SAC1B;AAAA,QACA,SAAU,EAAA;AAAA,OAAA;AAAA,sBAETA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAM,EAAA,EAAA,EAAI,QAAO,MAAO,EAAA;AAAA,KAErC,CAAA;AAAA;AAGN;AAEA,MAAA,CAAO,WAAc,GAAA,QAAA;;ACjUf,MAAA,OAAA,GAAU,CAAC,EAAE,OAAA,EAAS,gBAAgB,cAAgB,EAAA,aAAA,EAAe,KAAO,EAAA,SAAA,EAA8B,KAAA;AAC9G,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,IAAI,QAAwB,CAAA,OAAA,IAAW,EAAE,CAAA;AAEnF,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,SAAY,GAAA,EAAE,EAAI,EAAA,QAAA,IAAY,MAAQ,EAAA,aAAA,CAAc,CAAC,CAAA,EAAG,MAAM,EAAI,EAAA,QAAA,EAAU,QAAS,CAAA,EAAA,EAAI,OAAO,EAAG,EAAA;AAEzG,IAAA,kBAAA,CAAmB,CAAC,GAAG,eAAiB,EAAA,SAAS,CAAC,CAAA;AAAA,GACpD;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,MAAwB,KAAA;AAClD,IAAmB,kBAAA,CAAA,eAAA,CAAgB,OAAO,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,MAAA,CAAO,EAAE,CAAC,CAAA;AACpE,IAAA,cAAA,CAAe,OAAO,EAAE,CAAA;AAAA,GAC1B;AAEA,EAAA,oDACG,UAAS,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,sBAAA,EAAwB,SAAS,CACvD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAO,EAAA,EAAA,SAAA,EAAU,aAAU,SAAO,CAAA,EAClC,eAAiB,EAAA,GAAA,CAAI,CAAC,MACrB,qBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAK,MAAO,CAAA,EAAA;AAAA,MACZ,MAAA;AAAA,MACA,aAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAA,EAAgB,MAAM,kBAAA,CAAmB,MAAM,CAAA;AAAA,MAC/C;AAAA;AAAA,GAEH,CACD,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,eAAA;AAAA,MACT,OAAQ,EAAA,OAAA;AAAA,MACR,SAAU,EAAA,6CAAA;AAAA,MACV,IAAK,EAAA;AAAA,KAAA;AAAA,oBAELA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA;AAAA,IAAE;AAAA,GAGtB,CAAA;AAEJ;;;;"}