@ledgerhq/lumen-ui-react 0.1.30 → 0.1.32

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

@@ -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,
@@ -226,7 +226,7 @@ const k = ({
       children: a
     }
   );
-}, L = ({
+}, K = ({
   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,
+  K as CardContentDescription,
   B as CardContentRow,
   I as CardContentTitle,
-  S as CardFooter,
-  U as CardFooterActions,
+  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/CardButton/CardButton.js

@@ -20,9 +20,9 @@ const h = f(
   className: o,
   appearance: d,
   icon: l,
-  title: n,
+  title: r,
   description: t,
-  hideChevron: r,
+  hideChevron: n,
   disabled: b,
   ...u
 }) => {
@@ -45,10 +45,10 @@ const h = f(
       children: [
         s && /* @__PURE__ */ e(s, { size: 24 }),
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
-          /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: n }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: r }),
           t && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-3 text-muted group-disabled:text-disabled", children: t })
         ] }),
-        !r && /* @__PURE__ */ e(
+        !n && /* @__PURE__ */ e(
           v,
           {
             size: 24,

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

@@ -11,7 +11,7 @@ import { DataTableProps, DataTableRootProps } from './types';
  *   <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;
+export declare const DataTableRoot: <TData extends RowData>({ table, appearance, paginationMode, loading, onScrollBottom, onRowClick, groupBy, renderGroupHeader, hideHeader, stickyHeader, children, className, ref, ...props }: DataTableRootProps<TData>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Renders the full table (header + body) from the TanStack table instance
  * provided by `DataTableRoot`. Internally composes the pure-UI Table building blocks.

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;AAcjB;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,OAAO,EAAE,wJAclD,kBAAkB,CAAC,KAAK,CAAC,4CAoB3B,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;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"}

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

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

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

@@ -66,6 +66,14 @@ export type DataTableRootProps<TData extends RowData = RowData> = {
      * @default false
      */
     hideHeader?: boolean;
+    /**
+     * When true, applies sticky positioning to the header so it stays
+     * visible while scrolling. Sticks to the nearest scrolling ancestor:
+     * the table container when the table itself scrolls, or the page when
+     * the table is used inside a scrollable page.
+     * @default true
+     */
+    stickyHeader?: boolean;
     /**
      * Callback fired when a row is clicked.
      * Return the data of the given row from the callback function.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAGF,OAAO,QAAQ,uBAAuB,CAAC;IAErC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,CAAE,SAAQ,eAAe;KAAG;CAC/E;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,iBAAiB,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAC7E,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAGF,OAAO,QAAQ,uBAAuB,CAAC;IAErC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,CAAE,SAAQ,eAAe;KAAG;CAC/E;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,iBAAiB,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAC7E,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}

package/dist/lib/Components/Dialog/Dialog.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { createSafeContext as f, cn as i } from "../../../libs/utils-shared/dist/index.js";
+import { createSafeContext as f, cn as n } from "../../../libs/utils-shared/dist/index.js";
 import * as l from "@radix-ui/react-dialog";
 import { cva as m } from "class-variance-authority";
 const [u, r] = f("Dialog"), x = m(
@@ -36,7 +36,7 @@ const p = ({ ref: t, className: a, ...e }) => /* @__PURE__ */ o(
   {
     ref: t,
     "data-slot": "dialog-overlay",
-    className: i(
+    className: n(
       "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
       a
     ),
@@ -48,7 +48,7 @@ function N({
   children: a,
   ...e
 }) {
-  const { height: n } = r({
+  const { height: i } = r({
     consumerName: "DialogContent",
     contextRequired: !0
   });
@@ -58,7 +58,7 @@ function N({
       l.Content,
       {
         "data-slot": "dialog-content",
-        className: i(x({ height: n }), t),
+        className: n(x({ height: i }), t),
         ...e,
         children: a
       }
@@ -69,7 +69,7 @@ const w = ({
   ref: t,
   className: a,
   children: e,
-  scrollbarWidth: n = "none",
+  scrollbarWidth: i = "none",
   style: s,
   ...d
 }) => {
@@ -83,10 +83,10 @@ const w = ({
       ref: t,
       "data-slot": "dialog-body",
       style: s,
-      className: i(
+      className: n(
         "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
         c === "fit" ? "basis-auto" : "basis-0",
-        n === "auto" ? "scrollbar-custom" : "scrollbar-none",
+        i === "auto" ? "scrollbar-custom" : "scrollbar-none",
         a
       ),
       ...d,
@@ -97,28 +97,28 @@ const w = ({
   ref: t,
   className: a,
   children: e,
-  ...n
+  ...i
 }) => /* @__PURE__ */ o(
   "div",
   {
     ref: t,
     "data-slot": "dialog-body-sticky-content",
-    className: i("sticky top-0 bg-canvas-sheet py-8", a),
-    ...n,
+    className: n("sticky top-0 bg-canvas-sheet py-8", a),
+    ...i,
     children: e
   }
 ), P = ({
   ref: t,
   className: a,
   children: e,
-  ...n
+  ...i
 }) => /* @__PURE__ */ o(
   "div",
   {
     ref: t,
     "data-slot": "dialog-footer",
-    className: i("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
-    ...n,
+    className: n("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
+    ...i,
     children: e
   }
 );

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js

@@ -1,4 +1,4 @@
-import { jsxs as n, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, Fragment as c, jsx as e } from "react/jsx-runtime";
 import { cn as s } from "../../../../libs/utils-shared/dist/index.js";
 import * as h from "@radix-ui/react-dialog";
 import { cva as u } from "class-variance-authority";
@@ -61,22 +61,22 @@ const D = u("flex px-24 text-base", {
   title: l,
   description: t,
   onClose: m,
-  onBack: i,
+  onBack: n,
   ...g
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ i(
   "div",
   {
     ref: r,
     className: D({ density: o, className: a }),
     ...g,
     children: [
-      o === "compact" && /* @__PURE__ */ n(c, { children: [
-        i && /* @__PURE__ */ e(d, { onBack: i }),
-        /* @__PURE__ */ n(
+      o === "compact" && /* @__PURE__ */ i(c, { children: [
+        n && /* @__PURE__ */ e(d, { onBack: n }),
+        /* @__PURE__ */ i(
           "div",
           {
             className: s("flex min-w-0 flex-1 flex-col", {
-              "pl-40": !i
+              "pl-40": !n
             }),
             children: [
               l && /* @__PURE__ */ e("div", { className: "truncate text-center heading-5-semi-bold", children: l }),
@@ -86,12 +86,12 @@ const D = u("flex px-24 text-base", {
         ),
         /* @__PURE__ */ e(p, { onClose: m })
       ] }),
-      o === "expanded" && /* @__PURE__ */ n(c, { children: [
-        /* @__PURE__ */ n("div", { className: "flex h-40 flex-row items-center", children: [
-          i && /* @__PURE__ */ e(d, { onBack: i }),
+      o === "expanded" && /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ i("div", { className: "flex h-40 flex-row items-center", children: [
+          n && /* @__PURE__ */ e(d, { onBack: n }),
           /* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(p, { onClose: m }) })
         ] }),
-        (l || t) && /* @__PURE__ */ n("div", { className: "flex flex-col gap-4", children: [
+        (l || t) && /* @__PURE__ */ i("div", { className: "flex flex-col gap-4", children: [
           l && /* @__PURE__ */ e("div", { className: "heading-3-semi-bold", children: l }),
           t && /* @__PURE__ */ e("div", { className: "body-2 text-muted", children: t })
         ] })
@@ -104,7 +104,7 @@ const D = u("flex px-24 text-base", {
   description: o,
   density: l = "compact",
   ...t
-}) => /* @__PURE__ */ n(c, { children: [
+}) => /* @__PURE__ */ i(c, { children: [
   /* @__PURE__ */ e(
     w,
     {

package/dist/lib/Components/DotCount/DotCount.js

@@ -57,10 +57,10 @@ function y({
   ref: f,
   ...u
 }) {
-  const d = g({
+  const r = g({
     consumerName: "DotCount",
     mergeWith: { disabled: c }
-  }), r = Math.max(1, Math.min(b, 99)), o = !!i;
+  }), d = Math.max(1, Math.min(b, 99)), o = !!i;
   return /* @__PURE__ */ x(
     "div",
     {
@@ -75,10 +75,10 @@ function y({
             "aria-label": n,
             "aria-hidden": !n || void 0,
             className: a(
-              h({ size: t, appearance: s, disabled: d }),
+              h({ size: t, appearance: s, disabled: r }),
               o && "absolute top-0 right-0 z-1"
             ),
-            children: e > 0 && /* @__PURE__ */ l("span", { className: a(v({ size: t, appearance: s, disabled: d })), children: e <= r ? e : `${r}+` })
+            children: e > 0 && /* @__PURE__ */ l("span", { className: a(v({ size: t, appearance: s, disabled: r })), children: e <= d ? e : `${d}+` })
           }
         ),
         i

package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js

@@ -27,8 +27,8 @@ const v = u(
   }
 ), h = ({
   ref: s,
-  className: i,
-  iconType: r,
+  className: r,
+  iconType: i,
   icon: a,
   size: o = 24,
   appearance: n = "muted",
@@ -46,8 +46,8 @@ const v = u(
       ref: s,
       disabled: e,
       className: b(
-        v({ disabled: e, iconType: r, appearance: n }),
-        i
+        v({ disabled: e, iconType: i, appearance: n }),
+        r
       ),
       children: /* @__PURE__ */ t(a, { size: o })
     }

package/dist/lib/Components/Link/Link.js

@@ -46,10 +46,10 @@ const w = k(
   disabled: b,
   ...v
 }) => {
-  const s = x({
+  const r = x({
     consumerName: "Link",
     mergeWith: { disabled: b }
-  }), r = i ? {
+  }), s = i ? {
     sm: 16,
     md: 20
   }[i] : 20, o = u;
@@ -62,19 +62,19 @@ const w = k(
           appearance: f,
           size: i,
           underline: p,
-          disabled: s
+          disabled: r
         }),
         m
       ),
-      "aria-disabled": s || void 0,
+      "aria-disabled": r || void 0,
       target: n && !t ? "_blank" : void 0,
       rel: n && !t ? "noopener noreferrer" : void 0,
       ...v,
       children: t ? a : /* @__PURE__ */ l(c, { children: [
-        o && /* @__PURE__ */ e(o, { size: r }),
+        o && /* @__PURE__ */ e(o, { size: s }),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: a }),
         n && /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(z, { size: r, "aria-hidden": "true" }),
+          /* @__PURE__ */ e(z, { size: s, "aria-hidden": "true" }),
           /* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
         ] })
       ] })