@ck-ui/component-library 2.0.3 → 2.0.4

package/dist/components/Table/_helpers/TableRows.js

@@ -20,9 +20,9 @@ function Z(r) {
   const e = Math.min(r - 1, M.length - 1);
   return M[e];
 }
-function I(r, e, h) {
-  const d = Z(r);
-  return d || (e && h % 2 !== 0 ? "var(--ckds-cell-bg-striped, var(--ckcl-primary-50))" : "var(--ckds-cell-bg-default, #ffffff)");
+function I(r, e, m) {
+  const o = Z(r);
+  return o || (e && m % 2 !== 0 ? "var(--ckds-cell-bg-striped, var(--ckcl-primary-50))" : "var(--ckds-cell-bg-default, #ffffff)");
 }
 function B(r) {
   const e = r?.align;
@@ -37,110 +37,168 @@ function H(r) {
 function R({
   title: r,
   wrapText: e,
-  children: h
+  children: m
 }) {
-  const d = K(null), [g, k] = Q(!1), u = U(() => {
-    d.current && k(d.current.scrollWidth > d.current.offsetWidth);
-  }, []), l = /* @__PURE__ */ t(
-    "div",
+  const o = K(null), [g, h] = Q(!1), f = U(() => {
+    o.current && h(o.current.scrollWidth > o.current.offsetWidth);
+  }, []);
+  return /* @__PURE__ */ t(
+    X,
     {
-      ref: d,
-      onMouseEnter: e ? void 0 : u,
-      className: `${e ? "whitespace-normal wrap-break-word" : "whitespace-nowrap overflow-hidden text-ellipsis"} w-full`,
-      children: h
+      title: !e && g ? r : "",
+      placement: "top",
+      arrow: !0,
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          ref: o,
+          onMouseEnter: e ? void 0 : f,
+          className: `${e ? "whitespace-normal wrap-break-word" : "whitespace-nowrap overflow-hidden text-ellipsis"} w-full`,
+          children: m
+        }
+      )
     }
   );
-  return e || !g ? l : /* @__PURE__ */ t(X, { title: r, placement: "top", arrow: !0, children: l });
 }
 function oe({
   rows: r,
   virtualization: e,
-  rowVirtualizer: h,
-  handleMeasure: d,
+  rowVirtualizer: m,
+  handleMeasure: o,
   columnSizing: g,
-  tableConfig: k,
-  table: u,
-  selectionState: l,
-  selectionConfig: a,
-  onToggleRowSelection: f,
+  tableConfig: h,
+  table: f,
+  selectionState: k,
+  selectionConfig: c,
+  onToggleRowSelection: d,
   expandableConfig: s,
   expandedIds: x,
   onToggleExpand: b,
   depth: p = 0
 }) {
-  const v = (a?.enabled ?? !1) && !s?.enabled, C = v ? 40 : 0, o = s?.enabled ?? !1, F = s?.indentSize ?? 20, y = s?.childrenKey ?? "children";
-  return e ? /* @__PURE__ */ t(A, { children: h.getVirtualItems().map((c) => {
-    const m = r[c.index], i = m.id, w = v && l?.selectedIds.has(i);
+  const v = (c?.enabled ?? !1) && !s?.enabled, C = v ? 40 : 0, a = s?.enabled ?? !1, F = s?.indentSize ?? 20, y = s?.childrenKey ?? "children";
+  return e ? /* @__PURE__ */ t(A, { children: m.getVirtualItems().map((i) => {
+    const u = r[i.index], l = u.id, w = v && k?.selectedIds.has(l);
     return /* @__PURE__ */ V(
       "tr",
       {
-        ref: (n) => d(c.index, n),
-        "data-index": c.index,
-        className: j("ckds-dragable-tr flex absolute top-0 left-0 w-full"),
+        ref: (n) => o(i.index, n),
+        "data-index": i.index,
+        className: j(
+          "ckds-dragable-tr flex absolute top-0 left-0 w-full"
+        ),
         style: {
-          transform: `translateY(${c.start}px)`,
+          transform: `translateY(${i.start}px)`,
           minHeight: N,
           borderBottom: "1px solid var(--ckcl-black-50, #F4F4F4)"
         },
         children: [
-          v && /* @__PURE__ */ t("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: N, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ t(T, { checked: !!w, onChange: () => f?.(i) }) }),
-          m.getVisibleCells().map((n, D) => {
-            const E = m.original?.status?.toLowerCase?.() === "inactive", W = D === 0;
+          v && /* @__PURE__ */ t(
+            "td",
+            {
+              className: "ckds-dragable-td flex items-center justify-center",
+              style: {
+                width: 40,
+                minWidth: 40,
+                maxWidth: 40,
+                height: N,
+                flex: "0 0 40px",
+                position: "sticky",
+                left: 0,
+                zIndex: 2,
+                backgroundColor: "var(--ckds-cell-bg-default, #ffffff)"
+              },
+              children: /* @__PURE__ */ t(
+                T,
+                {
+                  checked: !!w,
+                  onChange: () => d?.(l)
+                }
+              )
+            }
+          ),
+          u.getVisibleCells().map((n, D) => {
+            const E = u.original?.status?.toLowerCase?.() === "inactive", W = D === 0;
             return /* @__PURE__ */ t(
               "td",
               {
                 className: "ckds-dragable-td flex items-center",
                 style: {
-                  ...O(n.column, u, C, g),
+                  ...O(
+                    n.column,
+                    f,
+                    C,
+                    g
+                  ),
                   minHeight: N,
-                  ...L(n.column, u.getVisibleLeafColumns(), g),
+                  ...L(
+                    n.column,
+                    f.getVisibleLeafColumns(),
+                    g
+                  ),
                   justifyContent: B(n.column.columnDef),
-                  textAlign: H(n.column.columnDef),
+                  textAlign: H(
+                    n.column.columnDef
+                  ),
                   // Explicit color — avoids DaisyUI text-base-* token dependency
                   color: E ? "var(--ckcl-black-400, #737373)" : "var(--ckcl-black-500, #2b2b2b)",
-                  backgroundColor: I(p, k.stripedRows, c.index)
+                  backgroundColor: I(
+                    p,
+                    h.stripedRows,
+                    i.index
+                  )
                 },
-                children: /* @__PURE__ */ t(R, { title: String(n.getValue() ?? ""), wrapText: k.wrapText, children: /* @__PURE__ */ t(
-                  J,
+                children: /* @__PURE__ */ t(
+                  R,
                   {
-                    isFirstDataCol: W,
-                    hasExpansion: o,
-                    row: m,
-                    childrenKey: y,
-                    expandedIds: x,
-                    onToggleExpand: b,
-                    depth: p,
-                    indentSize: F,
-                    expandableConfig: s,
-                    children: _(n.column.columnDef.cell ?? n.column.columnDef.header, n.getContext())
+                    title: String(n.getValue() ?? ""),
+                    wrapText: h.wrapText,
+                    children: /* @__PURE__ */ t(
+                      J,
+                      {
+                        isFirstDataCol: W,
+                        hasExpansion: a,
+                        row: u,
+                        childrenKey: y,
+                        expandedIds: x,
+                        onToggleExpand: b,
+                        depth: p,
+                        indentSize: F,
+                        expandableConfig: s,
+                        children: _(
+                          n.column.columnDef.cell ?? n.column.columnDef.header,
+                          n.getContext()
+                        )
+                      }
+                    )
                   }
-                ) })
+                )
               },
               n.id
             );
           })
         ]
       },
-      m.id
+      u.id
     );
-  }) }) : /* @__PURE__ */ t(A, { children: r.map((c, m) => {
-    const i = c.original, w = i?.status?.toLowerCase?.() === "inactive", n = c.id, D = v && l?.selectedIds.has(n), $ = o && x?.has(n), E = o ? i[y] : void 0, W = Array.isArray(E) && E.length > 0;
+  }) }) : /* @__PURE__ */ t(A, { children: r.map((i, u) => {
+    const l = i.original, w = l?.status?.toLowerCase?.() === "inactive", n = i.id, D = v && k?.selectedIds.has(n), $ = a && x?.has(n), E = a ? l[y] : void 0, W = Array.isArray(E) && E.length > 0;
     return /* @__PURE__ */ t(
       z,
       {
-        row: c,
-        rowIndex: m,
+        row: i,
+        rowIndex: u,
         isInactive: w,
         isSelected: !!D,
         isExpanded: !!$,
         hasChildren: W,
         nestedChildren: E,
         columnSizing: g,
-        tableConfig: k,
-        table: u,
+        tableConfig: h,
+        table: f,
         hasSelection: v,
-        selectionState: l,
-        onToggleRowSelection: f,
+        selectionState: k,
+        onToggleRowSelection: d,
         expandedIds: x,
         onToggleExpand: b,
         expandableConfig: s,
@@ -148,118 +206,206 @@ function oe({
         indentSize: F,
         childrenKey: y
       },
-      c.id
+      i.id
     );
   }) });
 }
 function J({
   isFirstDataCol: r,
   hasExpansion: e,
-  row: h,
-  childrenKey: d,
+  row: m,
+  childrenKey: o,
   expandedIds: g,
-  onToggleExpand: k,
-  depth: u,
-  indentSize: l,
-  expandableConfig: a,
-  children: f
+  onToggleExpand: h,
+  depth: f,
+  indentSize: k,
+  expandableConfig: c,
+  children: d
 }) {
-  if (!r || !e) return /* @__PURE__ */ t(A, { children: f });
-  const x = h.original[d], b = Array.isArray(x) && x.length > 0 || !!a?.renderExpandedContent, p = g?.has(h.id) ?? !1;
+  if (!r || !e) return /* @__PURE__ */ t(A, { children: d });
+  const x = m.original[o], b = Array.isArray(x) && x.length > 0 || !!c?.renderExpandedContent, p = g?.has(m.id) ?? !1;
   return /* @__PURE__ */ t(
     G,
     {
       isExpanded: p,
       hasChildren: b,
-      depth: u,
-      indentSize: l,
-      onToggle: () => k?.(h.id),
-      children: f
+      depth: f,
+      indentSize: k,
+      onToggle: () => h?.(m.id),
+      children: d
     }
   );
 }
 function z({
   row: r,
   rowIndex: e,
-  isInactive: h,
-  isSelected: d,
+  isInactive: m,
+  isSelected: o,
   isExpanded: g,
-  hasChildren: k,
-  nestedChildren: u,
-  columnSizing: l,
-  tableConfig: a,
-  table: f,
+  hasChildren: h,
+  nestedChildren: f,
+  columnSizing: k,
+  tableConfig: c,
+  table: d,
   hasSelection: s,
   selectionState: x,
   onToggleRowSelection: b,
   expandedIds: p,
   onToggleExpand: v,
   expandableConfig: C,
-  depth: o,
+  depth: a,
   indentSize: F,
   childrenKey: y
 }) {
-  const c = C?.enabled ?? !1, m = s ? 40 : 0;
+  const i = C?.enabled ?? !1, u = s ? 40 : 0;
   return /* @__PURE__ */ V(A, { children: [
-    /* @__PURE__ */ V("tr", { className: j("ckds-dragable-tr flex w-full"), "data-depth": o, style: { position: "relative", zIndex: 0, borderBottom: "1px solid var(--ckcl-black-50, #F4F4F4)" }, children: [
-      s && /* @__PURE__ */ t("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: N, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: I(o, a.stripedRows, e) }, children: /* @__PURE__ */ t(T, { checked: d, onChange: () => b?.(r.id) }) }),
-      r.getVisibleCells().map((i, w) => {
-        const n = w === 0, D = I(o, a.stripedRows, e);
-        return /* @__PURE__ */ t(
-          "td",
-          {
-            className: "ckds-dragable-td flex items-center",
-            style: {
-              ...O(i.column, f, m, l),
-              ...a.wrapText ? { minHeight: `${N}px` } : { height: `${N}px` },
-              ...L(i.column, f.getVisibleLeafColumns(), l),
-              justifyContent: B(i.column.columnDef),
-              textAlign: H(i.column.columnDef),
-              // Explicit color — avoids DaisyUI text-base-* token dependency
-              color: h ? "var(--ckcl-black-400, #737373)" : "var(--ckcl-black-500, #2b2b2b)",
-              backgroundColor: D
-            },
-            children: /* @__PURE__ */ t(R, { title: String(i.getValue() ?? ""), wrapText: a.wrapText, children: /* @__PURE__ */ t(
-              J,
+    /* @__PURE__ */ V(
+      "tr",
+      {
+        className: j("ckds-dragable-tr flex w-full"),
+        "data-depth": a,
+        style: {
+          position: "relative",
+          zIndex: 0,
+          borderBottom: "1px solid var(--ckcl-black-50, #F4F4F4)"
+        },
+        children: [
+          s && /* @__PURE__ */ t(
+            "td",
+            {
+              className: "ckds-dragable-td flex items-center justify-center",
+              style: {
+                width: 40,
+                minWidth: 40,
+                maxWidth: 40,
+                height: N,
+                flex: "0 0 40px",
+                position: "sticky",
+                left: 0,
+                zIndex: 2,
+                backgroundColor: I(
+                  a,
+                  c.stripedRows,
+                  e
+                )
+              },
+              children: /* @__PURE__ */ t(
+                T,
+                {
+                  checked: o,
+                  onChange: () => b?.(r.id)
+                }
+              )
+            }
+          ),
+          r.getVisibleCells().map((l, w) => {
+            const n = w === 0, D = I(
+              a,
+              c.stripedRows,
+              e
+            );
+            return /* @__PURE__ */ t(
+              "td",
               {
-                isFirstDataCol: n,
-                hasExpansion: c,
-                row: r,
-                childrenKey: y,
-                expandedIds: p,
-                onToggleExpand: v,
-                depth: o,
-                indentSize: F,
-                expandableConfig: C,
-                children: _(i.column.columnDef.cell ?? i.column.columnDef.header, i.getContext())
-              }
-            ) })
-          },
-          i.id
-        );
-      })
-    ] }),
-    g && C?.renderExpandedContent && /* @__PURE__ */ V("tr", { className: "ckds-dragable-tr flex w-full", "data-depth": o, children: [
-      s && /* @__PURE__ */ t("td", { className: "ckds-dragable-td", style: { width: 40, minWidth: 40, maxWidth: 40, flex: "0 0 40px", backgroundColor: I(o, a.stripedRows, e) } }),
+                className: "ckds-dragable-td flex items-center",
+                style: {
+                  ...O(
+                    l.column,
+                    d,
+                    u,
+                    k
+                  ),
+                  ...c.wrapText ? { minHeight: `${N}px` } : { height: `${N}px` },
+                  ...L(
+                    l.column,
+                    d.getVisibleLeafColumns(),
+                    k
+                  ),
+                  justifyContent: B(l.column.columnDef),
+                  textAlign: H(
+                    l.column.columnDef
+                  ),
+                  // Explicit color — avoids DaisyUI text-base-* token dependency
+                  color: m ? "var(--ckcl-black-400, #737373)" : "var(--ckcl-black-500, #2b2b2b)",
+                  backgroundColor: D
+                },
+                children: /* @__PURE__ */ t(
+                  R,
+                  {
+                    title: String(l.getValue() ?? ""),
+                    wrapText: c.wrapText,
+                    children: /* @__PURE__ */ t(
+                      J,
+                      {
+                        isFirstDataCol: n,
+                        hasExpansion: i,
+                        row: r,
+                        childrenKey: y,
+                        expandedIds: p,
+                        onToggleExpand: v,
+                        depth: a,
+                        indentSize: F,
+                        expandableConfig: C,
+                        children: _(
+                          l.column.columnDef.cell ?? l.column.columnDef.header,
+                          l.getContext()
+                        )
+                      }
+                    )
+                  }
+                )
+              },
+              l.id
+            );
+          })
+        ]
+      }
+    ),
+    g && C?.renderExpandedContent && /* @__PURE__ */ V("tr", { className: "ckds-dragable-tr flex w-full", "data-depth": a, children: [
+      s && /* @__PURE__ */ t(
+        "td",
+        {
+          className: "ckds-dragable-td",
+          style: {
+            width: 40,
+            minWidth: 40,
+            maxWidth: 40,
+            flex: "0 0 40px",
+            backgroundColor: I(
+              a,
+              c.stripedRows,
+              e
+            )
+          }
+        }
+      ),
       /* @__PURE__ */ t(
         "td",
         {
           className: "ckds-dragable-td",
-          colSpan: f.getVisibleLeafColumns().length,
-          style: { flex: "1 1 auto", padding: 0, backgroundColor: I(o, a.stripedRows, e) },
-          children: C.renderExpandedContent(r.original, o)
+          colSpan: d.getVisibleLeafColumns().length,
+          style: {
+            flex: "1 1 auto",
+            padding: 0,
+            backgroundColor: I(
+              a,
+              c.stripedRows,
+              e
+            )
+          },
+          children: C.renderExpandedContent(r.original, a)
         }
       )
     ] }),
-    g && k && u && !C?.renderExpandedContent && /* @__PURE__ */ t(
+    g && h && f && !C?.renderExpandedContent && /* @__PURE__ */ t(
       P,
       {
-        nestedChildren: u,
+        nestedChildren: f,
         parentId: r.id,
-        depth: o + 1,
-        columnSizing: l,
-        tableConfig: a,
-        table: f,
+        depth: a + 1,
+        columnSizing: k,
+        tableConfig: c,
+        table: d,
         hasSelection: s,
         selectionState: x,
         onToggleRowSelection: b,
@@ -275,129 +421,177 @@ function z({
 function P({
   nestedChildren: r,
   parentId: e,
-  depth: h,
-  columnSizing: d,
+  depth: m,
+  columnSizing: o,
   tableConfig: g,
-  table: k,
-  hasSelection: u,
-  selectionState: l,
-  onToggleRowSelection: a,
-  expandedIds: f,
+  table: h,
+  hasSelection: f,
+  selectionState: k,
+  onToggleRowSelection: c,
+  expandedIds: d,
   onToggleExpand: s,
   expandableConfig: x,
   indentSize: b,
   childrenKey: p
 }) {
-  const v = k.getVisibleLeafColumns(), C = x?.enabled ?? !1;
-  return /* @__PURE__ */ t(A, { children: r.map((o, F) => {
-    const y = o, c = `${e}.${F}`, m = y[p], i = Array.isArray(m) && m.length > 0, w = f?.has(c) ?? !1, n = u && (l?.selectedIds.has(c) ?? !1), D = y?.status?.toLowerCase?.() === "inactive";
+  const v = h.getVisibleLeafColumns(), C = x?.enabled ?? !1;
+  return /* @__PURE__ */ t(A, { children: r.map((a, F) => {
+    const y = a, i = `${e}.${F}`, u = y[p], l = Array.isArray(u) && u.length > 0, w = d?.has(i) ?? !1, n = f && (k?.selectedIds.has(i) ?? !1), D = y?.status?.toLowerCase?.() === "inactive";
     return /* @__PURE__ */ t(
       S,
       {
         childRecord: y,
-        childRowId: c,
+        childRowId: i,
         childIndex: F,
         childIsInactive: D,
         childIsSelected: n,
         childIsExpanded: w,
-        childHasChildren: i,
-        childChildren: m,
-        depth: h,
-        columnSizing: d,
+        childHasChildren: l,
+        childChildren: u,
+        depth: m,
+        columnSizing: o,
         tableConfig: g,
-        table: k,
+        table: h,
         visibleCols: v,
-        hasSelection: u,
+        hasSelection: f,
         hasExpansion: C,
-        selectionState: l,
-        onToggleRowSelection: a,
-        expandedIds: f,
+        selectionState: k,
+        onToggleRowSelection: c,
+        expandedIds: d,
         onToggleExpand: s,
         expandableConfig: x,
         indentSize: b,
         childrenKey: p
       },
-      c
+      i
     );
   }) });
 }
 function S({
   childRecord: r,
   childRowId: e,
-  childIndex: h,
-  childIsInactive: d,
+  childIndex: m,
+  childIsInactive: o,
   childIsSelected: g,
-  childIsExpanded: k,
-  childHasChildren: u,
-  childChildren: l,
-  depth: a,
-  columnSizing: f,
+  childIsExpanded: h,
+  childHasChildren: f,
+  childChildren: k,
+  depth: c,
+  columnSizing: d,
   tableConfig: s,
   table: x,
   visibleCols: b,
   hasSelection: p,
   hasExpansion: v,
   selectionState: C,
-  onToggleRowSelection: o,
+  onToggleRowSelection: a,
   expandedIds: F,
   onToggleExpand: y,
-  expandableConfig: c,
-  indentSize: m,
-  childrenKey: i
+  expandableConfig: i,
+  indentSize: u,
+  childrenKey: l
 }) {
   const w = p ? 40 : 0;
   return /* @__PURE__ */ V(A, { children: [
-    /* @__PURE__ */ V("tr", { className: j("ckds-dragable-tr flex w-full"), "data-depth": a, style: { position: "relative", zIndex: 0, borderBottom: "1px solid var(--ckcl-black-50, #F4F4F4)" }, children: [
-      p && /* @__PURE__ */ t("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: N, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ t(T, { checked: g, onChange: () => o?.(e) }) }),
-      b.map((n, D) => {
-        const $ = D === 0, E = r[n.id], W = E != null ? String(E) : "", Y = I(a, s.stripedRows, h), q = $ && v ? /* @__PURE__ */ t(
-          G,
-          {
-            isExpanded: k,
-            hasChildren: u,
-            depth: a,
-            indentSize: m,
-            onToggle: () => y?.(e),
-            children: W
-          }
-        ) : W;
-        return /* @__PURE__ */ t(
-          "td",
-          {
-            className: "ckds-dragable-td flex items-center",
-            style: {
-              ...O(n, x, w, f),
-              ...s.wrapText ? { minHeight: `${N}px` } : { height: `${N}px` },
-              ...L(n, b, f),
-              backgroundColor: Y,
-              // Explicit color — avoids DaisyUI text-base-* token dependency
-              color: d ? "var(--ckcl-black-400, #737373)" : "var(--ckcl-black-500, #2b2b2b)",
-              justifyContent: B(n.columnDef),
-              textAlign: H(n.columnDef)
-            },
-            children: /* @__PURE__ */ t(R, { title: W, wrapText: s.wrapText, children: q })
-          },
-          `${e}-${n.id}`
-        );
-      })
-    ] }),
-    k && u && l && /* @__PURE__ */ t(
+    /* @__PURE__ */ V(
+      "tr",
+      {
+        className: j("ckds-dragable-tr flex w-full"),
+        "data-depth": c,
+        style: {
+          position: "relative",
+          zIndex: 0,
+          borderBottom: "1px solid var(--ckcl-black-50, #F4F4F4)"
+        },
+        children: [
+          p && /* @__PURE__ */ t(
+            "td",
+            {
+              className: "ckds-dragable-td flex items-center justify-center",
+              style: {
+                width: 40,
+                minWidth: 40,
+                maxWidth: 40,
+                height: N,
+                flex: "0 0 40px",
+                position: "sticky",
+                left: 0,
+                zIndex: 2,
+                backgroundColor: "var(--ckds-cell-bg-default, #ffffff)"
+              },
+              children: /* @__PURE__ */ t(
+                T,
+                {
+                  checked: g,
+                  onChange: () => a?.(e)
+                }
+              )
+            }
+          ),
+          b.map((n, D) => {
+            const $ = D === 0, E = r[n.id], W = E != null ? String(E) : "", Y = I(
+              c,
+              s.stripedRows,
+              m
+            ), q = $ && v ? /* @__PURE__ */ t(
+              G,
+              {
+                isExpanded: h,
+                hasChildren: f,
+                depth: c,
+                indentSize: u,
+                onToggle: () => y?.(e),
+                children: W
+              }
+            ) : W;
+            return /* @__PURE__ */ t(
+              "td",
+              {
+                className: "ckds-dragable-td flex items-center",
+                style: {
+                  ...O(n, x, w, d),
+                  ...s.wrapText ? { minHeight: `${N}px` } : { height: `${N}px` },
+                  ...L(n, b, d),
+                  backgroundColor: Y,
+                  // Explicit color — avoids DaisyUI text-base-* token dependency
+                  color: o ? "var(--ckcl-black-400, #737373)" : "var(--ckcl-black-500, #2b2b2b)",
+                  justifyContent: B(n.columnDef),
+                  textAlign: H(
+                    n.columnDef
+                  )
+                },
+                children: /* @__PURE__ */ t(
+                  R,
+                  {
+                    title: W,
+                    wrapText: s.wrapText,
+                    children: q
+                  }
+                )
+              },
+              `${e}-${n.id}`
+            );
+          })
+        ]
+      }
+    ),
+    h && f && k && /* @__PURE__ */ t(
       P,
       {
-        nestedChildren: l,
+        nestedChildren: k,
         parentId: e,
-        depth: a + 1,
-        columnSizing: f,
+        depth: c + 1,
+        columnSizing: d,
         tableConfig: s,
         table: x,
         hasSelection: p,
         selectionState: C,
-        onToggleRowSelection: o,
+        onToggleRowSelection: a,
         expandedIds: F,
         onToggleExpand: y,
-        expandableConfig: c,
-        indentSize: m,
-        childrenKey: i
+        expandableConfig: i,
+        indentSize: u,
+        childrenKey: l
       }
     )
   ] });