@ledgerhq/lumen-ui-react 0.0.66 → 0.0.67

package/dist/lib/Components/AmountInput/AmountInput.js

@@ -1,5 +1,5 @@
-import { jsxs as F, jsx as l } from "react/jsx-runtime";
-import { getFontSize as V, cn as a, textFormatter as j } from "../../../libs/utils-shared/dist/index.js";
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+import { getFontSize as V, cn as a, textFormatter as F } from "../../../libs/utils-shared/dist/index.js";
 import { cva as z } from "class-variance-authority";
 import M, { useRef as p, useState as h, useMemo as _, useLayoutEffect as q, useEffect as D } from "react";
 const L = z(
@@ -42,8 +42,8 @@ const L = z(
     onChange: C,
     ...N
   }, A) => {
-    const c = p(null), s = p(null), [n, f] = h(u.toString()), [I, m] = h(!1), g = p(n);
-    function k(...t) {
+    const c = p(null), s = p(null), [n, f] = h(u.toString()), [E, m] = h(!1), g = p(n);
+    function j(...t) {
       return (e) => {
         t.forEach((o) => {
           o && (typeof o == "function" ? o(e) : o.current = e);
@@ -62,8 +62,8 @@ const L = z(
     }, [n]), D(() => {
       f(u.toString());
     }, [u]);
-    const E = (t) => {
-      const e = j(t.target.value, {
+    const k = (t) => {
+      const e = F(t.target.value, {
         allowDecimals: y,
         thousandsSeparator: R,
         maxIntegerLength: S,
@@ -71,7 +71,7 @@ const L = z(
       });
       f(e), C({ ...t, target: { ...t.target, value: e } }), e !== g.current && m(!0), g.current = e;
     };
-    return /* @__PURE__ */ F(
+    return /* @__PURE__ */ I(
       "div",
       {
         className: "group relative flex items-center justify-center transition-transform",
@@ -103,14 +103,14 @@ const L = z(
           /* @__PURE__ */ l(
             "input",
             {
-              ref: k(A, s),
+              ref: j(A, s),
               type: "text",
               inputMode: "decimal",
               disabled: w,
               value: n,
-              onChange: E,
+              onChange: k,
               onAnimationEnd: () => m(!1),
-              className: a(L({ isChanging: I }), x),
+              className: a(L({ isChanging: E }), x),
               ...N,
               style: { fontSize: i, letterSpacing: "normal" }
             }

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -30,11 +30,11 @@ const q = a(
     inputClassName: S,
     labelClassName: k,
     label: u,
-    id: z,
+    id: j,
     disabled: f,
     errorMessage: i,
     suffix: E,
-    prefix: j,
+    prefix: z,
     onClear: p,
     hideClearButton: B = !1,
     "aria-invalid": m,
@@ -42,7 +42,7 @@ const q = a(
     ...o
   }, C) => {
     var x;
-    const { t: D } = _(), r = l.useRef(null), F = l.useId(), b = z || `input-${F}`, L = m || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = l.useState(
+    const { t: D } = _(), r = l.useRef(null), F = l.useId(), b = j || `input-${F}`, L = m || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = l.useState(
       ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
     ), V = l.useCallback(
       (t) => {
@@ -86,7 +86,7 @@ const q = a(
             });
           },
           children: [
-            j,
+            z,
             /* @__PURE__ */ n(
               "input",
               {

package/dist/lib/Components/Button/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAqDzC,eAAO,MAAM,UAAU;;;;;;;;;YAxCf,CAAF;iBACI,CAAH;;;2FAkHN,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAyDzC,eAAO,MAAM,UAAU;;;;;;;;;YA3CP,CAAC;iBAAqB,CAAC;;;2FAyGtC,CAAC"}

package/dist/lib/Components/Button/BaseButton.js

@@ -1,11 +1,11 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
 import { cn as h } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as z, Slottable as S } from "@radix-ui/react-slot";
+import { Slot as y, Slottable as z } from "@radix-ui/react-slot";
 import { cva as l } from "class-variance-authority";
-import y, { useCallback as B } from "react";
+import B from "react";
 import { Spinner as N } from "../Spinner/Spinner.js";
-const j = l(
-  'inline-flex size-fit cursor-pointer items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus data-[disabled="true"]:bg-disabled data-[disabled="true"]:text-disabled',
+const S = l(
+  'inline-flex size-fit items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus data-[disabled="true"]:bg-disabled data-[disabled="true"]:text-disabled',
   {
     variants: {
       appearance: {
@@ -16,6 +16,10 @@ const j = l(
         "no-background": "bg-transparent text-base hover:bg-base-transparent-hover active:bg-base-transparent-pressed disabled:bg-base-transparent",
         red: "bg-error text-error hover:bg-error-hover active:bg-error-pressed"
       },
+      disabled: {
+        true: "cursor-default",
+        false: "cursor-pointer"
+      },
       size: {
         xs: "p-8",
         sm: "p-10",
@@ -32,7 +36,7 @@ const j = l(
       isFull: !1
     }
   }
-), u = l("shrink-0", {
+), d = l("shrink-0", {
   variants: {
     appearance: {
       base: "text-on-interactive",
@@ -46,69 +50,60 @@ const j = l(
       true: "text-disabled"
     }
   }
-}), V = y.forwardRef(
+}), j = B.forwardRef(
   ({
-    className: d,
-    appearance: s = "base",
-    size: n,
-    isFull: m,
-    disabled: e,
-    asChild: i = !1,
-    icon: c,
-    loading: t,
-    children: o,
-    onClick: a,
+    className: u,
+    appearance: a = "base",
+    size: r,
+    isFull: p,
+    disabled: e = !1,
+    asChild: o = !1,
+    icon: i,
+    loading: s,
+    children: n,
+    onClick: m,
     ...v
   }, f) => {
-    const g = B(
-      (p) => {
-        if (e || t) {
-          p.preventDefault();
-          return;
-        }
-        a == null || a(p);
-      },
-      [e, t, a]
-    ), b = n ? {
+    const g = {
       xs: 16,
       sm: 20,
       md: 24,
       lg: 24
-    }[n] : 24;
+    }, c = s || e, b = r ? g[r] : 24;
     return /* @__PURE__ */ x(
-      i ? z : "button",
+      o ? y : "button",
       {
         className: h(
-          j({ appearance: s, size: n, isFull: m }),
-          d
+          S({ disabled: e, appearance: a, size: r, isFull: p }),
+          u
         ),
         ref: f,
-        "data-disabled": e || void 0,
-        disabled: e,
-        onClick: g,
+        "data-disabled": c || void 0,
+        disabled: c,
+        onClick: m,
         ...v,
         children: [
-          t && /* @__PURE__ */ r(
+          s && /* @__PURE__ */ t(
             N,
             {
               size: b,
-              className: u({ appearance: s, disabled: e })
+              className: d({ appearance: a, disabled: e })
             }
           ),
-          !t && c && /* @__PURE__ */ r(
-            c,
+          !s && i && /* @__PURE__ */ t(
+            i,
             {
               size: b,
-              className: u({ appearance: s, disabled: e })
+              className: d({ appearance: a, disabled: e })
             }
           ),
-          o && (i ? /* @__PURE__ */ r(S, { children: o }) : /* @__PURE__ */ r("span", { className: "line-clamp-2 text-left", children: o }))
+          n && (o ? /* @__PURE__ */ t(z, { children: n }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: n }))
         ]
       }
     );
   }
 );
-V.displayName = "BaseButton";
+j.displayName = "BaseButton";
 export {
-  V as BaseButton
+  j as BaseButton
 };

package/dist/lib/Components/Dialog/Dialog.js

@@ -47,7 +47,7 @@ const d = n.forwardRef(
   )
 );
 d.displayName = "DialogOverlay";
-function O({
+function j({
   className: a,
   children: t,
   ...e
@@ -109,7 +109,7 @@ D.displayName = "DialogFooter";
 export {
   C as Dialog,
   y as DialogBody,
-  O as DialogContent,
+  j as DialogContent,
   D as DialogFooter,
   R as DialogTrigger
 };

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

@@ -1 +1 @@
-{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;;;2FAW1B,CAAC"}
+{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;;;2FAY1B,CAAC"}

package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js

@@ -1,23 +1,28 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as i } from "../../../libs/utils-shared/dist/index.js";
-import { cva as a } from "class-variance-authority";
-import n from "react";
-const c = a(
-  "inline-flex size-fit cursor-pointer items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
+import { jsx as i } from "react/jsx-runtime";
+import { cn as a } from "../../../libs/utils-shared/dist/index.js";
+import { cva as n } from "class-variance-authority";
+import l from "react";
+const c = n(
+  "inline-flex size-fit items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
   {
     variants: {
       iconType: {
         filled: "",
         stroked: "bg-base-transparent hover:bg-base-transparent-hover active:bg-base-transparent-pressed disabled:bg-disabled"
+      },
+      disabled: {
+        true: "cursor-default",
+        false: "cursor-pointer"
       }
     }
   }
-), d = n.forwardRef(({ className: e, iconType: t, ...r }, s) => /* @__PURE__ */ o(
+), d = l.forwardRef(({ className: t, iconType: r, disabled: e = !1, ...s }, o) => /* @__PURE__ */ i(
   "button",
   {
-    ref: s,
-    className: i(e, c({ iconType: t })),
-    ...r
+    ...s,
+    ref: o,
+    disabled: e,
+    className: a(t, c({ disabled: e, iconType: r }))
   }
 ));
 d.displayName = "InteractiveIcon";

package/dist/lib/Components/Link/Link.js

@@ -4,7 +4,7 @@ import { Slot as b } from "@radix-ui/react-slot";
 import { cva as h } from "class-variance-authority";
 import x from "react";
 import { ExternalLink as k } from "../../Symbols/Icons/ExternalLink.js";
-const z = h(
+const N = h(
   "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
   {
     variants: {
@@ -29,7 +29,7 @@ const z = h(
       underline: !0
     }
   }
-), N = x.forwardRef(
+), w = x.forwardRef(
   ({
     className: l,
     children: r,
@@ -51,7 +51,7 @@ const z = h(
         ref: d,
         className: v(
           l,
-          z({
+          N({
             appearance: m,
             size: i,
             underline: f
@@ -79,7 +79,7 @@ const z = h(
     );
   }
 );
-N.displayName = "Link";
+w.displayName = "Link";
 export {
-  N as Link
+  w as Link
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,SAAS,EAET,gBAAgB,EAChB,aAAa,EAOb,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;;oJASf,CAAC;AAGH,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;;;;;;qIAalB,CAAC;AAGH,QAAA,MAAM,cAAc;;6MAUlB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;qIAcf,CAAC;AAGH,QAAA,MAAM,QAAQ;;;;;;;qIAUZ,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;0EAkBpB,CAAC;AAGH,QAAA,MAAM,aAAa;;0EAiBjB,CAAC;AAGH,QAAA,MAAM,SAAS;;;;qIAUb,CAAC;AAGH,QAAA,MAAM,aAAa;;;qIAQlB,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,SAAS,EAET,gBAAgB,EAChB,aAAa,EAOb,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;;oJASf,CAAC;AAGH,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;;;;;;qIAalB,CAAC;AAGH,QAAA,MAAM,cAAc;;6MAUlB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;qIAqBf,CAAC;AAGH,QAAA,MAAM,QAAQ;;;;;;;qIAUZ,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;0EAkBpB,CAAC;AAGH,QAAA,MAAM,aAAa;;0EAiBjB,CAAC;AAGH,QAAA,MAAM,SAAS;;;;qIAUb,CAAC;AAGH,QAAA,MAAM,aAAa;;;qIAQlB,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}

package/dist/lib/Components/Menu/Menu.js

@@ -1,16 +1,16 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { cn as o } from "../../../libs/utils-shared/dist/index.js";
+import { cn as r } from "../../../libs/utils-shared/dist/index.js";
 import * as t from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
-import { Check as u } from "../../Symbols/Icons/Check.js";
-import { Divider as p } from "../Divider/Divider.js";
-import { ChevronRight as f } from "../../Symbols/Icons/ChevronRight.js";
-const c = o(
+import { Check as p } from "../../Symbols/Icons/Check.js";
+import { Divider as b } from "../Divider/Divider.js";
+import { ChevronRight as N } from "../../Symbols/Icons/ChevronRight.js";
+const f = r(
   "z-menu min-w-160 overflow-hidden rounded-sm bg-muted p-8",
   "shadow-sm",
   "data-[state=open]:animate-fade-in",
   "data-[state=closed]:animate-fade-out"
-), d = o(
+), d = r(
   "relative flex cursor-default items-center gap-12 select-none",
   "h-44 rounded-sm px-8 outline-hidden",
   "body-2-semi-bold text-base",
@@ -18,147 +18,151 @@ const c = o(
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-disabled:pointer-events-none data-disabled:text-disabled"
-), b = o("px-8 py-4 body-3-semi-bold text-muted"), N = o(
+), g = r("px-8 py-4 body-3-semi-bold text-muted"), y = r(
   d,
   "data-[state=open]:bg-base-transparent-hover"
 );
-function j({ ...e }) {
+function G({ ...e }) {
   return /* @__PURE__ */ a(t.Root, { "data-slot": "menu", ...e });
 }
-const y = i.forwardRef(({ ...e }, s) => /* @__PURE__ */ a(
+const h = i.forwardRef(({ ...e }, n) => /* @__PURE__ */ a(
   t.Trigger,
   {
-    ref: s,
+    ref: n,
     "data-slot": "menu-trigger",
     ...e
   }
 ));
-y.displayName = t.Trigger.displayName;
-function G({ ...e }) {
+h.displayName = t.Trigger.displayName;
+function L({ ...e }) {
   return /* @__PURE__ */ a(t.Group, { "data-slot": "menu-group", ...e });
 }
-function P({
+function D({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Portal, { ...e });
 }
-function L({
+function q({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Sub, { ...e });
 }
-function D({ ...e }) {
+function A({ ...e }) {
   return /* @__PURE__ */ a(t.RadioGroup, { "data-slot": "menu-radio-group", ...e });
 }
-const g = i.forwardRef(({ className: e, inset: s, children: n, ...r }, m) => /* @__PURE__ */ l(
+const x = i.forwardRef(({ className: e, inset: n, children: o, ...s }, m) => /* @__PURE__ */ l(
   t.SubTrigger,
   {
     ref: m,
     "data-slot": "menu-sub-trigger",
-    className: o(N, s && "pl-32", e),
-    ...r,
+    className: r(y, n && "pl-32", e),
+    ...s,
     children: [
-      n,
-      /* @__PURE__ */ a(f, { size: 20, className: "ml-auto text-muted" })
+      o,
+      /* @__PURE__ */ a(N, { size: 20, className: "ml-auto text-muted" })
     ]
   }
 ));
-g.displayName = t.SubTrigger.displayName;
-const h = i.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ a(
+x.displayName = t.SubTrigger.displayName;
+const R = i.forwardRef(({ className: e, ...n }, o) => /* @__PURE__ */ a(
   t.SubContent,
   {
-    ref: n,
+    ref: o,
     "data-slot": "menu-sub-content",
-    className: o(c, e),
-    ...s
+    className: r(f, e),
+    ...n
   }
 ));
-h.displayName = t.SubContent.displayName;
-const x = i.forwardRef(({ className: e, sideOffset: s = 4, align: n = "start", ...r }, m) => /* @__PURE__ */ a(t.Portal, { children: /* @__PURE__ */ a(
+R.displayName = t.SubContent.displayName;
+const M = i.forwardRef(({ className: e, sideOffset: n = 4, align: o = "start", ...s }, m) => /* @__PURE__ */ a(t.Portal, { children: /* @__PURE__ */ a(
   t.Content,
   {
     ref: m,
     "data-slot": "menu-content",
-    sideOffset: s,
-    className: o(c, e),
-    align: n,
-    ...r
+    sideOffset: n,
+    className: r(f, e),
+    onClick: (u) => {
+      var c;
+      u.stopPropagation(), (c = s.onClick) == null || c.call(s, u);
+    },
+    align: o,
+    ...s
   }
 ) }));
-x.displayName = t.Content.displayName;
-const R = i.forwardRef(({ className: e, inset: s, ...n }, r) => /* @__PURE__ */ a(
+M.displayName = t.Content.displayName;
+const w = i.forwardRef(({ className: e, inset: n, ...o }, s) => /* @__PURE__ */ a(
   t.Item,
   {
-    ref: r,
+    ref: s,
     "data-slot": "menu-item",
-    className: o(d, s && "pl-32", e),
-    ...n
+    className: r(d, n && "pl-32", e),
+    ...o
   }
 ));
-R.displayName = t.Item.displayName;
-const M = i.forwardRef(({ className: e, children: s, checked: n, ...r }, m) => /* @__PURE__ */ l(
+w.displayName = t.Item.displayName;
+const S = i.forwardRef(({ className: e, children: n, checked: o, ...s }, m) => /* @__PURE__ */ l(
   t.CheckboxItem,
   {
     ref: m,
     "data-slot": "menu-checkbox-item",
-    className: o(d, e),
-    checked: n,
-    ...r,
+    className: r(d, e),
+    checked: o,
+    ...s,
     children: [
-      s,
-      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
+      n,
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(p, { size: 24, className: "text-active" }) }) })
     ]
   }
 ));
-M.displayName = t.CheckboxItem.displayName;
-const w = i.forwardRef(({ className: e, children: s, ...n }, r) => /* @__PURE__ */ l(
+S.displayName = t.CheckboxItem.displayName;
+const C = i.forwardRef(({ className: e, children: n, ...o }, s) => /* @__PURE__ */ l(
   t.RadioItem,
   {
-    ref: r,
+    ref: s,
     "data-slot": "menu-radio-item",
-    className: o(d, e),
-    ...n,
+    className: r(d, e),
+    ...o,
     children: [
-      s,
-      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
+      n,
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(p, { size: 24, className: "text-active" }) }) })
     ]
   }
 ));
-w.displayName = t.RadioItem.displayName;
-const S = i.forwardRef(({ className: e, inset: s, ...n }, r) => /* @__PURE__ */ a(
+C.displayName = t.RadioItem.displayName;
+const I = i.forwardRef(({ className: e, inset: n, ...o }, s) => /* @__PURE__ */ a(
   t.Label,
   {
-    ref: r,
+    ref: s,
     "data-slot": "menu-label",
-    className: o(b, s && "pl-32", e),
-    ...n
+    className: r(g, n && "pl-32", e),
+    ...o
   }
 ));
-S.displayName = t.Label.displayName;
-const I = i.forwardRef(
-  ({ className: e, ...s }, n) => /* @__PURE__ */ a(
-    p,
+I.displayName = t.Label.displayName;
+const v = i.forwardRef(
+  ({ className: e, ...n }, o) => /* @__PURE__ */ a(
+    b,
     {
-      ref: n,
-      className: o("mx-8 my-4 w-auto", e),
-      ...s
+      ref: o,
+      className: r("mx-8 my-4 w-auto", e),
+      ...n
     }
   )
 );
-I.displayName = "MenuSeparator";
+v.displayName = "MenuSeparator";
 export {
-  j as Menu,
-  M as MenuCheckboxItem,
-  x as MenuContent,
-  G as MenuGroup,
-  R as MenuItem,
-  S as MenuLabel,
-  P as MenuPortal,
-  D as MenuRadioGroup,
-  w as MenuRadioItem,
-  I as MenuSeparator,
-  L as MenuSub,
-  h as MenuSubContent,
-  g as MenuSubTrigger,
-  y as MenuTrigger
+  G as Menu,
+  S as MenuCheckboxItem,
+  M as MenuContent,
+  L as MenuGroup,
+  w as MenuItem,
+  I as MenuLabel,
+  D as MenuPortal,
+  A as MenuRadioGroup,
+  C as MenuRadioItem,
+  v as MenuSeparator,
+  q as MenuSub,
+  R as MenuSubContent,
+  x as MenuSubTrigger,
+  h as MenuTrigger
 };

package/dist/lib/Components/Select/Select.js

@@ -97,9 +97,9 @@ const x = c(
     position: r,
     ...i,
     children: [
-      /* @__PURE__ */ e(R, {}),
+      /* @__PURE__ */ e(j, {}),
       /* @__PURE__ */ e(a.Viewport, { className: y({ position: r }), children: o }),
-      /* @__PURE__ */ e(C, {})
+      /* @__PURE__ */ e(z, {})
     ]
   }
 ) }));
@@ -147,7 +147,7 @@ const I = s.forwardRef(
   )
 );
 I.displayName = "SelectSeparator";
-const z = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
+const R = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
   a.ItemText,
   {
     ref: r,
@@ -156,8 +156,8 @@ const z = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
     ...o
   }
 ));
-z.displayName = a.ItemText.displayName;
-function R({
+R.displayName = a.ItemText.displayName;
+function j({
   className: t,
   ...o
 }) {
@@ -174,7 +174,7 @@ function R({
     }
   );
 }
-function C({
+function z({
   className: t,
   ...o
 }) {
@@ -196,7 +196,7 @@ export {
   N as SelectContent,
   G as SelectGroup,
   v as SelectItem,
-  z as SelectItemText,
+  R as SelectItemText,
   w as SelectLabel,
   I as SelectSeparator,
   h as SelectTrigger

package/dist/lib/Components/Spot/Spot.js

@@ -4,8 +4,8 @@ import { cva as h } from "class-variance-authority";
 import { useMemo as f } from "react";
 import { Spinner as b } from "../Spinner/Spinner.js";
 import { InformationFill as g } from "../../Symbols/Icons/InformationFill.js";
-import { WarningFill as z } from "../../Symbols/Icons/WarningFill.js";
-import { DeleteCircleFill as x } from "../../Symbols/Icons/DeleteCircleFill.js";
+import { WarningFill as x } from "../../Symbols/Icons/WarningFill.js";
+import { DeleteCircleFill as z } from "../../Symbols/Icons/DeleteCircleFill.js";
 import { CheckmarkCircleFill as w } from "../../Symbols/Icons/CheckmarkCircleFill.js";
 import { BluetoothCircleFill as y } from "../../Symbols/Icons/BluetoothCircleFill.js";
 const F = h(
@@ -57,9 +57,9 @@ const F = h(
       case "check":
         return /* @__PURE__ */ e(w, { size: t });
       case "error":
-        return /* @__PURE__ */ e(x, { size: t });
-      case "warning":
         return /* @__PURE__ */ e(z, { size: t });
+      case "warning":
+        return /* @__PURE__ */ e(x, { size: t });
       case "info":
         return /* @__PURE__ */ e(g, { size: t });
       case "loader":

package/dist/lib/Components/ThemeProvider/ThemeProvider.js

@@ -19,7 +19,7 @@ const [x, p] = i("ThemeProvider"), D = ({
     [t, o]
   );
   return /* @__PURE__ */ r(x, { value: d, children: /* @__PURE__ */ r(h, { locale: o, children: e }) });
-}, O = () => {
+}, P = () => {
   const e = p({
     consumerName: "useTheme",
     contextRequired: !0
@@ -31,5 +31,5 @@ const [x, p] = i("ThemeProvider"), D = ({
 };
 export {
   D as ThemeProvider,
-  O as useTheme
+  P as useTheme
 };

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

@@ -1,4 +1,3 @@
-import { MouseEventHandler } from 'react';
 import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps } from './types';
 /**
  * A flexible tile component that uses a composite pattern for maximum customization.
@@ -30,11 +29,12 @@ import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps }
 export declare const Tile: import('react').ForwardRefExoticComponent<{
     appearance?: "no-background" | "card";
     disabled?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onClick?: import('react').MouseEventHandler<HTMLButtonElement>;
     children: import('react').ReactNode;
     className?: string;
     'aria-label'?: string;
-} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "onClick"> & import('react').RefAttributes<HTMLDivElement>>;
+    secondaryAction?: import('react').ReactNode;
+} & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * A spot adapter for use within Tile. Automatically inherits the disabled state from the parent Tile.
  * Always renders at a fixed size of 48.
@@ -85,7 +85,7 @@ export declare const TileDescription: {
  * </Tile>
  */
 export declare const TileSecondaryAction: import('react').ForwardRefExoticComponent<{
-    onClick?: MouseEventHandler;
+    onClick?: import('react').MouseEventHandler;
     icon: React.ComponentType<Omit<import('../Icon').IconProps, "children">>;
     className?: string;
 } & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,iBAAiB,EAAyB,MAAM,OAAO,CAAC;AAG7E,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAgEjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;oHAsGhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;;;;0HAuC9B,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAkCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;;uHAuChB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;;;;0HAsC9B,CAAC"}

package/dist/lib/Components/Tile/Tile.js

@@ -1,242 +1,175 @@
-import { jsx as s, jsxs as q } from "react/jsx-runtime";
-import { extractSlottable as C, createSafeContext as I, cn as u } from "../../../libs/utils-shared/dist/index.js";
-import { cva as v } from "class-variance-authority";
-import { forwardRef as x, useState as w, useCallback as d } from "react";
-import { Spot as z } from "../Spot/Spot.js";
-import { InteractiveIcon as V } from "../InteractiveIcon/InteractiveIcon.js";
-const [j, p] = I("Tile"), T = {
-  root: v(
+import { jsx as a, jsxs as T } from "react/jsx-runtime";
+import { createSafeContext as v, cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { cva as m } from "class-variance-authority";
+import { forwardRef as f, useCallback as x } from "react";
+import { Spot as y } from "../Spot/Spot.js";
+import { InteractiveIcon as N } from "../InteractiveIcon/InteractiveIcon.js";
+const [g, n] = v("Tile"), b = {
+  root: m([
+    "group relative flex flex-col items-center rounded-md text-base transition-colors focus-visible:outline-2 focus-visible:outline-focus"
+  ]),
+  inner: m(
     [
-      "group relative flex flex-col items-center gap-8 text-base transition-colors",
+      "flex w-full flex-col items-center gap-8 px-8 py-12",
       "rounded-md focus-visible:outline-2 focus-visible:outline-focus"
     ],
     {
       variants: {
         appearance: {
-          "no-background": "bg-base-transparent",
-          card: "bg-surface"
-        },
-        isActive: {
-          true: "",
-          false: ""
+          "no-background": "bg-base-transparent hover:not-disabled:bg-base-transparent-hover active:not-disabled:bg-base-transparent-pressed",
+          card: "bg-surface hover:not-disabled:bg-surface-hover active:not-disabled:bg-surface-pressed"
         },
         disabled: {
-          true: "",
-          false: ""
+          true: "cursor-default",
+          false: "cursor-pointer"
         }
       },
-      compoundVariants: [
-        {
-          appearance: "no-background",
-          isActive: !1,
-          disabled: !1,
-          className: "hover:bg-base-transparent-hover"
-        },
-        {
-          appearance: "no-background",
-          isActive: !0,
-          disabled: !1,
-          className: "bg-base-transparent-pressed"
-        },
-        {
-          appearance: "card",
-          isActive: !1,
-          disabled: !1,
-          className: "hover:bg-surface-hover"
-        },
-        {
-          appearance: "card",
-          isActive: !0,
-          disabled: !1,
-          className: "bg-surface-pressed"
-        }
-      ],
       defaultVariants: {
         appearance: "no-background",
-        isActive: !1,
         disabled: !1
       }
     }
-  ),
-  button: v(
-    "flex w-full cursor-pointer flex-col items-center gap-8 rounded-md px-8 py-12 focus-visible:outline-2 focus-visible:outline-focus"
   )
-}, P = x(
+}, h = f(
   ({
     className: e,
-    onClick: i,
+    onClick: t,
+    secondaryAction: o,
     appearance: r = "no-background",
-    disabled: t = !1,
-    "aria-label": f,
-    children: m,
-    onMouseDown: l,
-    onMouseUp: o,
-    onMouseLeave: c,
-    ...n
-  }, N) => {
-    const [g, b] = w(!1), { slotElement: h, remainingChildren: A } = C(
-      m,
-      y
-    ), S = d(
-      (a) => {
-        a.target.closest(
-          "[data-secondary-button-container]"
-        ) || (l == null || l(a), b(!0));
-      },
-      [l]
-    ), k = d(
-      (a) => {
-        b(!1), o == null || o(a);
-      },
-      [o]
-    ), R = d(
-      (a) => {
-        b(!1), c == null || c(a);
-      },
-      [c]
-    );
-    return /* @__PURE__ */ s(j, { value: { disabled: t }, children: /* @__PURE__ */ q(
-      "div",
-      {
-        ...n,
-        ref: N,
-        className: T.root({
-          appearance: r,
-          isActive: g,
-          disabled: t,
-          className: e
-        }),
-        onMouseDown: t ? void 0 : (a) => {
-          S(a);
-        },
-        onMouseUp: t ? void 0 : (a) => {
-          k(a);
-        },
-        onMouseLeave: t ? void 0 : (a) => {
-          R(a);
-        },
-        children: [
-          /* @__PURE__ */ s(
-            "button",
-            {
-              "aria-label": f,
-              onClick: t ? void 0 : i,
-              disabled: t,
-              "data-disabled": t || void 0,
-              className: T.button(),
-              children: A
-            }
-          ),
-          h
-        ]
-      }
-    ) });
-  }
+    disabled: i = !1,
+    children: l,
+    style: c,
+    ...d
+  }, u) => /* @__PURE__ */ a(g, { value: { disabled: i }, children: /* @__PURE__ */ T(
+    "div",
+    {
+      ref: u,
+      style: c,
+      className: b.root({
+        className: e
+      }),
+      children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            ...d,
+            onClick: t,
+            disabled: i,
+            className: b.inner({
+              appearance: r,
+              disabled: i
+            }),
+            children: l
+          }
+        ),
+        o
+      ]
+    }
+  ) })
 );
-P.displayName = "Tile";
-const D = (e) => {
-  const { disabled: i } = p({
+h.displayName = "Tile";
+const S = (e) => {
+  const { disabled: t } = n({
     consumerName: "TileSpot",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(z, { ...e, size: 48, disabled: i });
+  return /* @__PURE__ */ a(y, { ...e, size: 48, disabled: t });
 };
-D.displayName = "TileSpot";
-const E = ({
+S.displayName = "TileSpot";
+const w = ({
   children: e,
-  className: i,
-  ...r
-}) => /* @__PURE__ */ s(
+  className: t,
+  ...o
+}) => /* @__PURE__ */ a(
   "div",
   {
-    className: u("flex w-full flex-col items-center text-center", i),
-    ...r,
+    className: s("flex w-full flex-col items-center text-center", t),
+    ...o,
     children: e
   }
 );
-E.displayName = "TileContent";
-const O = ({
+w.displayName = "TileContent";
+const R = ({
   children: e,
-  className: i,
-  ...r
+  className: t,
+  ...o
 }) => {
-  const { disabled: t } = p({
+  const { disabled: r } = n({
     consumerName: "TileTitle",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: u(
+      className: s(
         "w-full truncate body-2-semi-bold",
-        t && "text-disabled",
-        i
+        r && "text-disabled",
+        t
       ),
-      ...r,
+      ...o,
       children: e
     }
   );
 };
-O.displayName = "TileTitle";
-const B = ({
+R.displayName = "TileTitle";
+const q = ({
   children: e,
-  className: i,
-  ...r
+  className: t,
+  ...o
 }) => {
-  const { disabled: t } = p({
+  const { disabled: r } = n({
     consumerName: "TileDescription",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: u(
+      className: s(
         "w-full truncate body-3",
-        t ? "text-disabled" : "text-muted",
-        i
+        r ? "text-disabled" : "text-muted",
+        t
       ),
-      ...r,
+      ...o,
       children: e
     }
   );
 };
-B.displayName = "TileDescription";
-const y = x(({ onClick: e, icon: i, className: r, "aria-label": t, ...f }, m) => {
-  const { disabled: l } = p({
+q.displayName = "TileDescription";
+const D = f(({ onClick: e, icon: t, className: o, "aria-label": r, ...i }, l) => {
+  const { disabled: c } = n({
     consumerName: "TileSecondaryAction",
     contextRequired: !0
-  }), o = d(
-    (n) => {
-      n.stopPropagation(), n.preventDefault(), e == null || e(n);
+  }), d = x(
+    (p) => {
+      p.stopPropagation(), p.preventDefault(), e == null || e(p);
     },
     [e]
   );
-  if (l) return null;
-  const c = i;
-  return /* @__PURE__ */ s(
-    V,
+  if (c) return null;
+  const u = t;
+  return /* @__PURE__ */ a(
+    N,
     {
-      "data-slot": "tile-secondary-action",
-      className: u(
+      className: s(
         "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
-        r
+        o
       ),
       "data-secondary-button-container": !0,
       iconType: "stroked",
-      onClick: o,
-      "aria-label": t,
-      ref: m,
-      ...f,
-      children: /* @__PURE__ */ s(c, { size: 24 })
+      onClick: d,
+      "aria-label": r,
+      ref: l,
+      ...i,
+      children: /* @__PURE__ */ a(u, { size: 24 })
     }
   );
 });
-y.displayName = "TileSecondaryAction";
+D.displayName = "TileSecondaryAction";
 export {
-  P as Tile,
-  E as TileContent,
-  B as TileDescription,
-  y as TileSecondaryAction,
-  D as TileSpot,
-  O as TileTitle
+  h as Tile,
+  w as TileContent,
+  q as TileDescription,
+  D as TileSecondaryAction,
+  S as TileSpot,
+  R as TileTitle
 };

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

@@ -36,7 +36,12 @@ export type TileProps = {
      * Aria label for accessibility.
      */
     'aria-label'?: string;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>;
+    /**
+     * The secondary action to display inside the tile.
+     * Typically contains a TileSecondaryAction component.
+     */
+    secondaryAction?: ReactNode;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'>;
 export type TileSpotProps = DiscriminatedSpotProps;
 export type TileContentProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAEpD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,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.66",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.66",
+  "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"
   },