impact-nova 2.1.0-alpha.4 → 2.1.0-alpha.6

package/dist/components/forms/date-picker/date-range-picker.js

@@ -133,7 +133,7 @@ const ve = m.forwardRef(
                     "data-field": "start",
                     className: A(
                       "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" : ge ? "text-content-muted" : ""
+                      De ? "text-destructive" : ge ? "text-content-placeholder" : ""
                     ),
                     ...le
                   }
@@ -161,7 +161,7 @@ const ve = m.forwardRef(
                     "data-field": "end",
                     className: A(
                       "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" : ye ? "text-content-muted" : ""
+                      be ? "text-destructive" : ye ? "text-content-placeholder" : ""
                     )
                   }
                 )
@@ -181,7 +181,7 @@ const ve = m.forwardRef(
                         (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), v());
                       },
                       className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ d(we, { className: "size-3 hover:text-content text-content-muted" })
+                      children: /* @__PURE__ */ d(we, { className: "size-3 hover:text-content text-content-icon" })
                     }
                   ) }),
                   /* @__PURE__ */ d(Q, { variant: "tertiary", side: "top", children: P("calendar.clear") })

package/dist/components/forms/date-picker/month-picker.js

@@ -79,7 +79,7 @@ const l = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, at =
           "data-form-control": "input",
           className: U(
             "cursor-pointer",
-            K ? "text-destructive" : D ? "text-content-muted" : "",
+            K ? "text-destructive" : D ? "text-content-placeholder" : "",
             B
           ),
           suffix: /* @__PURE__ */ u("div", { className: "flex items-center gap-1", children: [

package/dist/components/forms/date-picker/month-range-picker.js

@@ -1,5 +1,5 @@
-import { jsx as m, jsxs as P } from "react/jsx-runtime";
-import * as u from "react";
+import { jsx as p, jsxs as P } from "react/jsx-runtime";
+import * as h from "react";
 import { Cross as we, CalendarMonth as Ye } from "impact-nova-icons";
 import { isValid as w, parse as Y } from "date-fns";
 import { cn as v, padValidDateString as R, maskDate as q } from "../../../lib/utils.js";
@@ -10,14 +10,14 @@ import { Tooltip as G, TooltipTrigger as J, TooltipContent as L } from "../../fe
 import { useImpactNovaI18n as Se } from "../../../i18n/use-impact-nova-i18n.js";
 import { coerceMonthRangeApply as Ee, isMonthRangeSelection as Pe } from "./calendar-selection-adapters.js";
 import { buildDateBoundsMatcher as Re } from "../../../lib/date-bounds-matcher.js";
-const p = (e, i = "MM/YYYY") => {
+const m = (e, i = "MM/YYYY") => {
   const A = (e.month + 1).toString().padStart(2, "0");
   return i === "YYYY/MM" ? `${e.year}/${A}` : `${A}/${e.year}`;
 };
-function h(e) {
+function u(e) {
   return { month: e.getMonth(), year: e.getFullYear() };
 }
-const Ie = u.forwardRef(
+const Ie = h.forwardRef(
   ({
     value: e,
     onChange: i,
@@ -49,25 +49,25 @@ const Ie = u.forwardRef(
       required: ne,
       disabled: l ?? void 0,
       rootClassName: "w-full min-w-[240px]"
-    }), { t: b } = Se(), $ = u.useRef(null), se = u.useRef(null), c = u.useMemo(
+    }), { t: b } = Se(), $ = h.useRef(null), se = h.useRef(null), c = h.useMemo(
       () => a === "YYYY/MM" ? "yyyy/MM" : "MM/yyyy",
       [a]
     );
-    u.useImperativeHandle(oe, () => $.current);
-    const [d, g] = u.useState(!1), V = u.useRef(!1), [E, x] = u.useState(e), [y, D] = u.useState(e?.from ? p(e.from, a) : ""), [k, S] = u.useState(e?.to ? p(e.to, a) : ""), [ie, N] = u.useState(() => e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date());
-    u.useEffect(() => {
-      d || (D(e?.from ? p(e.from, a) : ""), S(e?.to ? p(e.to, a) : ""), x(e));
-    }, [d, e, a]), u.useEffect(() => {
-      d && (x(e), D(e?.from ? p(e.from, a) : ""), S(e?.to ? p(e.to, a) : ""), N(e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date()));
+    h.useImperativeHandle(oe, () => $.current);
+    const [d, g] = h.useState(!1), V = h.useRef(!1), [E, x] = h.useState(e), [y, D] = h.useState(e?.from ? m(e.from, a) : ""), [k, S] = h.useState(e?.to ? m(e.to, a) : ""), [ie, N] = h.useState(() => e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date());
+    h.useEffect(() => {
+      d || (D(e?.from ? m(e.from, a) : ""), S(e?.to ? m(e.to, a) : ""), x(e));
+    }, [d, e, a]), h.useEffect(() => {
+      d && (x(e), D(e?.from ? m(e.from, a) : ""), S(e?.to ? m(e.to, a) : ""), N(e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date()));
     }, [d, e, a, I]);
     const ce = (t) => {
       const n = Pe(t) ? t : void 0;
-      x(n), n?.from && D(p(n.from, a)), n?.to && S(p(n.to, a)), !M && n?.from && n?.to && (n.from.month !== n.to.month || n.from.year !== n.to.year) && (i?.(n), g(!1));
+      x(n), n?.from && D(m(n.from, a)), n?.to && S(m(n.to, a)), !M && n?.from && n?.to && (n.from.month !== n.to.month || n.from.year !== n.to.year) && (i?.(n), g(!1));
     }, de = (t) => {
       const n = Ee(t, E);
       i?.(n), g(!1);
     }, T = () => {
-      x(e), D(e?.from ? p(e.from, a) : ""), S(e?.to ? p(e.to, a) : ""), g(!1);
+      x(e), D(e?.from ? m(e.from, a) : ""), S(e?.to ? m(e.to, a) : ""), g(!1);
     }, j = () => {
       x(void 0), D(""), S(""), i?.(void 0), M || g(!1);
     }, fe = (t) => {
@@ -97,22 +97,22 @@ const Ie = u.forwardRef(
     }, O = () => {
       if (d) return;
       const t = R(y, c), n = R(k, c), s = Y(t, c, /* @__PURE__ */ new Date()), r = Y(n, c, /* @__PURE__ */ new Date()), o = w(s) && t.length === 7, f = w(r) && n.length === 7;
-      y && !o ? D(e?.from ? p(e.from, a) : "") : o && D(t), k && !f ? S(e?.to ? p(e.to, a) : "") : f && S(n), o && f && !M ? i?.({
-        from: h(s),
-        to: h(r)
+      y && !o ? D(e?.from ? m(e.from, a) : "") : o && D(t), k && !f ? S(e?.to ? m(e.to, a) : "") : f && S(n), o && f && !M ? i?.({
+        from: u(s),
+        to: u(r)
       }) : o && !M ? i?.({
-        from: h(s),
+        from: u(s),
         to: e?.to
       }) : f && !M && i?.({
         from: e?.from,
-        to: h(r)
+        to: u(r)
       });
-    }, me = e?.from ? p(e.from, a) : "", pe = e?.to ? p(e.to, a) : "", ue = y !== me, he = k !== pe, ge = y.length === 7 && !w(Y(y, c, /* @__PURE__ */ new Date())), Me = k.length === 7 && !w(Y(k, c, /* @__PURE__ */ new Date())), z = b("datePicker.startMonth"), H = b("datePicker.endMonth");
-    return /* @__PURE__ */ m("div", { "data-component": "month-range-picker", "data-disabled": l || void 0, children: ae.wrapControl(
+    }, pe = e?.from ? m(e.from, a) : "", me = e?.to ? m(e.to, a) : "", he = y !== pe, ue = k !== me, ge = y.length === 7 && !w(Y(y, c, /* @__PURE__ */ new Date())), Me = k.length === 7 && !w(Y(k, c, /* @__PURE__ */ new Date())), z = b("datePicker.startMonth"), H = b("datePicker.endMonth");
+    return /* @__PURE__ */ p("div", { "data-component": "month-range-picker", "data-disabled": l || void 0, children: ae.wrapControl(
       /* @__PURE__ */ P(xe, { open: l ? !1 : d, onOpenChange: (t) => {
         l || g(t);
       }, children: [
-        /* @__PURE__ */ m(ye, { asChild: !0, children: /* @__PURE__ */ P(
+        /* @__PURE__ */ p(ye, { asChild: !0, children: /* @__PURE__ */ P(
           "div",
           {
             "data-state": d ? "open" : "closed",
@@ -126,7 +126,7 @@ const Ie = u.forwardRef(
             ),
             children: [
               /* @__PURE__ */ P("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                /* @__PURE__ */ m(
+                /* @__PURE__ */ p(
                   "input",
                   {
                     ref: $,
@@ -140,14 +140,14 @@ const Ie = u.forwardRef(
                         t.preventDefault();
                         const n = R(y, c), s = R(k, c), r = Y(n, c, /* @__PURE__ */ new Date()), o = Y(s, c, /* @__PURE__ */ new Date()), f = w(r) && n.length === 7, C = w(o) && s.length === 7;
                         f && C ? i?.({
-                          from: h(r),
-                          to: h(o)
+                          from: u(r),
+                          to: u(o)
                         }) : f ? i?.({
-                          from: h(r),
+                          from: u(r),
                           to: e?.to
                         }) : C && i?.({
                           from: e?.from,
-                          to: h(o)
+                          to: u(o)
                         });
                       }
                       t.key === "ArrowDown" && !d && !l && (t.preventDefault(), V.current = !0, g(!0)), t.key === "Escape" && d && (t.preventDefault(), T());
@@ -158,12 +158,12 @@ const Ie = u.forwardRef(
                     "data-field": "start",
                     className: v(
                       "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",
-                      ge ? "text-destructive" : ue ? "text-content-muted" : ""
+                      ge ? "text-destructive" : he ? "text-content-placeholder" : ""
                     ),
                     ...re
                   }
                 ),
-                /* @__PURE__ */ m(
+                /* @__PURE__ */ p(
                   "input",
                   {
                     ref: se,
@@ -177,14 +177,14 @@ const Ie = u.forwardRef(
                         t.preventDefault();
                         const n = R(y, c), s = R(k, c), r = Y(n, c, /* @__PURE__ */ new Date()), o = Y(s, c, /* @__PURE__ */ new Date()), f = w(r) && n.length === 7, C = w(o) && s.length === 7;
                         f && C ? i?.({
-                          from: h(r),
-                          to: h(o)
+                          from: u(r),
+                          to: u(o)
                         }) : f ? i?.({
-                          from: h(r),
+                          from: u(r),
                           to: e?.to
                         }) : C && i?.({
                           from: e?.from,
-                          to: h(o)
+                          to: u(o)
                         });
                       }
                       t.key === "ArrowDown" && !d && !l && (t.preventDefault(), V.current = !0, g(!0)), t.key === "Escape" && d && (t.preventDefault(), T());
@@ -195,14 +195,14 @@ const Ie = u.forwardRef(
                     "data-field": "end",
                     className: v(
                       "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",
-                      Me ? "text-destructive" : he ? "text-content-muted" : ""
+                      Me ? "text-destructive" : ue ? "text-content-placeholder" : ""
                     )
                   }
                 )
               ] }),
               /* @__PURE__ */ P("div", { className: "flex items-center gap-1 shrink-0", children: [
                 e?.from && !l && /* @__PURE__ */ P(G, { children: [
-                  /* @__PURE__ */ m(J, { asChild: !0, children: /* @__PURE__ */ m(
+                  /* @__PURE__ */ p(J, { asChild: !0, children: /* @__PURE__ */ p(
                     "button",
                     {
                       type: "button",
@@ -215,24 +215,24 @@ const Ie = u.forwardRef(
                         (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), j());
                       },
                       className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ m(we, { className: "size-3 hover:text-content text-content-muted" })
+                      children: /* @__PURE__ */ p(we, { className: "size-3 hover:text-content text-content-icon" })
                     }
                   ) }),
-                  /* @__PURE__ */ m(L, { variant: "tertiary", side: "top", children: b("calendar.clear") })
+                  /* @__PURE__ */ p(L, { variant: "tertiary", side: "top", children: b("calendar.clear") })
                 ] }),
                 /* @__PURE__ */ P(G, { children: [
-                  /* @__PURE__ */ m(J, { asChild: !0, children: /* @__PURE__ */ m("button", { type: "button", tabIndex: 0, "aria-label": b("datePicker.selectMonthRange"), onClick: (t) => {
+                  /* @__PURE__ */ p(J, { asChild: !0, children: /* @__PURE__ */ p("button", { type: "button", tabIndex: 0, "aria-label": b("datePicker.selectMonthRange"), onClick: (t) => {
                     t.stopPropagation(), l || g(!d);
                   }, onKeyDown: (t) => {
                     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), l || (V.current = !0, g(!d)));
-                  }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ m(Ye, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                  /* @__PURE__ */ m(L, { variant: "tertiary", side: "top", children: b("datePicker.selectMonthRange") })
+                  }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ p(Ye, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                  /* @__PURE__ */ p(L, { variant: "tertiary", side: "top", children: b("datePicker.selectMonthRange") })
                 ] })
               ] })
             ]
           }
         ) }),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ p(
           ke,
           {
             className: "w-auto p-0",
@@ -241,7 +241,7 @@ const Ie = u.forwardRef(
             onOpenAutoFocus: (t) => {
               V.current || t.preventDefault(), V.current = !1;
             },
-            children: /* @__PURE__ */ m(
+            children: /* @__PURE__ */ p(
               De,
               {
                 pickerType: "month",

package/dist/components/forms/date-picker/week-picker.js

@@ -10,7 +10,7 @@ import { Tooltip as E, TooltipTrigger as O, TooltipContent as $ } from "../../fe
 import { resolveWeekSelection as fe } from "../../../lib/fiscal-calendar.js";
 import { useImpactNovaI18n as he } from "../../../i18n/use-impact-nova-i18n.js";
 import { getDateFnsLocale as ue } from "../../../i18n/getDateFnsLocale.js";
-import { coerceSingleWeekApply as me, coerceSingleWeek as ke } from "./calendar-selection-adapters.js";
+import { coerceSingleWeekApply as ke, coerceSingleWeek as me } from "./calendar-selection-adapters.js";
 import { buildDateBoundsMatcher as ge } from "../../../lib/date-bounds-matcher.js";
 const d = (e, s = "MM/dd/yyyy", n) => {
   const W = z(e.startDate, s, n ? { locale: n } : {}), D = z(e.endDate, s, n ? { locale: n } : {});
@@ -36,7 +36,7 @@ const d = (e, s = "MM/dd/yyyy", n) => {
     className: J,
     ...K
   }, Q) => {
-    const { locale: A, t: k } = he(), r = i.useMemo(() => ue(A), [A]), U = W ?? k("datePicker.selectWeek"), L = i.useRef(null);
+    const { locale: A, t: m } = he(), r = i.useMemo(() => ue(A), [A]), U = W ?? m("datePicker.selectWeek"), L = i.useRef(null);
     i.useImperativeHandle(Q, () => L.current);
     const [l, h] = i.useState(!1), [T, a] = i.useState(e), [u, p] = i.useState(e ? d(e, n, r) : ""), [X, C] = i.useState(e?.startDate || /* @__PURE__ */ new Date());
     i.useEffect(() => {
@@ -45,10 +45,10 @@ const d = (e, s = "MM/dd/yyyy", n) => {
       l && (a(e), C(e?.startDate || /* @__PURE__ */ new Date()), p(e ? d(e, n, r) : ""));
     }, [l, e, n, r]);
     const Z = (t) => {
-      const c = ke(t);
+      const c = me(t);
       a(c), c && p(d(c, n, r)), f || (s?.(c), h(!1));
     }, _ = (t) => {
-      const c = me(t, T);
+      const c = ke(t, T);
       s?.(c), h(!1);
     }, Y = () => {
       a(e), p(e ? d(e, n, r) : ""), h(!1);
@@ -62,13 +62,13 @@ const d = (e, s = "MM/dd/yyyy", n) => {
       fiscalYearStartMonth: M,
       weekStartsOn: V
     }), F = (t) => {
-      const c = t.target.value, m = ie(c, n, u);
-      if (p(m), m === "") {
+      const c = t.target.value, k = ie(c, n, u);
+      if (p(k), k === "") {
         a(void 0), f || s?.(void 0);
         return;
       }
-      const w = S(m, n, /* @__PURE__ */ new Date(), { locale: r });
-      if (x(w) && m.length === n.length) {
+      const w = S(k, n, /* @__PURE__ */ new Date(), { locale: r });
+      if (x(w) && k.length === n.length) {
         const v = j(w);
         a(v), C(w), f || s?.(v);
       }
@@ -78,8 +78,8 @@ const d = (e, s = "MM/dd/yyyy", n) => {
       if (!x(c) || t.length !== n.length)
         p(e ? d(e, n, r) : ""), a(e);
       else if (p(t), !f) {
-        const m = j(c);
-        s?.(m);
+        const k = j(c);
+        s?.(k);
       }
     }, B = (e ? d(e, n, r) : "") !== u, ne = u.length === n.length && !x(S(u, n, /* @__PURE__ */ new Date(), { locale: r }));
     return /* @__PURE__ */ y(le, { open: l, onOpenChange: (t) => !g && h(t), children: [
@@ -96,7 +96,7 @@ const d = (e, s = "MM/dd/yyyy", n) => {
           "data-form-control": "input",
           className: oe(
             "cursor-pointer",
-            ne ? "text-destructive" : B ? "text-content-muted" : "",
+            ne ? "text-destructive" : B ? "text-content-placeholder" : "",
             J
           ),
           suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
@@ -106,7 +106,7 @@ const d = (e, s = "MM/dd/yyyy", n) => {
                 {
                   type: "button",
                   tabIndex: 0,
-                  "aria-label": k("calendar.clear"),
+                  "aria-label": m("calendar.clear"),
                   onClick: (t) => {
                     t.stopPropagation(), R();
                   },
@@ -114,11 +114,11 @@ const d = (e, s = "MM/dd/yyyy", n) => {
                   children: /* @__PURE__ */ o(te, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: k("calendar.clear") })
+              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: m("calendar.clear") })
             ] }),
             /* @__PURE__ */ y(E, { children: [
               /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(re, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: k("datePicker.selectWeek") })
+              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: m("datePicker.selectWeek") })
             ] })
           ] }),
           ...K
@@ -129,7 +129,7 @@ const d = (e, s = "MM/dd/yyyy", n) => {
         {
           className: "w-auto p-0",
           align: "start",
-          "aria-label": k("datePicker.selectWeek"),
+          "aria-label": m("datePicker.selectWeek"),
           onOpenAutoFocus: (t) => t.preventDefault(),
           children: /* @__PURE__ */ o(
             de,

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

@@ -145,7 +145,7 @@ const i = (e) => e?.from ? e.to ? e.to.endDate : e.from.endDate : void 0, I = (e
                     "data-field": "start",
                     className: A(
                       "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",
-                      Re ? "text-destructive" : ye ? "text-content-muted" : ""
+                      Re ? "text-destructive" : ye ? "text-content-placeholder" : ""
                     ),
                     ...de
                   }
@@ -168,7 +168,7 @@ const i = (e) => e?.from ? e.to ? e.to.endDate : e.from.endDate : void 0, I = (e
                     "data-field": "end",
                     className: A(
                       "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",
-                      Ce ? "text-destructive" : xe ? "text-content-muted" : ""
+                      Ce ? "text-destructive" : xe ? "text-content-placeholder" : ""
                     )
                   }
                 )
@@ -185,7 +185,7 @@ const i = (e) => e?.from ? e.to ? e.to.endDate : e.from.endDate : void 0, I = (e
                         t.stopPropagation(), J();
                       },
                       className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ a(Pe, { className: "size-3 hover:text-content text-content-muted" })
+                      children: /* @__PURE__ */ a(Pe, { className: "size-3 hover:text-content text-content-icon" })
                     }
                   ) }),
                   /* @__PURE__ */ a($, { variant: "tertiary", side: "top", children: x("calendar.clear") })

package/dist/components/forms/file-upload/file-upload.js

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as c, Fragment as k } from "react/jsx-runtime";
-import * as n from "react";
+import * as o from "react";
 import { cn as f } from "../../../lib/utils.js";
 import { Cross as T, Eye as I, Delete as L, Document as B } from "impact-nova-icons";
 import { FileUpload as M, Text as A, Csv as E, Excel as O } from "../../ui/local-raster-icons/rasterIcons.js";
 import { Tooltip as U, TooltipTrigger as C, TooltipContent as D } from "../../feedback/tooltip/tooltip.js";
 import { useImpactNovaI18n as z } from "../../../i18n/use-impact-nova-i18n.js";
-const R = n.createContext(void 0), j = () => {
-  const a = n.useContext(R);
+const R = o.createContext(void 0), j = () => {
+  const a = o.useContext(R);
   if (!a)
     throw new Error("useFileUpload must be used within a FileUpload component");
   return a;
-}, S = n.forwardRef(
+}, S = o.forwardRef(
   ({
     className: a,
     children: t,
@@ -21,13 +21,13 @@ const R = n.createContext(void 0), j = () => {
     value: u = [],
     ...p
   }, b) => {
-    const [h, x] = n.useState(u);
-    n.useEffect(() => {
+    const [h, x] = o.useState(u);
+    o.useEffect(() => {
       x(u);
     }, [u]);
-    const g = (o) => {
+    const g = (n) => {
       if (m) return;
-      let s = o;
+      let s = n;
       d.length > 0 && (s = s.filter((y) => {
         const w = y.name.split(".").pop()?.toLowerCase();
         return w && d.includes(w);
@@ -39,9 +39,9 @@ const R = n.createContext(void 0), j = () => {
         const y = [...h, ...F];
         x(y), l?.(y);
       }
-    }, N = (o) => {
+    }, N = (n) => {
       if (m) return;
-      const s = h.filter((v) => v !== o);
+      const s = h.filter((v) => v !== n);
       x(s), l?.(s);
     };
     return /* @__PURE__ */ e(
@@ -64,7 +64,7 @@ const R = n.createContext(void 0), j = () => {
   }
 );
 S.displayName = "FileUpload";
-const P = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+const P = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
@@ -77,7 +77,7 @@ const P = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__
   }
 ));
 P.displayName = "FileUploadContent";
-const H = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+const H = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
@@ -87,7 +87,7 @@ const H = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__
   }
 ));
 H.displayName = "FileUploadHeader";
-const Z = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+const Z = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "h3",
   {
     ref: r,
@@ -97,7 +97,7 @@ const Z = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__
   }
 ));
 Z.displayName = "FileUploadTitle";
-const $ = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+const $ = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "p",
   {
     ref: r,
@@ -110,7 +110,7 @@ const $ = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__
   }
 ));
 $.displayName = "FileUploadDescription";
-const G = n.forwardRef(({ className: a, ...t }, l) => {
+const G = o.forwardRef(({ className: a, ...t }, l) => {
   const { t: r } = z(), d = r("aria.close");
   return /* @__PURE__ */ c(U, { children: [
     /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
@@ -131,11 +131,11 @@ const G = n.forwardRef(({ className: a, ...t }, l) => {
   ] });
 });
 G.displayName = "FileUploadClose";
-const K = n.forwardRef(({ className: a, label: t, subLabel: l, ...r }, d) => {
-  const { addFiles: m, accept: u, disabled: p, files: b, maxFiles: h } = j(), [x, g] = n.useState(!1), N = n.useRef(null);
+const K = o.forwardRef(({ className: a, label: t, subLabel: l, ...r }, d) => {
+  const { addFiles: m, accept: u, disabled: p, files: b, maxFiles: h } = j(), [x, g] = o.useState(!1), N = o.useRef(null);
   if (b.length >= h)
     return null;
-  const o = (i) => {
+  const n = (i) => {
     i.preventDefault(), p || g(!0);
   }, s = (i) => {
     i.preventDefault(), g(!1);
@@ -151,7 +151,7 @@ const K = n.forwardRef(({ className: a, label: t, subLabel: l, ...r }, d) => {
     {
       ref: d,
       onClick: F,
-      onDragOver: o,
+      onDragOver: n,
       onDragLeave: s,
       onDrop: v,
       className: f(
@@ -190,18 +190,18 @@ const K = n.forwardRef(({ className: a, label: t, subLabel: l, ...r }, d) => {
   );
 });
 K.displayName = "FileUploadDropZone";
-const V = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e("div", { ref: r, className: f("flex flex-col gap-3", a), ...l, children: t }));
+const V = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e("div", { ref: r, className: f("flex flex-col gap-3", a), ...l, children: t }));
 V.displayName = "FileUploadList";
-const q = n.forwardRef(
+const q = o.forwardRef(
   ({ className: a, file: t, onRemove: l, onView: r, onClick: d, ...m }, u) => {
-    const { t: p } = z(), { removeFile: b, disabled: h } = j(), x = (o) => {
-      o.stopPropagation(), l ? l() : b(t);
-    }, g = (o) => {
-      if (o === 0) return "0 B";
-      const s = 1024, v = ["B", "KB", "MB", "GB"], F = Math.floor(Math.log(o) / Math.log(s));
-      return parseFloat((o / Math.pow(s, F)).toFixed(2)) + " " + v[F];
-    }, N = (o) => {
-      switch (o.split(".").pop()?.toLowerCase()) {
+    const { t: p } = z(), { removeFile: b, disabled: h } = j(), x = (n) => {
+      n.stopPropagation(), l ? l() : b(t);
+    }, g = (n) => {
+      if (n === 0) return "0 B";
+      const s = 1024, v = ["B", "KB", "MB", "GB"], F = Math.floor(Math.log(n) / Math.log(s));
+      return parseFloat((n / Math.pow(s, F)).toFixed(2)) + " " + v[F];
+    }, N = (n) => {
+      switch (n.split(".").pop()?.toLowerCase()) {
         case "xls":
         case "xlsx":
           return /* @__PURE__ */ e(O, { size: 36 });
@@ -235,7 +235,7 @@ const q = n.forwardRef(
                 /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-xs font-bold text-content leading-[18px] line-clamp-1 break-all cursor-default", children: t.name }) }),
                 /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: t.name })
               ] }),
-              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-content-muted leading-[16px]", children: g(t.size) })
+              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-secondary-foreground leading-[16px]", children: g(t.size) })
             ] })
           ] }),
           /* @__PURE__ */ c("div", { className: "flex items-center gap-4 shrink-0", children: [
@@ -243,8 +243,8 @@ const q = n.forwardRef(
               /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: (o) => {
-                    o.stopPropagation(), r();
+                  onClick: (n) => {
+                    n.stopPropagation(), r();
                   },
                   className: "flex items-center justify-center text-content-tertiary hover:text-content transition-colors",
                   type: "button",
@@ -274,7 +274,7 @@ const q = n.forwardRef(
   }
 );
 q.displayName = "FileUploadItem";
-const J = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+const J = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,

package/dist/components/forms/input/input.js

@@ -10,13 +10,13 @@ const V = C(
     type: f,
     label: i,
     helperText: a,
-    helperTextPosition: d = "absolute",
+    helperTextPosition: l = "absolute",
     labelOrientation: b,
     error: h,
     isError: x,
     size: y,
     disabled: e,
-    prefix: l,
+    prefix: d,
     suffix: c,
     prefixClick: s,
     suffixClick: m,
@@ -26,7 +26,7 @@ const V = C(
     const t = h ?? x, j = !!(i || a || t), n = B({
       label: i,
       helperText: a,
-      helperTextPosition: d,
+      helperTextPosition: l,
       labelOrientation: b,
       error: t,
       required: u.required === !0 ? !0 : void 0,
@@ -36,7 +36,7 @@ const V = C(
       "div",
       {
         className: r(
-          a && d === "absolute" && "relative"
+          a && l === "absolute" && "relative"
         ),
         children: /* @__PURE__ */ w(
           "div",
@@ -53,15 +53,15 @@ const V = C(
               e && "bg-disabled-surface"
             ),
             children: [
-              l ? /* @__PURE__ */ o(
+              d ? /* @__PURE__ */ o(
                 "div",
                 {
                   onClick: s,
                   className: r(
-                    "flex shrink-0 items-center justify-center text-content-muted pointer-events-auto",
+                    "flex shrink-0 items-center justify-center text-content-icon pointer-events-auto",
                     s && "cursor-pointer"
                   ),
-                  children: l
+                  children: d
                 }
               ) : null,
               /* @__PURE__ */ o(
@@ -86,7 +86,7 @@ const V = C(
                 {
                   onClick: m,
                   className: r(
-                    "flex shrink-0 items-center justify-center text-content-muted pointer-events-auto",
+                    "flex shrink-0 items-center justify-center text-content-icon pointer-events-auto",
                     m && "cursor-pointer"
                   ),
                   children: c

package/dist/components/forms/input/input.variants.js

@@ -1,6 +1,6 @@
 import { cva as e } from "class-variance-authority";
-const t = e(
-  "flex w-full items-center gap-1 rounded-md border bg-transparent px-3 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-content-muted focus-within:outline-none focus-within:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
+const d = e(
+  "flex w-full items-center gap-1 rounded-md border bg-transparent px-3 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-content-placeholder focus-within:outline-none focus-within:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
   {
     variants: {
       error: {
@@ -25,5 +25,5 @@ const t = e(
   }
 );
 export {
-  t as inputVariants
+  d as inputVariants
 };

package/dist/components/forms/select/components/SelectMenuPanel.d.ts

@@ -6,7 +6,6 @@ export interface SelectMenuPanelProps {
     isReadOnly: boolean;
     id?: string;
     menuLabel: string;
-    onClose: () => void;
     children: ReactNode;
 }
-export declare function SelectMenuPanel({ menuRef, menuMinHeight, menuWidth, isReadOnly, id, menuLabel, onClose, children, }: SelectMenuPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectMenuPanel({ menuRef, menuMinHeight, menuWidth, isReadOnly, id, menuLabel, children, }: SelectMenuPanelProps): import("react/jsx-runtime").JSX.Element;