@servicetitan/anvil2 3.0.4 → 3.0.6

package/dist/{FilterBar-BUfajdQU.js → FilterBar-yysyZ-t1.js}

@@ -2,27 +2,30 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState, useEffect, createContext, useContext, useCallback, useMemo, useRef, forwardRef } from 'react';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { b as ToolbarItemWrapper, T as ToolbarButtonToggle, a as useToolbarSize, d as updateToolbarItemsTabIndex, e as handleToolbarKeyDown, c as ToolbarContext } from './ToolbarButtonToggle-xvMWRxzC.js';
+import { b as ToolbarItemWrapper, T as ToolbarButtonToggle, a as useToolbarSize, d as updateToolbarItemsTabIndex, e as handleToolbarKeyDown, c as ToolbarContext } from './ToolbarButtonToggle-C06cqJ6F.js';
 import { B as Button } from './Button-C_V2xQAs.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgEvent } from './TimezoneMessage-BrKB_psP.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { C as Chip } from './Chip-0-Yx9SGX.js';
+import { C as Chip } from './Chip-D2k5X_wX.js';
 import { t as tabbable } from './usePopoverTransitionStates-CDXCdyKa.js';
-import { L as Listbox } from './Listbox-DRznPBCr.js';
-import { L as ListView } from './ListView-CIa981KJ.js';
-import { S as SearchField } from './SearchField-Dl7sh_M4.js';
+import { L as Listbox } from './Listbox-CvQHBFWb.js';
+import { L as ListView } from './ListView-CcRRh1ap.js';
+import { S as SearchField } from './SearchField-3tUPU8hH.js';
 import { F as Flex } from './Flex-_orhvoxS.js';
-import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-DjmHpn1y.js';
-import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-CO2C776E.js';
+import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-CsrsY9i8.js';
+import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-Be_I9GTp.js';
+import { D as Dialog } from './Dialog-CD-SDfPT.js';
+import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { P as Popover } from './AiMark-DjOf60tj.js';
-import { a as SvgSearch } from './SearchField-CO9BHCYB.js';
-import { C as Checkbox } from './Checkbox-CVidv1sO.js';
-import { R as Radio } from './Radio-CSBetBV6.js';
-import { C as Combobox } from './Combobox-C9-3tlcP.js';
+import { P as Popover } from './AiMark-BXL0sWIV.js';
+import { a as SvgSearch } from './SearchField-BcQZ5e0x.js';
+import { C as Checkbox } from './Checkbox-BeIzx_ZX.js';
+import { R as Radio } from './Radio-BcHMk8dD.js';
+import { C as Combobox } from './Combobox-Cp7M4-4r.js';
+import { a as SelectFieldSync } from './SelectFieldSync-BeDYbJ2M.js';
 import { B as ButtonToggle } from './ButtonToggle-jnDMPSyK.js';
-import { D as Drawer } from './Drawer-Dg35inxH.js';
+import { D as Drawer } from './Drawer-s2y0xcgV.js';
 import { d as BreakpointSm, c as BreakpointMd, b as BreakpointLg, a as BreakpointXl, B as BreakpointXxl } from './primitive-DXlHdTFb.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
@@ -157,6 +160,8 @@ const getActiveFilters = (filters) => {
         return filter.value !== null && filter.value !== void 0;
       case "dateRange":
         return filter.value !== null && filter.value !== void 0 && filter.value.startDate !== null && filter.value.endDate !== null;
+      case "dateList":
+        return filter.selectedOption !== void 0 && filter.selectedOption.value !== null;
       default:
         return false;
     }
@@ -194,6 +199,11 @@ const resetFilters = (filters) => {
           ...filter,
           value: null
         };
+      case "dateList":
+        return {
+          ...filter,
+          selectedOption: void 0
+        };
       default:
         return filter;
     }
@@ -228,6 +238,11 @@ const updateSingleFilter = (filters, filterId, value) => {
           ...filter,
           value
         };
+      case "dateList":
+        return {
+          ...filter,
+          selectedOption: value
+        };
       case "custom":
         return {
           ...filter,
@@ -253,7 +268,11 @@ const hasChangedFilter = (a, b) => {
     return JSON.stringify(a) !== JSON.stringify(b);
   }
   if (a && b && typeof a === "object" && typeof b === "object" && "id" in a && "id" in b) {
-    return a.id !== b.id;
+    if (a.id !== b.id) return true;
+    if ("value" in a && "value" in b) {
+      return JSON.stringify(a.value) !== JSON.stringify(b.value);
+    }
+    return false;
   }
   return a !== b;
 };
@@ -269,6 +288,8 @@ const getFilterSelectionValue = (filter) => {
     case "dateRange":
     case "custom":
       return filter.value;
+    case "dateList":
+      return filter.selectedOption;
     default:
       return void 0;
   }
@@ -310,6 +331,11 @@ const preserveFilterState = (newFilter, existingFilter) => {
         ...newFilter,
         value: existingFilter.value
       };
+    case "dateList":
+      return {
+        ...newFilter,
+        selectedOption: existingFilter.selectedOption
+      };
     default:
       return newFilter;
   }
@@ -341,6 +367,8 @@ const cloneFiltersWithItemRefs = (filters) => {
           ...filter,
           value: filter.value
         };
+      case "dateList":
+        return { ...filter };
       case "custom": {
         const { value } = filter;
         if (value === void 0) {
@@ -385,6 +413,44 @@ const FilterToggleButton = ({
   ) });
 };
 
+const LIBRARY_OPTION_LABELS = {
+  on: "On",
+  before: "Before",
+  after: "After",
+  customRange: "Custom Range"
+};
+const LIBRARY_OPTION_IDS_ORDERED = [
+  "on",
+  "before",
+  "after",
+  "customRange"
+];
+const LIBRARY_OPTION_ID_SET = new Set(LIBRARY_OPTION_IDS_ORDERED);
+const isDateListLibraryOptionId = (id) => LIBRARY_OPTION_ID_SET.has(id);
+const getDateListLibraryOptionLabel = (id) => LIBRARY_OPTION_LABELS[id];
+const dateListLibraryOptions = LIBRARY_OPTION_IDS_ORDERED.map((id) => ({
+  id,
+  label: `${LIBRARY_OPTION_LABELS[id]}…`
+}));
+const isDateListRangeLibraryId = (id) => id === "customRange";
+const formatDateForLabel = (iso) => {
+  const d = DateTime.fromISO(iso, { zone: "local" });
+  return `${d.monthShort} ${d.day}, ${d.year}`;
+};
+const formatRangeForLabel = (range) => {
+  const start = DateTime.fromISO(range.startDate, { zone: "local" });
+  const end = DateTime.fromISO(range.endDate, { zone: "local" });
+  const sameYear = start.year === end.year;
+  const formattedStart = sameYear ? `${start.monthShort} ${start.day}` : `${start.monthShort} ${start.day}, ${start.year}`;
+  return `${formattedStart} – ${end.monthShort} ${end.day}, ${end.year}`;
+};
+const formatDateListSelectionLabel = (selection) => {
+  if (selection.value === null) return selection.label;
+  const formatted = typeof selection.value === "string" ? formatDateForLabel(selection.value) : formatRangeForLabel(selection.value);
+  if (selection.id === "customRange") return formatted;
+  return `${selection.label}: ${formatted}`;
+};
+
 const FilterSelect = ({
   filter,
   draftValue,
@@ -590,6 +656,185 @@ const FilterDateRange = ({
   ] });
 };
 
+const DateListDialog = ({
+  libraryId,
+  parentFilterId,
+  initialValue,
+  mode,
+  dialogCtaLabel,
+  onCommit,
+  onCancel
+}) => {
+  const [dateDraft, setDateDraft] = useState(null);
+  const [rangeDraft, setRangeDraft] = useState(null);
+  useEffect(() => {
+    if (!libraryId) return;
+    if (isDateListRangeLibraryId(libraryId)) {
+      setRangeDraft(
+        initialValue && typeof initialValue === "object" ? {
+          startDate: initialValue.startDate,
+          endDate: initialValue.endDate
+        } : null
+      );
+      setDateDraft(null);
+    } else {
+      setDateDraft(typeof initialValue === "string" ? initialValue : null);
+      setRangeDraft(null);
+    }
+  }, [libraryId, initialValue]);
+  const dialogOpen = libraryId !== null;
+  const dialogLabel = libraryId ? getDateListLibraryOptionLabel(libraryId) : "";
+  const isRange = libraryId ? isDateListRangeLibraryId(libraryId) : false;
+  const canCommit = isRange ? Boolean(rangeDraft?.startDate && rangeDraft?.endDate) : Boolean(dateDraft);
+  const handleCommit = () => {
+    if (!libraryId) return;
+    if (isRange) {
+      if (!rangeDraft?.startDate || !rangeDraft?.endDate) return;
+      onCommit({
+        id: libraryId,
+        label: dialogLabel,
+        value: {
+          startDate: rangeDraft.startDate,
+          endDate: rangeDraft.endDate
+        }
+      });
+    } else {
+      if (!dateDraft) return;
+      onCommit({ id: libraryId, label: dialogLabel, value: dateDraft });
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: dialogOpen, onClose: onCancel, children: libraryId && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { children: dialogLabel }),
+    /* @__PURE__ */ jsx(Dialog.Content, { children: isRange ? /* @__PURE__ */ jsx(
+      FilterDateRange,
+      {
+        filter: {
+          id: `${parentFilterId}--date-list-dialog-range`,
+          label: dialogLabel,
+          type: "dateRange",
+          value: rangeDraft,
+          mode
+        },
+        draftValue: rangeDraft,
+        onDraftChange: setRangeDraft
+      }
+    ) : /* @__PURE__ */ jsx(
+      FilterDateSingle,
+      {
+        filter: {
+          id: `${parentFilterId}--date-list-dialog-date`,
+          label: dialogLabel,
+          type: "date",
+          value: dateDraft,
+          mode
+        },
+        draftValue: dateDraft,
+        onDraftChange: setDateDraft
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
+      /* @__PURE__ */ jsx(Dialog.CancelButton, { appearance: "ghost", "aria-label": "Cancel", children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          appearance: "primary",
+          disabled: !canCommit,
+          onClick: handleCommit,
+          children: dialogCtaLabel
+        }
+      )
+    ] }) })
+  ] }) });
+};
+const FilterDateList = ({
+  filter,
+  draftValue,
+  onDraftChange,
+  dialogCtaLabel
+}) => {
+  const [openLibraryId, setOpenLibraryId] = useState(null);
+  useEffect(() => {
+    const libraryLabels = new Set(dateListLibraryOptions.map((o) => o.label));
+    filter.options.forEach((opt) => {
+      if (isDateListLibraryOptionId(opt.id)) {
+        warnOnce(
+          `[FilterDateList] Consumer option id "${opt.id}" is reserved for a library option ("on", "before", "after", "customRange"). Use a different id.`
+        );
+      }
+      if (libraryLabels.has(opt.label)) {
+        warnOnce(
+          `[FilterDateList] Consumer option label "${opt.label}" collides with a library option label ("On…", "Before…", "After…", "Custom Range…"). Use a different label.`
+        );
+      }
+    });
+  }, [filter.options]);
+  const items = useMemo(
+    () => [
+      ...filter.options.map(
+        (opt) => ({ ...opt, _kind: "consumer" })
+      ),
+      ...dateListLibraryOptions.map(
+        (opt) => ({
+          id: opt.id,
+          label: opt.label,
+          _kind: "library"
+        })
+      )
+    ],
+    [filter.options]
+  );
+  const selectedItem = useMemo(
+    () => draftValue ? items.find((item) => item.id === draftValue.id) : void 0,
+    [items, draftValue]
+  );
+  const handleSelectionChange = (selected) => {
+    if (!selected) {
+      if (draftValue && isDateListLibraryOptionId(draftValue.id)) {
+        setOpenLibraryId(draftValue.id);
+      }
+      return;
+    }
+    if (selected._kind === "library") {
+      setOpenLibraryId(selected.id);
+      return;
+    }
+    onDraftChange({
+      id: selected.id,
+      label: selected.label,
+      value: selected.value
+    });
+  };
+  const dialogInitialValue = openLibraryId && draftValue?.id === openLibraryId && draftValue.value !== null ? draftValue.value : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Listbox,
+      {
+        items,
+        selected: selectedItem,
+        onSelectionChange: handleSelectionChange,
+        disableAutoSelectOnFocus: true,
+        style: { paddingInline: "1rem", paddingBlockStart: "1rem" },
+        children: ({ items: items2 }) => items2.map((item) => /* @__PURE__ */ jsx(Listbox.Option, { item, children: item.label }, item.id))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DateListDialog,
+      {
+        libraryId: openLibraryId,
+        parentFilterId: filter.id,
+        initialValue: dialogInitialValue,
+        mode: filter.mode,
+        dialogCtaLabel,
+        onCommit: (option) => {
+          onDraftChange(option);
+          setOpenLibraryId(null);
+        },
+        onCancel: () => setOpenLibraryId(null)
+      }
+    )
+  ] });
+};
+
 const FilterButton = ({
   filter,
   children,
@@ -614,6 +859,8 @@ const FilterButton = ({
       case "date":
       case "dateRange":
         return filter.value;
+      case "dateList":
+        return filter.selectedOption;
       case "custom":
         return filter.value;
       default:
@@ -639,6 +886,11 @@ const FilterButton = ({
       if (hasChangedFilter(value, draftValueRef.current)) {
         draftValueRef.current = value;
         setDraftValue(value);
+        if (filter.type === "dateList") {
+          updateFilter(filter.id, value, true);
+          setIsOpen(false);
+          return;
+        }
         if (!controlledFiltering) {
           updateFilter(filter.id, value, true);
           if (filter.type !== "multiSelect") {
@@ -728,6 +980,11 @@ const FilterButton = ({
           ] });
         }
         return filter.label;
+      case "dateList": {
+        const selected = filter.selectedOption;
+        if (!selected || selected.value === null) return filter.label;
+        return formatDateListSelectionLabel(selected);
+      }
       default:
         return filter.label;
     }
@@ -775,6 +1032,16 @@ const FilterButton = ({
             onDraftChange: handleChange
           }
         );
+      case "dateList":
+        return /* @__PURE__ */ jsx(
+          FilterDateList,
+          {
+            filter,
+            draftValue,
+            onDraftChange: handleChange,
+            dialogCtaLabel: "Apply"
+          }
+        );
       default:
         return children;
     }
@@ -796,10 +1063,10 @@ const FilterButton = ({
     }
   };
   const triggerClasses = cx(styles["filter-button-trigger"], {
-    [styles["filter-button-trigger--selected"]]: filter.type === "custom" && filter.value || filter.type === "singleSelect" && filter.selectedItem || filter.type === "multiSelect" && filter.selectedItems && filter.selectedItems.length > 0 || filter.type === "date" && filter.value || filter.type === "dateRange" && filter.value?.startDate && filter.value?.endDate
+    [styles["filter-button-trigger--selected"]]: filter.type === "custom" && filter.value || filter.type === "singleSelect" && filter.selectedItem || filter.type === "multiSelect" && filter.selectedItems && filter.selectedItems.length > 0 || filter.type === "date" && filter.value || filter.type === "dateRange" && filter.value?.startDate && filter.value?.endDate || filter.type === "dateList" && filter.selectedOption !== void 0 && filter.selectedOption.value !== null
   });
   const contentClasses = cx(styles["filter-button-content"], className);
-  const iconOptions = filter.type === "date" || filter.type === "dateRange" ? { before: SvgEvent } : { after: SvgKeyboardArrowDown };
+  const iconOptions = filter.type === "date" || filter.type === "dateRange" || filter.type === "dateList" ? { before: SvgEvent } : { after: SvgKeyboardArrowDown };
   return /* @__PURE__ */ jsx(FilterItemWrapper, { filter, children: /* @__PURE__ */ jsxs(
     Popover,
     {
@@ -807,7 +1074,7 @@ const FilterButton = ({
       onClose: handleOutsidePress,
       placement: "bottom-start",
       modal: true,
-      noPadding: filter.type === "multiSelect" || filter.type === "singleSelect",
+      noPadding: filter.type === "multiSelect" || filter.type === "singleSelect" || filter.type === "dateList",
       children: [
         /* @__PURE__ */ jsx(
           Popover.Button,
@@ -826,7 +1093,7 @@ const FilterButton = ({
         ),
         /* @__PURE__ */ jsxs(Popover.Content, { onKeyDown: handleKeyDown, className: contentClasses, children: [
           getContent,
-          controlledFiltering && /* @__PURE__ */ jsxs(
+          controlledFiltering && filter.type !== "dateList" && /* @__PURE__ */ jsxs(
             Flex,
             {
               gap: 2,
@@ -860,6 +1127,7 @@ const FilterDrawer = () => {
   const showInlineFilters = containerQuery && containerQuery.name !== "xs" && containerQuery.name !== "sm";
   const [draftFilters, setDraftFilters] = useState(filters);
   const [searchValues, setSearchValues] = useState({});
+  const [dateListDialogState, setDateListDialogState] = useState(null);
   const activeFiltersCount = getActiveFilters(
     !showInlineFilters ? filters : hiddenFilters
   ).length;
@@ -964,7 +1232,7 @@ const FilterDrawer = () => {
                       label: draftSingleSelectFilter.label,
                       prefix: { icon: { svg: SvgSearch } },
                       placeholder: "Search...",
-                      size: "small",
+                      size: "medium",
                       value: draftSingleSelectFilter.selectedItem?.label || searchValues[draftFilter.id] || "",
                       onChange: (e) => {
                         const searchValue = e.target.value;
@@ -989,7 +1257,7 @@ const FilterDrawer = () => {
                     {
                       label: singleSelectFilter.label,
                       placeholder: "Select an option...",
-                      size: "small"
+                      size: "medium"
                     }
                   ),
                   /* @__PURE__ */ jsx(Combobox.Content, { children: ({ items }) => /* @__PURE__ */ jsx(Combobox.List, { style: { padding: 0 }, children: items.map((item, i) => /* @__PURE__ */ jsx(Combobox.Item, { item, index: i, children: item.label }, item.id)) }) })
@@ -1056,7 +1324,7 @@ const FilterDrawer = () => {
                       label: multiSelectFilter.label,
                       prefix: { icon: { svg: SvgSearch } },
                       placeholder: "Search...",
-                      size: "small",
+                      size: "medium",
                       value: searchValues[draftFilter.id] || "",
                       onChange: (e) => {
                         const searchValue = e.target.value;
@@ -1081,7 +1349,7 @@ const FilterDrawer = () => {
                     {
                       label: multiSelectFilter.label,
                       placeholder: "Select options...",
-                      size: "small"
+                      size: "medium"
                     }
                   ),
                   /* @__PURE__ */ jsx(Combobox.Content, { children: ({ items }) => /* @__PURE__ */ jsx(Combobox.List, { style: { padding: 0 }, children: items.map((item, i) => /* @__PURE__ */ jsx(Combobox.Item, { item, index: i, children: item.label }, item.id)) }) })
@@ -1122,6 +1390,63 @@ const FilterDrawer = () => {
             draftFilter.id
           );
         }
+        case "dateList": {
+          const dateListFilter = originalFilter;
+          const draftDateListFilter = draftFilter;
+          const consumerSelectOptions = dateListFilter.options.map((opt) => ({
+            id: opt.id,
+            label: opt.label,
+            extra: { value: opt.value }
+          }));
+          const librarySelectOptions = dateListLibraryOptions.map((opt) => ({
+            id: opt.id,
+            label: opt.label,
+            extra: { value: null }
+          }));
+          const allSelectOptions = [
+            ...consumerSelectOptions,
+            ...librarySelectOptions
+          ];
+          const selectedSelectOption = draftDateListFilter.selectedOption ? {
+            id: draftDateListFilter.selectedOption.id,
+            label: formatDateListSelectionLabel(
+              draftDateListFilter.selectedOption
+            ),
+            extra: {
+              value: draftDateListFilter.selectedOption.value
+            }
+          } : null;
+          return /* @__PURE__ */ jsx(
+            SelectFieldSync,
+            {
+              label: dateListFilter.label,
+              placeholder: "Select an option...",
+              disableSearch: true,
+              options: allSelectOptions,
+              value: selectedSelectOption,
+              onSelectedOptionChange: (option) => {
+                if (!option) {
+                  handleDraftChange(draftFilter.id, void 0);
+                  return;
+                }
+                const id = String(option.id);
+                if (isDateListLibraryOptionId(id)) {
+                  setDateListDialogState({
+                    filterId: draftFilter.id,
+                    libraryId: id
+                  });
+                  return;
+                }
+                handleDraftChange(draftFilter.id, {
+                  id,
+                  label: option.label,
+                  value: option.extra?.value ?? null
+                });
+              }
+            },
+            draftFilter.id
+          );
+        }
         default:
           return null;
       }
@@ -1153,6 +1478,13 @@ const FilterDrawer = () => {
         case "custom":
           updateFilter(draftFilter.id, draftFilter.value, false);
           break;
+        case "dateList":
+          updateFilter(
+            draftFilter.id,
+            draftFilter.selectedOption,
+            false
+          );
+          break;
       }
     });
     onFilterChange?.(draftFilters);
@@ -1169,6 +1501,11 @@ const FilterDrawer = () => {
       [styles["filter-drawer-trigger--chipped"]]: hasHiddenActiveFilters
     }
   );
+  const dateListDialogTarget = dateListDialogState ? draftFilters.find(
+    (f) => f.id === dateListDialogState.filterId && f.type === "dateList"
+  ) : void 0;
+  const dateListDialogSelected = dateListDialogTarget?.selectedOption;
+  const dateListDialogInitialValue = dateListDialogSelected && dateListDialogSelected.id === dateListDialogState?.libraryId && dateListDialogSelected.value !== null ? dateListDialogSelected.value : void 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       ButtonToggle,
@@ -1225,6 +1562,23 @@ const FilterDrawer = () => {
           ) })
         ]
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DateListDialog,
+      {
+        libraryId: dateListDialogState?.libraryId ?? null,
+        parentFilterId: dateListDialogState?.filterId ?? "",
+        initialValue: dateListDialogInitialValue,
+        mode: dateListDialogTarget?.mode,
+        dialogCtaLabel: "Save",
+        onCommit: (option) => {
+          if (dateListDialogState) {
+            handleDraftChange(dateListDialogState.filterId, option);
+          }
+          setDateListDialogState(null);
+        },
+        onCancel: () => setDateListDialogState(null)
+      }
     )
   ] });
 };
@@ -1330,6 +1684,7 @@ const FilterBar = forwardRef(
         case "custom":
         case "date":
         case "dateRange":
+        case "dateList":
           return /* @__PURE__ */ jsx(FilterButton, { filter }, filter.id);
         default:
           return null;
@@ -1439,4 +1794,4 @@ const FilterBar = forwardRef(
 FilterBar.displayName = "FilterBar";
 
 export { FilterBar as F };
-//# sourceMappingURL=FilterBar-BUfajdQU.js.map
+//# sourceMappingURL=FilterBar-yysyZ-t1.js.map