@ledgerhq/lumen-ui-react 0.1.30 → 0.1.32

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

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

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -55,7 +55,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.12",
+    "@ledgerhq/lumen-design-core": "0.1.13",
     "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.30",
+  "version": "0.1.32",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -55,7 +55,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.13",
+    "@ledgerhq/lumen-design-core": "0.1.14",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",