@rafal.lemieszewski/tide-ui 0.88.0 → 0.88.2

package/dist/es/components/product/filters.js

@@ -1,21 +1,22 @@
-import { jsxs as v, jsx as e, Fragment as ne } from "react/jsx-runtime";
-import * as u from "react";
-import { cn as D } from "../../lib/utils.js";
-import { Button as Q } from "../fundamental/button.js";
-import { Input as ee } from "../fundamental/input.js";
-import { AutocompleteSearch as he } from "../fundamental/autocomplete-search.js";
-import { Icon as H } from "../fundamental/icon.js";
-import { ListFilter as xe, X as oe, Pin as se, PinOff as be } from "lucide-react";
-import { Checkbox as le } from "../fundamental/checkbox.js";
-import { RadioGroup as fe, RadioGroupItem as ie } from "../fundamental/radio-group.js";
-import { Select as ge, SelectTrigger as ye, SelectValue as Ne, SelectContent as we, SelectItem as Ce } from "../fundamental/select.js";
-import { MonthPicker as Se } from "../fundamental/month-picker.js";
-import { Calendar as ke } from "../fundamental/calendar.js";
-import { Popover as ce, PopoverTrigger as de, PopoverContent as ue } from "../fundamental/popover.js";
-import { Separator as re } from "../fundamental/separator.js";
-import { Badge as te } from "../fundamental/badge.js";
-import { getPresetLabel as $e, calculatePresetRange as pe, formatDateRange as Ie } from "../../lib/date-utils.js";
-const Ae = [
+import { jsxs as v, jsx as e, Fragment as se } from "react/jsx-runtime";
+import * as c from "react";
+import { cn as E } from "../../lib/utils.js";
+import { Button as G } from "../fundamental/button.js";
+import { Input as ae } from "../fundamental/input.js";
+import { AutocompleteSearch as Se } from "../fundamental/autocomplete-search.js";
+import { Icon as _ } from "../fundamental/icon.js";
+import { ListFilter as Ie, X as de, Pin as ue, PinOff as ke } from "lucide-react";
+import { Checkbox as pe } from "../fundamental/checkbox.js";
+import { RadioGroup as $e, RadioGroupItem as me } from "../fundamental/radio-group.js";
+import { Select as Ae, SelectTrigger as De, SelectValue as Me, SelectContent as ze, SelectItem as Ee } from "../fundamental/select.js";
+import { MonthPicker as Le } from "../fundamental/month-picker.js";
+import { Calendar as Re } from "../fundamental/calendar.js";
+import { Popover as ve, PopoverTrigger as he, PopoverContent as xe } from "../fundamental/popover.js";
+import { TooltipProvider as Oe, Tooltip as Pe, TooltipTrigger as Ve, TooltipContent as Fe } from "../fundamental/tooltip.js";
+import { Separator as ne } from "../fundamental/separator.js";
+import { Badge as oe } from "../fundamental/badge.js";
+import { getPresetLabel as Te, calculatePresetRange as be, formatDateRange as je } from "../../lib/date-utils.js";
+const Ke = [
   "this-month",
   "last-month",
   "this-quarter",
@@ -23,7 +24,7 @@ const Ae = [
   "this-year",
   "last-year",
   "custom"
-], ze = [
+], _e = [
   "this-week",
   "last-week",
   "last-30-days",
@@ -32,288 +33,288 @@ const Ae = [
   "last-month",
   "custom"
 ];
-function De(x) {
-  let r = 0;
+function He(x) {
+  let t = 0;
   if (x.groups)
-    for (const s of x.groups)
-      for (const b of s.options)
-        r++, b.children && (r += b.children.length);
-  return x.options && (r = x.options.length), r;
+    for (const l of x.groups)
+      for (const b of l.options)
+        t++, b.children && (t += b.children.length);
+  return x.options && (t = x.options.length), t;
 }
-const ve = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, onReset: g, autoFocusSearch: y = !0 }) {
-  const [k, A] = u.useState(""), f = u.useDeferredValue(k), [$, M] = u.useState(""), [w, R] = u.useState(""), [I, P] = u.useState(null), [T, E] = u.useState(null), [K, c] = u.useState(!1), [C, S] = u.useState((/* @__PURE__ */ new Date()).getFullYear()), h = u.useMemo(() => s ? Array.isArray(s) ? s.map(String) : [String(s)] : [], [s]);
-  u.useEffect(() => {
-    if (r.type === "number" && r.rangeMode) {
-      const n = s;
+const ge = /* @__PURE__ */ c.memo(function({ filter: t, value: l, onChange: b, onReset: N, autoFocusSearch: w = !0 }) {
+  const [k, z] = c.useState(""), g = c.useDeferredValue(k), [A, L] = c.useState(""), [C, V] = c.useState(""), [D, O] = c.useState(null), [F, R] = c.useState(null), [T, d] = c.useState(!1), [S, I] = c.useState((/* @__PURE__ */ new Date()).getFullYear()), h = c.useMemo(() => l ? Array.isArray(l) ? l.map(String) : [String(l)] : [], [l]);
+  c.useEffect(() => {
+    if (t.type === "number" && t.rangeMode) {
+      const n = l;
       if (Array.isArray(n)) {
-        const [d, p] = n;
-        M(d === -1 / 0 ? "" : d?.toString() || ""), R(p === 1 / 0 ? "" : p?.toString() || "");
-      } else typeof n == "number" ? (M(n.toString()), R("")) : (M(""), R(""));
-      P(null), E(null);
+        const [u, m] = n;
+        L(u === -1 / 0 ? "" : u?.toString() || ""), V(m === 1 / 0 ? "" : m?.toString() || "");
+      } else typeof n == "number" ? (L(n.toString()), V("")) : (L(""), V(""));
+      O(null), R(null);
     }
-  }, [s, r.type, r.rangeMode]);
-  const F = u.useMemo(() => {
-    const n = r.showSearch ?? "auto";
+  }, [l, t.type, t.rangeMode]);
+  const j = c.useMemo(() => {
+    const n = t.showSearch ?? "auto";
     if (n === !0) return !0;
     if (n === !1) return !1;
-    const d = De(r), p = r.searchThreshold ?? 8;
-    return d >= p;
-  }, [r]), B = u.useMemo(() => {
-    if (r.groups) {
-      if (!f) return r.groups;
-      const n = f.toLowerCase();
-      return r.groups.map((d) => ({
-        ...d,
-        options: d.options.filter(
-          (p) => p.label.toLowerCase().includes(n) || p.children?.some(
-            (m) => m.label.toLowerCase().includes(n)
+    const u = He(t), m = t.searchThreshold ?? 8;
+    return u >= m;
+  }, [t]), W = c.useMemo(() => {
+    if (t.groups) {
+      if (!g) return t.groups;
+      const n = g.toLowerCase();
+      return t.groups.map((u) => ({
+        ...u,
+        options: u.options.filter(
+          (m) => m.label.toLowerCase().includes(n) || m.children?.some(
+            (p) => p.label.toLowerCase().includes(n)
           )
         )
-      })).filter((d) => d.options.length > 0);
+      })).filter((u) => u.options.length > 0);
     }
-    if (r.options) {
-      const n = f ? r.options.filter(
-        (d) => d.label.toLowerCase().includes(f.toLowerCase())
-      ) : r.options;
-      return n.length > 0 ? [{ label: r.label, options: n }] : [];
+    if (t.options) {
+      const n = g ? t.options.filter(
+        (u) => u.label.toLowerCase().includes(g.toLowerCase())
+      ) : t.options;
+      return n.length > 0 ? [{ label: t.label, options: n }] : [];
     }
     return [];
-  }, [r.groups, r.options, r.label, f]), Y = (n) => {
-    if (r.type === "multiselect") {
-      const d = h.includes(n) ? h.filter((p) => p !== n) : [...h, n];
-      b(d.length > 0 ? d : void 0);
+  }, [t.groups, t.options, t.label, g]), H = (n) => {
+    if (t.type === "multiselect") {
+      const u = h.includes(n) ? h.filter((m) => m !== n) : [...h, n];
+      b(u.length > 0 ? u : void 0);
     } else
       b(n === h[0] ? void 0 : n);
+  }, Z = (n) => {
+    if (t.type !== "multiselect") return;
+    const u = n.options.flatMap(
+      (p) => [p.value, ...p.children?.map((f) => f.value) || []]
+    ), m = h.filter((p) => !u.includes(p));
+    b(m.length > 0 ? m : void 0);
   }, X = (n) => {
-    if (r.type !== "multiselect") return;
-    const d = n.options.flatMap(
-      (m) => [m.value, ...m.children?.map((N) => N.value) || []]
-    ), p = h.filter((m) => !d.includes(m));
-    b(p.length > 0 ? p : void 0);
-  }, q = (n) => {
-    if (r.type !== "multiselect") return;
-    const d = n.options.flatMap(
-      (m) => [m.value, ...m.children?.map((N) => N.value) || []]
-    ), p = Array.from(/* @__PURE__ */ new Set([...h, ...d]));
-    b(p.length > 0 ? p : void 0);
-  }, J = (n) => {
-    if (r.type !== "multiselect") return;
-    const p = n.options.filter((O) => !k || O.label.toLowerCase().includes(k.toLowerCase())).flatMap((O) => {
-      const W = O.value, t = O.children?.filter(
-        (a) => !k || a.label.toLowerCase().includes(k.toLowerCase())
-      ).map((a) => a.value) || [];
-      return [W, ...t];
-    }), m = h.filter((O) => !p.includes(O)), N = p.filter((O) => !h.includes(O)), G = [...m, ...N];
-    b(G.length > 0 ? G : void 0);
-  }, _ = () => {
-    const n = $.trim(), d = w.trim();
-    if (P(null), E(null), n === "" && d === "") {
+    if (t.type !== "multiselect") return;
+    const u = n.options.flatMap(
+      (p) => [p.value, ...p.children?.map((f) => f.value) || []]
+    ), m = Array.from(/* @__PURE__ */ new Set([...h, ...u]));
+    b(m.length > 0 ? m : void 0);
+  }, ee = (n) => {
+    if (t.type !== "multiselect") return;
+    const m = n.options.filter((P) => !k || P.label.toLowerCase().includes(k.toLowerCase())).flatMap((P) => {
+      const re = P.value, K = P.children?.filter(
+        (q) => !k || q.label.toLowerCase().includes(k.toLowerCase())
+      ).map((q) => q.value) || [];
+      return [re, ...K];
+    }), p = h.filter((P) => !m.includes(P)), f = m.filter((P) => !h.includes(P)), J = [...p, ...f];
+    b(J.length > 0 ? J : void 0);
+  }, B = () => {
+    const n = A.trim(), u = C.trim();
+    if (O(null), R(null), n === "" && u === "") {
       b(void 0);
       return;
     }
-    const p = n === "" ? -1 / 0 : parseFloat(n), m = d === "" ? 1 / 0 : parseFloat(d);
-    if (n !== "" && isNaN(p)) {
-      P("Invalid minimum value");
+    const m = n === "" ? -1 / 0 : parseFloat(n), p = u === "" ? 1 / 0 : parseFloat(u);
+    if (n !== "" && isNaN(m)) {
+      O("Invalid minimum value");
       return;
     }
-    if (d !== "" && isNaN(m)) {
-      E("Invalid maximum value");
+    if (u !== "" && isNaN(p)) {
+      R("Invalid maximum value");
       return;
     }
-    if (p !== -1 / 0 && m !== 1 / 0 && p > m) {
-      P("Minimum must be less than maximum"), E("Maximum must be more than minimum");
+    if (m !== -1 / 0 && p !== 1 / 0 && m > p) {
+      O("Minimum must be less than maximum"), R("Maximum must be more than minimum");
       return;
     }
-    b([p, m]);
-  }, j = r.dateConfig?.granularity || "month", U = () => r.dateConfig?.presets ? r.dateConfig.presets : j === "day" ? ze : Ae, Z = () => {
-    if (K)
+    b([m, p]);
+  }, Y = t.dateConfig?.granularity || "month", U = () => t.dateConfig?.presets ? t.dateConfig.presets : Y === "day" ? _e : Ke, Q = () => {
+    if (T)
       return "custom";
-    const n = s;
+    const n = l;
     if (!n || !Array.isArray(n))
       return U().includes("all-time") ? "all-time" : "";
-    for (const d of U()) {
-      if (d === "custom") continue;
-      const p = pe(d);
-      if (p && p[0].getTime() === n[0].getTime() && p[1].getTime() === n[1].getTime())
-        return d;
+    for (const u of U()) {
+      if (u === "custom") continue;
+      const m = be(u);
+      if (m && m[0].getTime() === n[0].getTime() && m[1].getTime() === n[1].getTime())
+        return u;
     }
     return "custom";
-  }, ae = (n) => {
+  }, te = (n) => {
     if (n === "custom") {
-      c(!0);
+      d(!0);
       return;
     }
-    c(!1);
-    const d = pe(n);
-    b(d);
+    d(!1);
+    const u = be(n);
+    b(u);
   };
   return /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-3xl)]", children: [
-    F && /* @__PURE__ */ v("div", { className: "relative", children: [
+    j && /* @__PURE__ */ v("div", { className: "relative", children: [
       /* @__PURE__ */ e(
-        H,
+        _,
         {
           name: "search",
           className: "absolute left-[var(--space-m)] top-1/2 -translate-y-1/2 h-[var(--size-xs)] w-[var(--size-xs)] text-[var(--color-text-tertiary)] pointer-events-none"
         }
       ),
       /* @__PURE__ */ e(
-        ee,
+        ae,
         {
           type: "text",
           size: "l",
-          placeholder: r.searchPlaceholder || `Search for a ${r.label.toLowerCase()}`,
+          placeholder: t.searchPlaceholder || `Search for a ${t.label.toLowerCase()}`,
           value: k,
-          onChange: (n) => A(n.target.value),
+          onChange: (n) => z(n.target.value),
           className: "pl-[calc(var(--space-m)+var(--size-xs)+var(--space-s))]",
-          autoFocus: y
+          autoFocus: w
         }
       )
     ] }),
-    r.type === "number" && r.rangeMode && /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
-      /* @__PURE__ */ e("div", { className: "text-body-medium-sm text-[var(--color-text-tertiary)]", children: r.label }),
+    t.type === "number" && t.rangeMode && /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
+      /* @__PURE__ */ e("div", { className: "text-body-medium-sm text-[var(--color-text-tertiary)]", children: t.label }),
       /* @__PURE__ */ e("div", { className: "h-px w-full mb-[var(--space-s)]", children: /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "border-[var(--color-border-primary-subtle)] border-[0px_0px_1px] border-solid h-px" }) }),
       /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
         /* @__PURE__ */ e("label", { className: "text-label-md text-[var(--color-text-primary)]", children: "At least..." }),
         /* @__PURE__ */ v("div", { className: "relative", children: [
-          r.numberConfig?.prefix && /* @__PURE__ */ e("span", { className: "absolute left-[var(--space-m)] top-1/2 -translate-y-1/2 text-body-md text-[var(--color-text-tertiary)] pointer-events-none", children: r.numberConfig.prefix }),
+          t.numberConfig?.prefix && /* @__PURE__ */ e("span", { className: "absolute left-[var(--space-m)] top-1/2 -translate-y-1/2 text-body-md text-[var(--color-text-tertiary)] pointer-events-none", children: t.numberConfig.prefix }),
           /* @__PURE__ */ e(
-            ee,
+            ae,
             {
               type: "text",
               inputMode: "numeric",
               size: "l",
-              variant: I ? "error" : "default",
-              value: $,
+              variant: D ? "error" : "default",
+              value: A,
               onChange: (n) => {
-                M(n.target.value), P(null);
+                L(n.target.value), O(null);
               },
-              onBlur: _,
+              onBlur: B,
               onKeyDown: (n) => {
-                n.key === "Enter" && _();
+                n.key === "Enter" && B();
               },
-              placeholder: r.numberConfig?.min?.toString() || "0.00",
-              className: D(
-                r.numberConfig?.prefix && "pl-[calc(var(--space-l)+var(--space-m))]",
-                r.numberConfig?.suffix && "pr-[calc(var(--space-l)+var(--space-m))]"
+              placeholder: t.numberConfig?.min?.toString() || "0.00",
+              className: E(
+                t.numberConfig?.prefix && "pl-[calc(var(--space-l)+var(--space-m))]",
+                t.numberConfig?.suffix && "pr-[calc(var(--space-l)+var(--space-m))]"
               )
             }
           ),
-          r.numberConfig?.suffix && /* @__PURE__ */ e("span", { className: "absolute right-[var(--space-m)] top-1/2 -translate-y-1/2 text-body-md text-[var(--color-text-tertiary)] pointer-events-none", children: r.numberConfig.suffix })
+          t.numberConfig?.suffix && /* @__PURE__ */ e("span", { className: "absolute right-[var(--space-m)] top-1/2 -translate-y-1/2 text-body-md text-[var(--color-text-tertiary)] pointer-events-none", children: t.numberConfig.suffix })
         ] }),
-        I && /* @__PURE__ */ e("span", { className: "text-caption-sm text-[var(--color-text-error-bold)]", children: I })
+        D && /* @__PURE__ */ e("span", { className: "text-caption-sm text-[var(--color-text-error-bold)]", children: D })
       ] }),
       /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
         /* @__PURE__ */ e("label", { className: "text-label-md text-[var(--color-text-primary)]", children: "No more than..." }),
         /* @__PURE__ */ v("div", { className: "relative", children: [
-          r.numberConfig?.prefix && /* @__PURE__ */ e("span", { className: "absolute left-[var(--space-m)] top-1/2 -translate-y-1/2 text-body-md text-[var(--color-text-tertiary)] pointer-events-none", children: r.numberConfig.prefix }),
+          t.numberConfig?.prefix && /* @__PURE__ */ e("span", { className: "absolute left-[var(--space-m)] top-1/2 -translate-y-1/2 text-body-md text-[var(--color-text-tertiary)] pointer-events-none", children: t.numberConfig.prefix }),
           /* @__PURE__ */ e(
-            ee,
+            ae,
             {
               type: "text",
               inputMode: "numeric",
               size: "l",
-              variant: T ? "error" : "default",
-              value: w,
+              variant: F ? "error" : "default",
+              value: C,
               onChange: (n) => {
-                R(n.target.value), E(null);
+                V(n.target.value), R(null);
               },
-              onBlur: _,
+              onBlur: B,
               onKeyDown: (n) => {
-                n.key === "Enter" && _();
+                n.key === "Enter" && B();
               },
-              placeholder: r.numberConfig?.max?.toString() || "0.00",
-              className: D(
-                r.numberConfig?.prefix && "pl-[calc(var(--space-l)+var(--space-m))]",
-                r.numberConfig?.suffix && "pr-[calc(var(--space-l)+var(--space-m))]"
+              placeholder: t.numberConfig?.max?.toString() || "0.00",
+              className: E(
+                t.numberConfig?.prefix && "pl-[calc(var(--space-l)+var(--space-m))]",
+                t.numberConfig?.suffix && "pr-[calc(var(--space-l)+var(--space-m))]"
               )
             }
           ),
-          r.numberConfig?.suffix && /* @__PURE__ */ e("span", { className: "absolute right-[var(--space-m)] top-1/2 -translate-y-1/2 text-body-md text-[var(--color-text-tertiary)] pointer-events-none", children: r.numberConfig.suffix })
+          t.numberConfig?.suffix && /* @__PURE__ */ e("span", { className: "absolute right-[var(--space-m)] top-1/2 -translate-y-1/2 text-body-md text-[var(--color-text-tertiary)] pointer-events-none", children: t.numberConfig.suffix })
         ] }),
-        T && /* @__PURE__ */ e("span", { className: "text-caption-sm text-[var(--color-text-error-bold)]", children: T })
+        F && /* @__PURE__ */ e("span", { className: "text-caption-sm text-[var(--color-text-error-bold)]", children: F })
       ] }),
-      g && ($ !== "" || w !== "") && /* @__PURE__ */ e(
-        Q,
+      N && (A !== "" || C !== "") && /* @__PURE__ */ e(
+        G,
         {
           variant: "default",
           onClick: () => {
-            M(""), R(""), P(null), E(null), g();
+            L(""), V(""), O(null), R(null), N();
           },
           className: "self-start",
           children: /* @__PURE__ */ e("span", { className: "text-body-medium-sm", children: "Reset" })
         }
       )
     ] }),
-    r.type === "date" && r.rangeMode && /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
-      /* @__PURE__ */ e("div", { className: "text-body-medium-sm text-[var(--color-text-tertiary)]", children: r.label }),
+    t.type === "date" && t.rangeMode && /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
+      /* @__PURE__ */ e("div", { className: "text-body-medium-sm text-[var(--color-text-tertiary)]", children: t.label }),
       /* @__PURE__ */ e("div", { className: "h-px w-full mb-[var(--space-s)]", children: /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "border-[var(--color-border-primary-subtle)] border-[0px_0px_1px] border-solid h-px" }) }),
       /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
         /* @__PURE__ */ e("label", { className: "text-label-md text-[var(--color-text-primary)]", children: "Date range" }),
-        /* @__PURE__ */ v(ge, { value: Z(), onValueChange: ae, children: [
-          /* @__PURE__ */ e(ye, { size: "l", children: /* @__PURE__ */ e(Ne, { placeholder: "Select date range..." }) }),
-          /* @__PURE__ */ e(we, { children: U().map((n) => /* @__PURE__ */ e(Ce, { value: n, children: $e(n) }, n)) })
+        /* @__PURE__ */ v(Ae, { value: Q(), onValueChange: te, children: [
+          /* @__PURE__ */ e(De, { size: "l", children: /* @__PURE__ */ e(Me, { placeholder: "Select date range..." }) }),
+          /* @__PURE__ */ e(ze, { children: U().map((n) => /* @__PURE__ */ e(Ee, { value: n, children: Te(n) }, n)) })
         ] })
       ] }),
-      Z() === "custom" && /* @__PURE__ */ v(ne, { children: [
-        /* @__PURE__ */ e("p", { className: "text-body-sm text-[var(--color-text-secondary)]", children: j === "day" ? "Select start and end dates for custom range" : "Select start and end months for custom range" }),
-        j === "day" && /* @__PURE__ */ e(
-          ke,
+      Q() === "custom" && /* @__PURE__ */ v(se, { children: [
+        /* @__PURE__ */ e("p", { className: "text-body-sm text-[var(--color-text-secondary)]", children: Y === "day" ? "Select start and end dates for custom range" : "Select start and end months for custom range" }),
+        Y === "day" && /* @__PURE__ */ e(
+          Re,
           {
             mode: "range",
-            selected: s && Array.isArray(s) && s.length === 2 ? { from: s[0], to: s[1] } : void 0,
+            selected: l && Array.isArray(l) && l.length === 2 ? { from: l[0], to: l[1] } : void 0,
             onSelect: (n) => {
               if (n?.from && n?.to) {
-                const d = new Date(n.from);
-                d.setHours(0, 0, 0, 0);
-                const p = new Date(n.to);
-                p.setHours(23, 59, 59, 999), b([d, p]), c(!1);
+                const u = new Date(n.from);
+                u.setHours(0, 0, 0, 0);
+                const m = new Date(n.to);
+                m.setHours(23, 59, 59, 999), b([u, m]), d(!1);
               }
             },
             numberOfMonths: 2,
-            disabled: r.dateConfig?.minDate || r.dateConfig?.maxDate ? (n) => !!(r.dateConfig?.minDate && n < r.dateConfig.minDate || r.dateConfig?.maxDate && n > r.dateConfig.maxDate) : void 0
+            disabled: t.dateConfig?.minDate || t.dateConfig?.maxDate ? (n) => !!(t.dateConfig?.minDate && n < t.dateConfig.minDate || t.dateConfig?.maxDate && n > t.dateConfig.maxDate) : void 0
           }
         ),
-        j === "month" && /* @__PURE__ */ e(
-          Se,
+        Y === "month" && /* @__PURE__ */ e(
+          Le,
           {
-            value: s,
+            value: l,
             onChange: (n) => {
-              b(n), c(!1);
+              b(n), d(!1);
             },
             mode: "range",
             yearCount: 2,
             size: "small",
             enableNavigation: !0,
-            onYearNavigate: (n) => S(n),
-            minDate: r.dateConfig?.minDate,
-            maxDate: r.dateConfig?.maxDate
+            onYearNavigate: (n) => I(n),
+            minDate: t.dateConfig?.minDate,
+            maxDate: t.dateConfig?.maxDate
           }
         )
       ] })
     ] }),
-    B.map((n, d) => {
-      const p = `filter-group-${d}-${n.label.replace(/\s+/g, "-").toLowerCase()}`;
+    W.map((n, u) => {
+      const m = `filter-group-${u}-${n.label.replace(/\s+/g, "-").toLowerCase()}`;
       return /* @__PURE__ */ v(
         "div",
         {
           role: "group",
-          "aria-labelledby": p,
+          "aria-labelledby": m,
           className: "flex flex-col gap-[var(--space-s)]",
           children: [
             /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] items-start justify-start w-full", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  id: p,
+                  id: m,
                   className: "flex-1 text-body-medium-sm text-[var(--color-text-tertiary)]",
                   children: n.label
                 }
               ),
-              g && r.type === "multiselect" && /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-xs)] items-center text-body-medium-sm text-[var(--color-text-brand-bold)]", children: [
+              N && t.type === "multiselect" && /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-xs)] items-center text-body-medium-sm text-[var(--color-text-brand-bold)]", children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => q(n),
+                    onClick: () => X(n),
                     "aria-label": `Select all ${n.label} options`,
                     className: "hover:text-[var(--color-text-brand-bold-hovered)] hover:underline",
                     children: "All"
@@ -323,7 +324,7 @@ const ve = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => J(n),
+                    onClick: () => ee(n),
                     "aria-label": `Inverse selection in ${n.label}`,
                     className: "hover:text-[var(--color-text-brand-bold-hovered)] hover:underline",
                     children: "Inverse"
@@ -333,7 +334,7 @@ const ve = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => X(n),
+                    onClick: () => Z(n),
                     "aria-label": `Clear all ${n.label} selections`,
                     className: "hover:text-[var(--color-text-brand-bold-hovered)] hover:underline",
                     children: "None"
@@ -342,162 +343,162 @@ const ve = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
               ] })
             ] }),
             /* @__PURE__ */ e("div", { className: "h-px w-full", children: /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "border-[var(--color-border-primary-subtle)] border-[0px_0px_1px] border-solid h-px" }) }),
-            r.type === "multiselect" ? /* @__PURE__ */ e("div", { className: "flex flex-col gap-[var(--space-s)]", children: n.options.map((m) => /* @__PURE__ */ v(u.Fragment, { children: [
+            t.type === "multiselect" ? /* @__PURE__ */ e("div", { className: "flex flex-col gap-[var(--space-s)]", children: n.options.map((p) => /* @__PURE__ */ v(c.Fragment, { children: [
               /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] h-[20px] items-center", children: [
                 /* @__PURE__ */ e(
-                  le,
+                  pe,
                   {
-                    id: `checkbox-${r.id}-${m.value}`,
-                    checked: h.includes(m.value),
-                    onCheckedChange: () => Y(m.value)
+                    id: `checkbox-${t.id}-${p.value}`,
+                    checked: h.includes(p.value),
+                    onCheckedChange: () => H(p.value)
                   }
                 ),
                 /* @__PURE__ */ e(
                   "label",
                   {
-                    htmlFor: `checkbox-${r.id}-${m.value}`,
+                    htmlFor: `checkbox-${t.id}-${p.value}`,
                     className: "flex-1 text-body-md text-[var(--color-text-primary)] cursor-pointer",
-                    children: m.label
+                    children: p.label
                   }
                 )
               ] }),
-              m.children && m.children.map((N) => /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] h-[20px] items-center pl-[var(--space-3xl)]", children: [
+              p.children && p.children.map((f) => /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] h-[20px] items-center pl-[var(--space-3xl)]", children: [
                 /* @__PURE__ */ e(
-                  le,
+                  pe,
                   {
-                    id: `checkbox-${r.id}-${N.value}`,
-                    checked: h.includes(N.value),
-                    onCheckedChange: () => Y(N.value)
+                    id: `checkbox-${t.id}-${f.value}`,
+                    checked: h.includes(f.value),
+                    onCheckedChange: () => H(f.value)
                   }
                 ),
                 /* @__PURE__ */ e(
                   "label",
                   {
-                    htmlFor: `checkbox-${r.id}-${N.value}`,
+                    htmlFor: `checkbox-${t.id}-${f.value}`,
                     className: "flex-1 text-body-md text-[var(--color-text-primary)] cursor-pointer",
-                    children: N.label
+                    children: f.label
                   }
                 )
-              ] }, N.value))
-            ] }, m.value)) }) : /* @__PURE__ */ e(fe, { value: h[0] || "", onValueChange: Y, "aria-label": n.label, children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-[var(--space-s)]", children: n.options.map((m) => /* @__PURE__ */ v(u.Fragment, { children: [
+              ] }, f.value))
+            ] }, p.value)) }) : /* @__PURE__ */ e($e, { value: h[0] || "", onValueChange: H, "aria-label": n.label, children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-[var(--space-s)]", children: n.options.map((p) => /* @__PURE__ */ v(c.Fragment, { children: [
               /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] h-[20px] items-center", children: [
-                /* @__PURE__ */ e(ie, { id: `radio-${r.id}-${m.value}`, value: m.value }),
+                /* @__PURE__ */ e(me, { id: `radio-${t.id}-${p.value}`, value: p.value }),
                 /* @__PURE__ */ e(
                   "label",
                   {
-                    htmlFor: `radio-${r.id}-${m.value}`,
+                    htmlFor: `radio-${t.id}-${p.value}`,
                     className: "flex-1 text-body-md text-[var(--color-text-primary)] cursor-pointer",
-                    children: m.label
+                    children: p.label
                   }
                 )
               ] }),
-              m.children && m.children.map((N) => /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] h-[20px] items-center pl-[var(--space-3xl)]", children: [
-                /* @__PURE__ */ e(ie, { id: `radio-${r.id}-${N.value}`, value: N.value }),
+              p.children && p.children.map((f) => /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] h-[20px] items-center pl-[var(--space-3xl)]", children: [
+                /* @__PURE__ */ e(me, { id: `radio-${t.id}-${f.value}`, value: f.value }),
                 /* @__PURE__ */ e(
                   "label",
                   {
-                    htmlFor: `radio-${r.id}-${N.value}`,
+                    htmlFor: `radio-${t.id}-${f.value}`,
                     className: "flex-1 text-body-md text-[var(--color-text-primary)] cursor-pointer",
-                    children: N.label
+                    children: f.label
                   }
                 )
-              ] }, N.value))
-            ] }, m.value)) }) })
+              ] }, f.value))
+            ] }, p.value)) }) })
           ]
         },
         n.label
       );
     })
   ] });
-}), me = /* @__PURE__ */ u.memo(function({ filter: r, isSelected: s, isPinned: b, valueCount: g, onSelect: y, onTogglePin: k, onPrefetch: A }) {
-  const f = r.icon, [$, M] = u.useState(!1);
+}), fe = /* @__PURE__ */ c.memo(function({ filter: t, isSelected: l, isPinned: b, valueCount: N, onSelect: w, onTogglePin: k, onPrefetch: z }) {
+  const g = t.icon, [A, L] = c.useState(!1);
   return /* @__PURE__ */ v(
     "div",
     {
-      id: `filter-option-${r.id}`,
+      id: `filter-option-${t.id}`,
       role: "option",
-      "aria-selected": s,
-      "aria-label": `${r.label}${g ? `, ${g} selected` : ""}`,
+      "aria-selected": l,
+      "aria-label": `${t.label}${N ? `, ${N} selected` : ""}`,
       tabIndex: -1,
-      onKeyDown: (w) => {
-        (w.key === "Enter" || w.key === " ") && (w.preventDefault(), y());
+      onKeyDown: (C) => {
+        (C.key === "Enter" || C.key === " ") && (C.preventDefault(), w());
       },
       onMouseEnter: () => {
-        M(!0), A?.();
+        L(!0), z?.();
       },
-      onMouseLeave: () => M(!1),
-      className: D(
+      onMouseLeave: () => L(!1),
+      className: E(
         "group/item box-border flex gap-[var(--space-m)] h-[var(--size-m)] items-center justify-start px-[var(--space-l)] py-[var(--space-s)] relative rounded-[var(--border-radius-m)] shrink-0 w-full cursor-pointer transition-colors",
         "hover:bg-[var(--color-background-neutral-hovered)]",
-        s && "bg-[var(--color-background-blue-subtle-selected)] hover:bg-[var(--color-background-blue-subtle-selected-hovered)] group-focus-visible/listbox:ring-2 group-focus-visible/listbox:ring-[var(--ring-color)] group-focus-visible/listbox:ring-inset"
+        l && "bg-[var(--color-background-blue-subtle-selected)] hover:bg-[var(--color-background-blue-subtle-selected-hovered)] group-focus-visible/listbox:ring-2 group-focus-visible/listbox:ring-[var(--ring-color)] group-focus-visible/listbox:ring-inset"
       ),
-      onClick: y,
+      onClick: w,
       children: [
         /* @__PURE__ */ v("div", { className: "flex-1 flex gap-[var(--space-s)] items-center justify-start min-w-0", children: [
-          /* @__PURE__ */ e(f, { className: D(
+          /* @__PURE__ */ e(g, { className: E(
             "h-[var(--size-2xs)] w-[var(--size-2xs)] shrink-0",
-            s ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
+            l ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
           ) }),
-          /* @__PURE__ */ e("div", { className: D(
+          /* @__PURE__ */ e("div", { className: E(
             "truncate [&]:text-label-md",
-            s ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
-          ), children: r.label }),
-          g !== void 0 && g > 0 && /* @__PURE__ */ e(
-            te,
+            l ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
+          ), children: t.label }),
+          N !== void 0 && N > 0 && /* @__PURE__ */ e(
+            oe,
             {
               size: "s",
-              intent: s ? "brand" : "neutral",
-              appearance: s || $ ? "bold" : "subtle",
-              children: g
+              intent: l ? "brand" : "neutral",
+              appearance: l || A ? "bold" : "subtle",
+              children: N
             }
           )
         ] }),
         /* @__PURE__ */ e("div", { className: "flex items-center gap-[var(--space-s)] shrink-0", children: /* @__PURE__ */ e(
-          Q,
+          G,
           {
             variant: "ghost",
             size: "s",
             tabIndex: -1,
-            "aria-label": b ? `Unpin ${r.label} filter` : `Pin ${r.label} filter`,
+            "aria-label": b ? `Unpin ${t.label} filter` : `Pin ${t.label} filter`,
             "aria-pressed": b,
-            onClick: (w) => {
-              w.stopPropagation(), k();
+            onClick: (C) => {
+              C.stopPropagation(), k();
             },
-            className: D(
+            className: E(
               "group/pin h-auto w-auto p-[var(--space-xs)] transition-opacity",
               b ? "opacity-100" : "opacity-0 group-hover/item:opacity-100"
             ),
-            children: b ? /* @__PURE__ */ v(ne, { children: [
+            children: b ? /* @__PURE__ */ v(se, { children: [
               /* @__PURE__ */ e(
-                H,
+                _,
                 {
-                  name: se,
+                  name: ue,
                   "aria-hidden": "true",
-                  className: D(
+                  className: E(
                     "h-[12px] w-[12px] group-hover/pin:hidden",
-                    s ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
+                    l ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
                   )
                 }
               ),
               /* @__PURE__ */ e(
-                H,
+                _,
                 {
-                  name: be,
+                  name: ke,
                   "aria-hidden": "true",
-                  className: D(
+                  className: E(
                     "h-[12px] w-[12px] hidden group-hover/pin:block",
-                    s ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
+                    l ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
                   )
                 }
               )
             ] }) : /* @__PURE__ */ e(
-              H,
+              _,
               {
-                name: se,
+                name: ue,
                 "aria-hidden": "true",
-                className: D(
+                className: E(
                   "h-[12px] w-[12px]",
-                  s ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
+                  l ? "text-[var(--color-text-brand-bold)]" : "text-[var(--color-text-primary)]"
                 )
               }
             )
@@ -507,256 +508,294 @@ const ve = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
     }
   );
 });
-function Me({ placeholder: x = "Search for keyword...", onAddSearchTerm: r }) {
-  const [s, b] = u.useState("");
+function Be({ placeholder: x = "Search for keyword...", onAddSearchTerm: t }) {
+  const [l, b] = c.useState("");
   return /* @__PURE__ */ e("div", { className: "min-w-[200px] w-[280px]", children: /* @__PURE__ */ e(
-    ee,
+    ae,
     {
       type: "search",
       "aria-label": "Search filters by keyword",
       placeholder: x,
-      value: s,
-      onChange: (y) => b(y.target.value),
-      onKeyDown: (y) => {
-        y.key === "Enter" && s.trim() && (y.preventDefault(), r(s.trim()), b(""));
+      value: l,
+      onChange: (w) => b(w.target.value),
+      onKeyDown: (w) => {
+        w.key === "Enter" && l.trim() && (w.preventDefault(), t(l.trim()), b(""));
       },
       size: "m"
     }
   ) });
 }
-function Le({
+function Ye({
   placeholder: x = "Search for keyword...",
-  onAddSearchTerm: r,
-  suggestions: s,
+  onAddSearchTerm: t,
+  suggestions: l,
   minCharacters: b
 }) {
-  const [g, y] = u.useState("");
+  const [N, w] = c.useState("");
   return /* @__PURE__ */ e("div", { className: "min-w-[200px] w-[280px]", children: /* @__PURE__ */ e(
-    he,
+    Se,
     {
-      value: g,
-      onValueChange: y,
-      onSelect: (A, f) => {
-        r(A, f), y("");
+      value: N,
+      onValueChange: w,
+      onSelect: (z, g) => {
+        t(z, g), w("");
       },
-      suggestions: s,
+      suggestions: l,
       placeholder: x,
       minCharacters: b
     }
   ) });
 }
-function Ee({
+function Ue({
   filters: x,
-  pinnedFilters: r,
-  activeFilters: s,
+  pinnedFilters: t,
+  activeFilters: l,
   onPinnedFiltersChange: b,
-  onFilterChange: g,
-  sidebarWidth: y = 240
+  onFilterChange: N,
+  sidebarWidth: w = 240
 }) {
-  const [k, A] = u.useState(x[0]?.id), [f, $] = u.useState("mouse"), M = u.useRef(null), w = u.useMemo(() => x.map((c) => c.id), [x]), R = (c) => {
-    const C = w.indexOf(k);
-    let S = C;
-    switch (c.key) {
+  const [k, z] = c.useState(x[0]?.id), [g, A] = c.useState("mouse"), L = c.useRef(null), C = c.useMemo(() => x.map((d) => d.id), [x]), V = (d) => {
+    const S = C.indexOf(k);
+    let I = S;
+    switch (d.key) {
       case "ArrowDown":
-        c.preventDefault(), S = Math.min(C + 1, w.length - 1);
+        d.preventDefault(), I = Math.min(S + 1, C.length - 1);
         break;
       case "ArrowUp":
-        c.preventDefault(), S = Math.max(C - 1, 0);
+        d.preventDefault(), I = Math.max(S - 1, 0);
         break;
       case "Home":
-        c.preventDefault(), S = 0;
+        d.preventDefault(), I = 0;
         break;
       case "End":
-        c.preventDefault(), S = w.length - 1;
+        d.preventDefault(), I = C.length - 1;
         break;
       default:
         return;
     }
-    S !== C && ($("keyboard"), A(w[S]));
-  }, I = x.find((c) => c.id === k), P = u.useCallback((c) => {
-    I && g(I.id, c);
-  }, [I?.id, g]), T = u.useCallback(() => {
-    I && g(I.id, void 0);
-  }, [I?.id, g]), E = (c) => {
-    const C = r.includes(c) ? r.filter((S) => S !== c) : [...r, c];
-    b(C);
-  }, K = u.useMemo(() => {
-    const c = {}, C = [], S = [];
+    I !== S && (A("keyboard"), z(C[I]));
+  }, D = x.find((d) => d.id === k), O = c.useCallback((d) => {
+    D && N(D.id, d);
+  }, [D?.id, N]), F = c.useCallback(() => {
+    D && N(D.id, void 0);
+  }, [D?.id, N]), R = (d) => {
+    const S = t.includes(d) ? t.filter((I) => I !== d) : [...t, d];
+    b(S);
+  }, T = c.useMemo(() => {
+    const d = {}, S = [], I = [];
     return x.forEach((h) => {
-      h.group ? (c[h.group] || (c[h.group] = [], S.push(h.group)), c[h.group].push(h)) : C.push(h);
-    }), { grouped: c, ungrouped: C, groupOrder: S };
+      h.group ? (d[h.group] || (d[h.group] = [], I.push(h.group)), d[h.group].push(h)) : S.push(h);
+    }), { grouped: d, ungrouped: S, groupOrder: I };
   }, [x]);
   return /* @__PURE__ */ e("div", { className: "bg-[var(--color-surface-primary)] relative rounded-[var(--border-radius-m)] max-h-[480px] flex flex-col", children: /* @__PURE__ */ v("div", { className: "flex items-stretch justify-start min-h-0 overflow-hidden rounded-[var(--border-radius-m)] flex-1", children: [
     /* @__PURE__ */ e(
       "div",
       {
         className: "bg-[var(--color-background-neutral-default)] relative shrink-0 border-r border-[var(--color-border-primary-subtle)] flex flex-col",
-        style: { width: typeof y == "number" ? `${y}px` : y },
+        style: { width: typeof w == "number" ? `${w}px` : w },
         children: /* @__PURE__ */ v(
           "div",
           {
-            ref: M,
+            ref: L,
             role: "listbox",
             "aria-label": "Filter categories",
             "aria-orientation": "vertical",
             "aria-activedescendant": k ? `filter-option-${k}` : void 0,
             tabIndex: 0,
-            onKeyDown: R,
+            onKeyDown: V,
             className: "group/listbox box-border flex flex-col gap-[var(--space-s)] p-[var(--space-s)] overflow-y-auto focus-visible:outline-none",
             children: [
-              K.ungrouped.map((c) => {
-                const C = s[c.id], S = Array.isArray(C) ? C.length : C != null ? 1 : 0;
+              T.ungrouped.map((d) => {
+                const S = l[d.id], I = Array.isArray(S) ? S.length : S != null ? 1 : 0;
                 return /* @__PURE__ */ e(
-                  me,
+                  fe,
                   {
-                    filter: c,
-                    isSelected: c.id === k,
-                    isPinned: r.includes(c.id),
-                    valueCount: S,
+                    filter: d,
+                    isSelected: d.id === k,
+                    isPinned: t.includes(d.id),
+                    valueCount: I,
                     onSelect: () => {
-                      $("mouse"), A(c.id);
+                      A("mouse"), z(d.id);
                     },
-                    onTogglePin: () => E(c.id)
+                    onTogglePin: () => R(d.id)
                   },
-                  c.id
+                  d.id
                 );
               }),
-              K.groupOrder.map((c, C) => {
-                const S = K.grouped[c];
+              T.groupOrder.map((d, S) => {
+                const I = T.grouped[d];
                 return /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
-                  /* @__PURE__ */ e("div", { className: D(
+                  /* @__PURE__ */ e("div", { className: E(
                     "px-[var(--space-m)] pb-[var(--space-xs)]",
-                    C === 0 && K.ungrouped.length === 0 ? "pt-0" : "pt-[var(--space-m)]"
-                  ), children: /* @__PURE__ */ e("div", { className: "text-caption-sm text-[var(--color-text-tertiary)] tracking-[0.1px]", children: c }) }),
-                  S.map((h) => {
-                    const F = s[h.id], B = Array.isArray(F) ? F.length : F != null ? 1 : 0;
+                    S === 0 && T.ungrouped.length === 0 ? "pt-0" : "pt-[var(--space-m)]"
+                  ), children: /* @__PURE__ */ e("div", { className: "text-caption-sm text-[var(--color-text-tertiary)] tracking-[0.1px]", children: d }) }),
+                  I.map((h) => {
+                    const j = l[h.id], W = Array.isArray(j) ? j.length : j != null ? 1 : 0;
                     return /* @__PURE__ */ e(
-                      me,
+                      fe,
                       {
                         filter: h,
                         isSelected: h.id === k,
-                        isPinned: r.includes(h.id),
-                        valueCount: B,
+                        isPinned: t.includes(h.id),
+                        valueCount: W,
                         onSelect: () => {
-                          $("mouse"), A(h.id);
+                          A("mouse"), z(h.id);
                         },
-                        onTogglePin: () => E(h.id)
+                        onTogglePin: () => R(h.id)
                       },
                       h.id
                     );
                   })
-                ] }, c);
+                ] }, d);
               })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ e("div", { className: "flex-1 box-border p-[var(--space-l)] overflow-y-auto", children: I && /* @__PURE__ */ e(
-      ve,
+    /* @__PURE__ */ e("div", { className: "flex-1 box-border p-[var(--space-l)] overflow-y-auto", children: D && /* @__PURE__ */ e(
+      ge,
       {
-        filter: I,
-        value: s[I.id],
-        onChange: P,
-        onReset: T,
-        autoFocusSearch: f === "mouse"
+        filter: D,
+        value: l[D.id],
+        onChange: O,
+        onReset: F,
+        autoFocusSearch: g === "mouse"
       }
     ) })
   ] }) });
 }
-function Xe({
+function ur({
   filters: x,
-  pinnedFilters: r,
-  activeFilters: s,
+  pinnedFilters: t,
+  activeFilters: l,
   onPinnedFiltersChange: b,
-  onFilterChange: g,
-  onFilterClear: y,
+  onFilterChange: N,
+  onFilterClear: w,
   onFilterReset: k,
-  enableGlobalSearch: A = !1,
-  globalSearchTerms: f = [],
-  onGlobalSearchChange: $,
-  globalSearchPlaceholder: M,
-  enableAutocomplete: w = !1,
-  autocompleteMinCharacters: R = 2,
-  hideReset: I = !1,
-  hideFiltersButton: P = !1,
-  actionButtons: T
+  enableGlobalSearch: z = !1,
+  globalSearchTerms: g = [],
+  onGlobalSearchChange: A,
+  globalSearchPlaceholder: L,
+  enableAutocomplete: C = !1,
+  autocompleteMinCharacters: V = 2,
+  hideReset: D = !1,
+  hideFiltersButton: O = !1,
+  actionButtons: F
 }) {
-  const [E, K] = u.useState(!1), [c, C] = u.useState(null), [S, h] = u.useState(""), F = u.useRef(s), B = u.useRef(f), Y = u.useRef({}), X = u.useCallback((t, a) => {
-    const o = c;
-    C(t ? a : null), !t && o === a && setTimeout(() => {
-      Y.current[a]?.focus();
-    }, 0);
-  }, [c]);
-  u.useEffect(() => {
-    const t = F.current, a = B.current, o = Object.keys(s).filter(
-      (L) => s[L] !== void 0 && s[L] !== null && (!Array.isArray(s[L]) || s[L].length > 0)
-    ).length, i = Object.keys(t).filter(
-      (L) => t[L] !== void 0 && t[L] !== null && (!Array.isArray(t[L]) || t[L].length > 0)
-    ).length, l = f.length, V = a.length;
-    let z = "";
-    if (o !== i && (o > i ? z = "Filter applied." : o < i && (z = "Filter removed.")), l !== V && (l > V ? z = z ? `${z} Search term added.` : "Search term added." : l < V && (z = z ? `${z} Search term removed.` : "Search term removed.")), z) {
-      const L = o + l;
-      L === 0 ? z = "All filters cleared." : z = `${z} ${L} active filter${L !== 1 ? "s" : ""}.`, h(z);
+  const [R, T] = c.useState(!1), [d, S] = c.useState(null), [I, h] = c.useState(null), [j, W] = c.useState(""), H = c.useRef(l), Z = c.useRef(g), X = c.useRef({}), ee = c.useRef(null), [B, Y] = c.useState(/* @__PURE__ */ new Set()), U = c.useRef(null), [Q, te] = c.useState(!1), n = c.useCallback((r, a) => {
+    const o = d;
+    S(r ? a : null), !r && o === a && (h(a), setTimeout(() => h(null), 500), setTimeout(() => {
+      X.current[a]?.focus();
+    }, 0));
+  }, [d]);
+  c.useEffect(() => {
+    const r = H.current, a = Z.current, o = Object.keys(l).filter(
+      (M) => l[M] !== void 0 && l[M] !== null && (!Array.isArray(l[M]) || l[M].length > 0)
+    ).length, i = Object.keys(r).filter(
+      (M) => r[M] !== void 0 && r[M] !== null && (!Array.isArray(r[M]) || r[M].length > 0)
+    ).length, s = g.length, $ = a.length;
+    let y = "";
+    if (o !== i && (o > i ? y = "Filter applied." : o < i && (y = "Filter removed.")), s !== $ && (s > $ ? y = y ? `${y} Search term added.` : "Search term added." : s < $ && (y = y ? `${y} Search term removed.` : "Search term removed.")), y) {
+      const M = o + s;
+      M === 0 ? y = "All filters cleared." : y = `${y} ${M} active filter${M !== 1 ? "s" : ""}.`, W(y);
     }
-    F.current = s, B.current = f;
-  }, [s, f]);
-  const q = !P && x.length > 0, J = Object.keys(s).some(
-    (t) => s[t] !== void 0 && s[t] !== null
-  ), _ = f.length > 0, j = Object.keys(s).filter(
-    (t) => {
-      const a = s[t];
+    H.current = l, Z.current = g;
+  }, [l, g]);
+  const u = !O && x.length > 0, m = Object.keys(l).some(
+    (r) => l[r] !== void 0 && l[r] !== null
+  ), p = g.length > 0, f = Object.keys(l).filter(
+    (r) => {
+      const a = l[r];
       return a != null && (!Array.isArray(a) || a.length > 0);
     }
-  ).length, U = (t, a) => {
-    if (!t.groups) return a;
-    for (const o of t.groups)
+  ).length, J = (r, a) => {
+    if (!r.groups) return a;
+    for (const o of r.groups)
       for (const i of o.options) {
         if (i.value === a) return i.label;
         if (i.children) {
-          const l = i.children.find((V) => V.value === a);
-          if (l) return l.label;
+          const s = i.children.find(($) => $.value === a);
+          if (s) return s.label;
         }
       }
     return a;
-  }, Z = (t, a, o) => {
-    const i = o?.prefix || "", l = o?.suffix || "";
-    return t === -1 / 0 ? `≤ ${i}${a}${l}` : a === 1 / 0 ? `≥ ${i}${t}${l}` : `${i}${t}${l} - ${i}${a}${l}`;
-  }, ae = (t) => {
-    const a = s[t.id];
+  }, P = (r, a, o) => {
+    const i = o?.prefix || "", s = o?.suffix || "";
+    return r === -1 / 0 ? `≤ ${i}${a}${s}` : a === 1 / 0 ? `≥ ${i}${r}${s}` : `${i}${r}${s} - ${i}${a}${s}`;
+  }, re = (r) => {
+    const a = l[r.id];
     if (!a || Array.isArray(a) && a.length === 0)
-      return { type: "empty", icon: t.icon, content: t.label };
-    if (t.type === "number" && t.rangeMode && Array.isArray(a) && a.length === 2) {
-      const [o, i] = a, l = t.formatValue?.(
+      return { type: "empty", icon: r.icon, content: r.label };
+    if (r.type === "number" && r.rangeMode && Array.isArray(a) && a.length === 2) {
+      const [o, i] = a, s = r.formatValue?.(
         [o.toString(), i.toString()],
         2
-      ) ?? Z(o, i, t.numberConfig);
-      return { type: "values", icon: t.icon, content: l };
+      ) ?? P(o, i, r.numberConfig);
+      return { type: "values", icon: r.icon, content: s };
     }
-    if (t.type === "date" && t.rangeMode && Array.isArray(a) && a.length === 2) {
-      const [o, i] = a, l = t.formatValue?.(
+    if (r.type === "date" && r.rangeMode && Array.isArray(a) && a.length === 2) {
+      const [o, i] = a, s = r.formatValue?.(
         [o.toISOString(), i.toISOString()],
         2
-      ) ?? Ie(o, i);
-      return { type: "values", icon: t.icon, content: l };
+      ) ?? je(o, i);
+      return { type: "values", icon: r.icon, content: s };
     }
     if (Array.isArray(a))
       if (a.length <= 3) {
-        const o = a.map(String), i = t.formatValue?.(o, o.length) ?? o.map((l) => U(t, l)).join(", ");
-        return { type: "values", icon: t.icon, content: i };
+        const o = a.map(String), i = r.formatValue?.(o, o.length) ?? o.map((s) => J(r, s)).join(", ");
+        return { type: "values", icon: r.icon, content: i };
       } else
         return {
           type: "count",
-          icon: t.icon,
-          label: t.label,
+          icon: r.icon,
+          label: r.label,
           count: a.length
         };
-    return { type: "values", icon: t.icon, content: U(t, String(a)) };
-  }, n = x.filter((t) => r.includes(t.id)), d = u.useMemo(() => {
-    const t = [];
+    return { type: "values", icon: r.icon, content: J(r, String(a)) };
+  }, K = x.filter((r) => t.includes(r.id));
+  c.useEffect(() => {
+    const r = U.current;
+    if (!r) return;
+    const a = r.parentElement;
+    if (!a) return;
+    const o = () => {
+      let s = 0, $ = 0;
+      for (const M of Array.from(a.children)) {
+        if (M === r) continue;
+        const ce = M.offsetWidth;
+        ce !== 0 && (s += ce, $++);
+      }
+      const y = ($ + 1) * 3;
+      return a.clientWidth - s - y;
+    }, i = new ResizeObserver(() => {
+      te(o() < 320);
+    });
+    return i.observe(a), () => i.disconnect();
+  }, []), c.useEffect(() => {
+    const r = ee.current;
+    if (!r || K.length === 0) return;
+    const a = new IntersectionObserver(
+      (o) => {
+        Y((i) => {
+          const s = new Set(i);
+          return o.forEach(($) => {
+            const y = $.target.dataset.filterId;
+            y && ($.isIntersecting && $.intersectionRatio >= 1 ? s.add(y) : s.delete(y));
+          }), s;
+        });
+      },
+      { root: r, threshold: 1 }
+    );
+    return Object.values(X.current).forEach((o) => {
+      o && a.observe(o);
+    }), () => a.disconnect();
+  }, [K]);
+  const q = c.useMemo(() => {
+    const r = [];
     for (const a of x) {
       const o = (i) => {
-        t.push({
+        r.push({
           normalizedLabel: i.toLowerCase(),
           filterId: a.id,
           icon: a.icon
@@ -764,33 +803,33 @@ function Xe({
       };
       if (a.groups)
         for (const i of a.groups)
-          for (const l of i.options)
-            o(l.label), l.children?.forEach((V) => o(V.label));
+          for (const s of i.options)
+            o(s.label), s.children?.forEach(($) => o($.label));
       a.options && a.options.forEach((i) => {
-        o(i.label), i.children?.forEach((l) => o(l.label));
+        o(i.label), i.children?.forEach((s) => o(s.label));
       });
     }
-    return t;
-  }, [x]), p = u.useCallback((t) => {
-    if (!t) return null;
-    const a = t.toLowerCase();
-    for (const o of d)
+    return r;
+  }, [x]), le = c.useCallback((r) => {
+    if (!r) return null;
+    const a = r.toLowerCase();
+    for (const o of q)
       if (o.normalizedLabel.includes(a))
         return { filterId: o.filterId, icon: o.icon };
     return null;
-  }, [d]), m = u.useMemo(() => f.filter((a) => a && typeof a == "string").map((a) => {
+  }, [q]), ye = c.useMemo(() => g.filter((a) => a && typeof a == "string").map((a) => {
     if (a.includes("|")) {
-      const [i, l] = a.split("|"), V = x.find((z) => z.label === l);
+      const [i, s] = a.split("|"), $ = x.find((y) => y.label === s);
       return {
         value: a,
         // Keep encoded term for removal
-        matchedFilter: V ? {
-          filterId: V.id,
-          icon: V.icon
+        matchedFilter: $ ? {
+          filterId: $.id,
+          icon: $.icon
         } : void 0
       };
     }
-    const o = p(a);
+    const o = le(a);
     return {
       value: a,
       matchedFilter: o ? {
@@ -798,35 +837,35 @@ function Xe({
         icon: o.icon
       } : void 0
     };
-  }), [f, x, p]), N = u.useMemo(() => {
-    if (!w || !A)
+  }), [g, x, le]), Ne = c.useMemo(() => {
+    if (!C || !z)
       return [];
-    const t = [];
+    const r = [];
     return x.forEach((a) => {
       a.groups ? a.groups.forEach((o) => {
         o.options.forEach((i) => {
-          i.label && i.value && t.push({
+          i.label && i.value && r.push({
             label: i.label,
             value: i.value,
             filterLabel: a.label,
             filterIcon: a.icon
-          }), i.children && i.children.forEach((l) => {
-            l.label && l.value && t.push({
-              label: l.label,
-              value: l.value,
+          }), i.children && i.children.forEach((s) => {
+            s.label && s.value && r.push({
+              label: s.label,
+              value: s.value,
               filterLabel: a.label,
               filterIcon: a.icon
             });
           });
         });
       }) : a.options && a.options.forEach((o) => {
-        o.label && o.value && t.push({
+        o.label && o.value && r.push({
           label: o.label,
           value: o.value,
           filterLabel: a.label,
           filterIcon: a.icon
         }), o.children && o.children.forEach((i) => {
-          i.label && i.value && t.push({
+          i.label && i.value && r.push({
             label: i.label,
             value: i.value,
             filterLabel: a.label,
@@ -834,18 +873,18 @@ function Xe({
           });
         });
       });
-    }), t.sort((a, o) => {
+    }), r.sort((a, o) => {
       const i = a.label.localeCompare(o.label);
       return i !== 0 ? i : a.filterLabel.localeCompare(o.filterLabel);
     });
-  }, [x, w, A]), G = (t, a) => {
-    if (!$) return;
-    const o = a ? `${t}|${a}` : t;
-    f.includes(o) || $([...f, o]);
-  }, O = (t) => {
-    $ && $(f.filter((a) => a !== t));
-  }, W = () => {
-    k(), $ && _ && $([]);
+  }, [x, C, z]), ie = (r, a) => {
+    if (!A) return;
+    const o = a ? `${r}|${a}` : r;
+    g.includes(o) || A([...g, o]);
+  }, we = (r) => {
+    A && A(g.filter((a) => a !== r));
+  }, Ce = () => {
+    k(), A && p && A([]);
   };
   return /* @__PURE__ */ v("div", { className: "flex gap-[3px] items-center min-w-0", children: [
     /* @__PURE__ */ e(
@@ -855,146 +894,156 @@ function Xe({
         "aria-live": "polite",
         "aria-atomic": "true",
         className: "sr-only",
-        children: S
+        children: j
       }
     ),
-    q && /* @__PURE__ */ v(ce, { open: E, onOpenChange: K, children: [
-      /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ v(
-        Q,
+    u && /* @__PURE__ */ v(ve, { open: R, onOpenChange: T, children: [
+      /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ v(
+        G,
         {
           className: "h-[var(--size-m)] gap-[var(--space-xs)]",
-          "aria-label": `Filters${j > 0 ? `, ${j} active` : ""}`,
-          "aria-expanded": E,
+          "aria-label": `Filters${f > 0 ? `, ${f} active` : ""}`,
+          "aria-expanded": R,
           "aria-haspopup": "dialog",
           children: [
-            /* @__PURE__ */ e(H, { name: xe, className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" }),
+            /* @__PURE__ */ e(_, { name: Ie, className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" }),
             /* @__PURE__ */ e("span", { className: "text-label-md", children: "Filters" }),
-            j > 0 && /* @__PURE__ */ e(te, { size: "s", intent: "neutral", appearance: "subtle", "aria-hidden": "true", children: j })
+            f > 0 && /* @__PURE__ */ e(oe, { size: "s", intent: "neutral", appearance: "subtle", "aria-hidden": "true", children: f })
           ]
         }
       ) }),
       /* @__PURE__ */ e(
-        ue,
+        xe,
         {
           className: "w-[660px] p-0",
           align: "start",
           children: /* @__PURE__ */ e(
-            Ee,
+            Ue,
             {
               filters: x,
-              pinnedFilters: r,
-              activeFilters: s,
+              pinnedFilters: t,
+              activeFilters: l,
               onPinnedFiltersChange: b,
-              onFilterChange: g
+              onFilterChange: N
             }
           )
         }
       )
     ] }),
-    q && n.length > 0 && /* @__PURE__ */ e(re, { type: "dot", layout: "horizontal" }),
-    n.length > 0 && /* @__PURE__ */ e("div", { className: "min-w-0 flex gap-[7px] overflow-x-auto scrollbar-hide p-1", children: n.map((t) => {
-      const a = ae(t), o = a.type !== "empty", i = a.icon;
+    u && K.length > 0 && !Q && /* @__PURE__ */ e(ne, { type: "dot" }),
+    K.length > 0 && /* @__PURE__ */ e("div", { ref: U, className: E("min-w-0 flex-1 overflow-hidden", Q && "hidden"), children: !Q && /* @__PURE__ */ e(Oe, { delayDuration: 400, children: /* @__PURE__ */ e("div", { ref: ee, className: "min-w-0 flex gap-[7px] overflow-x-auto scrollbar-hide p-1", children: K.map((r) => {
+      const a = re(r), o = a.type !== "empty", i = a.icon;
       return /* @__PURE__ */ v(
-        ce,
+        Pe,
         {
-          open: c === t.id,
-          onOpenChange: (l) => X(l, t.id),
+          open: d === r.id || I === r.id || !B.has(r.id) ? !1 : void 0,
           children: [
-            /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ v(
-              "div",
+            /* @__PURE__ */ v(
+              ve,
               {
-                ref: (l) => {
-                  Y.current[t.id] = l;
-                },
-                role: "button",
-                tabIndex: 0,
-                "aria-label": `${t.label}: ${a.type === "empty" ? "not set, click to add filter" : a.type === "count" ? `${a.count} selected, click to edit` : `${a.content}, click to edit`}`,
-                "aria-expanded": c === t.id,
-                "aria-haspopup": "dialog",
-                onKeyDown: (l) => {
-                  (l.key === "Enter" || l.key === " ") && (l.preventDefault(), X(c !== t.id, t.id));
-                },
-                className: D(
-                  "group/slot h-[var(--size-m)] rounded-[var(--border-radius-l)] flex items-center justify-center gap-[var(--space-s)] transition-colors cursor-pointer flex-shrink-0",
-                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",
-                  o ? "bg-[var(--color-background-neutral-selected)] hover:bg-[var(--color-background-neutral-hovered)] px-[var(--space-m)] pr-[4px]" : "border border-dashed border-[var(--color-border-primary-strong)] px-[var(--space-m)] pr-[var(--space-s)] hover:border-[var(--grey-400)] active:bg-[var(--grey-25)]"
-                ),
+                open: d === r.id,
+                onOpenChange: (s) => n(s, r.id),
                 children: [
-                  /* @__PURE__ */ e(i, { className: D(
-                    "h-[var(--size-2xs)] w-[var(--size-2xs)]",
-                    o ? "text-[var(--color-icon-primary)]" : "text-[var(--grey-400)] group-hover/slot:text-[var(--grey-500)]"
-                  ) }),
-                  a.type === "count" ? /* @__PURE__ */ v(ne, { children: [
-                    /* @__PURE__ */ e("span", { className: "whitespace-nowrap [&]:text-label-md text-[var(--color-text-primary)]", children: a.label }),
-                    /* @__PURE__ */ e(te, { size: "s", intent: "neutral", appearance: "bold", children: a.count })
-                  ] }) : /* @__PURE__ */ e("span", { className: D(
-                    "whitespace-nowrap [&]:text-label-md",
-                    o ? "text-[var(--color-text-primary)]" : "text-[var(--color-text-tertiary)] group-hover/slot:text-[var(--grey-500)]"
-                  ), children: a.content }),
-                  o && /* @__PURE__ */ e(
-                    Q,
+                  /* @__PURE__ */ e(Ve, { asChild: !0, children: /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ v(
+                    "div",
                     {
-                      variant: "ghost",
-                      size: "s",
-                      "aria-label": `Clear ${t.label} filter`,
-                      onClick: (l) => {
-                        l.stopPropagation(), y(t.id);
+                      ref: (s) => {
+                        X.current[r.id] = s;
                       },
-                      onKeyDown: (l) => {
-                        (l.key === "Enter" || l.key === " ") && (l.preventDefault(), l.stopPropagation(), y(t.id));
+                      "data-filter-id": r.id,
+                      role: "button",
+                      tabIndex: 0,
+                      "aria-label": `${r.label}: ${a.type === "empty" ? "not set, click to add filter" : a.type === "count" ? `${a.count} selected, click to edit` : `${a.content}, click to edit`}`,
+                      "aria-expanded": d === r.id,
+                      "aria-haspopup": "dialog",
+                      onKeyDown: (s) => {
+                        (s.key === "Enter" || s.key === " ") && (s.preventDefault(), n(d !== r.id, r.id));
                       },
-                      className: "h-auto w-auto p-[var(--space-xs)]",
-                      children: /* @__PURE__ */ e(H, { name: oe, className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" })
+                      className: E(
+                        "group/slot h-[var(--size-m)] rounded-[var(--border-radius-l)] flex items-center justify-center gap-[var(--space-s)] transition-colors cursor-pointer flex-shrink-0",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",
+                        o ? "bg-[var(--color-background-neutral-selected)] hover:bg-[var(--color-background-neutral-hovered)] px-[var(--space-m)] pr-[4px]" : "border border-dashed border-[var(--color-border-primary-strong)] px-[var(--space-m)] pr-[var(--space-s)] hover:border-[var(--grey-400)] active:bg-[var(--grey-25)]"
+                      ),
+                      children: [
+                        /* @__PURE__ */ e(i, { className: E(
+                          "h-[var(--size-2xs)] w-[var(--size-2xs)]",
+                          o ? "text-[var(--color-icon-primary)]" : "text-[var(--grey-400)] group-hover/slot:text-[var(--grey-500)]"
+                        ) }),
+                        a.type === "count" ? /* @__PURE__ */ v(se, { children: [
+                          /* @__PURE__ */ e("span", { className: "whitespace-nowrap [&]:text-label-md text-[var(--color-text-primary)]", children: a.label }),
+                          /* @__PURE__ */ e(oe, { size: "s", intent: "neutral", appearance: "bold", children: a.count })
+                        ] }) : /* @__PURE__ */ e("span", { className: E(
+                          "whitespace-nowrap [&]:text-label-md",
+                          o ? "text-[var(--color-text-primary)]" : "text-[var(--color-text-tertiary)] group-hover/slot:text-[var(--grey-500)]"
+                        ), children: a.content }),
+                        o && /* @__PURE__ */ e(
+                          G,
+                          {
+                            variant: "ghost",
+                            size: "s",
+                            "aria-label": `Clear ${r.label} filter`,
+                            onClick: (s) => {
+                              s.stopPropagation(), w(r.id);
+                            },
+                            onKeyDown: (s) => {
+                              (s.key === "Enter" || s.key === " ") && (s.preventDefault(), s.stopPropagation(), w(r.id));
+                            },
+                            className: "h-auto w-auto p-[var(--space-xs)]",
+                            children: /* @__PURE__ */ e(_, { name: de, className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" })
+                          }
+                        )
+                      ]
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ e(
+                    xe,
+                    {
+                      className: E(
+                        "p-[var(--space-l)]",
+                        r.type === "date" ? "w-[600px]" : "w-[320px]",
+                        "max-h-[var(--radix-popover-content-available-height)] overflow-y-auto"
+                      ),
+                      align: "start",
+                      collisionPadding: 8,
+                      children: /* @__PURE__ */ e(
+                        ge,
+                        {
+                          filter: r,
+                          value: l[r.id],
+                          onChange: (s) => N(r.id, s),
+                          onReset: () => w(r.id)
+                        }
+                      )
                     }
                   )
                 ]
               }
-            ) }),
-            /* @__PURE__ */ e(
-              ue,
-              {
-                className: D(
-                  "p-[var(--space-l)]",
-                  t.type === "date" ? "w-[600px]" : "w-[320px]",
-                  "max-h-[var(--radix-popover-content-available-height)] overflow-y-auto"
-                ),
-                align: "start",
-                collisionPadding: 8,
-                children: /* @__PURE__ */ e(
-                  ve,
-                  {
-                    filter: t,
-                    value: s[t.id],
-                    onChange: (l) => g(t.id, l),
-                    onReset: () => y(t.id)
-                  }
-                )
-              }
-            )
+            ),
+            a.type === "values" && /* @__PURE__ */ e(Fe, { side: "top", children: r.label })
           ]
         },
-        t.id
+        r.id
       );
-    }) }),
-    A && (q || n.length > 0) && /* @__PURE__ */ e(re, { type: "line", layout: "horizontal", className: "mx-[var(--space-s)]" }),
-    A && !w && /* @__PURE__ */ e(
-      Me,
+    }) }) }) }),
+    z && (u || K.length > 0) && /* @__PURE__ */ e(ne, { type: "vertical-line", className: "mx-[var(--space-s)]" }),
+    z && !C && /* @__PURE__ */ e(
+      Be,
       {
-        placeholder: M,
-        onAddSearchTerm: G
+        placeholder: L,
+        onAddSearchTerm: ie
       }
     ),
-    A && w && /* @__PURE__ */ e(
-      Le,
+    z && C && /* @__PURE__ */ e(
+      Ye,
       {
-        placeholder: M,
-        onAddSearchTerm: G,
-        suggestions: N,
-        minCharacters: R
+        placeholder: L,
+        onAddSearchTerm: ie,
+        suggestions: Ne,
+        minCharacters: V
       }
     ),
-    m.map((t) => {
-      const a = t.matchedFilter?.icon, o = t.value.includes("|") ? t.value.split("|")[0] : t.value;
+    ye.map((r) => {
+      const a = r.matchedFilter?.icon, o = r.value.includes("|") ? r.value.split("|")[0] : r.value;
       return /* @__PURE__ */ v(
         "div",
         {
@@ -1003,40 +1052,40 @@ function Xe({
             a && /* @__PURE__ */ e(a, { className: "h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-primary)]" }),
             /* @__PURE__ */ e("span", { className: "whitespace-nowrap [&]:text-label-md text-[var(--color-text-primary)]", children: o }),
             /* @__PURE__ */ e(
-              Q,
+              G,
               {
                 variant: "ghost",
                 size: "s",
                 "aria-label": `Remove search term: ${o}`,
-                onClick: () => O(t.value),
+                onClick: () => we(r.value),
                 className: "h-auto w-auto p-[var(--space-xs)]",
-                children: /* @__PURE__ */ e(H, { name: oe, className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" })
+                children: /* @__PURE__ */ e(_, { name: de, className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" })
               }
             )
           ]
         },
-        t.value
+        r.value
       );
     }),
-    !I && (J || _) && /* @__PURE__ */ e(re, { type: "dot", layout: "horizontal" }),
-    !I && (J || _) && /* @__PURE__ */ e(
-      Q,
+    !D && (m || p) && /* @__PURE__ */ e(ne, { type: "dot" }),
+    !D && (m || p) && /* @__PURE__ */ e(
+      G,
       {
         variant: "ghost",
-        onClick: W,
+        onClick: Ce,
         "aria-label": "Reset all filters and search terms",
         className: "h-[var(--size-m)] rounded-[var(--border-radius-s)] px-[var(--space-m)]",
         children: /* @__PURE__ */ e("span", { className: "text-label-md", children: "Clear all" })
       }
     ),
-    T && /* @__PURE__ */ e("div", { className: "flex-1" }),
-    T
+    F && /* @__PURE__ */ e("div", { className: "flex-1" }),
+    F
   ] });
 }
 export {
-  ze as DEFAULT_DAY_PRESETS,
-  Ae as DEFAULT_MONTH_PRESETS,
-  Ee as FilterDropdownMenu,
-  ve as FilterPanelContent,
-  Xe as Filters
+  _e as DEFAULT_DAY_PRESETS,
+  Ke as DEFAULT_MONTH_PRESETS,
+  Ue as FilterDropdownMenu,
+  ge as FilterPanelContent,
+  ur as Filters
 };