impact-nova 1.8.0 → 1.8.2

package/dist/components/ui/button-group.d.ts

@@ -1,15 +1,19 @@
 import { VariantProps } from 'class-variance-authority';
 import { HelperTextPosition } from './types/helper-text.types';
+import { ReactNode } from 'react';
 import * as React from "react";
-/**
- * Button group — IA Design System v3.1 (Figma: Button group).
- * - Fused (`spacing="none"`): shared #C3C8D4 borders, 8px outer radius; selected = #ECEEFD fill + #4259EE border/text.
- * - Spaced: independent 8px rounded segments with gap (Figma “split” row).
- */
 declare const buttonGroupVariants: (props?: {
     orientation?: "horizontal" | "vertical";
     spacing?: "sm" | "md" | "lg" | "none";
 } & import('class-variance-authority/types').ClassProp) => string;
+export interface ButtonOption {
+    label: string | ReactNode;
+    value: string;
+    icon?: string | ReactNode;
+    iconPosition?: 'left' | 'right';
+    iconSize?: number;
+    isDisabled?: boolean;
+}
 export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
     value?: string;
     onValueChange?: (value: string) => void;
@@ -24,4 +28,4 @@ export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>,
     "aria-label"?: string;
 }
 declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { ButtonGroup, buttonGroupVariants };
+export { ButtonGroup };

package/dist/components/ui/button-group.js

@@ -176,6 +176,5 @@ const H = A("inline-flex", {
 );
 M.displayName = "ButtonGroup";
 export {
-  M as ButtonGroup,
-  H as buttonGroupVariants
+  M as ButtonGroup
 };

package/dist/components/ui/combobox.js

@@ -1,6 +1,6 @@
 import { jsxs as v, jsx as o } from "react/jsx-runtime";
 import * as fe from "react";
-import { useMemo as F, useState as I, useRef as M, useCallback as x, useEffect as me } from "react";
+import { useMemo as B, useState as I, useRef as M, useCallback as x, useEffect as me } from "react";
 import * as V from "@radix-ui/react-popover";
 import { cn as a } from "../../lib/utils.js";
 import { Info as X } from "../../icons/index.js";
@@ -34,9 +34,9 @@ const Y = {
     defaultValue: L = "",
     value: h,
     onChange: A,
-    onBlur: K,
+    onBlur: F,
     placeholder: Z,
-    label: P,
+    label: K,
     helperText: w,
     helperTextPosition: j = "absolute",
     isError: m,
@@ -48,42 +48,42 @@ const Y = {
     allowFreeText: R = !1,
     required: ee
   }, y) => {
-    const U = F(
+    const U = B(
       () => xe({ options: c, min: u, max: d, step: f }),
       [c, u, d, f]
-    ), O = h !== void 0, [te, oe] = I(L), S = O ? h : te, [ne, q] = I(""), [r, C] = I(!1), n = r ? ne : S, [_, g] = I(-1), G = M(-1), [se, k] = I("keyboard"), J = M(null), H = M(null), re = x(
+    ), P = h !== void 0, [te, oe] = I(L), S = P ? h : te, [ne, W] = I(""), [r, C] = I(!1), n = r ? ne : S, [O, g] = I(-1), q = M(-1), [se, k] = I("keyboard"), G = M(null), H = M(null), re = x(
       (e) => {
-        J.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
+        G.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
       },
       [y]
-    ), s = F(
+    ), s = B(
       () => pe(U, n),
       [U, n]
-    ), Q = M(s), ie = F(() => {
+    ), J = M(s), ie = B(() => {
       if (!r || !n) return -1;
       const e = s.findIndex(
         (t) => t.toLowerCase() === n.toLowerCase()
       );
       return e >= 0 ? e : -1;
-    }, [r, n, s]), N = _ >= 0 ? _ : ie, W = _ >= 0 ? se : "mouse";
+    }, [r, n, s]), N = O >= 0 ? O : ie, Q = O >= 0 ? se : "mouse";
     me(() => {
-      G.current = N, Q.current = s, r && N >= 0 && H.current && H.current.querySelectorAll("[data-combobox-item]")[N]?.scrollIntoView({ block: "nearest" });
+      q.current = N, J.current = s, r && N >= 0 && H.current && H.current.querySelectorAll("[data-combobox-item]")[N]?.scrollIntoView({ block: "nearest" });
     }, [N, r, s]);
     const l = x(
       (e) => {
-        O || oe(e), A?.(e), C(!1), g(-1);
+        P || oe(e), A?.(e), C(!1), g(-1);
       },
-      [O, A]
+      [P, A]
     ), D = x(() => {
       C(!1), g(-1);
     }, []), ae = x(
       (e) => {
         const t = e.target.value;
-        q(t), g(-1), k("mouse"), r || C(!0);
+        W(t), g(-1), k("mouse"), r || C(!0);
       },
       [r]
     ), le = x(() => {
-      p || (q(S), C(!0));
+      p || (W(S), C(!0));
     }, [p, S]), ce = x(
       (e) => {
         const t = e.relatedTarget;
@@ -94,10 +94,10 @@ const Y = {
             );
             i ? l(i) : s.length === 1 ? l(s[0]) : R && n ? l(n) : D();
           }
-          K?.(e);
+          F?.(e);
         }
       },
-      [r, s, n, l, D, R, K]
+      [r, s, n, l, D, R, F]
     ), ue = x(
       (e) => {
         if (!r) {
@@ -122,12 +122,12 @@ const Y = {
         }
         if (e.key === "Enter" || e.key === "Tab") {
           e.preventDefault();
-          const t = G.current, i = Q.current;
+          const t = q.current, i = J.current;
           if (t >= 0 && t < i.length)
             l(i[t]);
           else {
             const b = i.find(
-              (B) => B.toLowerCase() === n.toLowerCase()
+              (_) => _.toLowerCase() === n.toLowerCase()
             );
             b ? l(b) : i.length === 1 ? l(i[0]) : R && n ? l(n) : D();
           }
@@ -137,7 +137,7 @@ const Y = {
       [r, s, n, l, D, R]
     ), de = x(
       (e) => {
-        l(e), setTimeout(() => J.current?.focus(), 0);
+        l(e), setTimeout(() => G.current?.focus(), 0);
       },
       [l]
     );
@@ -148,7 +148,7 @@ const Y = {
         "data-numeric": z || void 0,
         className: a("flex w-full flex-col gap-[6px]", E),
         children: [
-          P && /* @__PURE__ */ v(
+          K && /* @__PURE__ */ v(
             "label",
             {
               className: a(
@@ -157,7 +157,7 @@ const Y = {
                 m && "text-destructive"
               ),
               children: [
-                P,
+                K,
                 " ",
                 ee && /* @__PURE__ */ o("span", { className: "text-destructive", children: "*" })
               ]
@@ -219,13 +219,19 @@ const Y = {
                     V.Content,
                     {
                       align: "start",
+                      side: "bottom",
                       sideOffset: 4,
+                      avoidCollisions: !0,
+                      collisionPadding: 8,
                       onOpenAutoFocus: (e) => e.preventDefault(),
                       onCloseAutoFocus: (e) => e.preventDefault(),
                       onInteractOutside: () => {
                       },
+                      onWheel: (e) => e.stopPropagation(),
                       className: "z-[9999] overflow-hidden rounded-[12px] bg-white text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm flex flex-col border-none w-[var(--radix-popover-trigger-width)]",
-                      style: { maxHeight: 250 },
+                      style: {
+                        maxHeight: "var(--radix-popover-content-available-height)"
+                      },
                       children: /* @__PURE__ */ o(
                         "div",
                         {
@@ -233,6 +239,7 @@ const Y = {
                           className: "flex-1 overflow-auto py-1 px-[6px]",
                           style: { maxHeight: 240, overscrollBehavior: "contain" },
                           role: "listbox",
+                          onWheel: (e) => e.stopPropagation(),
                           onMouseLeave: () => {
                             k("mouse"), g(-1);
                           },
@@ -247,10 +254,10 @@ const Y = {
                                 className: a(
                                   "cursor-default select-none py-[6px] px-3 flex items-center transition-colors rounded-md",
                                   z ? "justify-end text-right" : "justify-between",
-                                  i && W === "keyboard" ? "ring-2 ring-inset ring-primary bg-[#edf0ff] text-[#1f2b4d]" : i && W === "mouse" ? "bg-gray-100 text-[#1f2b4d]" : b ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d] hover:bg-gray-100 cursor-pointer"
+                                  i && Q === "keyboard" ? "ring-2 ring-inset ring-primary bg-[#edf0ff] text-[#1f2b4d]" : i && Q === "mouse" ? "bg-gray-100 text-[#1f2b4d]" : b ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d] hover:bg-gray-100 cursor-pointer"
                                 ),
-                                onMouseDown: (B) => {
-                                  B.preventDefault(), de(e);
+                                onMouseDown: (_) => {
+                                  _.preventDefault(), de(e);
                                 },
                                 onMouseEnter: () => {
                                   k("mouse"), g(t);

package/dist/components/ui/expandable-sku/expandable-sku.js

@@ -65,7 +65,8 @@ function X({ section: a }) {
             remainingValues: n,
             onItemRemove: () => {
             },
-            isRemovable: !1
+            isRemovable: !1,
+            isCopyable: !0
           }
         )
       ] }) : null

package/dist/components/ui/filter-strip/filter-strip.d.ts

@@ -1,3 +1,3 @@
 import { FilterStripProps } from '../types/filter-strip.types';
-declare const FilterStrip: ({ filters, onFilterRemove, onAllFiltersClick, savedFilters, recentFilters, onApplySavedFilter, onSavedFilterSearch, onSavedFiltersScroll, onViewAll, onOverflowClick, selectedFilter, onSelectedFilterChange, onDropdownOpenChange, isLoadingFilterPreferencesList, isLoading, onEditSavedFilter, onDeleteSavedFilter, onSetDefaultSavedFilter, className, allFiltersKeybinding, allFiltersShortcutId, }: FilterStripProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterStrip: ({ filters, onFilterRemove, onAllFiltersClick, savedFilters, recentFilters, onApplySavedFilter, onSavedFilterSearch, onSavedFiltersScroll, onViewAll, onOverflowClick, selectedFilter, onSelectedFilterChange, onDropdownOpenChange, isLoadingFilterPreferencesList, isLoading, onEditSavedFilter, onDeleteSavedFilter, onSetDefaultSavedFilter, className, allFiltersKeybinding, allFiltersShortcutId, showAllFiltersButton, showSavedFilters, }: FilterStripProps) => import("react/jsx-runtime").JSX.Element;
 export { FilterStrip };

package/dist/components/ui/filter-strip/filter-strip.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { ListFilter as j } from "lucide-react";
+import { jsx as e, jsxs as i, Fragment as L } from "react/jsx-runtime";
+import { ListFilter as A } from "lucide-react";
 import { cn as l } from "../../../lib/utils.js";
-import { Button as I } from "../button.js";
+import { Button as B } from "../button.js";
 import { Skeleton as t } from "../skeleton.js";
-import { FilterSummary as L } from "./filter-summary.js";
-import { FilterTagList as A } from "./filter-tag-list.js";
-import { useImpactNovaI18n as B } from "../../../i18n/ImpactNovaI18nContext.js";
-const G = ({
+import { FilterSummary as C } from "./filter-summary.js";
+import { FilterTagList as K } from "./filter-tag-list.js";
+import { useImpactNovaI18n as M } from "../../../i18n/ImpactNovaI18nContext.js";
+const O = ({
   filters: s,
   onFilterRemove: n,
   onAllFiltersClick: m,
@@ -14,23 +14,25 @@ const G = ({
   recentFilters: c,
   onApplySavedFilter: p,
   onSavedFilterSearch: h,
-  onSavedFiltersScroll: f,
-  onViewAll: d,
+  onSavedFiltersScroll: d,
+  onViewAll: f,
   onOverflowClick: w,
   selectedFilter: x,
   onSelectedFilterChange: N,
   onDropdownOpenChange: v,
   isLoadingFilterPreferencesList: g,
-  isLoading: k,
-  onEditSavedFilter: u,
+  isLoading: u,
+  onEditSavedFilter: k,
   onDeleteSavedFilter: b,
-  onSetDefaultSavedFilter: S,
+  onSetDefaultSavedFilter: F,
   className: a,
-  allFiltersKeybinding: y,
-  allFiltersShortcutId: F
+  allFiltersKeybinding: S,
+  allFiltersShortcutId: y,
+  showAllFiltersButton: j = !0,
+  showSavedFilters: I = !0
 }) => {
-  const { t: r } = B();
-  return k ? /* @__PURE__ */ e(
+  const { t: r } = M();
+  return u ? /* @__PURE__ */ e(
     "div",
     {
       "data-component": "filter-strip",
@@ -71,45 +73,47 @@ const G = ({
         a
       ),
       children: [
+        I && /* @__PURE__ */ i(L, { children: [
+          /* @__PURE__ */ e(
+            C,
+            {
+              selectedFilter: x,
+              onSelectedFilterChange: N,
+              savedFilters: o,
+              recentFilters: c,
+              onApplySavedFilter: p,
+              onSavedFilterSearch: h,
+              onSavedFiltersScroll: d,
+              onDropdownOpenChange: v,
+              isLoadingFilterPreferencesList: g,
+              onEditSavedFilter: k,
+              onDeleteSavedFilter: b,
+              onSetDefaultSavedFilter: F
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-stroke-hairline mx-1 shrink-0" })
+        ] }),
         /* @__PURE__ */ e(
-          L,
-          {
-            selectedFilter: x,
-            onSelectedFilterChange: N,
-            savedFilters: o,
-            recentFilters: c,
-            onApplySavedFilter: p,
-            onSavedFilterSearch: h,
-            onSavedFiltersScroll: f,
-            onDropdownOpenChange: v,
-            isLoadingFilterPreferencesList: g,
-            onEditSavedFilter: u,
-            onDeleteSavedFilter: b,
-            onSetDefaultSavedFilter: S
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-stroke-hairline mx-1 shrink-0" }),
-        /* @__PURE__ */ e(
-          A,
+          K,
           {
             filters: s,
             onFilterRemove: n,
             onOverflowClick: w,
-            onViewAll: d
+            onViewAll: f
           }
         ),
-        /* @__PURE__ */ i(
-          I,
+        j && /* @__PURE__ */ i(
+          B,
           {
             variant: "tertiary",
             onClick: m,
             "data-component": "filter-strip-all-filters",
             "aria-label": r("filterStrip.allFilters"),
             tooltipSide: "bottom",
-            tooltipKeybinding: y,
-            "data-shortcut-id": F,
+            tooltipKeybinding: S,
+            "data-shortcut-id": y,
             children: [
-              /* @__PURE__ */ e(j, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e(A, { className: "h-4 w-4" }),
               r("filterStrip.allFilters")
             ]
           }
@@ -119,5 +123,5 @@ const G = ({
   );
 };
 export {
-  G as FilterStrip
+  O as FilterStrip
 };

package/dist/components/ui/filter-strip/filter-tag-list.d.ts

@@ -5,12 +5,13 @@ interface FilterTagListProps {
     onOverflowClick?: (id: string) => void;
     onViewAll?: () => void;
 }
-declare const FilterPopoverContent: ({ remainingValues, viewAllTrigger, onViewAll, onItemRemove, isRemovable }: {
+declare const FilterPopoverContent: ({ remainingValues, viewAllTrigger, onViewAll, onItemRemove, isRemovable, isCopyable }: {
     remainingValues: (string | number)[];
     viewAllTrigger?: "expand" | "custom";
     onViewAll?: () => void;
     onItemRemove: (val: string | number) => void;
     isRemovable?: boolean;
+    isCopyable?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const FilterTagList: ({ filters, onFilterRemove: _onFilterRemove, onOverflowClick, onViewAll, }: FilterTagListProps) => import("react/jsx-runtime").JSX.Element;
 export { FilterTagList, FilterPopoverContent };

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

@@ -1,55 +1,72 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import * as N from "react";
-import C from "../horizontal-scroller/horizontal-scroller.js";
-import { TagGroup as k } from "../tag-group.js";
-import { Tag as w } from "../tag.js";
-import { Tooltip as u, TooltipTrigger as v, TooltipContent as f } from "../tooltip.js";
-import { Popover as S, PopoverTrigger as T, PopoverContent as z } from "../popover.js";
-import { Button as $ } from "../button.js";
-import { X as I } from "lucide-react";
-const j = ({
+import k from "../horizontal-scroller/horizontal-scroller.js";
+import { TagGroup as S } from "../tag-group.js";
+import { Tag as C } from "../tag.js";
+import { Tooltip as v, TooltipTrigger as b, TooltipContent as y } from "../tooltip.js";
+import { Popover as T, PopoverTrigger as z, PopoverContent as $ } from "../popover.js";
+import { Button as j } from "../button.js";
+import { Check as I, Copy as P, X as A } from "lucide-react";
+const F = ({
   remainingValues: l,
   viewAllTrigger: s = "expand",
-  onViewAll: i,
-  onItemRemove: d,
-  isRemovable: g
+  onViewAll: d,
+  onItemRemove: h,
+  isRemovable: w,
+  isCopyable: e = !1
 }) => {
-  const [e, m] = N.useState(!1), c = e ? l : l.slice(0, 3), p = l.length > 3, t = () => {
-    s === "custom" ? i?.() : m(!0);
+  const [c, p] = N.useState(!1), [u, n] = N.useState(null), m = (a, t, i) => {
+    navigator.clipboard.writeText(String(t)), n(i), a.currentTarget.blur(), setTimeout(() => n(null), 1500);
+  }, x = c ? l : l.slice(0, 3), g = l.length > 3, f = () => {
+    s === "custom" ? d?.() : p(!0);
   };
   return /* @__PURE__ */ r(
-    z,
+    $,
     {
       className: "w-[200px] p-0 rounded-[8px] bg-white shadow-[0_0_4px_0_rgba(0,0,0,0.12)] border-none",
       align: "start",
       sideOffset: 8,
+      onOpenAutoFocus: (a) => a.preventDefault(),
       children: /* @__PURE__ */ o("div", { className: "flex flex-col py-2 px-[6px]", children: [
-        /* @__PURE__ */ r("div", { className: `flex flex-col gap-1 mb-2 ${e ? "max-h-[200px] overflow-y-auto" : ""}`, children: c.map((n, h) => /* @__PURE__ */ o("div", { className: "flex items-center justify-between text-[14px] font-medium leading-[20px] text-[#1f2b4d] px-3 py-2 overflow-hidden hover:bg-slate-50 rounded group shrink-0", children: [
-          /* @__PURE__ */ o(u, { children: [
-            /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "truncate", children: String(n) }) }),
-            /* @__PURE__ */ r(f, { variant: "tertiary", side: "right", children: String(n) })
+        /* @__PURE__ */ r("div", { className: `flex flex-col gap-1 mb-2 ${c ? "max-h-[180px] overflow-y-auto" : ""}`, children: x.map((a, t) => /* @__PURE__ */ o("div", { className: "flex items-center justify-between text-[14px] font-medium leading-[20px] text-[#1f2b4d] px-3 py-2 overflow-hidden hover:bg-slate-50 rounded group shrink-0", children: [
+          /* @__PURE__ */ o(v, { children: [
+            /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "truncate", children: String(a) }) }),
+            /* @__PURE__ */ r(y, { variant: "tertiary", side: "right", children: String(a) })
           ] }),
-          g && /* @__PURE__ */ r(
-            "button",
-            {
-              onClick: (x) => {
-                x.stopPropagation(), d(n);
-              },
-              "aria-label": `Remove ${String(n)}`,
-              className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
-              children: /* @__PURE__ */ r(I, { size: 12 })
-            }
-          )
-        ] }, h)) }),
-        !e && p && /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ o("div", { className: "flex items-center shrink-0", children: [
+            e && /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: (i) => {
+                  i.stopPropagation(), m(i, a, t);
+                },
+                "aria-label": `Copy ${String(a)}`,
+                className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
+                children: u === t ? /* @__PURE__ */ r(I, { size: 12, className: "text-green-500" }) : /* @__PURE__ */ r(P, { size: 12 })
+              }
+            ),
+            w && /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: (i) => {
+                  i.stopPropagation(), h(a);
+                },
+                "aria-label": `Remove ${String(a)}`,
+                className: "ml-2 flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-gray-400 hover:bg-black/5 hover:text-gray-600 opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity",
+                children: /* @__PURE__ */ r(A, { size: 12 })
+              }
+            )
+          ] })
+        ] }, t)) }),
+        !c && g && /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ r("div", { className: "h-[1px] bg-[#e6e8f0] w-full" }),
           /* @__PURE__ */ r(
-            $,
+            j,
             {
               variant: "secondary",
               size: "sm",
               className: "w-full justify-center",
-              onClick: t,
+              onClick: f,
               children: s === "custom" ? "View all" : `View all (${l.length})`
             }
           )
@@ -57,19 +74,19 @@ const j = ({
       ] })
     }
   );
-}, M = ({
+}, q = ({
   filters: l,
   onFilterRemove: s,
-  onOverflowClick: i,
-  onViewAll: d
+  onOverflowClick: d,
+  onViewAll: h
 }) => /* @__PURE__ */ r("div", { className: "flex flex-1 items-center min-w-0", children: /* @__PURE__ */ r(
-  C,
+  k,
   {
     items: l,
-    renderItem: (e, m) => {
-      const c = Array.isArray(e.value) ? e.value : [e.value], p = c.slice(0, 2), t = c.slice(2), n = !!e.overflow, h = e.overflow?.label ? e.overflow.label : e.overflow?.count ? `+${e.overflow.count}` : null, x = t.length > 0, y = n || x, b = `+${t.length}`;
+    renderItem: (e, c) => {
+      const p = Array.isArray(e.value) ? e.value : [e.value], u = p.slice(0, 2), n = p.slice(2), m = !!e.overflow, x = e.overflow?.label ? e.overflow.label : e.overflow?.count ? `+${e.overflow.count}` : null, g = n.length > 0, f = m || g, a = `+${n.length}`;
       return /* @__PURE__ */ o("div", { className: "flex items-center px-1", children: [
-        m > 0 && /* @__PURE__ */ r("div", { className: "mx-3 h-4 w-[1px] bg-[#e6e8f0] shrink-0" }),
+        c > 0 && /* @__PURE__ */ r("div", { className: "mx-3 h-4 w-[1px] bg-[#e6e8f0] shrink-0" }),
         /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ o("span", { className: "text-xs font-medium leading-[21px] text-[#60697d] whitespace-nowrap", children: [
             e.label,
@@ -77,71 +94,72 @@ const j = ({
           ] }),
           /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ r(
-              k,
+              S,
               {
                 spacing: "sm",
-                tags: p.map((a) => ({
-                  label: String(a),
+                tags: u.map((t) => ({
+                  label: String(t),
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
                   removable: e.removable,
-                  onRemove: () => s(e.id, a)
+                  onRemove: () => s(e.id, t)
                 }))
               }
             ),
-            y && (n ? (
+            f && (m ? (
               // Server-side overflow: Simple tag, no popover
-              /* @__PURE__ */ o(u, { children: [
-                /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ r(
-                  w,
+              /* @__PURE__ */ o(v, { children: [
+                /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r(
+                  C,
                   {
                     variant: "secondary",
                     size: "md",
                     shape: "rounded",
                     className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
-                    onClick: () => i?.(e.id),
+                    onClick: () => d?.(e.id),
                     tabIndex: 0,
                     role: "button",
-                    "aria-label": `${e.overflow?.count || t.length} more filters for ${e.label}`,
-                    onKeyDown: (a) => {
-                      (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i?.(e.id));
+                    "aria-label": `${e.overflow?.count || n.length} more filters for ${e.label}`,
+                    onKeyDown: (t) => {
+                      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), d?.(e.id));
                     },
-                    children: h || b
+                    children: x || a
                   }
                 ) }),
-                /* @__PURE__ */ o(f, { variant: "tertiary", side: "top", children: [
-                  e.overflow?.count || t.length,
+                /* @__PURE__ */ o(y, { variant: "tertiary", side: "top", children: [
+                  e.overflow?.count || n.length,
                   " more filters"
                 ] })
               ] })
             ) : (
               // Client-side overflow: Popover
-              /* @__PURE__ */ o(S, { children: [
-                /* @__PURE__ */ o(u, { children: [
-                  /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ r(T, { asChild: !0, children: /* @__PURE__ */ r(
-                    w,
+              /* @__PURE__ */ o(T, { children: [
+                /* @__PURE__ */ o(v, { children: [
+                  /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ r(
+                    C,
                     {
                       variant: "secondary",
                       size: "md",
                       shape: "rounded",
                       className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
-                      children: b
+                      children: a
                     }
                   ) }) }),
-                  /* @__PURE__ */ o(f, { variant: "tertiary", side: "top", children: [
-                    t.length,
+                  /* @__PURE__ */ o(y, { variant: "tertiary", side: "top", children: [
+                    n.length,
                     " more filters"
                   ] })
                 ] }),
                 /* @__PURE__ */ r(
-                  j,
+                  F,
                   {
-                    remainingValues: t,
+                    remainingValues: n,
                     viewAllTrigger: e.viewAllTrigger,
-                    onViewAll: d,
-                    onItemRemove: (a) => s(e.id, a),
-                    isRemovable: e.removable
+                    onViewAll: h,
+                    onItemRemove: (t) => s(e.id, t),
+                    isRemovable: e.removable,
+                    isCopyable: e.copyable
                   }
                 )
               ] })
@@ -155,6 +173,6 @@ const j = ({
   }
 ) });
 export {
-  j as FilterPopoverContent,
-  M as FilterTagList
+  F as FilterPopoverContent,
+  q as FilterTagList
 };