@rafal.lemieszewski/tide-ui 0.85.1 → 0.87.0

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

@@ -3,18 +3,19 @@ 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 me } from "../fundamental/autocomplete-search.js";
+import { AutocompleteSearch as he } from "../fundamental/autocomplete-search.js";
 import { Icon as H } from "../fundamental/icon.js";
-import { Checkbox as oe } from "../fundamental/checkbox.js";
-import { RadioGroup as ve, RadioGroupItem as se } from "../fundamental/radio-group.js";
-import { Select as he, SelectTrigger as xe, SelectValue as be, SelectContent as fe, SelectItem as ge } from "../fundamental/select.js";
-import { MonthPicker as ye } from "../fundamental/month-picker.js";
-import { Calendar as Ne } from "../fundamental/calendar.js";
-import { Popover as le, PopoverTrigger as ie, PopoverContent as ce } from "../fundamental/popover.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 we, calculatePresetRange as de, formatDateRange as Ce } from "../../lib/date-utils.js";
-const Se = [
+import { getPresetLabel as $e, calculatePresetRange as pe, formatDateRange as Ie } from "../../lib/date-utils.js";
+const Ae = [
   "this-month",
   "last-month",
   "this-quarter",
@@ -22,7 +23,7 @@ const Se = [
   "this-year",
   "last-year",
   "custom"
-], ke = [
+], ze = [
   "this-week",
   "last-week",
   "last-30-days",
@@ -31,7 +32,7 @@ const Se = [
   "last-month",
   "custom"
 ];
-function $e(x) {
+function De(x) {
   let r = 0;
   if (x.groups)
     for (const s of x.groups)
@@ -39,8 +40,8 @@ function $e(x) {
         r++, b.children && (r += b.children.length);
   return x.options && (r = x.options.length), r;
 }
-const pe = /* @__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, O] = u.useState(null), [T, L] = 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]);
+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;
@@ -48,14 +49,14 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
         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(""));
-      O(null), L(null);
+      P(null), E(null);
     }
   }, [s, r.type, r.rangeMode]);
   const F = u.useMemo(() => {
     const n = r.showSearch ?? "auto";
     if (n === !0) return !0;
     if (n === !1) return !1;
-    const d = $e(r), p = r.searchThreshold ?? 8;
+    const d = De(r), p = r.searchThreshold ?? 8;
     return d >= p;
   }, [r]), B = u.useMemo(() => {
     if (r.groups) {
@@ -83,7 +84,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
       b(d.length > 0 ? d : void 0);
     } else
       b(n === h[0] ? void 0 : n);
-  }, J = (n) => {
+  }, X = (n) => {
     if (r.type !== "multiselect") return;
     const d = n.options.flatMap(
       (m) => [m.value, ...m.children?.map((N) => N.value) || []]
@@ -95,36 +96,36 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
       (m) => [m.value, ...m.children?.map((N) => N.value) || []]
     ), p = Array.from(/* @__PURE__ */ new Set([...h, ...d]));
     b(p.length > 0 ? p : void 0);
-  }, X = (n) => {
+  }, J = (n) => {
     if (r.type !== "multiselect") return;
-    const p = n.options.filter((P) => !k || P.label.toLowerCase().includes(k.toLowerCase())).flatMap((P) => {
-      const W = P.value, t = P.children?.filter(
+    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((P) => !p.includes(P)), N = p.filter((P) => !h.includes(P)), G = [...m, ...N];
+    }), 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 (O(null), L(null), n === "" && d === "") {
+    if (P(null), E(null), n === "" && d === "") {
       b(void 0);
       return;
     }
     const p = n === "" ? -1 / 0 : parseFloat(n), m = d === "" ? 1 / 0 : parseFloat(d);
     if (n !== "" && isNaN(p)) {
-      O("Invalid minimum value");
+      P("Invalid minimum value");
       return;
     }
     if (d !== "" && isNaN(m)) {
-      L("Invalid maximum value");
+      E("Invalid maximum value");
       return;
     }
     if (p !== -1 / 0 && m !== 1 / 0 && p > m) {
-      O("Minimum must be less than maximum"), L("Maximum must be more than minimum");
+      P("Minimum must be less than maximum"), E("Maximum must be more than minimum");
       return;
     }
     b([p, m]);
-  }, j = r.dateConfig?.granularity || "month", U = () => r.dateConfig?.presets ? r.dateConfig.presets : j === "day" ? ke : Se, Z = () => {
+  }, j = r.dateConfig?.granularity || "month", U = () => r.dateConfig?.presets ? r.dateConfig.presets : j === "day" ? ze : Ae, Z = () => {
     if (K)
       return "custom";
     const n = s;
@@ -132,7 +133,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
       return U().includes("all-time") ? "all-time" : "";
     for (const d of U()) {
       if (d === "custom") continue;
-      const p = de(d);
+      const p = pe(d);
       if (p && p[0].getTime() === n[0].getTime() && p[1].getTime() === n[1].getTime())
         return d;
     }
@@ -143,7 +144,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
       return;
     }
     c(!1);
-    const d = de(n);
+    const d = pe(n);
     b(d);
   };
   return /* @__PURE__ */ v("div", { className: "flex flex-col gap-[var(--space-3xl)]", children: [
@@ -184,7 +185,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
               variant: I ? "error" : "default",
               value: $,
               onChange: (n) => {
-                M(n.target.value), O(null);
+                M(n.target.value), P(null);
               },
               onBlur: _,
               onKeyDown: (n) => {
@@ -214,7 +215,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
               variant: T ? "error" : "default",
               value: w,
               onChange: (n) => {
-                R(n.target.value), L(null);
+                R(n.target.value), E(null);
               },
               onBlur: _,
               onKeyDown: (n) => {
@@ -236,7 +237,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
         {
           variant: "default",
           onClick: () => {
-            M(""), R(""), O(null), L(null), g();
+            M(""), R(""), P(null), E(null), g();
           },
           className: "self-start",
           children: /* @__PURE__ */ e("span", { className: "text-body-medium-sm", children: "Reset" })
@@ -248,15 +249,15 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
       /* @__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(he, { value: Z(), onValueChange: ae, children: [
-          /* @__PURE__ */ e(xe, { size: "l", children: /* @__PURE__ */ e(be, { placeholder: "Select date range..." }) }),
-          /* @__PURE__ */ e(fe, { children: U().map((n) => /* @__PURE__ */ e(ge, { value: n, children: we(n) }, n)) })
+        /* @__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)) })
         ] })
       ] }),
       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(
-          Ne,
+          ke,
           {
             mode: "range",
             selected: s && Array.isArray(s) && s.length === 2 ? { from: s[0], to: s[1] } : void 0,
@@ -273,7 +274,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
           }
         ),
         j === "month" && /* @__PURE__ */ e(
-          ye,
+          Se,
           {
             value: s,
             onChange: (n) => {
@@ -322,7 +323,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => X(n),
+                    onClick: () => J(n),
                     "aria-label": `Inverse selection in ${n.label}`,
                     className: "hover:text-[var(--color-text-brand-bold-hovered)] hover:underline",
                     children: "Inverse"
@@ -332,7 +333,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => J(n),
+                    onClick: () => X(n),
                     "aria-label": `Clear all ${n.label} selections`,
                     className: "hover:text-[var(--color-text-brand-bold-hovered)] hover:underline",
                     children: "None"
@@ -344,7 +345,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
             r.type === "multiselect" ? /* @__PURE__ */ e("div", { className: "flex flex-col gap-[var(--space-s)]", children: n.options.map((m) => /* @__PURE__ */ v(u.Fragment, { children: [
               /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] h-[20px] items-center", children: [
                 /* @__PURE__ */ e(
-                  oe,
+                  le,
                   {
                     id: `checkbox-${r.id}-${m.value}`,
                     checked: h.includes(m.value),
@@ -362,7 +363,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
               ] }),
               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(
-                  oe,
+                  le,
                   {
                     id: `checkbox-${r.id}-${N.value}`,
                     checked: h.includes(N.value),
@@ -378,9 +379,9 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
                   }
                 )
               ] }, N.value))
-            ] }, m.value)) }) : /* @__PURE__ */ e(ve, { 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: [
+            ] }, 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: [
               /* @__PURE__ */ v("div", { className: "flex gap-[var(--space-s)] h-[20px] items-center", children: [
-                /* @__PURE__ */ e(se, { id: `radio-${r.id}-${m.value}`, value: m.value }),
+                /* @__PURE__ */ e(ie, { id: `radio-${r.id}-${m.value}`, value: m.value }),
                 /* @__PURE__ */ e(
                   "label",
                   {
@@ -391,7 +392,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
                 )
               ] }),
               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(se, { id: `radio-${r.id}-${N.value}`, value: N.value }),
+                /* @__PURE__ */ e(ie, { id: `radio-${r.id}-${N.value}`, value: N.value }),
                 /* @__PURE__ */ e(
                   "label",
                   {
@@ -408,7 +409,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
       );
     })
   ] });
-}), ue = /* @__PURE__ */ u.memo(function({ filter: r, isSelected: s, isPinned: b, valueCount: g, onSelect: y, onTogglePin: k, onPrefetch: A }) {
+}), 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);
   return /* @__PURE__ */ v(
     "div",
@@ -470,7 +471,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
               /* @__PURE__ */ e(
                 H,
                 {
-                  name: "pin",
+                  name: se,
                   "aria-hidden": "true",
                   className: D(
                     "h-[12px] w-[12px] group-hover/pin:hidden",
@@ -481,7 +482,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
               /* @__PURE__ */ e(
                 H,
                 {
-                  name: "pin-off",
+                  name: be,
                   "aria-hidden": "true",
                   className: D(
                     "h-[12px] w-[12px] hidden group-hover/pin:block",
@@ -492,7 +493,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
             ] }) : /* @__PURE__ */ e(
               H,
               {
-                name: "pin",
+                name: se,
                 "aria-hidden": "true",
                 className: D(
                   "h-[12px] w-[12px]",
@@ -506,7 +507,7 @@ const pe = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
     }
   );
 });
-function Ie({ placeholder: x = "Search for keyword...", onAddSearchTerm: r }) {
+function Me({ placeholder: x = "Search for keyword...", onAddSearchTerm: r }) {
   const [s, b] = u.useState("");
   return /* @__PURE__ */ e("div", { className: "min-w-[200px] w-[280px]", children: /* @__PURE__ */ e(
     ee,
@@ -523,7 +524,7 @@ function Ie({ placeholder: x = "Search for keyword...", onAddSearchTerm: r }) {
     }
   ) });
 }
-function Ae({
+function Le({
   placeholder: x = "Search for keyword...",
   onAddSearchTerm: r,
   suggestions: s,
@@ -531,7 +532,7 @@ function Ae({
 }) {
   const [g, y] = u.useState("");
   return /* @__PURE__ */ e("div", { className: "min-w-[200px] w-[280px]", children: /* @__PURE__ */ e(
-    me,
+    he,
     {
       value: g,
       onValueChange: y,
@@ -544,7 +545,7 @@ function Ae({
     }
   ) });
 }
-function ze({
+function Ee({
   filters: x,
   pinnedFilters: r,
   activeFilters: s,
@@ -572,11 +573,11 @@ function ze({
         return;
     }
     S !== C && ($("keyboard"), A(w[S]));
-  }, I = x.find((c) => c.id === k), O = u.useCallback((c) => {
+  }, 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]), L = (c) => {
+  }, [I?.id, g]), E = (c) => {
     const C = r.includes(c) ? r.filter((S) => S !== c) : [...r, c];
     b(C);
   }, K = u.useMemo(() => {
@@ -606,7 +607,7 @@ function ze({
               K.ungrouped.map((c) => {
                 const C = s[c.id], S = Array.isArray(C) ? C.length : C != null ? 1 : 0;
                 return /* @__PURE__ */ e(
-                  ue,
+                  me,
                   {
                     filter: c,
                     isSelected: c.id === k,
@@ -615,7 +616,7 @@ function ze({
                     onSelect: () => {
                       $("mouse"), A(c.id);
                     },
-                    onTogglePin: () => L(c.id)
+                    onTogglePin: () => E(c.id)
                   },
                   c.id
                 );
@@ -630,7 +631,7 @@ function ze({
                   S.map((h) => {
                     const F = s[h.id], B = Array.isArray(F) ? F.length : F != null ? 1 : 0;
                     return /* @__PURE__ */ e(
-                      ue,
+                      me,
                       {
                         filter: h,
                         isSelected: h.id === k,
@@ -639,7 +640,7 @@ function ze({
                         onSelect: () => {
                           $("mouse"), A(h.id);
                         },
-                        onTogglePin: () => L(h.id)
+                        onTogglePin: () => E(h.id)
                       },
                       h.id
                     );
@@ -652,18 +653,18 @@ function ze({
       }
     ),
     /* @__PURE__ */ e("div", { className: "flex-1 box-border p-[var(--space-l)] overflow-y-auto", children: I && /* @__PURE__ */ e(
-      pe,
+      ve,
       {
         filter: I,
         value: s[I.id],
-        onChange: O,
+        onChange: P,
         onReset: T,
         autoFocusSearch: f === "mouse"
       }
     ) })
   ] }) });
 }
-function Ye({
+function Xe({
   filters: x,
   pinnedFilters: r,
   activeFilters: s,
@@ -678,10 +679,10 @@ function Ye({
   enableAutocomplete: w = !1,
   autocompleteMinCharacters: R = 2,
   hideReset: I = !1,
-  hideFiltersButton: O = !1,
+  hideFiltersButton: P = !1,
   actionButtons: T
 }) {
-  const [L, K] = u.useState(!1), [c, C] = u.useState(null), [S, h] = u.useState(""), F = u.useRef(s), B = u.useRef(f), Y = u.useRef({}), J = u.useCallback((t, a) => {
+  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();
@@ -689,18 +690,18 @@ function Ye({
   }, [c]);
   u.useEffect(() => {
     const t = F.current, a = B.current, o = Object.keys(s).filter(
-      (E) => s[E] !== void 0 && s[E] !== null && (!Array.isArray(s[E]) || s[E].length > 0)
+      (L) => s[L] !== void 0 && s[L] !== null && (!Array.isArray(s[L]) || s[L].length > 0)
     ).length, i = Object.keys(t).filter(
-      (E) => t[E] !== void 0 && t[E] !== null && (!Array.isArray(t[E]) || t[E].length > 0)
+      (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 E = o + l;
-      E === 0 ? z = "All filters cleared." : z = `${z} ${E} active filter${E !== 1 ? "s" : ""}.`, h(z);
+      const L = o + l;
+      L === 0 ? z = "All filters cleared." : z = `${z} ${L} active filter${L !== 1 ? "s" : ""}.`, h(z);
     }
     F.current = s, B.current = f;
   }, [s, f]);
-  const q = !O && x.length > 0, X = Object.keys(s).some(
+  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) => {
@@ -736,7 +737,7 @@ function Ye({
       const [o, i] = a, l = t.formatValue?.(
         [o.toISOString(), i.toISOString()],
         2
-      ) ?? Ce(o, i);
+      ) ?? Ie(o, i);
       return { type: "values", icon: t.icon, content: l };
     }
     if (Array.isArray(a))
@@ -841,7 +842,7 @@ function Ye({
     if (!$) return;
     const o = a ? `${t}|${a}` : t;
     f.includes(o) || $([...f, o]);
-  }, P = (t) => {
+  }, O = (t) => {
     $ && $(f.filter((a) => a !== t));
   }, W = () => {
     k(), $ && _ && $([]);
@@ -857,28 +858,28 @@ function Ye({
         children: S
       }
     ),
-    q && /* @__PURE__ */ v(le, { open: L, onOpenChange: K, children: [
-      /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ v(
+    q && /* @__PURE__ */ v(ce, { open: E, onOpenChange: K, children: [
+      /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ v(
         Q,
         {
           className: "h-[var(--size-m)] gap-[var(--space-xs)]",
           "aria-label": `Filters${j > 0 ? `, ${j} active` : ""}`,
-          "aria-expanded": L,
+          "aria-expanded": E,
           "aria-haspopup": "dialog",
           children: [
-            /* @__PURE__ */ e(H, { name: "list-filter", className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" }),
+            /* @__PURE__ */ e(H, { name: xe, 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 })
           ]
         }
       ) }),
       /* @__PURE__ */ e(
-        ce,
+        ue,
         {
           className: "w-[660px] p-0",
           align: "start",
           children: /* @__PURE__ */ e(
-            ze,
+            Ee,
             {
               filters: x,
               pinnedFilters: r,
@@ -894,12 +895,12 @@ function Ye({
     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;
       return /* @__PURE__ */ v(
-        le,
+        ce,
         {
           open: c === t.id,
-          onOpenChange: (l) => J(l, t.id),
+          onOpenChange: (l) => X(l, t.id),
           children: [
-            /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ v(
+            /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ v(
               "div",
               {
                 ref: (l) => {
@@ -911,7 +912,7 @@ function Ye({
                 "aria-expanded": c === t.id,
                 "aria-haspopup": "dialog",
                 onKeyDown: (l) => {
-                  (l.key === "Enter" || l.key === " ") && (l.preventDefault(), J(c !== t.id, t.id));
+                  (l.key === "Enter" || l.key === " ") && (l.preventDefault(), X(c !== t.id, t.id));
                 },
                 className: D(
                   "group/slot h-[var(--size-m)] rounded-l flex items-center justify-center gap-[var(--space-s)] transition-colors cursor-pointer flex-shrink-0",
@@ -943,14 +944,14 @@ function Ye({
                         (l.key === "Enter" || l.key === " ") && (l.preventDefault(), l.stopPropagation(), y(t.id));
                       },
                       className: "h-auto w-auto p-[var(--space-xs)]",
-                      children: /* @__PURE__ */ e(H, { name: "x", className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" })
+                      children: /* @__PURE__ */ e(H, { name: oe, className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" })
                     }
                   )
                 ]
               }
             ) }),
             /* @__PURE__ */ e(
-              ce,
+              ue,
               {
                 className: D(
                   "p-[var(--space-l)]",
@@ -960,7 +961,7 @@ function Ye({
                 align: "start",
                 collisionPadding: 8,
                 children: /* @__PURE__ */ e(
-                  pe,
+                  ve,
                   {
                     filter: t,
                     value: s[t.id],
@@ -977,14 +978,14 @@ function Ye({
     }) }),
     A && (q || n.length > 0) && /* @__PURE__ */ e(re, { type: "line", layout: "horizontal", className: "mx-[var(--space-s)]" }),
     A && !w && /* @__PURE__ */ e(
-      Ie,
+      Me,
       {
         placeholder: M,
         onAddSearchTerm: G
       }
     ),
     A && w && /* @__PURE__ */ e(
-      Ae,
+      Le,
       {
         placeholder: M,
         onAddSearchTerm: G,
@@ -1007,9 +1008,9 @@ function Ye({
                 variant: "ghost",
                 size: "s",
                 "aria-label": `Remove search term: ${o}`,
-                onClick: () => P(t.value),
+                onClick: () => O(t.value),
                 className: "h-auto w-auto p-[var(--space-xs)]",
-                children: /* @__PURE__ */ e(H, { name: "x", className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" })
+                children: /* @__PURE__ */ e(H, { name: oe, className: "h-[var(--size-2xs)] w-[var(--size-2xs)]", "aria-hidden": "true" })
               }
             )
           ]
@@ -1017,8 +1018,8 @@ function Ye({
         t.value
       );
     }),
-    !I && (X || _) && /* @__PURE__ */ e(re, { type: "dot", layout: "horizontal" }),
-    !I && (X || _) && /* @__PURE__ */ e(
+    !I && (J || _) && /* @__PURE__ */ e(re, { type: "dot", layout: "horizontal" }),
+    !I && (J || _) && /* @__PURE__ */ e(
       Q,
       {
         variant: "ghost",
@@ -1033,9 +1034,9 @@ function Ye({
   ] });
 }
 export {
-  ke as DEFAULT_DAY_PRESETS,
-  Se as DEFAULT_MONTH_PRESETS,
-  ze as FilterDropdownMenu,
-  pe as FilterPanelContent,
-  Ye as Filters
+  ze as DEFAULT_DAY_PRESETS,
+  Ae as DEFAULT_MONTH_PRESETS,
+  Ee as FilterDropdownMenu,
+  ve as FilterPanelContent,
+  Xe as Filters
 };