@ledgerhq/lumen-ui-react 0.1.45 → 0.1.47

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

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

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -41,7 +41,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.6",
+    "@ledgerhq/lumen-utils-shared": "0.1.8",
     "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.18",
+    "@ledgerhq/lumen-design-core": "0.1.20",
     "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.45",
+  "version": "0.1.47",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -41,7 +41,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.7",
+    "@ledgerhq/lumen-utils-shared": "0.1.9",
     "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.19",
+    "@ledgerhq/lumen-design-core": "0.1.21",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/dist/lib/Components/Design-tokens/shared.d.ts

@@ -1,20 +0,0 @@
-export declare const ColorSwatch: ({ name, className, textClassName, category, }: {
-    name: string;
-    className: string;
-    textClassName?: string;
-    category?: "background" | "text" | "border";
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const SectionHeader: ({ title, description, }: {
-    title: string;
-    description?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ColorSection: ({ title, tokens, category, }: {
-    title?: string;
-    tokens: {
-        name: string;
-        className: string;
-        textClassName?: string;
-    }[];
-    category?: "background" | "text" | "border";
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=shared.d.ts.map

package/dist/lib/Components/Design-tokens/shared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Design-tokens/shared.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,+CAKzB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C,4CAsDA,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,yBAG3B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,4CAKA,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,8BAI1B;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtE,QAAQ,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C,4CAeA,CAAC"}