@ledgerhq/lumen-ui-react 0.1.60 → 0.1.62

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

@@ -81,7 +81,7 @@ const b = S("gap-8 body-2-semi-bold", {
     leadingContentShape: "none",
     hasChevron: !0
   }
-}), k = ({
+}), M = ({
   ref: r,
   className: p,
   appearance: i = "gray",
@@ -129,5 +129,5 @@ const b = S("gap-8 body-2-semi-bold", {
   );
 };
 export {
-  k as MediaButton
+  M as MediaButton
 };

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 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";
+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 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(
   [
     "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(L, { "data-slot": "menu-group", ...e });
 }
-function le({ ...e }) {
-  return /* @__PURE__ */ t(w, { ...e });
+function ge({ ...e }) {
+  return /* @__PURE__ */ t(O, { ...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,
+  V,
   {
     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(C, { children: /* @__PURE__ */ t(N, { 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 = ({
+) }) }), Ce = ({
   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(C, { children: /* @__PURE__ */ t(
+  N,
   {
     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 = ({
+) }), Ne = ({
   ref: e,
   className: a,
   appearance: o = "base",
-  disabled: r,
+  disabled: n,
   onClick: i,
   label: s,
   closeOnClick: m = !0,
-  ...u
+  ...d
 }) => {
-  const d = b({
+  const l = 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: l }, children: /* @__PURE__ */ t(
+    T,
     {
       ref: e,
       "data-slot": "menu-item",
       label: s,
-      disabled: d,
+      disabled: l,
       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: l,
+  ...f
 }) => {
-  const c = b({
+  const u = b({
     consumerName: "MenuCheckboxItem",
     mergeWith: { disabled: m }
   });
-  return /* @__PURE__ */ t(f, { value: { disabled: c }, children: /* @__PURE__ */ p(
-    z,
+  return /* @__PURE__ */ t(h, { value: { disabled: u }, 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: u,
+      closeOnClick: l ?? !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: u, size: 24, className: "text-active" }) }) })
+      ]
+    }
+  ) });
+}, Ie = ({
+  ref: e,
+  className: a,
+  children: o,
+  checked: n,
+  defaultChecked: i,
+  onCheckedChange: s,
+  disabled: m,
+  label: d,
+  closeOnClick: l,
+  ...f
+}) => {
+  const u = b({
+    consumerName: "MenuSwitchItem",
+    mergeWith: { disabled: m }
+  }), [g, S] = R({
+    prop: n,
+    onChange: s,
+    defaultProp: i ?? !1
+  });
+  return /* @__PURE__ */ t(h, { value: { disabled: u }, children: /* @__PURE__ */ p(
+    I,
+    {
+      ref: e,
+      "data-slot": "menu-switch-item",
+      label: d,
+      checked: g,
+      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(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: u,
+            "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,
+  Ce as MenuContent,
+  fe as MenuGroup,
+  Ne 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/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
 };