impact-nova 1.5.14 → 1.6.0

package/dist/components/ui/horizontal-scroller/horizontal-scroller.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as t, Fragment as O } from "react/jsx-runtime";
+import { jsxs as i, jsx as t, Fragment as O } from "react/jsx-runtime";
 import * as a from "react";
 import { ChevronRight as T } from "lucide-react";
 import { useVirtualizer as $ } from "@tanstack/react-virtual";
@@ -10,62 +10,62 @@ const F = a.forwardRef(
     className: N,
     items: u,
     renderItem: R,
-    scrollStep: g = 200,
-    hideScrollbar: p = !1,
+    scrollStep: v = 200,
+    hideScrollbar: p = !0,
     controlsPosition: s = "right",
-    renderPrevious: v,
-    renderNext: x,
+    renderPrevious: g,
+    renderNext: b,
     maxWidth: L = "100%",
     estimateSize: m = 200,
     overscan: k = 5,
     ...C
   }, B) => {
-    const { t: z } = D(), l = a.useRef(null), [o, E] = a.useState(!1), [n, H] = a.useState(!1);
+    const { t: x } = D(), l = a.useRef(null), [n, E] = a.useState(!1), [o, H] = a.useState(!1);
     a.useImperativeHandle(B, () => l.current);
-    const i = $({
+    const c = $({
       count: u.length,
       getScrollElement: () => l.current,
       estimateSize: typeof m == "function" ? m : () => m,
       horizontal: !0,
       overscan: k
-    }), V = i.getTotalSize(), d = a.useCallback(() => {
+    }), V = c.getTotalSize(), f = a.useCallback(() => {
       const e = l.current;
       e && (E(e.scrollLeft > 0), H(Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth));
     }, []);
     a.useEffect(() => {
       const e = l.current;
       if (!e) return;
-      d();
-      const r = () => d();
+      f();
+      const r = () => f();
       e.addEventListener("scroll", r);
-      const f = new ResizeObserver(() => {
-        d();
+      const d = new ResizeObserver(() => {
+        f();
       });
-      return f.observe(e), () => {
-        e.removeEventListener("scroll", r), f.disconnect();
+      return d.observe(e), () => {
+        e.removeEventListener("scroll", r), d.disconnect();
       };
-    }, [d, u, V]);
-    const b = () => {
-      l.current?.scrollBy({ left: -g, behavior: "smooth" });
-    }, w = () => {
-      l.current?.scrollBy({ left: g, behavior: "smooth" });
-    }, y = ({
+    }, [f, u, V]);
+    const z = () => {
+      l.current?.scrollBy({ left: -v, behavior: "smooth" });
+    }, y = () => {
+      l.current?.scrollBy({ left: v, behavior: "smooth" });
+    }, w = ({
       direction: e,
       onClick: r,
-      disabled: f
+      disabled: d
     }) => {
-      if (f) return null;
-      const S = z(e === "left" ? "horizontalScroller.scrollLeft" : "horizontalScroller.scrollRight");
-      return /* @__PURE__ */ c(
+      if (d) return null;
+      const S = x(e === "left" ? "horizontalScroller.scrollLeft" : "horizontalScroller.scrollRight");
+      return /* @__PURE__ */ i(
         A,
         {
           variant: "ghost",
           size: "icon",
           className: h(
-            "h-8 w-8 rounded-md bg-[#f5f6fa] text-[#60697d] hover:bg-[#eceefd] hover:text-[#4259ee]"
+            "h-8 w-8 rounded-md bg-canvas-muted text-content-tertiary hover:bg-brand-tint hover:text-brand"
           ),
           onClick: r,
-          disabled: f,
+          disabled: d,
           "aria-label": S,
           "data-component": e === "left" ? "horizontal-scroller-prev" : "horizontal-scroller-next",
           children: [
@@ -80,33 +80,33 @@ const F = a.forwardRef(
         }
       );
     }, W = () => {
-      const e = v ? v({ onClick: b, disabled: !o }) : /* @__PURE__ */ t(
-        y,
+      const e = g ? g({ onClick: z, disabled: !n }) : /* @__PURE__ */ t(
+        w,
         {
           direction: "left",
-          onClick: b,
-          disabled: !o
+          onClick: z,
+          disabled: !n
         }
-      ), r = x ? x({ onClick: w, disabled: !n }) : /* @__PURE__ */ t(
-        y,
+      ), r = b ? b({ onClick: y, disabled: !o }) : /* @__PURE__ */ t(
+        w,
         {
           direction: "right",
-          onClick: w,
-          disabled: !n
+          onClick: y,
+          disabled: !o
         }
       );
-      return s === "split" ? /* @__PURE__ */ c(O, { children: [
+      return s === "split" ? /* @__PURE__ */ i(O, { children: [
         /* @__PURE__ */ t("div", { className: "absolute left-0 top-1/2 z-20 -translate-y-1/2", children: e }),
         /* @__PURE__ */ t("div", { className: "absolute right-0 top-1/2 z-20 -translate-y-1/2", children: r })
-      ] }) : s === "left" ? /* @__PURE__ */ c("div", { className: "absolute left-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
+      ] }) : s === "left" ? /* @__PURE__ */ i("div", { className: "absolute left-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
         e,
         r
-      ] }) : /* @__PURE__ */ c("div", { className: "absolute right-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
+      ] }) : /* @__PURE__ */ i("div", { className: "absolute right-0 top-1/2 z-20 flex -translate-y-1/2 items-center gap-1", children: [
         e,
         r
       ] });
-    }, j = () => s === "left" ? o && n ? "pl-20" : o || n ? "pl-12" : "" : s === "split" && o ? "pl-12" : "", I = () => s === "right" ? o && n ? "pr-20" : o || n ? "pr-12" : "" : s === "split" && n ? "pr-12" : "";
-    return /* @__PURE__ */ c(
+    }, j = () => s === "left" ? n && o ? "pl-20" : n || o ? "pl-12" : "" : s === "split" && n ? "pl-12" : "", I = () => s === "right" ? n && o ? "pr-20" : n || o ? "pr-12" : "" : s === "split" && o ? "pr-12" : "";
+    return /* @__PURE__ */ i(
       "div",
       {
         className: h(
@@ -134,20 +134,20 @@ const F = a.forwardRef(
                 msOverflowStyle: p ? "none" : "auto"
               },
               "data-component": "horizontal-scroller-viewport",
-              children: /* @__PURE__ */ c(
+              children: /* @__PURE__ */ i(
                 "div",
                 {
                   style: {
-                    width: `${i.getTotalSize()}px`,
+                    width: `${c.getTotalSize()}px`,
                     display: "flex",
                     position: "relative"
                   },
                   children: [
-                    /* @__PURE__ */ t("div", { style: { width: `${i.getVirtualItems()[0]?.start ?? 0}px`, flexShrink: 0 } }),
-                    i.getVirtualItems().map((e) => /* @__PURE__ */ t(
+                    /* @__PURE__ */ t("div", { style: { width: `${c.getVirtualItems()[0]?.start ?? 0}px`, flexShrink: 0 } }),
+                    c.getVirtualItems().map((e) => /* @__PURE__ */ t(
                       "div",
                       {
-                        ref: i.measureElement,
+                        ref: c.measureElement,
                         "data-index": e.index,
                         className: "flex-shrink-0",
                         children: R(u[e.index], e.index)

package/dist/components/ui/hover-card.js

@@ -1,24 +1,24 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as i from "react";
-import * as o from "@radix-ui/react-hover-card";
+import * as t from "@radix-ui/react-hover-card";
 import { cn as s } from "../../lib/utils.js";
-const c = o.Root, l = o.Trigger, m = i.forwardRef(({ className: t, align: e = "center", sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ n(
-  o.Content,
+const l = t.Root, p = t.Trigger, m = i.forwardRef(({ className: o, align: a = "center", sideOffset: e = 4, ...r }, d) => /* @__PURE__ */ n(
+  t.Content,
   {
     ref: d,
-    align: e,
-    sideOffset: a,
+    align: a,
+    sideOffset: e,
     "data-component": "hover-card-content",
     className: s(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
-      t
+      "z-50 w-64 rounded-md border bg-canvas-overlay p-4 text-canvas-overlay-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
+      o
     ),
     ...r
   }
 ));
-m.displayName = o.Content.displayName;
+m.displayName = t.Content.displayName;
 export {
-  c as HoverCard,
+  l as HoverCard,
   m as HoverCardContent,
-  l as HoverCardTrigger
+  p as HoverCardTrigger
 };

package/dist/components/ui/input.js

@@ -1,15 +1,15 @@
-import { jsxs as a, jsx as d } from "react/jsx-runtime";
-import * as x from "react";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import * as b from "react";
 import { Info as h } from "../../icons/index.js";
 import { cva as v } from "class-variance-authority";
 import { cn as e } from "../../lib/utils.js";
 const g = v(
-  "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-muted-foreground focus-within:outline-none hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
+  "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 hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
   {
     variants: {
       isError: {
         true: "border-destructive hover:border-destructive",
-        false: "border-input"
+        false: "border-field"
       },
       size: {
         default: "h-8",
@@ -18,7 +18,7 @@ const g = v(
         lg: "h-10"
       },
       disabled: {
-        true: "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
+        true: "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
         false: ""
       }
     },
@@ -27,92 +27,101 @@ const g = v(
       isError: !1
     }
   }
-), y = x.forwardRef(
-  ({ className: u, type: p, label: o, helperText: s, isError: t, size: b, disabled: r, prefix: n, suffix: i, prefixClick: l, suffixClick: c, ...m }, f) => /* @__PURE__ */ a(
+), N = b.forwardRef(
+  ({ className: u, type: f, label: n, helperText: o, isError: t, size: p, disabled: r, prefix: s, suffix: i, prefixClick: l, suffixClick: c, ...m }, x) => /* @__PURE__ */ d(
     "div",
     {
-      className: "w-full space-y-1.5",
+      className: "flex w-full flex-col gap-[6px]",
       "data-component": "input",
       "data-disabled": r || void 0,
       "data-invalid": t || void 0,
       children: [
-        o && /* @__PURE__ */ a(
-          "label",
-          {
-            className: e(
-              "text-xs font-medium leading-[18px] text-[#60697d]",
-              // Exact legacy color
-              r && "opacity-70",
-              t && "text-destructive"
-            ),
-            children: [
-              o,
-              " ",
-              m.required && /* @__PURE__ */ d("span", { className: "text-destructive", children: "*" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ d("div", { className: "flex flex-col gap-[6px]", children: [
+          n && /* @__PURE__ */ d(
+            "label",
+            {
+              className: e(
+                "text-xs font-medium leading-[18px] text-content-tertiary",
+                r && "opacity-70",
+                t && "text-destructive"
+              ),
+              children: [
+                n,
+                " ",
+                m.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              className: e(
+                g({ size: p, isError: t, disabled: r, className: u }),
+                "bg-canvas",
+                r && "bg-disabled-surface"
+              ),
+              children: [
+                s && /* @__PURE__ */ a(
+                  "div",
+                  {
+                    onClick: l,
+                    className: e("flex shrink-0 items-center justify-center text-content-muted pointer-events-auto", l && "cursor-pointer"),
+                    children: s
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "input",
+                  {
+                    type: f,
+                    className: e(
+                      "flex h-full w-full bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
+                      r && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground"
+                    ),
+                    ref: x,
+                    disabled: !!r,
+                    "data-form-control": "input",
+                    ...m
+                  }
+                ),
+                i && /* @__PURE__ */ a(
+                  "div",
+                  {
+                    onClick: c,
+                    className: e("flex shrink-0 items-center justify-center text-content-muted pointer-events-auto", c && "cursor-pointer"),
+                    children: i
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        o && /* @__PURE__ */ d(
           "div",
           {
             className: e(
-              g({ size: b, isError: t, disabled: r, className: u }),
-              "bg-background",
-              r && "bg-disabled-secondary-bg"
+              "flex items-center gap-[6px]",
+              t && "text-destructive"
             ),
             children: [
-              n && /* @__PURE__ */ d(
-                "div",
-                {
-                  onClick: l,
-                  className: e("flex shrink-0 items-center justify-center text-muted-foreground pointer-events-auto", l && "cursor-pointer"),
-                  children: n
-                }
-              ),
-              /* @__PURE__ */ d(
-                "input",
+              !t && /* @__PURE__ */ a(h, { size: "xs", className: "shrink-0 text-content-muted" }),
+              /* @__PURE__ */ a(
+                "p",
                 {
-                  type: p,
                   className: e(
-                    "flex h-full w-full bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                    r && "opacity-100 text-disabled-text placeholder:text-disabled-text"
+                    "text-[10px] leading-4 text-navigation-muted",
+                    t && "text-destructive"
                   ),
-                  ref: f,
-                  disabled: !!r,
-                  "data-form-control": "input",
-                  ...m
-                }
-              ),
-              i && /* @__PURE__ */ d(
-                "div",
-                {
-                  onClick: c,
-                  className: e("flex shrink-0 items-center justify-center text-muted-foreground pointer-events-auto", c && "cursor-pointer"),
-                  children: i
+                  children: o
                 }
               )
             ]
           }
-        ),
-        s && /* @__PURE__ */ a("div", { className: e("flex items-center gap-1", t && "text-destructive"), children: [
-          !t && /* @__PURE__ */ d(h, { size: "xs", className: "shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ d(
-            "p",
-            {
-              className: e(
-                "text-[10px] text-[#7a8294]",
-                // Exact legacy color
-                t && "text-destructive"
-              ),
-              children: s
-            }
-          )
-        ] })
+        )
       ]
     }
   )
 );
-y.displayName = "Input";
+N.displayName = "Input";
 export {
-  y as Input
+  N as Input
 };

package/dist/components/ui/loader.js

@@ -4,7 +4,7 @@ import "@radix-ui/react-slot";
 import { cva as u } from "class-variance-authority";
 import { cn as p } from "../../lib/utils.js";
 import { useImpactNovaI18n as h } from "../../i18n/ImpactNovaI18nContext.js";
-const j = u(
+const b = u(
   "relative rounded-full flex items-center justify-center overflow-hidden",
   {
     variants: {
@@ -19,14 +19,14 @@ const j = u(
       size: "md"
     }
   }
-), g = f.forwardRef(
-  ({ className: o, size: t = "md", progress: s, text: a, asChild: v = !1, ...d }, l) => {
+), v = f.forwardRef(
+  ({ className: o, size: r = "md", progress: s, text: a, asChild: g = !1, ...d }, l) => {
     const { t: m } = h(), i = {
       sm: { outer: 24, inner: 20 },
       md: { outer: 48, inner: 40 },
       lg: { outer: 72, inner: 60 },
       xl: { outer: 96, inner: 80 }
-    }, { outer: e, inner: r } = i[t] || i.md;
+    }, { outer: e, inner: t } = i[r] || i.md;
     return /* @__PURE__ */ c(
       "div",
       {
@@ -35,7 +35,7 @@ const j = u(
         role: "status",
         "aria-label": a || m("aria.loading"),
         "data-component": "loader",
-        "data-size": t ?? "md",
+        "data-size": r ?? "md",
         ...d,
         children: [
           /* @__PURE__ */ n(
@@ -45,20 +45,20 @@ const j = u(
               style: {
                 height: e,
                 width: e,
-                background: "conic-gradient(from 180deg at 50% 50%, rgba(66, 89, 238, 0) 0deg, hsl(var(--primary)) 360deg)"
+                background: "conic-gradient(from 180deg at 50% 50%, transparent 0deg, var(--color-primary) 360deg)"
               },
               children: /* @__PURE__ */ n(
                 "div",
                 {
-                  className: "absolute bg-background rounded-full flex items-center justify-center font-medium animate-[spin_1s_linear_infinite_reverse]",
+                  className: "absolute bg-canvas rounded-full flex items-center justify-center font-medium animate-[spin_1s_linear_infinite_reverse]",
                   style: {
-                    height: r,
-                    width: r,
-                    top: (e - r) / 2,
-                    left: (e - r) / 2,
+                    height: t,
+                    width: t,
+                    top: (e - t) / 2,
+                    left: (e - t) / 2,
                     fontSize: e / 6
                   },
-                  children: t !== "sm" && s
+                  children: r !== "sm" && s
                 }
               )
             }
@@ -66,7 +66,7 @@ const j = u(
           a && /* @__PURE__ */ n(
             "span",
             {
-              className: "mt-2 text-[12px] font-medium text-foreground",
+              className: "mt-2 text-[12px] font-medium text-content",
               "data-component": "loader-text",
               children: a
             }
@@ -76,8 +76,8 @@ const j = u(
     );
   }
 );
-g.displayName = "Loader";
+v.displayName = "Loader";
 export {
-  g as Loader,
-  j as loaderVariants
+  v as Loader,
+  b as loaderVariants
 };

package/dist/components/ui/nested-list/components/NestedListCategoryFilters.js

@@ -1,33 +1,33 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Switch as n } from "../../switch.js";
-const o = ({
+import { Switch as a } from "../../switch.js";
+const h = ({
   isListCollapsed: l,
-  enableGroupBy: m,
-  categories: s,
+  enableGroupBy: n,
+  categories: r,
   selectedCategories: i,
-  onToggleCategory: a
-}) => l || !m || s.length === 0 ? null : /* @__PURE__ */ t("div", { className: "mb-1", children: [
-  /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-[#8C8C8C] mb-2", children: "View by" }),
-  /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: s.map((r) => /* @__PURE__ */ t(
+  onToggleCategory: m
+}) => l || !n || r.length === 0 ? null : /* @__PURE__ */ s("div", { className: "mb-1", children: [
+  /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-content-icon mb-2", children: "View by" }),
+  /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: r.map((t) => /* @__PURE__ */ s(
     "label",
     {
       className: "flex items-center justify-between cursor-pointer mr-3",
       children: [
-        /* @__PURE__ */ e("span", { className: "text-sm text-gray-700 mr-[6px]", children: r }),
+        /* @__PURE__ */ e("span", { className: "text-sm text-content-tertiary mr-[6px]", children: t }),
         /* @__PURE__ */ e(
-          n,
+          a,
           {
-            checked: i.has(r),
-            onCheckedChange: () => a(r)
+            checked: i.has(t),
+            onCheckedChange: () => m(t)
           }
         )
       ]
     },
-    r
+    t
   )) }),
-  /* @__PURE__ */ e("hr", { className: "mt-3 border-t border-dashed border-gray-300" })
+  /* @__PURE__ */ e("hr", { className: "mt-3 border-t border-dashed border-stroke-field" })
 ] });
 export {
-  o as NestedListCategoryFilters
+  h as NestedListCategoryFilters
 };

package/dist/components/ui/nested-list/components/NestedListHeader.js

@@ -1,58 +1,58 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import "react";
 import { Checkbox as N } from "../../checkbox.js";
 import { Input as v } from "../../input.js";
-import { ChevronRight as C, Search as g } from "../../../../icons/index.js";
-import { cn as k } from "../../../../lib/utils.js";
+import { ChevronRight as k, Search as g } from "../../../../icons/index.js";
+import { cn as C } from "../../../../lib/utils.js";
 import { useImpactNovaI18n as z } from "../../../../i18n/ImpactNovaI18nContext.js";
 const E = ({
-  hasItemsWithChildren: o,
-  isListCollapsed: m,
+  hasItemsWithChildren: r,
+  isListCollapsed: c,
   onCollapseAll: y,
-  enableSearch: s,
+  enableSearch: n,
   enableSelectAll: e,
   groupLabel: i,
-  allChecked: a,
-  isIndeterminate: c = !1,
+  allChecked: m,
+  isIndeterminate: a = !1,
   onSelectAll: d,
   searchText: x,
   onSearchChange: l,
   searchPlaceholder: p,
   selectAllLabel: f = "Select All",
-  enableCollapse: n = !0
+  enableCollapse: s = !0
 }) => {
   const { t: u } = z();
-  if (!(s || e || i || n && o)) return null;
+  if (!(n || e || i || s && r)) return null;
   const h = /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       onClick: y,
-      className: "p-1 hover:bg-gray-200 rounded-full transition-colors flex items-center text-[#8C8C8C] hover:text-primary",
-      "aria-label": u(m ? "nestedList.expandAll" : "nestedList.collapseAll"),
+      className: "p-1 hover:bg-muted rounded-full transition-colors flex items-center text-content-icon hover:text-brand",
+      "aria-label": u(c ? "nestedList.expandAll" : "nestedList.collapseAll"),
       children: /* @__PURE__ */ t(
-        C,
+        k,
         {
           size: "16px",
-          className: k("transition-transform", !m && "rotate-90")
+          className: C("transition-transform", !c && "rotate-90")
         }
       )
     }
   );
-  return i ? /* @__PURE__ */ r("div", { className: "mb-3", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mb-2", children: [
-      n && o && h,
-      /* @__PURE__ */ t("span", { className: "text-[13px] font-semibold text-gray-700", children: i })
+  return i ? /* @__PURE__ */ o("div", { className: "mb-3", children: [
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mb-2", children: [
+      s && r && h,
+      /* @__PURE__ */ t("span", { className: "text-[13px] font-semibold text-content-tertiary", children: i })
     ] }),
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
       e && /* @__PURE__ */ t(
         N,
         {
-          checked: c ? "indeterminate" : a,
+          checked: a ? "indeterminate" : m,
           onCheckedChange: d
         }
       ),
-      s ? /* @__PURE__ */ t("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ t(
+      n ? /* @__PURE__ */ t("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ t(
         v,
         {
           type: "text",
@@ -61,18 +61,18 @@ const E = ({
           onChange: l,
           prefix: /* @__PURE__ */ t(g, { size: "14px", color: "currentColor" })
         }
-      ) }) : e && /* @__PURE__ */ t("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-gray-700", children: f })
+      ) }) : e && /* @__PURE__ */ t("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-content-tertiary", children: f })
     ] })
-  ] }) : /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mb-3", children: [
-    n && o && h,
+  ] }) : /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mb-3", children: [
+    s && r && h,
     e && /* @__PURE__ */ t(
       N,
       {
-        checked: c ? "indeterminate" : a,
+        checked: a ? "indeterminate" : m,
         onCheckedChange: d
       }
     ),
-    s ? /* @__PURE__ */ t("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ t(
+    n ? /* @__PURE__ */ t("div", { className: "flex-1 ml-auto", children: /* @__PURE__ */ t(
       v,
       {
         type: "text",
@@ -81,7 +81,7 @@ const E = ({
         onChange: l,
         prefix: /* @__PURE__ */ t(g, { size: "14px", color: "currentColor" })
       }
-    ) }) : e && /* @__PURE__ */ t("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-gray-700", children: f })
+    ) }) : e && /* @__PURE__ */ t("span", { className: "flex-1 ml-auto text-[13px] font-semibold text-content-tertiary", children: f })
   ] });
 };
 export {