impact-nova 2.2.3 → 2.2.5

package/dist/components/feedback/dialog/dialog.js

@@ -65,9 +65,10 @@ const C = u.forwardRef(
           l(), m?.(d);
         },
         className: v(
-          "fixed left-[50%] top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-canvas shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg overflow-hidden motion-reduce:animate-none motion-reduce:transition-none",
+          "fixed left-[50%] top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-canvas shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg motion-reduce:animate-none motion-reduce:transition-none",
           R,
-          i
+          i,
+          "overflow-visible"
         ),
         ...g,
         children: [
@@ -114,15 +115,16 @@ B.displayName = e.Content.displayName;
 const Y = y("dialog", {
   part: "header",
   displayName: "DialogHeader",
-  className: "relative flex flex-col justify-center border-b bg-canvas-tint p-4 pe-12 text-center sm:text-start"
+  className: "relative flex flex-col justify-center rounded-t-lg border-b bg-canvas-tint p-4 pe-12 text-center sm:text-start"
 }), q = y("dialog", {
   part: "body",
   displayName: "DialogBody",
-  className: "min-h-0 flex-1 overflow-y-auto px-6 py-6"
+  className: "min-h-0 flex-1 overflow-y-auto px-6 py-6",
+  scrollSurface: !0
 }), J = y("dialog", {
   part: "footer",
   displayName: "DialogFooter",
-  className: "flex flex-col-reverse bg-canvas-elevated px-4 py-[9px] sm:flex-row sm:items-center sm:justify-end sm:gap-2"
+  className: "flex flex-col-reverse rounded-b-lg bg-canvas-elevated px-4 py-[9px] sm:flex-row sm:items-center sm:justify-end sm:gap-2"
 }), M = c(
   "dialog",
   "title",

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,6 +1,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+import "react";
+const p = (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: [
@@ -9,5 +10,5 @@ const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  d as defaultTabTooltipRender
+  p as defaultTabTooltipRender
 };

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

@@ -1,20 +1,20 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 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 C } from "../../../lib/primitives/create-compound.js";
+import { createCompoundPart as k } from "../../../lib/primitives/create-compound.js";
 import { cn as o } from "../../../lib/utils.js";
-import { MultiColorFilter as k, Cross as F, InfoBadge as x } 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 c, TooltipTrigger as h, TooltipContent as f } from "../../feedback/tooltip/tooltip.js";
-import { Kbd as j } from "../../primitives/kbd/kbd.js";
-import { useImpactNovaI18n as u } from "../../../i18n/use-impact-nova-i18n.js";
-import { useOverlayHostDismissBeforeClose as I } from "../../../lib/overlay/overlay-portal-context.js";
-const S = ({
+import { Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "../../feedback/tooltip/tooltip.js";
+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: d } = u();
+  const { t: c } = x();
   return /* @__PURE__ */ t(
     "div",
     {
@@ -30,7 +30,7 @@ const S = ({
             {
               className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-brand-tint bg-canvas-elevated",
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(k, { className: "size-5 shrink-0" })
+              children: /* @__PURE__ */ e(C, { className: "size-5 shrink-0" })
             }
           ),
           /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: i })
@@ -43,7 +43,7 @@ const S = ({
               variant: "secondary",
               size: "icon",
               tabIndex: -1,
-              "aria-label": d("aria.close"),
+              "aria-label": c("aria.close"),
               "data-component": "filter-panel-close",
               children: /* @__PURE__ */ e(F, { className: "h-3 w-3" })
             }
@@ -52,11 +52,11 @@ const S = ({
       ]
     }
   );
-}, W = ({
+}, R = ({
   open: i,
   onOpenChange: n,
   title: l = "Filter panel",
-  children: d,
+  children: c,
   header: s,
   sidebar: p,
   className: m,
@@ -78,21 +78,21 @@ const S = ({
     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: [
-        s || /* @__PURE__ */ e(S, { title: l }),
+        s || /* @__PURE__ */ e(I, { title: l }),
         /* @__PURE__ */ t("div", { className: "flex flex-1 overflow-hidden", children: [
           p,
-          /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: d })
+          /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
         ] })
       ] })
     ]
   }
-) }), _ = ({
+) }), W = ({
   items: i,
   activeTab: n,
   onTabChange: l,
-  className: d
+  className: c
 }) => {
-  const { t: s } = u(), p = I(), m = (a) => {
+  const { t: s } = x(), p = j(), m = (a) => {
     a !== n && p(), l(a);
   };
   return /* @__PURE__ */ e(
@@ -101,7 +101,7 @@ const S = ({
       "data-component": "filter-panel-sidebar",
       className: o(
         "flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas",
-        d
+        c
       ),
       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;
@@ -134,13 +134,13 @@ const S = ({
                     }
                   ),
                   /* @__PURE__ */ t("div", { className: "flex items-center gap-1 min-w-0", children: [
-                    /* @__PURE__ */ t(c, { children: [
+                    /* @__PURE__ */ t(d, { children: [
                       /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: a.label }) }),
                       /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: a.tooltipKeybinding ? /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
                         a.label,
                         " ",
                         /* @__PURE__ */ e(
-                          j,
+                          S,
                           {
                             keybinding: a.tooltipKeybinding,
                             size: "sm"
@@ -152,7 +152,7 @@ const S = ({
                   ] })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-                  a.count !== void 0 && a.count > 0 && /* @__PURE__ */ t(c, { children: [
+                  a.count !== void 0 && a.count > 0 && /* @__PURE__ */ t(d, { children: [
                     /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
                       "span",
                       {
@@ -168,16 +168,16 @@ const S = ({
                       { count: a.count }
                     ) })
                   ] }),
-                  a.hasError && /* @__PURE__ */ t(c, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(x, { className: "h-5 w-5 shrink-0 text-danger" }) }),
+                  a.hasError && /* @__PURE__ */ t(d, { children: [
+                    /* @__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(c, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(x, { className: "h-5 w-5 shrink-0 text-warning" }) }),
+                  a.hasWarning && /* @__PURE__ */ t(d, { children: [
+                    /* @__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(c, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(x, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
+                  a.hasInfo && /* @__PURE__ */ t(d, { children: [
+                    /* @__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,11 +188,12 @@ const S = ({
       }) })
     }
   );
-}, q = C("filter-panel", {
+}, _ = k("filter-panel", {
   part: "body",
   displayName: "FilterPanelBody",
-  className: "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4"
-}), L = ({
+  className: "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4",
+  scrollSurface: !0
+}), q = ({
   children: i,
   className: n,
   leftAction: l
@@ -211,9 +212,9 @@ const S = ({
   }
 );
 export {
-  W as FilterPanel,
-  q as FilterPanelBody,
-  L as FilterPanelFooter,
-  S as FilterPanelHeader,
-  _ as FilterPanelSidebar
+  R as FilterPanel,
+  _ as FilterPanelBody,
+  q as FilterPanelFooter,
+  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,19 +7,19 @@ 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-brand 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,
   onItemRemove: u,
   isRemovable: N,
-  isCopyable: o = !1,
+  isCopyable: t = !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);
+  const [i, f] = C.useState(!1), [n, d] = C.useState(null), v = (o, l, a) => {
+    navigator.clipboard.writeText(String(l)), d(a), o.currentTarget.blur(), setTimeout(() => d(null), 1500);
   }, g = i ? s : s.slice(0, 3), x = s.length > 3, p = () => {
-    c === "custom" ? h?.() : v(!0);
+    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: (o) => o.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: g.map((o, 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(o) }) }),
+                    /* @__PURE__ */ e(y, { variant: "tertiary", side: "right", children: String(o) })
                   ] }),
-                  /* @__PURE__ */ t("div", { className: "flex items-center shrink-0", children: [
-                    o && /* @__PURE__ */ e(
+                  /* @__PURE__ */ r("div", { className: "flex items-center shrink-0", children: [
+                    t && /* @__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: o, index: l }) : v(a, o, l);
                         },
-                        "aria-label": `Copy ${String(r)}`,
+                        "aria-label": `Copy ${String(o)}`,
                         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(o);
                         },
-                        "aria-label": `Remove ${String(r)}`,
+                        "aria-label": `Remove ${String(o)}`,
                         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,
@@ -97,31 +97,31 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
   S,
   {
     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: [
+    renderItem: (t, m) => {
+      const i = Array.isArray(t.value) ? t.value : [t.value], f = i.slice(0, 2), n = i.slice(2), d = !!t.overflow, v = t.overflow?.label ? t.overflow.label : t.overflow?.count ? `+${t.overflow.count}` : null, g = n.length > 0, x = d || g, 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: [
-            o.label,
-            o.required && /* @__PURE__ */ e("span", { className: "text-validation ms-0.5", 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: [
+            t.label,
+            t.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((o) => ({
+                  label: String(o),
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
-                  removable: o.removable,
-                  onRemove: () => c(o.id, r)
+                  removable: t.removable,
+                  onRemove: () => c(t.id, o)
                 }))
               }
             ),
-            x && (d ? /* @__PURE__ */ t(b, { children: [
+            x && (d ? /* @__PURE__ */ r(b, { children: [
               /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
                 k,
                 {
@@ -130,17 +130,17 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
                   size: "md",
                   shape: "rounded",
                   className: T,
-                  "aria-label": `${o.overflow?.count || n.length} more filters for ${o.label}`,
-                  onClick: () => h?.(o.id),
-                  children: f || p
+                  "aria-label": `${t.overflow?.count || n.length} more filters for ${t.label}`,
+                  onClick: () => h?.(t.id),
+                  children: v || p
                 }
               ) }),
-              /* @__PURE__ */ t(y, { variant: "tertiary", side: "top", children: [
-                o.overflow?.count || n.length,
+              /* @__PURE__ */ r(y, { variant: "tertiary", side: "top", children: [
+                t.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"
                 ] })
@@ -161,11 +161,11 @@ const T = "whitespace-nowrap bg-accent text-accent-foreground hover:bg-accent/80
                 I,
                 {
                   remainingValues: n,
-                  viewAllTrigger: o.viewAllTrigger,
+                  viewAllTrigger: t.viewAllTrigger,
                   onViewAll: u,
-                  onItemRemove: (r) => c(o.id, r),
-                  isRemovable: o.removable,
-                  isCopyable: o.copyable
+                  onItemRemove: (o) => c(t.id, o),
+                  isRemovable: t.removable,
+                  isCopyable: t.copyable
                 }
               )
             ] }))