@ledgerhq/lumen-ui-react 0.1.35 → 0.1.37

package/dist/lib/Components/DotIcon/DotIcon.js

@@ -1,15 +1,23 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { cn as n } from "../../../libs/utils-shared/dist/index.js";
-import { cva as b } from "class-variance-authority";
-import { useMemo as f } from "react";
-const x = b(
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useDisabledContext as x, DisabledProvider as v, cn as n } from "../../../libs/utils-shared/dist/index.js";
+import { cva as c } from "class-variance-authority";
+import { useMemo as z } from "react";
+const g = c("relative inline-flex w-fit", {
+  variants: {
+    disabled: {
+      true: "opacity-30",
+      false: ""
+    }
+  }
+}), N = c(
   "absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
   {
     variants: {
       size: {
         16: "size-16 border",
         20: "size-20 border",
-        24: "size-24 border"
+        24: "size-24 border",
+        32: "size-32 border"
       },
       shape: {
         square: "",
@@ -31,67 +39,74 @@ const x = b(
       { size: 16, shape: "square", className: "rounded-[5px]" },
       { size: 20, shape: "square", className: "rounded-[6px]" },
       { size: 24, shape: "square", className: "rounded-[8px]" },
+      { size: 32, shape: "square", className: "rounded-[10px]" },
       { shape: "circle", className: "rounded-full" }
     ]
   }
-), q = {
+), V = {
   40: 16,
   48: 20,
   56: 24,
-  64: 24
-}, S = {
+  64: 24,
+  72: 32
+}, w = {
   40: 16,
   48: 20,
   56: 24,
-  72: 24
-}, h = {
+  72: 32
+}, D = {
   16: 12,
   20: 16,
-  24: 16
-}, z = {
+  24: 16,
+  32: 20
+}, I = {
   "top-start": ["top", "left"],
   "top-end": ["top", "right"],
   "bottom-start": ["bottom", "left"],
   "bottom-end": ["bottom", "right"]
-}, c = -3, g = (e) => {
-  const [t, o] = z[e];
-  return { [t]: c, [o]: c };
-}, v = ({
-  children: e,
+}, i = -3, q = (s) => {
+  const [t, o] = I[s];
+  return { [t]: i, [o]: i };
+}, M = ({
+  children: s,
   icon: t,
   appearance: o,
-  pin: s = "bottom-end",
-  size: a = 20,
-  shape: i = "circle",
-  className: d,
-  ref: m,
-  ...p
+  pin: a = "bottom-end",
+  size: r = 20,
+  shape: d = "circle",
+  className: l,
+  disabled: m = !1,
+  ref: p,
+  ...b
 }) => {
-  const l = f(() => g(s), [s]);
-  return /* @__PURE__ */ u(
+  const u = z(() => q(a), [a]), f = x({
+    consumerName: "DotIcon",
+    mergeWith: { disabled: m }
+  });
+  return /* @__PURE__ */ e(v, { value: { disabled: !1 }, children: /* @__PURE__ */ h(
     "div",
     {
-      ref: m,
-      className: n("relative inline-flex w-fit", d),
-      ...p,
+      ref: p,
+      className: n(g({ disabled: f, className: l })),
+      ...b,
       children: [
-        /* @__PURE__ */ r("div", { className: "inline-flex", children: e }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
+        /* @__PURE__ */ e(
           "div",
           {
-            className: n(x({ size: a, shape: i, pin: s, appearance: o })),
-            style: l,
-            children: /* @__PURE__ */ r(t, { size: h[a], className: "text-on-interactive" })
+            className: n(N({ size: r, shape: d, pin: a, appearance: o })),
+            style: u,
+            children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
           }
         )
       ]
     }
-  );
+  ) });
 };
-v.displayName = "DotIcon";
+M.displayName = "DotIcon";
 export {
-  v as DotIcon,
-  h as dotIconSizeMap,
-  q as mediaImageDotIconSizeMap,
-  S as spotDotIconSizeMap
+  M as DotIcon,
+  D as dotIconSizeMap,
+  V as mediaImageDotIconSizeMap,
+  w as spotDotIconSizeMap
 };

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

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
 import { IconSize } from '../Icon';
-export type DotIconSize = 16 | 20 | 24;
+export type DotIconSize = 16 | 20 | 24 | 32;
 export type DotIconPin = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
 export type DotIconAppearance = 'success' | 'muted' | 'error';
 export type DotIconProps = {
@@ -34,6 +34,12 @@ export type DotIconProps = {
      * Additional custom CSS classes to apply to the wrapper.
      */
     className?: string;
+    /**
+     * Shows a disabled appearance.
+     * @optional
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * The wrapped component (e.g. MediaImage or Spot).
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEvC,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE5C,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/DotIndicator/DotIndicator.js

@@ -1,13 +1,13 @@
 import { jsxs as m, jsx as b } from "react/jsx-runtime";
-import { useDisabledContext as p, cn as i } from "../../../libs/utils-shared/dist/index.js";
+import { useDisabledContext as p, cn as s } from "../../../libs/utils-shared/dist/index.js";
 import { cva as f } from "class-variance-authority";
 const u = f("pointer-events-none rounded-full", {
   variants: {
     size: {
-      xs: "size-10",
-      sm: "size-12",
-      md: "size-14",
-      lg: "size-16"
+      sm: "size-6",
+      md: "size-8",
+      lg: "size-10",
+      xl: "size-12"
     },
     appearance: {
       base: "bg-interactive",
@@ -19,30 +19,30 @@ const u = f("pointer-events-none rounded-full", {
     }
   },
   defaultVariants: {
-    size: "sm",
+    size: "md",
     appearance: "base",
     disabled: !1
   }
 });
 function v({
-  size: t = "sm",
+  size: t = "md",
   appearance: r = "base",
-  disabled: n = !1,
+  disabled: d = !1,
   children: e,
-  className: d,
+  className: n,
   "aria-label": a,
   ref: o,
   ...l
 }) {
   const c = p({
     consumerName: "DotIndicator",
-    mergeWith: { disabled: n }
-  }), s = !!e;
+    mergeWith: { disabled: d }
+  }), i = !!e;
   return /* @__PURE__ */ m(
     "div",
     {
       ref: o,
-      className: i(s && "relative inline-flex w-fit", d),
+      className: s(i && "relative inline-flex w-fit", n),
       ...l,
       children: [
         /* @__PURE__ */ b(
@@ -50,9 +50,9 @@ function v({
           {
             "aria-label": a,
             "aria-hidden": !a || void 0,
-            className: i(
+            className: s(
               u({ size: t, appearance: r, disabled: c }),
-              s && "absolute top-0 right-0 z-1"
+              i && "absolute top-0 right-0 z-1"
             )
           }
         ),

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

@@ -2,9 +2,9 @@ import { ComponentPropsWithRef, ReactNode } from 'react';
 export type DotIndicatorProps = {
     /**
      * The size of the dot indicator.
-     * @default 'sm'
+     * @default md
      */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
     /**
      * The appearance of the dot indicator.
      * @default 'base'

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

@@ -15,7 +15,7 @@ export declare const spotDotSizeMap: Record<SpotSize, DotSymbolSize>;
  * </DotSymbol>
  */
 export declare const DotSymbol: {
-    ({ children, src, alt, pin, size, shape, imgLoading, className, ref, ...rest }: DotSymbolProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, src, alt, pin, size, shape, imgLoading, className, disabled: disabledProp, ref, ...rest }: DotSymbolProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=DotSymbol.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiD3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAU7D,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAMjD,CAAC;AAmBX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;oFAWnB,cAAc;;CA4BhB,CAAC"}
+{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA6D3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAW7D,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAMjD,CAAC;AAmBX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;4GAYnB,cAAc;;CAkChB,CAAC"}

package/dist/lib/Components/DotSymbol/DotSymbol.js

@@ -1,8 +1,15 @@
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-import { cn as b } from "../../../libs/utils-shared/dist/index.js";
-import { cva as h } from "class-variance-authority";
-import { useMemo as z, useState as x, useEffect as N } from "react";
-const v = h(
+import { jsx as o, jsxs as z } from "react/jsx-runtime";
+import { useDisabledContext as x, DisabledProvider as N, cn as v } from "../../../libs/utils-shared/dist/index.js";
+import { cva as d } from "class-variance-authority";
+import { useMemo as g, useState as q, useEffect as y } from "react";
+const D = d("relative inline-flex w-fit", {
+  variants: {
+    disabled: {
+      true: "opacity-30",
+      false: ""
+    }
+  }
+}), S = d(
   "absolute z-10 box-content overflow-hidden border-base-inverted bg-muted",
   {
     variants: {
@@ -12,7 +19,8 @@ const v = h(
         12: "size-12 border",
         16: "size-16 border",
         20: "size-20 border",
-        24: "size-24 border"
+        24: "size-24 border",
+        32: "size-32 border"
       },
       shape: {
         square: "",
@@ -35,17 +43,19 @@ const v = h(
       { size: 16, shape: "square", className: "rounded-[5px]" },
       { size: 20, shape: "square", className: "rounded-[6px]" },
       { size: 24, shape: "square", className: "rounded-[8px]" },
+      { size: 32, shape: "square", className: "rounded-[10px]" },
       { shape: "circle", className: "rounded-full" }
     ]
   }
-), g = {
+), M = {
   8: -2,
   10: -2,
   12: -2,
   16: -3,
   20: -3,
-  24: -3
-}, w = {
+  24: -3,
+  32: -3
+}, C = {
   12: 8,
   16: 8,
   20: 8,
@@ -54,61 +64,66 @@ const v = h(
   40: 16,
   48: 20,
   56: 24,
-  64: 24
-}, V = {
+  64: 24,
+  72: 32
+}, I = {
   32: 12,
   40: 16,
   48: 20,
   56: 24,
-  72: 24
-}, q = {
+  72: 32
+}, E = {
   "top-start": ["top", "left"],
   "top-end": ["top", "right"],
   "bottom-start": ["bottom", "left"],
   "bottom-end": ["bottom", "right"]
-}, S = (o, t) => {
-  const [r, s] = q[o], e = g[t];
+}, V = (a, t) => {
+  const [r, s] = E[a], e = M[t];
   return { [r]: e, [s]: e };
-}, y = ({
-  children: o,
+}, j = ({
+  children: a,
   src: t,
   alt: r,
   pin: s = "bottom-end",
   size: e = 20,
   shape: n = "circle",
-  imgLoading: d = "eager",
-  className: m,
-  ref: c,
-  ...l
+  imgLoading: l = "eager",
+  className: c,
+  disabled: m = !1,
+  ref: p,
+  ...u
 }) => {
-  const p = z(() => S(s, e), [s, e]), [u, i] = x(!1);
-  return N(() => {
+  const b = g(() => V(s, e), [s, e]), [f, i] = q(!1), h = x({
+    consumerName: "DotSymbol",
+    mergeWith: { disabled: m }
+  });
+  return y(() => {
     i(!1);
-  }, [t]), /* @__PURE__ */ f(
+  }, [t]), /* @__PURE__ */ o(N, { value: { disabled: !1 }, children: /* @__PURE__ */ z(
     "div",
     {
-      ref: c,
-      className: b("relative inline-flex w-fit", m),
-      ...l,
+      ref: p,
+      className: v(D({ disabled: h, className: c })),
+      ...u,
       children: [
-        /* @__PURE__ */ a("div", { className: "inline-flex", children: o }),
-        /* @__PURE__ */ a("div", { className: v({ size: e, shape: n, pin: s }), style: p, children: !u && /* @__PURE__ */ a(
+        /* @__PURE__ */ o("div", { className: "inline-flex", children: a }),
+        /* @__PURE__ */ o("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ o(
           "img",
           {
             alt: r,
             src: t,
-            loading: d,
+            loading: l,
             "aria-hidden": "true",
             onError: () => i(!0)
           }
         ) })
       ]
     }
-  );
+  ) });
 };
-y.displayName = "DotSymbol";
+j.displayName = "DotSymbol";
 export {
-  y as DotSymbol,
-  w as mediaImageDotSizeMap,
-  V as spotDotSizeMap
+  j as DotSymbol,
+  C as mediaImageDotSizeMap,
+  I as spotDotSizeMap
 };

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
-export type DotSymbolSize = 8 | 10 | 12 | 16 | 20 | 24;
+export type DotSymbolSize = 8 | 10 | 12 | 16 | 20 | 24 | 32;
 export type DotSymbolPin = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
 export type DotSymbolProps = {
     /**
@@ -37,6 +37,12 @@ export type DotSymbolProps = {
      * Additional custom CSS classes to apply to the wrapper.
      */
     className?: string;
+    /**
+     * Shows a disabled appearance.
+     * @optional
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * The wrapped component (e.g. MediaImage or Spot).
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotSymbol/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEvD,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotSymbol/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE5D,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/Icon/Icon.js

@@ -22,8 +22,8 @@ const h = a("inline-block shrink-0", {
   size: n = 24,
   className: i = "",
   children: c,
-  viewBox: r,
-  xmlns: e,
+  viewBox: e,
+  xmlns: r,
   ...t
 }) => k(
   "svg",
@@ -31,8 +31,8 @@ const h = a("inline-block shrink-0", {
     ref: o,
     fill: "none",
     "aria-hidden": "true",
-    xmlns: e,
-    viewBox: r,
+    xmlns: r,
+    viewBox: e,
     className: s(h({ size: n }), "inline-block", i),
     ...t
   },

package/dist/lib/Components/Icon/createIcon.js

@@ -6,17 +6,17 @@ const b = (e, t) => {
     ref: o,
     className: s,
     disabled: a,
-    ...n
+    ...m
   }) => {
-    const m = i({
+    const n = i({
       consumerName: e,
       mergeWith: { disabled: a }
     });
     return p(d, {
       ref: o,
-      className: l(s, m && "text-disabled"),
+      className: l(s, n && "text-disabled"),
       viewBox: t.props.viewBox,
-      ...n,
+      ...m,
       children: t.props.children
     });
   };

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

@@ -27,8 +27,8 @@ const v = u(
   }
 ), h = ({
   ref: s,
-  className: r,
-  iconType: i,
+  className: i,
+  iconType: r,
   icon: a,
   size: o = 24,
   appearance: n = "muted",
@@ -46,8 +46,8 @@ const v = u(
       ref: s,
       disabled: e,
       className: b(
-        v({ disabled: e, iconType: i, appearance: n }),
-        r
+        v({ disabled: e, iconType: r, appearance: n }),
+        i
       ),
       children: /* @__PURE__ */ t(a, { size: o })
     }

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

@@ -46,10 +46,10 @@ const w = k(
   disabled: b,
   ...v
 }) => {
-  const r = x({
+  const s = x({
     consumerName: "Link",
     mergeWith: { disabled: b }
-  }), s = i ? {
+  }), r = i ? {
     sm: 16,
     md: 20
   }[i] : 20, o = u;
@@ -62,19 +62,19 @@ const w = k(
           appearance: f,
           size: i,
           underline: p,
-          disabled: r
+          disabled: s
         }),
         m
       ),
-      "aria-disabled": r || void 0,
+      "aria-disabled": s || void 0,
       target: n && !t ? "_blank" : void 0,
       rel: n && !t ? "noopener noreferrer" : void 0,
       ...v,
       children: t ? a : /* @__PURE__ */ l(c, { children: [
-        o && /* @__PURE__ */ e(o, { size: s }),
+        o && /* @__PURE__ */ e(o, { size: r }),
         /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: a }),
         n && /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(z, { size: s, "aria-hidden": "true" }),
+          /* @__PURE__ */ e(z, { size: r, "aria-hidden": "true" }),
           /* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
         ] })
       ] })

package/dist/lib/Components/ListItem/ListItem.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useDisabledContext as c, DisabledProvider as x, cn as r, getButtonA11yProps as f, createSafeContext as b } from "../../../libs/utils-shared/dist/index.js";
+import { useDisabledContext as c, DisabledProvider as x, cn as r, getButtonA11yProps as b, createSafeContext as f } from "../../../libs/utils-shared/dist/index.js";
 import { cva as p } from "class-variance-authority";
-const [I, l] = b("ListItemTrailing", {
+const [I, l] = f("ListItemTrailing", {
   isInTrailing: !1
 }), g = p(
   [
@@ -46,7 +46,7 @@ const [I, l] = b("ListItemTrailing", {
     "div",
     {
       ref: t,
-      ...f({ onClick: e, disabled: d }),
+      ...b({ onClick: e, disabled: d }),
       className: r(
         g({
           density: m,

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

@@ -14,17 +14,17 @@ import { MediaButtonProps } from './types';
  * import { Settings } from '@ledgerhq/lumen-ui-react/symbols';
  *
  * // With flat interface icon
- * <MediaButton icon={<Settings size={20} />} iconType="flat">
+ * <MediaButton leadingContent={<Settings size={20} />} leadingContentShape="flat">
  *   Network
  * </MediaButton>
  *
  * // With rounded crypto icon
- * <MediaButton icon={<CryptoIcon ledgerId="bitcoin" size={32} />} iconType="rounded">
+ * <MediaButton leadingContent={<CryptoIcon ledgerId="bitcoin" size={32} />} leadingContentShape="rounded">
  *   Bitcoin
  * </MediaButton>
  *
  * // Without icon
  * <MediaButton>All accounts</MediaButton>
  */
-export declare const MediaButton: ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, hideChevron, children, ...props }: MediaButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MediaButton: ({ ref, className, appearance, size, disabled: disabledProp, asChild, leadingContent, leadingContentShape, hideChevron, children, ...props }: MediaButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MediaButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,wHAYzB,gBAAgB,4CAqClB,CAAC"}
+{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,6IAYzB,gBAAgB,4CA4ClB,CAAC"}