@ledgerhq/lumen-ui-react 0.1.60 → 0.1.61

package/dist/index.js

@@ -8,7 +8,7 @@ import { resolveAvatarColor as C } from "./lib/Components/core/Avatar/resolveAva
 import { AvatarButton as S } from "./lib/Components/core/AvatarButton/AvatarButton.js";
 import { Banner as g } from "./lib/Components/core/Banner/Banner.js";
 import { Button as I } from "./lib/Components/core/Button/Button.js";
-import { Card as B, CardContent as D, CardContentDescription as M, CardContentRow as L, CardContentTitle as v, CardFooter as h, CardFooterActions as R, CardHeader as A, CardLeading as H, CardTrailing as P } from "./lib/Components/core/Card/Card.js";
+import { Card as B, CardContent as D, CardContentDescription as M, CardContentRow as L, CardContentTitle as v, CardFooter as h, CardFooterActions as R, CardHeader as w, CardLeading as A, CardTrailing as H } from "./lib/Components/core/Card/Card.js";
 import { CardButton as y } from "./lib/Components/core/CardButton/CardButton.js";
 import { Checkbox as k } from "./lib/Components/core/Checkbox/Checkbox.js";
 import { ContentBanner as E, ContentBannerContent as F, ContentBannerDescription as O, ContentBannerTitle as z } from "./lib/Components/core/ContentBanner/ContentBanner.js";
@@ -27,39 +27,39 @@ import { getDotIndicatorProps as Be } from "./lib/Components/core/DotIndicator/g
 import { DotSymbol as Me } from "./lib/Components/core/DotSymbol/DotSymbol.js";
 import { getDotSymbolProps as ve } from "./lib/Components/core/DotSymbol/getDotSymbolProps.js";
 import { IconButton as Re } from "./lib/Components/core/IconButton/IconButton.js";
-import { InteractiveIcon as He } from "./lib/Components/core/InteractiveIcon/InteractiveIcon.js";
-import { Link as we } from "./lib/Components/core/Link/Link.js";
+import { InteractiveIcon as Ae } from "./lib/Components/core/InteractiveIcon/InteractiveIcon.js";
+import { Link as Pe } from "./lib/Components/core/Link/Link.js";
 import { ListItem as Ne, ListItemContent as ke, ListItemContentRow as Ge, ListItemDescription as Ee, ListItemLeading as Fe, ListItemTitle as Oe, ListItemTrailing as ze } from "./lib/Components/core/ListItem/ListItem.js";
 import { MediaBanner as _e, MediaBannerDescription as je, MediaBannerTitle as qe } from "./lib/Components/core/MediaBanner/MediaBanner.js";
 import { MediaButton as Ke } from "./lib/Components/core/MediaButton/MediaButton.js";
 import { MediaCard as Ue, MediaCardTitle as We } from "./lib/Components/core/MediaCard/MediaCard.js";
 import { MediaImage as Ye } from "./lib/Components/core/MediaImage/MediaImage.js";
 import { MediaTag as $e } from "./lib/Components/core/MediaTag/MediaTag.js";
-import { Menu as oo, MenuCheckboxItem as to, MenuContent as ro, MenuGroup as ao, MenuItem as no, MenuLabel as io, MenuRadioGroup as lo, MenuRadioItem as po, MenuSeparator as mo, MenuSub as To, MenuSubContent as xo, MenuSubTrigger as fo, MenuTrigger as Co, createMenuRadioGroup as co } from "./lib/Components/core/Menu/Menu.js";
-import { NavBar as uo, NavBarBackButton as go, NavBarCoinCapsule as bo, NavBarDescription as Io, NavBarLeading as so, NavBarTitle as Bo, NavBarTrailing as Do } from "./lib/Components/core/NavBar/NavBar.js";
-import { Popover as Lo, PopoverContent as vo, PopoverTrigger as ho, createPopoverHandle as Ro } from "./lib/Components/core/Popover/Popover.js";
+import { Menu as oo, MenuCheckboxItem as to, MenuContent as ro, MenuGroup as ao, MenuItem as no, MenuLabel as io, MenuRadioGroup as lo, MenuRadioItem as po, MenuSeparator as mo, MenuSub as To, MenuSubContent as xo, MenuSubTrigger as fo, MenuSwitchItem as Co, MenuTrigger as co, createMenuRadioGroup as So } from "./lib/Components/core/Menu/Menu.js";
+import { NavBar as go, NavBarBackButton as bo, NavBarCoinCapsule as Io, NavBarDescription as so, NavBarLeading as Bo, NavBarTitle as Do, NavBarTrailing as Mo } from "./lib/Components/core/NavBar/NavBar.js";
+import { Popover as vo, PopoverContent as ho, PopoverTrigger as Ro, createPopoverHandle as wo } from "./lib/Components/core/Popover/Popover.js";
 import { PageIndicator as Ho } from "./lib/Components/core/PageIndicator/PageIndicator.js";
-import { Pagination as wo } from "./lib/Components/core/Pagination/Pagination.js";
-import { SearchInput as No } from "./lib/Components/core/SearchInput/SearchInput.js";
-import { SectionHeader as Go, SectionHeaderLeading as Eo, SectionHeaderTitle as Fo } from "./lib/Components/core/SectionHeader/SectionHeader.js";
-import { SegmentedControl as zo, SegmentedControlButton as Vo, createSegmentedControl as _o } from "./lib/Components/core/SegmentedControl/SegmentedControl.js";
-import { Select as qo, SelectContent as Jo, SelectEmptyState as Ko, SelectItem as Qo, SelectItemContent as Uo, SelectItemDescription as Wo, SelectItemText as Xo, SelectList as Yo, SelectSearch as Zo, SelectSeparator as $o, SelectTrigger as et, createSelect as ot } from "./lib/Components/core/Select/Select.js";
-import { SideBar as rt, SideBarCollapseToggle as at, SideBarItem as nt, SideBarLeading as it, SideBarTrailing as lt, createSideBar as pt } from "./lib/Components/core/SideBar/SideBar.js";
-import { Skeleton as dt } from "./lib/Components/core/Skeleton/Skeleton.js";
-import { Spinner as xt } from "./lib/Components/core/Spinner/Spinner.js";
-import { Spot as Ct } from "./lib/Components/core/Spot/Spot.js";
-import { Stepper as St } from "./lib/Components/core/Stepper/Stepper.js";
-import { Subheader as gt, SubheaderCount as bt, SubheaderDescription as It, SubheaderInfo as st, SubheaderRow as Bt, SubheaderShowMore as Dt, SubheaderTitle as Mt } from "./lib/Components/core/Subheader/Subheader.js";
-import { Switch as vt } from "./lib/Components/core/Switch/Switch.js";
-import { Table as Rt, TableActionBar as At, TableActionBarLeading as Ht, TableActionBarTrailing as Pt, TableBody as wt, TableCell as yt, TableCellContent as Nt, TableCellContentDescription as kt, TableCellContentRow as Gt, TableCellContentTitle as Et, TableCellItem as Ft, TableCol as Ot, TableColGroup as zt, TableGroupHeaderRow as Vt, TableHeader as _t, TableHeaderCell as jt, TableHeaderRow as qt, TableInfoIcon as Jt, TableLoadingRow as Kt, TableRoot as Qt, TableRow as Ut, TableSortButton as Wt } from "./lib/Components/core/Table/Table.js";
-import { Tag as Yt } from "./lib/Components/core/Tag/Tag.js";
-import { TextInput as $t } from "./lib/Components/core/TextInput/TextInput.js";
-import { Tile as or, TileContent as tr, TileDescription as rr, TileSecondaryAction as ar, TileTitle as nr, TileTrailingContent as ir } from "./lib/Components/core/Tile/Tile.js";
-import { TileButton as pr } from "./lib/Components/core/TileButton/TileButton.js";
-import { Tooltip as dr, TooltipContent as Tr, TooltipProvider as xr, TooltipTrigger as fr } from "./lib/Components/core/Tooltip/Tooltip.js";
-import { Trend as cr } from "./lib/Components/core/Trend/Trend.js";
-import { ThemeProvider as ur, useTheme as gr } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as Ir } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
+import { Pagination as yo } from "./lib/Components/core/Pagination/Pagination.js";
+import { SearchInput as ko } from "./lib/Components/core/SearchInput/SearchInput.js";
+import { SectionHeader as Eo, SectionHeaderLeading as Fo, SectionHeaderTitle as Oo } from "./lib/Components/core/SectionHeader/SectionHeader.js";
+import { SegmentedControl as Vo, SegmentedControlButton as _o, createSegmentedControl as jo } from "./lib/Components/core/SegmentedControl/SegmentedControl.js";
+import { Select as Jo, SelectContent as Ko, SelectEmptyState as Qo, SelectItem as Uo, SelectItemContent as Wo, SelectItemDescription as Xo, SelectItemText as Yo, SelectList as Zo, SelectSearch as $o, SelectSeparator as et, SelectTrigger as ot, createSelect as tt } from "./lib/Components/core/Select/Select.js";
+import { SideBar as at, SideBarCollapseToggle as nt, SideBarItem as it, SideBarLeading as lt, SideBarTrailing as pt, createSideBar as mt } from "./lib/Components/core/SideBar/SideBar.js";
+import { Skeleton as Tt } from "./lib/Components/core/Skeleton/Skeleton.js";
+import { Spinner as ft } from "./lib/Components/core/Spinner/Spinner.js";
+import { Spot as ct } from "./lib/Components/core/Spot/Spot.js";
+import { Stepper as ut } from "./lib/Components/core/Stepper/Stepper.js";
+import { Subheader as bt, SubheaderCount as It, SubheaderDescription as st, SubheaderInfo as Bt, SubheaderRow as Dt, SubheaderShowMore as Mt, SubheaderTitle as Lt } from "./lib/Components/core/Subheader/Subheader.js";
+import { Switch as ht } from "./lib/Components/core/Switch/Switch.js";
+import { Table as wt, TableActionBar as At, TableActionBarLeading as Ht, TableActionBarTrailing as Pt, TableBody as yt, TableCell as Nt, TableCellContent as kt, TableCellContentDescription as Gt, TableCellContentRow as Et, TableCellContentTitle as Ft, TableCellItem as Ot, TableCol as zt, TableColGroup as Vt, TableGroupHeaderRow as _t, TableHeader as jt, TableHeaderCell as qt, TableHeaderRow as Jt, TableInfoIcon as Kt, TableLoadingRow as Qt, TableRoot as Ut, TableRow as Wt, TableSortButton as Xt } from "./lib/Components/core/Table/Table.js";
+import { Tag as Zt } from "./lib/Components/core/Tag/Tag.js";
+import { TextInput as er } from "./lib/Components/core/TextInput/TextInput.js";
+import { Tile as tr, TileContent as rr, TileDescription as ar, TileSecondaryAction as nr, TileTitle as ir, TileTrailingContent as lr } from "./lib/Components/core/Tile/Tile.js";
+import { TileButton as mr } from "./lib/Components/core/TileButton/TileButton.js";
+import { Tooltip as Tr, TooltipContent as xr, TooltipProvider as fr, TooltipTrigger as Cr } from "./lib/Components/core/Tooltip/Tooltip.js";
+import { Trend as Sr } from "./lib/Components/core/Trend/Trend.js";
+import { ThemeProvider as gr, useTheme as br } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as sr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
 export {
   i as AddressInput,
   d as AmountDisplay,
@@ -68,7 +68,7 @@ export {
   S as AvatarButton,
   g as Banner,
   I as Button,
-  Ir as COLOR_SCHEMES,
+  sr as COLOR_SCHEMES,
   B as Card,
   y as CardButton,
   D as CardContent,
@@ -77,9 +77,9 @@ export {
   v as CardContentTitle,
   h as CardFooter,
   R as CardFooterActions,
-  A as CardHeader,
-  H as CardLeading,
-  P as CardTrailing,
+  w as CardHeader,
+  A as CardLeading,
+  H as CardTrailing,
   k as Checkbox,
   E as ContentBanner,
   F as ContentBannerContent,
@@ -107,9 +107,9 @@ export {
   Ie as DotIndicator,
   Me as DotSymbol,
   Re as IconButton,
-  He as InteractiveIcon,
+  Ae as InteractiveIcon,
   t as Languages,
-  we as Link,
+  Pe as Link,
   Ne as ListItem,
   ke as ListItemContent,
   Ge as ListItemContentRow,
@@ -137,95 +137,96 @@ export {
   To as MenuSub,
   xo as MenuSubContent,
   fo as MenuSubTrigger,
-  Co as MenuTrigger,
-  uo as NavBar,
-  go as NavBarBackButton,
-  bo as NavBarCoinCapsule,
-  Io as NavBarDescription,
-  so as NavBarLeading,
-  Bo as NavBarTitle,
-  Do as NavBarTrailing,
+  Co as MenuSwitchItem,
+  co as MenuTrigger,
+  go as NavBar,
+  bo as NavBarBackButton,
+  Io as NavBarCoinCapsule,
+  so as NavBarDescription,
+  Bo as NavBarLeading,
+  Do as NavBarTitle,
+  Mo as NavBarTrailing,
   Ho as PageIndicator,
-  wo as Pagination,
-  Lo as Popover,
-  vo as PopoverContent,
-  ho as PopoverTrigger,
-  No as SearchInput,
-  Go as SectionHeader,
-  Eo as SectionHeaderLeading,
-  Fo as SectionHeaderTitle,
-  zo as SegmentedControl,
-  Vo as SegmentedControlButton,
-  qo as Select,
-  Jo as SelectContent,
-  Ko as SelectEmptyState,
-  Qo as SelectItem,
-  Uo as SelectItemContent,
-  Wo as SelectItemDescription,
-  Xo as SelectItemText,
-  Yo as SelectList,
-  Zo as SelectSearch,
-  $o as SelectSeparator,
-  et as SelectTrigger,
-  rt as SideBar,
-  at as SideBarCollapseToggle,
-  nt as SideBarItem,
-  it as SideBarLeading,
-  lt as SideBarTrailing,
-  dt as Skeleton,
-  xt as Spinner,
-  Ct as Spot,
-  St as Stepper,
-  gt as Subheader,
-  bt as SubheaderCount,
-  It as SubheaderDescription,
-  st as SubheaderInfo,
-  Bt as SubheaderRow,
-  Dt as SubheaderShowMore,
-  Mt as SubheaderTitle,
-  vt as Switch,
-  Rt as Table,
+  yo as Pagination,
+  vo as Popover,
+  ho as PopoverContent,
+  Ro as PopoverTrigger,
+  ko as SearchInput,
+  Eo as SectionHeader,
+  Fo as SectionHeaderLeading,
+  Oo as SectionHeaderTitle,
+  Vo as SegmentedControl,
+  _o as SegmentedControlButton,
+  Jo as Select,
+  Ko as SelectContent,
+  Qo as SelectEmptyState,
+  Uo as SelectItem,
+  Wo as SelectItemContent,
+  Xo as SelectItemDescription,
+  Yo as SelectItemText,
+  Zo as SelectList,
+  $o as SelectSearch,
+  et as SelectSeparator,
+  ot as SelectTrigger,
+  at as SideBar,
+  nt as SideBarCollapseToggle,
+  it as SideBarItem,
+  lt as SideBarLeading,
+  pt as SideBarTrailing,
+  Tt as Skeleton,
+  ft as Spinner,
+  ct as Spot,
+  ut as Stepper,
+  bt as Subheader,
+  It as SubheaderCount,
+  st as SubheaderDescription,
+  Bt as SubheaderInfo,
+  Dt as SubheaderRow,
+  Mt as SubheaderShowMore,
+  Lt as SubheaderTitle,
+  ht as Switch,
+  wt as Table,
   At as TableActionBar,
   Ht as TableActionBarLeading,
   Pt as TableActionBarTrailing,
-  wt as TableBody,
-  yt as TableCell,
-  Nt as TableCellContent,
-  kt as TableCellContentDescription,
-  Gt as TableCellContentRow,
-  Et as TableCellContentTitle,
-  Ft as TableCellItem,
-  Ot as TableCol,
-  zt as TableColGroup,
-  Vt as TableGroupHeaderRow,
-  _t as TableHeader,
-  jt as TableHeaderCell,
-  qt as TableHeaderRow,
-  Jt as TableInfoIcon,
-  Kt as TableLoadingRow,
-  Qt as TableRoot,
-  Ut as TableRow,
-  Wt as TableSortButton,
-  Yt as Tag,
-  $t as TextInput,
-  ur as ThemeProvider,
-  or as Tile,
-  pr as TileButton,
-  tr as TileContent,
-  rr as TileDescription,
-  ar as TileSecondaryAction,
-  nr as TileTitle,
-  ir as TileTrailingContent,
-  dr as Tooltip,
-  Tr as TooltipContent,
-  xr as TooltipProvider,
-  fr as TooltipTrigger,
-  cr as Trend,
-  co as createMenuRadioGroup,
-  Ro as createPopoverHandle,
-  _o as createSegmentedControl,
-  ot as createSelect,
-  pt as createSideBar,
+  yt as TableBody,
+  Nt as TableCell,
+  kt as TableCellContent,
+  Gt as TableCellContentDescription,
+  Et as TableCellContentRow,
+  Ft as TableCellContentTitle,
+  Ot as TableCellItem,
+  zt as TableCol,
+  Vt as TableColGroup,
+  _t as TableGroupHeaderRow,
+  jt as TableHeader,
+  qt as TableHeaderCell,
+  Jt as TableHeaderRow,
+  Kt as TableInfoIcon,
+  Qt as TableLoadingRow,
+  Ut as TableRoot,
+  Wt as TableRow,
+  Xt as TableSortButton,
+  Zt as Tag,
+  er as TextInput,
+  gr as ThemeProvider,
+  tr as Tile,
+  mr as TileButton,
+  rr as TileContent,
+  ar as TileDescription,
+  nr as TileSecondaryAction,
+  ir as TileTitle,
+  lr as TileTrailingContent,
+  Tr as Tooltip,
+  xr as TooltipContent,
+  fr as TooltipProvider,
+  Cr as TooltipTrigger,
+  Sr as Trend,
+  So as createMenuRadioGroup,
+  wo as createPopoverHandle,
+  jo as createSegmentedControl,
+  tt as createSelect,
+  mt as createSideBar,
   Se as dotIconSizeMap,
   ge as getDotIconProps,
   Be as getDotIndicatorProps,
@@ -233,5 +234,5 @@ export {
   C as resolveAvatarColor,
   a as useControllableState,
   K as useLumenDataTable,
-  gr as useTheme
+  br as useTheme
 };

package/dist/lib/Components/core/AmountInput/AmountInput.d.ts

@@ -4,5 +4,5 @@ import { AmountInputProps } from './types';
  * This is a controlled component - both `value` and `onChange` props are required.
  * The currency text can be positioned either on the left or right side of the input.
  */
-export declare const AmountInput: ({ ref, className, size, align, currencyText, currencyPosition, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, decimalSeparator, value, onChange, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AmountInput: ({ ref, className, size, align, currencyText, currencyPosition, disabled: disabledProp, maxIntegerLength, maxDecimalLength, allowDecimals, thousandsSeparator, decimalSeparator, value, onChange, placeholder, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AmountInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AA0FjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,6MAgBzB,gBAAgB,4CAgFlB,CAAC"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AA0FjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,0NAiBzB,gBAAgB,4CAmFlB,CAAC"}

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

@@ -1,10 +1,10 @@
-import { jsxs as R, jsx as a } from "react/jsx-runtime";
-import { useDisabledContext as k, useMergedRef as z, getFontSize as M, cn as p } from "../../../../libs/utils-shared/dist/index.js";
+import { jsxs as z, jsx as a } from "react/jsx-runtime";
+import { useDisabledContext as M, useMergedRef as D, getFontSize as F, cn as f } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as i } from "class-variance-authority";
-import { useMemo as D } from "react";
-import { useAmountInputValue as F } from "./useAmountInputValue/useAmountInputValue.js";
-import { useAutoWidthInput as W } from "./useAutoWidthInput/useAutoWidthInput.js";
-const q = i(
+import { useMemo as W } from "react";
+import { useAmountInputValue as q } from "./useAmountInputValue/useAmountInputValue.js";
+import { useAutoWidthInput as E } from "./useAutoWidthInput/useAutoWidthInput.js";
+const O = i(
   [
     "bg-transparent caret-active outline-hidden transition-colors",
     "text-base placeholder:text-muted-subtle",
@@ -28,7 +28,7 @@ const q = i(
       isChanging: !1
     }
   }
-), E = i(
+), B = i(
   [
     "cursor-text text-base",
     "group-has-[input:placeholder-shown]:text-muted-subtle",
@@ -46,7 +46,7 @@ const q = i(
       size: "md"
     }
   }
-), O = i("invisible absolute whitespace-pre", {
+), G = i("invisible absolute whitespace-pre", {
   variants: {
     size: {
       md: "heading-0-semi-bold",
@@ -56,7 +56,7 @@ const q = i(
   defaultVariants: {
     size: "md"
   }
-}), B = i(
+}), H = i(
   "group relative flex w-full items-center overflow-visible transition-transform",
   {
     variants: {
@@ -70,86 +70,88 @@ const q = i(
       align: "center"
     }
   }
-), m = ({ size: r, style: o, children: e }) => /* @__PURE__ */ a("span", { className: p(E({ size: r }), "shrink-0"), style: o, children: e }), U = ({
+), c = ({ size: r, style: o, children: e }) => /* @__PURE__ */ a("span", { className: f(B({ size: r }), "shrink-0"), style: o, children: e }), Y = ({
   ref: r,
   className: o,
   size: e = "md",
-  align: c = "center",
+  align: h = "center",
   currencyText: t,
   currencyPosition: l = "left",
-  disabled: f,
-  maxIntegerLength: h = 9,
-  maxDecimalLength: g = 9,
-  allowDecimals: b = !0,
-  thousandsSeparator: v = !0,
-  decimalSeparator: x = ".",
-  value: w,
-  onChange: y,
-  ...S
+  disabled: g,
+  maxIntegerLength: b = 9,
+  maxDecimalLength: v = 9,
+  allowDecimals: x = !0,
+  thousandsSeparator: w = !0,
+  decimalSeparator: y = ".",
+  value: S,
+  onChange: C,
+  placeholder: d,
+  ...V
 }) => {
-  const C = k({
+  const A = M({
     consumerName: "AmountInput",
-    mergeWith: { disabled: f }
-  }), { inputValue: n, isChanging: A, setIsChanging: V, handleChange: j } = F({
-    value: w,
-    onChange: y,
+    mergeWith: { disabled: g }
+  }), { inputValue: n, isChanging: j, setIsChanging: I, handleChange: N } = q({
+    value: S,
+    onChange: C,
     formatOptions: {
-      allowDecimals: b,
-      thousandsSeparator: v,
-      maxIntegerLength: h,
-      maxDecimalLength: g,
-      decimalSeparator: x
+      allowDecimals: x,
+      thousandsSeparator: w,
+      maxIntegerLength: b,
+      maxDecimalLength: v,
+      decimalSeparator: y
     }
-  }), { spanRef: I, inputRef: d } = W({
-    inputValue: n,
+  }), u = n === "" ? d ?? "" : n, { spanRef: R, inputRef: m } = E({
+    inputValue: u,
     currencyText: t,
     size: e
-  }), N = z(r, d), s = { fontSize: D(
-    () => M(n, e) + "px",
+  }), k = D(r, m), s = { fontSize: W(
+    () => F(n, e) + "px",
     [n, e]
   ), letterSpacing: "normal" };
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ z(
     "div",
     {
-      className: B({ align: c }),
+      className: H({ align: h }),
       onPointerDown: () => {
-        const u = d.current;
-        u && window.requestAnimationFrame(() => {
-          u.focus();
+        const p = m.current;
+        p && window.requestAnimationFrame(() => {
+          p.focus();
         });
       },
       children: [
-        t && l === "left" && /* @__PURE__ */ a(m, { size: e, style: s, children: t }),
+        t && l === "left" && /* @__PURE__ */ a(c, { size: e, style: s, children: t }),
         /* @__PURE__ */ a(
           "span",
           {
-            ref: I,
-            className: O({ size: e }),
+            ref: R,
+            className: G({ size: e }),
             "aria-hidden": "true",
             style: s,
-            children: n
+            children: u
           }
         ),
         /* @__PURE__ */ a(
           "input",
           {
-            ref: N,
+            ref: k,
             type: "text",
             inputMode: "decimal",
-            disabled: C,
+            disabled: A,
             value: n,
-            onChange: j,
-            onAnimationEnd: () => V(!1),
-            className: p(q({ size: e, isChanging: A }), o),
-            ...S,
+            placeholder: d,
+            onChange: N,
+            onAnimationEnd: () => I(!1),
+            className: f(O({ size: e, isChanging: j }), o),
+            ...V,
             style: s
           }
         ),
-        t && l === "right" && /* @__PURE__ */ a(m, { size: e, style: s, children: t })
+        t && l === "right" && /* @__PURE__ */ a(c, { size: e, style: s, children: t })
       ]
     }
   );
 };
 export {
-  U as AmountInput
+  Y as AmountInput
 };

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuRadioValue, MenuLabelProps, MenuSeparatorProps, MenuSubTriggerProps, MenuSubContentProps, MenuGroupProps, MenuRadioGroupProps, MenuSubProps } from './types';
+import { MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuSwitchItemProps, MenuRadioItemProps, MenuRadioValue, MenuLabelProps, MenuSeparatorProps, MenuSubTriggerProps, MenuSubContentProps, MenuGroupProps, MenuRadioGroupProps, MenuSubProps } from './types';
 declare function Menu({ ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
 declare const MenuTrigger: ({ ref, render, className, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
 declare function MenuGroup({ ...props }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -10,10 +10,11 @@ declare const MenuSubContent: ({ className, children }: MenuSubContentProps) =>
 declare const MenuContent: ({ side, sideOffset, align, alignOffset, sticky, className, children, }: MenuContentProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuItem: ({ ref, className, appearance, disabled: disabledProp, onClick, label, closeOnClick, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuCheckboxItem: ({ ref, className, children, checked, defaultChecked, onCheckedChange, disabled: disabledProp, label, closeOnClick, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuSwitchItem: ({ ref, className, children, checked: checkedProp, defaultChecked, onCheckedChange: onCheckedChangeProp, disabled: disabledProp, label, closeOnClick, ...props }: MenuSwitchItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuRadioItem: <T extends MenuRadioValue = MenuRadioValue>({ ref, className, children, disabled: disabledProp, ...props }: MenuRadioItemProps<T>) => import("react/jsx-runtime").JSX.Element;
 declare const MenuLabel: ({ ref, className, ...props }: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;
 declare const MenuSeparator: ({ ref, className, ...props }: MenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
-export { Menu, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuRadioItem, MenuLabel, MenuSeparator, MenuGroup, MenuSub, MenuSubContent, MenuSubTrigger, MenuRadioGroup, };
+export { Menu, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuSwitchItem, MenuRadioItem, MenuLabel, MenuSeparator, MenuGroup, MenuSub, MenuSubContent, MenuSubTrigger, MenuRadioGroup, };
 export declare function createMenuRadioGroup<T extends MenuRadioValue = never>(): {
     MenuRadioGroup: (props: MenuRadioGroupProps<T>) => ReactElement;
     MenuRadioItem: (props: MenuRadioItemProps<T>) => ReactElement;

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Menu/Menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACb,MAAM,SAAS,CAAC;AAgEjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,sCAKlB,gBAAgB,4CAQlB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACjE,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAQxB;AAED,QAAA,MAAM,cAAc,GAAI,wCAKrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAYnE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wEAQlB,gBAAgB,4CAmBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,gGASf,aAAa,4CAoBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,+HAWvB,qBAAqB,4CA6BvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,gEAM/D,kBAAkB,CAAC,CAAC,CAAC,4CAwBvB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CAO9D,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,KAAK;IACxE,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;CAC/D,CAEA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Menu/Menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACb,MAAM,SAAS,CAAC;AAgEjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,sCAKlB,gBAAgB,4CAQlB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACjE,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAQxB;AAED,QAAA,MAAM,cAAc,GAAI,wCAKrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAYnE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wEAQlB,gBAAgB,4CAmBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,gGASf,aAAa,4CAoBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,+HAWvB,qBAAqB,4CA6BvB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,iKAWrB,mBAAmB,4CAoCrB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,gEAM/D,kBAAkB,CAAC,CAAC,CAAC,4CAwBvB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CAO9D,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,KAAK;IACxE,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;CAC/D,CAEA"}

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

@@ -1,25 +1,27 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { cn as n, useDisabledContext as b, DisabledProvider as f } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as h } from "class-variance-authority";
-import { Check as g } from "../../symbols/icons/Check.js";
-import { Divider as C } from "../Divider/Divider.js";
-import { ChevronRight as R } from "../../symbols/icons/ChevronRight.js";
-import { MenuRoot as S } from "../../../../node_modules/@base-ui/react/esm/menu/root/MenuRoot.js";
-import { MenuTrigger as k } from "../../../../node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.js";
-import { MenuPortal as M } from "../../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
-import { MenuPositioner as x } from "../../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
-import { MenuPopup as N } from "../../../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js";
-import { MenuItem as y } from "../../../../node_modules/@base-ui/react/esm/menu/item/MenuItem.js";
-import { MenuCheckboxItem as z } from "../../../../node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItem.js";
-import { MenuCheckboxItemIndicator as G } from "../../../../node_modules/@base-ui/react/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js";
-import { MenuRadioItem as P } from "../../../../node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItem.js";
-import { MenuRadioItemIndicator as T } from "../../../../node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js";
-import { MenuGroupLabel as $ } from "../../../../node_modules/@base-ui/react/esm/menu/group-label/MenuGroupLabel.js";
-import { MenuGroup as j } from "../../../../node_modules/@base-ui/react/esm/menu/group/MenuGroup.js";
-import { MenuSubmenuRoot as w } from "../../../../node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js";
-import { MenuSubmenuTrigger as D } from "../../../../node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js";
-import { MenuRadioGroup as V } from "../../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
-const v = h(
+import { cn as r, useDisabledContext as b, DisabledProvider as h } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as M } from "class-variance-authority";
+import { Check as x } from "../../symbols/icons/Check.js";
+import { useControllableState as R } from "../../../../utils/useControllableState/useControllableState.js";
+import { Switch as y } from "../Switch/Switch.js";
+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 { 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";
+import { MenuCheckboxItemIndicator as $ } from "../../../../node_modules/@base-ui/react/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js";
+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 { MenuRadioGroup as q } 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",
     "shadow-sm outline-none"
@@ -49,9 +51,9 @@ const v = h(
       side: "bottom"
     }
   }
-), l = h(
-  n(
-    "relative flex cursor-default items-center gap-12 select-none",
+), c = M(
+  r(
+    "relative flex cursor-pointer items-center gap-12 select-none",
     "h-44 rounded-sm px-8 outline-hidden",
     "body-2-semi-bold",
     "transition-colors",
@@ -70,40 +72,40 @@ const v = h(
       appearance: "base"
     }
   }
-), W = n("px-8 py-4 body-3-semi-bold text-muted"), L = n(
-  l(),
+), A = r("px-8 py-4 body-3-semi-bold text-muted"), B = r(
+  c(),
   "data-popup-open:bg-base-transparent-hover"
 );
-function me({ ...e }) {
-  return /* @__PURE__ */ t(S, { ...e });
+function be({ ...e }) {
+  return /* @__PURE__ */ t(G, { ...e });
 }
-const ue = ({
+const he = ({
   ref: e,
   render: a,
   className: o,
-  ...r
+  ...n
 }) => /* @__PURE__ */ t(
-  k,
+  P,
   {
     ref: e,
     "data-slot": "menu-trigger",
     render: a,
-    className: n("data-popup-open:z-menu", o),
-    ...r
+    className: r("data-popup-open:z-menu", o),
+    ...n
   }
 );
-function de({ ...e }) {
-  return /* @__PURE__ */ t(j, { "data-slot": "menu-group", ...e });
+function fe({ ...e }) {
+  return /* @__PURE__ */ t(O, { "data-slot": "menu-group", ...e });
 }
-function le({ ...e }) {
-  return /* @__PURE__ */ t(w, { ...e });
+function ge({ ...e }) {
+  return /* @__PURE__ */ t(V, { ...e });
 }
-function O({
+function E({
   onValueChange: e,
   ...a
 }) {
   return /* @__PURE__ */ t(
-    V,
+    q,
     {
       "data-slot": "menu-radio-group",
       onValueChange: (o) => e?.(String(o)),
@@ -111,170 +113,217 @@ function O({
     }
   );
 }
-const ce = ({
+const Me = ({
   ref: e,
   className: a,
   children: o,
-  ...r
+  ...n
 }) => /* @__PURE__ */ p(
-  D,
+  L,
   {
     ref: e,
     "data-slot": "menu-sub-trigger",
-    className: n(L, a),
-    ...r,
+    className: r(B, a),
+    ...n,
     children: [
       o,
-      /* @__PURE__ */ t(R, { size: 20, className: "ml-auto text-muted" })
+      /* @__PURE__ */ t(z, { size: 20, className: "ml-auto text-muted" })
     ]
   }
-), pe = ({ className: e, children: a }) => /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(x, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
-  N,
+), 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",
-    className: n(v({ side: "right" }), e),
+    className: r(k({ side: "right" }), e),
     onClick: (o) => o.stopPropagation(),
     children: a
   }
-) }) }), be = ({
+) }) }), Ne = ({
   side: e = "bottom",
   sideOffset: a = 4,
   align: o = "start",
-  alignOffset: r,
+  alignOffset: n,
   sticky: i = !0,
   className: s,
   children: m
-}) => /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(
-  x,
+}) => /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
+  C,
   {
     className: "z-menu",
     side: e,
     sideOffset: a,
     align: o,
-    alignOffset: r,
+    alignOffset: n,
     sticky: i,
     children: /* @__PURE__ */ t(
-      N,
+      v,
       {
         "data-slot": "menu-content",
-        className: n(v({ side: e }), s),
-        onClick: (u) => u.stopPropagation(),
+        className: r(k({ side: e }), s),
+        onClick: (d) => d.stopPropagation(),
         children: m
       }
     )
   }
-) }), fe = ({
+) }), Ce = ({
   ref: e,
   className: a,
   appearance: o = "base",
-  disabled: r,
+  disabled: n,
   onClick: i,
   label: s,
   closeOnClick: m = !0,
-  ...u
+  ...d
 }) => {
-  const d = b({
+  const u = b({
     consumerName: "MenuItem",
-    mergeWith: { disabled: r }
+    mergeWith: { disabled: n }
   });
-  return /* @__PURE__ */ t(f, { value: { disabled: d }, children: /* @__PURE__ */ t(
-    y,
+  return /* @__PURE__ */ t(h, { value: { disabled: u }, children: /* @__PURE__ */ t(
+    T,
     {
       ref: e,
       "data-slot": "menu-item",
       label: s,
-      disabled: d,
+      disabled: u,
       closeOnClick: m,
-      className: n(l({ appearance: o }), a),
+      className: r(c({ appearance: o }), a),
       onClick: i,
-      ...u
+      ...d
     }
   ) });
-}, he = ({
+}, ve = ({
   ref: e,
   className: a,
   children: o,
-  checked: r,
+  checked: n,
   defaultChecked: i,
   onCheckedChange: s,
   disabled: m,
-  label: u,
-  closeOnClick: d,
-  ...I
+  label: d,
+  closeOnClick: u,
+  ...f
 }) => {
-  const c = b({
+  const l = b({
     consumerName: "MenuCheckboxItem",
     mergeWith: { disabled: m }
   });
-  return /* @__PURE__ */ t(f, { value: { disabled: c }, children: /* @__PURE__ */ p(
-    z,
+  return /* @__PURE__ */ t(h, { value: { disabled: l }, children: /* @__PURE__ */ p(
+    I,
     {
       ref: e,
       "data-slot": "menu-checkbox-item",
-      label: u,
-      checked: r,
+      label: d,
+      checked: n,
       defaultChecked: i,
-      disabled: c,
-      closeOnClick: d ?? !1,
-      className: n(l(), a),
+      disabled: l,
+      closeOnClick: u ?? !1,
+      className: r(c(), a),
       onCheckedChange: s,
-      ...I,
+      ...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" }) }) })
+      ]
+    }
+  ) });
+}, Ie = ({
+  ref: e,
+  className: a,
+  children: o,
+  checked: n,
+  defaultChecked: i,
+  onCheckedChange: s,
+  disabled: m,
+  label: d,
+  closeOnClick: u,
+  ...f
+}) => {
+  const l = b({
+    consumerName: "MenuSwitchItem",
+    mergeWith: { disabled: m }
+  }), [g, S] = R({
+    prop: n,
+    onChange: s,
+    defaultProp: i ?? !1
+  });
+  return /* @__PURE__ */ t(h, { value: { disabled: l }, children: /* @__PURE__ */ p(
+    I,
+    {
+      ref: e,
+      "data-slot": "menu-switch-item",
+      label: d,
+      checked: g,
+      disabled: l,
+      closeOnClick: u ?? !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(G, { children: /* @__PURE__ */ t(g, { disabled: c, size: 24, className: "text-active" }) }) })
+        /* @__PURE__ */ t("span", { className: "pointer-events-none ml-auto", children: /* @__PURE__ */ t(
+          y,
+          {
+            selected: g,
+            disabled: l,
+            "aria-hidden": !0,
+            tabIndex: -1
+          }
+        ) })
       ]
     }
   ) });
-}, q = ({
+}, F = ({
   ref: e,
   className: a,
   children: o,
-  disabled: r,
+  disabled: n,
   ...i
 }) => {
   const s = b({
     consumerName: "MenuRadioItem",
-    mergeWith: { disabled: r }
+    mergeWith: { disabled: n }
   });
-  return /* @__PURE__ */ t(f, { value: { disabled: s }, children: /* @__PURE__ */ p(
-    P,
+  return /* @__PURE__ */ t(h, { value: { disabled: s }, children: /* @__PURE__ */ p(
+    j,
     {
       ref: e,
       "data-slot": "menu-radio-item",
       disabled: s,
-      className: n(l(), a),
+      className: r(c(), a),
       ...i,
       children: [
         o,
-        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(g, { disabled: s, size: 24, className: "text-active" }) }) })
+        /* @__PURE__ */ t("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(x, { disabled: s, size: 24, className: "text-active" }) }) })
       ]
     }
   ) });
-}, ge = ({ ref: e, className: a, ...o }) => /* @__PURE__ */ t(
-  $,
+}, ke = ({ ref: e, className: a, ...o }) => /* @__PURE__ */ t(
+  D,
   {
     ref: e,
     "data-slot": "menu-label",
-    className: n(W, a),
+    className: r(A, a),
     ...o
   }
-), Me = ({ ref: e, className: a, ...o }) => /* @__PURE__ */ t(C, { ref: e, className: n("mx-8 my-4 w-auto", a), ...o });
-function xe() {
-  return { MenuRadioGroup: O, MenuRadioItem: q };
+), 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 };
 }
 export {
-  me as Menu,
-  he as MenuCheckboxItem,
-  be as MenuContent,
-  de as MenuGroup,
-  fe as MenuItem,
-  ge as MenuLabel,
-  O as MenuRadioGroup,
-  q as MenuRadioItem,
-  Me as MenuSeparator,
-  le as MenuSub,
-  pe as MenuSubContent,
-  ce as MenuSubTrigger,
-  ue as MenuTrigger,
-  xe as createMenuRadioGroup
+  be as Menu,
+  ve as MenuCheckboxItem,
+  Ne as MenuContent,
+  fe as MenuGroup,
+  Ce as MenuItem,
+  ke as MenuLabel,
+  E as MenuRadioGroup,
+  F as MenuRadioItem,
+  Se as MenuSeparator,
+  ge as MenuSub,
+  xe as MenuSubContent,
+  Me as MenuSubTrigger,
+  Ie as MenuSwitchItem,
+  he as MenuTrigger,
+  Re as createMenuRadioGroup
 };

package/dist/lib/Components/core/Menu/types.d.ts

@@ -157,6 +157,37 @@ export type MenuCheckboxItemProps = {
      */
     closeOnClick?: boolean;
 } & Omit<MenuItemProps, 'closeOnClick'>;
+/**
+ * Props for a Menu switch item component.
+ *
+ * An item that can be controlled and rendered like a switch.
+ */
+export type MenuSwitchItemProps = {
+    /**
+     * The controlled checked state of the switch.
+     * Must be used in conjunction with `onCheckedChange`.
+     */
+    checked?: boolean;
+    /**
+     * The checked state of the switch when it is initially rendered.
+     * Use when you do not need to control its checked state.
+     *
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Event handler called when the checked state changes.
+     *
+     * @param checked - The new checked state
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Whether the menu closes when this item is clicked.
+     *
+     * @default false
+     */
+    closeOnClick?: boolean;
+} & Pick<MenuItemProps, 'className' | 'disabled' | 'label'> & ComponentPropsWithRef<'div'>;
 /**
  * Props for a Menu radio item component.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Menu/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Menu/types.ts"],"names":[],"mappings":"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"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.59",
+  "version": "0.1.60",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -47,7 +47,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.1.13",
+    "@ledgerhq/lumen-utils-shared": "0.1.14",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.8",
     "d3-scale": "^4.0.2",
@@ -64,7 +64,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.29",
+    "@ledgerhq/lumen-design-core": "0.1.30",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.60",
+  "version": "0.1.61",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [