@ledgerhq/lumen-ui-react 0.1.3 → 0.1.5

package/dist/_virtual/dynamic-import-helper.js

@@ -1,14 +1,7 @@
 const l = (r, n, t) => {
   const e = r[n];
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      o.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
 export {

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

@@ -1,150 +1,147 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { cn as a } from "../../../libs/utils-shared/dist/index.js";
-import d from "react";
-import { useCommonTranslation as $ } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as q } from "../InteractiveIcon/InteractiveIcon.js";
-import { DeleteCircleFill as I } from "../../Symbols/Icons/DeleteCircleFill.js";
-const H = a(
+import c from "react";
+import { useCommonTranslation as O } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as $ } from "../InteractiveIcon/InteractiveIcon.js";
+import { DeleteCircleFill as x } from "../../Symbols/Icons/DeleteCircleFill.js";
+const q = a(
   "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
   "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
   "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled",
   "has-invalid:border-error has-invalid:ring-1 has-invalid:ring-error",
   'has-[input[aria-invalid="true"]]:border-error has-[input[aria-invalid="true"]]:ring-1 has-[input[aria-invalid="true"]]:ring-error'
-), K = a(
+), H = a(
   "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
   "group-hover:bg-muted-hover group-disabled:bg-disabled",
   "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
   "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
   "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
   "truncate"
-), U = a(
+), K = a(
   "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
   "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
   "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"
-), G = ({
-  ref: N,
-  className: S,
-  containerClassName: k,
-  inputClassName: R,
-  labelClassName: E,
-  label: u,
-  id: j,
-  disabled: m,
-  errorMessage: i,
-  suffix: z,
-  prefix: B,
-  onClear: p,
-  hideClearButton: C = !1,
-  "aria-invalid": f,
-  onChange: l,
-  ...o
+), P = ({
+  ref: y,
+  className: I,
+  containerClassName: C,
+  inputClassName: S,
+  labelClassName: N,
+  label: d,
+  id: k,
+  disabled: h,
+  errorMessage: o,
+  suffix: R,
+  prefix: E,
+  onClear: j,
+  hideClearButton: z = !1,
+  "aria-invalid": b,
+  onChange: m,
+  ...i
 }) => {
-  var x;
-  const { t: D } = $(), n = d.useRef(null), F = d.useId(), b = j || `input-${F}`, L = f || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = d.useState(
-    ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
-  ), V = d.useCallback(
+  const { t: B } = O(), n = c.useRef(null), D = c.useId(), u = k || `input-${D}`, F = b || (o ? !0 : void 0), s = i.value !== void 0, [L, v] = c.useState(
+    i.defaultValue?.toString() || ""
+  ), T = c.useCallback(
     (t) => {
-      c || v(t.target.value), l == null || l(t);
+      s || v(t.target.value), m?.(t);
     },
-    [c, l]
-  ), g = (c ? !!o.value && o.value.toString().length > 0 : T.length > 0) && !m && !C, w = `${b}-error`, A = () => {
-    var e;
+    [s, m]
+  ), f = (s ? !!i.value && i.value.toString().length > 0 : L.length > 0) && !h && !z, g = `${u}-error`, V = () => {
     if (!n.current) return;
-    const t = (e = Object.getOwnPropertyDescriptor(
+    Object.getOwnPropertyDescriptor(
       window.HTMLInputElement.prototype,
       "value"
-    )) == null ? void 0 : e.set;
-    t == null || t.call(n.current, ""), c || v("");
-    const s = new Event("input", { bubbles: !0 });
-    n.current.dispatchEvent(s), n.current.focus(), p == null || p();
+    )?.set?.call(n.current, ""), s || v("");
+    const l = new Event("input", { bubbles: !0 });
+    n.current.dispatchEvent(l), n.current.focus(), j?.();
   };
-  function O(...t) {
-    return (s) => {
+  function A(...t) {
+    return (l) => {
       t.forEach((e) => {
-        e && (typeof e == "function" ? e(s) : e.current = s);
+        e && (typeof e == "function" ? e(l) : e.current = l);
       });
     };
   }
-  return /* @__PURE__ */ h("div", { className: S, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ p("div", { className: I, children: [
+    /* @__PURE__ */ p(
       "div",
       {
-        className: a(H, k),
+        className: a(q, C),
         onPointerDown: (t) => {
           if (t.target.closest("input, button, a")) return;
           const e = n.current;
           if (!e) return;
-          const y = e.value.length > 0 ? e.value.length : 0;
+          const w = e.value.length > 0 ? e.value.length : 0;
           window.requestAnimationFrame(() => {
             try {
-              e.setSelectionRange(y, y);
+              e.setSelectionRange(w, w);
             } catch {
             }
             e.focus();
           });
         },
         children: [
-          B,
+          E,
           /* @__PURE__ */ r(
             "input",
             {
-              ref: O(N, n),
-              id: b,
-              disabled: m,
+              ref: A(y, n),
+              id: u,
+              disabled: h,
               placeholder: " ",
-              "aria-invalid": L,
-              "aria-describedby": i ? w : void 0,
+              "aria-invalid": F,
+              "aria-describedby": o ? g : void 0,
               className: a(
-                K,
-                u && "pt-12 body-2",
-                R
+                H,
+                d && "pt-12 body-2",
+                S
               ),
-              onChange: V,
-              ...o
+              onChange: T,
+              ...i
             }
           ),
-          u && /* @__PURE__ */ r(
+          d && /* @__PURE__ */ r(
             "label",
             {
-              htmlFor: b,
+              htmlFor: u,
               className: a(
-                U,
-                i && "text-error",
-                E
+                K,
+                o && "text-error",
+                N
               ),
-              children: u
+              children: d
             }
           ),
-          g && /* @__PURE__ */ r(
-            q,
+          f && /* @__PURE__ */ r(
+            $,
             {
               iconType: "filled",
-              onClick: A,
-              "aria-label": D("components.baseInput.clearInputAriaLabel"),
-              children: /* @__PURE__ */ r(I, { size: 20 })
+              onClick: V,
+              "aria-label": B("components.baseInput.clearInputAriaLabel"),
+              children: /* @__PURE__ */ r(x, { size: 20 })
             }
           ),
-          !g && z
+          !f && R
         ]
       }
     ),
-    i && /* @__PURE__ */ h(
+    o && /* @__PURE__ */ p(
       "div",
       {
-        id: w,
+        id: g,
         className: "mt-8 flex items-center gap-2 body-3 text-error",
         role: "alert",
         children: [
-          /* @__PURE__ */ r(I, { size: 16, className: "shrink-0 text-error" }),
-          /* @__PURE__ */ r("span", { children: i })
+          /* @__PURE__ */ r(x, { size: 16, className: "shrink-0 text-error" }),
+          /* @__PURE__ */ r("span", { children: o })
         ]
       }
     )
   ] });
 };
-G.displayName = "BaseInput";
+P.displayName = "BaseInput";
 export {
-  G as BaseInput
+  P as BaseInput
 };

package/dist/lib/Components/ContentBanner/ContentBanner.js

@@ -27,7 +27,7 @@ const u = ({
   "div",
   {
     ref: n,
-    className: r("line-clamp-1 body-2-semi-bold", a),
+    className: r("line-clamp-1 body-2-semi-bold text-base", a),
     ...e,
     children: t
   }

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

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