@ck-ui/component-library 1.0.7 → 1.0.9

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

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