@ledgerhq/lumen-ui-react 0.0.84 → 0.0.86

package/dist/lib/Components/CardButton/CardButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB1C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU;sFASpB,eAAe;;CA2BjB,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB1C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU;sFASpB,eAAe;;CAgCjB,CAAC"}

package/dist/lib/Components/CardButton/CardButton.js

@@ -3,11 +3,11 @@ import { cn as u } from "../../../libs/utils-shared/dist/index.js";
 import { cva as c } from "class-variance-authority";
 import { ChevronRight as m } from "../../Symbols/Icons/ChevronRight.js";
 const f = c(
-  "inline-flex h-fit w-full cursor-pointer items-center gap-12 rounded-sm p-12 transition-colors focus-visible:outline-2 focus-visible:outline-focus disabled:cursor-default disabled:text-disabled",
+  "group inline-flex h-fit w-full cursor-pointer items-center gap-12 rounded-sm p-12 transition-colors focus-visible:outline-2 focus-visible:outline-focus disabled:cursor-default disabled:text-disabled",
   {
     variants: {
       appearance: {
-        base: "bg-muted text-base hover:bg-muted-hover active:bg-muted-pressed disabled:bg-disabled",
+        base: "bg-surface text-base hover:bg-surface-hover active:bg-surface-pressed disabled:bg-disabled",
         outline: "bg-base-transparent text-base outline-dashed outline-1 outline-muted-subtle hover:bg-base-transparent-hover hover:outline-muted-subtle-hover focus-visible:outline-hidden focus-visible:outline-offset-0 active:bg-base-transparent-pressed active:outline-muted-subtle-pressed disabled:bg-base-transparent disabled:outline-disabled"
       }
     },
@@ -16,35 +16,41 @@ const f = c(
     }
   }
 ), p = ({
-  ref: n,
-  className: l,
-  appearance: o,
-  icon: d,
-  title: r,
-  description: t,
+  ref: l,
+  className: d,
+  appearance: r,
+  icon: n,
+  title: o,
+  description: s,
   hideChevron: b,
-  ...s
+  ...t
 }) => {
-  const a = d;
+  const a = n;
   return /* @__PURE__ */ i(
     "button",
     {
-      ref: n,
+      ref: l,
       className: u(
-        l,
+        d,
         f({
-          appearance: o
+          appearance: r
         })
       ),
-      disabled: s.disabled,
-      ...s,
+      disabled: t.disabled,
+      ...t,
       children: [
         a && /* @__PURE__ */ e(a, { size: 24, className: "shrink-0" }),
         /* @__PURE__ */ i("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: r }),
-          t && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-3 text-muted", children: t })
+          /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: o }),
+          s && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-3 text-muted group-disabled:text-disabled", children: s })
         ] }),
-        !b && /* @__PURE__ */ e(m, { size: 24, className: "shrink-0" })
+        !b && /* @__PURE__ */ e(
+          m,
+          {
+            size: 24,
+            className: "shrink-0 text-muted group-disabled:text-disabled"
+          }
+        )
       ]
     }
   );

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

@@ -1,54 +1,54 @@
-import { jsx as P } from "react/jsx-runtime";
-import { createContext as W, useMemo as O, use as j } from "react";
+import { jsx as A } from "react/jsx-runtime";
+import { createContext as W, useMemo as O, useContext as j } from "react";
 import { clsx as k } from "clsx";
 import { twMerge as N } from "tailwind-merge";
-function H(l) {
-  return l ? l.split(/[-_ ]+/).map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join("") : "";
+function H(r) {
+  return r ? r.split(/[-_ ]+/).map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join("") : "";
 }
 const q = 48, z = 17, E = 2;
-function J(l) {
-  const t = l.replace(/\D/g, "").length;
+function J(r) {
+  const t = r.replace(/\D/g, "").length;
   return Math.max(
     z,
     q - t * E
   );
 }
-function C(l, t = !0) {
-  if (!l) return "";
-  const o = l.includes("."), [m, r] = l.split("."), s = m.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
-  return o && t ? r ? `${s}.${r}` : `${s}.` : s;
+function y(r, t = !0) {
+  if (!r) return "";
+  const o = r.includes("."), [m, l] = r.split("."), s = m.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+  return o && t ? l ? `${s}.${l}` : `${s}.` : s;
 }
-function K(l, t = {}) {
+function K(r, t = {}) {
   const {
     allowDecimals: o = !0,
     thousandsSeparator: m = !0,
-    maxIntegerLength: r = 9,
+    maxIntegerLength: l = 9,
     maxDecimalLength: s = 9
-  } = t, n = l.replace(",", ".").replace(/[^\d.]/g, "");
+  } = t, n = r.replace(",", ".").replace(/[^\d.]/g, "");
   let e = n;
   if (e = e.replace(/^0+(?=\d)/, ""), !o)
-    return e = e.replace(/\D/g, ""), r > 0 && e.length > r && (e = e.slice(0, r)), m ? C(e) : e;
+    return e = e.replace(/\D/g, ""), l > 0 && e.length > l && (e = e.slice(0, l)), m ? y(e) : e;
   e === "." && (e = "0.");
-  const c = e.indexOf(".");
-  if (c !== -1) {
-    let a = e.slice(0, c), i = e.slice(c + 1).replace(/\./g, "");
-    r > 0 && a.length > r && (a = a.slice(0, r)), i = i.slice(0, s), a === "" && (a = "0");
+  const i = e.indexOf(".");
+  if (i !== -1) {
+    let a = e.slice(0, i), c = e.slice(i + 1).replace(/\./g, "");
+    l > 0 && a.length > l && (a = a.slice(0, l)), c = c.slice(0, s), a === "" && (a = "0");
     const h = n.endsWith(".") || e.endsWith(".");
-    e = i.length > 0 ? `${a}.${i}` : h ? `${a}.` : a;
+    e = c.length > 0 ? `${a}.${c}` : h ? `${a}.` : a;
   } else
-    r > 0 && e.length > r && (e = e.slice(0, r));
-  return m ? C(e) : e;
+    l > 0 && e.length > l && (e = e.slice(0, l));
+  return m ? y(e) : e;
 }
-function U(l, t) {
+function U(r, t) {
   const o = W(t), m = ({ children: s, value: n }) => {
     const e = O(
       () => n,
       Object.values(n ?? {})
     );
-    return /* @__PURE__ */ P(o, { value: e, children: s });
+    return /* @__PURE__ */ A(o.Provider, { value: e, children: s });
   };
-  m.displayName = l + "Provider";
-  function r({
+  m.displayName = r + "Provider";
+  function l({
     consumerName: s,
     contextRequired: n
   }) {
@@ -57,80 +57,80 @@ function U(l, t) {
       return e;
     if (n)
       throw new Error(
-        `${s} must be used within ${l}`
+        `${s} must be used within ${r}`
       );
     return t || {};
   }
-  return [m, r];
+  return [m, l];
 }
-function V(...l) {
-  return N(k(l));
+function V(...r) {
+  return N(k(r));
 }
 const _ = ({
-  currentStep: l,
+  currentStep: r,
   totalSteps: t,
   size: o,
   label: m,
-  strokeWidth: r = 4,
+  strokeWidth: l = 4,
   arcPercentage: s = 0.75
 }) => {
-  const n = Math.min(Math.max(l, 0), t), e = m ?? `${n}/${t}`, c = t <= 0 ? 0 : n / t, a = (o - r) / 2, i = o / 2, h = o / 2, f = 2 * Math.PI * a, g = f * s, D = g * (1 - c), d = n <= 0, M = `${g} ${f}`, T = d ? g - 2 : D;
+  const n = Math.min(Math.max(r, 0), t), e = m ?? `${n}/${t}`, i = t <= 0 ? 0 : n / t, a = (o - l) / 2, c = o / 2, h = o / 2, f = 2 * Math.PI * a, g = f * s, D = g * (1 - i), d = n <= 0, C = `${g} ${f}`, T = d ? g - 2 : D;
   return {
     displayLabel: e,
-    progress: c,
+    progress: i,
     r: a,
-    cx: i,
+    cx: c,
     cy: h,
     circumference: f,
     trackArcLength: g,
     trackDashArray: `${g} ${f}`,
-    progressDashArray: M,
+    progressDashArray: C,
     progressDashOffset: T,
     showMinimalDot: d
   };
 };
-function F(l, t, o = {}) {
-  const { leading: m = !1, trailing: r = !0, maxWait: s } = o;
-  let n = null, e = null, c = null, a = 0, i = null, h = null, f;
+function F(r, t, o = {}) {
+  const { leading: m = !1, trailing: l = !0, maxWait: s } = o;
+  let n = null, e = null, i = null, a = 0, c = null, h = null, f;
   const g = s !== void 0, D = g ? Math.max(s, t) : 0, d = (u) => {
     a = u;
-    const p = i, $ = h;
-    return i = null, h = null, f = l.apply($, p), f;
-  }, M = (u) => {
-    const p = c ? u - c : 0;
+    const p = c, $ = h;
+    return c = null, h = null, f = r.apply($, p), f;
+  }, C = (u) => {
+    const p = i ? u - i : 0;
     return t - p;
   }, T = (u) => {
-    const p = c ? u - c : t, $ = u - a;
-    return c === null || p >= t || p < 0 || g && $ >= D;
-  }, y = (u) => (n = null, r && i ? d(u) : (i = null, h = null, f)), x = () => {
+    const p = i ? u - i : t, $ = u - a;
+    return i === null || p >= t || p < 0 || g && $ >= D;
+  }, M = (u) => (n = null, l && c ? d(u) : (c = null, h = null, f)), x = () => {
     const u = Date.now();
     if (T(u)) {
-      y(u);
+      M(u);
       return;
     }
-    n = setTimeout(x, M(u));
+    n = setTimeout(x, C(u));
   }, b = () => {
     const u = Date.now();
-    e = null, i && (d(u), n !== null && (clearTimeout(n), n = setTimeout(x, t)));
-  }, L = (u) => (a = u, n = setTimeout(x, t), g && (e = setTimeout(b, D)), m ? d(u) : f), S = () => {
-    n !== null && clearTimeout(n), e !== null && clearTimeout(e), a = 0, i = null, h = null, c = null, n = null, e = null;
-  }, v = () => n === null && e === null ? f : y(Date.now()), A = () => n !== null || e !== null, w = function(...u) {
+    e = null, c && (d(u), n !== null && (clearTimeout(n), n = setTimeout(x, t)));
+  }, v = (u) => (a = u, n = setTimeout(x, t), g && (e = setTimeout(b, D)), m ? d(u) : f), L = () => {
+    n !== null && clearTimeout(n), e !== null && clearTimeout(e), a = 0, c = null, h = null, i = null, n = null, e = null;
+  }, P = () => n === null && e === null ? f : M(Date.now()), S = () => n !== null || e !== null, w = function(...u) {
     const p = Date.now(), $ = T(p);
-    if (i = u, h = this, c = p, $) {
+    if (c = u, h = this, i = p, $) {
       if (n === null)
-        return L(p);
+        return v(p);
       if (g)
         return clearTimeout(n), n = setTimeout(x, t), d(p);
     }
     return n === null && (n = setTimeout(x, t)), f;
   };
-  return w.cancel = S, w.flush = v, w.pending = A, w;
+  return w.cancel = L, w.flush = P, w.pending = S, w;
 }
-function Q(l, t, o = {}) {
-  const { leading: m = !0, trailing: r = !0 } = o;
-  return F(l, t, {
+function Q(r, t, o = {}) {
+  const { leading: m = !0, trailing: l = !0 } = o;
+  return F(r, t, {
     leading: m,
-    trailing: r,
+    trailing: l,
     maxWait: t
   });
 }
@@ -138,7 +138,7 @@ export {
   V as cn,
   U as createSafeContext,
   F as debounce,
-  C as formatThousands,
+  y as formatThousands,
   J as getFontSize,
   _ as getStepperCalculations,
   K as textFormatter,

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.83",
+  "version": "0.0.85",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -41,7 +41,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.0.19",
+    "@ledgerhq/lumen-utils-shared": "0.0.20",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.84",
+  "version": "0.0.86",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [