@ledgerhq/lumen-ui-react 0.1.62 → 0.1.64

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

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as s } from "react/jsx-runtime";
 import { useDisabledContext as x, cn as b } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as g } from "class-variance-authority";
-import { useState as v, useEffect as N } from "react";
+import { useState as N, useEffect as v } from "react";
 import { Skeleton as j } from "../Skeleton/Skeleton.js";
 const S = {
   12: 10,
@@ -42,7 +42,7 @@ const S = {
       }
     }
   )
-}, k = ({
+}, F = ({
   ref: d,
   className: n,
   src: r,
@@ -55,11 +55,11 @@ const S = {
   disabled: c = !1,
   ...f
 }) => {
-  const [p, i] = v(!1), o = !r || p, z = x({
+  const [p, i] = N(!1), o = !r || p, z = x({
     consumerName: "MediaImage",
     mergeWith: { disabled: c }
   });
-  return N(() => {
+  return v(() => {
     i(!1);
   }, [r]), /* @__PURE__ */ h(
     "div",
@@ -100,6 +100,6 @@ const S = {
   );
 };
 export {
-  k as MediaImage,
+  F as MediaImage,
   S as fontSizeMap
 };

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

@@ -8,8 +8,8 @@ import { Divider as w } from "../Divider/Divider.js";
 import { ChevronRight as z } from "../../symbols/icons/ChevronRight.js";
 import { MenuRoot as G } from "../../../../node_modules/@base-ui/react/esm/menu/root/MenuRoot.js";
 import { MenuTrigger as P } from "../../../../node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.js";
-import { MenuPortal as C } from "../../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
-import { MenuPositioner as N } from "../../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
+import { MenuPortal as N } from "../../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
+import { MenuPositioner as C } from "../../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
 import { MenuPopup as v } from "../../../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js";
 import { MenuItem as T } from "../../../../node_modules/@base-ui/react/esm/menu/item/MenuItem.js";
 import { MenuCheckboxItem as I } from "../../../../node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItem.js";
@@ -17,10 +17,10 @@ import { MenuCheckboxItemIndicator as $ } from "../../../../node_modules/@base-u
 import { MenuRadioItem as j } from "../../../../node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItem.js";
 import { MenuRadioItemIndicator as W } from "../../../../node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js";
 import { MenuGroupLabel as D } from "../../../../node_modules/@base-ui/react/esm/menu/group-label/MenuGroupLabel.js";
-import { MenuGroup as L } from "../../../../node_modules/@base-ui/react/esm/menu/group/MenuGroup.js";
-import { MenuSubmenuRoot as O } from "../../../../node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js";
-import { MenuSubmenuTrigger as V } from "../../../../node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js";
-import { MenuRadioGroup as q } from "../../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
+import { MenuGroup as O } from "../../../../node_modules/@base-ui/react/esm/menu/group/MenuGroup.js";
+import { MenuSubmenuRoot as V } from "../../../../node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js";
+import { MenuSubmenuTrigger as L } from "../../../../node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js";
+import { MenuRadioGroup as F } from "../../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
 const k = M(
   [
     "min-w-160 overflow-hidden rounded-sm bg-muted p-8",
@@ -72,7 +72,7 @@ const k = M(
       appearance: "base"
     }
   }
-), A = r("px-8 py-4 body-3-semi-bold text-muted"), B = r(
+), q = r("px-8 py-4 body-3-semi-bold text-muted"), A = r(
   c(),
   "data-popup-open:bg-base-transparent-hover"
 );
@@ -95,17 +95,17 @@ const he = ({
   }
 );
 function fe({ ...e }) {
-  return /* @__PURE__ */ t(L, { "data-slot": "menu-group", ...e });
+  return /* @__PURE__ */ t(O, { "data-slot": "menu-group", ...e });
 }
 function ge({ ...e }) {
-  return /* @__PURE__ */ t(O, { ...e });
+  return /* @__PURE__ */ t(V, { ...e });
 }
-function E({
+function B({
   onValueChange: e,
   ...a
 }) {
   return /* @__PURE__ */ t(
-    q,
+    F,
     {
       "data-slot": "menu-radio-group",
       onValueChange: (o) => e?.(String(o)),
@@ -119,18 +119,18 @@ const Me = ({
   children: o,
   ...n
 }) => /* @__PURE__ */ p(
-  V,
+  L,
   {
     ref: e,
     "data-slot": "menu-sub-trigger",
-    className: r(B, a),
+    className: r(A, a),
     ...n,
     children: [
       o,
       /* @__PURE__ */ t(z, { size: 20, className: "ml-auto text-muted" })
     ]
   }
-), xe = ({ className: e, children: a }) => /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(N, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
+), xe = ({ className: e, children: a }) => /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(C, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
   v,
   {
     "data-slot": "menu-sub-content",
@@ -138,7 +138,7 @@ const Me = ({
     onClick: (o) => o.stopPropagation(),
     children: a
   }
-) }) }), Ce = ({
+) }) }), Ne = ({
   side: e = "bottom",
   sideOffset: a = 4,
   align: o = "start",
@@ -146,8 +146,8 @@ const Me = ({
   sticky: i = !0,
   className: s,
   children: m
-}) => /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
-  N,
+}) => /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
+  C,
   {
     className: "z-menu",
     side: e,
@@ -165,7 +165,7 @@ const Me = ({
       }
     )
   }
-) }), Ne = ({
+) }), Ce = ({
   ref: e,
   className: a,
   appearance: o = "base",
@@ -273,7 +273,7 @@ const Me = ({
       ]
     }
   ) });
-}, F = ({
+}, E = ({
   ref: e,
   className: a,
   children: o,
@@ -303,22 +303,22 @@ const Me = ({
   {
     ref: e,
     "data-slot": "menu-label",
-    className: r(A, a),
+    className: r(q, a),
     ...o
   }
 ), Se = ({ ref: e, className: a, ...o }) => /* @__PURE__ */ t(w, { ref: e, className: r("mx-8 my-4 w-auto", a), ...o });
 function Re() {
-  return { MenuRadioGroup: E, MenuRadioItem: F };
+  return { MenuRadioGroup: B, MenuRadioItem: E };
 }
 export {
   be as Menu,
   ve as MenuCheckboxItem,
-  Ce as MenuContent,
+  Ne as MenuContent,
   fe as MenuGroup,
-  Ne as MenuItem,
+  Ce as MenuItem,
   ke as MenuLabel,
-  E as MenuRadioGroup,
-  F as MenuRadioItem,
+  B as MenuRadioGroup,
+  E as MenuRadioItem,
   Se as MenuSeparator,
   ge as MenuSub,
   xe as MenuSubContent,

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

@@ -2,8 +2,8 @@ import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
 const o = ({
   ref: s,
-  ticker: n,
-  leadingContent: t,
+  ticker: t,
+  leadingContent: n,
   className: r
 }) => /* @__PURE__ */ a(
   "div",
@@ -15,8 +15,8 @@ const o = ({
     ),
     "data-slot": "coin-capsule",
     children: [
-      /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: t }),
-      /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: n })
+      /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: n }),
+      /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: t })
     ]
   }
 );

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

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import { cn as o } from "../../../../libs/utils-shared/dist/index.js";
 import { CoinCapsule as i } from "./CoinCapsule.js";
-import { useCommonTranslation as l } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as l } from "../../../../translations/translations.js";
 import { IconButton as c } from "../IconButton/IconButton.js";
 import { ArrowLeft as m } from "../../symbols/icons/ArrowLeft.js";
-const N = ({
+const f = ({
   ref: a,
   ticker: t,
   leadingContent: e,
@@ -107,7 +107,7 @@ const N = ({
 export {
   C as NavBar,
   B as NavBarBackButton,
-  N as NavBarCoinCapsule,
+  f as NavBarCoinCapsule,
   g as NavBarDescription,
   k as NavBarLeading,
   x as NavBarTitle,

package/dist/lib/Components/core/PageIndicator/PageIndicator.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { cn as p } from "../../../../libs/utils-shared/dist/index.js";
-import { useMemo as k, useRef as _, useEffect as S, useCallback as x } from "react";
-const I = 4, v = 6, A = 4, D = v + A, N = 200, X = ({ isActive: t, isShrunk: n }) => /* @__PURE__ */ i(
+import { useMemo as k, useRef as _, useEffect as N, useCallback as x } from "react";
+const I = 4, v = 6, A = 4, S = v + A, D = 200, X = ({ isActive: t, isShrunk: n }) => /* @__PURE__ */ i(
   "span",
   {
     className: p(
@@ -15,13 +15,13 @@ const I = 4, v = 6, A = 4, D = v + A, N = 200, X = ({ isActive: t, isShrunk: n }
   totalPages: n
 }) => {
   const s = _(t), d = t > s.current ? "forward" : "backward";
-  S(() => {
+  N(() => {
     s.current = t;
   }, [t]);
   const f = I - 2, l = d === "forward" ? f : 1, m = n - 1, r = Math.min(n, I), o = Math.max(
     0,
     Math.min(t - l, m - (r - 1))
-  ), h = r * v + (r - 1) * A, e = -o * D, c = o, u = o + r - 1, b = x(
+  ), h = r * v + (r - 1) * A, e = -o * S, c = o, u = o + r - 1, b = x(
     (a) => a === t,
     [t]
   ), M = x(
@@ -69,7 +69,7 @@ const I = 4, v = 6, A = 4, D = v + A, N = 200, X = ({ isActive: t, isShrunk: n }
               className: "flex flex-row items-center gap-4",
               style: {
                 transform: `translateX(${m}px)`,
-                transition: `transform ${N}ms ease-out`
+                transition: `transform ${D}ms ease-out`
               },
               children: h.map((e) => /* @__PURE__ */ i(
                 X,

package/dist/lib/Components/core/Pagination/Pagination.js

@@ -1,33 +1,33 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
 import { cn as x } from "../../../../libs/utils-shared/dist/index.js";
 import { getPaginationRange as h } from "./getPaginationRange.js";
-import { useCommonTranslation as v } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as v } from "../../../../translations/translations.js";
 import { IconButton as s } from "../IconButton/IconButton.js";
 import { ChevronLeft as y } from "../../symbols/icons/ChevronLeft.js";
-import { Button as L } from "../Button/Button.js";
-import { ChevronRight as k } from "../../symbols/icons/ChevronRight.js";
+import { Button as k } from "../Button/Button.js";
+import { ChevronRight as A } from "../../symbols/icons/ChevronRight.js";
 const R = ({
   page: p,
-  totalPages: e,
+  totalPages: i,
   onPageChange: r,
   siblingCount: c = 1,
   className: l,
   ref: m,
   ...u
 }) => {
-  const { t: i } = v();
-  if (e <= 0)
+  const { t: e } = v();
+  if (i <= 0)
     return null;
-  const a = Math.min(Math.max(p, 1), e), b = Math.max(c, 0), d = h(
+  const a = Math.min(Math.max(p, 1), i), b = Math.max(c, 0), d = h(
     a,
-    e,
+    i,
     b
   );
   return /* @__PURE__ */ g(
     "nav",
     {
       ref: m,
-      "aria-label": i("components.pagination.navigationAriaLabel"),
+      "aria-label": e("components.pagination.navigationAriaLabel"),
       className: x("flex items-center gap-8 overflow-x-auto p-4", l),
       ...u,
       children: [
@@ -39,7 +39,7 @@ const R = ({
             size: "sm",
             appearance: "gray",
             disabled: a <= 1,
-            "aria-label": i("components.pagination.previousPageAriaLabel"),
+            "aria-label": e("components.pagination.previousPageAriaLabel"),
             onClick: () => r(a - 1)
           }
         ),
@@ -56,13 +56,13 @@ const R = ({
             );
           const t = n === a;
           return /* @__PURE__ */ o(
-            L,
+            k,
             {
               type: "button",
               size: "sm",
               appearance: t ? "gray" : "no-background",
               className: "shrink-0",
-              "aria-label": i("components.pagination.pageAriaLabel", {
+              "aria-label": e("components.pagination.pageAriaLabel", {
                 page: n
               }),
               "aria-current": t ? "page" : void 0,
@@ -76,11 +76,11 @@ const R = ({
           s,
           {
             type: "button",
-            icon: k,
+            icon: A,
             size: "sm",
             appearance: "gray",
-            disabled: a >= e,
-            "aria-label": i("components.pagination.nextPageAriaLabel"),
+            disabled: a >= i,
+            "aria-label": e("components.pagination.nextPageAriaLabel"),
             onClick: () => r(a + 1)
           }
         )

package/dist/lib/Components/core/Popover/Popover.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { createSafeContext as l, cn as p } from "../../../../libs/utils-shared/dist/index.js";
+import { createSafeContext as l, cn as s } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as v } from "class-variance-authority";
 import { createPopoverHandle as c } from "../../../../node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js";
 import { PopoverRoot as f } from "../../../../node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
@@ -39,7 +39,7 @@ const [b, y] = l("Popover"), C = v(
       width: "fit"
     }
   }
-), w = p(
+), N = s(
   "fixed inset-0 z-dialog-overlay bg-canvas-overlay-subtle",
   "data-open:animate-fade-in",
   "data-closed:animate-fade-out"
@@ -60,7 +60,7 @@ const [b, y] = l("Popover"), C = v(
     handle: n,
     children: i
   }
-) }), L = ({
+) }), O = ({
   handle: o,
   payload: a,
   render: r,
@@ -73,17 +73,17 @@ const [b, y] = l("Popover"), C = v(
     handle: o,
     payload: a,
     render: r,
-    className: p("data-popup-open:z-menu", e),
+    className: s("data-popup-open:z-menu", e),
     ...n
   }
-), O = ({
+), V = ({
   side: o = "bottom",
   sideOffset: a = 8,
   align: r = "start",
   width: e = "fit",
   initialFocus: n = !1,
   className: i,
-  children: s
+  children: p
 }) => {
   const { overlay: d } = y({
     consumerName: "PopoverContent",
@@ -94,7 +94,7 @@ const [b, y] = l("Popover"), C = v(
       g,
       {
         "data-slot": "popover-overlay",
-        className: w
+        className: N
       }
     ),
     /* @__PURE__ */ t(
@@ -110,17 +110,17 @@ const [b, y] = l("Popover"), C = v(
           {
             "data-slot": "popover-content",
             initialFocus: n,
-            className: p(C({ width: e, side: o }), i),
-            children: s
+            className: s(C({ width: e, side: o }), i),
+            children: p
           }
         )
       }
     )
   ] });
-}, V = c;
+}, A = c;
 export {
   B as Popover,
-  O as PopoverContent,
-  L as PopoverTrigger,
-  V as createPopoverHandle
+  V as PopoverContent,
+  O as PopoverTrigger,
+  A as createPopoverHandle
 };

package/dist/lib/Components/core/SearchInput/SearchInput.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as e } from "class-variance-authority";
+import { cva as n } from "class-variance-authority";
 import { BaseInput as c } from "../../internal/BaseInput/BaseInput.js";
 import { Search as d } from "../../symbols/icons/Search.js";
-const m = e("", {
+const m = n("", {
   variants: {
     appearance: {
       plain: "",
@@ -13,7 +13,7 @@ const m = e("", {
   defaultVariants: {
     appearance: "plain"
   }
-}), l = e("", {
+}), l = n("", {
   variants: {
     appearance: {
       plain: "",
@@ -24,7 +24,7 @@ const m = e("", {
     appearance: "plain"
   }
 }), x = ({
-  ref: n,
+  ref: e,
   appearance: a = "plain",
   className: s,
   inputClassName: p,
@@ -33,7 +33,7 @@ const m = e("", {
 }) => /* @__PURE__ */ r(
   c,
   {
-    ref: n,
+    ref: e,
     prefix: /* @__PURE__ */ r(
       d,
       {

package/dist/lib/Components/core/SegmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,YAAY,EAEb,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AA8PjB,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,EACvD,EACA,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,eAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAuChC;AAED,wBAAgB,gBAAgB,CAC9B,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,EACvD,EACA,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,UAAyB,EACzB,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAqC1B;AAED,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,qBAAqB,GAAG,KAAK,KACpC;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IACpE,sBAAsB,EAAE,CACtB,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAClC,YAAY,CAAC;CACnB,CAEA"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,YAAY,EAEb,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AA0PjB,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,EACvD,EACA,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,eAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAuChC;AAED,wBAAgB,gBAAgB,CAC9B,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,EACvD,EACA,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,UAAyB,EACzB,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAqC1B;AAED,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,qBAAqB,GAAG,KAAK,KACpC;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IACpE,sBAAsB,EAAE,CACtB,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAClC,YAAY,CAAC;CACnB,CAEA"}