impact-nova 1.5.14 → 1.6.0

package/dist/components/ui/progress.js

@@ -1,55 +1,55 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import * as n from "react";
-import * as c from "@radix-ui/react-progress";
-import { cn as d } from "../../lib/utils.js";
-const a = n.forwardRef(
-  ({ className: u, value: r, variant: e = "default", label: s, time: t, ...m }, i) => {
-    const l = n.useMemo(() => {
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import * as l from "react";
+import * as d from "@radix-ui/react-progress";
+import { cn as c } from "../../lib/utils.js";
+const p = l.forwardRef(
+  ({ className: n, value: t, variant: e = "default", label: s, time: r, ...i }, m) => {
+    const u = l.useMemo(() => {
       if (s === !1 || s === null) return null;
       if (s && typeof s != "boolean") return s;
       if (e === "success") return "Completed";
       if (e === "destructive") return "Failed";
-      const f = `${Math.round(r || 0)}%`;
-      return t ? `${f} • ${t} seconds remaining` : f;
-    }, [s, e, r, t]);
-    return /* @__PURE__ */ p("div", { className: "w-full", "data-component": "progress", "data-variant": e, children: [
-      l && /* @__PURE__ */ o(
+      const f = `${Math.round(t || 0)}%`;
+      return r ? `${f} • ${r} seconds remaining` : f;
+    }, [s, e, t, r]);
+    return /* @__PURE__ */ a("div", { className: "w-full", "data-component": "progress", "data-variant": e, children: [
+      u && /* @__PURE__ */ o(
         "div",
         {
           "data-component": "progress-label",
-          className: d(
+          className: c(
             "text-[12px] font-medium mb-1",
-            e === "default" && "text-[#60697d]",
-            e === "success" && "text-[#057a41]",
-            e === "destructive" && "text-[#991b1b]"
+            e === "default" && "text-content-tertiary",
+            e === "success" && "text-success",
+            e === "destructive" && "text-destructive"
           ),
-          children: l
+          children: u
         }
       ),
       /* @__PURE__ */ o(
-        c.Root,
+        d.Root,
         {
-          ref: i,
-          className: d(
+          ref: m,
+          className: c(
             "relative h-2 w-full overflow-hidden rounded-full",
-            e === "default" && "bg-primary/10",
-            e === "success" && "bg-green-100",
-            e === "destructive" && "bg-red-100",
-            u
+            e === "default" && "bg-brand/10",
+            e === "success" && "bg-feedback-success-surface",
+            e === "destructive" && "bg-feedback-error-surface",
+            n
           ),
-          value: r,
-          ...m,
+          value: t,
+          ...i,
           children: /* @__PURE__ */ o(
-            c.Indicator,
+            d.Indicator,
             {
               "data-component": "progress-indicator",
-              className: d(
+              className: c(
                 "h-full w-full flex-1 transition-all",
-                e === "default" && "bg-[#4259ee]",
-                e === "success" && "bg-[#10b981]",
-                e === "destructive" && "bg-[#ef4444]"
+                e === "default" && "bg-brand",
+                e === "success" && "bg-success",
+                e === "destructive" && "bg-destructive"
               ),
-              style: { transform: `translateX(-${100 - (r || 0)}%)` }
+              style: { transform: `translateX(-${100 - (t || 0)}%)` }
             }
           )
         }
@@ -57,7 +57,7 @@ const a = n.forwardRef(
     ] });
   }
 );
-a.displayName = c.Root.displayName;
+p.displayName = d.Root.displayName;
 export {
-  a as Progress
+  p as Progress
 };

package/dist/components/ui/prompt.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import * as p from "react";
-import { cva as V } from "class-variance-authority";
-import { X as k } from "lucide-react";
+import { cva as R } from "class-variance-authority";
+import { X as V } from "lucide-react";
 import { Info3d as B, Success3d as F, Warning3d as H, Delete3d as S } from "../../icons/index.js";
 import { cn as r } from "../../lib/utils.js";
 import { Tooltip as W, TooltipTrigger as X, TooltipContent as q } from "./tooltip.js";
-import { Button as m } from "./button.js";
+import { Button as f } from "./button.js";
 import { Dialog as A, DialogContent as E, DialogHeader as G, DialogTitle as J, DialogDescription as K, DialogFooter as M } from "./dialog.js";
 import { useImpactNovaI18n as u } from "../../i18n/ImpactNovaI18nContext.js";
-const se = V("", {
+const se = R("", {
   variants: {
     variant: {
       default: "",
@@ -21,57 +21,57 @@ const se = V("", {
   defaultVariants: {
     variant: "default"
   }
-}), Q = p.forwardRef(({ className: c, ...s }, l) => {
-  const { t: i } = u();
-  return /* @__PURE__ */ a(W, { children: [
+}), Q = p.forwardRef(({ className: n, ...s }, i) => {
+  const { t: a } = u();
+  return /* @__PURE__ */ c(W, { children: [
     /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
-        ref: l,
-        className: r("text-[#60697d] hover:text-[#0d152c] transition-colors", c),
+        ref: i,
+        className: r("text-content-tertiary hover:text-content transition-colors", n),
         type: "button",
-        "aria-label": i("aria.close"),
+        "aria-label": a("aria.close"),
         ...s,
-        children: /* @__PURE__ */ e(k, { size: 16 })
+        children: /* @__PURE__ */ e(V, { size: 16 })
       }
     ) }),
-    /* @__PURE__ */ e(q, { side: "top", variant: "tertiary", children: i("aria.close") })
+    /* @__PURE__ */ e(q, { side: "top", variant: "tertiary", children: a("aria.close") })
   ] });
 });
 Q.displayName = "PromptClose";
 const U = p.forwardRef(
   ({
-    open: c,
+    open: n,
     onOpenChange: s,
-    title: l,
-    description: i,
+    title: i,
+    description: a,
     confirmLabel: x,
     cancelLabel: b,
-    onConfirm: h,
-    onCancel: g,
-    confirmVariant: N,
-    cancelVariant: w = "secondary",
+    onConfirm: g,
+    onCancel: h,
+    confirmVariant: v,
+    cancelVariant: N = "secondary",
     variant: t = "default",
-    showClose: v = !0,
+    showClose: w = !0,
     preventOutsideClick: y = !1,
-    footer: n,
+    footer: l,
     children: d,
     className: C,
     ...D
   }, j) => {
-    const { t: f } = u(), z = b ?? f("prompt.cancel"), P = x ?? f("prompt.confirm"), T = () => {
-      h?.(), s?.(!1);
-    }, I = () => {
+    const { t: m } = u(), z = b ?? m("prompt.cancel"), P = x ?? m("prompt.confirm"), T = () => {
       g?.(), s?.(!1);
-    }, o = t !== "default", L = N || (t === "destructive" ? "destructive" : "default");
-    return /* @__PURE__ */ e(A, { open: c, onOpenChange: s, ...D, children: /* @__PURE__ */ a(
+    }, k = () => {
+      h?.(), s?.(!1);
+    }, o = t !== "default", I = v || (t === "destructive" ? "destructive" : "default");
+    return /* @__PURE__ */ e(A, { open: n, onOpenChange: s, ...D, children: /* @__PURE__ */ c(
       E,
       {
         ref: j,
         "aria-describedby": void 0,
-        hideClose: !v,
-        onPointerDownOutside: (R) => {
-          y && R.preventDefault();
+        hideClose: !w,
+        onPointerDownOutside: (L) => {
+          y && L.preventDefault();
         },
         className: r(
           "max-w-[400px] gap-0",
@@ -81,15 +81,15 @@ const U = p.forwardRef(
         "data-component": "prompt",
         "data-variant": t,
         children: [
-          o && /* @__PURE__ */ a(
+          o && /* @__PURE__ */ c(
             "div",
             {
               className: r(
                 "flex h-12 w-12 items-center justify-center rounded-xl",
-                t === "info" && "bg-[#eceefd] text-[#4259ee]",
-                t === "success" && "bg-[#ebf7f1] text-[#10b981]",
-                t === "warning" && "bg-[#f6ebbf] text-[#d97706]",
-                t === "destructive" && "bg-[#fceeee] text-[#ef4444]"
+                t === "info" && "bg-brand-tint text-brand",
+                t === "success" && "bg-feedback-success-surface text-success",
+                t === "warning" && "bg-feedback-warning-surface text-content",
+                t === "destructive" && "bg-prompt-error-bg text-destructive"
               ),
               children: [
                 t === "info" && /* @__PURE__ */ e(B, { size: 24 }),
@@ -99,32 +99,32 @@ const U = p.forwardRef(
               ]
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ c(
             G,
             {
-              className: r(o && "space-y-2 items-center bg-white border-none"),
+              className: r(o && "space-y-2 items-center bg-canvas-elevated border-none"),
               children: [
                 /* @__PURE__ */ e(
                   J,
                   {
                     className: r(
-                      o && "text-[18px] font-extrabold text-[#1f2b4d]"
+                      o && "text-[18px] font-extrabold text-content"
                     ),
-                    children: l
+                    children: i
                   }
                 ),
-                i && /* @__PURE__ */ e(
+                a && /* @__PURE__ */ e(
                   K,
                   {
-                    className: r(o && "text-sm text-[#60697d]"),
-                    children: i
+                    className: r(o && "text-sm text-content-tertiary"),
+                    children: a
                   }
                 )
               ]
             }
           ),
           d && /* @__PURE__ */ e("div", { className: r("w-full py-2", o && "text-center"), children: d }),
-          n ? /* @__PURE__ */ e("div", { className: "w-full", children: n }) : /* @__PURE__ */ a(
+          l ? /* @__PURE__ */ e("div", { className: "w-full", children: l }) : /* @__PURE__ */ c(
             M,
             {
               className: r(
@@ -132,18 +132,18 @@ const U = p.forwardRef(
               ),
               children: [
                 /* @__PURE__ */ e(
-                  m,
+                  f,
                   {
-                    variant: w,
-                    onClick: I,
+                    variant: N,
+                    onClick: k,
                     className: r(o && "h-10 px-6"),
                     children: z
                   }
                 ),
                 /* @__PURE__ */ e(
-                  m,
+                  f,
                   {
-                    variant: L,
+                    variant: I,
                     onClick: T,
                     className: r(o && "h-10 px-6"),
                     children: P

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

@@ -1,77 +1,86 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import * as n from "react";
-import * as a from "@radix-ui/react-radio-group";
-import { cn as t } from "../../lib/utils.js";
+import * as r from "@radix-ui/react-radio-group";
+import { cn as a } from "../../lib/utils.js";
 import { Info as p } from "../../icons/index.js";
-const b = n.forwardRef(({ className: o, orientation: i = "horizontal", label: d, helperText: c, isError: r, required: m, ...l }, u) => /* @__PURE__ */ s(
+const f = n.forwardRef(({ className: i, orientation: s = "horizontal", label: d, helperText: c, isError: t, required: u, ...l }, m) => /* @__PURE__ */ o(
   "div",
   {
-    className: t("grid gap-1.5", o),
+    className: a("flex w-full flex-col gap-[6px]", i),
     "data-component": "radio-group",
-    "data-invalid": r || void 0,
+    "data-invalid": t || void 0,
     children: [
-      d && /* @__PURE__ */ s(
-        "label",
-        {
-          className: t(
-            "text-xs font-medium leading-[18px] text-[#60697d]",
-            // Exact legacy color
-            l.disabled && "opacity-70",
-            r && "text-destructive"
-          ),
-          children: [
-            d,
-            " ",
-            m && /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        a.Root,
-        {
-          className: t(
-            "flex gap-4 group",
-            i === "vertical" && "flex-col gap-2"
-          ),
-          "data-error": r,
-          ...l,
-          ref: u
-        }
-      ),
-      c && /* @__PURE__ */ s("div", { className: t("flex items-center gap-1", r && "text-destructive"), children: [
-        !r && /* @__PURE__ */ e(p, { size: 10, className: "shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ o("div", { className: "flex flex-col gap-[6px]", children: [
+        d && /* @__PURE__ */ o(
+          "label",
+          {
+            className: a(
+              "text-xs font-medium leading-[18px] text-content-tertiary",
+              l.disabled && "opacity-70",
+              t && "text-destructive"
+            ),
+            children: [
+              d,
+              " ",
+              u && /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
+            ]
+          }
+        ),
         /* @__PURE__ */ e(
-          "p",
+          r.Root,
           {
-            className: t(
-              "text-[10px] text-[#7a8294]",
-              // Exact legacy color
-              r && "text-destructive"
+            className: a(
+              "group flex gap-4",
+              s === "vertical" && "flex-col gap-2"
             ),
-            children: c
+            "data-error": t,
+            ...l,
+            ref: m
           }
         )
-      ] })
+      ] }),
+      c && /* @__PURE__ */ o(
+        "div",
+        {
+          className: a(
+            "flex items-center gap-[6px]",
+            t && "text-destructive"
+          ),
+          children: [
+            !t && /* @__PURE__ */ e(p, { size: "xs", className: "shrink-0 text-content-muted" }),
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: a(
+                  "text-[10px] leading-4 text-navigation-muted",
+                  t && "text-destructive"
+                ),
+                children: c
+              }
+            )
+          ]
+        }
+      )
     ]
   }
 ));
-b.displayName = a.Root.displayName;
-const f = n.forwardRef(({ className: o, ...i }, d) => /* @__PURE__ */ e(
-  a.Item,
+f.displayName = r.Root.displayName;
+const x = n.forwardRef(({ className: i, ...s }, d) => /* @__PURE__ */ e(
+  r.Item,
   {
     ref: d,
-    className: t(
-      "aspect-square h-4 w-4 rounded-full border border-tertiary-border bg-white text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:border-border data-[state=checked]:border-primary hover:border-primary",
+    className: a(
+      "aspect-square h-4 w-4 rounded-full border border-stroke-field bg-canvas-elevated text-brand shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:border-stroke data-[state=checked]:border-brand hover:border-brand",
       "group-data-[error=true]:border-destructive group-data-[error=true]:data-[state=checked]:border-destructive group-data-[error=true]:text-destructive",
-      o
+      i
     ),
     "data-component": "radio-group-item",
-    ...i,
-    children: /* @__PURE__ */ e(a.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-2.5 w-2.5 rounded-full bg-current peer-disabled:bg-accordion-bg" }) })
+    ...s,
+    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-2.5 w-2.5 rounded-full bg-current peer-disabled:bg-canvas-accordion" }) })
   }
 ));
-f.displayName = a.Item.displayName;
+x.displayName = r.Item.displayName;
 export {
-  b as RadioGroup,
-  f as RadioGroupItem
+  f as RadioGroup,
+  x as RadioGroupItem
 };

package/dist/components/ui/select/components/LabelWithSequence.js

@@ -1,18 +1,18 @@
-import { jsx as t, Fragment as r, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, Fragment as r, jsxs as n } from "react/jsx-runtime";
 import { Badge as a } from "../../badge.js";
 import "react";
-const o = ({ label: i, sequence: e }) => typeof i != "string" ? /* @__PURE__ */ t(r, { children: i }) : /* @__PURE__ */ n("div", { className: "flex items-center justify-between w-full min-w-0 gap-2", children: [
-  /* @__PURE__ */ t("span", { className: "text-sm font-medium text-gray-700 truncate flex-1 min-w-0", children: i }),
-  e !== void 0 && e > 0 && /* @__PURE__ */ t("div", { className: "flex-shrink-0 leading-none flex items-center", "data-testid": `select-option-sequence-${e}`, children: /* @__PURE__ */ t(
+const l = ({ label: i, sequence: t }) => typeof i != "string" ? /* @__PURE__ */ e(r, { children: i }) : /* @__PURE__ */ n("div", { className: "flex items-center justify-between w-full min-w-0 gap-2", children: [
+  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-content-tertiary truncate flex-1 min-w-0", children: i }),
+  t !== void 0 && t > 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 leading-none flex items-center", "data-testid": `select-option-sequence-${t}`, children: /* @__PURE__ */ e(
     a,
     {
       variant: "outline",
       color: "primary",
       className: "text-xs px-[8px] py-0.2",
-      children: e.toString()
+      children: t.toString()
     }
   ) })
 ] });
 export {
-  o as default
+  l as default
 };

package/dist/components/ui/select/components/Submenu.js

@@ -1,25 +1,25 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import * as i from "@radix-ui/react-popover";
-import { Checkbox as y } from "../../checkbox.js";
-import { ChevronRight as C, Checkmark as w } from "../../../../icons/index.js";
-import { cn as N } from "../../../../lib/utils.js";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import * as l from "@radix-ui/react-popover";
+import { Checkbox as C } from "../../checkbox.js";
+import { ChevronRight as N, Checkmark as w } from "../../../../icons/index.js";
+import { cn as S } from "../../../../lib/utils.js";
 const D = ({
   parentOption: o,
-  isMulti: c,
-  isReadOnly: l,
-  isSelected: b,
+  isMulti: i,
+  isReadOnly: c,
+  isSelected: x,
   getIndeterminateState: f,
   getSelectedCount: h,
-  handleSelect: x,
-  id: S
+  handleSelect: v,
+  id: y
 }) => {
   const d = "children" in o && Array.isArray(o.children) ? o.children : null;
   if (!d) return null;
   const u = String(o.value || "");
-  return /* @__PURE__ */ s(i.Root, { open: !0, children: [
-    /* @__PURE__ */ t(i.Anchor, { className: "absolute inset-0 pointer-events-none" }),
-    /* @__PURE__ */ t(i.Portal, { children: /* @__PURE__ */ t(
-      i.Content,
+  return /* @__PURE__ */ r(l.Root, { open: !0, children: [
+    /* @__PURE__ */ t(l.Anchor, { className: "absolute inset-0 pointer-events-none" }),
+    /* @__PURE__ */ t(l.Portal, { children: /* @__PURE__ */ t(
+      l.Content,
       {
         side: "right",
         sideOffset: 8,
@@ -27,32 +27,32 @@ const D = ({
         avoidCollisions: !0,
         collisionPadding: 8,
         onOpenAutoFocus: (e) => e.preventDefault(),
-        className: "select-submenu-container z-50 bg-white rounded-lg shadow-xl ring-1 ring-black ring-opacity-5 overflow-auto py-1 min-w-[180px] max-h-[300px]",
+        className: "select-submenu-container z-50 min-w-[180px] max-h-[300px] overflow-auto rounded-xl bg-canvas-elevated py-1 shadow-elevation-floating",
         "data-component": "select-menu",
         children: d.map((e) => {
-          const n = b(e), v = f(e), a = e.isDisabled, m = h(e), r = "children" in e && Array.isArray(e.children) && e.children.length > 0, p = e.isParentSelectable !== !1, g = String(e.value || "");
-          return /* @__PURE__ */ s(
+          const n = x(e), g = f(e), a = e.isDisabled, m = h(e), s = "children" in e && Array.isArray(e.children) && e.children.length > 0, p = e.isParentSelectable !== !1, b = String(e.value || "");
+          return /* @__PURE__ */ r(
             "div",
             {
-              className: N(
-                "relative cursor-default select-none py-2 px-3 flex items-center justify-between",
-                a ? "opacity-50 cursor-not-allowed bg-[#f5f5f5]" : l ? "cursor-default" : "hover:bg-indigo-100 cursor-pointer",
-                n && !a && !r ? "bg-indigo-50 text-indigo-900" : "text-gray-900"
+              className: S(
+                "relative flex h-[35px] cursor-default select-none items-center justify-between gap-1.5 rounded-[8px] px-3",
+                a ? "cursor-not-allowed bg-canvas-readonly opacity-50" : c ? "cursor-default" : "cursor-pointer hover:bg-canvas-muted",
+                n && !a && !s ? "bg-brand-subtle text-content" : "text-content"
               ),
               onClick: (k) => {
-                k.stopPropagation(), !a && !l && p && x(e);
+                k.stopPropagation(), !a && !c && p && v(e);
               },
-              "data-testid": `select-submenu-option-${u}-${g}`,
+              "data-testid": `select-submenu-option-${u}-${b}`,
               "data-state": n ? "checked" : "unchecked",
               "data-disabled": a || void 0,
               "data-component": "select-option",
               children: [
-                /* @__PURE__ */ s("div", { className: "flex items-center gap-2 flex-1", children: [
-                  c && p && /* @__PURE__ */ t(
-                    y,
+                /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+                  i && p && /* @__PURE__ */ t(
+                    C,
                     {
-                      checked: v ? "indeterminate" : n,
-                      disabled: a || l,
+                      checked: g ? "indeterminate" : n,
+                      disabled: a || c,
                       onChange: () => {
                       }
                     }
@@ -60,21 +60,21 @@ const D = ({
                   /* @__PURE__ */ t(
                     "span",
                     {
-                      className: "block truncate",
-                      "data-testid": `select-submenu-option-label-${u}-${g}`,
+                      className: "block truncate text-[14px] font-medium leading-5",
+                      "data-testid": `select-submenu-option-label-${u}-${b}`,
                       "data-state": n ? "checked" : "unchecked",
                       title: String(e.label || ""),
                       children: e.label
                     }
                   ),
-                  r && m > 0 && /* @__PURE__ */ s("span", { className: "text-xs text-gray-500 font-medium", children: [
+                  s && m > 0 && /* @__PURE__ */ r("span", { className: "text-xs text-content-muted font-medium", children: [
                     "(",
                     m,
                     ")"
                   ] })
                 ] }),
-                r && /* @__PURE__ */ t(C, { size: "sm", color: "#7a8294" }),
-                !c && n && !r && /* @__PURE__ */ t(w, { className: "h-4 w-4 text-indigo-600" })
+                s && /* @__PURE__ */ t(N, { size: "sm", className: "text-content-icon" }),
+                !i && n && !s && /* @__PURE__ */ t(w, { className: "h-4 w-4 text-brand" })
               ]
             },
             e.value