@ledgerhq/lumen-utils-shared 0.1.3 → 0.1.5

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './lib/density';
 export * from './lib/string/string';
 export * from './lib/inputFormatter';
 export * from './lib/context';
@@ -10,4 +11,5 @@ export * from './lib/throttle';
 export * from './lib/debounce';
 export * from './lib/a11y';
 export * from './lib/shallowEqual';
+export * from './lib/resolveBaseInputPlaceholder';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mCAAmC,CAAC"}

package/dist/index.js

@@ -1,138 +1,138 @@
-import { jsx as v } from "react/jsx-runtime";
-import { createContext as L, useRef as w, useContext as W, useMemo as I } from "react";
-import { clsx as _ } from "clsx";
-import { twMerge as F } from "tailwind-merge";
-function J(t) {
+import { jsx as k } from "react/jsx-runtime";
+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 R = 48, B = 17, N = 2;
-function Q(t) {
-  const e = t.replace(/\D/g, "").length;
-  return Math.max(
-    B,
-    R - e * N
-  );
+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 i = t.includes("."), [r, c] = t.split("."), l = r.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
-  return i && e ? c ? `${l}.${c}` : `${l}.` : l;
+  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 Y(t, e = {}) {
+function Q(t, e = {}) {
   const {
-    allowDecimals: i = !0,
-    thousandsSeparator: r = !0,
-    maxIntegerLength: c = 9,
+    allowDecimals: r = !0,
+    thousandsSeparator: o = !0,
+    maxIntegerLength: s = 9,
     maxDecimalLength: l = 9
-  } = e, o = t.replace(",", ".").replace(/[^\d.]/g, "");
-  let n = o;
-  if (n = n.replace(/^0+(?=\d)/, ""), !i)
-    return n = n.replace(/\D/g, ""), c > 0 && n.length > c && (n = n.slice(0, c)), r ? A(n) : n;
+  } = e, i = t.replace(",", ".").replace(/[^\d.]/g, "");
+  let n = i;
+  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, "");
-    c > 0 && u.length > c && (u = u.slice(0, c)), f = f.slice(0, l), u === "" && (u = "0");
-    const h = o.endsWith(".") || n.endsWith(".");
-    n = f.length > 0 ? `${u}.${f}` : h ? `${u}.` : u;
+  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 ? `${a}.${f}` : h ? `${a}.` : a;
   } else
-    c > 0 && n.length > c && (n = n.slice(0, c));
-  return r ? A(n) : n;
+    s > 0 && n.length > s && (n = n.slice(0, s));
+  return o ? A(n) : n;
 }
 function q(t, e) {
   if (Object.is(t, e)) return !0;
-  const i = t, r = e, c = Object.keys(i), l = Object.keys(r);
-  return c.length !== l.length ? !1 : c.every(
-    (o) => Object.prototype.hasOwnProperty.call(r, o) && Object.is(i[o], r[o])
+  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 z(t, e) {
-  const i = L(e), r = ({ children: l, value: o }) => {
-    const n = w(o);
-    return q(n.current, o) || (n.current = o), /* @__PURE__ */ v(i.Provider, { value: n.current, children: l });
+  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 });
   };
-  r.displayName = t + "Provider";
-  function c({
+  o.displayName = t + "Provider";
+  function s({
     consumerName: l,
-    contextRequired: o
+    contextRequired: i
   }) {
-    const n = W(i);
+    const n = w(r);
     if (n)
       return n;
-    if (o)
+    if (i)
       throw new Error(
         `${l} must be used within ${t}`
       );
     return e || {};
   }
-  return [r, c];
+  return [o, s];
 }
-const [tt, K] = z("Disabled", { disabled: !1 }), et = ({
+const [X, K] = z("Disabled", { disabled: !1 }), tt = ({
   consumerName: t,
   contextRequired: e,
-  mergeWith: i
+  mergeWith: r
 }) => {
-  const r = K({
+  const o = K({
     consumerName: t,
     contextRequired: e ?? !1
   });
-  return !!(i?.disabled || r.disabled);
+  return !!(r?.disabled || o.disabled);
 };
-function nt(...t) {
-  return F(_(t));
+function et(...t) {
+  return R(B(t));
 }
-const C = (t) => typeof t == "string" || typeof t == "number", rt = (t) => Array.isArray(t) ? t.every(C) : C(t);
-function M(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 Z(...t) {
+function N(...t) {
   const e = /* @__PURE__ */ new Map();
-  return (i) => {
-    if (i === null) {
-      t.forEach((r) => {
-        const c = e.get(r);
-        typeof c == "function" && c(), M(r, null);
+  return (r) => {
+    if (r === null) {
+      t.forEach((o) => {
+        const s = e.get(o);
+        typeof s == "function" && s(), S(o, null);
       }), e.clear();
       return;
     }
-    t.forEach((r) => {
-      const c = M(r, i);
-      typeof c == "function" && e.set(r, c);
+    t.forEach((o) => {
+      const s = S(o, r);
+      typeof s == "function" && e.set(o, s);
     });
   };
 }
-function ot(...t) {
-  return I(() => Z(...t), t);
+function rt(...t) {
+  return I(() => N(...t), t);
 }
-const it = (t, e) => {
-  let i = t;
-  for (const r of e) {
-    if (i == null)
+const ot = (t, e) => {
+  let r = t;
+  for (const o of e) {
+    if (r == null)
       return;
-    i = i[r];
+    r = r[o];
   }
-  return i;
-}, ct = ({
+  return r;
+}, it = ({
   currentStep: t,
   totalSteps: e,
-  size: i,
-  label: r,
-  strokeWidth: c = 4,
+  size: r,
+  label: o,
+  strokeWidth: s = 4,
   arcPercentage: l = 0.75
 }) => {
-  const o = Math.min(Math.max(t, 0), e), n = r ?? `${o}/${e}`, a = e <= 0 ? 0 : o / e, u = (i - c) / 2, f = i / 2, h = i / 2, d = 2 * Math.PI * u, g = d * l, b = g * (1 - a), p = o <= 0, $ = `${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,
     trackArcLength: g,
     trackDashArray: `${g} ${d}`,
-    progressDashArray: $,
+    progressDashArray: D,
     progressDashOffset: P,
     showMinimalDot: p
   };
@@ -148,53 +148,53 @@ const it = (t, e) => {
     })) : []
   }),
   [t.integerPart, t.decimalPart]
-), lt = (t, e, i) => {
-  if (e) return i;
-  const r = t.decimalPart ? `${t.decimalSeparator}${t.decimalPart}` : "", c = `${t.integerPart}${r}`;
-  return t.currencyPosition === "end" ? `${c} ${t.currencyText}` : `${t.currencyText} ${c}`;
+), 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, i = {}) {
-  const { leading: r = !1, trailing: c = !0, maxWait: l } = i;
-  let o = null, n = null, a = null, u = 0, f = null, h = null, d;
-  const g = l !== void 0, b = g ? Math.max(l, e) : 0, p = (s) => {
-    u = s;
-    const m = f, x = h;
-    return f = null, h = null, d = t.apply(x, m), d;
-  }, $ = (s) => {
-    const m = a ? s - a : 0;
+function Z(t, e, r = {}) {
+  const { leading: o = !1, trailing: s = !0, maxWait: l } = r;
+  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) => {
+    a = c;
+    const m = f, y = h;
+    return f = null, h = null, d = t.apply(y, m), d;
+  }, D = (c) => {
+    const m = u ? c - u : 0;
     return e - m;
-  }, P = (s) => {
-    const m = a ? s - a : e, x = s - u;
-    return a === null || m >= e || m < 0 || g && x >= b;
-  }, D = (s) => (o = null, c && f ? p(s) : (f = null, h = null, d)), y = () => {
-    const s = Date.now();
-    if (P(s)) {
-      D(s);
+  }, P = (c) => {
+    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;
     }
-    o = setTimeout(y, $(s));
-  }, O = () => {
-    const s = Date.now();
-    n = null, f && (p(s), o !== null && (clearTimeout(o), o = setTimeout(y, e)));
-  }, S = (s) => (u = s, o = setTimeout(y, e), g && (n = setTimeout(O, b)), r ? p(s) : d), E = () => {
-    o !== null && clearTimeout(o), n !== null && clearTimeout(n), u = 0, f = null, h = null, a = null, o = null, n = null;
-  }, j = () => o === null && n === null ? d : D(Date.now()), k = () => o !== null || n !== null, T = function(...s) {
-    const m = Date.now(), x = P(m);
-    if (f = s, h = this, a = m, x) {
-      if (o === null)
-        return S(m);
+    i = setTimeout(x, D(c));
+  }, M = () => {
+    const c = Date.now();
+    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(), y = P(m);
+    if (f = c, h = this, u = m, y) {
+      if (i === null)
+        return v(m);
       if (g)
-        return clearTimeout(o), o = setTimeout(y, e), p(m);
+        return clearTimeout(i), i = setTimeout(x, e), p(m);
     }
-    return o === null && (o = setTimeout(y, e)), d;
+    return i === null && (i = setTimeout(x, e)), d;
   };
-  return T.cancel = E, T.flush = j, T.pending = k, T;
+  return T.cancel = E, T.flush = L, T.pending = j, T;
 }
-function ut(t, e, i = {}) {
-  const { leading: r = !0, trailing: c = !0 } = i;
-  return U(t, e, {
-    leading: r,
-    trailing: c,
+function lt(t, e, r = {}) {
+  const { leading: o = !0, trailing: s = !0 } = r;
+  return Z(t, e, {
+    leading: o,
+    trailing: s,
     maxWait: e
   });
 }
@@ -208,30 +208,43 @@ const at = ({
 } : {
   role: "button",
   tabIndex: 0,
-  onKeyDown: (r) => {
-    (r.key === "Enter" || r.key === " ") && (r.preventDefault(), t?.(r));
+  onKeyDown: (o) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), t?.(o));
   },
   onClick: t
-} : void 0;
+} : void 0, C = " ", ut = ({
+  label: t,
+  placeholder: e
+}) => {
+  const r = typeof e == "string" && e.trim().length > 0 ? e : void 0;
+  return t ? {
+    inputPlaceholder: r ?? C,
+    labelStaysFloatedWithPlaceholder: r !== void 0
+  } : {
+    inputPlaceholder: e ?? C,
+    labelStaysFloatedWithPlaceholder: !1
+  };
+};
 export {
-  tt as DisabledProvider,
-  M as assignRef,
-  lt as buildAriaLabel,
-  nt as cn,
+  X as DisabledProvider,
+  S as assignRef,
+  ct as buildAriaLabel,
+  et as cn,
   z as createSafeContext,
-  U as debounce,
+  Z as debounce,
   A as formatThousands,
   at as getButtonA11yProps,
-  Q as getFontSize,
-  it as getObjectPath,
-  ct as getStepperCalculations,
-  rt as isTextChildren,
-  Z as mergeRefs,
+  J as getFontSize,
+  ot as getObjectPath,
+  it as getStepperCalculations,
+  nt as isTextChildren,
+  N as mergeRefs,
+  ut as resolveBaseInputPlaceholder,
   q as shallowEqual,
-  Y as textFormatter,
-  ut as throttle,
-  J as toPascalCase,
-  et as useDisabledContext,
-  ot as useMergedRef,
+  Q as textFormatter,
+  lt as throttle,
+  G as toPascalCase,
+  tt as useDisabledContext,
+  rt as useMergedRef,
   st as useSplitText
 };

package/dist/lib/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAGxC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/components/amountDisplayHelpers/buildAriaLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildAriaLabel.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/amountDisplayHelpers/buildAriaLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,cAAc,GACzB,OAAO,cAAc,EACrB,QAAQ,OAAO,EACf,aAAa,MAAM,KAClB,MAaF,CAAC"}
+{"version":3,"file":"buildAriaLabel.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/amountDisplayHelpers/buildAriaLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,cAAc,GACzB,OAAO,cAAc,EACrB,QAAQ,OAAO,EACf,aAAa,MAAM,KAClB,MAaF,CAAC"}

package/dist/lib/components/amountDisplayHelpers/useSplitText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSplitText.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/amountDisplayHelpers/useSplitText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,YAAY,GACvB,OAAO,cAAc,KACpB;IACD,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,WAAW,EAAE,SAAS,EAAE,CAAC;CAiB1B,CAAC"}
+{"version":3,"file":"useSplitText.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/amountDisplayHelpers/useSplitText.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,YAAY,GACvB,OAAO,cAAc,KACpB;IACD,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,WAAW,EAAE,SAAS,EAAE,CAAC;CAiB1B,CAAC"}

package/dist/lib/context/createSafeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSafeContext.d.ts","sourceRoot":"","sources":["../../../src/lib/context/createSafeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAC;AAGzE,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,MAAM,EAC3D,iBAAiB,EAAE,MAAM,EACzB,cAAc,CAAC,EAAE,YAAY;cAKjB,SAAS;WACZ,YAAY;KAaG,eAAe,SAAS,OAAO,gDAGpD;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,eAAe,CAAC;CAClC,KAAG,eAAe,SAAS,IAAI,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,EAgBxE"}
+{"version":3,"file":"createSafeContext.d.ts","sourceRoot":"","sources":["../../../src/lib/context/createSafeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,MAAM,EAC3D,iBAAiB,EAAE,MAAM,EACzB,cAAc,CAAC,EAAE,YAAY;cAKjB,SAAS;WACZ,YAAY;KAaG,eAAe,SAAS,OAAO,gDAGpD;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,eAAe,CAAC;CAClC,KAAG,eAAe,SAAS,IAAI,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,EAgBxE"}

package/dist/lib/density/density.d.ts

@@ -0,0 +1,2 @@
+export type Density = 'compact' | 'expanded';
+//# sourceMappingURL=density.d.ts.map

package/dist/lib/density/density.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../src/lib/density/density.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './density';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/density/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

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/dist/lib/isTextChildren/isTextChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isTextChildren.d.ts","sourceRoot":"","sources":["../../../src/lib/isTextChildren/isTextChildren.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,cAAc,GAAI,SAAS,SAAS,YAGhD,CAAC"}
+{"version":3,"file":"isTextChildren.d.ts","sourceRoot":"","sources":["../../../src/lib/isTextChildren/isTextChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,eAAO,MAAM,cAAc,GAAI,SAAS,SAAS,YAGhD,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './resolveBaseInputPlaceholder';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/resolveBaseInputPlaceholder/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/lib/resolveBaseInputPlaceholder/resolveBaseInputPlaceholder.d.ts

@@ -0,0 +1,20 @@
+export type ResolveBaseInputPlaceholderArgs = {
+    label: string | undefined;
+    /** Raw `placeholder` from the input props (before spreading onto the field). */
+    placeholder: string | undefined;
+};
+export type ResolveBaseInputPlaceholderResult = {
+    /** Value to set on the native input `placeholder`. */
+    inputPlaceholder: string;
+    /**
+     * When a floating label and a non-empty user placeholder are both in use, the label must
+     * stay in the “floated” slot (not the empty-field centered position).
+     */
+    labelStaysFloatedWithPlaceholder: boolean;
+};
+/**
+ * Derives the native `placeholder` and floating-label mode for Lumen `BaseInput`.
+ * Web and React Native share this so label + example copy, and prefix-only fields, stay consistent.
+ */
+export declare const resolveBaseInputPlaceholder: ({ label, placeholder, }: ResolveBaseInputPlaceholderArgs) => ResolveBaseInputPlaceholderResult;
+//# sourceMappingURL=resolveBaseInputPlaceholder.d.ts.map

package/dist/lib/resolveBaseInputPlaceholder/resolveBaseInputPlaceholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveBaseInputPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/lib/resolveBaseInputPlaceholder/resolveBaseInputPlaceholder.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,+BAA+B,GAAG;IAC5C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,gFAAgF;IAChF,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,sDAAsD;IACtD,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,gCAAgC,EAAE,OAAO,CAAC;CAC3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,yBAGzC,+BAA+B,KAAG,iCAiBpC,CAAC"}

package/dist/lib/throttle/throttle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../src/lib/throttle/throttle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,IACnE,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAEvB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,EAC9D,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,eAAoB,GAC5B,iBAAiB,CAAC,CAAC,CAAC,CAQtB"}
+{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../src/lib/throttle/throttle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGrD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,IACnE,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAEvB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,EAC9D,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,eAAoB,GAC5B,iBAAiB,CAAC,CAAC,CAAC,CAQtB"}

package/dist/lib/useMergeRef/useMergeRef.d.ts

@@ -1,4 +1,4 @@
-import { Ref, RefCallback } from 'react';
+import { RefCallback, Ref } from 'react';
 type PossibleRef<T> = Ref<T> | undefined;
 type RefCleanup = void | (() => void);
 export declare function assignRef<T>(ref: PossibleRef<T>, value: T | null): RefCleanup;

package/dist/lib/useMergeRef/useMergeRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRef.d.ts","sourceRoot":"","sources":["../../../src/lib/useMergeRef/useMergeRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAW,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvD,KAAK,WAAW,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AACzC,KAAK,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAEtC,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,UAAU,CAM7E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAuBtE;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAEzE"}
+{"version":3,"file":"useMergeRef.d.ts","sourceRoot":"","sources":["../../../src/lib/useMergeRef/useMergeRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG9C,KAAK,WAAW,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AACzC,KAAK,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAEtC,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,UAAU,CAM7E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAuBtE;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAEzE"}

package/package.json

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

package/src/index.ts

@@ -1,3 +1,4 @@
+export * from './lib/density';
 export * from './lib/string/string';
 export * from './lib/inputFormatter';
 export * from './lib/context';
@@ -10,3 +11,4 @@ export * from './lib/throttle';
 export * from './lib/debounce';
 export * from './lib/a11y';
 export * from './lib/shallowEqual';
+export * from './lib/resolveBaseInputPlaceholder';

package/src/lib/cn.ts

@@ -1,4 +1,5 @@
-import { ClassValue, clsx } from 'clsx';
+import type { ClassValue } from 'clsx';
+import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {

package/src/lib/components/amountDisplayHelpers/buildAriaLabel.ts

@@ -1,4 +1,4 @@
-import { FormattedValue } from './types';
+import type { FormattedValue } from './types';
 
 export const buildAriaLabel = (
   parts: FormattedValue,

package/src/lib/components/amountDisplayHelpers/useSplitText.test.ts

@@ -1,7 +1,7 @@
 import { renderHook } from '@testing-library/react';
 import { describe, it, expect } from 'vitest';
 
-import { FormattedValue } from './types';
+import type { FormattedValue } from './types';
 import { useSplitText } from './useSplitText';
 
 const createValue = (

package/src/lib/components/amountDisplayHelpers/useSplitText.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { FormattedValue, SplitChar } from './types';
+import type { FormattedValue, SplitChar } from './types';
 
 export const useSplitText = (
   value: FormattedValue,

package/src/lib/context/createSafeContext.tsx

@@ -1,4 +1,5 @@
-import { createContext, FC, ReactNode, useContext, useRef } from 'react';
+import type { FC, ReactNode } from 'react';
+import { createContext, useContext, useRef } from 'react';
 import { shallowEqual } from '../shallowEqual';
 
 export function createSafeContext<ContextValue extends object>(

package/src/lib/density/density.ts

@@ -0,0 +1 @@
+export type Density = 'compact' | 'expanded';

package/src/lib/density/index.ts

@@ -0,0 +1 @@
+export * from './density';

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';

package/src/lib/isTextChildren/isTextChildren.test.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 import { describe, it, expect } from 'vitest';
 import { isTextChildren } from './isTextChildren';
 

package/src/lib/isTextChildren/isTextChildren.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 const isStringOrNumber = (element: ReactNode) =>
   typeof element === 'string' || typeof element === 'number';

package/src/lib/resolveBaseInputPlaceholder/index.ts

@@ -0,0 +1 @@
+export * from './resolveBaseInputPlaceholder';

package/src/lib/resolveBaseInputPlaceholder/resolveBaseInputPlaceholder.test.ts

@@ -0,0 +1,61 @@
+import { describe, expect, it } from 'vitest';
+import { resolveBaseInputPlaceholder } from './resolveBaseInputPlaceholder';
+
+describe('resolveBaseInputPlaceholder', () => {
+  it('with label: uses a single space when no user placeholder (float hack)', () => {
+    expect(
+      resolveBaseInputPlaceholder({ label: 'Email', placeholder: undefined }),
+    ).toEqual({
+      inputPlaceholder: ' ',
+      labelStaysFloatedWithPlaceholder: false,
+    });
+  });
+
+  it('with label: uses user placeholder and keeps label floated alongside it', () => {
+    expect(
+      resolveBaseInputPlaceholder({
+        label: 'Username',
+        placeholder: 'jane.doe',
+      }),
+    ).toEqual({
+      inputPlaceholder: 'jane.doe',
+      labelStaysFloatedWithPlaceholder: true,
+    });
+  });
+
+  it('with label: treats whitespace-only placeholder as absent', () => {
+    expect(
+      resolveBaseInputPlaceholder({ label: 'x', placeholder: '   ' }),
+    ).toEqual({
+      inputPlaceholder: ' ',
+      labelStaysFloatedWithPlaceholder: false,
+    });
+  });
+
+  it('without label: defaults omitted placeholder to a single space', () => {
+    expect(
+      resolveBaseInputPlaceholder({ label: undefined, placeholder: undefined }),
+    ).toEqual({
+      inputPlaceholder: ' ',
+      labelStaysFloatedWithPlaceholder: false,
+    });
+  });
+
+  it('without label: passes through user placeholder', () => {
+    expect(
+      resolveBaseInputPlaceholder({ label: undefined, placeholder: 'Search' }),
+    ).toEqual({
+      inputPlaceholder: 'Search',
+      labelStaysFloatedWithPlaceholder: false,
+    });
+  });
+
+  it('without label: keeps empty string (not coerced to space)', () => {
+    expect(
+      resolveBaseInputPlaceholder({ label: undefined, placeholder: '' }),
+    ).toEqual({
+      inputPlaceholder: '',
+      labelStaysFloatedWithPlaceholder: false,
+    });
+  });
+});

package/src/lib/resolveBaseInputPlaceholder/resolveBaseInputPlaceholder.ts

@@ -0,0 +1,44 @@
+/** Single space: drives floating-label / placeholder-shown behavior when no user-facing placeholder is set. */
+const PLACEHOLDER_FOR_FLOAT = ' ';
+
+export type ResolveBaseInputPlaceholderArgs = {
+  label: string | undefined;
+  /** Raw `placeholder` from the input props (before spreading onto the field). */
+  placeholder: string | undefined;
+};
+
+export type ResolveBaseInputPlaceholderResult = {
+  /** Value to set on the native input `placeholder`. */
+  inputPlaceholder: string;
+  /**
+   * When a floating label and a non-empty user placeholder are both in use, the label must
+   * stay in the “floated” slot (not the empty-field centered position).
+   */
+  labelStaysFloatedWithPlaceholder: boolean;
+};
+
+/**
+ * Derives the native `placeholder` and floating-label mode for Lumen `BaseInput`.
+ * Web and React Native share this so label + example copy, and prefix-only fields, stay consistent.
+ */
+export const resolveBaseInputPlaceholder = ({
+  label,
+  placeholder,
+}: ResolveBaseInputPlaceholderArgs): ResolveBaseInputPlaceholderResult => {
+  const userText =
+    typeof placeholder === 'string' && placeholder.trim().length > 0
+      ? placeholder
+      : undefined;
+
+  if (label) {
+    return {
+      inputPlaceholder: userText ?? PLACEHOLDER_FOR_FLOAT,
+      labelStaysFloatedWithPlaceholder: userText !== undefined,
+    };
+  }
+
+  return {
+    inputPlaceholder: placeholder ?? PLACEHOLDER_FOR_FLOAT,
+    labelStaysFloatedWithPlaceholder: false,
+  };
+};

package/src/lib/throttle/throttle.ts

@@ -1,4 +1,5 @@
-import { debounce, DebouncedFunction } from '../debounce';
+import type { DebouncedFunction } from '../debounce';
+import { debounce } from '../debounce';
 
 export type ThrottleOptions = {
   /**

package/src/lib/useMergeRef/useMergeRef.ts

@@ -1,4 +1,5 @@
-import { Ref, useMemo, type RefCallback } from 'react';
+import type { RefCallback, Ref } from 'react';
+import { useMemo } from 'react';
 
 type PossibleRef<T> = Ref<T> | undefined;
 type RefCleanup = void | (() => void);