@ledgerhq/lumen-ui-react 0.1.44 → 0.1.46

package/dist/lib/Components/Avatar/Avatar.d.ts

@@ -11,9 +11,6 @@ import { AvatarProps } from './types';
  * import { Avatar } from '@ledgerhq/lumen-ui-react';
  *
  * <Avatar src="https://example.com/photo.jpg" size="md" />
- *
- * // With notification indicator
- * <Avatar src="https://example.com/photo.jpg" showNotification />
  */
-export declare const Avatar: ({ ref, className, src, alt, appearance, size, imgLoading, showNotification: showNotificationProp, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ ref, className, src, alt, appearance, size, imgLoading, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/lib/Components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0C3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,8GAUpB,WAAW,4CAwDb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiC3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,GAAI,sEASpB,WAAW,4CAwCb,CAAC"}

package/dist/lib/Components/Avatar/Avatar.js

@@ -1,11 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cva as h } from "class-variance-authority";
-import { useState as x, useEffect as z } from "react";
-import { useCommonTranslation as N } from "../../../i18n/useCommonTranslation.js";
-import { User as A } from "../../Symbols/Icons/User.js";
-import { DotIndicator as j } from "../DotIndicator/DotIndicator.js";
-const k = {
-  root: h(
+import { jsx as e } from "react/jsx-runtime";
+import { cva as u } from "class-variance-authority";
+import { useState as v, useEffect as b } from "react";
+import { useCommonTranslation as g } from "../../../i18n/useCommonTranslation.js";
+import { User as z } from "../../Symbols/Icons/User.js";
+const x = {
+  root: u(
     "relative inline-flex items-center justify-center rounded-full transition-colors",
     {
       variants: {
@@ -26,60 +25,54 @@ const k = {
       }
     }
   )
-}, w = {
+}, h = {
   sm: 16,
   md: 24,
   lg: 32,
   xl: 40
-}, E = {
-  sm: "lg",
-  md: "xl"
-}, V = ({
-  ref: l,
-  className: c,
-  src: e,
-  alt: m,
-  appearance: d = "transparent",
-  size: a = "md",
-  imgLoading: f,
-  showNotification: p = !1,
-  ...u
+}, y = ({
+  ref: o,
+  className: n,
+  src: a,
+  alt: s,
+  appearance: l = "transparent",
+  size: r = "md",
+  imgLoading: i,
+  ...m
 }) => {
-  const { t: r } = N(), [v, o] = x(!1), b = !e || v, n = m || r("components.avatar.defaultAlt"), s = p && (a === "sm" || a === "md"), g = s ? `${n}, ${r("components.avatar.notificationAriaLabel")}` : n;
-  z(() => {
-    o(!1);
-  }, [e]);
-  const i = /* @__PURE__ */ t(
+  const { t: c } = g(), [d, t] = v(!1), p = !a || d, f = s || c("components.avatar.defaultAriaLabel");
+  return b(() => {
+    t(!1);
+  }, [a]), /* @__PURE__ */ e(
     "div",
     {
-      ref: l,
-      className: k.root({ appearance: d, size: a, className: c }),
+      ref: o,
+      className: x.root({ appearance: l, size: r, className: n }),
       role: "img",
-      "aria-label": g,
-      ...u,
-      children: b ? /* @__PURE__ */ t(
-        A,
+      "aria-label": f,
+      ...m,
+      children: p ? /* @__PURE__ */ e(
+        z,
         {
           className: "text-base",
-          size: w[a],
+          size: h[r],
           "aria-label": "Fallback Icon",
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ t(
+      ) : /* @__PURE__ */ e(
         "img",
         {
-          src: e,
+          src: a,
           alt: "",
-          loading: f,
-          onError: () => o(!0),
+          loading: i,
+          onError: () => t(!0),
           className: "size-full overflow-hidden rounded-full object-cover",
           "aria-hidden": "true"
         }
       )
     }
   );
-  return s ? /* @__PURE__ */ t(j, { size: E[a], appearance: "red", children: i }) : i;
 };
 export {
-  V as Avatar
+  y as Avatar
 };

package/dist/lib/Components/Avatar/types.d.ts

@@ -22,12 +22,6 @@ export type AvatarProps = {
      * @default md
      */
     size?: 'sm' | 'md' | 'lg' | 'xl';
-    /**
-     * Whether to show the notifications indicator.
-     * @optional
-     * @default false
-     */
-    showNotification?: boolean;
     /**
      * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
      * @optional

package/dist/lib/Components/Avatar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IAEpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IAEpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -37,7 +37,7 @@ const te = u(
   "group-has-disabled:text-disabled",
   "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), oe = u(ae, {
+), se = u(ae, {
   variants: {
     status: {
       default: "",
@@ -53,7 +53,7 @@ const te = u(
     status: "default",
     floated: !1
   }
-}), se = u("mt-8 flex items-center gap-2 body-3", {
+}), oe = u("mt-8 flex items-center gap-2 body-3", {
   variants: {
     status: {
       default: "text-muted",
@@ -90,8 +90,8 @@ const te = u(
   }), { t: E } = Z(), t = K(null), L = Q(), c = k || `input-${L}`, A = D ?? (e === "error" ? !0 : void 0), i = a.value !== void 0, [H, f] = X(
     a.defaultValue?.toString() || ""
   ), M = Y(
-    (o) => {
-      i || f(o.target.value), h?.(o);
+    (s) => {
+      i || f(s.target.value), h?.(s);
     },
     [i, h]
   ), O = i ? !!a.value && a.value.toString().length > 0 : H.length > 0, { inputPlaceholder: T, labelStaysFloatedWithPlaceholder: W } = G({
@@ -111,17 +111,17 @@ const te = u(
       "div",
       {
         className: n(te({ status: e }), S),
-        onPointerDown: (o) => {
-          if (o.target.closest("input, button, a")) return;
-          const s = t.current;
-          if (!s) return;
-          const x = s.value.length > 0 ? s.value.length : 0;
+        onPointerDown: (s) => {
+          if (s.target.closest("input, button, a")) return;
+          const o = t.current;
+          if (!o) return;
+          const x = o.value.length > 0 ? o.value.length : 0;
           window.requestAnimationFrame(() => {
             try {
-              s.setSelectionRange(x, x);
+              o.setSelectionRange(x, x);
             } catch {
             }
-            s.focus();
+            o.focus();
           });
         },
         children: [
@@ -149,7 +149,7 @@ const te = u(
             {
               htmlFor: c,
               className: n(
-                oe({
+                se({
                   status: e,
                   floated: W
                 }),
@@ -176,7 +176,7 @@ const te = u(
       "div",
       {
         id: g,
-        className: se({ status: e }),
+        className: oe({ status: e }),
         role: e === "error" ? "alert" : void 0,
         children: [
           e === "error" && /* @__PURE__ */ r(y, { size: 16, className: "text-error" }),

package/dist/lib/Components/Button/BaseButton.d.ts

@@ -1,6 +1,6 @@
 import { BaseButtonProps } from './types';
 export declare const baseButtonVariants: (props?: ({
-    appearance?: "base" | "red" | "gray" | "transparent" | "accent" | "no-background" | null | undefined;
+    appearance?: "base" | "gray" | "transparent" | "accent" | "no-background" | "red" | null | undefined;
     disabled?: boolean | null | undefined;
     loading?: boolean | null | undefined;
     size?: "md" | "sm" | "lg" | "xs" | null | undefined;

package/dist/lib/Components/Button/Button.js

@@ -1,8 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as n } from "../../../libs/utils-shared/dist/index.js";
-import { cva as d } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as d } from "../../../libs/utils-shared/dist/index.js";
+import { cva as e } from "class-variance-authority";
 import { BaseButton as b } from "./BaseButton.js";
-const l = d("", {
+const l = e("", {
   variants: {
     size: {
       sm: "px-16 py-10 body-2-semi-bold",
@@ -15,22 +15,22 @@ const l = d("", {
   }
 }), x = ({
   ref: t,
-  className: m,
-  loading: s,
+  className: s,
+  loading: m,
   disabled: r,
   children: a,
   size: o,
   icon: i,
   ...p
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ n(
   b,
   {
     ref: t,
     size: o,
     disabled: r,
     icon: i,
-    loading: s,
-    className: n(l({ size: o }), "gap-8", m),
+    loading: m,
+    className: d(l({ size: o }), "gap-8", s),
     ...p,
     children: a
   }

package/dist/lib/Components/Card/Card.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as f, Fragment as b } from "react/jsx-runtime";
-import { createSafeContext as m, DisabledProvider as g, cn as o, getButtonA11yProps as C } from "../../../libs/utils-shared/dist/index.js";
-import { cva as p } from "class-variance-authority";
+import { createSafeContext as m, DisabledProvider as p, cn as o, getButtonA11yProps as C } from "../../../libs/utils-shared/dist/index.js";
+import { cva as g } from "class-variance-authority";
 import { useMemo as h } from "react";
 import { ChevronUp as N } from "../../Symbols/Icons/ChevronUp.js";
 import { ChevronDown as w } from "../../Symbols/Icons/ChevronDown.js";
@@ -46,7 +46,7 @@ const k = ({
   }
 ), [q, v] = m("CardContentAlign", {
   align: "left"
-}), E = p(
+}), E = g(
   "flex w-full flex-col overflow-clip rounded-lg bg-surface text-base transition-colors",
   {
     variants: {
@@ -96,7 +96,7 @@ const k = ({
     }),
     [r, e, l, i]
   );
-  return /* @__PURE__ */ s(R, { value: u, children: /* @__PURE__ */ s(g, { value: { disabled: i }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(R, { value: u, children: /* @__PURE__ */ s(p, { value: { disabled: i }, children: /* @__PURE__ */ s(
     "div",
     {
       ref: t,
@@ -144,7 +144,7 @@ const k = ({
       ]
     }
   );
-}, z = ({
+}, V = ({
   ref: t,
   children: a,
   className: r,
@@ -157,7 +157,7 @@ const k = ({
     ...e,
     children: a
   }
-), V = ({
+), z = ({
   ref: t,
   children: a,
   className: r,
@@ -203,7 +203,7 @@ const k = ({
       children: a
     }
   );
-}, I = ({
+}, U = ({
   ref: t,
   children: a,
   className: r,
@@ -226,7 +226,7 @@ const k = ({
       children: a
     }
   );
-}, L = ({
+}, I = ({
   ref: t,
   children: a,
   className: r,
@@ -249,7 +249,7 @@ const k = ({
       children: a
     }
   );
-}, M = ({
+}, L = ({
   ref: t,
   children: a,
   className: r,
@@ -272,7 +272,7 @@ const k = ({
       children: a
     }
   ) });
-}, S = ({
+}, M = ({
   ref: t,
   children: a,
   className: r,
@@ -304,7 +304,7 @@ const k = ({
       ) })
     }
   );
-}, U = ({
+}, S = ({
   ref: t,
   children: a,
   className: r,
@@ -320,14 +320,14 @@ const k = ({
 );
 export {
   P as Card,
-  V as CardContent,
-  L as CardContentDescription,
+  z as CardContent,
+  I as CardContentDescription,
   B as CardContentRow,
-  I as CardContentTitle,
-  S as CardFooter,
-  U as CardFooterActions,
+  U as CardContentTitle,
+  M as CardFooter,
+  S as CardFooterActions,
   T as CardHeader,
-  z as CardLeading,
-  M as CardTrailing,
+  V as CardLeading,
+  L as CardTrailing,
   k as resolveCardInnerContext
 };

package/dist/lib/Components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,OAAO,EAER,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAgBvD,OAAO,KAAK,EAGV,cAAc,EACd,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAejB;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,OAAO,EAAE,sKAelD,kBAAkB,CAAC,KAAK,CAAC,4CAqB3B,CAAC;AAyDF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CA6BrE,CAAC;AAsHF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,wBAGxC,gBAAgB,4CAqBlB,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,OAAO,EAER,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAkBvD,OAAO,KAAK,EAGV,cAAc,EACd,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAejB;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,OAAO,EAAE,sKAelD,kBAAkB,CAAC,KAAK,CAAC,4CAqB3B,CAAC;AAqFF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CA8BrE,CAAC;AAsHF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,wBAGxC,gBAAgB,4CAqBlB,CAAC"}

package/dist/lib/Components/DataTable/DataTable.js

@@ -1,91 +1,107 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { createSafeContext as w, cn as C } from "../../../libs/utils-shared/dist/index.js";
-import { flexRender as m } from "@tanstack/react-table";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { createSafeContext as f, cn as w } from "../../../libs/utils-shared/dist/index.js";
+import { flexRender as d } from "@tanstack/react-table";
 import { useCallback as R, Fragment as x } from "react";
-import { TableRoot as B, Table as k, TableLoadingRow as y, TableHeader as H, TableHeaderRow as N, TableHeaderCell as S, TableSortButton as v, TableBody as b, TableGroupHeaderRow as G, TableRow as q, TableCell as I } from "../Table/Table.js";
-import { SearchInput as F } from "../SearchInput/SearchInput.js";
-const [M, u] = w("DataTableContext"), Q = ({
+import { TableRoot as B, Table as N, TableLoadingRow as k, TableColGroup as y, TableCol as H, TableHeader as S, TableHeaderRow as G, TableHeaderCell as q, TableSortButton as v, TableBody as b, TableGroupHeaderRow as I, TableRow as F, TableCell as M } from "../Table/Table.js";
+import { SearchInput as V } from "../SearchInput/SearchInput.js";
+const [j, i] = f("DataTableContext"), X = ({
   table: l,
   appearance: n = "no-background",
-  paginationMode: o = "none",
+  paginationMode: t = "none",
   loading: e = !1,
-  onScrollBottom: t,
-  onRowClick: i,
+  onScrollBottom: a,
+  onRowClick: s,
   groupBy: r,
   renderGroupHeader: c,
-  hideHeader: s = !1,
+  hideHeader: u = !1,
   stickyHeader: T = !0,
   children: p,
   className: D,
-  ref: f,
-  ...h
-}) => /* @__PURE__ */ a(
-  M,
+  ref: h,
+  ...C
+}) => /* @__PURE__ */ o(
+  j,
   {
     value: {
-      hideHeader: s,
+      hideHeader: u,
       stickyHeader: T,
-      paginationMode: o,
+      paginationMode: t,
       table: l,
       appearance: n,
       loading: e,
-      onScrollBottom: t,
-      onRowClick: i,
+      onScrollBottom: a,
+      onRowClick: s,
       groupBy: r,
       renderGroupHeader: c
     },
-    children: /* @__PURE__ */ a("div", { ref: f, className: C("flex flex-col", D), ...h, children: p })
+    children: /* @__PURE__ */ o("div", { ref: h, className: w("flex flex-col", D), ...C, children: p })
   }
-), j = ({
+), L = () => {
+  const { table: l } = i({
+    consumerName: "DataTableColGroup",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ o(y, { children: l.getVisibleLeafColumns().map((n) => {
+    const t = n.columnDef.meta;
+    return /* @__PURE__ */ o(
+      H,
+      {
+        hideBelow: t?.hideBelow,
+        className: t?.className
+      },
+      n.id
+    );
+  }) });
+}, P = ({
   className: l,
   ref: n,
-  ...o
+  ...t
 }) => {
-  const { table: e, stickyHeader: t } = u({
+  const { table: e, stickyHeader: a } = i({
     consumerName: "DataTableHeader",
     contextRequired: !0
   });
-  return /* @__PURE__ */ a(H, { ref: n, className: l, ...o, children: e.getHeaderGroups().map((i) => /* @__PURE__ */ a(N, { stickyHeader: t, children: i.headers.map((r) => {
+  return /* @__PURE__ */ o(S, { ref: n, className: l, ...t, children: e.getHeaderGroups().map((s) => /* @__PURE__ */ o(G, { stickyHeader: a, children: s.headers.map((r) => {
     const c = r.column.columnDef.meta;
-    return /* @__PURE__ */ a(
-      S,
+    return /* @__PURE__ */ o(
+      q,
       {
         align: c?.align,
         hideBelow: c?.hideBelow,
         className: c?.className,
         trailingContent: c?.headerTrailingContent,
-        children: r.isPlaceholder ? null : r.column.getCanSort() ? /* @__PURE__ */ a(
+        children: r.isPlaceholder ? null : r.column.getCanSort() ? /* @__PURE__ */ o(
           v,
           {
             sortDirection: r.column.getIsSorted() || void 0,
             onClick: r.column.getToggleSortingHandler(),
             align: c?.align,
-            children: m(
+            children: d(
               r.column.columnDef.header,
               r.getContext()
             )
           }
-        ) : m(
+        ) : d(
           r.column.columnDef.header,
           r.getContext()
         )
       },
       r.id
     );
-  }) }, i.id)) });
-}, U = ({ className: l, ref: n, ...o }) => {
+  }) }, s.id)) });
+}, Y = ({ className: l, ref: n, ...t }) => {
   const {
     appearance: e,
-    paginationMode: t,
-    hideHeader: i,
+    paginationMode: a,
+    hideHeader: s,
     loading: r,
     onScrollBottom: c,
-    groupBy: s
-  } = u({
+    groupBy: u
+  } = i({
     consumerName: "DataTable",
     contextRequired: !0
   });
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ m(
     B,
     {
       ref: n,
@@ -93,92 +109,93 @@ const [M, u] = w("DataTableContext"), Q = ({
       loading: r,
       onScrollBottom: c,
       className: l,
-      ...o,
+      ...t,
       children: [
-        /* @__PURE__ */ d(k, { children: [
-          !i && /* @__PURE__ */ a(j, {}),
-          s ? /* @__PURE__ */ a(z, {}) : /* @__PURE__ */ a(P, {})
+        /* @__PURE__ */ m(N, { children: [
+          /* @__PURE__ */ o(L, {}),
+          !s && /* @__PURE__ */ o(P, {}),
+          u ? /* @__PURE__ */ o(A, {}) : /* @__PURE__ */ o(U, {})
         ] }),
-        t === "infinite-scroll" && /* @__PURE__ */ a(y, {})
+        a === "infinite-scroll" && /* @__PURE__ */ o(k, {})
       ]
     }
   );
-}, P = ({ className: l, ref: n, ...o }) => {
-  const { table: e } = u({
+}, U = ({ className: l, ref: n, ...t }) => {
+  const { table: e } = i({
     consumerName: "DataTableBody",
     contextRequired: !0
   });
-  return /* @__PURE__ */ a(b, { ref: n, className: l, ...o, children: e.getRowModel().rows.map((t) => /* @__PURE__ */ a(g, { row: t }, t.id)) });
-}, V = (l, n) => {
-  const o = [];
+  return /* @__PURE__ */ o(b, { ref: n, className: l, ...t, children: e.getRowModel().rows.map((a) => /* @__PURE__ */ o(g, { row: a }, a.id)) });
+}, z = (l, n) => {
+  const t = [];
   let e = null;
-  for (const t of l) {
-    const i = n(t);
-    (!e || e.key !== i) && (e = { key: i, rows: [], count: 0 }, o.push(e)), e.rows.push(t), e.count++;
+  for (const a of l) {
+    const s = n(a);
+    (!e || e.key !== s) && (e = { key: s, rows: [], count: 0 }, t.push(e)), e.rows.push(a), e.count++;
   }
-  return o;
-}, z = ({
+  return t;
+}, A = ({
   className: l,
   ref: n,
-  ...o
+  ...t
 }) => {
-  const { table: e, groupBy: t, renderGroupHeader: i } = u({
+  const { table: e, groupBy: a, renderGroupHeader: s } = i({
     consumerName: "DataTableGroupedBody",
     contextRequired: !0
-  }), r = V(e.getRowModel().rows, t);
-  return /* @__PURE__ */ a(b, { ref: n, className: l, ...o, children: r.map((c) => /* @__PURE__ */ d(x, { children: [
-    /* @__PURE__ */ a(G, { colSpan: c.rows[0].getVisibleCells().length, children: i ? i({ row: c.rows[0], count: c.count }) : c.key }),
-    c.rows.map((s) => /* @__PURE__ */ a(g, { row: s }, s.id))
+  }), r = z(e.getRowModel().rows, a);
+  return /* @__PURE__ */ o(b, { ref: n, className: l, ...t, children: r.map((c) => /* @__PURE__ */ m(x, { children: [
+    /* @__PURE__ */ o(I, { colSpan: c.rows[0].getVisibleCells().length, children: s ? s({ row: c.rows[0], count: c.count }) : c.key }),
+    c.rows.map((u) => /* @__PURE__ */ o(g, { row: u }, u.id))
   ] }, c.key)) });
 }, g = ({ row: l }) => {
-  const { onRowClick: n } = u({
+  const { onRowClick: n } = i({
     consumerName: "DataTableRow",
     contextRequired: !0
-  }), o = !!n;
-  return /* @__PURE__ */ a(
-    q,
+  }), t = !!n;
+  return /* @__PURE__ */ o(
+    F,
     {
-      clickable: o,
-      onClick: o ? () => n?.(l) : void 0,
+      clickable: t,
+      onClick: t ? () => n?.(l) : void 0,
       children: l.getVisibleCells().map((e) => {
-        const t = e.column.columnDef.meta;
-        return /* @__PURE__ */ a(
-          I,
+        const a = e.column.columnDef.meta;
+        return /* @__PURE__ */ o(
+          M,
           {
-            align: t?.align,
-            hideBelow: t?.hideBelow,
-            className: t?.className,
-            children: m(e.column.columnDef.cell, e.getContext())
+            align: a?.align,
+            hideBelow: a?.hideBelow,
+            className: a?.className,
+            children: d(e.column.columnDef.cell, e.getContext())
           },
           e.id
         );
       })
     }
   );
-}, W = ({
+}, Z = ({
   onChange: l,
   ...n
 }) => {
-  const { table: o } = u({
+  const { table: t } = i({
     consumerName: "DataTableGlobalSearchInput",
     contextRequired: !0
   }), e = R(
-    (t) => {
-      o.setGlobalFilter(t.target.value), l?.(t);
+    (a) => {
+      t.setGlobalFilter(a.target.value), l?.(a);
     },
-    [o, l]
+    [t, l]
   );
-  return /* @__PURE__ */ a(
-    F,
+  return /* @__PURE__ */ o(
+    V,
     {
-      value: o.getState().globalFilter ?? "",
+      value: t.getState().globalFilter ?? "",
       onChange: e,
       ...n
     }
   );
 };
 export {
-  U as DataTable,
-  W as DataTableGlobalSearchInput,
-  Q as DataTableRoot
+  Y as DataTable,
+  Z as DataTableGlobalSearchInput,
+  X as DataTableRoot
 };