@konstructio/ui 0.1.2-alpha.119 → 0.1.2-alpha.120

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -1,127 +1,144 @@
-import { t as re } from "../../../../HamburgerTrigger-BgeS_nBA.js";
-import { t as u } from "../../../../utils-DnIJruo0.js";
-import { Drawer as te } from "../../../Drawer/Drawer.js";
-import { SidebarContext as I } from "../../contexts/SidebarContext.js";
-import { useSidebarMode as ne } from "../../hooks/useSidebarMode.js";
-import { dragVariants as oe, wrapperSiderbarVariants as N } from "../../Sidebar.variants.js";
-import { useCallback as v, useEffect as o, useRef as s, useState as b } from "react";
-import { Fragment as se, jsx as d, jsxs as P } from "react/jsx-runtime";
-var de = 280, ae = ({ animateOnHover: _ = !0, canResize: $ = !0, children: D, dividerClassName: j, drawerBreakpoint: U, drawerClassNames: p, drawerMaxWidth: R = de, expandedBreakpoint: X, expandOnHover: C = !0, initialMode: W, initialWidth: L = 256, maxWith: a = 300, minWith: c = 240, mode: q = "auto", separatorClassName: E, style: O, theme: S, triggerClassName: B, openNavigationLabel: G, wrapperClassName: z, onModeChange: w }) => {
-  const e = ne(q, X, U, W), [T, g] = b(!1), [H, J] = b(null), [f, V] = b(null), m = e === "drawer" ? "drawer" : f ?? e, n = s(null), t = s(null), h = s(!1), k = s(!1), M = s(w), A = s(e);
-  o(() => {
-    M.current = w;
-  }, [w]), o(() => {
-    A.current !== e && (A.current = e, M.current?.(e, "viewport"));
-  }, [e]), o(() => {
+import { t as se } from "../../../../HamburgerTrigger-CfrAnhmG.js";
+import { t as a } from "../../../../utils-DnIJruo0.js";
+import { Drawer as ae } from "../../../Drawer/Drawer.js";
+import { SidebarContext as P } from "../../contexts/SidebarContext.js";
+import { useSidebarMode as de } from "../../hooks/useSidebarMode.js";
+import { dragVariants as le, wrapperSiderbarVariants as _ } from "../../Sidebar.variants.js";
+import { useCallback as m, useEffect as s, useRef as d, useState as E } from "react";
+import { Fragment as ce, jsx as l, jsxs as O } from "react/jsx-runtime";
+var ie = 280, ue = ({ animateOnHover: $ = !0, canResize: j = !0, children: R, dividerClassName: U, drawerBreakpoint: X, drawerClassNames: v, drawerMaxWidth: k = ie, expandedBreakpoint: K, expandOnHover: W = !0, expandAsOverlay: q = !1, initialMode: B, initialWidth: S = 256, maxWith: c = 300, minWith: i = 240, mode: G = "auto", separatorClassName: z, style: T, theme: H, triggerClassName: J, openNavigationLabel: Q, overlayClassName: Y, wrapperClassName: V, onModeChange: b }) => {
+  const e = de(G, K, X, B), [A, h] = E(!1), [F, Z] = E(null), [u, x] = E(null), w = e === "drawer" ? "drawer" : u ?? e, n = d(null), t = d(null), M = d(!1), N = d(!1), y = d(b), C = d(e);
+  s(() => {
+    y.current = b;
+  }, [b]), s(() => {
+    C.current !== e && (C.current = e, y.current?.(e, "viewport"));
+  }, [e]), s(() => {
     if (e !== "drawer") return;
     const r = () => {
-      J(window.innerWidth);
+      Z(window.innerWidth);
     };
     return r(), window.addEventListener("resize", r), () => {
       window.removeEventListener("resize", r);
     };
   }, [e]);
-  const x = v((r) => {
-    if (!h.current) {
+  const D = m((r) => {
+    if (!M.current) {
       n.current && (n.current.style.opacity = "0");
       return;
     }
-    let i = r.clientX;
-    i < c && (i = c), i > a && (i = a), t.current && n.current && (t.current.style.width = `${i}px`, n.current.classList.add("opacity-100"));
-  }, [a, c]), F = v(() => {
-    h.current = !1, n.current && n.current.classList.remove("opacity-100"), t.current && t.current.classList.remove("transition-none"), document.body.style.userSelect = "", document.body.style.cursor = "", document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", F);
-  }, [x]), K = (r) => {
-    r.preventDefault(), r.stopPropagation(), h.current = !0, t.current && t.current.classList.add("transition-none"), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", document.addEventListener("mousemove", x), document.addEventListener("mouseup", F);
+    let o = r.clientX;
+    o < i && (o = i), o > c && (o = c), t.current && n.current && (t.current.style.width = `${o}px`, n.current.classList.add("opacity-100"));
+  }, [c, i]), I = m(() => {
+    M.current = !1, n.current && n.current.classList.remove("opacity-100"), t.current && t.current.classList.remove("transition-none"), document.body.style.userSelect = "", document.body.style.cursor = "", document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", I);
+  }, [D]), ee = (r) => {
+    r.preventDefault(), r.stopPropagation(), M.current = !0, t.current && t.current.classList.add("transition-none"), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", document.addEventListener("mousemove", D), document.addEventListener("mouseup", I);
   };
-  o(() => {
-    m !== "expanded" && t.current && (t.current.style.width = "");
-  }, [m]), o(() => {
-    e !== "drawer" && g(!1), V(null);
-  }, [e]), o(() => {
-    if (k.current || m !== "expanded" || !t.current) return;
-    const r = Math.min(Math.max(L, c), a);
-    t.current.style.width = `${r}px`, k.current = !0;
+  s(() => {
+    w !== "expanded" && t.current && (t.current.style.width = "");
+  }, [w]), s(() => {
+    e !== "drawer" && h(!1), x(null);
+  }, [e]), s(() => {
+    if (N.current || w !== "expanded" || !t.current) return;
+    const r = Math.min(Math.max(S, i), c);
+    t.current.style.width = `${r}px`, N.current = !0;
   }, [
-    L,
-    a,
+    S,
     c,
-    m
+    i,
+    w
   ]);
-  const Q = () => {
-    g(!0);
-  }, y = v(() => {
-    g(!1);
-  }, []), Y = v(() => {
-    const r = (f ?? e) === "collapsed" ? "expanded" : "collapsed";
-    V(r), M.current?.(r, "user");
-  }, [f, e]);
-  if (e === "drawer") return /* @__PURE__ */ P(se, { children: [/* @__PURE__ */ d(re, {
-    isOpen: T,
-    onClick: Q,
-    className: B,
-    openNavigationLabel: G
-  }), /* @__PURE__ */ d(te, {
-    isOpen: T,
-    onClose: y,
+  const re = () => {
+    h(!0);
+  }, L = m(() => {
+    h(!1);
+  }, []), te = m(() => {
+    const r = (u ?? e) === "collapsed" ? "expanded" : "collapsed";
+    x(r), y.current?.(r, "user");
+  }, [u, e]), p = q && e === "collapsed" && u === "expanded", g = m(() => {
+    x(null), y.current?.("collapsed", "user");
+  }, []);
+  if (s(() => {
+    if (!p) return;
+    const r = (o) => {
+      o.key === "Escape" && g();
+    };
+    return document.addEventListener("keydown", r), () => {
+      document.removeEventListener("keydown", r);
+    };
+  }, [p, g]), e === "drawer") return /* @__PURE__ */ O(ce, { children: [/* @__PURE__ */ l(se, {
+    isOpen: A,
+    onClick: re,
+    className: J,
+    openNavigationLabel: Q
+  }), /* @__PURE__ */ l(ae, {
+    isOpen: A,
+    onClose: L,
     position: "left",
-    defaultWidth: H !== null ? Math.min(H, R) : R,
-    theme: S,
+    defaultWidth: F !== null ? Math.min(F, k) : k,
+    fullScreenOnMobile: !1,
+    initialFocus: "panel",
+    theme: H,
     classNames: {
-      ...p,
-      root: u("z-60", p?.root),
-      panel: u(N({ mode: "expanded" }), "h-full border-r-0", z, p?.panel),
-      content: u("gap-0", p?.content)
+      ...v,
+      root: a("z-60", v?.root),
+      panel: a(_({ mode: "expanded" }), "h-full border-r-0", V, v?.panel),
+      content: a("gap-0", v?.content)
     },
-    children: /* @__PURE__ */ d(I.Provider, {
+    children: /* @__PURE__ */ l(P.Provider, {
       value: {
         mode: "expanded",
         isCollapsed: !1,
         expandOnHover: !1,
         animateOnHover: !1,
-        separatorClassName: E,
-        closeDrawer: y,
+        separatorClassName: z,
+        closeDrawer: L,
         canToggle: !1,
         toggleMode: () => {
         }
       },
-      children: /* @__PURE__ */ d("div", {
+      children: /* @__PURE__ */ l("div", {
         className: "konstruct-sidebar group/sidebar flex flex-col flex-1 min-h-0",
         "data-mode": "expanded",
-        style: O,
-        children: D
+        style: T,
+        children: R
       })
     })
   })] });
-  const l = f ?? e, Z = $ && l === "expanded", ee = {
-    mode: l,
-    isCollapsed: l === "collapsed",
-    expandOnHover: C,
-    animateOnHover: _,
-    separatorClassName: E,
-    closeDrawer: y,
+  const f = u ?? e, ne = j && f === "expanded", oe = {
+    mode: f,
+    isCollapsed: f === "collapsed",
+    expandOnHover: W,
+    animateOnHover: $,
+    separatorClassName: z,
+    closeDrawer: p ? g : L,
     canToggle: !0,
-    toggleMode: Y
+    toggleMode: te
   };
-  return /* @__PURE__ */ d(I.Provider, {
-    value: ee,
-    children: /* @__PURE__ */ P("aside", {
+  return /* @__PURE__ */ O(P.Provider, {
+    value: oe,
+    children: [p && /* @__PURE__ */ l("div", {
+      className: a("konstruct-sidebar-overlay fixed inset-0 z-50 bg-black/55", Y),
+      role: "presentation",
+      onClick: g
+    }), /* @__PURE__ */ O("aside", {
       ref: t,
-      className: u("konstruct-sidebar", N({
-        mode: l,
-        className: z
+      className: a("konstruct-sidebar", _({
+        mode: f,
+        className: V
       })),
-      "data-theme": S,
-      "data-mode": l,
-      style: O,
-      children: [D, Z && /* @__PURE__ */ d("div", {
+      "data-theme": H,
+      "data-mode": f,
+      "data-overlay": p ? "" : void 0,
+      style: T,
+      children: [R, ne && /* @__PURE__ */ l("div", {
         ref: n,
-        className: u(oe({ className: j })),
-        onMouseDown: K
+        className: a(le({ className: U })),
+        onMouseDown: ee
       })]
-    })
+    })]
   });
 };
-ae.displayName = "Sidebar.Wrapper";
+ue.displayName = "Sidebar.Wrapper";
 export {
-  ae as Wrapper
+  ue as Wrapper
 };

package/dist/components/Sidebar/components/index.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../../HamburgerTrigger-BgeS_nBA.js";
+import { t as r } from "../../../HamburgerTrigger-CfrAnhmG.js";
 import { CollapseTrigger as m } from "./CollapseTrigger/CollapseTrigger.js";
 import { Footer as p } from "./Footer/Footer.js";
 import { Label as f } from "./Label/Label.js";

package/dist/components/Table/components/Filter.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../Input-2M2I_H60.js";
+import { t as a } from "../../../Input-O2bqyJKW.js";
 import { jsx as s, jsxs as t } from "react/jsx-runtime";
 var m = ({ children: e, ...r }) => /* @__PURE__ */ t("div", {
   className: "flex px-4 py-6 rounded-t",

package/dist/components/Tabs/components/Trigger.js

@@ -1,22 +1,22 @@
-import { t as e } from "../../../utils-DnIJruo0.js";
-import { Typography as m } from "../../Typography/Typography.js";
+import { t } from "../../../utils-DnIJruo0.js";
+import { Typography as s } from "../../Typography/Typography.js";
 import { i as n } from "../../../dist-C1a-68Kb.js";
-import { triggerVariants as p } from "../Tabs.variants.js";
-import { jsx as a } from "react/jsx-runtime";
-var s = (r) => r === void 0 ? "auto" : r ? "active" : "inactive", g = ({ tab: r, label: t, isActive: i, className: o }) => /* @__PURE__ */ a(n, {
+import { triggerVariants as u } from "../Tabs.variants.js";
+import { jsx as i } from "react/jsx-runtime";
+var l = (r) => r === void 0 ? "auto" : r ? "active" : "inactive", m = ({ tab: r, label: o, isActive: a, className: e }) => /* @__PURE__ */ i(n, {
   value: r,
-  className: "group/tab",
-  children: /* @__PURE__ */ a(m, {
+  className: "group/tab rounded-xs outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-aurora-500 kubefirst:focus-visible:outline-kubefirst-primary",
+  children: /* @__PURE__ */ i(s, {
     variant: "body2",
     component: "span",
-    className: e(p({
-      variant: s(i),
-      className: o
+    className: t(u({
+      variant: l(a),
+      className: e
     })),
-    children: t
+    children: o
   })
 });
-g.displayName = "KonstructTabsTrigger";
+m.displayName = "KonstructTabsTrigger";
 export {
-  g as Trigger
+  m as Trigger
 };

package/dist/components/TagSelect/TagSelect.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as m } from "../../Wrapper-JmStmade.js";
+import { t as m } from "../../Wrapper-B5PmrW4J.js";
 import { TagSelectProvider as p } from "./contexts/TagSelect.provider.js";
 import { forwardRef as a } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/TagSelect/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../../Wrapper-JmStmade.js";
+import { t as p } from "../../../../Wrapper-B5PmrW4J.js";
 export {
   p as Wrapper
 };

package/dist/components/TagSelect/components/index.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../Wrapper-JmStmade.js";
+import { t as m } from "../../../Wrapper-B5PmrW4J.js";
 import { Item as t } from "./Item/Item.js";
 import { List as i } from "./List/List.js";
 export {

package/dist/components/TextArea/TextArea.variants.js

@@ -15,6 +15,7 @@ var r = e([
   "rounded",
   "text-slate-800",
   "text-sm",
+  "max-md:text-base",
   "transition-all",
   "w-full",
   "disabled:bg-gray-50",

package/dist/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.js

@@ -1,20 +1,20 @@
 import { t as r } from "../../../../../../utils-DnIJruo0.js";
-import { Button as l } from "../../../../../Button/Button.js";
+import { Button as n } from "../../../../../Button/Button.js";
 import { t as m } from "../../../../../../ellipsis-vertical-C_yX7aQe.js";
-import { actionsTriggerVariants as n } from "../../Actions.variants.js";
-import { forwardRef as c } from "react";
+import { actionsTriggerVariants as c } from "../../Actions.variants.js";
+import { forwardRef as l } from "react";
 import { jsx as i, jsxs as p } from "react/jsx-runtime";
-var f = c(({ className: a, iconClassName: s, isOpen: t = !1, ...o }, e) => /* @__PURE__ */ p(l, {
+var f = l(({ className: a, iconClassName: o, isOpen: s = !1, ...t }, e) => /* @__PURE__ */ p(n, {
   ref: e,
   type: "button",
   variant: "link",
   shape: "circle",
   size: "large",
-  className: r(n({ isOpen: t }), a),
-  ...o,
+  className: r(c({ isOpen: s }), "pointer-coarse:min-h-11 pointer-coarse:min-w-11", a),
+  ...t,
   children: [/* @__PURE__ */ i(m, {
     "aria-hidden": "true",
-    className: r("w-7 h-7", s)
+    className: r("w-7 h-7", o)
   }), /* @__PURE__ */ i("span", {
     className: "sr-only",
     children: "Show Actions"

package/dist/components/VirtualizedTable/components/Body/Body.js

@@ -1,29 +1,31 @@
-import { t } from "../../../../utils-DnIJruo0.js";
-import { useTableContext as I } from "../../contexts/table.hook.js";
-import { isPaginationBarVisible as T } from "../../utils/pagination.js";
-import { n as q } from "../../../../table.provider-CzfMGbe4.js";
-import { Skeleton as G } from "../Skeleton/Skeleton.js";
-import { ExpandableRow as J } from "../ExpandableRow/ExpandableRow.js";
-import { Fragment as K } from "react";
-import { jsx as e, jsxs as Q } from "react/jsx-runtime";
-var te = ({ isLoading: v, showPagination: N, emptyState: y, errorState: a }) => {
-  const { table: m, pageSize: E, totalItems: R = -1 / 0, tableLoading: C, tableError: c, enableExpandedRow: D, classNameExpandedRow: _, classNameExpandedCell: j, classNameExpandedContent: z, enableHoverRow: u, classNameHoverRow: B, classNameActiveExpandedRow: V, renderExpandedRow: f, isBorderOnAdjacentCell: L, isExpandColumnVisible: A } = I();
-  if (v || C) return /* @__PURE__ */ e(G, {
-    numberOfRows: E,
-    table: m
+import { t as r } from "../../../../utils-DnIJruo0.js";
+import { HIDE_BELOW_CLASS as T } from "../../constants/responsive.js";
+import { useTableContext as q } from "../../contexts/table.hook.js";
+import { isPaginationBarVisible as G } from "../../utils/pagination.js";
+import { getPinnedCellProps as J } from "../../utils/pinned-columns/pinned-columns.js";
+import { n as K } from "../../../../table.provider-QUo2buYX.js";
+import { Skeleton as Q } from "../Skeleton/Skeleton.js";
+import { ExpandableRow as U } from "../ExpandableRow/ExpandableRow.js";
+import { Fragment as X } from "react";
+import { jsx as e, jsxs as Y } from "react/jsx-runtime";
+var se = ({ isLoading: y, showPagination: E, emptyState: C, errorState: n }) => {
+  const { table: d, pageSize: R, totalItems: D = -1 / 0, tableLoading: _, tableError: c, enableExpandedRow: B, classNameExpandedRow: L, classNameExpandedCell: j, classNameExpandedContent: z, enableHoverRow: f, classNameHoverRow: P, classNameActiveExpandedRow: V, renderExpandedRow: u, isBorderOnAdjacentCell: A, isExpandColumnVisible: H, pinnedWidths: O } = q();
+  if (y || _) return /* @__PURE__ */ e(Q, {
+    numberOfRows: R,
+    table: d
   });
-  const r = m.getRowModel().rows ?? [], d = N && T(R), x = r.length === 0 && !!c && !!a, h = r.length > 0 ? null : c && a ? typeof a == "function" ? a(c) : a : y ?? null;
+  const a = d.getRowModel().rows ?? [], l = E && G(D), x = a.length === 0 && !!c && !!n, h = a.length > 0 ? null : c && n ? typeof n == "function" ? n(c) : n : C ?? null;
   if (h) {
-    const l = m.getVisibleLeafColumns().length;
+    const s = d.getVisibleLeafColumns().length;
     return /* @__PURE__ */ e("tbody", {
-      className: t("kvt-body", "text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
+      className: r("kvt-body", "text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
       children: /* @__PURE__ */ e("tr", {
-        className: t(x ? "kvt-error-row" : "kvt-empty-row", "border-b", "border-b-gray-200", "dark:border-b-metal-700", "bg-transparent"),
+        className: r(x ? "kvt-error-row" : "kvt-empty-row", "border-b", "border-b-gray-200", "dark:border-b-metal-700", "bg-transparent"),
         "data-empty-row": !0,
         "data-error-row": x ? !0 : void 0,
         children: /* @__PURE__ */ e("td", {
-          colSpan: l,
-          className: t("p-0", "bg-white", "dark:bg-metal-900", "dark:border", "dark:border-metal-700", "rounded-b-lg"),
+          colSpan: s,
+          className: r("p-0", "bg-white", "dark:bg-metal-900", "dark:border", "dark:border-metal-700", "rounded-b-lg"),
           children: /* @__PURE__ */ e("div", {
             className: "flex items-center justify-center",
             children: h
@@ -33,42 +35,43 @@ var te = ({ isLoading: v, showPagination: N, emptyState: y, errorState: a }) =>
     });
   }
   return /* @__PURE__ */ e("tbody", {
-    className: t("kvt-body", "text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
-    children: r.map((l, b) => {
-      const { id: p, original: g, getVisibleCells: F } = l, { meta: s = {} } = g, i = F(), n = D && l.getIsExpanded(), H = !!s.expandedRow || !!f, k = i[0]?.column.id !== "__expand" || A ? 0 : L ? 1 : null;
-      return /* @__PURE__ */ Q(K, { children: [/* @__PURE__ */ e("tr", {
-        className: t("kvt-row", { "group/row": u }, "border-b", "border-b-gray-200", "dark:text-metal-50", "dark:border-b-metal-700", "bg-transparent", s.className),
+    className: r("kvt-body", "text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
+    children: a.map((s, b) => {
+      const { id: p, original: g, getVisibleCells: F } = s, { meta: i = {} } = g, m = F(), o = B && s.getIsExpanded(), I = !!i.expandedRow || !!u, k = m[0]?.column.id !== "__expand" || H ? 0 : A ? 1 : null;
+      return /* @__PURE__ */ Y(X, { children: [/* @__PURE__ */ e("tr", {
+        className: r("kvt-row", { "group/row": f }, "border-b", "border-b-gray-200", "dark:text-metal-50", "dark:border-b-metal-700", "bg-transparent", i.className),
         "data-row-id": p,
-        ...s.attributes ?? {},
-        children: i.map(({ id: M, column: o, getContext: O }, w) => {
-          const P = typeof o.columnDef.meta?.className == "function" ? o.columnDef.meta?.className(g) : o.columnDef.meta?.className;
+        ...i.attributes ?? {},
+        children: m.map(({ id: M, column: t, getContext: S }, w) => {
+          const W = typeof t.columnDef.meta?.className == "function" ? t.columnDef.meta?.className(g) : t.columnDef.meta?.className, { hideBelow: N } = t.columnDef.meta ?? {}, v = J(d, t, O);
           return /* @__PURE__ */ e("td", {
-            className: t("kvt-cell", "px-4", "py-1", "text-sm", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "[tr[data-actions-open]_&]:bg-zinc-100", "dark:[tr[data-actions-open]_&]:bg-metal-800", {
-              "group-hover/row:bg-zinc-100 dark:group-hover/row:bg-metal-800": u,
-              [t("bg-zinc-100 dark:bg-metal-800", V)]: !!n
-            }, B, P, {
-              "rounded-bl-lg": b === r.length - 1 && k !== null && w === k && !d && !n,
-              "rounded-br-lg": b === r.length - 1 && w === i.length - 1 && !d && !n,
-              "dark:[tr:last-child_&]:border-b": !d
+            style: v.style,
+            className: r("kvt-cell", "px-4", "py-1", "text-sm", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", "[tr[data-actions-open]_&]:bg-zinc-100", "dark:[tr[data-actions-open]_&]:bg-metal-800", {
+              "group-hover/row:bg-zinc-100 dark:group-hover/row:bg-metal-800": f,
+              [r("bg-zinc-100 dark:bg-metal-800", V)]: !!o
+            }, P, v.className, N && T[N], W, {
+              "rounded-bl-lg": b === a.length - 1 && k !== null && w === k && !l && !o,
+              "rounded-br-lg": b === a.length - 1 && w === m.length - 1 && !l && !o,
+              "dark:[tr:last-child_&]:border-b": !l
             }),
-            "data-expanded": n ? !0 : void 0,
-            ...o.columnDef.meta?.attributes ?? {},
-            children: q(o.columnDef.cell, O())
+            "data-expanded": o ? !0 : void 0,
+            ...t.columnDef.meta?.attributes ?? {},
+            children: K(t.columnDef.cell, S())
           }, M);
         })
-      }), H && /* @__PURE__ */ e(J, {
+      }), I && /* @__PURE__ */ e(U, {
         classNameExpandedCell: j,
         classNameExpandedContent: z,
-        classNameExpandedRow: _,
-        colSpan: i.length,
+        classNameExpandedRow: L,
+        colSpan: m.length,
         id: p,
-        isExpanded: !!n,
-        isLastRow: b === r.length - 1 && !d,
-        children: s.expandedRow ?? f?.(g)
+        isExpanded: !!o,
+        isLastRow: b === a.length - 1 && !l,
+        children: i.expandedRow ?? u?.(g)
       })] }, p);
     })
   });
 };
 export {
-  te as Body
+  se as Body
 };