@ledgerhq/lumen-ui-react 0.1.11 → 0.1.13

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

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

package/dist/package.json

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

package/package.json

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTrigger.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ButtonTrigger/ButtonTrigger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4BlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa;kGAWvB,kBAAkB;;CA+BpB,CAAC"}

package/dist/lib/Components/ButtonTrigger/ButtonTrigger.js

@@ -1,73 +0,0 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { cn as y } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as f, Slottable as T } from "@radix-ui/react-slot";
-import { cva as g } from "class-variance-authority";
-import { baseButtonVariants as u } from "../Button/BaseButton.js";
-import { ChevronDown as x } from "../../Symbols/Icons/ChevronDown.js";
-const z = g("gap-8 body-2-semi-bold", {
-  variants: {
-    size: {
-      sm: "",
-      md: ""
-    },
-    iconType: {
-      flat: "",
-      rounded: "",
-      none: ""
-    }
-  },
-  compoundVariants: [
-    { size: "md", iconType: "flat", class: "px-16 py-12" },
-    { size: "md", iconType: "rounded", class: "py-8 pr-16 pl-8" },
-    { size: "md", iconType: "none", class: "px-16 py-14" },
-    { size: "sm", iconType: "flat", class: "px-12 py-10" },
-    { size: "sm", iconType: "rounded", class: "py-8 pr-10 pl-8" },
-    { size: "sm", iconType: "none", class: "px-12 py-10" }
-  ],
-  defaultVariants: {
-    size: "md",
-    iconType: "none"
-  }
-}), N = ({
-  ref: p,
-  className: i,
-  appearance: r = "gray",
-  size: m = "md",
-  disabled: e = !1,
-  asChild: o = !1,
-  icon: n,
-  iconType: c = "flat",
-  children: a,
-  ...l
-}) => {
-  const d = n ? c : "none";
-  return /* @__PURE__ */ t(
-    o ? f : "button",
-    {
-      ref: p,
-      className: y(
-        u({
-          appearance: r,
-          disabled: e,
-          loading: !1
-        }),
-        z({ size: m, iconType: d }),
-        i
-      ),
-      "data-disabled": e || void 0,
-      disabled: e,
-      ...l,
-      children: [
-        n && /* @__PURE__ */ s("span", { className: "shrink-0", children: n }),
-        /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
-          o ? /* @__PURE__ */ s(T, { children: a }) : /* @__PURE__ */ s("span", { className: "line-clamp-1 text-left", children: a }),
-          /* @__PURE__ */ s(x, { size: 20, className: "shrink-0" })
-        ] })
-      ]
-    }
-  );
-};
-N.displayName = "ButtonTrigger";
-export {
-  N as ButtonTrigger
-};

package/dist/lib/Components/ButtonTrigger/index.d.ts

@@ -1,3 +0,0 @@
-export { ButtonTrigger } from './ButtonTrigger';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map