impact-nova 2.2.2 → 2.2.4

package/dist/components/feedback/sheet/sheet.js

@@ -1,31 +1,31 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import * as p from "react";
-import * as n from "@radix-ui/react-dialog";
+import * as a from "@radix-ui/react-dialog";
 import { ChevronRight as v, Cross as L } from "impact-nova-icons";
 import { createCompoundPart as b, wrapRadixPart as y } from "../../../lib/primitives/create-compound.js";
 import { cn as g } from "../../../lib/utils.js";
 import { useImpactNovaI18n as R } from "../../../i18n/use-impact-nova-i18n.js";
-import { Tooltip as N, TooltipTrigger as C, TooltipContent as S } from "../tooltip/tooltip.js";
+import { Tooltip as N, TooltipTrigger as S, TooltipContent as C } from "../tooltip/tooltip.js";
 import { mergeElementRefs as E } from "../../../lib/overlay/merge-element-refs.js";
 import { OverlayHostProvider as k, useOverlayHostDismissBeforeClose as x, useOverlayHostNestedDismissing as B } from "../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_HOST_GROUP_CLASS as j } from "../../../lib/overlay/overlay-host.constants.js";
 import { useOverlayPortalContainerState as z } from "../../../lib/overlay/use-overlay-portal-container-state.js";
 import { SheetContext as T } from "./sheet-context.js";
 import { sheetVariants as A } from "./sheet.variants.js";
-const ee = (t) => /* @__PURE__ */ e(n.Root, { "data-component": "sheet", ...t }), te = y(
+const ee = (t) => /* @__PURE__ */ e(a.Root, { "data-component": "sheet", ...t }), te = y(
   "sheet",
   "trigger",
   "SheetTrigger",
-  n.Trigger
+  a.Trigger
 ), F = y(
   "sheet",
   "close",
   "SheetClose",
-  n.Close
-), I = n.Portal, P = p.forwardRef(({ className: t, onPointerDown: i, ...l }, a) => {
+  a.Close
+), I = a.Portal, P = p.forwardRef(({ className: t, onPointerDown: i, ...l }, n) => {
   const o = x();
   return /* @__PURE__ */ e(
-    n.Overlay,
+    a.Overlay,
     {
       className: g(
         "fixed inset-0 z-50 bg-scrim  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 motion-reduce:animate-none motion-reduce:transition-none",
@@ -35,17 +35,17 @@ const ee = (t) => /* @__PURE__ */ e(n.Root, { "data-component": "sheet", ...t })
         o(), i?.(c);
       },
       ...l,
-      ref: a
+      ref: n
     }
   );
 });
-P.displayName = n.Overlay.displayName;
+P.displayName = a.Overlay.displayName;
 const D = p.forwardRef(
   ({
     side: t,
     isExpanded: i,
     setPortalContainerElement: l,
-    className: a,
+    className: n,
     children: o,
     onOpenAutoFocus: c,
     onEscapeKeyDown: h,
@@ -53,7 +53,7 @@ const D = p.forwardRef(
   }, u) => {
     const r = B(), d = x();
     return /* @__PURE__ */ e(
-      n.Content,
+      a.Content,
       {
         ref: E(u, l),
         "data-component": "sheet-content",
@@ -70,7 +70,7 @@ const D = p.forwardRef(
           j,
           "flex flex-col p-0 transition-all duration-300 motion-reduce:transition-none",
           t === "bottom" && (i ? "h-[96vh]" : "h-[40vh]"),
-          a
+          n
         ),
         ...f,
         children: o
@@ -84,7 +84,7 @@ const _ = p.forwardRef(
     side: t = "right",
     className: i,
     children: l,
-    expandable: a = !1,
+    expandable: n = !1,
     defaultExpanded: o = !1,
     onOpenAutoFocus: c,
     onEscapeKeyDown: h,
@@ -99,7 +99,7 @@ const _ = p.forwardRef(
         value: {
           isExpanded: r,
           onExpandToggle: O,
-          expandable: a,
+          expandable: n,
           side: t || void 0
         },
         children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ m(k, { portalContainer: s, children: [
@@ -123,13 +123,13 @@ const _ = p.forwardRef(
     );
   }
 );
-_.displayName = n.Content.displayName;
+_.displayName = a.Content.displayName;
 const V = ({
   className: t,
   children: i,
   ...l
 }) => {
-  const { t: a } = R(), { isExpanded: o, onExpandToggle: c, expandable: h, side: f } = p.useContext(T), u = x(), r = a("aria.close"), d = a("nestedList.expand"), s = a("nestedList.collapse");
+  const { t: n } = R(), { isExpanded: o, onExpandToggle: c, expandable: h, side: f } = p.useContext(T), u = x(), r = n("aria.close"), d = n("nestedList.expand"), s = n("nestedList.collapse");
   return /* @__PURE__ */ m(
     "div",
     {
@@ -143,7 +143,7 @@ const V = ({
         /* @__PURE__ */ e("div", { className: "flex flex-col space-y-1 text-center sm:text-start", children: i }),
         /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
           h && /* @__PURE__ */ m(N, { children: [
-            /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ m(
+            /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
@@ -157,10 +157,10 @@ const V = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ e(S, { variant: "tertiary", side: "top", children: o ? s : d })
+            /* @__PURE__ */ e(C, { variant: "tertiary", side: "top", children: o ? s : d })
           ] }),
           /* @__PURE__ */ m(N, { children: [
-            /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ m(
+            /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ m(
               F,
               {
                 "data-component": "sheet-close",
@@ -173,7 +173,7 @@ const V = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ e(S, { variant: "tertiary", side: "top", children: r })
+            /* @__PURE__ */ e(C, { variant: "tertiary", side: "top", children: r })
           ] })
         ] })
       ]
@@ -184,22 +184,23 @@ V.displayName = "SheetHeader";
 const oe = b("sheet", {
   part: "body",
   displayName: "SheetBody",
-  className: "flex-1 overflow-y-auto p-4"
+  className: "flex-1 overflow-y-auto p-4",
+  scrollSurface: !0
 }), se = b("sheet", {
   part: "footer",
   displayName: "SheetFooter",
   className: "mt-auto flex shrink-0 items-center justify-end gap-2 border-t bg-canvas-elevated px-4 py-3"
-}), ne = y(
+}), ae = y(
   "sheet",
   "title",
   "SheetTitle",
-  n.Title,
+  a.Title,
   "text-sm font-bold leading-none tracking-tight"
-), ae = y(
+), ne = y(
   "sheet",
   "description",
   "SheetDescription",
-  n.Description,
+  a.Description,
   "text-sm text-content-secondary"
 );
 export {
@@ -207,11 +208,11 @@ export {
   oe as SheetBody,
   F as SheetClose,
   _ as SheetContent,
-  ae as SheetDescription,
+  ne as SheetDescription,
   se as SheetFooter,
   V as SheetHeader,
   P as SheetOverlay,
   I as SheetPortal,
-  ne as SheetTitle,
+  ae as SheetTitle,
   te as SheetTrigger
 };

package/dist/components/feedback/tooltip/tab-tooltip-render.js

@@ -1,7 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-import "react";
-const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
   /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center justify-center h-full w-full", children: i }) }),
   /* @__PURE__ */ e(o, { variant: "tertiary", className: a, children: r })
 ] }), h = (i, r) => /* @__PURE__ */ t(l, { children: [
@@ -10,5 +9,5 @@ const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  p as defaultTabTooltipRender
+  d as defaultTabTooltipRender
 };

package/dist/components/flows/filter-panel/filter-panel.js

@@ -1,26 +1,27 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import b from "react";
-import { Sheet as v, SheetContent as g, SheetDescription as N, SheetTitle as y, SheetClose as w } from "../../feedback/sheet/sheet.js";
+import v from "react";
+import { Sheet as b, SheetContent as g, SheetDescription as N, SheetTitle as y, SheetClose as w } from "../../feedback/sheet/sheet.js";
 import { createCompoundPart as k } from "../../../lib/primitives/create-compound.js";
 import { cn as o } from "../../../lib/utils.js";
-import { MultiColorFilter as C, Cross as F, InfoBadge as m } from "impact-nova-icons";
+import { MultiColorFilter as C, Cross as F, InfoBadge as u } from "impact-nova-icons";
 import { Button as P } from "../../primitives/button/button.js";
 import { Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "../../feedback/tooltip/tooltip.js";
-import { Kbd as I } from "../../primitives/kbd/kbd.js";
-import { useImpactNovaI18n as u } from "../../../i18n/use-impact-nova-i18n.js";
-const j = ({
-  title: r,
-  children: l,
-  className: n
+import { Kbd as S } from "../../primitives/kbd/kbd.js";
+import { useImpactNovaI18n as x } from "../../../i18n/use-impact-nova-i18n.js";
+import { useOverlayHostDismissNestedLayersOnNavigation as j } from "../../../lib/overlay/overlay-portal-context.js";
+const I = ({
+  title: i,
+  children: n,
+  className: l
 }) => {
-  const { t: c } = u();
+  const { t: c } = x();
   return /* @__PURE__ */ t(
     "div",
     {
       "data-component": "filter-panel-header",
       className: o(
         "flex  shrink-0 flex-row items-center justify-between border-b px-4 py-[9px] bg-canvas-elevated",
-        n
+        l
       ),
       children: [
         /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
@@ -32,10 +33,10 @@ const j = ({
               children: /* @__PURE__ */ e(C, { className: "size-5 shrink-0" })
             }
           ),
-          /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: r })
+          /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: i })
         ] }),
         /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-          l,
+          n,
           /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
             P,
             {
@@ -52,46 +53,48 @@ const j = ({
     }
   );
 }, R = ({
-  open: r,
-  onOpenChange: l,
-  title: n = "Filter panel",
+  open: i,
+  onOpenChange: n,
+  title: l = "Filter panel",
   children: c,
-  header: i,
-  sidebar: a,
-  className: s,
-  preventClose: x = !1
-}) => /* @__PURE__ */ e(v, { open: r, onOpenChange: l, children: /* @__PURE__ */ t(
+  header: s,
+  sidebar: p,
+  className: m,
+  preventClose: a = !1
+}) => /* @__PURE__ */ e(b, { open: i, onOpenChange: n, children: /* @__PURE__ */ t(
   g,
   {
     side: "right",
     className: o(
       "w-full !max-w-[840px] p-0 sm:!max-w-[840px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-canvas-elevated",
-      s
+      m
     ),
-    onInteractOutside: (p) => {
-      x && p.preventDefault();
+    onInteractOutside: (r) => {
+      a && r.preventDefault();
     },
-    onEscapeKeyDown: (p) => {
-      x && p.preventDefault();
+    onEscapeKeyDown: (r) => {
+      a && r.preventDefault();
     },
     children: [
       /* @__PURE__ */ e(N, { className: "sr-only", children: "Select filters to apply to the current view." }),
       /* @__PURE__ */ t("div", { className: "flex h-full flex-col bg-canvas-elevated", "data-component": "filter-panel", children: [
-        i || /* @__PURE__ */ e(j, { title: n }),
+        s || /* @__PURE__ */ e(I, { title: l }),
         /* @__PURE__ */ t("div", { className: "flex flex-1 overflow-hidden", children: [
-          a,
+          p,
           /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
         ] })
       ] })
     ]
   }
 ) }), W = ({
-  items: r,
-  activeTab: l,
-  onTabChange: n,
+  items: i,
+  activeTab: n,
+  onTabChange: l,
   className: c
 }) => {
-  const { t: i } = u();
+  const { t: s } = x(), p = j(), m = (a) => {
+    a !== n && p(), l(a);
+  };
   return /* @__PURE__ */ e(
     "div",
     {
@@ -100,23 +103,23 @@ const j = ({
         "flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas",
         c
       ),
-      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: r.map((a) => {
-        const s = l === a.id;
-        return /* @__PURE__ */ t(b.Fragment, { children: [
+      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: i.map((a) => {
+        const r = n === a.id;
+        return /* @__PURE__ */ t(v.Fragment, { children: [
           a.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
           /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              autoFocus: s,
-              onClick: () => n(a.id),
+              autoFocus: r,
+              onClick: () => m(a.id),
               "data-component": "filter-panel-sidebar-item",
-              "data-active": s ? "true" : "false",
+              "data-active": r ? "true" : "false",
               "data-tab": a.id,
               "data-shortcut-id": a.shortcutId,
               className: o(
                 "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
-                s ? "bg-canvas-accent text-brand" : "text-content-secondary hover:bg-canvas-accent"
+                r ? "bg-canvas-accent text-brand" : "text-content-secondary hover:bg-canvas-accent"
               ),
               children: [
                 /* @__PURE__ */ t("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
@@ -125,7 +128,7 @@ const j = ({
                     {
                       className: o(
                         "shrink-0",
-                        s ? "text-brand" : "text-content-secondary"
+                        r ? "text-brand" : "text-content-secondary"
                       ),
                       children: a.icon
                     }
@@ -137,7 +140,7 @@ const j = ({
                         a.label,
                         " ",
                         /* @__PURE__ */ e(
-                          I,
+                          S,
                           {
                             keybinding: a.tooltipKeybinding,
                             size: "sm"
@@ -155,27 +158,27 @@ const j = ({
                       {
                         className: o(
                           "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[11px] font-medium tabular-nums leading-none shrink-0",
-                          s ? "bg-canvas-elevated text-brand border border-stroke-subtle" : "bg-brand-tint border border-stroke-subtle"
+                          r ? "bg-canvas-elevated text-brand border border-stroke-subtle" : "bg-brand-tint border border-stroke-subtle"
                         ),
                         children: a.count
                       }
                     ) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: i(
+                    /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: s(
                       a.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
                       { count: a.count }
                     ) })
                   ] }),
                   a.hasError && /* @__PURE__ */ t(d, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-danger" }) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", children: i("filterPanel.tabContainsErrors") })
+                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-danger" }) }),
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
                   ] }),
                   a.hasWarning && /* @__PURE__ */ t(d, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-warning" }) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", children: i("filterPanel.tabHasWarnings") })
+                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-warning" }) }),
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
                   ] }),
                   a.hasInfo && /* @__PURE__ */ t(d, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", children: i("filterPanel.additionalInfoAvailable") })
+                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
                   ] })
                 ] })
               ]
@@ -188,22 +191,23 @@ const j = ({
 }, _ = k("filter-panel", {
   part: "body",
   displayName: "FilterPanelBody",
-  className: "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4"
+  className: "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4",
+  scrollSurface: !0
 }), q = ({
-  children: r,
-  className: l,
-  leftAction: n
+  children: i,
+  className: n,
+  leftAction: l
 }) => /* @__PURE__ */ t(
   "div",
   {
     "data-component": "filter-panel-footer",
     className: o(
       "flex items-center justify-between border-t bg-canvas-elevated px-4 py-3 shrink-0",
-      l
+      n
     ),
     children: [
-      /* @__PURE__ */ e("div", { children: n && n }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: r })
+      /* @__PURE__ */ e("div", { children: l && l }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: i })
     ]
   }
 );
@@ -211,6 +215,6 @@ export {
   R as FilterPanel,
   _ as FilterPanelBody,
   q as FilterPanelFooter,
-  j as FilterPanelHeader,
+  I as FilterPanelHeader,
   W as FilterPanelSidebar
 };

package/dist/components/flows/filter-strip/filter-tag-list.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import * as C from "react";
 import { HorizontalScroller as S } from "../../layout/horizontal-scroller/horizontal-scroller.js";
 import { TagGroup as z } from "../../primitives/tag-group/tag-group.js";
@@ -7,7 +7,7 @@ import { Tooltip as b, TooltipTrigger as w, TooltipContent as y } from "../../fe
 import { PopoverContent as $, Popover as O, PopoverTrigger as j } from "../../feedback/popover/popover.js";
 import { Button as P } from "../../primitives/button/button.js";
 import { Checkmark as A, Copy as R, Cross as F } from "impact-nova-icons";
-const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80 border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer", I = ({
+const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80 border-0 px-2 text-xs font-medium font-['Manrope'] cursor-pointer focus:!ring-inset focus:!ring-offset-0 focus:!ring-brand data-[state=open]:!ring-inset data-[state=open]:!ring-offset-0 data-[state=open]:!ring-brand", I = ({
   remainingValues: s,
   viewAllTrigger: c = "expand",
   onViewAll: h,
@@ -16,10 +16,10 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
   isCopyable: o = !1,
   externalCopyFunction: m
 }) => {
-  const [i, v] = C.useState(!1), [n, d] = C.useState(null), f = (r, l, a) => {
-    navigator.clipboard.writeText(String(l)), d(a), r.currentTarget.blur(), setTimeout(() => d(null), 1500);
-  }, g = i ? s : s.slice(0, 3), x = s.length > 3, p = () => {
-    c === "custom" ? h?.() : v(!0);
+  const [i, f] = C.useState(!1), [n, d] = C.useState(null), g = (t, l, a) => {
+    navigator.clipboard.writeText(String(l)), d(a), t.currentTarget.blur(), setTimeout(() => d(null), 1500);
+  }, v = i ? s : s.slice(0, 3), x = s.length > 3, p = () => {
+    c === "custom" ? h?.() : f(!0);
   };
   return /* @__PURE__ */ e(
     $,
@@ -27,29 +27,29 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
       className: "w-[200px] p-0 rounded-[8px] bg-canvas-elevated shadow-elevation-floating border-none",
       align: "start",
       sideOffset: 8,
-      onOpenAutoFocus: (r) => r.preventDefault(),
-      children: /* @__PURE__ */ t("div", { className: "flex flex-col py-2 px-[6px]", children: [
+      onOpenAutoFocus: (t) => t.preventDefault(),
+      children: /* @__PURE__ */ r("div", { className: "flex flex-col py-2 px-[6px]", children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: `flex flex-col gap-1 mb-2 ${i ? "max-h-[180px] overflow-y-auto" : ""}`,
-            children: g.map((r, l) => /* @__PURE__ */ t(
+            children: v.map((t, l) => /* @__PURE__ */ r(
               "div",
               {
                 className: "flex items-center justify-between text-[14px] font-medium leading-[20px] text-foreground px-3 py-2 overflow-hidden hover:bg-secondary rounded group shrink-0",
                 children: [
-                  /* @__PURE__ */ t(b, { children: [
-                    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate", children: String(r) }) }),
-                    /* @__PURE__ */ e(y, { variant: "tertiary", side: "right", children: String(r) })
+                  /* @__PURE__ */ r(b, { children: [
+                    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate", children: String(t) }) }),
+                    /* @__PURE__ */ e(y, { variant: "tertiary", side: "right", children: String(t) })
                   ] }),
-                  /* @__PURE__ */ t("div", { className: "flex items-center shrink-0", children: [
+                  /* @__PURE__ */ r("div", { className: "flex items-center shrink-0", children: [
                     o && /* @__PURE__ */ e(
                       "button",
                       {
                         onClick: (a) => {
-                          a.stopPropagation(), m ? m({ e: a, val: r, index: l }) : f(a, r, l);
+                          a.stopPropagation(), m ? m({ e: a, val: t, index: l }) : g(a, t, l);
                         },
-                        "aria-label": `Copy ${String(r)}`,
+                        "aria-label": `Copy ${String(t)}`,
                         className: "ms-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-content-icon hover:bg-scrim-hover hover:text-content-secondary opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
                         children: n === l ? /* @__PURE__ */ e(A, { size: 12, className: "text-success" }) : /* @__PURE__ */ e(R, { size: 12 })
                       }
@@ -58,9 +58,9 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
                       "button",
                       {
                         onClick: (a) => {
-                          a.stopPropagation(), u(r);
+                          a.stopPropagation(), u(t);
                         },
-                        "aria-label": `Remove ${String(r)}`,
+                        "aria-label": `Remove ${String(t)}`,
                         className: "ms-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-content-icon hover:bg-scrim-hover hover:text-content-secondary opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
                         children: /* @__PURE__ */ e(F, { size: 12 })
                       }
@@ -72,7 +72,7 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
             ))
           }
         ),
-        !i && x && /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: [
+        !i && x && /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ e("div", { className: "h-px bg-stroke-hairline w-full" }),
           /* @__PURE__ */ e(
             P,
@@ -98,30 +98,30 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
   {
     items: s,
     renderItem: (o, m) => {
-      const i = Array.isArray(o.value) ? o.value : [o.value], v = i.slice(0, 2), n = i.slice(2), d = !!o.overflow, f = o.overflow?.label ? o.overflow.label : o.overflow?.count ? `+${o.overflow.count}` : null, g = n.length > 0, x = d || g, p = `+${n.length}`;
-      return /* @__PURE__ */ t("div", { className: "flex items-center px-1", children: [
+      const i = Array.isArray(o.value) ? o.value : [o.value], f = i.slice(0, 2), n = i.slice(2), d = !!o.overflow, g = o.overflow?.label ? o.overflow.label : o.overflow?.count ? `+${o.overflow.count}` : null, v = n.length > 0, x = d || v, p = `+${n.length}`;
+      return /* @__PURE__ */ r("div", { className: "flex items-center px-1", children: [
         m > 0 && /* @__PURE__ */ e("div", { className: "mx-3 h-4 w-px bg-stroke-hairline shrink-0" }),
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ t("span", { className: "text-xs font-medium leading-[21px] text-secondary-foreground whitespace-nowrap", children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ r("span", { className: "text-xs font-medium leading-[21px] text-secondary-foreground whitespace-nowrap", children: [
             o.label,
             o.required && /* @__PURE__ */ e("span", { className: "text-validation ms-0.5", children: "*" })
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ e(
               z,
               {
                 spacing: "sm",
-                tags: v.map((r) => ({
-                  label: String(r),
+                tags: f.map((t) => ({
+                  label: String(t),
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
                   removable: o.removable,
-                  onRemove: () => c(o.id, r)
+                  onRemove: () => c(o.id, t)
                 }))
               }
             ),
-            x && (d ? /* @__PURE__ */ t(b, { children: [
+            x && (d ? /* @__PURE__ */ r(b, { children: [
               /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
                 k,
                 {
@@ -132,15 +132,15 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
                   className: T,
                   "aria-label": `${o.overflow?.count || n.length} more filters for ${o.label}`,
                   onClick: () => h?.(o.id),
-                  children: f || p
+                  children: g || p
                 }
               ) }),
-              /* @__PURE__ */ t(y, { variant: "tertiary", side: "top", children: [
+              /* @__PURE__ */ r(y, { variant: "tertiary", side: "top", children: [
                 o.overflow?.count || n.length,
                 " more filters"
               ] })
-            ] }) : /* @__PURE__ */ t(O, { children: [
-              /* @__PURE__ */ t(b, { children: [
+            ] }) : /* @__PURE__ */ r(O, { children: [
+              /* @__PURE__ */ r(b, { children: [
                 /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
                   k,
                   {
@@ -152,7 +152,7 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
                     children: p
                   }
                 ) }) }),
-                /* @__PURE__ */ t(y, { variant: "tertiary", side: "top", children: [
+                /* @__PURE__ */ r(y, { variant: "tertiary", side: "top", children: [
                   n.length,
                   " more filters"
                 ] })
@@ -163,7 +163,7 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
                   remainingValues: n,
                   viewAllTrigger: o.viewAllTrigger,
                   onViewAll: u,
-                  onItemRemove: (r) => c(o.id, r),
+                  onItemRemove: (t) => c(o.id, t),
                   isRemovable: o.removable,
                   isCopyable: o.copyable
                 }