@ledgerhq/lumen-utils-shared 0.1.4 → 0.1.5

package/dist/index.js

@@ -1,24 +1,24 @@
 import { jsx as k } from "react/jsx-runtime";
-import { createContext as F, useRef as W, useContext as _, useMemo as I } from "react";
-import { clsx as R } from "clsx";
-import { twMerge as w } from "tailwind-merge";
-function Q(t) {
+import { createContext as W, useRef as F, useContext as w, useMemo as I } from "react";
+import { clsx as B } from "clsx";
+import { twMerge as R } from "tailwind-merge";
+function G(t) {
   return t ? t.split(/[-_ ]+/).map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("") : "";
 }
-const B = 48, N = 17, q = 2;
-function Y(t) {
-  const e = t.replace(/\D/g, "").length;
-  return Math.max(
-    N,
-    B - e * q
-  );
+const _ = {
+  md: { max: 48, min: 17, scale: 2, startAt: 0 },
+  sm: { max: 28, min: 12, scale: 2, startAt: 6 }
+};
+function J(t, e = "md") {
+  const { max: r, min: o, scale: s, startAt: l } = _[e], i = t.replace(/\D/g, "").length;
+  return Math.max(o, r - Math.max(0, i - l) * s);
 }
 function A(t, e = !0) {
   if (!t) return "";
   const r = t.includes("."), [o, s] = t.split("."), l = o.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
   return r && e ? s ? `${l}.${s}` : `${l}.` : l;
 }
-function tt(t, e = {}) {
+function Q(t, e = {}) {
   const {
     allowDecimals: r = !0,
     thousandsSeparator: o = !0,
@@ -29,34 +29,34 @@ function tt(t, e = {}) {
   if (n = n.replace(/^0+(?=\d)/, ""), !r)
     return n = n.replace(/\D/g, ""), s > 0 && n.length > s && (n = n.slice(0, s)), o ? A(n) : n;
   n === "." && (n = "0.");
-  const a = n.indexOf(".");
-  if (a !== -1) {
-    let u = n.slice(0, a), f = n.slice(a + 1).replace(/\./g, "");
-    s > 0 && u.length > s && (u = u.slice(0, s)), f = f.slice(0, l), u === "" && (u = "0");
+  const u = n.indexOf(".");
+  if (u !== -1) {
+    let a = n.slice(0, u), f = n.slice(u + 1).replace(/\./g, "");
+    s > 0 && a.length > s && (a = a.slice(0, s)), f = f.slice(0, l), a === "" && (a = "0");
     const h = i.endsWith(".") || n.endsWith(".");
-    n = f.length > 0 ? `${u}.${f}` : h ? `${u}.` : u;
+    n = f.length > 0 ? `${a}.${f}` : h ? `${a}.` : a;
   } else
     s > 0 && n.length > s && (n = n.slice(0, s));
   return o ? A(n) : n;
 }
-function z(t, e) {
+function q(t, e) {
   if (Object.is(t, e)) return !0;
   const r = t, o = e, s = Object.keys(r), l = Object.keys(o);
   return s.length !== l.length ? !1 : s.every(
     (i) => Object.prototype.hasOwnProperty.call(o, i) && Object.is(r[i], o[i])
   );
 }
-function K(t, e) {
-  const r = F(e), o = ({ children: l, value: i }) => {
-    const n = W(i);
-    return z(n.current, i) || (n.current = i), /* @__PURE__ */ k(r.Provider, { value: n.current, children: l });
+function z(t, e) {
+  const r = W(e), o = ({ children: l, value: i }) => {
+    const n = F(i);
+    return q(n.current, i) || (n.current = i), /* @__PURE__ */ k(r.Provider, { value: n.current, children: l });
   };
   o.displayName = t + "Provider";
   function s({
     consumerName: l,
     contextRequired: i
   }) {
-    const n = _(r);
+    const n = w(r);
     if (n)
       return n;
     if (i)
@@ -67,46 +67,46 @@ function K(t, e) {
   }
   return [o, s];
 }
-const [et, Z] = K("Disabled", { disabled: !1 }), nt = ({
+const [X, K] = z("Disabled", { disabled: !1 }), tt = ({
   consumerName: t,
   contextRequired: e,
   mergeWith: r
 }) => {
-  const o = Z({
+  const o = K({
     consumerName: t,
     contextRequired: e ?? !1
   });
   return !!(r?.disabled || o.disabled);
 };
-function rt(...t) {
-  return w(R(t));
+function et(...t) {
+  return R(B(t));
 }
-const O = (t) => typeof t == "string" || typeof t == "number", ot = (t) => Array.isArray(t) ? t.every(O) : O(t);
-function C(t, e) {
+const O = (t) => typeof t == "string" || typeof t == "number", nt = (t) => Array.isArray(t) ? t.every(O) : O(t);
+function S(t, e) {
   if (typeof t == "function")
     return t(e);
   typeof t == "object" && t !== null && "current" in t && (t.current = e);
 }
-function H(...t) {
+function N(...t) {
   const e = /* @__PURE__ */ new Map();
   return (r) => {
     if (r === null) {
       t.forEach((o) => {
         const s = e.get(o);
-        typeof s == "function" && s(), C(o, null);
+        typeof s == "function" && s(), S(o, null);
       }), e.clear();
       return;
     }
     t.forEach((o) => {
-      const s = C(o, r);
+      const s = S(o, r);
       typeof s == "function" && e.set(o, s);
     });
   };
 }
-function it(...t) {
-  return I(() => H(...t), t);
+function rt(...t) {
+  return I(() => N(...t), t);
 }
-const st = (t, e) => {
+const ot = (t, e) => {
   let r = t;
   for (const o of e) {
     if (r == null)
@@ -114,7 +114,7 @@ const st = (t, e) => {
     r = r[o];
   }
   return r;
-}, ct = ({
+}, it = ({
   currentStep: t,
   totalSteps: e,
   size: r,
@@ -122,11 +122,11 @@ const st = (t, e) => {
   strokeWidth: s = 4,
   arcPercentage: l = 0.75
 }) => {
-  const i = Math.min(Math.max(t, 0), e), n = o ?? `${i}/${e}`, a = e <= 0 ? 0 : i / e, u = (r - s) / 2, f = r / 2, h = r / 2, d = 2 * Math.PI * u, g = d * l, b = g * (1 - a), p = i <= 0, D = `${g} ${d}`, P = p ? g - 2 : b;
+  const i = Math.min(Math.max(t, 0), e), n = o ?? `${i}/${e}`, u = e <= 0 ? 0 : i / e, a = (r - s) / 2, f = r / 2, h = r / 2, d = 2 * Math.PI * a, g = d * l, b = g * (1 - u), p = i <= 0, D = `${g} ${d}`, P = p ? g - 2 : b;
   return {
     displayLabel: n,
-    progress: a,
-    r: u,
+    progress: u,
+    r: a,
     cx: f,
     cy: h,
     circumference: d,
@@ -136,7 +136,7 @@ const st = (t, e) => {
     progressDashOffset: P,
     showMinimalDot: p
   };
-}, lt = (t) => I(
+}, st = (t) => I(
   () => ({
     integerPart: Array.from(t.integerPart, (e) => ({
       value: e,
@@ -148,57 +148,57 @@ const st = (t, e) => {
     })) : []
   }),
   [t.integerPart, t.decimalPart]
-), ut = (t, e, r) => {
+), ct = (t, e, r) => {
   if (e) return r;
   const o = t.decimalPart ? `${t.decimalSeparator}${t.decimalPart}` : "", s = `${t.integerPart}${o}`;
   return t.currencyPosition === "end" ? `${s} ${t.currencyText}` : `${t.currencyText} ${s}`;
 };
-function U(t, e, r = {}) {
+function Z(t, e, r = {}) {
   const { leading: o = !1, trailing: s = !0, maxWait: l } = r;
-  let i = null, n = null, a = null, u = 0, f = null, h = null, d;
+  let i = null, n = null, u = null, a = 0, f = null, h = null, d;
   const g = l !== void 0, b = g ? Math.max(l, e) : 0, p = (c) => {
-    u = c;
-    const m = f, x = h;
-    return f = null, h = null, d = t.apply(x, m), d;
+    a = c;
+    const m = f, y = h;
+    return f = null, h = null, d = t.apply(y, m), d;
   }, D = (c) => {
-    const m = a ? c - a : 0;
+    const m = u ? c - u : 0;
     return e - m;
   }, P = (c) => {
-    const m = a ? c - a : e, x = c - u;
-    return a === null || m >= e || m < 0 || g && x >= b;
-  }, $ = (c) => (i = null, s && f ? p(c) : (f = null, h = null, d)), y = () => {
+    const m = u ? c - u : e, y = c - a;
+    return u === null || m >= e || m < 0 || g && y >= b;
+  }, $ = (c) => (i = null, s && f ? p(c) : (f = null, h = null, d)), x = () => {
     const c = Date.now();
     if (P(c)) {
       $(c);
       return;
     }
-    i = setTimeout(y, D(c));
+    i = setTimeout(x, D(c));
   }, M = () => {
     const c = Date.now();
-    n = null, f && (p(c), i !== null && (clearTimeout(i), i = setTimeout(y, e)));
-  }, E = (c) => (u = c, i = setTimeout(y, e), g && (n = setTimeout(M, b)), o ? p(c) : d), v = () => {
-    i !== null && clearTimeout(i), n !== null && clearTimeout(n), u = 0, f = null, h = null, a = null, i = null, n = null;
+    n = null, f && (p(c), i !== null && (clearTimeout(i), i = setTimeout(x, e)));
+  }, v = (c) => (a = c, i = setTimeout(x, e), g && (n = setTimeout(M, b)), o ? p(c) : d), E = () => {
+    i !== null && clearTimeout(i), n !== null && clearTimeout(n), a = 0, f = null, h = null, u = null, i = null, n = null;
   }, L = () => i === null && n === null ? d : $(Date.now()), j = () => i !== null || n !== null, T = function(...c) {
-    const m = Date.now(), x = P(m);
-    if (f = c, h = this, a = m, x) {
+    const m = Date.now(), y = P(m);
+    if (f = c, h = this, u = m, y) {
       if (i === null)
-        return E(m);
+        return v(m);
       if (g)
-        return clearTimeout(i), i = setTimeout(y, e), p(m);
+        return clearTimeout(i), i = setTimeout(x, e), p(m);
     }
-    return i === null && (i = setTimeout(y, e)), d;
+    return i === null && (i = setTimeout(x, e)), d;
   };
-  return T.cancel = v, T.flush = L, T.pending = j, T;
+  return T.cancel = E, T.flush = L, T.pending = j, T;
 }
-function at(t, e, r = {}) {
+function lt(t, e, r = {}) {
   const { leading: o = !0, trailing: s = !0 } = r;
-  return U(t, e, {
+  return Z(t, e, {
     leading: o,
     trailing: s,
     maxWait: e
   });
 }
-const ft = ({
+const at = ({
   onClick: t,
   disabled: e
 }) => t ? e ? {
@@ -212,39 +212,39 @@ const ft = ({
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), t?.(o));
   },
   onClick: t
-} : void 0, S = " ", dt = ({
+} : void 0, C = " ", ut = ({
   label: t,
   placeholder: e
 }) => {
   const r = typeof e == "string" && e.trim().length > 0 ? e : void 0;
   return t ? {
-    inputPlaceholder: r ?? S,
+    inputPlaceholder: r ?? C,
     labelStaysFloatedWithPlaceholder: r !== void 0
   } : {
-    inputPlaceholder: e ?? S,
+    inputPlaceholder: e ?? C,
     labelStaysFloatedWithPlaceholder: !1
   };
 };
 export {
-  et as DisabledProvider,
-  C as assignRef,
-  ut as buildAriaLabel,
-  rt as cn,
-  K as createSafeContext,
-  U as debounce,
+  X as DisabledProvider,
+  S as assignRef,
+  ct as buildAriaLabel,
+  et as cn,
+  z as createSafeContext,
+  Z as debounce,
   A as formatThousands,
-  ft as getButtonA11yProps,
-  Y as getFontSize,
-  st as getObjectPath,
-  ct as getStepperCalculations,
-  ot as isTextChildren,
-  H as mergeRefs,
-  dt as resolveBaseInputPlaceholder,
-  z as shallowEqual,
-  tt as textFormatter,
-  at as throttle,
-  Q as toPascalCase,
-  nt as useDisabledContext,
-  it as useMergedRef,
-  lt as useSplitText
+  at as getButtonA11yProps,
+  J as getFontSize,
+  ot as getObjectPath,
+  it as getStepperCalculations,
+  nt as isTextChildren,
+  N as mergeRefs,
+  ut as resolveBaseInputPlaceholder,
+  q as shallowEqual,
+  Q as textFormatter,
+  lt as throttle,
+  G as toPascalCase,
+  tt as useDisabledContext,
+  rt as useMergedRef,
+  st as useSplitText
 };

package/dist/lib/inputFormatter/fontSizeFormatter.d.ts

@@ -1,6 +1,24 @@
+declare const FONT_SIZE_BY_SIZE: {
+    readonly md: {
+        readonly max: 48;
+        readonly min: 17;
+        readonly scale: 2;
+        readonly startAt: 0;
+    };
+    readonly sm: {
+        readonly max: 28;
+        readonly min: 12;
+        readonly scale: 2;
+        readonly startAt: 6;
+    };
+};
+export type AmountInputFontSizeSize = keyof typeof FONT_SIZE_BY_SIZE;
 /**
  * Calculates the font size based on the number of digits in the input value.
- * Scales from 48px (max) to 17px (min) as digit count increases.
+ * Scales from max to min as digit count increases.
+ * - md: 48px (heading-0-semi-bold) down to 17px, shrinks from the first digit
+ * - sm: 28px (heading-2-semi-bold) down to 12px, shrinks after 6 digits
  */
-export declare function getFontSize(value: string): number;
+export declare function getFontSize(value: string, size?: AmountInputFontSizeSize): number;
+export {};
 //# sourceMappingURL=fontSizeFormatter.d.ts.map

package/dist/lib/inputFormatter/fontSizeFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fontSizeFormatter.d.ts","sourceRoot":"","sources":["../../../src/lib/inputFormatter/fontSizeFormatter.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOjD"}
+{"version":3,"file":"fontSizeFormatter.d.ts","sourceRoot":"","sources":["../../../src/lib/inputFormatter/fontSizeFormatter.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;CAGb,CAAC;AAEX,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAErE;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,uBAA8B,GACnC,MAAM,CAKR"}

package/dist/lib/inputFormatter/index.d.ts

@@ -1,4 +1,4 @@
-export { getFontSize } from './fontSizeFormatter';
+export { getFontSize, type AmountInputFontSizeSize } from './fontSizeFormatter';
 export { formatThousands } from './formatThousands';
 export { textFormatter } from './textFormatter';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/inputFormatter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/inputFormatter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/inputFormatter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-utils-shared",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/lib/inputFormatter/fontSizeFormatter.test.ts

@@ -0,0 +1,46 @@
+import { describe, it, expect } from 'vitest';
+import { getFontSize } from './fontSizeFormatter';
+
+describe('getFontSize', () => {
+  describe('md (default)', () => {
+    it('returns 48px for empty value', () => {
+      expect(getFontSize('')).toBe(48);
+    });
+
+    it('returns 46px for single digit', () => {
+      expect(getFontSize('5')).toBe(46);
+    });
+
+    it('scales down as digit count increases', () => {
+      expect(getFontSize('12345')).toBe(38);
+      expect(getFontSize('123456789')).toBe(30);
+    });
+
+    it('does not go below 17px', () => {
+      expect(getFontSize('123456789012345678')).toBe(17);
+    });
+  });
+
+  describe('sm', () => {
+    it('returns 28px for empty value', () => {
+      expect(getFontSize('', 'sm')).toBe(28);
+    });
+
+    it('stays at 28px for up to 6 digits (scaling starts after startAt)', () => {
+      expect(getFontSize('5', 'sm')).toBe(28);
+      expect(getFontSize('123456', 'sm')).toBe(28);
+    });
+
+    it('scales down after 6 digits', () => {
+      // 7 digits: 28 - 1 * 2 = 26
+      expect(getFontSize('1234567', 'sm')).toBe(26);
+      // 10 digits: 28 - 4 * 2 = 20
+      expect(getFontSize('1234567890', 'sm')).toBe(20);
+    });
+
+    it('does not go below 12px', () => {
+      // 15 digits: 28 - 9 * 2 = 10 → clamped to 12
+      expect(getFontSize('123456789012345', 'sm')).toBe(12);
+    });
+  });
+});

package/src/lib/inputFormatter/fontSizeFormatter.ts

@@ -1,16 +1,22 @@
-const MAX_FONT_SIZE = 48;
-const MIN_FONT_SIZE = 17;
-const SCALE_FACTOR = 2;
+const FONT_SIZE_BY_SIZE = {
+  md: { max: 48, min: 17, scale: 2, startAt: 0 },
+  sm: { max: 28, min: 12, scale: 2, startAt: 6 },
+} as const;
+
+export type AmountInputFontSizeSize = keyof typeof FONT_SIZE_BY_SIZE;
 
 /**
  * Calculates the font size based on the number of digits in the input value.
- * Scales from 48px (max) to 17px (min) as digit count increases.
+ * Scales from max to min as digit count increases.
+ * - md: 48px (heading-0-semi-bold) down to 17px, shrinks from the first digit
+ * - sm: 28px (heading-2-semi-bold) down to 12px, shrinks after 6 digits
  */
-export function getFontSize(value: string): number {
+export function getFontSize(
+  value: string,
+  size: AmountInputFontSizeSize = 'md',
+): number {
+  const { max, min, scale, startAt } = FONT_SIZE_BY_SIZE[size];
   const digits = value.replace(/\D/g, '').length;
-  const fontSize = Math.max(
-    MIN_FONT_SIZE,
-    MAX_FONT_SIZE - digits * SCALE_FACTOR,
-  );
+  const fontSize = Math.max(min, max - Math.max(0, digits - startAt) * scale);
   return fontSize;
 }

package/src/lib/inputFormatter/index.ts

@@ -1,3 +1,3 @@
-export { getFontSize } from './fontSizeFormatter';
+export { getFontSize, type AmountInputFontSizeSize } from './fontSizeFormatter';
 export { formatThousands } from './formatThousands';
 export { textFormatter } from './textFormatter';