@ledgerhq/lumen-ui-react 0.1.36 → 0.1.37

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

@@ -1 +1 @@
-{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA6CrE,eAAO,MAAM,wBAAwB;;;;;CAKW,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;CAKiB,CAAC;AAEjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAIxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAWjB,YAAY;;CAwBd,CAAC"}
+{"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+CrE,eAAO,MAAM,wBAAwB;;;;;;CAMW,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;CAKiB,CAAC;AAEjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAKxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAWjB,YAAY;;CAwBd,CAAC"}

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

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useDisabledContext as v, DisabledProvider as x, cn as n } from "../../../libs/utils-shared/dist/index.js";
+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 g } from "react";
-const z = c("relative inline-flex w-fit", {
+import { useMemo as z } from "react";
+const g = c("relative inline-flex w-fit", {
   variants: {
     disabled: {
       true: "opacity-30",
@@ -16,7 +16,8 @@ const z = c("relative inline-flex w-fit", {
       size: {
         16: "size-16 border",
         20: "size-20 border",
-        24: "size-24 border"
+        24: "size-24 border",
+        32: "size-32 border"
       },
       shape: {
         square: "",
@@ -38,6 +39,7 @@ const z = c("relative inline-flex w-fit", {
       { 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" }
     ]
   }
@@ -45,27 +47,29 @@ const z = c("relative inline-flex w-fit", {
   40: 16,
   48: 20,
   56: 24,
-  64: 24
+  64: 24,
+  72: 32
 }, w = {
   40: 16,
   48: 20,
   56: 24,
-  72: 24
+  72: 32
 }, D = {
   16: 12,
   20: 16,
-  24: 16
+  24: 16,
+  32: 20
 }, I = {
   "top-start": ["top", "left"],
   "top-end": ["top", "right"],
   "bottom-start": ["bottom", "left"],
   "bottom-end": ["bottom", "right"]
-}, i = -3, M = (t) => {
-  const [s, o] = I[t];
-  return { [s]: i, [o]: i };
-}, q = ({
-  children: t,
-  icon: s,
+}, i = -3, q = (s) => {
+  const [t, o] = I[s];
+  return { [t]: i, [o]: i };
+}, M = ({
+  children: s,
+  icon: t,
   appearance: o,
   pin: a = "bottom-end",
   size: r = 20,
@@ -75,33 +79,33 @@ const z = c("relative inline-flex w-fit", {
   ref: p,
   ...b
 }) => {
-  const u = g(() => M(a), [a]), f = v({
+  const u = z(() => q(a), [a]), f = x({
     consumerName: "DotIcon",
     mergeWith: { disabled: m }
   });
-  return /* @__PURE__ */ e(x, { value: { disabled: !1 }, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ e(v, { value: { disabled: !1 }, children: /* @__PURE__ */ h(
     "div",
     {
       ref: p,
-      className: n(z({ disabled: f, className: l })),
+      className: n(g({ disabled: f, className: l })),
       ...b,
       children: [
-        /* @__PURE__ */ e("div", { className: "inline-flex", children: t }),
+        /* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
         /* @__PURE__ */ e(
           "div",
           {
             className: n(N({ size: r, shape: d, pin: a, appearance: o })),
             style: u,
-            children: /* @__PURE__ */ e(s, { size: D[r], className: "text-on-interactive" })
+            children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
           }
         )
       ]
     }
   ) });
 };
-q.displayName = "DotIcon";
+M.displayName = "DotIcon";
 export {
-  q as DotIcon,
+  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 = {

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;;;;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"}
+{"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.map

@@ -1 +1 @@
-{"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;AA0D3E,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;4GAYnB,cAAc;;CAkChB,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,5 +1,5 @@
 import { jsx as o, jsxs as z } from "react/jsx-runtime";
-import { useDisabledContext as x, DisabledProvider as v, cn as N } from "../../../libs/utils-shared/dist/index.js";
+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", {
@@ -19,7 +19,8 @@ const D = d("relative inline-flex w-fit", {
         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: "",
@@ -42,6 +43,7 @@ const D = d("relative inline-flex w-fit", {
       { 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" }
     ]
   }
@@ -51,7 +53,8 @@ const D = d("relative inline-flex w-fit", {
   12: -2,
   16: -3,
   20: -3,
-  24: -3
+  24: -3,
+  32: -3
 }, C = {
   12: 8,
   16: 8,
@@ -61,13 +64,14 @@ const D = d("relative inline-flex w-fit", {
   40: 16,
   48: 20,
   56: 24,
-  64: 24
+  64: 24,
+  72: 32
 }, I = {
   32: 12,
   40: 16,
   48: 20,
   56: 24,
-  72: 24
+  72: 32
 }, E = {
   "top-start": ["top", "left"],
   "top-end": ["top", "right"],
@@ -95,11 +99,11 @@ const D = d("relative inline-flex w-fit", {
   });
   return y(() => {
     i(!1);
-  }, [t]), /* @__PURE__ */ o(v, { value: { disabled: !1 }, children: /* @__PURE__ */ z(
+  }, [t]), /* @__PURE__ */ o(N, { value: { disabled: !1 }, children: /* @__PURE__ */ z(
     "div",
     {
       ref: p,
-      className: N(D({ disabled: h, className: c })),
+      className: v(D({ disabled: h, className: c })),
       ...u,
       children: [
         /* @__PURE__ */ o("div", { className: "inline-flex", children: a }),

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 = {
     /**

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;;;;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"}
+{"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.js

@@ -32,10 +32,10 @@ const y = C("gap-8 body-2-semi-bold", {
   ref: i,
   className: l,
   appearance: p = "gray",
-  size: r = "md",
-  disabled: m = !1,
-  asChild: a = !1,
-  leadingContent: n,
+  size: m = "md",
+  disabled: r = !1,
+  asChild: n = !1,
+  leadingContent: a,
   leadingContentShape: d = "flat",
   hideChevron: c = !1,
   children: s,
@@ -43,10 +43,10 @@ const y = C("gap-8 body-2-semi-bold", {
 }) => {
   const t = h({
     consumerName: "MediaButton",
-    mergeWith: { disabled: m }
-  }), g = n ? d : "none";
+    mergeWith: { disabled: r }
+  }), g = a ? d : "none";
   return /* @__PURE__ */ o(
-    a ? S : "button",
+    n ? S : "button",
     {
       ref: i,
       className: u(
@@ -56,7 +56,7 @@ const y = C("gap-8 body-2-semi-bold", {
           loading: !1
         }),
         y({
-          size: r,
+          size: m,
           leadingContentShape: g
         }),
         l
@@ -64,9 +64,9 @@ const y = C("gap-8 body-2-semi-bold", {
       disabled: t,
       ...f,
       children: [
-        n && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: n }),
+        a && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: a }),
         /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
-          a ? /* @__PURE__ */ e(x, { children: s }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: s }),
+          n ? /* @__PURE__ */ e(x, { children: s }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: s }),
           !c && /* @__PURE__ */ e(z, { size: 20 })
         ] })
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUtD,CAAC;AA+BF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,4GAYxB,eAAe,4CAgDjB,CAAC"}
+{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAWtD,CAAC;AAgCF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,4GAYxB,eAAe,4CAgDjB,CAAC"}

package/dist/lib/Components/MediaImage/MediaImage.js

@@ -12,7 +12,8 @@ const S = {
   40: 18,
   48: 24,
   56: 24,
-  64: 24
+  64: 24,
+  72: 32
 }, y = {
   root: g(
     "relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-muted outline-1 -outline-offset-1 outline-icon",
@@ -27,7 +28,8 @@ const S = {
           40: "size-40 rounded-md",
           48: "size-48 rounded-md",
           56: "size-56 rounded-lg",
-          64: "size-64 rounded-lg"
+          64: "size-64 rounded-lg",
+          72: "size-72 rounded-lg"
         },
         shape: {
           square: "",
@@ -41,8 +43,8 @@ const S = {
     }
   )
 }, k = ({
-  ref: n,
-  className: d,
+  ref: d,
+  className: n,
   src: r,
   alt: l,
   size: a = 48,
@@ -62,10 +64,10 @@ const S = {
   }, [r]), /* @__PURE__ */ h(
     "div",
     {
-      ref: n,
+      ref: d,
       className: b(
         y.root({ size: a, shape: u, disabled: z }),
-        d
+        n
       ),
       role: "img",
       "aria-label": l,

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
-export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64;
+export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
 export type MediaImageShape = 'square' | 'circle';
 export type MediaImageProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/NavBar/NavBar.js

@@ -7,21 +7,21 @@ import { ArrowLeft as m } from "../../Symbols/Icons/ArrowLeft.js";
 const N = ({
   ref: a,
   ticker: t,
-  leadingContent: r,
-  className: e
+  leadingContent: e,
+  className: r
 }) => /* @__PURE__ */ n("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ n(
   i,
   {
     ref: a,
     ticker: t,
-    leadingContent: r,
-    className: e
+    leadingContent: e,
+    className: r
   }
 ) }), B = ({
   ref: a,
   onClick: t,
-  "aria-label": r,
-  className: e
+  "aria-label": e,
+  className: r
 }) => {
   const { t: s } = l();
   return /* @__PURE__ */ n(
@@ -32,23 +32,23 @@ const N = ({
       size: "sm",
       icon: m,
       onClick: t,
-      className: o("shrink-0", e),
-      "aria-label": r ?? s("components.navBar.goBackAriaLabel"),
+      className: o("shrink-0", r),
+      "aria-label": e ?? s("components.navBar.goBackAriaLabel"),
       "data-slot": "navbar-back-button"
     }
   );
 }, x = ({
   ref: a,
   children: t,
-  className: r,
-  as: e = "h1"
+  className: e,
+  as: r = "h1"
 }) => /* @__PURE__ */ n(
-  e,
+  r,
   {
     ref: a,
     className: o(
       "min-w-0 truncate heading-4-semi-bold text-base",
-      r
+      e
     ),
     "data-slot": "navbar-title",
     children: t
@@ -56,51 +56,51 @@ const N = ({
 ), g = ({
   ref: a,
   children: t,
-  className: r,
-  ...e
+  className: e,
+  ...r
 }) => /* @__PURE__ */ n(
   "div",
   {
     ref: a,
-    className: o("min-w-0 flex-1 truncate body-1 text-muted", r),
-    ...e,
+    className: o("min-w-0 flex-1 truncate body-1 text-muted", e),
+    ...r,
     children: t
   }
 ), k = ({
   ref: a,
   children: t,
-  className: r,
-  ...e
+  className: e,
+  ...r
 }) => /* @__PURE__ */ n(
   "div",
   {
     ref: a,
-    className: o("flex min-w-0 flex-1 items-center gap-16", r),
+    className: o("flex min-w-0 flex-1 items-center gap-16", e),
     "data-slot": "navbar-leading",
-    ...e,
+    ...r,
     children: t
   }
 ), h = ({
   ref: a,
   children: t,
-  className: r,
-  ...e
+  className: e,
+  ...r
 }) => /* @__PURE__ */ n(
   "div",
   {
     ref: a,
-    className: o("ml-auto flex shrink-0 items-center gap-4", r),
+    className: o("ml-auto flex shrink-0 items-center gap-4", e),
     "data-slot": "navbar-trailing",
-    ...e,
+    ...r,
     children: t
   }
-), C = ({ ref: a, children: t, className: r, ...e }) => /* @__PURE__ */ n(
+), C = ({ ref: a, children: t, className: e, ...r }) => /* @__PURE__ */ n(
   "nav",
   {
     ref: a,
-    className: o("flex items-center gap-4", r),
+    className: o("flex items-center gap-4", e),
     "data-slot": "navbar",
-    ...e,
+    ...r,
     children: t
   }
 );