impact-nova 2.2.5 → 2.2.7

package/dist/components/flows/filter-strip/filter-summary.js

@@ -1,90 +1,96 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import * as l from "react";
-import { ChevronRight as ee, Search as te, Bin as ae, Pencil as re, Star as ne } from "impact-nova-icons";
-import { cn as s } from "../../../lib/utils.js";
-import { useImpactNovaI18n as le } from "../../../i18n/use-impact-nova-i18n.js";
-import { Popover as ie, PopoverTrigger as oe, PopoverContent as se } from "../../feedback/popover/popover.js";
-import { Tooltip as f, TooltipTrigger as h, TooltipContent as m } from "../../feedback/tooltip/tooltip.js";
-import { Button as Q } from "../../primitives/button/button.js";
-import { Separator as M } from "../../data-display/separator/separator.js";
-import { Tabs as ce, TabsList as de, TabsTrigger as $ } from "../../primitives/tabs/tabs.js";
-import { Input as pe } from "../../forms/input/input.js";
-import { Badge as ue } from "../../data-display/badge/badge.js";
-import { Skeleton as fe } from "../../data-display/skeleton/skeleton.js";
-const Ie = ({
-  selectedFilter: u,
-  onSelectedFilterChange: B,
-  savedFilters: C,
-  recentFilters: S,
-  onApplySavedFilter: z,
-  onSavedFilterSearch: N,
-  onSavedFiltersScroll: E,
-  onDropdownOpenChange: R,
-  isLoadingFilterPreferencesList: U = !1,
-  onEditSavedFilter: k,
-  onDeleteSavedFilter: I,
-  onSetDefaultSavedFilter: P
+import { ChevronRight as ne, Search as le, Bin as oe, Pencil as ie, Star as se } from "impact-nova-icons";
+import { cn as i } from "../../../lib/utils.js";
+import { useImpactNovaI18n as ce } from "../../../i18n/use-impact-nova-i18n.js";
+import { Popover as de, PopoverTrigger as pe, PopoverContent as ue } from "../../feedback/popover/popover.js";
+import { Tooltip as O, TooltipTrigger as D, TooltipContent as $ } from "../../feedback/tooltip/tooltip.js";
+import { OverflowTooltip as Q } from "../../feedback/tooltip/overflow-tooltip.js";
+import { BadgeOverflowTooltip as me } from "../../feedback/tooltip/badge-overflow-tooltip.js";
+import { Button as R } from "../../primitives/button/button.js";
+import { Separator as j } from "../../data-display/separator/separator.js";
+import { Tabs as fe, TabsList as he, TabsTrigger as M } from "../../primitives/tabs/tabs.js";
+import { Input as be } from "../../forms/input/input.js";
+import { Skeleton as ge } from "../../data-display/skeleton/skeleton.js";
+const De = ({
+  selectedFilter: m,
+  onSelectedFilterChange: U,
+  savedFilters: y,
+  recentFilters: N,
+  onApplySavedFilter: V,
+  onSavedFilterSearch: x,
+  onSavedFiltersScroll: Y,
+  onDropdownOpenChange: q,
+  isLoadingFilterPreferencesList: H = !1,
+  onEditSavedFilter: w,
+  onDeleteSavedFilter: C,
+  onSetDefaultSavedFilter: S
 }) => {
-  const { t: n } = le(), [b, T] = l.useState(!1), [O, G] = l.useState(null), [A, V] = l.useState(null);
+  const { t: r } = ce(), [f, k] = l.useState(!1), [B, L] = l.useState(null), [T, J] = l.useState(null);
   l.useEffect(() => {
-    const a = C?.find((d) => d.isDefault);
-    a && a.id !== A && V(a.id);
-  }, [C, A]);
-  const Y = (a) => {
-    T(a), R?.(a);
-  }, [D, q] = l.useState(""), [g, H] = l.useState(""), [c, J] = l.useState("All"), [p, j] = l.useState(null);
+    const a = y?.find((s) => s.isDefault);
+    a && a.id !== T && J(a.id);
+  }, [y, T]);
+  const K = (a) => {
+    k(a), q?.(a);
+  }, [I, W] = l.useState(""), [h, X] = l.useState(""), [c, Z] = l.useState("All"), [d, P] = l.useState(null);
   l.useEffect(() => {
     const a = setTimeout(() => {
-      H(D);
+      X(I);
     }, 300);
     return () => clearTimeout(a);
-  }, [D]), l.useEffect(() => {
-    N && N(
-      g,
+  }, [I]), l.useEffect(() => {
+    x && x(
+      h,
       c === "All" ? void 0 : c
     );
-  }, [g, c, N]), l.useEffect(() => {
-    b && j(u != null ? { label: u } : null);
-  }, [b, u]);
-  const K = (a) => {
-    q(a.target.value);
-  }, W = () => {
-    p && (B?.(p.label), p.savedItem && z?.(p.savedItem), T(!1));
-  }, X = () => {
-    T(!1);
-  }, Z = () => !S || S.length === 0 ? null : /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+  }, [h, c, x]), l.useEffect(() => {
+    f && P(m != null ? { label: m } : null);
+  }, [f, m]);
+  const _ = (a) => {
+    W(a.target.value);
+  }, F = () => {
+    d && (U?.(d.label), d.savedItem && V?.(d.savedItem), k(!1));
+  }, ee = () => {
+    k(!1);
+  }, te = () => !N || N.length === 0 ? null : /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-secondary-foreground font-['Manrope']", children: "Recent" }),
-    /* @__PURE__ */ e("div", { className: "mb-[6px] flex flex-col", children: S.map((a, d) => {
-      const o = a.map((w) => w.label).join(", "), x = p?.label === o;
+    /* @__PURE__ */ e("div", { className: "mb-[6px] flex flex-col", children: N.map((a, s) => {
+      const b = a.map((p) => p.label).join(", "), v = d?.label === b;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: s(
-            "flex cursor-pointer flex-row px-3 py-2 rounded-lg hover:bg-secondary w-full text-start bg-transparent border-none",
-            x && "bg-accent"
+          className: i(
+            "flex cursor-pointer flex-row items-stretch px-3 py-2 rounded-lg hover:bg-secondary w-full text-start bg-transparent border-none",
+            v && "bg-accent"
           ),
-          onClick: () => j({ label: o }),
-          children: /* @__PURE__ */ r(f, { children: [
-            /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-sm font-['Manrope'] truncate text-foreground", children: o }) }),
-            /* @__PURE__ */ e(m, { variant: "tertiary", side: "right", children: o })
-          ] })
+          onClick: () => P({ label: b }),
+          children: /* @__PURE__ */ e(
+            Q,
+            {
+              triggerClassName: "block min-w-0 flex-1 self-stretch truncate text-sm font-['Manrope'] text-foreground",
+              content: b,
+              side: "right",
+              children: b
+            }
+          )
         },
-        d
+        s
       );
     }) }),
-    /* @__PURE__ */ e(M, { className: "mb-2" })
-  ] }), _ = () => {
-    if (U)
-      return /* @__PURE__ */ e("div", { className: "flex max-h-[160px] flex-col overflow-y-auto px-3 py-2 space-y-2", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ e(fe, { className: "h-9 w-full rounded-lg" }, t)) });
-    let a = C?.filter(
+    /* @__PURE__ */ e(j, { className: "mb-2" })
+  ] }), ae = () => {
+    if (H)
+      return /* @__PURE__ */ e("div", { className: "flex max-h-[160px] flex-col overflow-y-auto px-3 py-2 space-y-2", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ e(ge, { className: "h-9 w-full rounded-lg" }, t)) });
+    let a = y?.filter(
       (t) => c === "All" || t.type === c
     );
-    if (!N && g && (a = a?.filter(
-      (t) => t.label.toLowerCase().includes(g.toLowerCase())
+    if (!x && h && (a = a?.filter(
+      (t) => t.label.toLowerCase().includes(h.toLowerCase())
     )), !a || a.length === 0) {
       let t = "No saved filters found";
-      if (!!g)
+      if (!!h)
         switch (c) {
           case "Personal":
             t = "No personal filters match your search";
@@ -108,23 +114,23 @@ const Ie = ({
         }
       return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-8 text-center min-h-[100px] px-6", children: /* @__PURE__ */ e("span", { className: "text-sm text-secondary-foreground font-['Manrope'] leading-relaxed", children: t }) });
     }
-    const d = k || I || P, o = a.find((t) => t.isDefault), x = a.filter((t) => !t.isDefault), w = (t, y = !1) => {
-      const L = p?.label === t.label, i = O === t.id;
-      return /* @__PURE__ */ r(
+    const s = !!S, v = s || !!(w || C), p = a.find((t) => t.isDefault), A = a.filter((t) => !t.isDefault), E = (t, u = !1) => {
+      const G = d?.label === t.label, o = B === t.id;
+      return /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: s(
-            "group mb-1 flex items-center justify-between cursor-pointer rounded-lg px-3 py-2 text-sm font-medium font-['Manrope'] w-full text-start bg-transparent border-none transition-all duration-300 relative overflow-hidden",
-            !i && "hover:bg-secondary",
-            !i && L && "bg-accent",
-            !i && !L && "text-foreground",
-            i && "pointer-events-none"
+          className: i(
+            "group mb-1 flex min-w-0 w-full items-stretch cursor-pointer rounded-lg px-3 py-2 text-sm font-medium font-['Manrope'] text-start bg-transparent border-none transition-all duration-300 relative overflow-hidden",
+            !o && "hover:bg-secondary",
+            !o && G && "bg-accent",
+            !o && !G && "text-foreground",
+            o && "pointer-events-none"
           ),
-          onClick: () => !i && j({ label: t.label, savedItem: t }),
-          disabled: i,
+          onClick: () => !o && P({ label: t.label, savedItem: t }),
+          disabled: o,
           children: [
-            i && /* @__PURE__ */ e(
+            o && /* @__PURE__ */ e(
               "div",
               {
                 className: "absolute inset-0 bg-gradient-to-r from-stroke-hairline via-accent to-stroke-hairline opacity-60",
@@ -134,68 +140,76 @@ const Ie = ({
                 }
               }
             ),
-            /* @__PURE__ */ r(f, { children: [
-              /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate flex-1 min-w-0", children: t.label }) }),
-              /* @__PURE__ */ e(m, { variant: "tertiary", side: "right", children: t.label })
-            ] }),
-            d && /* @__PURE__ */ r("div", { className: s(
-              "flex items-center gap-1 ms-2 transition-opacity shrink-0",
-              y ? "opacity-100" : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto"
+            /* @__PURE__ */ e(
+              Q,
+              {
+                triggerClassName: i(
+                  "relative z-[1] block min-w-0 flex-1 self-stretch truncate text-start overflow-hidden",
+                  v && (u && s ? "pe-7 group-hover:pe-[4.75rem]" : "pe-0 group-hover:pe-[4.75rem]")
+                ),
+                content: t.label,
+                side: "right",
+                children: t.label
+              }
+            ),
+            v && /* @__PURE__ */ n("div", { className: i(
+              "absolute end-2 top-1/2 z-[2] flex -translate-y-1/2 items-center gap-1 transition-opacity",
+              u ? "opacity-100" : "pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100"
             ), children: [
-              I && /* @__PURE__ */ r(f, { children: [
-                /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
+              C && /* @__PURE__ */ n(O, { children: [
+                /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     tabIndex: -1,
-                    "aria-label": `${n("filterStrip.deleteFilter")} ${t.label}`,
-                    className: s(
+                    "aria-label": `${r("filterStrip.deleteFilter")} ${t.label}`,
+                    className: i(
                       "p-1 rounded transition-colors hover:bg-stroke-hairline",
-                      y && "opacity-0 group-hover:opacity-100"
+                      u && "opacity-0 group-hover:opacity-100"
                     ),
-                    onClick: (v) => {
-                      v.stopPropagation(), I(t);
+                    onClick: (g) => {
+                      g.stopPropagation(), C(t);
                     },
-                    children: /* @__PURE__ */ e(ae, { className: "h-3.5 w-3.5 text-secondary-foreground" })
+                    children: /* @__PURE__ */ e(oe, { className: "h-3.5 w-3.5 text-secondary-foreground" })
                   }
                 ) }),
-                /* @__PURE__ */ e(m, { variant: "tertiary", side: "top", children: n("filterStrip.deleteFilter") })
+                /* @__PURE__ */ e($, { variant: "tertiary", side: "top", children: r("filterStrip.deleteFilter") })
               ] }),
-              k && /* @__PURE__ */ r(f, { children: [
-                /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
+              w && /* @__PURE__ */ n(O, { children: [
+                /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     tabIndex: -1,
-                    "aria-label": `${n("filterStrip.editFilter")} ${t.label}`,
-                    className: s(
+                    "aria-label": `${r("filterStrip.editFilter")} ${t.label}`,
+                    className: i(
                       "p-1 rounded transition-colors hover:bg-stroke-hairline",
-                      y && "opacity-0 group-hover:opacity-100"
+                      u && "opacity-0 group-hover:opacity-100"
                     ),
-                    onClick: (v) => {
-                      v.stopPropagation(), k(t);
+                    onClick: (g) => {
+                      g.stopPropagation(), w(t);
                     },
-                    children: /* @__PURE__ */ e(re, { className: "h-3.5 w-3.5 text-secondary-foreground" })
+                    children: /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5 text-secondary-foreground" })
                   }
                 ) }),
-                /* @__PURE__ */ e(m, { variant: "tertiary", side: "top", children: n("filterStrip.editFilter") })
+                /* @__PURE__ */ e($, { variant: "tertiary", side: "top", children: r("filterStrip.editFilter") })
               ] }),
-              P && /* @__PURE__ */ r(f, { children: [
-                /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
+              S && /* @__PURE__ */ n(O, { children: [
+                /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    tabIndex: y ? 0 : -1,
-                    "aria-label": `${t.isDefault ? n("filterStrip.defaultFilter") : n("filterStrip.setAsDefault")} ${t.label}`,
+                    tabIndex: u ? 0 : -1,
+                    "aria-label": `${t.isDefault ? r("filterStrip.defaultFilter") : r("filterStrip.setAsDefault")} ${t.label}`,
                     className: "p-1 rounded hover:bg-stroke-hairline transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-                    disabled: i,
-                    onClick: (v) => {
-                      v.stopPropagation(), G(t.id), P(t), setTimeout(() => G(null), 1200);
+                    disabled: o,
+                    onClick: (g) => {
+                      g.stopPropagation(), L(t.id), S(t), setTimeout(() => L(null), 1200);
                     },
-                    children: i ? /* @__PURE__ */ e("div", { className: "h-3.5 w-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ e(
-                      ne,
+                    children: o ? /* @__PURE__ */ e("div", { className: "h-3.5 w-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ e(
+                      se,
                       {
-                        className: s(
+                        className: i(
                           "h-3.5 w-3.5 transition-all duration-300",
                           t.isDefault ? "fill-warning text-warning" : "text-secondary-foreground"
                         )
@@ -203,7 +217,7 @@ const Ie = ({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ e(m, { variant: "tertiary", side: "top", children: i ? n("filterStrip.updating") : t.isDefault ? n("filterStrip.defaultFilter") : n("filterStrip.setAsDefault") })
+                /* @__PURE__ */ e($, { variant: "tertiary", side: "top", children: o ? r("filterStrip.updating") : t.isDefault ? r("filterStrip.defaultFilter") : r("filterStrip.setAsDefault") })
               ] })
             ] })
           ]
@@ -211,130 +225,126 @@ const Ie = ({
         t.id
       );
     };
-    return /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-      o && /* @__PURE__ */ r(
+    return /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-col", children: [
+      p && /* @__PURE__ */ n(
         "div",
         {
-          className: s(
+          className: i(
             "transition-all duration-500 ease-out",
-            A === o.id && "animate-in fade-in slide-in-from-bottom-2 motion-reduce:animate-none"
+            T === p.id && "animate-in fade-in slide-in-from-bottom-2 motion-reduce:animate-none"
           ),
           children: [
-            w(o, !0),
-            x.length > 0 && /* @__PURE__ */ e(M, { className: "my-1" })
+            E(p, !0),
+            A.length > 0 && /* @__PURE__ */ e(j, { className: "my-1" })
           ]
         },
-        `default-${o.id}`
+        `default-${p.id}`
       ),
-      x.length > 0 && /* @__PURE__ */ e(
+      A.length > 0 && /* @__PURE__ */ e(
         "div",
         {
-          className: "flex max-h-[160px] flex-col overflow-y-auto",
-          onScroll: E,
-          children: x.map((t) => /* @__PURE__ */ e(
+          className: "flex max-h-[160px] min-w-0 flex-col overflow-y-auto overflow-x-hidden",
+          onScroll: Y,
+          children: A.map((t) => /* @__PURE__ */ e(
             "div",
             {
-              className: s(
-                "transition-all duration-300",
-                O === t.id && "opacity-50"
+              className: i(
+                "min-w-0 transition-all duration-300",
+                B === t.id && "opacity-50"
               ),
-              children: w(t, !1)
+              children: E(t, !1)
             },
             t.id
           ))
         }
       )
     ] });
-  }, F = p?.label !== u;
-  return /* @__PURE__ */ r(ie, { open: b, onOpenChange: Y, children: [
-    /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ r(
+  }, re = d?.label !== m, z = m || r("filterStrip.notSelected");
+  return /* @__PURE__ */ n(de, { open: f, onOpenChange: K, children: [
+    /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: "flex cursor-pointer items-center gap-2 bg-transparent border-none p-0",
-        "aria-expanded": b,
+        "aria-expanded": f,
         "aria-haspopup": "dialog",
         children: [
-          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-secondary-foreground font-['Manrope']", children: n("filterStrip.filtersApplied") }),
-          /* @__PURE__ */ r(f, { children: [
-            /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
-              ue,
-              {
-                color: "primary",
-                variant: "outline",
-                className: "font-['Manrope'] max-w-[140px]",
-                children: u || n("filterStrip.notSelected")
-              }
-            ) }),
-            /* @__PURE__ */ e(m, { variant: "tertiary", side: "top", children: u || n("filterStrip.notSelected") })
-          ] }),
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-secondary-foreground font-['Manrope']", children: r("filterStrip.filtersApplied") }),
+          /* @__PURE__ */ e(
+            me,
+            {
+              label: z,
+              content: z,
+              side: "top"
+            }
+          ),
           /* @__PURE__ */ e(
             "div",
             {
-              className: s(
+              className: i(
                 "flex h-8 w-8 items-center justify-center rounded-lg bg-secondary transition-transform duration-200",
-                b && "rotate-180"
+                f && "rotate-180"
               ),
               "aria-hidden": "true",
-              children: /* @__PURE__ */ e(ee, { className: "h-4 w-4 rotate-90 text-foreground" })
+              children: /* @__PURE__ */ e(ne, { className: "h-4 w-4 rotate-90 text-foreground" })
             }
           )
         ]
       }
     ) }),
     /* @__PURE__ */ e(
-      se,
+      ue,
       {
         align: "start",
         className: "w-[280px] p-0 shadow-elevation-floating overflow-visible",
         sideOffset: 8,
         onInteractOutside: (a) => {
-          const d = a.target;
-          (d.closest('[role="dialog"]') || d.closest("[data-radix-dialog-content]")) && a.preventDefault();
+          const s = a.target;
+          (s.closest('[role="dialog"]') || s.closest("[data-radix-dialog-content]")) && a.preventDefault();
         },
-        children: /* @__PURE__ */ r("div", { className: "flex w-full flex-col py-[8px] px-[6px]", children: [
-          Z(),
-          /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-secondary-foreground font-['Manrope']", children: n("filterStrip.savedFilters") }),
-            /* @__PURE__ */ r(
-              ce,
+        children: /* @__PURE__ */ n("div", { className: "flex w-full min-w-0 flex-col py-[8px] px-[6px]", children: [
+          te(),
+          /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-secondary-foreground font-['Manrope']", children: r("filterStrip.savedFilters") }),
+            /* @__PURE__ */ n(
+              fe,
               {
                 value: c,
-                onValueChange: (a) => J(a),
+                onValueChange: (a) => Z(a),
                 variant: "outline",
                 size: "sm",
-                className: "w-full px-1",
+                className: "w-full min-w-0 px-1",
                 children: [
-                  /* @__PURE__ */ e("div", { className: "py-[8px]", children: /* @__PURE__ */ r(de, { children: [
-                    /* @__PURE__ */ e($, { value: "All", children: "All" }),
-                    /* @__PURE__ */ e($, { value: "Global", children: "Global" }),
-                    /* @__PURE__ */ e($, { value: "Personal", children: "Personal" })
+                  /* @__PURE__ */ e("div", { className: "py-[8px]", children: /* @__PURE__ */ n(he, { children: [
+                    /* @__PURE__ */ e(M, { value: "All", children: "All" }),
+                    /* @__PURE__ */ e(M, { value: "Global", children: "Global" }),
+                    /* @__PURE__ */ e(M, { value: "Personal", children: "Personal" })
                   ] }) }),
                   /* @__PURE__ */ e("div", { className: "pb-[8px]", children: /* @__PURE__ */ e(
-                    pe,
+                    be,
                     {
-                      prefix: /* @__PURE__ */ e(te, { className: "h-4 w-4 text-content-secondary" }),
-                      placeholder: n("filterStrip.searchFiltersPlaceholder"),
-                      value: D,
-                      onChange: K,
+                      prefix: /* @__PURE__ */ e(le, { className: "h-4 w-4 text-content-secondary" }),
+                      placeholder: r("filterStrip.searchFiltersPlaceholder"),
+                      value: I,
+                      onChange: _,
                       className: "h-9 px-1 border-none shadow-none focus-visible:ring-0"
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { className: "mt-0", children: _() })
+                  /* @__PURE__ */ e("div", { className: "mt-0 min-w-0", children: ae() })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ e(M, { className: "my-2" }),
-          /* @__PURE__ */ r("div", { className: "flex justify-end gap-2 px-3 pb-1", children: [
-            /* @__PURE__ */ e(Q, { variant: "secondary", onClick: X, children: n("prompt.cancel") }),
+          /* @__PURE__ */ e(j, { className: "my-2" }),
+          /* @__PURE__ */ n("div", { className: "flex justify-end gap-2 px-3 pb-1", children: [
+            /* @__PURE__ */ e(R, { variant: "secondary", onClick: ee, children: r("prompt.cancel") }),
             /* @__PURE__ */ e(
-              Q,
+              R,
               {
                 variant: "default",
-                onClick: W,
-                disabled: !F,
-                children: n("filterStrip.applyFilter")
+                onClick: F,
+                disabled: !re,
+                children: r("filterStrip.applyFilter")
               }
             )
           ] })
@@ -344,5 +354,5 @@ const Ie = ({
   ] });
 };
 export {
-  Ie as FilterSummary
+  De as FilterSummary
 };