@ledgerhq/lumen-ui-react 0.1.36 → 0.1.37

package/dist/lib/Components/Popover/Popover.js

@@ -60,7 +60,7 @@ const [b, y] = l("Popover"), C = v(
     handle: n,
     children: i
   }
-) }), K = ({
+) }), O = ({
   handle: o,
   payload: a,
   render: r,
@@ -76,7 +76,7 @@ const [b, y] = l("Popover"), C = v(
     className: p("data-popup-open:z-menu", e),
     ...n
   }
-), O = ({
+), V = ({
   side: o = "bottom",
   sideOffset: a = 8,
   align: r = "start",
@@ -117,10 +117,10 @@ const [b, y] = l("Popover"), C = v(
       }
     )
   ] });
-}, V = c;
+}, A = c;
 export {
   B as Popover,
-  O as PopoverContent,
-  K as PopoverTrigger,
-  V as createPopoverHandle
+  V as PopoverContent,
+  O as PopoverTrigger,
+  A as createPopoverHandle
 };

package/dist/lib/Components/SideBar/SideBar.js

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as C, Fragment as R } from "react/jsx-runtime";
-import { createSafeContext as V, cn as m, useDisabledContext as q } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as e, jsxs as C, Fragment as P } from "react/jsx-runtime";
+import { createSafeContext as R, cn as m, useDisabledContext as V } from "../../../libs/utils-shared/dist/index.js";
 import { cva as h } from "class-variance-authority";
 import { useCallback as B } from "react";
 import { Tooltip as S, TooltipTrigger as N, TooltipContent as T } from "../Tooltip/Tooltip.js";
 import { useCommonTranslation as A } from "../../../i18n/useCommonTranslation.js";
 import { useControllableState as x } from "../../../utils/useControllableState/useControllableState.js";
-import { ExpandRight as z } from "../../Symbols/Icons/ExpandRight.js";
+import { ExpandRight as q } from "../../Symbols/Icons/ExpandRight.js";
 import { ExpandLeft as E } from "../../Symbols/Icons/ExpandLeft.js";
-const [O, w] = V("SideBar"), f = {
+const [O, w] = R("SideBar"), f = {
   root: h(
     [
       "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-surface-transparent p-16",
@@ -125,18 +125,18 @@ const [O, w] = V("SideBar"), f = {
   onClick: i,
   ...p
 }) => {
-  const l = q({
+  const l = V({
     consumerName: "SideBarItem",
     mergeWith: { disabled: c }
   }), { collapsed: b, active: g, onActiveChange: v } = w({
     consumerName: "SideBarItem",
     contextRequired: !0
   }), u = g === t, y = u ? a : s, I = r ?? o, L = B(
-    (P) => {
-      l || (i?.(P), v?.(t));
+    (z) => {
+      l || (i?.(z), v?.(t));
     },
     [l, i, v, t]
-  ), j = /* @__PURE__ */ C(R, { children: [
+  ), j = /* @__PURE__ */ C(P, { children: [
     /* @__PURE__ */ e(y, { size: 20 }),
     o != null && /* @__PURE__ */ e("span", { className: "translate-x-8 truncate", children: o })
   ] }), k = /* @__PURE__ */ e(
@@ -169,7 +169,7 @@ const [O, w] = V("SideBar"), f = {
     contextRequired: !0
   }), c = B(() => {
     r(!o);
-  }, [o, r]), d = o ? z : E, i = /* @__PURE__ */ e(
+  }, [o, r]), d = o ? q : E, i = /* @__PURE__ */ e(
     "button",
     {
       type: "button",

package/dist/lib/Components/Skeleton/Skeleton.js

@@ -63,14 +63,14 @@ const l = ({ className: a, ref: s, ...t }) => /* @__PURE__ */ e(
       ] })
     ]
   }
-), r = {
+), i = {
   "list-item": o,
   tile: m,
   table: u
 }, N = ({ className: a, component: s, ref: t, ...d }) => {
-  if (s && r[s]) {
-    const i = r[s];
-    return /* @__PURE__ */ e(i, { ...d, ref: t, className: a });
+  if (s && i[s]) {
+    const r = i[s];
+    return /* @__PURE__ */ e(r, { ...d, ref: t, className: a });
   }
   return /* @__PURE__ */ e(
     l,

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

@@ -192,7 +192,7 @@ const [H, m] = N("Table"), I = o(
     className: A({ align: e, className: a }),
     ...i,
     children: [
-      /* @__PURE__ */ r("div", { className: "shrink-0", children: t }),
+      t && /* @__PURE__ */ r("div", { className: "shrink-0", children: t }),
       /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-4", children: [
         /* @__PURE__ */ r("div", { className: "shrink-0 body-2 text-base", children: n }),
         /* @__PURE__ */ r("div", { className: "truncate body-3 text-muted", children: l })

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

@@ -1,6 +1,6 @@
 import { throttle as h } from "../../../../libs/utils-shared/dist/index.js";
 import { useMemo as L, useRef as s, useEffect as _ } from "react";
-import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as a, TABLE_CELL_HEIGHT as R } from "../constants.js";
+import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as R, TABLE_CELL_HEIGHT as a } from "../constants.js";
 const m = 150, E = ({
   element: t,
   threshold: r = 10
@@ -10,10 +10,10 @@ const m = 150, E = ({
 }, p = ({
   onScrollBottom: t,
   loading: r = !1,
-  thresholdInRow: c = a
+  thresholdInRow: c = R
 }) => {
   const n = L(
-    () => c * R,
+    () => c * a,
     [c]
   ), e = s(t), u = s(r);
   e.current = t, u.current = r;

package/dist/lib/Symbols/Icons/Lightbulb.js

@@ -9,15 +9,15 @@ const i = r(
       width: "1em",
       height: "1em",
       fill: "currentColor",
-      viewBox: "0 0 24 24",
+      viewBox: "0 0 16 16",
       children: /* @__PURE__ */ o(
         "path",
         {
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          strokeWidth: 1.5,
-          d: "M15 15.19H9M20 5l1.19-1.19M4 15l-1.19 1.19M5 4 3.81 2.81M20 15l1.19 1.19M21 10h1.69M1.31 10H3m6 8h5.87m-6.33-3.104c-1.78-1.26-2.85-3.45-2.47-5.86.4-2.607 2.57-4.688 5.2-4.995a5.996 5.996 0 0 1 6.725 5.95c0 2.02-1.01 3.81-2.55 4.898-.28.19-.46.49-.46.83v2.76a2.5 2.5 0 0 1-2.5 2.5h-1c-1.39 0-2.5-1.12-2.5-2.5v-2.763c0-.35-.19-.65-.46-.85z"
+          strokeWidth: 1.3,
+          d: "M10 10.127H6m7.333-6.794.794-.793M2.667 10l-.794.793m1.46-8.126-.793-.794M13.333 10l.794.793M14 6.667h1.127m-14.254 0H2M6 12h3.913m-4.22-2.07a3.99 3.99 0 0 1-1.646-3.906c.266-1.738 1.713-3.125 3.466-3.33a3.997 3.997 0 0 1 4.484 3.967c0 1.346-.674 2.54-1.7 3.265a.67.67 0 0 0-.307.553v1.84c0 .92-.747 1.667-1.667 1.667h-.666a1.663 1.663 0 0 1-1.667-1.667v-1.842a.71.71 0 0 0-.307-.566z"
         }
       )
     }

package/dist/libs/utils-shared/dist/index.js

@@ -2,58 +2,58 @@ import { jsx as W } from "react/jsx-runtime";
 import { useMemo as M, createContext as L, useRef as R, useContext as E } from "react";
 import { clsx as q } from "clsx";
 import { twMerge as I } from "tailwind-merge";
-function J(e) {
+function X(e) {
   return e ? e.split(/[-_ ]+/).map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join("") : "";
 }
-const N = 48, B = 17, F = 2;
-function V(e) {
-  const t = e.replace(/\D/g, "").length;
-  return Math.max(
-    B,
-    N - t * F
-  );
+const N = {
+  md: { max: 48, min: 17, scale: 2, startAt: 0 },
+  sm: { max: 28, min: 12, scale: 2, startAt: 6 }
+};
+function Z(e, t = "md") {
+  const { max: l, min: s, scale: a, startAt: i } = N[t], r = e.replace(/\D/g, "").length;
+  return Math.max(s, l - Math.max(0, r - i) * a);
 }
 function w(e, t = !0) {
   if (!e) return "";
-  const l = e.includes("."), [o, a] = e.split("."), u = o.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
-  return l && t ? a ? `${u}.${a}` : `${u}.` : u;
+  const l = e.includes("."), [s, a] = e.split("."), i = s.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+  return l && t ? a ? `${i}.${a}` : `${i}.` : i;
 }
-function X(e, t = {}) {
+function H(e, t = {}) {
   const {
     allowDecimals: l = !0,
-    thousandsSeparator: o = !0,
+    thousandsSeparator: s = !0,
     maxIntegerLength: a = 9,
-    maxDecimalLength: u = 9
+    maxDecimalLength: i = 9
   } = t, r = e.replace(",", ".").replace(/[^\d.]/g, "");
   let n = r;
   if (n = n.replace(/^0+(?=\d)/, ""), !l)
-    return n = n.replace(/\D/g, ""), a > 0 && n.length > a && (n = n.slice(0, a)), o ? w(n) : n;
+    return n = n.replace(/\D/g, ""), a > 0 && n.length > a && (n = n.slice(0, a)), s ? w(n) : n;
   n === "." && (n = "0.");
   const c = n.indexOf(".");
   if (c !== -1) {
-    let i = n.slice(0, c), d = n.slice(c + 1).replace(/\./g, "");
-    a > 0 && i.length > a && (i = i.slice(0, a)), d = d.slice(0, u), i === "" && (i = "0");
+    let u = n.slice(0, c), d = n.slice(c + 1).replace(/\./g, "");
+    a > 0 && u.length > a && (u = u.slice(0, a)), d = d.slice(0, i), u === "" && (u = "0");
     const h = r.endsWith(".") || n.endsWith(".");
-    n = d.length > 0 ? `${i}.${d}` : h ? `${i}.` : i;
+    n = d.length > 0 ? `${u}.${d}` : h ? `${u}.` : u;
   } else
     a > 0 && n.length > a && (n = n.slice(0, a));
-  return o ? w(n) : n;
+  return s ? w(n) : n;
 }
-function z(e, t) {
+function F(e, t) {
   if (Object.is(e, t)) return !0;
-  const l = e, o = t, a = Object.keys(l), u = Object.keys(o);
-  return a.length !== u.length ? !1 : a.every(
-    (r) => Object.prototype.hasOwnProperty.call(o, r) && Object.is(l[r], o[r])
+  const l = e, s = t, a = Object.keys(l), i = Object.keys(s);
+  return a.length !== i.length ? !1 : a.every(
+    (r) => Object.prototype.hasOwnProperty.call(s, r) && Object.is(l[r], s[r])
   );
 }
-function K(e, t) {
-  const l = L(t), o = ({ children: u, value: r }) => {
+function z(e, t) {
+  const l = L(t), s = ({ children: i, value: r }) => {
     const n = R(r);
-    return z(n.current, r) || (n.current = r), /* @__PURE__ */ W(l.Provider, { value: n.current, children: u });
+    return F(n.current, r) || (n.current = r), /* @__PURE__ */ W(l.Provider, { value: n.current, children: i });
   };
-  o.displayName = e + "Provider";
+  s.displayName = e + "Provider";
   function a({
-    consumerName: u,
+    consumerName: i,
     contextRequired: r
   }) {
     const n = E(l);
@@ -61,24 +61,24 @@ function K(e, t) {
       return n;
     if (r)
       throw new Error(
-        `${u} must be used within ${e}`
+        `${i} must be used within ${e}`
       );
     return t || {};
   }
-  return [o, a];
+  return [s, a];
 }
-const [ee, U] = K("Disabled", { disabled: !1 }), te = ({
+const [V, B] = z("Disabled", { disabled: !1 }), Y = ({
   consumerName: e,
   contextRequired: t,
   mergeWith: l
 }) => {
-  const o = U({
+  const s = B({
     consumerName: e,
     contextRequired: t ?? !1
   });
-  return !!(l?.disabled || o.disabled);
+  return !!(l?.disabled || s.disabled);
 };
-function ne(...e) {
+function ee(...e) {
   return I(q(e));
 }
 function T(e, t) {
@@ -86,48 +86,48 @@ function T(e, t) {
     return e(t);
   typeof e == "object" && e !== null && "current" in e && (e.current = t);
 }
-function H(...e) {
+function K(...e) {
   const t = /* @__PURE__ */ new Map();
   return (l) => {
     if (l === null) {
-      e.forEach((o) => {
-        const a = t.get(o);
-        typeof a == "function" && a(), T(o, null);
+      e.forEach((s) => {
+        const a = t.get(s);
+        typeof a == "function" && a(), T(s, null);
       }), t.clear();
       return;
     }
-    e.forEach((o) => {
-      const a = T(o, l);
-      typeof a == "function" && t.set(o, a);
+    e.forEach((s) => {
+      const a = T(s, l);
+      typeof a == "function" && t.set(s, a);
     });
   };
 }
-function re(...e) {
-  return M(() => H(...e), e);
+function te(...e) {
+  return M(() => K(...e), e);
 }
-const le = ({
+const ne = ({
   currentStep: e,
   totalSteps: t,
   size: l,
-  label: o,
+  label: s,
   strokeWidth: a = 4,
-  arcPercentage: u = 0.75
+  arcPercentage: i = 0.75
 }) => {
-  const r = Math.min(Math.max(e, 0), t), n = o ?? `${r}/${t}`, c = t <= 0 ? 0 : r / t, i = (l - a) / 2, d = l / 2, h = l / 2, f = 2 * Math.PI * i, p = f * u, x = p * (1 - c), g = r <= 0, D = `${p} ${f}`, P = g ? p - 2 : x;
+  const r = Math.min(Math.max(e, 0), t), n = s ?? `${r}/${t}`, c = t <= 0 ? 0 : r / t, u = (l - a) / 2, d = l / 2, h = l / 2, m = 2 * Math.PI * u, p = m * i, b = p * (1 - c), g = r <= 0, D = `${p} ${m}`, P = g ? p - 2 : b;
   return {
     displayLabel: n,
     progress: c,
-    r: i,
+    r: u,
     cx: d,
     cy: h,
-    circumference: f,
+    circumference: m,
     trackArcLength: p,
-    trackDashArray: `${p} ${f}`,
+    trackDashArray: `${p} ${m}`,
     progressDashArray: D,
     progressDashOffset: P,
     showMinimalDot: g
   };
-}, ae = (e) => M(
+}, re = (e) => M(
   () => ({
     integerPart: Array.from(e.integerPart, (t) => ({
       value: t,
@@ -139,57 +139,57 @@ const le = ({
     })) : []
   }),
   [e.integerPart, e.decimalPart]
-), oe = (e, t, l) => {
+), le = (e, t, l) => {
   if (t) return l;
-  const o = e.decimalPart ? `${e.decimalSeparator}${e.decimalPart}` : "", a = `${e.integerPart}${o}`;
+  const s = e.decimalPart ? `${e.decimalSeparator}${e.decimalPart}` : "", a = `${e.integerPart}${s}`;
   return e.currencyPosition === "end" ? `${a} ${e.currencyText}` : `${e.currencyText} ${a}`;
 };
-function Q(e, t, l = {}) {
-  const { leading: o = !1, trailing: a = !0, maxWait: u } = l;
-  let r = null, n = null, c = null, i = 0, d = null, h = null, f;
-  const p = u !== void 0, x = p ? Math.max(u, t) : 0, g = (s) => {
-    i = s;
-    const m = d, b = h;
-    return d = null, h = null, f = e.apply(b, m), f;
-  }, D = (s) => {
-    const m = c ? s - c : 0;
-    return t - m;
-  }, P = (s) => {
-    const m = c ? s - c : t, b = s - i;
-    return c === null || m >= t || m < 0 || p && b >= x;
-  }, v = (s) => (r = null, a && d ? g(s) : (d = null, h = null, f)), y = () => {
-    const s = Date.now();
-    if (P(s)) {
-      v(s);
+function _(e, t, l = {}) {
+  const { leading: s = !1, trailing: a = !0, maxWait: i } = l;
+  let r = null, n = null, c = null, u = 0, d = null, h = null, m;
+  const p = i !== void 0, b = p ? Math.max(i, t) : 0, g = (o) => {
+    u = o;
+    const f = d, x = h;
+    return d = null, h = null, m = e.apply(x, f), m;
+  }, D = (o) => {
+    const f = c ? o - c : 0;
+    return t - f;
+  }, P = (o) => {
+    const f = c ? o - c : t, x = o - u;
+    return c === null || f >= t || f < 0 || p && x >= b;
+  }, v = (o) => (r = null, a && d ? g(o) : (d = null, h = null, m)), y = () => {
+    const o = Date.now();
+    if (P(o)) {
+      v(o);
       return;
     }
-    r = setTimeout(y, D(s));
-  }, S = () => {
-    const s = Date.now();
-    n = null, d && (g(s), r !== null && (clearTimeout(r), r = setTimeout(y, t)));
-  }, j = (s) => (i = s, r = setTimeout(y, t), p && (n = setTimeout(S, x)), o ? g(s) : f), k = () => {
-    r !== null && clearTimeout(r), n !== null && clearTimeout(n), i = 0, d = null, h = null, c = null, r = null, n = null;
-  }, A = () => r === null && n === null ? f : v(Date.now()), O = () => r !== null || n !== null, $ = function(...s) {
-    const m = Date.now(), b = P(m);
-    if (d = s, h = this, c = m, b) {
+    r = setTimeout(y, D(o));
+  }, C = () => {
+    const o = Date.now();
+    n = null, d && (g(o), r !== null && (clearTimeout(r), r = setTimeout(y, t)));
+  }, S = (o) => (u = o, r = setTimeout(y, t), p && (n = setTimeout(C, b)), s ? g(o) : m), j = () => {
+    r !== null && clearTimeout(r), n !== null && clearTimeout(n), u = 0, d = null, h = null, c = null, r = null, n = null;
+  }, k = () => r === null && n === null ? m : v(Date.now()), O = () => r !== null || n !== null, $ = function(...o) {
+    const f = Date.now(), x = P(f);
+    if (d = o, h = this, c = f, x) {
       if (r === null)
-        return j(m);
+        return S(f);
       if (p)
-        return clearTimeout(r), r = setTimeout(y, t), g(m);
+        return clearTimeout(r), r = setTimeout(y, t), g(f);
     }
-    return r === null && (r = setTimeout(y, t)), f;
+    return r === null && (r = setTimeout(y, t)), m;
   };
-  return $.cancel = k, $.flush = A, $.pending = O, $;
+  return $.cancel = j, $.flush = k, $.pending = O, $;
 }
-function se(e, t, l = {}) {
-  const { leading: o = !0, trailing: a = !0 } = l;
-  return Q(e, t, {
-    leading: o,
+function ae(e, t, l = {}) {
+  const { leading: s = !0, trailing: a = !0 } = l;
+  return _(e, t, {
+    leading: s,
     trailing: a,
     maxWait: t
   });
 }
-const ue = ({
+const se = ({
   onClick: e,
   disabled: t
 }) => e ? t ? {
@@ -203,37 +203,37 @@ const ue = ({
     (l.key === "Enter" || l.key === " ") && (l.preventDefault(), e?.(l));
   },
   onClick: e
-} : void 0, C = " ", ie = ({
+} : void 0, A = " ", oe = ({
   label: e,
   placeholder: t
 }) => {
   const l = typeof t == "string" && t.trim().length > 0 ? t : void 0;
   return e ? {
-    inputPlaceholder: l ?? C,
+    inputPlaceholder: l ?? A,
     labelStaysFloatedWithPlaceholder: l !== void 0
   } : {
-    inputPlaceholder: t ?? C,
+    inputPlaceholder: t ?? A,
     labelStaysFloatedWithPlaceholder: !1
   };
 };
 export {
-  ee as DisabledProvider,
+  V as DisabledProvider,
   T as assignRef,
-  oe as buildAriaLabel,
-  ne as cn,
-  K as createSafeContext,
-  Q as debounce,
+  le as buildAriaLabel,
+  ee as cn,
+  z as createSafeContext,
+  _ as debounce,
   w as formatThousands,
-  ue as getButtonA11yProps,
-  V as getFontSize,
-  le as getStepperCalculations,
-  H as mergeRefs,
-  ie as resolveBaseInputPlaceholder,
-  z as shallowEqual,
-  X as textFormatter,
-  se as throttle,
-  J as toPascalCase,
-  te as useDisabledContext,
-  re as useMergedRef,
-  ae as useSplitText
+  se as getButtonA11yProps,
+  Z as getFontSize,
+  ne as getStepperCalculations,
+  K as mergeRefs,
+  oe as resolveBaseInputPlaceholder,
+  F as shallowEqual,
+  H as textFormatter,
+  ae as throttle,
+  X as toPascalCase,
+  Y as useDisabledContext,
+  te as useMergedRef,
+  re as useSplitText
 };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.35",
+  "version": "0.1.36",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -41,7 +41,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.3",
+    "@ledgerhq/lumen-utils-shared": "0.1.4",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -54,7 +54,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.14",
+    "@ledgerhq/lumen-design-core": "0.1.15",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.36",
+  "version": "0.1.37",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -41,7 +41,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.4",
+    "@ledgerhq/lumen-utils-shared": "0.1.5",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -54,7 +54,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.15",
+    "@ledgerhq/lumen-design-core": "0.1.16",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",