@ledgerhq/lumen-ui-react 0.1.16 → 0.1.18

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

@@ -20,71 +20,41 @@ import { TableBodyProps, TableCellProps, TableHeaderCellProps, TableHeaderRowPro
  *   </Table>
  * </TableRoot>
  */
-export declare const TableRoot: {
-    ({ children, appearance, className, onScrollBottom, loading, ref, ...props }: TableRootProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const Table: {
-    ({ children, className, ref, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableRoot: ({ children, appearance, className, onScrollBottom, loading, ref, ...props }: TableRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ children, className, ref, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Table head component. Wraps the HTML `<thead>` element.
  */
-export declare const TableHeader: {
-    ({ children, className, ref, ...props }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableHeader: ({ children, className, ref, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Table body component. Wraps the HTML `<tbody>` element.
  */
-export declare const TableBody: {
-    ({ children, className, ref, ...props }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableBody: ({ children, className, ref, ...props }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Table row component for body rows. Wraps the HTML `<tr>` element.
  */
-export declare const TableRow: {
-    ({ children, className, clickable, onClick, ref, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableRow: ({ children, className, clickable, onClick, ref, ...props }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Table header row component. Wraps the HTML `<tr>` element with header-specific styles.
  */
-export declare const TableHeaderRow: {
-    ({ children, className, ref, ...props }: TableHeaderRowProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableHeaderRow: ({ children, className, ref, ...props }: TableHeaderRowProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Table Group Header row component. Wraps the HTML `<tr> + <td>` element with header sub-section for a table.
  */
-export declare const TableGroupHeaderRow: {
-    ({ children, className, colSpan, ref, ...props }: TableGroupHeaderRowProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableGroupHeaderRow: ({ children, className, colSpan, ref, ...props }: TableGroupHeaderRowProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Table data cell component. Wraps the HTML `<td>` element.
  */
-export declare const TableCell: {
-    ({ children, className, hideBelow, align, ref, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableCell: ({ children, className, hideBelow, align, ref, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Cell content component. To be used inside a TableCell or inside tanstack column render.
  */
-export declare const TableCellContent: {
-    ({ className, align, leadingContent, title, description, ref, ...props }: TableCellContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableCellContent: ({ className, align, leadingContent, title, description, ref, ...props }: TableCellContentProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Table header cell component. Wraps the HTML `<th>` element.
  * Use TableSortButton for sortable columns; other children are trailing content.
  */
-export declare const TableHeaderCell: {
-    ({ children, className, scope, hideBelow, align, trailingContent, ref, ...props }: TableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableHeaderCell: ({ children, className, scope, hideBelow, align, trailingContent, ref, ...props }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Action bar component for table controls. Positioned above the table.
  *
@@ -98,45 +68,27 @@ export declare const TableHeaderCell: {
  *   </TableActionBarTrailing>
  * </TableActionBar>
  */
-export declare const TableActionBar: {
-    ({ children, className, ref, ...props }: TableActionBarProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableActionBar: ({ children, className, ref, ...props }: TableActionBarProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Leading section of the action bar. Contains left-aligned actions.
  */
-export declare const TableActionBarLeading: {
-    ({ children, className, ref, ...props }: TableActionBarLeadingProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableActionBarLeading: ({ children, className, ref, ...props }: TableActionBarLeadingProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Trailing section of the action bar. Contains right-aligned actions.
  */
-export declare const TableActionBarTrailing: {
-    ({ children, className, ref, ...props }: TableActionBarTrailingProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableActionBarTrailing: ({ children, className, ref, ...props }: TableActionBarTrailingProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Loading row component displayed at the bottom of the table during infinite scroll loading.
  */
-export declare const TableLoadingRow: {
-    ({ className, ref, ...props }: TableLoadingRowProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const TableLoadingRow: ({ className, ref, ...props }: TableLoadingRowProps) => import("react/jsx-runtime").JSX.Element | null;
 /**
  * Clickable sort control for table header columns.
  * Displays the current sort state (asc/desc/idle) and triggers sort changes on click.
  */
-export declare const TableInfoIcon: {
-    ({ className, ref, ...props }: TableInfoIconProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableInfoIcon: ({ className, ref, ...props }: TableInfoIconProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Sortable header label + icon. Renders a single button (label + sort icon) for accessibility.
  * Use as the first child of TableHeaderCell; other children are trailing content.
  */
-export declare const TableSortButton: {
-    ({ children, sortDirection, align, onToggleSort, className, onClick, ref, ...props }: TableSortButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TableSortButton: ({ children, sortDirection, align, onToggleSort, className, onClick, ref, ...props }: TableSortButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Table/Table.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,0BAA0B,EAC1B,mBAAmB,EACnB,2BAA2B,EAC3B,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAoBjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS;kFAQnB,cAAc;;CAkBhB,CAAC;AAGF,eAAO,MAAM,KAAK;6CAA4C,UAAU;;CAUvE,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,WAAW;6CAKrB,gBAAgB;;CAMlB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,SAAS;6CAKnB,cAAc;;CAMhB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,QAAQ;iEAOlB,aAAa;;CAgBf,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAcrB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,mBAAmB;sDAM7B,wBAAwB;;CAmB1B,CAAC;AA4BF;;GAEG;AACH,eAAO,MAAM,SAAS;+DAOnB,cAAc;;CAUhB,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,gBAAgB;8EAQ1B,qBAAqB;;CAcvB,CAAC;AA4BF;;;GAGG;AACH,eAAO,MAAM,eAAe;uFASzB,oBAAoB;;CAoBtB,CAAC;AAGF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAUrB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,qBAAqB;6CAK/B,0BAA0B;;CAU5B,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,sBAAsB;6CAKhC,2BAA2B;;CAU7B,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,eAAe;mCAIzB,oBAAoB;;CAsBtB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,aAAa;mCAIvB,kBAAkB;;CAWpB,CAAC;AAkCF;;;GAGG;AACH,eAAO,MAAM,eAAe;0FASzB,oBAAoB;;CA8BtB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Table/Table.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,0BAA0B,EAC1B,mBAAmB,EACnB,2BAA2B,EAC3B,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAoBjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,GAAI,6EAQvB,cAAc,4CAkBhB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,wCAAwC,UAAU,4CAUvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,wCAKzB,gBAAgB,4CAMlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,wCAKvB,cAAc,4CAMhB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,4DAOtB,aAAa,4CAgBf,CAAC;AAWF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAcrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,iDAMjC,wBAAwB,4CAmB1B,CAAC;AA2BF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,0DAOvB,cAAc,4CAUhB,CAAC;AAWF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,yEAQ9B,qBAAqB,4CAcvB,CAAC;AA2BF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,kFAS7B,oBAAoB,4CAoBtB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,wCAKnC,0BAA0B,4CAU5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,wCAKpC,2BAA2B,4CAU7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,8BAI7B,oBAAoB,mDAsBtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,8BAI3B,kBAAkB,4CAWpB,CAAC;AAiCF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,qFAS7B,oBAAoB,4CA8BtB,CAAC"}

package/dist/lib/Components/Table/Table.js

@@ -1,15 +1,15 @@
-import { jsx as l, jsxs as m } from "react/jsx-runtime";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import { createSafeContext as N, cn as c } from "../../../libs/utils-shared/dist/index.js";
 import { cva as s } from "class-variance-authority";
-import { useThrottledScrollBottom as T } from "./utils/useThrottledScrollBottom.js";
-import { Spot as g } from "../Spot/Spot.js";
+import { useThrottledScrollBottom as y } from "./utils/useThrottledScrollBottom.js";
+import { Spot as T } from "../Spot/Spot.js";
 import { Information as w } from "../../Symbols/Icons/Information.js";
 import { useCommonTranslation as C } from "../../../i18n/useCommonTranslation.js";
 import { ChevronUpDown as R } from "../../Symbols/Icons/ChevronUpDown.js";
-import { ChevronDescending as B } from "../../Symbols/Icons/ChevronDescending.js";
-import { ChevronAscending as j } from "../../Symbols/Icons/ChevronAscending.js";
-import { InteractiveIcon as H } from "../InteractiveIcon/InteractiveIcon.js";
-const [A, u] = N("Table"), I = s(
+import { ChevronDescending as j } from "../../Symbols/Icons/ChevronDescending.js";
+import { ChevronAscending as B } from "../../Symbols/Icons/ChevronAscending.js";
+import { InteractiveIcon as I } from "../InteractiveIcon/InteractiveIcon.js";
+const [S, m] = N("Table"), A = s(
   "relative scrollbar-none w-full max-w-full border-collapse overflow-x-auto rounded-lg",
   {
     variants: {
@@ -19,129 +19,115 @@ const [A, u] = N("Table"), I = s(
       }
     }
   }
-), L = ({
-  children: t,
+), O = ({
+  children: a,
   appearance: e = "no-background",
-  className: a,
+  className: t,
   onScrollBottom: n,
-  loading: r,
+  loading: l,
   ref: o,
   ...i
 }) => {
-  const d = T({
+  const d = y({
     onScrollBottom: n,
-    loading: r
+    loading: l
   });
-  return /* @__PURE__ */ l(A, { value: { appearance: e, loading: r }, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(S, { value: { appearance: e, loading: l }, children: /* @__PURE__ */ r(
     "div",
     {
       ...i,
       ref: o,
-      className: I({ appearance: e, className: a }),
+      className: A({ appearance: e, className: t }),
       onScroll: d,
-      children: t
+      children: a
     }
   ) });
-};
-L.displayName = "TableRoot";
-const S = ({ children: t, className: e, ref: a, ...n }) => /* @__PURE__ */ l(
+}, Q = ({ children: a, className: e, ref: t, ...n }) => /* @__PURE__ */ r(
   "table",
   {
     ...n,
     className: c("w-full max-w-full table-fixed", e),
-    ref: a,
-    children: t
+    ref: t,
+    children: a
   }
-);
-S.displayName = "Table";
-const V = ({
-  children: t,
+), W = ({
+  children: a,
   className: e,
-  ref: a,
+  ref: t,
   ...n
-}) => /* @__PURE__ */ l("thead", { ref: a, className: e, ...n, children: t });
-V.displayName = "TableHeader";
-const k = ({
-  children: t,
+}) => /* @__PURE__ */ r("thead", { ref: t, className: e, ...n, children: a }), X = ({
+  children: a,
   className: e,
-  ref: a,
+  ref: t,
   ...n
-}) => /* @__PURE__ */ l("tbody", { ref: a, className: e, ...n, children: t });
-k.displayName = "TableBody";
-const z = ({
-  children: t,
+}) => /* @__PURE__ */ r("tbody", { ref: t, className: e, ...n, children: a }), Y = ({
+  children: a,
   className: e,
-  clickable: a = !1,
+  clickable: t = !1,
   onClick: n,
-  ref: r,
+  ref: l,
   ...o
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ r(
   "tr",
   {
-    ref: r,
+    ref: l,
     onClick: n,
-    role: a ? "button" : void 0,
+    role: t ? "button" : void 0,
     className: c(
-      a && "cursor-pointer outline-none select-none hover:bg-base-transparent-hover active:bg-base-transparent-pressed",
+      t && "cursor-pointer outline-none select-none hover:bg-base-transparent-hover active:bg-base-transparent-pressed",
       e
     ),
     ...o,
-    children: t
+    children: a
   }
-);
-z.displayName = "TableRow";
-const q = s("sticky top-0", {
+), H = s("sticky top-0", {
   variants: {
     appearance: {
       "no-background": "bg-canvas",
       plain: "bg-surface"
     }
   }
-}), G = ({
-  children: t,
+}), Z = ({
+  children: a,
   className: e,
-  ref: a,
+  ref: t,
   ...n
 }) => {
-  const { appearance: r } = u({
+  const { appearance: l } = m({
     consumerName: "TableHeaderRow",
     contextRequired: !0
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(
     "tr",
     {
-      ref: a,
-      className: q({ appearance: r, className: e }),
+      ref: t,
+      className: H({ appearance: l, className: e }),
       ...n,
-      children: t
+      children: a
     }
   );
-};
-G.displayName = "TableHeaderRow";
-const M = ({
-  children: t,
+}, _ = ({
+  children: a,
   className: e,
-  colSpan: a = 1,
+  colSpan: t = 1,
   ref: n,
-  ...r
+  ...l
 }) => {
-  const { appearance: o } = u({
+  const { appearance: o } = m({
     consumerName: "TableGroupHeaderRow",
     contextRequired: !0
   });
-  return /* @__PURE__ */ l("tr", { ref: n, className: c("h-40", e), ...r, children: /* @__PURE__ */ l("td", { colSpan: a, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ r("tr", { ref: n, className: c("h-40", e), ...l, children: /* @__PURE__ */ r("td", { colSpan: t, children: /* @__PURE__ */ r(
     "div",
     {
       className: c(
         "flex h-32 w-full items-center bg-muted px-12 body-3 text-base",
         o === "no-background" && "rounded-sm"
       ),
-      children: t
+      children: a
     }
   ) }) });
-};
-M.displayName = "TableGroupHeaderRow";
-const p = {
+}, p = {
   root: s(
     "h-64 truncate p-12 body-3 text-base first:rounded-l-md last:rounded-r-md",
     {
@@ -164,55 +150,51 @@ const p = {
       }
     }
   })
-}, P = ({
-  children: t,
+}, $ = ({
+  children: a,
   className: e,
-  hideBelow: a,
+  hideBelow: t,
   align: n = "start",
-  ref: r,
+  ref: l,
   ...o
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ r(
   "td",
   {
-    ref: r,
-    className: p.root({ hideBelow: a, className: e }),
+    ref: l,
+    className: p.root({ hideBelow: t, className: e }),
     ...o,
-    children: /* @__PURE__ */ l("div", { className: p.inner({ align: n }), children: t })
+    children: /* @__PURE__ */ r("div", { className: p.inner({ align: n }), children: a })
   }
-);
-P.displayName = "TableCell";
-const U = s("flex items-center gap-12 truncate", {
+), L = s("flex items-center gap-12 truncate", {
   variants: {
     align: {
       start: "text-start",
       end: "text-end"
     }
   }
-}), E = ({
-  className: t,
+}), D = ({
+  className: a,
   align: e = "start",
-  leadingContent: a,
+  leadingContent: t,
   title: n,
-  description: r,
+  description: l,
   ref: o,
   ...i
-}) => /* @__PURE__ */ m(
+}) => /* @__PURE__ */ u(
   "div",
   {
     ref: o,
-    className: U({ align: e, className: t }),
+    className: L({ align: e, className: a }),
     ...i,
     children: [
-      /* @__PURE__ */ l("div", { children: a }),
-      /* @__PURE__ */ m("div", { className: "flex flex-col gap-4 truncate", children: [
-        /* @__PURE__ */ l("div", { className: "truncate body-2 text-base", children: n }),
-        /* @__PURE__ */ l("div", { className: "truncate body-3 text-muted", children: r })
+      /* @__PURE__ */ r("div", { children: t }),
+      /* @__PURE__ */ u("div", { className: "flex flex-col gap-4 truncate", children: [
+        /* @__PURE__ */ r("div", { className: "truncate body-2 text-base", children: n }),
+        /* @__PURE__ */ r("div", { className: "truncate body-3 text-muted", children: l })
       ] })
     ]
   }
-);
-E.displayName = "TableCellContent";
-const f = {
+), f = {
   root: s("group h-40 truncate p-12 body-3 text-base", {
     variants: {
       hideBelow: {
@@ -235,115 +217,104 @@ const f = {
   trailingContent: s(
     "flex items-center justify-center opacity-0 group-hover:opacity-100"
   )
-}, F = ({
-  children: t,
+}, ee = ({
+  children: a,
   className: e,
-  scope: a = "col",
+  scope: t = "col",
   hideBelow: n,
-  align: r = "start",
+  align: l = "start",
   trailingContent: o,
   ref: i,
   ...d
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ r(
   "th",
   {
     ref: i,
-    scope: a,
+    scope: t,
     className: f.root({ hideBelow: n, className: e }),
     ...d,
-    children: /* @__PURE__ */ l("div", { className: "min-w-0", children: /* @__PURE__ */ m("div", { className: f.content({ align: r }), children: [
-      /* @__PURE__ */ l("span", { className: c("truncate", r === "end" && "order-1"), children: t }),
-      /* @__PURE__ */ l("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: o })
+    children: /* @__PURE__ */ r("div", { className: "min-w-0", children: /* @__PURE__ */ u("div", { className: f.content({ align: l }), children: [
+      /* @__PURE__ */ r("span", { className: c("truncate", l === "end" && "order-1"), children: a }),
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: o })
     ] }) })
   }
-);
-F.displayName = "TableHeaderCell";
-const J = ({
-  children: t,
+), te = ({
+  children: a,
   className: e,
-  ref: a,
+  ref: t,
   ...n
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    ref: a,
+    ref: t,
     className: c("flex items-center gap-8 py-12", e),
     ...n,
-    children: t
+    children: a
   }
-);
-J.displayName = "TableActionBar";
-const K = ({
-  children: t,
+), ae = ({
+  children: a,
   className: e,
-  ref: a,
+  ref: t,
   ...n
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    ref: a,
+    ref: t,
     className: c("flex items-center gap-8", e),
     ...n,
-    children: t
+    children: a
   }
-);
-K.displayName = "TableActionBarLeading";
-const O = ({
-  children: t,
+), ne = ({
+  children: a,
   className: e,
-  ref: a,
+  ref: t,
   ...n
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    ref: a,
+    ref: t,
     className: c("ml-auto flex items-center gap-8", e),
     ...n,
-    children: t
+    children: a
   }
-);
-O.displayName = "TableActionBarTrailing";
-const Q = ({
-  className: t,
+), re = ({
+  className: a,
   ref: e,
-  ...a
+  ...t
 }) => {
-  const { loading: n } = u({
+  const { loading: n } = m({
     consumerName: "TableLoadingRow",
     contextRequired: !0
   });
-  return n ? /* @__PURE__ */ l(
+  return n ? /* @__PURE__ */ r(
     "div",
     {
-      ...a,
+      ...t,
       ref: e,
       className: c(
         "flex h-80 w-full items-center justify-center p-12",
-        t
+        a
       ),
-      children: /* @__PURE__ */ l(g, { appearance: "loader", size: 48 })
+      children: /* @__PURE__ */ r(T, { appearance: "loader", size: 48 })
     }
   ) : null;
-};
-Q.displayName = "TableLoadingRow";
-const W = ({
-  className: t,
+}, le = ({
+  className: a,
   ref: e,
-  ...a
-}) => /* @__PURE__ */ l(
-  H,
+  ...t
+}) => /* @__PURE__ */ r(
+  I,
   {
-    ...a,
+    ...t,
     iconType: "filled",
-    className: t,
-    ref: e,
-    children: /* @__PURE__ */ l(w, { size: 20 })
+    icon: w,
+    size: 20,
+    className: a,
+    ref: e
   }
-);
-W.displayName = "TableInfoIcon";
-const X = {
-  asc: j,
-  desc: B,
+), V = {
+  asc: B,
+  desc: j,
   idle: R
 }, v = {
   root: s(
@@ -368,34 +339,34 @@ const X = {
       }
     }
   })
-}, Y = ({
-  children: t,
+}, oe = ({
+  children: a,
   sortDirection: e,
-  align: a = "start",
+  align: t = "start",
   onToggleSort: n,
-  className: r,
+  className: l,
   onClick: o,
   ref: i,
   ...d
 }) => {
-  const { t: b } = C(), x = X[e || "idle"], h = {
+  const { t: b } = C(), x = V[e || "idle"], h = {
     asc: b("table.ascAriaLabel"),
     desc: b("table.descAriaLabel")
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     "button",
     {
       ...d,
       ref: i,
       type: "button",
-      className: v.root({ align: a, className: r }),
+      className: v.root({ align: t, className: l }),
       "aria-label": e ? h[e] : void 0,
-      onClick: (y) => {
-        o?.(y), n?.(e === "asc" ? "desc" : "asc");
+      onClick: (g) => {
+        o?.(g), n?.(e === "asc" ? "desc" : "asc");
       },
       children: [
-        /* @__PURE__ */ l("span", { className: "min-w-0 truncate", children: t }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r("span", { className: "min-w-0 truncate", children: a }),
+        /* @__PURE__ */ r(
           x,
           {
             size: 20,
@@ -408,22 +379,21 @@ const X = {
     }
   );
 };
-Y.displayName = "TableSortButton";
 export {
-  S as Table,
-  J as TableActionBar,
-  K as TableActionBarLeading,
-  O as TableActionBarTrailing,
-  k as TableBody,
-  P as TableCell,
-  E as TableCellContent,
-  M as TableGroupHeaderRow,
-  V as TableHeader,
-  F as TableHeaderCell,
-  G as TableHeaderRow,
-  W as TableInfoIcon,
-  Q as TableLoadingRow,
-  L as TableRoot,
-  z as TableRow,
-  Y as TableSortButton
+  Q as Table,
+  te as TableActionBar,
+  ae as TableActionBarLeading,
+  ne as TableActionBarTrailing,
+  X as TableBody,
+  $ as TableCell,
+  D as TableCellContent,
+  _ as TableGroupHeaderRow,
+  W as TableHeader,
+  ee as TableHeaderCell,
+  Z as TableHeaderRow,
+  le as TableInfoIcon,
+  re as TableLoadingRow,
+  O as TableRoot,
+  Y as TableRow,
+  oe as TableSortButton
 };

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

@@ -1,6 +1,3 @@
 import { TagProps } from './types';
-export declare const Tag: {
-    ({ ref, className, appearance, size, icon, label, disabled: disabledProp, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Tag: ({ ref, className, appearance, size, icon, label, disabled: disabledProp, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tag.d.ts.map