@ledgerhq/lumen-ui-react 0.0.66 → 0.0.68

package/dist/lib/Components/TileButton/types.d.ts

@@ -0,0 +1,45 @@
+import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import { IconSize } from '../Icon/types';
+export type TileButtonProps = {
+    /**
+     * The icon component to render above the label.
+     * Will be rendered at 20px size.
+     */
+    icon: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * The content of the button (label text).
+     */
+    children: ReactNode;
+    /**
+     * Click handler for the button.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Whether the button is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the button expands to full width of its container.
+     * @default false
+     */
+    isFull?: boolean;
+    /**
+     * Additional CSS classes for layout adjustments.
+     */
+    className?: string;
+    /**
+     * Accessible label for the button.
+     */
+    'aria-label'?: string;
+    /**
+     * Optional prop to render the button as a child element.
+     * When true, TileButton merges its props with its child element.
+     * @default false
+     */
+    asChild?: boolean;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/TileButton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}

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

@@ -21,6 +21,7 @@ export * from './Switch';
 export * from './Tag';
 export * from './TextInput';
 export * from './Tile';
+export * from './TileButton';
 export * from './Tooltip';
 export * from './ThemeProvider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

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

@@ -1,84 +1,76 @@
-import { jsx as d } from "react/jsx-runtime";
-import { createContext as h, Children as g, isValidElement as m, useMemo as x, useContext as $ } from "react";
-import { clsx as C } from "clsx";
-import { twMerge as w } from "tailwind-merge";
-function S(t) {
+import { jsx as p } from "react/jsx-runtime";
+import { createContext as d, useMemo as h, useContext as g } from "react";
+import { clsx as x } from "clsx";
+import { twMerge as $ } from "tailwind-merge";
+function P(t) {
   return t ? t.split(/[-_ ]+/).map((n) => n.charAt(0).toUpperCase() + n.slice(1).toLowerCase()).join("") : "";
 }
-const v = 48, j = 17, y = 2;
-function b(t) {
+const w = 48, C = 17, v = 2;
+function S(t) {
   const n = t.replace(/\D/g, "").length;
   return Math.max(
-    j,
-    v - n * y
+    C,
+    w - n * v
   );
 }
-function p(t, n = !0) {
+function m(t, n = !0) {
   if (!t) return "";
-  const a = t.includes("."), [i, r] = t.split("."), s = i.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
-  return a && n ? r ? `${s}.${r}` : `${s}.` : s;
+  const a = t.includes("."), [c, r] = t.split("."), o = c.replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+  return a && n ? r ? `${o}.${r}` : `${o}.` : o;
 }
-function F(t, n = {}) {
+function b(t, n = {}) {
   const {
     allowDecimals: a = !0,
-    thousandsSeparator: i = !0,
+    thousandsSeparator: c = !0,
     maxIntegerLength: r = 9,
-    maxDecimalLength: s = 9
-  } = n, o = t.replace(",", ".").replace(/[^\d.]/g, "");
-  let e = o;
+    maxDecimalLength: o = 9
+  } = n, i = t.replace(",", ".").replace(/[^\d.]/g, "");
+  let e = i;
   if (e = e.replace(/^0+(?=\d)/, ""), !a)
-    return e = e.replace(/\D/g, ""), r > 0 && e.length > r && (e = e.slice(0, r)), i ? p(e) : e;
+    return e = e.replace(/\D/g, ""), r > 0 && e.length > r && (e = e.slice(0, r)), c ? m(e) : e;
   e === "." && (e = "0.");
   const u = e.indexOf(".");
   if (u !== -1) {
-    let l = e.slice(0, u), c = e.slice(u + 1).replace(/\./g, "");
-    r > 0 && l.length > r && (l = l.slice(0, r)), c = c.slice(0, s), l === "" && (l = "0");
-    const f = o.endsWith(".") || e.endsWith(".");
-    e = c.length > 0 ? `${l}.${c}` : f ? `${l}.` : l;
+    let s = e.slice(0, u), l = e.slice(u + 1).replace(/\./g, "");
+    r > 0 && s.length > r && (s = s.slice(0, r)), l = l.slice(0, o), s === "" && (s = "0");
+    const f = i.endsWith(".") || e.endsWith(".");
+    e = l.length > 0 ? `${s}.${l}` : f ? `${s}.` : s;
   } else
     r > 0 && e.length > r && (e = e.slice(0, r));
-  return i ? p(e) : e;
+  return c ? m(e) : e;
 }
-function O(t, n) {
-  const a = h(n), i = ({ children: s, value: o }) => {
-    const e = x(
-      () => o,
-      Object.values(o ?? {})
+function A(t, n) {
+  const a = d(n), c = ({ children: o, value: i }) => {
+    const e = h(
+      () => i,
+      Object.values(i ?? {})
     );
-    return /* @__PURE__ */ d(a.Provider, { value: e, children: s });
+    return /* @__PURE__ */ p(a.Provider, { value: e, children: o });
   };
-  i.displayName = t + "Provider";
+  c.displayName = t + "Provider";
   function r({
-    consumerName: s,
-    contextRequired: o
+    consumerName: o,
+    contextRequired: i
   }) {
-    const e = $(a);
+    const e = g(a);
     if (e)
       return e;
-    if (o)
+    if (i)
       throw new Error(
-        `${s} must be used within ${t}`
+        `${o} must be used within ${t}`
       );
     return n || {};
   }
-  return [i, r];
+  return [c, r];
 }
-function P(...t) {
-  return w(C(t));
-}
-function z(t, n) {
-  const a = g.toArray(t), i = typeof n == "string" ? (o) => m(o) && o.props["data-slot"] === n : (o) => m(o) && o.type === n, r = a.find(i), s = a.filter((o) => !i(o));
-  return {
-    slotElement: r ?? null,
-    remainingChildren: s
-  };
+function E(...t) {
+  return $(x(t));
 }
 export {
-  P as cn,
-  O as createSafeContext,
-  z as extractSlottable,
-  p as formatThousands,
-  b as getFontSize,
-  F as textFormatter,
-  S as toPascalCase
+  E as cn,
+  A as createSafeContext,
+  m as formatThousands,
+  S as getFontSize,
+  b as textFormatter,
+  P as toPascalCase
 };

package/dist/package.json

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

package/package.json

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