impact-nova 1.8.1 → 1.8.3

package/dist/components/ui/date-picker/multi-date-picker.js

@@ -1,82 +1,84 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import * as r from "react";
 import { X as j } from "lucide-react";
 import { CalendarMonth as R } from "../../../icons/index.js";
-import { format as b } from "date-fns";
-import { cn as E } from "../../../lib/utils.js";
-import { Input as F } from "../input.js";
-import { Popover as V, PopoverTrigger as X, PopoverContent as $ } from "../popover.js";
-import { Calendar as q } from "../calendar.js";
+import { format as E } from "date-fns";
+import { cn as F } from "../../../lib/utils.js";
+import { Input as V } from "../input.js";
+import { Popover as X, PopoverTrigger as $, PopoverContent as q } from "../popover.js";
+import { Calendar as z } from "../calendar.js";
 import { Tooltip as u, TooltipTrigger as y, TooltipContent as g } from "../tooltip.js";
-import { getDateFnsLocale as z } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as B } from "../../../i18n/ImpactNovaI18nContext.js";
-const G = r.forwardRef(
+import { getDateFnsLocale as B } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as G } from "../../../i18n/ImpactNovaI18nContext.js";
+const H = r.forwardRef(
   ({
     value: e,
-    onChange: i,
+    onChange: c,
     format: C = "MM/dd/yyyy",
     placeholder: P,
     minDate: M,
     maxDate: x,
     startMonth: D,
     endMonth: N,
-    showFooter: c = !0,
-    disabled: p,
+    showFooter: s = !0,
+    disabled: n,
     className: T,
     ...k
   }, A) => {
-    const { locale: d, t: s } = B(), v = r.useMemo(() => z(d), [d]), L = P ?? s("datePicker.selectMultipleDates"), [m, n] = r.useState(!1), [f, a] = r.useState(e);
+    const { locale: d, t: p } = G(), v = r.useMemo(() => B(d), [d]), L = P ?? p("datePicker.selectMultipleDates"), [m, a] = r.useState(!1), [f, l] = r.useState(e);
     r.useEffect(() => {
-      a(e);
+      l(e);
     }, [m, e]);
-    const O = (o) => {
-      a(o), c || i?.(o);
-    }, S = (o) => {
-      i?.(o !== void 0 ? o : f), n(!1);
+    const O = (t) => {
+      l(t), s || c?.(t);
+    }, S = (t) => {
+      c?.(t !== void 0 ? t : f), a(!1);
     }, w = () => {
-      a(e), n(!1);
+      l(e), a(!1);
     }, h = () => {
-      a(void 0), i?.(void 0), c || n(!1);
-    }, I = e && e.length > 0 ? e.length === 1 ? b(e[0], C, { locale: v }) : `${e.length} dates selected` : "";
-    return /* @__PURE__ */ l(V, { open: m, onOpenChange: n, children: [
-      /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-        F,
+      l(void 0), c?.(void 0), s || a(!1);
+    }, I = e && e.length > 0 ? e.length === 1 ? E(e[0], C, { locale: v }) : `${e.length} dates selected` : "";
+    return /* @__PURE__ */ i(X, { open: n ? !1 : m, onOpenChange: (t) => {
+      n || a(t);
+    }, children: [
+      /* @__PURE__ */ o($, { asChild: !0, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+        V,
         {
           ref: A,
           value: I,
           placeholder: L,
           readOnly: !0,
-          disabled: p,
-          className: E("cursor-pointer", T),
-          suffix: /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !p && /* @__PURE__ */ l(u, { children: [
-              /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(
+          disabled: n,
+          className: F("cursor-pointer", T),
+          suffix: /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+            e && e.length > 0 && !n && /* @__PURE__ */ i(u, { children: [
+              /* @__PURE__ */ o(y, { asChild: !0, children: /* @__PURE__ */ o(
                 j,
                 {
                   className: "h-4 w-4 cursor-pointer hover:text-content",
-                  onClick: (o) => {
-                    o.stopPropagation(), h();
+                  onClick: (t) => {
+                    t.stopPropagation(), h();
                   }
                 }
               ) }),
-              /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: s("calendar.clear") })
+              /* @__PURE__ */ o(g, { variant: "tertiary", side: "top", children: p("calendar.clear") })
             ] }),
-            /* @__PURE__ */ l(u, { children: [
-              /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(R, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: s("datePicker.selectMultipleDates") })
+            /* @__PURE__ */ i(u, { children: [
+              /* @__PURE__ */ o(y, { asChild: !0, children: /* @__PURE__ */ o(R, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ o(g, { variant: "tertiary", side: "top", children: p("datePicker.selectMultipleDates") })
             ] })
           ] }),
           ...k
         }
       ) }) }),
-      /* @__PURE__ */ t(
-        $,
+      /* @__PURE__ */ o(
+        q,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (o) => o.preventDefault(),
-          children: /* @__PURE__ */ t(
-            q,
+          onOpenAutoFocus: (t) => t.preventDefault(),
+          children: /* @__PURE__ */ o(
+            z,
             {
               mode: "multiple",
               selected: f,
@@ -84,7 +86,7 @@ const G = r.forwardRef(
               disabled: { before: M, after: x },
               startMonth: D,
               endMonth: N,
-              showFooter: c,
+              showFooter: s,
               onApply: S,
               onCancel: w,
               onClear: h,
@@ -96,7 +98,7 @@ const G = r.forwardRef(
     ] });
   }
 );
-G.displayName = "MultiDatePicker";
+H.displayName = "MultiDatePicker";
 export {
-  G as MultiDatePicker
+  H as MultiDatePicker
 };

package/dist/components/ui/date-picker/week-range-picker.js

@@ -1,9 +1,9 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import * as c from "react";
 import { X as Ne } from "lucide-react";
 import { CalendarMonth as Re, Info as Z } from "../../../icons/index.js";
 import { format as s, isValid as C, parse as P } from "date-fns";
-import { cn as f, padValidDateString as $, maskDate as Y } from "../../../lib/utils.js";
+import { cn as p, padValidDateString as $, maskDate as Y } from "../../../lib/utils.js";
 import { Popover as Se, PopoverTrigger as Ce, PopoverContent as Pe } from "../popover.js";
 import { Calendar as Ie } from "../calendar.js";
 import { Tooltip as _, TooltipTrigger as F, TooltipContent as ee } from "../tooltip.js";
@@ -13,23 +13,23 @@ import { useImpactNovaI18n as Ee } from "../../../i18n/ImpactNovaI18nContext.js"
 const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c.forwardRef(
   ({
     value: t,
-    onChange: w,
+    onChange: D,
     format: n = "MM/dd/yyyy",
     placeholder: te,
     minDate: ne,
     maxDate: oe,
     startMonth: le,
     endMonth: re,
-    showFooter: b = !0,
+    showFooter: y = !0,
     calendarType: K = "calendar",
     fiscalMode: M = "basic",
     selectionMode: z = "week",
     fiscalMonthPattern: B,
     fiscalYearStartMonth: T = 1,
     weekStartsOn: O = 1,
-    disabled: N,
+    disabled: i,
     className: se,
-    isError: D,
+    isError: b,
     size: H,
     label: X,
     helperText: I,
@@ -41,20 +41,20 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
   }, ie) => {
     const { locale: q, t: V } = Ee(), o = c.useMemo(() => Ve(q), [q]), G = te ?? V("datePicker.selectWeekRange"), J = c.useRef(null), de = c.useRef(null);
     c.useRef(null), c.useRef(null), c.useImperativeHandle(ie, () => J.current);
-    const [l, g] = c.useState(!1), W = c.useRef(!1), [y, p] = c.useState(t), [R, m] = c.useState(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), [S, u] = c.useState(a(t) ? s(a(t), n, { locale: o }) : ""), [fe, L] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
+    const [l, k] = c.useState(!1), W = c.useRef(!1), [v, m] = c.useState(t), [R, u] = c.useState(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), [S, x] = c.useState(a(t) ? s(a(t), n, { locale: o }) : ""), [fe, L] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date());
     c.useEffect(() => {
-      l || (m(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), u(a(t) ? s(a(t), n, { locale: o }) : ""), p(t));
+      l || (u(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), x(a(t) ? s(a(t), n, { locale: o }) : ""), m(t));
     }, [t, n, l, o]), c.useEffect(() => {
-      l && (p(t), m(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), u(a(t) ? s(a(t), n, { locale: o }) : ""), L(t?.from?.startDate || /* @__PURE__ */ new Date()));
+      l && (m(t), u(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), x(a(t) ? s(a(t), n, { locale: o }) : ""), L(t?.from?.startDate || /* @__PURE__ */ new Date()));
     }, [l, t, n, o]);
     const pe = (e) => {
-      p(e), e?.from ? (m(s(e.from.startDate, n, { locale: o })), u(s(a(e), n, { locale: o }))) : (m(""), u("")), !b && e?.from && e?.to && e.from.startDate.getTime() !== e.to.startDate.getTime() && (w?.(e), g(!1));
+      m(e), e?.from ? (u(s(e.from.startDate, n, { locale: o })), x(s(a(e), n, { locale: o }))) : (u(""), x("")), !y && e?.from && e?.to && e.from.startDate.getTime() !== e.to.startDate.getTime() && (D?.(e), k(!1));
     }, me = (e) => {
-      w?.(e !== void 0 ? e : y), g(!1);
+      D?.(e !== void 0 ? e : v), k(!1);
     }, j = () => {
-      p(t), m(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), u(a(t) ? s(a(t), n, { locale: o }) : ""), g(!1);
+      m(t), u(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), x(a(t) ? s(a(t), n, { locale: o }) : ""), k(!1);
     }, Q = () => {
-      p(void 0), m(""), u(""), w?.(void 0), b || g(!1);
+      m(void 0), u(""), x(""), D?.(void 0), y || k(!1);
     }, E = (e) => We(e, {
       calendarType: K,
       fiscalMode: M,
@@ -63,48 +63,48 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
       fiscalYearStartMonth: T,
       weekStartsOn: O
     }), ue = (e) => {
-      const k = e.target.value, i = Y(k, n, R);
-      if (m(i), i === "") {
-        const h = { from: void 0, to: y?.to };
-        p(h), b || w?.(h);
+      const w = e.target.value, d = Y(w, n, R);
+      if (u(d), d === "") {
+        const g = { from: void 0, to: v?.to };
+        m(g), y || D?.(g);
         return;
       }
-      const x = P(i, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(x) && i.length === n.length) {
-        const v = { from: E(x), to: y?.to };
-        p(v), u(s(a(v), n, { locale: o })), b || w?.(v);
+      const h = P(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(h) && d.length === n.length) {
+        const N = { from: E(h), to: v?.to };
+        m(N), x(s(a(N), n, { locale: o })), y || D?.(N);
       }
     }, xe = (e) => {
-      const k = e.target.value, i = Y(k, n, S);
-      if (u(i), i === "") {
-        const h = { from: y?.from, to: void 0 };
-        p(h), b || w?.(h);
+      const w = e.target.value, d = Y(w, n, S);
+      if (x(d), d === "") {
+        const g = { from: v?.from, to: void 0 };
+        m(g), y || D?.(g);
         return;
       }
-      const x = P(i, n, /* @__PURE__ */ new Date(), { locale: o });
-      if (C(x) && i.length === n.length) {
-        const h = E(x), v = { from: y?.from, to: h };
-        p(v), y?.from && m(s(y.from.startDate, n, { locale: o })), x && L(x), b || w?.(v);
+      const h = P(d, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(h) && d.length === n.length) {
+        const g = E(h), N = { from: v?.from, to: g };
+        m(N), v?.from && u(s(v.from.startDate, n, { locale: o })), h && L(h), y || D?.(N);
       }
     }, U = () => {
       if (l) return;
-      const e = $(R, n), k = $(S, n), i = P(e, n, /* @__PURE__ */ new Date(), { locale: o }), x = P(k, n, /* @__PURE__ */ new Date(), { locale: o }), h = C(i) && e.length === n.length, v = C(x) && k.length === n.length;
-      if (!h || !v)
-        m(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), u(a(t) ? s(a(t), n, { locale: o }) : ""), p(t);
-      else if (m(e), u(k), !b) {
-        const ye = E(i), ve = E(x);
-        w?.({ from: ye, to: ve });
+      const e = $(R, n), w = $(S, n), d = P(e, n, /* @__PURE__ */ new Date(), { locale: o }), h = P(w, n, /* @__PURE__ */ new Date(), { locale: o }), g = C(d) && e.length === n.length, N = C(h) && w.length === n.length;
+      if (!g || !N)
+        u(t?.from ? s(t.from.startDate, n, { locale: o }) : ""), x(a(t) ? s(a(t), n, { locale: o }) : ""), m(t);
+      else if (u(e), x(w), !y) {
+        const be = E(d), ve = E(h);
+        D?.({ from: be, to: ve });
       }
-    }, he = t?.from ? s(t.from.startDate, n, { locale: o }) : "", ge = a(t) ? s(a(t), n, { locale: o }) : "", ke = he !== R, we = ge !== S, be = R.length === n.length && !C(P(R, n, /* @__PURE__ */ new Date(), { locale: o })), De = S.length === n.length && !C(P(S, n, /* @__PURE__ */ new Date(), { locale: o }));
-    return /* @__PURE__ */ d("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "week-range-picker", "data-disabled": N || void 0, children: [
-      /* @__PURE__ */ d("div", { className: "flex flex-col gap-[6px]", children: [
-        X && /* @__PURE__ */ d(
+    }, he = t?.from ? s(t.from.startDate, n, { locale: o }) : "", ge = a(t) ? s(a(t), n, { locale: o }) : "", ke = he !== R, we = ge !== S, De = R.length === n.length && !C(P(R, n, /* @__PURE__ */ new Date(), { locale: o })), ye = S.length === n.length && !C(P(S, n, /* @__PURE__ */ new Date(), { locale: o }));
+    return /* @__PURE__ */ f("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "week-range-picker", "data-disabled": i || void 0, children: [
+      /* @__PURE__ */ f("div", { className: "flex flex-col gap-[6px]", children: [
+        X && /* @__PURE__ */ f(
           "label",
           {
-            className: f(
+            className: p(
               "text-xs font-medium leading-[18px] text-content-tertiary",
-              N && "opacity-70",
-              D && "text-destructive"
+              i && "opacity-70",
+              b && "text-destructive"
             ),
             children: [
               X,
@@ -113,29 +113,31 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
             ]
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ f(
           "div",
           {
-            className: f(
+            className: p(
               "w-full",
               I && A === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ d(Se, { open: l, onOpenChange: g, children: [
-                /* @__PURE__ */ r(Ce, { asChild: !0, children: /* @__PURE__ */ d(
+              /* @__PURE__ */ f(Se, { open: i ? !1 : l, onOpenChange: (e) => {
+                i || k(e);
+              }, children: [
+                /* @__PURE__ */ r(Ce, { asChild: !0, children: /* @__PURE__ */ f(
                   "div",
                   {
                     "data-state": l ? "open" : "closed",
-                    className: f(
+                    className: p(
                       "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
-                      D ? "border-destructive hover:border-destructive" : "border-field",
+                      b ? "border-destructive hover:border-destructive" : "border-field",
                       H === "sm" ? "h-6" : H === "md" ? "h-[28px]" : "h-8",
-                      N && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
+                      i && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
                       "cursor-pointer",
                       se
                     ),
                     children: [
-                      /* @__PURE__ */ d("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                      /* @__PURE__ */ f("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
                         /* @__PURE__ */ r(
                           "input",
                           {
@@ -146,15 +148,15 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                             onBlur: U,
                             onClick: (e) => l && e.stopPropagation(),
                             onKeyDown: (e) => {
-                              (e.key === "Enter" || e.key === "ArrowDown") && !l && (e.preventDefault(), W.current = !0, g(!0)), e.key === "Escape" && l && (e.preventDefault(), j());
+                              (e.key === "Enter" || e.key === "ArrowDown") && !l && !i && (e.preventDefault(), W.current = !0, k(!0)), e.key === "Escape" && l && (e.preventDefault(), j());
                             },
                             placeholder: l ? n : G,
-                            disabled: !!N,
+                            disabled: !!i,
                             "aria-label": "Start Date",
                             "data-field": "start",
-                            className: f(
+                            className: p(
                               "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                              be ? "text-destructive" : ke ? "text-content-muted" : ""
+                              De ? "text-destructive" : ke ? "text-content-muted" : ""
                             ),
                             ...ae
                           }
@@ -169,21 +171,21 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                             onBlur: U,
                             onClick: (e) => l && e.stopPropagation(),
                             onKeyDown: (e) => {
-                              (e.key === "Enter" || e.key === "ArrowDown") && !l && (e.preventDefault(), W.current = !0, g(!0)), e.key === "Escape" && l && (e.preventDefault(), j());
+                              (e.key === "Enter" || e.key === "ArrowDown") && !l && !i && (e.preventDefault(), W.current = !0, k(!0)), e.key === "Escape" && l && (e.preventDefault(), j());
                             },
                             placeholder: l ? n : G,
-                            disabled: !!N,
+                            disabled: !!i,
                             "aria-label": "End Date",
                             "data-field": "end",
-                            className: f(
+                            className: p(
                               "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
-                              De ? "text-destructive" : we ? "text-content-muted" : ""
+                              ye ? "text-destructive" : we ? "text-content-muted" : ""
                             )
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ d("div", { className: "flex items-center gap-1 shrink-0", children: [
-                        t?.from && !N && /* @__PURE__ */ d(_, { children: [
+                      /* @__PURE__ */ f("div", { className: "flex items-center gap-1 shrink-0", children: [
+                        t?.from && !i && /* @__PURE__ */ f(_, { children: [
                           /* @__PURE__ */ r(F, { asChild: !0, children: /* @__PURE__ */ r(
                             Ne,
                             {
@@ -195,11 +197,11 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                           ) }),
                           /* @__PURE__ */ r(ee, { variant: "tertiary", side: "top", children: V("calendar.clear") })
                         ] }),
-                        /* @__PURE__ */ d(_, { children: [
+                        /* @__PURE__ */ f(_, { children: [
                           /* @__PURE__ */ r(F, { asChild: !0, children: /* @__PURE__ */ r("button", { type: "button", tabIndex: 0, "aria-label": V("datePicker.selectWeekRange"), onClick: (e) => {
-                            e.stopPropagation(), g(!l);
+                            e.stopPropagation(), i || k(!l);
                           }, onKeyDown: (e) => {
-                            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), W.current = !0, g(!l));
+                            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), i || (W.current = !0, k(!l)));
                           }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ r(Re, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
                           /* @__PURE__ */ r(ee, { variant: "tertiary", side: "top", children: V("datePicker.selectWeekRange") })
                         ] })
@@ -220,14 +222,14 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                       {
                         pickerType: "week",
                         weekMode: "range",
-                        selectedWeeks: y,
+                        selectedWeeks: v,
                         onWeekSelect: pe,
                         month: fe,
                         onMonthChange: L,
                         disabled: { before: ne, after: oe },
                         startMonth: le,
                         endMonth: re,
-                        showFooter: b,
+                        showFooter: y,
                         calendarType: K,
                         fiscalMode: M,
                         selectionMode: z,
@@ -243,23 +245,23 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
                   }
                 )
               ] }),
-              I && A === "absolute" && /* @__PURE__ */ d("div", { className: f("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", D && "text-destructive"), children: [
+              I && A === "absolute" && /* @__PURE__ */ f("div", { className: p("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", b && "text-destructive"), children: [
                 /* @__PURE__ */ r(
                   Z,
                   {
                     size: "xs",
-                    className: f(
+                    className: p(
                       "shrink-0",
-                      D ? "text-destructive" : "text-content-muted"
+                      b ? "text-destructive" : "text-content-muted"
                     )
                   }
                 ),
                 /* @__PURE__ */ r(
                   "p",
                   {
-                    className: f(
+                    className: p(
                       "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                      D && "text-destructive"
+                      b && "text-destructive"
                     ),
                     children: I
                   }
@@ -269,23 +271,23 @@ const a = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, Ae = c
           }
         )
       ] }),
-      I && A === "flow" && /* @__PURE__ */ d("div", { className: f("flex items-center gap-[6px]", D && "text-destructive"), children: [
+      I && A === "flow" && /* @__PURE__ */ f("div", { className: p("flex items-center gap-[6px]", b && "text-destructive"), children: [
         /* @__PURE__ */ r(
           Z,
           {
             size: "xs",
-            className: f(
+            className: p(
               "shrink-0",
-              D ? "text-destructive" : "text-content-muted"
+              b ? "text-destructive" : "text-content-muted"
             )
           }
         ),
         /* @__PURE__ */ r(
           "p",
           {
-            className: f(
+            className: p(
               "text-[12px] font-medium leading-[18px] text-navigation-muted",
-              D && "text-destructive"
+              b && "text-destructive"
             ),
             children: I
           }

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

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import * as B from "react";
 import { ChevronDown as E } from "lucide-react";
-import { Accordion as P, AccordionItem as V, AccordionTrigger as _, AccordionContent as R } from "../accordion.js";
-import { Badge as I } from "../badge.js";
+import { Accordion as P, AccordionItem as V, AccordionTrigger as R, AccordionContent as I } from "../accordion.js";
+import { Badge as _ } from "../badge.js";
 import { Checkbox as z } from "../checkbox.js";
 import { FilterPopoverContent as D } from "../filter-strip/filter-tag-list.js";
 import { Popover as M, PopoverTrigger as j } from "../popover.js";
@@ -28,7 +28,7 @@ function X({ section: a }) {
     /* @__PURE__ */ e("p", { className: "text-xs font-semibold leading-5 text-content-heading", children: a.title ?? "Attributes" }),
     /* @__PURE__ */ t("div", { className: "mt-2 flex flex-wrap gap-1.5", children: [
       s.map((c, u) => /* @__PURE__ */ e(
-        I,
+        _,
         {
           variant: "subtle",
           color: "neutral",
@@ -107,7 +107,7 @@ const H = B.forwardRef(
     collapseAriaLabel: T = "Collapse details",
     ...b
   }, g) => {
-    const w = d !== void 0, S = w ? d ? h : "" : void 0, m = !!(o || n?.checked), $ = f != null && f.length > 0 || v != null, N = (r) => /* @__PURE__ */ t(
+    const N = d !== void 0, S = N ? d ? h : "" : void 0, m = !!(o || n?.checked), $ = f != null && f.length > 0 || v != null, w = (r) => /* @__PURE__ */ t(
       "div",
       {
         className: p(
@@ -172,7 +172,7 @@ const H = B.forwardRef(
             type: "single",
             collapsible: !0,
             disabled: x,
-            ...w ? { value: S } : {
+            ...N ? { value: S } : {
               defaultValue: c ? h : void 0
             },
             onValueChange: (r) => u?.(r === h),
@@ -185,7 +185,7 @@ const H = B.forwardRef(
                   /* @__PURE__ */ t("div", { className: "flex items-start gap-3 px-3 py-3", children: [
                     C,
                     /* @__PURE__ */ t(
-                      _,
+                      R,
                       {
                         variant: "plain",
                         className: p(
@@ -193,11 +193,11 @@ const H = B.forwardRef(
                           x && "pointer-events-none opacity-50"
                         ),
                         children: [
-                          N(!1),
+                          w(!1),
                           /* @__PURE__ */ e(
                             "span",
                             {
-                              className: "expandable-sku-row__chev mt-0.5 inline-flex shrink-0 text-content-muted transition-transform duration-200 group-data-[state=open]:rotate-180",
+                              className: "mt-0.5 inline-flex shrink-0 text-content-muted transition-transform duration-200 group-data-[state=open]:rotate-180",
                               "aria-hidden": !0,
                               children: /* @__PURE__ */ e(E, { className: "size-4" })
                             }
@@ -211,7 +211,7 @@ const H = B.forwardRef(
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ e(R, { className: "border-0 bg-transparent p-0 pb-[0.01rem]", children: /* @__PURE__ */ t("div", { className: "mx-2 mb-2 overflow-hidden  bg-[#f8f9fb] pt-2 rounded-lg", children: [
+                  /* @__PURE__ */ e(I, { className: "border-0 bg-transparent p-0 pb-[0.01rem]", children: /* @__PURE__ */ t("div", { className: "mx-2 mb-2 overflow-hidden  bg-[#f8f9fb] pt-2 rounded-lg", children: [
                     f?.map((r) => G(r)),
                     v ? /* @__PURE__ */ e("div", { className: "px-4 py-3 sm:px-5", children: v }) : null
                   ] }) })
@@ -233,7 +233,7 @@ const H = B.forwardRef(
         ...b,
         children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3 px-3 py-3", children: [
           C,
-          N(!!x)
+          w(!!x)
         ] })
       }
     );

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

@@ -1,17 +1,24 @@
 import { FilterItem } from '../types/filter-strip.types';
+import * as React from "react";
 interface FilterTagListProps {
     filters: FilterItem[];
     onFilterRemove: (id: string, value?: string | number) => void;
     onOverflowClick?: (id: string) => void;
     onViewAll?: () => void;
 }
-declare const FilterPopoverContent: ({ remainingValues, viewAllTrigger, onViewAll, onItemRemove, isRemovable, isCopyable }: {
+interface ExternalCopyFunctionProps {
+    e: React.MouseEvent<HTMLButtonElement>;
+    val: string | number;
+    index: number;
+}
+declare const FilterPopoverContent: ({ remainingValues, viewAllTrigger, onViewAll, onItemRemove, isRemovable, isCopyable, externalCopyFunction }: {
     remainingValues: (string | number)[];
     viewAllTrigger?: "expand" | "custom";
     onViewAll?: () => void;
     onItemRemove: (val: string | number) => void;
     isRemovable?: boolean;
     isCopyable?: boolean;
+    externalCopyFunction?: (props: ExternalCopyFunctionProps) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const FilterTagList: ({ filters, onFilterRemove: _onFilterRemove, onOverflowClick, onViewAll, }: FilterTagListProps) => import("react/jsx-runtime").JSX.Element;
 export { FilterTagList, FilterPopoverContent };