@definable/ui 0.1.32 → 0.1.36

package/dist/components/select.js

@@ -2,14 +2,14 @@ import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import * as a from "react";
 import * as e from "@radix-ui/react-select";
 import { ChevronDown as N, Search as S, Check as v } from "lucide-react";
-import { cn as i } from "../lib/utils.js";
+import { cn as d } from "../lib/utils.js";
 import { Input as C } from "./input.js";
 const I = e.Root, E = e.Group, L = e.Value, R = a.forwardRef(({ className: o, children: s, ...r }, n) => /* @__PURE__ */ c(
   e.Trigger,
   {
     ref: n,
-    className: i(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-secondary px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    className: d(
+      "flex h-10 w-full items-center justify-between rounded-md border border-light bg-secondary px-3 py-2 text-sm ring-offset-white dark:ring-offset-[#1F1F20] placeholder:text-tertiary focus:outline-none focus:ring-2 focus:ring-black/20 dark:focus:ring-white/20 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       o
     ),
     ...r,
@@ -20,7 +20,7 @@ const I = e.Root, E = e.Group, L = e.Value, R = a.forwardRef(({ className: o, ch
   }
 ));
 R.displayName = e.Trigger.displayName;
-const g = a.forwardRef(({ className: o, children: s, position: r = "popper", searchable: n, onSearch: m, searchPlaceholder: p = "Search...", ...f }, d) => {
+const g = a.forwardRef(({ className: o, children: s, position: r = "popper", searchable: n, onSearch: m, searchPlaceholder: f = "Search...", ...p }, i) => {
   const [y, b] = a.useState(""), u = a.useRef(null);
   a.useEffect(() => {
     n && u.current && setTimeout(() => {
@@ -38,22 +38,22 @@ const g = a.forwardRef(({ className: o, children: s, position: r = "popper", sea
   return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ c(
     e.Content,
     {
-      ref: d,
-      className: i(
-        "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
+      ref: i,
+      className: d(
+        "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-card text-primary shadow-md 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",
         r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         o
       ),
       position: r,
-      ...f,
+      ...p,
       children: [
         n && /* @__PURE__ */ t(
           "div",
           {
-            className: "px-2 py-1.5 sticky top-0 bg-popover z-10 border-b",
+            className: "px-2 py-1.5 sticky top-0 bg-card z-10 border-b",
             onClick: h,
             children: /* @__PURE__ */ c("div", { className: "relative", children: [
-              /* @__PURE__ */ t(S, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+              /* @__PURE__ */ t(S, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 h-3.5 w-3.5 text-tertiary" }),
               /* @__PURE__ */ t(
                 C,
                 {
@@ -62,7 +62,7 @@ const g = a.forwardRef(({ className: o, children: s, position: r = "popper", sea
                   onChange: w,
                   onClick: h,
                   onKeyDown: x,
-                  placeholder: p,
+                  placeholder: f,
                   className: "h-7 text-xs pl-7"
                 }
               )
@@ -72,7 +72,7 @@ const g = a.forwardRef(({ className: o, children: s, position: r = "popper", sea
         /* @__PURE__ */ t(
           e.Viewport,
           {
-            className: i(
+            className: d(
               "p-1",
               r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
             ),
@@ -84,21 +84,21 @@ const g = a.forwardRef(({ className: o, children: s, position: r = "popper", sea
   ) });
 });
 g.displayName = e.Content.displayName;
-const V = a.forwardRef(({ className: o, ...s }, r) => /* @__PURE__ */ t(
+const k = a.forwardRef(({ className: o, ...s }, r) => /* @__PURE__ */ t(
   e.Label,
   {
     ref: r,
-    className: i("py-1.5 pl-8 pr-2 text-sm font-semibold", o),
+    className: d("py-1.5 pl-8 pr-2 text-sm font-semibold", o),
     ...s
   }
 ));
-V.displayName = e.Label.displayName;
-const k = a.forwardRef(({ className: o, children: s, ...r }, n) => /* @__PURE__ */ c(
+k.displayName = e.Label.displayName;
+const V = a.forwardRef(({ className: o, children: s, ...r }, n) => /* @__PURE__ */ c(
   e.Item,
   {
     ref: n,
-    className: i(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    className: d(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-hover focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       o
     ),
     ...r,
@@ -108,14 +108,14 @@ const k = a.forwardRef(({ className: o, children: s, ...r }, n) => /* @__PURE__
     ]
   }
 ));
-k.displayName = e.Item.displayName;
+V.displayName = e.Item.displayName;
 const T = a.forwardRef(({ children: o, searchPlaceholder: s, ...r }, n) => {
-  const [m, p] = a.useState(""), f = a.Children.map(o, (d) => a.isValidElement(d) && d.type === g ? a.cloneElement(d, {
+  const [m, f] = a.useState(""), p = a.Children.map(o, (i) => a.isValidElement(i) && i.type === g ? a.cloneElement(i, {
     searchable: !0,
-    onSearch: p,
+    onSearch: f,
     searchPlaceholder: s
-  }) : d);
-  return /* @__PURE__ */ t(I, { ...r, children: f });
+  }) : i);
+  return /* @__PURE__ */ t(I, { ...r, children: p });
 });
 T.displayName = "SearchableSelect";
 export {
@@ -123,8 +123,8 @@ export {
   I as Select,
   g as SelectContent,
   E as SelectGroup,
-  k as SelectItem,
-  V as SelectLabel,
+  V as SelectItem,
+  k as SelectLabel,
   R as SelectTrigger,
   L as SelectValue
 };

package/dist/components/selection-bar.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { AnimatePresence as o, motion as d } from "framer-motion";
-import { Check as h, X as p, Download as g, Trash as x } from "lucide-react";
-import { Button as r } from "./button.js";
-function w({
-  selectedCount: l,
+import { Check as h, X as g, Download as p, Trash as x } from "lucide-react";
+import { Button as t } from "./button.js";
+function y({
+  selectedCount: c,
   onEnable: a,
   onDisable: s,
-  onDelete: t,
-  onDownload: c,
+  onDelete: r,
+  onDownload: l,
   onCancel: m,
   show: n
 }) {
@@ -20,34 +20,34 @@ function w({
       className: "fixed bottom-4 left-1/2 -translate-x-1/2 w-fit bg-secondary rounded-lg border shadow-lg z-50",
       children: /* @__PURE__ */ i("div", { className: "flex items-center gap-6 px-4 py-2", children: [
         /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm font-medium", children: [
-          /* @__PURE__ */ e("span", { className: "bg-primary text-primary-foreground w-8 h-8 rounded-lg flex items-center justify-center", children: l }),
+          /* @__PURE__ */ e("span", { className: "bg-primary text-white w-8 h-8 rounded-lg flex items-center justify-center", children: c }),
           "Selected"
         ] }),
-        /* @__PURE__ */ e("div", { className: "h-4 w-px bg-border" }),
+        /* @__PURE__ */ e("div", { className: "h-4 w-px bg-light" }),
         /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          a && /* @__PURE__ */ i(r, { variant: "ghost", size: "sm", onClick: a, children: [
+          a && /* @__PURE__ */ i(t, { variant: "ghost", size: "sm", onClick: a, children: [
             /* @__PURE__ */ e(h, { className: "mr-2 h-4 w-4" }),
             "Enable"
           ] }),
-          s && /* @__PURE__ */ i(r, { variant: "ghost", size: "sm", onClick: s, children: [
-            /* @__PURE__ */ e(p, { className: "mr-2 h-4 w-4" }),
+          s && /* @__PURE__ */ i(t, { variant: "ghost", size: "sm", onClick: s, children: [
+            /* @__PURE__ */ e(g, { className: "mr-2 h-4 w-4" }),
             "Disable"
           ] }),
-          c && /* @__PURE__ */ i(r, { variant: "ghost", size: "sm", onClick: c, children: [
-            /* @__PURE__ */ e(g, { className: "mr-2 h-4 w-4" }),
+          l && /* @__PURE__ */ i(t, { variant: "ghost", size: "sm", onClick: l, children: [
+            /* @__PURE__ */ e(p, { className: "mr-2 h-4 w-4" }),
             "Download"
           ] }),
-          t && /* @__PURE__ */ i(r, { variant: "ghost", size: "sm", className: "text-destructive", onClick: t, children: [
+          r && /* @__PURE__ */ i(t, { variant: "ghost", size: "sm", className: "text-red-500", onClick: r, children: [
             /* @__PURE__ */ e(x, { className: "mr-2 h-4 w-4" }),
             "Delete"
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "h-4 w-px bg-border" }),
-        /* @__PURE__ */ e(r, { variant: "ghost", size: "sm", onClick: m, children: "Cancel" })
+        /* @__PURE__ */ e("div", { className: "h-4 w-px bg-light" }),
+        /* @__PURE__ */ e(t, { variant: "ghost", size: "sm", onClick: m, children: "Cancel" })
       ] })
     }
   ) });
 }
 export {
-  w as SelectionBar
+  y as SelectionBar
 };

package/dist/components/separator.js

@@ -1,16 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as i from "react";
+import { jsx as p } from "react/jsx-runtime";
+import * as l from "react";
 import * as o from "@radix-ui/react-separator";
-import { cn as l } from "../lib/utils.js";
-const s = i.forwardRef(
-  ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ e(
+import { cn as e } from "../lib/utils.js";
+const s = l.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, i) => /* @__PURE__ */ p(
     o.Root,
     {
-      ref: p,
+      ref: i,
       decorative: t,
       orientation: r,
-      className: l(
-        "shrink-0 bg-border",
+      className: e(
+        "shrink-0 bg-light dark:bg-dark",
         r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         a
       ),

package/dist/components/skeleton.js

@@ -1,17 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as r } from "../lib/utils.js";
-function d({
+import { jsx as r } from "react/jsx-runtime";
+import { cn as m } from "../lib/utils.js";
+function i({
   className: e,
-  ...m
+  ...o
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: r("animate-pulse rounded-md bg-muted/60", e),
-      ...m
+      className: m("animate-pulse rounded-md bg-hover/60", e),
+      ...o
     }
   );
 }
 export {
-  d as Skeleton
+  i as Skeleton
 };

package/dist/components/slider.js

@@ -1,32 +1,32 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import * as t from "react";
 import * as e from "@radix-ui/react-slider";
-import { cn as n } from "../lib/utils.js";
-const c = t.forwardRef(({ className: l, ...o }, s) => {
-  var i;
+import { cn as c } from "../lib/utils.js";
+const n = t.forwardRef(({ className: l, ...r }, s) => {
+  var o;
   return /* @__PURE__ */ a(
     e.Root,
     {
       ref: s,
-      className: n(
+      className: c(
         "relative flex w-full touch-none select-none items-center",
         l
       ),
-      ...o,
+      ...r,
       children: [
-        /* @__PURE__ */ r(e.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ r(
+        /* @__PURE__ */ i(e.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ i(
           "div",
           {
             className: "absolute h-full bg-primary",
-            style: { width: `${(((i = o.value) == null ? void 0 : i[0]) || 0) * 100}%` }
+            style: { width: `${(((o = r.value) == null ? void 0 : o[0]) || 0) * 100}%` }
           }
         ) }),
-        /* @__PURE__ */ r(e.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-secondary shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:scale-110 active:scale-90" })
+        /* @__PURE__ */ i(e.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-secondary shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-black/20 dark:focus-visible:ring-white/20 disabled:pointer-events-none disabled:opacity-50 hover:scale-110 active:scale-90" })
       ]
     }
   );
 });
-c.displayName = e.Root.displayName;
+n.displayName = e.Root.displayName;
 export {
-  c as Slider
+  n as Slider
 };

package/dist/components/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, S as t, b as o } from "../stepper-modal-JXpOXOV2.js";
+import { a as p, S as t, b as o } from "../stepper-modal-Bh6gsg8o.js";
 export {
   p as StepLayout,
   t as Stepper,

package/dist/components/switch.js

@@ -3,22 +3,22 @@ import * as t from "react";
 import * as e from "@radix-ui/react-switch";
 import { cn as a } from "../lib/utils.js";
 import { motion as n } from "framer-motion";
-const c = t.forwardRef(({ className: r, ...o }, s) => /* @__PURE__ */ i(
+const l = t.forwardRef(({ className: o, ...r }, s) => /* @__PURE__ */ i(
   e.Root,
   {
     className: a(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      r
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/20 dark:focus-visible:ring-white/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-[#1F1F20] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--text-primary)] data-[state=unchecked]:bg-[var(--border-input)]",
+      o
     ),
-    ...o,
+    ...r,
     ref: s,
     children: /* @__PURE__ */ i(e.Thumb, { asChild: !0, children: /* @__PURE__ */ i(
       n.div,
       {
-        className: "block h-4 w-4 rounded-full bg-secondary shadow-lg ring-0",
+        className: "block h-4 w-4 rounded-full bg-[var(--bg-card)] shadow-lg ring-0",
         initial: !1,
         animate: {
-          x: o.checked ? 16 : 0
+          x: r.checked ? 16 : 0
         },
         transition: {
           type: "spring",
@@ -29,7 +29,7 @@ const c = t.forwardRef(({ className: r, ...o }, s) => /* @__PURE__ */ i(
     ) })
   }
 ));
-c.displayName = e.Root.displayName;
+l.displayName = e.Root.displayName;
 export {
-  c as Switch
+  l as Switch
 };

package/dist/components/table-empty.js

@@ -1,20 +1,20 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { FolderOpen as m } from "lucide-react";
-import { Button as i } from "./button.js";
+import { FolderOpen as l } from "lucide-react";
+import { Button as m } from "./button.js";
 function x({
   title: a = "No data available",
   description: s = "Get started by creating your first record.",
   actionLabel: c = "Create New",
   onAction: t,
-  icon: l = /* @__PURE__ */ e(m, { className: "w-10 h-10 text-muted-foreground" })
+  icon: i = /* @__PURE__ */ e(l, { className: "w-10 h-10 text-tertiary" })
 }) {
   return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: /* @__PURE__ */ r("div", { className: "space-y-5 text-center", children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-center", children: l }),
+    /* @__PURE__ */ e("div", { className: "flex justify-center", children: i }),
     /* @__PURE__ */ r("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e("h3", { className: "text-lg font-medium", children: a }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground max-w-sm mx-auto", children: s })
+      /* @__PURE__ */ e("p", { className: "text-sm text-tertiary max-w-sm mx-auto", children: s })
     ] }),
-    t && /* @__PURE__ */ e(i, { onClick: t, children: c })
+    t && /* @__PURE__ */ e(m, { onClick: t, children: c })
   ] }) });
 }
 export {

package/dist/components/table-mobile.js

@@ -1,77 +1,77 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { cn as p } from "../lib/utils.js";
-import { Checkbox as g } from "./checkbox.js";
-import { Tooltip as v } from "./tooltip.js";
-import { useState as b } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cn as c } from "../lib/utils.js";
+import { Checkbox as u } from "./checkbox.js";
+import { Tooltip as f } from "./tooltip.js";
+import { useState as g } from "react";
 import { ChevronRight as x } from "lucide-react";
 function V({
-  data: n,
-  columns: o,
-  showCheckbox: m = !0,
+  data: h,
+  columns: l,
+  showCheckbox: n = !0,
   onRowClick: t,
-  selectedItems: i,
-  onSelect: l,
-  isLoading: c = !1,
-  loadingRows: u = 3
+  selectedItems: d,
+  onSelect: o,
+  isLoading: m = !1,
+  loadingRows: v = 3
 }) {
-  const [f, h] = b(null);
-  return c ? /* @__PURE__ */ e("div", { className: "space-y-4", children: Array(u).fill(0).map((a, s) => /* @__PURE__ */ d(
+  const [b, p] = g(null);
+  return m ? /* @__PURE__ */ r("div", { className: "space-y-4", children: Array(v).fill(0).map((a, s) => /* @__PURE__ */ i(
     "div",
     {
       className: "border border-light rounded-xl p-4 space-y-4 shadow-sm bg-card animate-pulse",
       children: [
-        /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ e("div", { className: "h-5 bg-muted/70 rounded-md w-2/5" }),
-          m && /* @__PURE__ */ e("div", { className: "h-4 w-4 rounded-md bg-muted/50" })
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ r("div", { className: "h-5 bg-hover/70 rounded-md w-2/5" }),
+          n && /* @__PURE__ */ r("div", { className: "h-4 w-4 rounded-md bg-hover/50" })
         ] }),
-        /* @__PURE__ */ e("div", { className: "space-y-3 pt-2", children: o.slice(0, 4).map((r, N) => /* @__PURE__ */ d("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ e("div", { className: "h-4 bg-muted/40 rounded-md w-1/4" }),
-          /* @__PURE__ */ e("div", { className: "h-4 bg-muted/60 rounded-md", style: { width: Math.random() * 50 + 30 + "%" } })
-        ] }, `skeleton-col-${r.id}`)) })
+        /* @__PURE__ */ r("div", { className: "space-y-3 pt-2", children: l.slice(0, 4).map((e, N) => /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ r("div", { className: "h-4 bg-hover/40 rounded-md w-1/4" }),
+          /* @__PURE__ */ r("div", { className: "h-4 bg-hover/60 rounded-md", style: { width: Math.random() * 50 + 30 + "%" } })
+        ] }, `skeleton-col-${e.id}`)) })
       ]
     },
     `skeleton-${s}`
-  )) }) : n.length === 0 ? null : /* @__PURE__ */ e("div", { className: "space-y-4", children: n.map((a, s) => /* @__PURE__ */ d(
+  )) }) : h.length === 0 ? null : /* @__PURE__ */ r("div", { className: "space-y-4", children: h.map((a, s) => /* @__PURE__ */ i(
     "div",
     {
-      className: p(
+      className: c(
         "border border-light/40 rounded-xl overflow-hidden bg-card shadow-sm transition-all duration-200",
         t && "cursor-pointer hover:border-primary/30 hover:shadow-md hover:bg-card"
       ),
       onClick: () => t == null ? void 0 : t(a),
       children: [
-        /* @__PURE__ */ d("div", { className: "flex items-center justify-between p-4 border-b border-light bg-muted/5", children: [
-          /* @__PURE__ */ e("div", { className: "font-medium", children: o[0].cell(a) || `Item ${s + 1}` }),
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-            m && /* @__PURE__ */ e(
-              g,
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-between p-4 border-b border-light bg-hover/5", children: [
+          /* @__PURE__ */ r("div", { className: "font-medium", children: l[0].cell(a) || `Item ${s + 1}` }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            n && /* @__PURE__ */ r(
+              u,
               {
-                checked: i == null ? void 0 : i.has(a.id),
-                onClick: (r) => {
-                  r.stopPropagation(), l == null || l(a.id, !(i != null && i.has(a.id)));
+                checked: d == null ? void 0 : d.has(a.id),
+                onClick: (e) => {
+                  e.stopPropagation(), o == null || o(a.id, !(d != null && d.has(a.id)));
                 },
-                className: "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"
+                className: "data-[state=checked]:bg-primary data-[state=checked]:text-white"
               }
             ),
-            t && /* @__PURE__ */ e(x, { className: "h-4 w-4 text-muted-foreground/50" })
+            t && /* @__PURE__ */ r(x, { className: "h-4 w-4 text-tertiary/50" })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "px-4 py-3 space-y-3", children: o.slice(1).map((r) => /* @__PURE__ */ d(
+        /* @__PURE__ */ r("div", { className: "px-4 py-3 space-y-3", children: l.slice(1).map((e) => /* @__PURE__ */ i(
           "div",
           {
             className: "flex items-start gap-3 text-sm group",
-            onMouseEnter: () => r.tooltipValue && h(`${s}-${r.id}`),
-            onMouseLeave: () => h(null),
+            onMouseEnter: () => e.tooltipValue && p(`${s}-${e.id}`),
+            onMouseLeave: () => p(null),
             children: [
-              /* @__PURE__ */ e("div", { className: "font-medium text-muted-foreground w-1/3 min-w-[80px] text-xs uppercase tracking-wide pt-0.5", children: r.header }),
-              /* @__PURE__ */ e("div", { className: p(
-                "flex-1 min-w-0 text-foreground/90 group-hover:text-foreground transition-colors",
-                r.truncate && "truncate"
-              ), children: r.cell(a) }),
-              r.tooltipValue && f === `${s}-${r.id}` && /* @__PURE__ */ e(
-                v,
+              /* @__PURE__ */ r("div", { className: "font-medium text-tertiary w-1/3 min-w-[80px] text-xs uppercase tracking-wide pt-0.5", children: e.header }),
+              /* @__PURE__ */ r("div", { className: c(
+                "flex-1 min-w-0 text-primary/90 group-hover:text-primary transition-colors",
+                e.truncate && "truncate"
+              ), children: e.cell(a) }),
+              e.tooltipValue && b === `${s}-${e.id}` && /* @__PURE__ */ r(
+                f,
                 {
-                  content: r.tooltipValue(a),
+                  content: e.tooltipValue(a),
                   side: "bottom",
                   align: "start",
                   isVisible: !0
@@ -79,7 +79,7 @@ function V({
               )
             ]
           },
-          r.id
+          e.id
         )) })
       ]
     },