@ledgerhq/lumen-ui-react 0.1.61 → 0.1.62

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 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 { 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 { 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,9 +17,9 @@ 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 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 { 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";
 const k = M(
   [
@@ -95,10 +95,10 @@ const he = ({
   }
 );
 function fe({ ...e }) {
-  return /* @__PURE__ */ t(O, { "data-slot": "menu-group", ...e });
+  return /* @__PURE__ */ t(L, { "data-slot": "menu-group", ...e });
 }
 function ge({ ...e }) {
-  return /* @__PURE__ */ t(V, { ...e });
+  return /* @__PURE__ */ t(O, { ...e });
 }
 function E({
   onValueChange: e,
@@ -119,7 +119,7 @@ const Me = ({
   children: o,
   ...n
 }) => /* @__PURE__ */ p(
-  L,
+  V,
   {
     ref: e,
     "data-slot": "menu-sub-trigger",
@@ -130,7 +130,7 @@ const Me = ({
       /* @__PURE__ */ t(z, { size: 20, className: "ml-auto text-muted" })
     ]
   }
-), xe = ({ className: e, children: a }) => /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(C, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
+), xe = ({ className: e, children: a }) => /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(N, { 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
   }
-) }) }), Ne = ({
+) }) }), Ce = ({
   side: e = "bottom",
   sideOffset: a = 4,
   align: o = "start",
@@ -146,8 +146,8 @@ const Me = ({
   sticky: i = !0,
   className: s,
   children: m
-}) => /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
-  C,
+}) => /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
+  N,
   {
     className: "z-menu",
     side: e,
@@ -165,7 +165,7 @@ const Me = ({
       }
     )
   }
-) }), Ce = ({
+) }), Ne = ({
   ref: e,
   className: a,
   appearance: o = "base",
@@ -175,17 +175,17 @@ const Me = ({
   closeOnClick: m = !0,
   ...d
 }) => {
-  const u = b({
+  const l = b({
     consumerName: "MenuItem",
     mergeWith: { disabled: n }
   });
-  return /* @__PURE__ */ t(h, { value: { disabled: u }, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(h, { value: { disabled: l }, children: /* @__PURE__ */ t(
     T,
     {
       ref: e,
       "data-slot": "menu-item",
       label: s,
-      disabled: u,
+      disabled: l,
       closeOnClick: m,
       className: r(c({ appearance: o }), a),
       onClick: i,
@@ -201,14 +201,14 @@ const Me = ({
   onCheckedChange: s,
   disabled: m,
   label: d,
-  closeOnClick: u,
+  closeOnClick: l,
   ...f
 }) => {
-  const l = b({
+  const u = b({
     consumerName: "MenuCheckboxItem",
     mergeWith: { disabled: m }
   });
-  return /* @__PURE__ */ t(h, { value: { disabled: l }, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ t(h, { value: { disabled: u }, children: /* @__PURE__ */ p(
     I,
     {
       ref: e,
@@ -216,14 +216,14 @@ const Me = ({
       label: d,
       checked: n,
       defaultChecked: i,
-      disabled: l,
-      closeOnClick: u ?? !1,
+      disabled: u,
+      closeOnClick: l ?? !1,
       className: r(c(), a),
       onCheckedChange: s,
       ...f,
       children: [
         o,
-        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(x, { disabled: l, size: 24, className: "text-active" }) }) })
+        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(x, { disabled: u, size: 24, className: "text-active" }) }) })
       ]
     }
   ) });
@@ -236,10 +236,10 @@ const Me = ({
   onCheckedChange: s,
   disabled: m,
   label: d,
-  closeOnClick: u,
+  closeOnClick: l,
   ...f
 }) => {
-  const l = b({
+  const u = b({
     consumerName: "MenuSwitchItem",
     mergeWith: { disabled: m }
   }), [g, S] = R({
@@ -247,15 +247,15 @@ const Me = ({
     onChange: s,
     defaultProp: i ?? !1
   });
-  return /* @__PURE__ */ t(h, { value: { disabled: l }, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ t(h, { value: { disabled: u }, children: /* @__PURE__ */ p(
     I,
     {
       ref: e,
       "data-slot": "menu-switch-item",
       label: d,
       checked: g,
-      disabled: l,
-      closeOnClick: u ?? !1,
+      disabled: u,
+      closeOnClick: l ?? !1,
       className: r(c(), a),
       onCheckedChange: S,
       ...f,
@@ -265,7 +265,7 @@ const Me = ({
           y,
           {
             selected: g,
-            disabled: l,
+            disabled: u,
             "aria-hidden": !0,
             tabIndex: -1
           }
@@ -313,9 +313,9 @@ function Re() {
 export {
   be as Menu,
   ve as MenuCheckboxItem,
-  Ne as MenuContent,
+  Ce as MenuContent,
   fe as MenuGroup,
-  Ce as MenuItem,
+  Ne as MenuItem,
   ke as MenuLabel,
   E as MenuRadioGroup,
   F as MenuRadioItem,

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

@@ -1,22 +1,22 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+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: t,
-  leadingContent: n,
-  className: a
-}) => /* @__PURE__ */ r(
+  ticker: n,
+  leadingContent: t,
+  className: r
+}) => /* @__PURE__ */ a(
   "div",
   {
     ref: s,
     className: c(
       "flex items-center gap-8 rounded-full bg-muted-transparent p-8 pr-12",
-      a
+      r
     ),
     "data-slot": "coin-capsule",
     children: [
-      /* @__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 })
+      /* @__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 })
     ]
   }
 );

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

@@ -4,30 +4,30 @@ import { getPaginationRange as h } from "./getPaginationRange.js";
 import { useCommonTranslation as v } from "../../../../i18n/useCommonTranslation.js";
 import { IconButton as s } from "../IconButton/IconButton.js";
 import { ChevronLeft as y } from "../../symbols/icons/ChevronLeft.js";
-import { Button as k } from "../Button/Button.js";
-import { ChevronRight as A } from "../../symbols/icons/ChevronRight.js";
+import { Button as L } from "../Button/Button.js";
+import { ChevronRight as k } from "../../symbols/icons/ChevronRight.js";
 const R = ({
   page: p,
-  totalPages: i,
+  totalPages: e,
   onPageChange: r,
   siblingCount: c = 1,
   className: l,
   ref: m,
   ...u
 }) => {
-  const { t: e } = v();
-  if (i <= 0)
+  const { t: i } = v();
+  if (e <= 0)
     return null;
-  const a = Math.min(Math.max(p, 1), i), b = Math.max(c, 0), d = h(
+  const a = Math.min(Math.max(p, 1), e), b = Math.max(c, 0), d = h(
     a,
-    i,
+    e,
     b
   );
   return /* @__PURE__ */ g(
     "nav",
     {
       ref: m,
-      "aria-label": e("components.pagination.navigationAriaLabel"),
+      "aria-label": i("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": e("components.pagination.previousPageAriaLabel"),
+            "aria-label": i("components.pagination.previousPageAriaLabel"),
             onClick: () => r(a - 1)
           }
         ),
@@ -56,13 +56,13 @@ const R = ({
             );
           const t = n === a;
           return /* @__PURE__ */ o(
-            k,
+            L,
             {
               type: "button",
               size: "sm",
               appearance: t ? "gray" : "no-background",
               className: "shrink-0",
-              "aria-label": e("components.pagination.pageAriaLabel", {
+              "aria-label": i("components.pagination.pageAriaLabel", {
                 page: n
               }),
               "aria-current": t ? "page" : void 0,
@@ -76,11 +76,11 @@ const R = ({
           s,
           {
             type: "button",
-            icon: A,
+            icon: k,
             size: "sm",
             appearance: "gray",
-            disabled: a >= i,
-            "aria-label": e("components.pagination.nextPageAriaLabel"),
+            disabled: a >= e,
+            "aria-label": i("components.pagination.nextPageAriaLabel"),
             onClick: () => r(a + 1)
           }
         )

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

@@ -43,7 +43,7 @@ const [b, y] = l("Popover"), C = v(
   "fixed inset-0 z-dialog-overlay bg-canvas-overlay-subtle",
   "data-open:animate-fade-in",
   "data-closed:animate-fade-out"
-), q = ({
+), B = ({
   open: o,
   defaultOpen: a,
   onOpenChange: r,
@@ -60,7 +60,7 @@ const [b, y] = l("Popover"), C = v(
     handle: n,
     children: i
   }
-) }), B = ({
+) }), L = ({
   handle: o,
   payload: a,
   render: r,
@@ -117,10 +117,10 @@ const [b, y] = l("Popover"), C = v(
       }
     )
   ] });
-}, A = c;
+}, V = c;
 export {
-  q as Popover,
+  B as Popover,
   O as PopoverContent,
-  B as PopoverTrigger,
-  A as createPopoverHandle
+  L as PopoverTrigger,
+  V 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 n } from "class-variance-authority";
+import { cva as e } from "class-variance-authority";
 import { BaseInput as c } from "../../internal/BaseInput/BaseInput.js";
 import { Search as d } from "../../symbols/icons/Search.js";
-const m = n("", {
+const m = e("", {
   variants: {
     appearance: {
       plain: "",
@@ -13,7 +13,7 @@ const m = n("", {
   defaultVariants: {
     appearance: "plain"
   }
-}), l = n("", {
+}), l = e("", {
   variants: {
     appearance: {
       plain: "",
@@ -24,7 +24,7 @@ const m = n("", {
     appearance: "plain"
   }
 }), x = ({
-  ref: e,
+  ref: n,
   appearance: a = "plain",
   className: s,
   inputClassName: p,
@@ -33,7 +33,7 @@ const m = n("", {
 }) => /* @__PURE__ */ r(
   c,
   {
-    ref: e,
+    ref: n,
     prefix: /* @__PURE__ */ r(
       d,
       {

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

@@ -89,7 +89,7 @@ function x({
   icon: t,
   label: r,
   visible: n,
-  onClick: a
+  onClick: s
 }) {
   return /* @__PURE__ */ o(
     "button",
@@ -99,7 +99,7 @@ function x({
       "aria-hidden": !n,
       tabIndex: -1,
       disabled: !n,
-      onClick: a,
+      onClick: s,
       className: f.arrow({ visible: n, side: e }),
       children: /* @__PURE__ */ o(t, { size: 20 })
     }
@@ -110,12 +110,12 @@ function D({
   tabLayout: t,
   className: r,
   selectedIndex: n,
-  children: a,
+  children: s,
   ...d
 }) {
-  const l = v(null), { canScrollLeft: c, canScrollRight: s, scrollBy: u } = j(l);
+  const l = v(null), { canScrollLeft: c, canScrollRight: a, scrollBy: u } = j(l);
   z(l, n);
-  const i = c || s ? B(c, s) : void 0;
+  const i = c || a ? B(c, a) : void 0;
   return /* @__PURE__ */ b(
     "div",
     {
@@ -131,7 +131,7 @@ function D({
             ref: l,
             className: "scrollbar-none overflow-x-auto",
             style: i ? { maskImage: i, WebkitMaskImage: i } : void 0,
-            children: a
+            children: s
           }
         ),
         /* @__PURE__ */ o(
@@ -150,7 +150,7 @@ function D({
             side: "right",
             icon: L,
             label: "Scroll right",
-            visible: s,
+            visible: a,
             onClick: () => u("right")
           }
         )
@@ -182,15 +182,15 @@ function P({
   selectedIndex: r,
   children: n
 }) {
-  const a = v(null), { pill: d, isReady: l } = I({
-    ref: a,
+  const s = v(null), { pill: d, isReady: l } = I({
+    ref: s,
     selectedIndex: r,
     children: n
   });
   return /* @__PURE__ */ b(
     "div",
     {
-      ref: a,
+      ref: s,
       role: "radiogroup",
       "aria-disabled": t,
       className: f.root({ tabLayout: e }),
@@ -213,17 +213,17 @@ function $({
   children: t,
   icon: r,
   trailingContent: n,
-  onClick: a,
+  onClick: s,
   className: d,
   disabled: l,
   ...c
 }) {
   const {
-    selectedValue: s,
+    selectedValue: a,
     onSelectedChange: u,
     disabled: i,
     tabLayout: S
-  } = k(), g = s === e, p = w(() => !!(l || i), [l, i]);
+  } = k(), g = a === e, p = w(() => !!(l || i), [l, i]);
   return /* @__PURE__ */ o(
     "button",
     {
@@ -233,7 +233,7 @@ function $({
       "aria-disabled": p,
       disabled: p,
       onClick: (C) => {
-        p || (u(e), a?.(C));
+        p || (u(e), s?.(C));
       },
       className: h(
         f.item({ selected: g, disabled: p }),
@@ -254,14 +254,14 @@ function E({
   onSelectedChange: t,
   children: r,
   className: n,
-  disabled: a,
+  disabled: s,
   appearance: d = "background",
   tabLayout: l = "fixed",
   ...c
 }) {
-  const s = y({
+  const a = y({
     consumerName: "SegmentedControl",
-    mergeWith: { disabled: a }
+    mergeWith: { disabled: s }
   }), u = R(
     e,
     r
@@ -272,7 +272,7 @@ function E({
       value: {
         selectedValue: e,
         onSelectedChange: (i) => t(i),
-        disabled: s,
+        disabled: a,
         tabLayout: l
       },
       children: /* @__PURE__ */ o(
@@ -287,7 +287,7 @@ function E({
             P,
             {
               tabLayout: l,
-              disabled: s,
+              disabled: a,
               selectedIndex: u,
               children: r
             }

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

@@ -36,8 +36,8 @@ function re({
   defaultSearchValue: m,
   onSearchValueChange: b,
   open: y,
-  defaultOpen: v,
-  onOpenChange: C,
+  defaultOpen: C,
+  onOpenChange: v,
   name: N,
   required: w,
   children: I
@@ -45,7 +45,7 @@ function re({
   const V = G({
     consumerName: "Select",
     mergeWith: { disabled: r }
-  }), [h, T] = W(
+  }), [h, L] = W(
     {
       prop: o,
       defaultProp: a ?? null,
@@ -54,7 +54,7 @@ function re({
       }
     }
   ), {
-    isGrouped: L,
+    isGrouped: T,
     groupedItems: R,
     filteredItemsForRoot: q,
     resolvedSearchValue: P,
@@ -79,18 +79,18 @@ function re({
       inputValue: P,
       onInputValueChange: D,
       value: h,
-      onValueChange: (d) => T(f(d)),
+      onValueChange: (d) => L(f(d)),
       isItemEqualToValue: (d, E) => f(d) === f(E),
       open: y,
-      defaultOpen: v,
-      onOpenChange: C,
+      defaultOpen: C,
+      onOpenChange: v,
       name: N,
       required: w,
       disabled: V,
       children: /* @__PURE__ */ t(
         M,
         {
-          value: { selectedValue: h, registerSearch: z, isGrouped: L, searchMounted: j },
+          value: { selectedValue: h, registerSearch: z, isGrouped: T, searchMounted: j },
           children: I
         }
       )

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

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as x, Fragment as P } from "react/jsx-runtime";
-import { createSafeContext as R, cn as m, useDisabledContext as q } from "../../../../libs/utils-shared/dist/index.js";
+import { jsx as e, jsxs as x, Fragment as R } from "react/jsx-runtime";
+import { createSafeContext as V, cn as m, useDisabledContext as q } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as C } from "class-variance-authority";
 import { useCallback as S } from "react";
 import { Tooltip as N, TooltipTrigger as T, TooltipContent as w } from "../Tooltip/Tooltip.js";
@@ -7,7 +7,7 @@ import { useCommonTranslation as A } from "../../../../i18n/useCommonTranslation
 import { useControllableState as B } from "../../../../utils/useControllableState/useControllableState.js";
 import { ExpandRight as z } from "../../symbols/icons/ExpandRight.js";
 import { ExpandLeft as E } from "../../symbols/icons/ExpandLeft.js";
-const [O, y] = R("SideBar"), f = {
+const [O, L] = V("SideBar"), f = {
   root: C(
     [
       "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-surface-transparent p-16",
@@ -128,43 +128,43 @@ const [O, y] = R("SideBar"), f = {
   const c = q({
     consumerName: "SideBarItem",
     mergeWith: { disabled: i }
-  }), { collapsed: b, active: g, onActiveChange: v } = y({
+  }), { collapsed: b, active: g, onActiveChange: v } = L({
     consumerName: "SideBarItem",
     contextRequired: !0
-  }), u = g === t, h = u ? a : r, I = s ?? o, L = S(
-    (k) => {
-      c || (l?.(k), v?.(t));
+  }), u = g === t, h = u ? a : r, y = s ?? o, I = S(
+    (P) => {
+      c || (l?.(P), v?.(t));
     },
     [c, l, v, t]
-  ), V = /* @__PURE__ */ x(P, { children: [
+  ), j = /* @__PURE__ */ x(R, { children: [
     /* @__PURE__ */ e(h, { size: 20 }),
     o != null && /* @__PURE__ */ e("span", { className: "translate-x-8 truncate", children: o })
-  ] }), j = /* @__PURE__ */ e(
+  ] }), k = /* @__PURE__ */ e(
     "button",
     {
       ref: n,
       type: "button",
       disabled: c,
-      onClick: L,
+      onClick: I,
       className: m(
         f.item({ active: u, disabled: c }),
         d
       ),
       "aria-current": u ? "page" : void 0,
       ...p,
-      children: V
+      children: j
     }
   );
   return /* @__PURE__ */ x(N, { open: b ? void 0 : !1, children: [
-    /* @__PURE__ */ e(T, { asChild: !0, children: j }),
-    /* @__PURE__ */ e(w, { side: "right", sideOffset: 8, children: I })
+    /* @__PURE__ */ e(T, { asChild: !0, children: k }),
+    /* @__PURE__ */ e(w, { side: "right", sideOffset: 8, children: y })
   ] });
 }, H = ({
   className: n,
   tooltipContent: t,
   ...r
 }) => {
-  const { t: a } = A(), { collapsed: o, setCollapsed: s } = y({
+  const { t: a } = A(), { collapsed: o, setCollapsed: s } = L({
     consumerName: "SideBarCollapseToggle",
     contextRequired: !0
   }), i = S(() => {

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

@@ -3,15 +3,15 @@ import { cn as s } from "../../../../libs/utils-shared/dist/index.js";
 import { useCommonTranslation as a } from "../../../../i18n/useCommonTranslation.js";
 const c = ({
   ref: r,
-  className: t,
+  className: e,
   size: n = 16,
-  ...e
+  ...t
 }) => {
   const { t: i } = a();
   return /* @__PURE__ */ o(
     "svg",
     {
-      className: s("shrink-0 animate-spin text-base", t),
+      className: s("shrink-0 animate-spin text-base", e),
       xmlns: "http://www.w3.org/2000/svg",
       width: n,
       height: n,
@@ -20,7 +20,7 @@ const c = ({
       "aria-label": i("components.spinner.loadingAriaLabel"),
       role: "img",
       ref: r,
-      ...e,
+      ...t,
       children: /* @__PURE__ */ o(
         "path",
         {