@ledgerhq/lumen-ui-react 0.0.83 → 0.0.84

package/ai-rules/RULES.md

@@ -267,6 +267,7 @@ Below is a complete list of all available Lumen components. Click any component
 - [Stepper](https://ldls.vercel.app/?path=/docs/feedback-stepper--docs) - Multi-step progress indicator
 - [Subheader](https://ldls.vercel.app/?path=/docs/communication-subheader--docs) - Section subheader component
 - [Switch](https://ldls.vercel.app/?path=/docs/selection-switch--docs) - Toggle switch component
+- [Table](https://ldls.vercel.app/?path=/docs/communication-tag--docs) - Table component
 - [Tag](https://ldls.vercel.app/?path=/docs/communication-tag--docs) - Label and tag component
 - [TextInput](https://ldls.vercel.app/?path=/docs/input-textinput--docs) - Text input field
 - [Tile](https://ldls.vercel.app/?path=/docs/containment-tile--docs) - Content container tile

package/dist/index.js

@@ -1,40 +1,42 @@
-import { Languages as r } from "./i18n/languages.js";
+import { Languages as t } from "./i18n/languages.js";
 import { AddressInput as a } from "./lib/Components/AddressInput/AddressInput.js";
 import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
 import { AmountDisplay as p } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as T } from "./lib/Components/Avatar/Avatar.js";
 import { Banner as x } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as S } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as b } from "./lib/Components/Button/Button.js";
+import { Button as d } from "./lib/Components/Button/Button.js";
 import { BaseButton as c } from "./lib/Components/Button/BaseButton.js";
 import { CardButton as B } from "./lib/Components/CardButton/CardButton.js";
 import { Checkbox as C } from "./lib/Components/Checkbox/Checkbox.js";
-import { Dialog as h, DialogBody as M, DialogContent as D, DialogFooter as v, DialogTrigger as A } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as w } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as H } from "./lib/Components/Divider/Divider.js";
-import { IconButton as y } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as P } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as j } from "./lib/Components/Link/Link.js";
-import { ListItem as z, ListItemContent as E, ListItemDescription as J, ListItemIcon as K, ListItemLeading as O, ListItemSpot as Q, ListItemTitle as U, ListItemTrailing as V, ListItemTruncate as W } from "./lib/Components/ListItem/ListItem.js";
-import { Menu as Y, MenuCheckboxItem as Z, MenuContent as _, MenuGroup as $, MenuItem as ee, MenuLabel as oe, MenuPortal as re, MenuRadioGroup as te, MenuRadioItem as ae, MenuSeparator as ne, MenuSub as ie, MenuSubContent as le, MenuSubTrigger as pe, MenuTrigger as me } from "./lib/Components/Menu/Menu.js";
-import { NavBar as ue, NavBarBackButton as xe, NavBarCoinCapsule as fe, NavBarTitle as Se, NavBarTrailing as de } from "./lib/Components/NavBar/NavBar.js";
-import { PageIndicator as ge } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as Ie } from "./lib/Components/SearchInput/SearchInput.js";
-import { Select as se, SelectContent as Ce, SelectGroup as Le, SelectItem as he, SelectItemText as Me, SelectLabel as De, SelectSeparator as ve, SelectTrigger as Ae } from "./lib/Components/Select/Select.js";
-import { SideBar as we, SideBarCollapseToggle as ke, SideBarItem as He, SideBarLeading as Ne, SideBarTrailing as ye } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Pe } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as je } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as ze } from "./lib/Components/Spot/Spot.js";
-import { Stepper as Je } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as Oe, SubheaderAction as Qe, SubheaderCount as Ue, SubheaderDescription as Ve, SubheaderInfo as We, SubheaderRow as Xe, SubheaderShowMore as Ye, SubheaderTitle as Ze } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as $e } from "./lib/Components/Switch/Switch.js";
-import { Table as oo, TableActionBar as ro, TableActionBarLeading as to, TableActionBarTrailing as ao, TableBody as no, TableCell as io, TableCellContent as lo, TableGroupHeaderRow as po, TableHeader as mo, TableHeaderCell as To, TableHeaderRow as uo, TableInfoIcon as xo, TableLoadingRow as fo, TableRoot as So, TableRow as bo, TableSortButton as go } from "./lib/Components/Table/Table.js";
-import { Tag as Io } from "./lib/Components/Tag/Tag.js";
-import { TextInput as so } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Lo, TileContent as ho, TileDescription as Mo, TileSecondaryAction as Do, TileSpot as vo, TileTitle as Ao, TileTrailingContent as Ro } from "./lib/Components/Tile/Tile.js";
-import { TileButton as ko } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as No, TooltipContent as yo, TooltipProvider as Go, TooltipTrigger as Po } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as jo, useTheme as qo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { DataTable as h, DataTableGlobalSearchInput as D, DataTableRoot as M } from "./lib/Components/DataTable/DataTable.js";
+import { useLumenDataTable as A } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
+import { Dialog as w, DialogBody as k, DialogContent as G, DialogFooter as H, DialogTrigger as N } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as P } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as j } from "./lib/Components/Divider/Divider.js";
+import { IconButton as z } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as J } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as O } from "./lib/Components/Link/Link.js";
+import { ListItem as U, ListItemContent as V, ListItemDescription as W, ListItemIcon as X, ListItemLeading as Y, ListItemSpot as Z, ListItemTitle as _, ListItemTrailing as $, ListItemTruncate as ee } from "./lib/Components/ListItem/ListItem.js";
+import { Menu as te, MenuCheckboxItem as re, MenuContent as ae, MenuGroup as ne, MenuItem as ie, MenuLabel as le, MenuPortal as pe, MenuRadioGroup as me, MenuRadioItem as Te, MenuSeparator as ue, MenuSub as xe, MenuSubContent as fe, MenuSubTrigger as Se, MenuTrigger as be } from "./lib/Components/Menu/Menu.js";
+import { NavBar as ge, NavBarBackButton as ce, NavBarCoinCapsule as Ie, NavBarTitle as Be, NavBarTrailing as se } from "./lib/Components/NavBar/NavBar.js";
+import { PageIndicator as Le } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as De } from "./lib/Components/SearchInput/SearchInput.js";
+import { Select as ve, SelectContent as Ae, SelectGroup as Re, SelectItem as we, SelectItemText as ke, SelectLabel as Ge, SelectSeparator as He, SelectTrigger as Ne } from "./lib/Components/Select/Select.js";
+import { SideBar as Pe, SideBarCollapseToggle as Fe, SideBarItem as je, SideBarLeading as qe, SideBarTrailing as ze } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Je } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as Oe } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as Ue } from "./lib/Components/Spot/Spot.js";
+import { Stepper as We } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as Ye, SubheaderAction as Ze, SubheaderCount as _e, SubheaderDescription as $e, SubheaderInfo as eo, SubheaderRow as oo, SubheaderShowMore as to, SubheaderTitle as ro } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as no } from "./lib/Components/Switch/Switch.js";
+import { Table as lo, TableActionBar as po, TableActionBarLeading as mo, TableActionBarTrailing as To, TableBody as uo, TableCell as xo, TableCellContent as fo, TableGroupHeaderRow as So, TableHeader as bo, TableHeaderCell as go, TableHeaderRow as co, TableInfoIcon as Io, TableLoadingRow as Bo, TableRoot as so, TableRow as Co, TableSortButton as Lo } from "./lib/Components/Table/Table.js";
+import { Tag as Do } from "./lib/Components/Tag/Tag.js";
+import { TextInput as vo } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Ro, TileContent as wo, TileDescription as ko, TileSecondaryAction as Go, TileSpot as Ho, TileTitle as No, TileTrailingContent as yo } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Fo } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as qo, TooltipContent as zo, TooltipProvider as Eo, TooltipTrigger as Jo } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Oo, useTheme as Qo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 export {
   a as AddressInput,
   p as AmountDisplay,
@@ -43,106 +45,110 @@ export {
   x as Banner,
   c as BaseButton,
   S as BaseInput,
-  b as Button,
+  d as Button,
   B as CardButton,
   C as Checkbox,
-  h as Dialog,
-  M as DialogBody,
-  D as DialogContent,
-  v as DialogFooter,
-  w as DialogHeader,
-  A as DialogTrigger,
-  H as Divider,
-  y as IconButton,
-  P as InteractiveIcon,
-  r as Languages,
-  j as Link,
-  z as ListItem,
-  E as ListItemContent,
-  J as ListItemDescription,
-  K as ListItemIcon,
-  O as ListItemLeading,
-  Q as ListItemSpot,
-  U as ListItemTitle,
-  V as ListItemTrailing,
-  W as ListItemTruncate,
-  Y as Menu,
-  Z as MenuCheckboxItem,
-  _ as MenuContent,
-  $ as MenuGroup,
-  ee as MenuItem,
-  oe as MenuLabel,
-  re as MenuPortal,
-  te as MenuRadioGroup,
-  ae as MenuRadioItem,
-  ne as MenuSeparator,
-  ie as MenuSub,
-  le as MenuSubContent,
-  pe as MenuSubTrigger,
-  me as MenuTrigger,
-  ue as NavBar,
-  xe as NavBarBackButton,
-  fe as NavBarCoinCapsule,
-  Se as NavBarTitle,
-  de as NavBarTrailing,
-  ge as PageIndicator,
-  Ie as SearchInput,
-  se as Select,
-  Ce as SelectContent,
-  Le as SelectGroup,
-  he as SelectItem,
-  Me as SelectItemText,
-  De as SelectLabel,
-  ve as SelectSeparator,
-  Ae as SelectTrigger,
-  we as SideBar,
-  ke as SideBarCollapseToggle,
-  He as SideBarItem,
-  Ne as SideBarLeading,
-  ye as SideBarTrailing,
-  Pe as Skeleton,
-  je as Spinner,
-  ze as Spot,
-  Je as Stepper,
-  Oe as Subheader,
-  Qe as SubheaderAction,
-  Ue as SubheaderCount,
-  Ve as SubheaderDescription,
-  We as SubheaderInfo,
-  Xe as SubheaderRow,
-  Ye as SubheaderShowMore,
-  Ze as SubheaderTitle,
-  $e as Switch,
-  oo as Table,
-  ro as TableActionBar,
-  to as TableActionBarLeading,
-  ao as TableActionBarTrailing,
-  no as TableBody,
-  io as TableCell,
-  lo as TableCellContent,
-  po as TableGroupHeaderRow,
-  mo as TableHeader,
-  To as TableHeaderCell,
-  uo as TableHeaderRow,
-  xo as TableInfoIcon,
-  fo as TableLoadingRow,
-  So as TableRoot,
-  bo as TableRow,
-  go as TableSortButton,
-  Io as Tag,
-  so as TextInput,
-  jo as ThemeProvider,
-  Lo as Tile,
-  ko as TileButton,
-  ho as TileContent,
-  Mo as TileDescription,
-  Do as TileSecondaryAction,
-  vo as TileSpot,
-  Ao as TileTitle,
-  Ro as TileTrailingContent,
-  No as Tooltip,
-  yo as TooltipContent,
-  Go as TooltipProvider,
-  Po as TooltipTrigger,
-  qo as useTheme
+  h as DataTable,
+  D as DataTableGlobalSearchInput,
+  M as DataTableRoot,
+  w as Dialog,
+  k as DialogBody,
+  G as DialogContent,
+  H as DialogFooter,
+  P as DialogHeader,
+  N as DialogTrigger,
+  j as Divider,
+  z as IconButton,
+  J as InteractiveIcon,
+  t as Languages,
+  O as Link,
+  U as ListItem,
+  V as ListItemContent,
+  W as ListItemDescription,
+  X as ListItemIcon,
+  Y as ListItemLeading,
+  Z as ListItemSpot,
+  _ as ListItemTitle,
+  $ as ListItemTrailing,
+  ee as ListItemTruncate,
+  te as Menu,
+  re as MenuCheckboxItem,
+  ae as MenuContent,
+  ne as MenuGroup,
+  ie as MenuItem,
+  le as MenuLabel,
+  pe as MenuPortal,
+  me as MenuRadioGroup,
+  Te as MenuRadioItem,
+  ue as MenuSeparator,
+  xe as MenuSub,
+  fe as MenuSubContent,
+  Se as MenuSubTrigger,
+  be as MenuTrigger,
+  ge as NavBar,
+  ce as NavBarBackButton,
+  Ie as NavBarCoinCapsule,
+  Be as NavBarTitle,
+  se as NavBarTrailing,
+  Le as PageIndicator,
+  De as SearchInput,
+  ve as Select,
+  Ae as SelectContent,
+  Re as SelectGroup,
+  we as SelectItem,
+  ke as SelectItemText,
+  Ge as SelectLabel,
+  He as SelectSeparator,
+  Ne as SelectTrigger,
+  Pe as SideBar,
+  Fe as SideBarCollapseToggle,
+  je as SideBarItem,
+  qe as SideBarLeading,
+  ze as SideBarTrailing,
+  Je as Skeleton,
+  Oe as Spinner,
+  Ue as Spot,
+  We as Stepper,
+  Ye as Subheader,
+  Ze as SubheaderAction,
+  _e as SubheaderCount,
+  $e as SubheaderDescription,
+  eo as SubheaderInfo,
+  oo as SubheaderRow,
+  to as SubheaderShowMore,
+  ro as SubheaderTitle,
+  no as Switch,
+  lo as Table,
+  po as TableActionBar,
+  mo as TableActionBarLeading,
+  To as TableActionBarTrailing,
+  uo as TableBody,
+  xo as TableCell,
+  fo as TableCellContent,
+  So as TableGroupHeaderRow,
+  bo as TableHeader,
+  go as TableHeaderCell,
+  co as TableHeaderRow,
+  Io as TableInfoIcon,
+  Bo as TableLoadingRow,
+  so as TableRoot,
+  Co as TableRow,
+  Lo as TableSortButton,
+  Do as Tag,
+  vo as TextInput,
+  Oo as ThemeProvider,
+  Ro as Tile,
+  Fo as TileButton,
+  wo as TileContent,
+  ko as TileDescription,
+  Go as TileSecondaryAction,
+  Ho as TileSpot,
+  No as TileTitle,
+  yo as TileTrailingContent,
+  qo as Tooltip,
+  zo as TooltipContent,
+  Eo as TooltipProvider,
+  Jo as TooltipTrigger,
+  A as useLumenDataTable,
+  Qo as useTheme
 };

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

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { cn as f } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as x, Slottable as h } from "@radix-ui/react-slot";
+import { cn as x } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as f, Slottable as h } from "@radix-ui/react-slot";
 import { cva as d } from "class-variance-authority";
 import { Spinner as z } from "../Spinner/Spinner.js";
 const S = d(
@@ -37,12 +37,12 @@ const S = d(
       {
         disabled: !0,
         loading: !1,
-        class: "cursor-default bg-disabled text-disabled hover:bg-disabled hover:text-disabled active:bg-disabled active:text-disabled"
+        class: "cursor-not-allowed bg-disabled text-disabled hover:bg-disabled hover:text-disabled active:bg-disabled active:text-disabled"
       },
       {
         disabled: !0,
         loading: !0,
-        class: "cursor-default bg-disabled text-disabled hover:bg-disabled hover:text-disabled active:bg-disabled active:text-disabled"
+        class: "cursor-not-allowed bg-disabled text-disabled hover:bg-disabled hover:text-disabled active:bg-disabled active:text-disabled"
       }
     ],
     defaultVariants: {
@@ -72,10 +72,10 @@ const S = d(
   size: s,
   isFull: v,
   disabled: e = !1,
-  asChild: o = !1,
+  asChild: i = !1,
   icon: n,
   loading: r = !1,
-  children: i,
+  children: o,
   onClick: p,
   ...g
 }) => {
@@ -86,9 +86,9 @@ const S = d(
     lg: 24
   }[s] : 24;
   return /* @__PURE__ */ m(
-    o ? x : "button",
+    i ? f : "button",
     {
-      className: f(
+      className: x(
         S({ disabled: e, loading: r, appearance: a, size: s, isFull: v }),
         u
       ),
@@ -112,7 +112,7 @@ const S = d(
             className: c({ appearance: a, disabled: e })
           }
         ),
-        i && (o ? /* @__PURE__ */ t(h, { children: i }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: i }))
+        o && (i ? /* @__PURE__ */ t(h, { children: o }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: o }))
       ]
     }
   );

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

@@ -0,0 +1,39 @@
+import { RowData } from '@tanstack/react-table';
+import { SearchInputProps } from '../SearchInput';
+import { DataTableProps, DataTableRootProps } from './types';
+/**
+ * Context provider for the DataTable compound.
+ * Accepts a TanStack table instance and visual options, then makes them
+ * available to `DataTable` and future children like `DataTableActionBar`.
+ *
+ * @example
+ * <DataTableRoot table={table} appearance="plain">
+ *   <DataTable />
+ * </DataTableRoot>
+ */
+export declare const DataTableRoot: {
+    <TData extends RowData>({ table, appearance, paginationMode, loading, onScrollBottom, onRowClick, groupBy, renderGroupHeader, hideHeader, children, className, ref, ...props }: DataTableRootProps<TData>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Renders the full table (header + body) from the TanStack table instance
+ * provided by `DataTableRoot`. Internally composes the pure-UI Table building blocks.
+ *
+ * @example
+ * <DataTableRoot table={table}>
+ *   <DataTable />
+ * </DataTableRoot>
+ */
+export declare const DataTable: {
+    ({ className, ref, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * A search input that connects to the TanStack table's `globalFilter` state
+ * via the `DataTableRoot` context. No external state management is required.
+ */
+export declare const DataTableGlobalSearchInput: {
+    ({ onChange, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAER,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAe/D,OAAO,EAGL,cAAc,EACd,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa;KAAI,KAAK,SAAS,OAAO,0JAchD,kBAAkB,CAAC,KAAK,CAAC;;CAoB3B,CAAC;AA2DF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS;mCAAkC,cAAc;;CA6BrE,CAAC;AA0HF;;;GAGG;AACH,eAAO,MAAM,0BAA0B;6BAGpC,gBAAgB;;CAqBlB,CAAC"}

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

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

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

@@ -0,0 +1,4 @@
+export * from './DataTable';
+export * from './types';
+export * from './useLumenDataTable/useLumenDataTable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,uCAAuC,CAAC"}