@ledgerhq/lumen-ui-react 0.1.59 → 0.1.61

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

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { cn as u } from "../../../../libs/utils-shared/dist/index.js";
-import { Tooltip as f, TooltipTrigger as h, TooltipContent as d } from "../Tooltip/Tooltip.js";
+import { cn as f } from "../../../../libs/utils-shared/dist/index.js";
+import { Tooltip as h, TooltipTrigger as u, TooltipContent as d } from "../Tooltip/Tooltip.js";
 import { BaseButton as T } from "../../internal/BaseButton/BaseButton.js";
 const b = ({
   ref: n,
@@ -18,13 +18,13 @@ const b = ({
     {
       ref: n,
       icon: i,
-      className: u("shrink-0", e),
+      className: f("shrink-0", e),
       "aria-label": t,
       ...m
     }
   );
-  return s ? /* @__PURE__ */ c(f, { onOpenChange: p, children: [
-    /* @__PURE__ */ o(h, { asChild: !0, children: r }),
+  return s ? /* @__PURE__ */ c(h, { onOpenChange: p, children: [
+    /* @__PURE__ */ o(u, { asChild: !0, children: r }),
     /* @__PURE__ */ o(d, { side: l, children: a || t })
   ] }) : r;
 };

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

@@ -37,10 +37,10 @@ const w = k(
   ref: d,
   className: m,
   children: a,
-  appearance: u,
+  appearance: f,
   size: i = "inherit",
-  underline: f = !0,
-  icon: p,
+  underline: p = !0,
+  icon: u,
   isExternal: n = !1,
   asChild: t = !1,
   disabled: b,
@@ -52,16 +52,16 @@ const w = k(
   }), r = i ? {
     sm: 16,
     md: 20
-  }[i] : 20, o = p;
+  }[i] : 20, o = u;
   return /* @__PURE__ */ e(
     t ? g : "a",
     {
       ref: d,
       className: h(
         w({
-          appearance: u,
+          appearance: f,
           size: i,
-          underline: f,
+          underline: p,
           disabled: s
         }),
         m

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

@@ -59,14 +59,14 @@ const [L, l] = b("ListItemTrailing", {
     className: r,
     disabled: n = !1,
     density: f = "expanded",
-    priority: v = "end",
+    priority: x = "end",
     active: u = !1,
-    ...x
+    ...v
   } = s, c = d({
     consumerName: "ListItem",
     mergeWith: { disabled: n }
   });
-  return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: v }, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: x }, children: /* @__PURE__ */ a(
     "div",
     {
       ref: t,
@@ -81,11 +81,11 @@ const [L, l] = b("ListItemTrailing", {
         }),
         r
       ),
-      ...x,
+      ...v,
       children: i
     }
   ) }) });
-}, P = ({
+}, q = ({
   ref: e,
   children: t,
   className: s,
@@ -108,7 +108,7 @@ const [L, l] = b("ListItemTrailing", {
       children: t
     }
   );
-}, q = ({
+}, P = ({
   ref: e,
   children: t,
   className: s,
@@ -238,10 +238,10 @@ const [L, l] = b("ListItemTrailing", {
 };
 export {
   R as ListItem,
-  q as ListItemContent,
+  P as ListItemContent,
   C as ListItemContentRow,
   D as ListItemDescription,
-  P as ListItemLeading,
+  q as ListItemLeading,
   j as ListItemTitle,
   k as ListItemTrailing
 };

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

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { cn as n, getButtonA11yProps as v } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
-import { useState as g, useEffect as h } from "react";
-import { useCommonTranslation as x } from "../../../../i18n/useCommonTranslation.js";
+import { useState as x, useEffect as g } from "react";
+import { useCommonTranslation as h } from "../../../../i18n/useCommonTranslation.js";
 import { Close as N } from "../../symbols/icons/Close.js";
 import { InteractiveIcon as w } from "../InteractiveIcon/InteractiveIcon.js";
 const y = b(
@@ -26,8 +26,8 @@ const y = b(
   onClick: o,
   ...m
 }) => {
-  const { t: u } = x(), [f, l] = g(!1);
-  h(() => {
+  const { t: u } = h(), [f, l] = x(!1);
+  g(() => {
     l(!1);
   }, [t]);
   const p = t && !f;

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/lib/Components/core/NavBar/CoinCapsule.js

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