impact-nova 1.5.14 → 1.6.0

package/dist/components/ui/accordion.d.ts

@@ -6,5 +6,8 @@ declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPr
     badge?: React.ReactNode;
     rightActions?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** Classes on the Radix content node (e.g. `overflow-visible` for portaled overlays). */
+    surfaceClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/accordion.js

@@ -1,32 +1,35 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import * as d from "react";
+import * as c from "react";
 import * as r from "@radix-ui/react-accordion";
 import { ChevronRight as f } from "lucide-react";
-import { cn as s } from "../../lib/utils.js";
+import { cn as n } from "../../lib/utils.js";
 import { Tooltip as p, TooltipTrigger as g, TooltipContent as h } from "./tooltip.js";
-import { useImpactNovaI18n as x } from "../../i18n/ImpactNovaI18nContext.js";
-const C = r.Root, N = d.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e(
+import { useImpactNovaI18n as v } from "../../i18n/ImpactNovaI18nContext.js";
+const C = r.Root, x = c.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e(
   r.Item,
   {
-    ref: a,
+    ref: o,
     "data-item": t.value,
     "data-disabled": t.disabled ? "" : void 0,
-    className: s("border-b rounded-lg bg-white overflow-hidden border-b-[#D9DDE7]", o),
+    className: n(
+      "border-b rounded-lg bg-canvas-elevated overflow-hidden border-b-stroke-hairline",
+      a
+    ),
     ...t
   }
 ));
-N.displayName = "AccordionItem";
-const v = d.forwardRef(({ className: o, children: t, badge: a, rightActions: n, ...c }, l) => {
-  const { t: m } = x();
+x.displayName = "AccordionItem";
+const N = c.forwardRef(({ className: a, children: t, badge: o, rightActions: d, ...s }, l) => {
+  const { t: m } = v();
   return /* @__PURE__ */ e(r.Header, { className: "flex", children: /* @__PURE__ */ i(
     r.Trigger,
     {
       ref: l,
-      className: s(
+      className: n(
         "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90",
-        o
+        a
       ),
-      ...c,
+      ...s,
       children: [
         /* @__PURE__ */ i(p, { children: [
           /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(f, { className: "h-4 w-4 transition-transform duration-200" }) }) }),
@@ -35,28 +38,31 @@ const v = d.forwardRef(({ className: o, children: t, badge: a, rightActions: n,
         /* @__PURE__ */ i("div", { className: "flex flex-1 items-center justify-between", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
             t,
-            a
+            o
           ] }),
-          n
+          d
         ] })
       ]
     }
   ) });
 });
-v.displayName = r.Trigger.displayName;
-const u = d.forwardRef(({ className: o, children: t, ...a }, n) => /* @__PURE__ */ e(
+N.displayName = r.Trigger.displayName;
+const u = c.forwardRef(({ className: a, surfaceClassName: t, children: o, ...d }, s) => /* @__PURE__ */ e(
   r.Content,
   {
-    ref: n,
-    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...a,
-    children: /* @__PURE__ */ e("div", { className: s("px-4 pb-4 pt-2", o), children: t })
+    ref: s,
+    className: n(
+      "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      t
+    ),
+    ...d,
+    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-1", a), children: o })
   }
 ));
 u.displayName = r.Content.displayName;
 export {
   C as Accordion,
   u as AccordionContent,
-  N as AccordionItem,
-  v as AccordionTrigger
+  x as AccordionItem,
+  N as AccordionTrigger
 };

package/dist/components/ui/ag-grid-react/cell-renderers/badge-cell-renderer.js

@@ -1,22 +1,22 @@
-import { jsx as d, jsxs as s } from "react/jsx-runtime";
-import { Badge as f } from "../../badge.js";
-import { getFieldValue as a, mapBadgeColor as g, mapBadgeVariant as u } from "./cell-renderer-utils.js";
-const x = (e) => {
-  const { data: l, value: n } = e, i = a(e.badgeLabelField, e.badgeLabel, l) ?? (n != null ? String(n) : void 0), c = a(e.variantField, e.variant, l) ?? "filled", o = a(e.colorField, e.color, l) ?? "default", r = a(e.isIconField, e.isIcon, l), t = a(e.iconField, e.icon, l), m = a(e.sizeField, e.size, l);
+import { jsx as d, jsxs as m } from "react/jsx-runtime";
+import { Badge as g } from "../../badge.js";
+import { getFieldValue as a, mapBadgeColor as f, mapBadgeVariant as u } from "./cell-renderer-utils.js";
+const v = (e) => {
+  const { data: l, value: n } = e, i = a(e.badgeLabelField, e.badgeLabel, l) ?? (n != null ? String(n) : void 0), c = a(e.variantField, e.variant, l) ?? "filled", r = a(e.colorField, e.color, l) ?? "default", o = a(e.isIconField, e.isIcon, l), t = a(e.iconField, e.icon, l), s = a(e.sizeField, e.size, l);
   return i ? /* @__PURE__ */ d("div", { className: "w-full h-full flex items-center justify-start ag-cell-inner-padding", children: /* @__PURE__ */ d(
-    f,
+    g,
     {
       variant: u(c),
-      color: g(o),
-      className: m === "small" ? "h-5 text-xs px-1.5 font-medium" : "font-medium",
-      children: r && t ? /* @__PURE__ */ s("span", { className: "flex items-center gap-1", children: [
+      color: f(r),
+      size: s === "small" ? "sm" : "md",
+      children: o && t ? /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
         t,
         i
       ] }) : i
     }
   ) }) : null;
 };
-x.displayName = "BadgeCellRenderer";
+v.displayName = "BadgeCellRenderer";
 export {
-  x as BadgeCellRenderer
+  v as BadgeCellRenderer
 };

package/dist/components/ui/ag-grid-react/cell-renderers/checkbox-display-renderer.js

@@ -1,30 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useCallback as n } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useCallback as i } from "react";
 import { Check as h } from "lucide-react";
 const b = (c) => {
-  const { value: s, node: l, column: t, disabled: e } = c, r = !!s, o = n(() => {
-    e || !t || l.setDataValue(t.getColId(), !r);
-  }, [e, t, l, r]), d = n(
-    (i) => {
-      e || (i.key === " " || i.key === "Enter") && (i.preventDefault(), o());
+  const { value: d, node: n, column: t, disabled: e } = c, r = !!d, o = i(() => {
+    e || !t || n.setDataValue(t.getColId(), !r);
+  }, [e, t, n, r]), s = i(
+    (a) => {
+      e || (a.key === " " || a.key === "Enter") && (a.preventDefault(), o());
     },
     [e, o]
   );
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: `flex items-center justify-center h-full w-full ag-cell-inner-padding ${e ? "opacity-60 cursor-not-allowed" : !e ? "in-ag-editable-cell-highlight" : ""}`,
       onClick: o,
-      onKeyDown: d,
+      onKeyDown: s,
       role: "checkbox",
       "aria-checked": r,
       "aria-disabled": e,
       tabIndex: e ? -1 : 0,
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ l(
         "div",
         {
-          className: `h-4 w-4 shrink-0 rounded-[4px] border flex items-center justify-center transition-colors ${r ? "border-primary bg-accent text-primary" : "border-tertiary-border bg-white"} ${e ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
-          children: r && /* @__PURE__ */ a(h, { className: "h-3 w-3", strokeWidth: 3 })
+          className: `h-4 w-4 shrink-0 rounded-[4px] border flex items-center justify-center transition-colors ${r ? "border-brand bg-accent text-brand" : "border-stroke-field bg-canvas-elevated"} ${e ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
+          children: r && /* @__PURE__ */ l(h, { className: "h-3 w-3", strokeWidth: 3 })
         }
       )
     }

package/dist/components/ui/ag-grid-react/cell-renderers/date-display-renderer.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import "lucide-react";
-const w = (i, r) => {
+const y = (i, l) => {
   if (i == null || i === "") return "";
   try {
     const e = i instanceof Date ? i : new Date(String(i));
-    return isNaN(e.getTime()) ? String(i) : r === "time" ? e.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : r === "datetime-local" ? e.toLocaleString(void 0, {
+    return isNaN(e.getTime()) ? String(i) : l === "time" ? e.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : l === "datetime-local" ? e.toLocaleString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric",
@@ -18,22 +18,22 @@ const w = (i, r) => {
   } catch {
     return String(i);
   }
-}, y = (i) => {
+}, w = (i) => {
   const {
-    valueFormatted: r,
+    valueFormatted: l,
     value: e,
     dateType: p = "date",
     placeholder: m = "Select date...",
     disabled: o,
     colDef: n,
-    data: l
-  } = i, d = e && typeof e == "object" && "cellMetadata" in e ? e.cellMetadata?._isDisabled : void 0, s = l && typeof l == "object" && "rowMetadata" in l ? l.rowMetadata?._isDisabled : void 0;
+    data: r
+  } = i, s = e && typeof e == "object" && "cellMetadata" in e ? e.cellMetadata?._isDisabled : void 0, d = r && typeof r == "object" && "rowMetadata" in r ? r.rowMetadata?._isDisabled : void 0;
   let a = !1;
   if (!o) {
     const b = n?._originalEditable;
-    n?.editable === !1 ? a = !1 : d === !1 ? a = !0 : d === !0 ? a = !1 : s === !1 ? a = !0 : s === !0 ? a = !1 : a = b === !0 || n?.editable === !0;
+    n?.editable === !1 ? a = !1 : s === !1 ? a = !0 : s === !0 ? a = !1 : d === !1 ? a = !0 : d === !0 ? a = !1 : a = b === !0 || n?.editable === !0;
   }
-  const c = e && typeof e == "object" && "value" in e, g = c ? e.value : e, h = (c ? null : r) ?? w(g, p), u = !h;
+  const c = e && typeof e == "object" && "value" in e, g = c ? e.value : e, h = (c ? null : l) ?? y(g, p), u = !h;
   return /* @__PURE__ */ t(
     "div",
     {
@@ -41,10 +41,10 @@ const w = (i, r) => {
       children: /* @__PURE__ */ f(
         "div",
         {
-          className: `flex w-full items-center justify-between rounded-[8px] px-1.5 h-7 ${a ? "bg-white cursor-pointer" : "bg-inherit"}`,
+          className: `flex w-full items-center justify-between rounded-[8px] px-1.5 h-7 ${a ? "bg-canvas-elevated cursor-pointer" : "bg-inherit"}`,
           children: [
-            /* @__PURE__ */ t("span", { className: `truncate text-sm font-medium text-[#1f2b4d] ${u ? "text-[#dfe2e7]" : ""}`, children: u ? m : h }),
-            a && /* @__PURE__ */ t("span", { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", children: /* @__PURE__ */ f("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ t("span", { className: `truncate text-sm font-medium text-content ${u ? "text-content-empty" : ""}`, children: u ? m : h }),
+            a && /* @__PURE__ */ t("span", { className: "h-3.5 w-3.5 shrink-0 text-content-muted", children: /* @__PURE__ */ f("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
               /* @__PURE__ */ t("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
               /* @__PURE__ */ t("path", { d: "M16 2v4" }),
               /* @__PURE__ */ t("path", { d: "M8 2v4" }),
@@ -62,7 +62,7 @@ const w = (i, r) => {
     }
   );
 };
-y.displayName = "DateDisplayRenderer";
+w.displayName = "DateDisplayRenderer";
 export {
-  y as DateDisplayRenderer
+  w as DateDisplayRenderer
 };

package/dist/components/ui/ag-grid-react/cell-renderers/editors/date-cell-editor.js

@@ -14,10 +14,10 @@ const p = (o) => {
     value: a,
     min: m,
     max: f,
-    node: l,
+    node: i,
     column: g,
-    stopEditing: h
-  } = o, s = a && typeof a == "object" && "value" in a, d = s ? a.cellMetadata : void 0, D = s ? a.value : a, v = p(D), [w, b] = S(v), [M, E] = S(v || /* @__PURE__ */ new Date());
+    stopEditing: v
+  } = o, s = a && typeof a == "object" && "value" in a, d = s ? a.cellMetadata : void 0, D = s ? a.value : a, h = p(D), [M, b] = S(h), [w, E] = S(h || /* @__PURE__ */ new Date());
   P(r, () => ({
     getValue() {
       return a;
@@ -32,35 +32,35 @@ const p = (o) => {
       return !0;
     }
   })), j(() => {
-    const e = "ag-custom-component-popup", i = (t) => {
+    const e = "ag-custom-component-popup", l = (t) => {
       t instanceof HTMLElement && t.hasAttribute("data-radix-popper-content-wrapper") && t.classList.add(e);
     }, n = new MutationObserver((t) => {
       for (const V of t)
-        V.addedNodes.forEach(i);
+        V.addedNodes.forEach(l);
     });
     return n.observe(document.body, { childList: !0, subtree: !0 }), document.querySelectorAll("[data-radix-popper-content-wrapper]").forEach((t) => {
       t.classList.add(e);
     }), () => n.disconnect();
   }, []);
   const c = u((e) => {
-    const i = g?.getColId();
-    if (i && l) {
+    const l = g?.getColId();
+    if (l && i) {
       const n = e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : null, t = s ? { value: n, ...d !== void 0 && { cellMetadata: d } } : n;
-      l.setDataValue(i, t);
+      i.setDataValue(l, t);
     }
-    h();
-  }, [g, l, h, s, d]), A = u((e) => {
+    v();
+  }, [g, i, v, s, d]), A = u((e) => {
     b(e), c(e);
   }, [c]), x = u(() => {
     b(void 0), c(void 0);
   }, [c]), y = m ? p(m) : void 0, L = f ? p(f) : void 0;
-  return /* @__PURE__ */ C("div", { className: "ag-custom-component-popup bg-white border border-input rounded-md shadow-lg", children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ C("div", { className: "ag-custom-component-popup bg-canvas-elevated border border-field rounded-md shadow-lg", children: /* @__PURE__ */ C(
     I,
     {
       mode: "single",
-      selected: w,
+      selected: M,
       onSelect: A,
-      month: M,
+      month: w,
       onMonthChange: E,
       disabled: { before: y, after: L },
       showFooter: !1,

package/dist/components/ui/ag-grid-react/cell-renderers/editors/input-cell-editor.js

@@ -1,27 +1,27 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import E, { forwardRef as D, useRef as j, useImperativeHandle as I, useEffect as k, useCallback as s } from "react";
-const h = D((i, g) => {
+const h = D((o, g) => {
   const {
     value: r,
-    placeholder: b,
-    min: v,
-    max: w,
-    step: y,
-    maxLength: o,
+    placeholder: v,
+    min: b,
+    max: y,
+    step: w,
+    maxLength: c,
     onValueChange: f,
     colDef: x,
     className: N
-  } = i, d = x?.cellDataType === "number" ? "number" : "text", u = d === "number", t = j(null), p = r && typeof r == "object" && "value" in r, m = p ? r.cellMetadata : void 0;
+  } = o, d = x?.cellDataType === "number" ? "number" : "text", a = d === "number", t = j(null), p = r && typeof r == "object" && "value" in r, m = p ? r.cellMetadata : void 0;
   I(g, () => ({
     getValue() {
       const e = t.current?.value;
       let n;
-      if (u)
+      if (a)
         if (!e || e === "" || e === "-")
           n = null;
         else {
-          const a = Number(e);
-          n = isNaN(a) ? null : a;
+          const u = Number(e);
+          n = isNaN(u) ? null : u;
         }
       else
         n = e === "" ? null : e;
@@ -39,43 +39,43 @@ const h = D((i, g) => {
   }), []), k(() => {
     if (t.current) {
       const l = r && typeof r == "object" && "value" in r ? r.value : r;
-      if (t.current.value = l != null ? String(l) : "", u) {
+      if (t.current.value = l != null ? String(l) : "", a) {
         const e = t.current, n = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value");
         Object.defineProperty(e, "value", {
           get() {
-            const a = this.valueAsNumber;
-            return isNaN(a) ? n.get.call(this) : a;
+            const u = this.valueAsNumber;
+            return isNaN(u) ? n.get.call(this) : u;
           },
-          set(a) {
-            n.set.call(this, a);
+          set(u) {
+            n.set.call(this, u);
           },
           configurable: !0
         });
       }
-      i.suppressAutoFocus || (t.current.focus(), t.current.select());
+      o.suppressAutoFocus || (t.current.focus(), t.current.select());
     }
     return () => {
     };
   }, []);
   const C = s((l) => {
     const e = t.current?.value;
-    if (!(o && e && e.length > o)) {
-      if (u && t.current) {
+    if (!(c && e && e.length > c)) {
+      if (a && t.current) {
         const n = t.current.valueAsNumber;
         isNaN(n) || t.current.setAttribute("data-value", String(n));
       }
       f?.(e);
     }
-  }, [o, f, u]), V = s((l) => {
+  }, [c, f, a]), V = s((l) => {
     l.key === "Enter" || l.key === "Escape" || l.key === "Tab" || ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(l.key) && l.stopPropagation();
   }, []), A = s(() => {
-    i.stopEditing?.();
-  }, [i, u]);
-  return /* @__PURE__ */ c("div", { className: `w-full h-full flex items-center ag-cell-inner-padding in-ag-editable-cell-highlight ${N}`, children: /* @__PURE__ */ c(
+    o.stopEditing?.();
+  }, [o, a]);
+  return /* @__PURE__ */ i("div", { className: `w-full h-full flex items-center ag-cell-inner-padding in-ag-editable-cell-highlight ${N}`, children: /* @__PURE__ */ i(
     "div",
     {
-      className: `flex w-full items-center rounded-[8px] bg-white px-1.5 h-7 ${u ? "justify-end text-right" : ""}`,
-      children: /* @__PURE__ */ c(
+      className: `flex w-full items-center rounded-[8px] bg-canvas-elevated px-1.5 h-7 ${a ? "justify-end text-right" : ""}`,
+      children: /* @__PURE__ */ i(
         "input",
         {
           ref: t,
@@ -83,11 +83,11 @@ const h = D((i, g) => {
           onChange: C,
           onKeyDown: V,
           onBlur: A,
-          placeholder: b,
-          className: `flex h-full w-full bg-transparent p-0 text-sm font-medium text-[#1f2b4d] outline-none placeholder:font-medium placeholder:text-[#dfe2e7] ${u ? "text-right" : ""}`,
-          min: v,
-          max: w,
-          step: y
+          placeholder: v,
+          className: `flex h-full w-full bg-transparent p-0 text-sm font-medium text-content outline-none placeholder:font-medium placeholder:text-content-empty ${a ? "text-right" : ""}`,
+          min: b,
+          max: y,
+          step: w
         }
       )
     }

package/dist/components/ui/ag-grid-react/cell-renderers/editors/percent-progress-cell-editor.js

@@ -1,10 +1,10 @@
 import { jsx as c, jsxs as F } from "react/jsx-runtime";
 import L, { forwardRef as I, useRef as w, useLayoutEffect as K, useState as T, useCallback as d, useImperativeHandle as U, useEffect as P } from "react";
 import { Slider as H } from "../../../slider.js";
-function A(t) {
+function k(t) {
   return t && typeof t == "object" && "value" in t ? t.value : t;
 }
-function C(t) {
+function A(t) {
   if (t == null || t === "") return null;
   if (typeof t == "number") return isNaN(t) ? null : t;
   const i = Number(String(t).replace(/%/g, "").trim());
@@ -13,14 +13,14 @@ function C(t) {
 function N(t, i, a) {
   return Math.min(a, Math.max(i, t));
 }
-const D = I((t, i) => {
-  const { value: a, colDef: f, className: k, onValueChange: m } = t, o = t.min ?? 0, l = t.max ?? 100, b = t.step ?? 1, p = a != null && typeof a == "object" && "value" in a, g = p ? a.cellMetadata : void 0, x = w(null), y = w(t.stopEditing), s = w(null);
+const C = I((t, i) => {
+  const { value: a, colDef: f, className: D, onValueChange: m } = t, o = t.min ?? 0, l = t.max ?? 100, b = t.step ?? 1, p = a != null && typeof a == "object" && "value" in a, g = p ? a.cellMetadata : void 0, x = w(null), y = w(t.stopEditing), s = w(null);
   K(() => {
     y.current = t.stopEditing;
   }, [t.stopEditing]);
   const [v, h] = T(() => {
-    const e = A(a);
-    return C(e);
+    const e = k(a);
+    return A(e);
   }), u = d(() => {
     const e = s.current?.value;
     let n;
@@ -52,7 +52,7 @@ const D = I((t, i) => {
   ), P(() => {
     const e = s.current;
     if (!e) return;
-    const n = A(a), r = C(n);
+    const n = k(a), r = A(n);
     e.value = r != null ? String(r) : "", t.suppressAutoFocus || (e.focus(), e.select());
   }, []), P(() => {
     const e = x.current;
@@ -93,7 +93,7 @@ const D = I((t, i) => {
     "div",
     {
       ref: x,
-      className: `w-full h-full flex items-center ag-cell-inner-padding in-ag-editable-cell-highlight ${k ?? ""}`,
+      className: `w-full h-full flex items-center ag-cell-inner-padding in-ag-editable-cell-highlight ${D ?? ""}`,
       onPointerDown: (e) => e.stopPropagation(),
       onMouseDown: (e) => e.stopPropagation(),
       children: /* @__PURE__ */ F("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
@@ -108,7 +108,7 @@ const D = I((t, i) => {
             "aria-label": typeof f?.headerName == "string" ? `${f.headerName} — slide to adjust` : "Percent — slide to adjust"
           }
         ) }),
-        /* @__PURE__ */ c("div", { className: "shrink-0 rounded-full bg-[#e8eaef] px-1.5 py-0.5", children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c("div", { className: "shrink-0 rounded-full bg-stroke-track px-1.5 py-0.5", children: /* @__PURE__ */ c(
           "input",
           {
             ref: s,
@@ -119,17 +119,17 @@ const D = I((t, i) => {
             step: b,
             onInput: S,
             onKeyDown: M,
-            className: "w-11 bg-transparent p-0 text-center text-xs font-medium tabular-nums text-[#4a5568] outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+            className: "w-11 bg-transparent p-0 text-center text-xs font-medium tabular-nums text-content-charcoal outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
             "aria-label": typeof f?.headerName == "string" ? f.headerName : "Percent"
           }
         ) }),
-        /* @__PURE__ */ c("span", { className: "shrink-0 text-xs font-medium text-[#4a5568] tabular-nums", children: "%" })
+        /* @__PURE__ */ c("span", { className: "shrink-0 text-xs font-medium text-content-charcoal tabular-nums", children: "%" })
       ] })
     }
   );
 });
-D.displayName = "PercentProgressCellEditor";
-const q = L.memo(D, () => !0);
+C.displayName = "PercentProgressCellEditor";
+const q = L.memo(C, () => !0);
 export {
   q as PercentProgressCellEditor
 };

package/dist/components/ui/ag-grid-react/cell-renderers/editors/split-cell-editor.js

@@ -1,12 +1,12 @@
 import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as P, useMemo as R, useState as $, useCallback as j } from "react";
-import { resolveValueFormatter as k, applyValueFormatter as A, resolveCellEditable as O } from "../cell-renderer-utils.js";
+import { forwardRef as P, useMemo as R, useState as k, useCallback as $ } from "react";
+import { resolveValueFormatter as j, applyValueFormatter as A, resolveCellEditable as O } from "../cell-renderer-utils.js";
 const G = P((x) => {
-  const { splits: i, commonParams: m, data: u, node: a, api: p, column: v, context: d, value: t, colDef: o, valueFormatter: F } = x, K = R(() => i?.map((l) => {
+  const { splits: i, commonParams: m, data: s, node: a, api: p, column: v, context: d, value: t, colDef: o, valueFormatter: F } = x, K = R(() => i?.map((l) => {
     const e = l?.field?.split(".")?.pop() ?? "", n = t?.[e]?.value;
     return { valueKey: e, field: l.field, newValue: n };
-  }) ?? [], [i, t]), [s, E] = $(K), U = j((l) => {
-    const e = s.find((c) => c.field === l);
+  }) ?? [], [i, t]), [u, E] = k(K), U = $((l) => {
+    const e = u.find((c) => c.field === l);
     if (!e)
       return;
     const n = {
@@ -14,7 +14,7 @@ const G = P((x) => {
       colDef: o,
       column: v,
       context: d,
-      data: u,
+      data: s,
       field: o.field,
       node: a,
       rowIndex: a?.rowIndex ?? null,
@@ -27,7 +27,7 @@ const G = P((x) => {
       value: { [e.valueKey]: { value: e.newValue } }
     }, r = t?.[e.valueKey] ?? {};
     a.setDataValue(o.field, { ...t, [e.valueKey]: { ...r, value: e.newValue } }), d?.onCellUpdate?.(n);
-  }, [s, p, o, v, d, u, a, t]), S = (l) => {
+  }, [u, p, o, v, d, s, a, t]), S = (l) => {
     if (typeof l == "string") {
       const e = p?.getGridOption("components");
       return d?.frameworkComponents?.[l] || e?.[l];
@@ -39,23 +39,23 @@ const G = P((x) => {
     {
       style: { display: "grid", gridTemplateRows: `repeat(${i?.length}, 1fr)`, height: "100%", width: "100%" },
       children: i?.map((l, e) => {
-        const n = l?.field?.split(".")?.pop(), r = t?.[n], c = r?.value, w = u, C = k(r, w, l?.valueFormatter, F ?? null), I = C ? A(C, c) : c?.toString(), N = typeof o?.editable == "boolean" ? o.editable : void 0, V = O(N, l.editable, w, r), g = V ? m.cellEditor : m.cellRenderer ? m.cellRenderer : void 0, y = g ? S(g) : void 0;
+        const n = l?.field?.split(".")?.pop(), r = t?.[n], c = r?.value, w = s, C = j(r, w, l?.valueFormatter, F ?? null), I = C ? A(C, c) : c?.toString(), N = typeof o?.editable == "boolean" ? o.editable : void 0, V = O(N, l.editable, w, r), g = V ? m.cellEditor : m.cellRenderer ? m.cellRenderer : void 0, h = g ? S(g) : void 0;
         return /* @__PURE__ */ f(
           "div",
           {
             className: "flex items-center max-h-full overflow-hidden",
-            children: y ? /* @__PURE__ */ f(
-              y,
+            children: h ? /* @__PURE__ */ f(
+              h,
               {
                 context: d,
-                data: u,
+                data: s,
                 value: r,
-                onValueChange: (h) => {
-                  const b = s.find((D) => D.field === l.field);
-                  b ? b.newValue = h : E([...s, {
+                onValueChange: (y) => {
+                  const b = u.find((D) => D.field === l.field);
+                  b ? b.newValue = y : E([...u, {
                     valueKey: n,
                     field: l.field,
-                    newValue: h
+                    newValue: y
                   }]);
                 },
                 valueFormatted: I,
@@ -65,7 +65,7 @@ const G = P((x) => {
                 },
                 node: a,
                 suppressAutoFocus: e !== 0,
-                className: e !== i.length - 1 ? "border-b border-gray-200" : ""
+                className: e !== i.length - 1 ? "border-b border-stroke-hairline" : ""
               }
             ) : /* @__PURE__ */ f(
               "div",

package/dist/components/ui/ag-grid-react/cell-renderers/editors/textarea-cell-editor.js

@@ -1,13 +1,13 @@
-import { jsxs as l, jsx as h } from "react/jsx-runtime";
-import { forwardRef as g, useRef as x, useState as y, useImperativeHandle as w, useCallback as u } from "react";
-const b = g((s, i) => {
+import { jsxs as o, jsx as x } from "react/jsx-runtime";
+import { forwardRef as g, useRef as h, useState as b, useImperativeHandle as v, useCallback as s } from "react";
+const y = g((u, d) => {
   const {
     value: a,
-    rows: d = 4,
+    rows: i = 4,
     maxLength: t,
     placeholder: c
-  } = s, r = x(null), [n, f] = y(a != null ? String(a) : "");
-  w(i, () => ({
+  } = u, r = h(null), [n, f] = b(a != null ? String(a) : "");
+  v(d, () => ({
     getValue() {
       return n;
     },
@@ -28,14 +28,14 @@ const b = g((s, i) => {
       }
     }
   }));
-  const m = u((e) => {
-    const o = e.target.value;
-    t && o.length > t || f(o);
-  }, [t]), p = u((e) => {
+  const m = s((e) => {
+    const l = e.target.value;
+    t && l.length > t || f(l);
+  }, [t]), p = s((e) => {
     e.key !== "Escape" && e.key !== "Tab" && (e.key === "Enter" && !e.shiftKey || e.stopPropagation());
   }, []);
-  return /* @__PURE__ */ l("div", { className: "p-1 bg-white border border-primary rounded-md shadow-lg min-w-[250px]", children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ o("div", { className: "p-1 bg-canvas-elevated border border-brand rounded-md shadow-lg min-w-[250px]", children: [
+    /* @__PURE__ */ x(
       "textarea",
       {
         ref: r,
@@ -43,19 +43,19 @@ const b = g((s, i) => {
         onChange: m,
         onKeyDown: p,
         placeholder: c,
-        rows: d,
+        rows: i,
         maxLength: t,
-        className: "w-full px-2 py-1.5 text-sm font-medium bg-white border border-input rounded focus:outline-none focus:border-primary resize-y"
+        className: "w-full px-2 py-1.5 text-sm font-medium bg-canvas-elevated border border-field rounded focus:outline-none focus:border-brand resize-y"
       }
     ),
-    t && /* @__PURE__ */ l("div", { className: "text-right text-xs text-muted-foreground px-1 mt-0.5", children: [
+    t && /* @__PURE__ */ o("div", { className: "text-right text-xs text-content-muted px-1 mt-0.5", children: [
       n.length,
       "/",
       t
     ] })
   ] });
 });
-b.displayName = "TextAreaCellEditor";
+y.displayName = "TextAreaCellEditor";
 export {
-  b as TextAreaCellEditor
+  y as TextAreaCellEditor
 };