@ledgerhq/lumen-ui-react 0.0.66 → 0.0.68

package/dist/index.js

@@ -24,8 +24,9 @@ import { Switch as Ge } from "./lib/Components/Switch/Switch.js";
 import { Tag as Re } from "./lib/Components/Tag/Tag.js";
 import { TextInput as Fe } from "./lib/Components/TextInput/TextInput.js";
 import { Tile as je, TileContent as qe, TileDescription as ze, TileSecondaryAction as Ee, TileSpot as Je, TileTitle as Ke } from "./lib/Components/Tile/Tile.js";
-import { Tooltip as Oe, TooltipContent as Qe, TooltipProvider as Ue, TooltipTrigger as Ve } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Xe, useTheme as Ye } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { TileButton as Oe } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Ue, TooltipContent as Ve, TooltipProvider as We, TooltipTrigger as Xe } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Ze, useTheme as _e } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 export {
   n as AddressInput,
   p as AmountInput,
@@ -91,16 +92,17 @@ export {
   Ge as Switch,
   Re as Tag,
   Fe as TextInput,
-  Xe as ThemeProvider,
+  Ze as ThemeProvider,
   je as Tile,
+  Oe as TileButton,
   qe as TileContent,
   ze as TileDescription,
   Ee as TileSecondaryAction,
   Je as TileSpot,
   Ke as TileTitle,
-  Oe as Tooltip,
-  Qe as TooltipContent,
-  Ue as TooltipProvider,
-  Ve as TooltipTrigger,
-  Ye as useTheme
+  Ue as Tooltip,
+  Ve as TooltipContent,
+  We as TooltipProvider,
+  Xe as TooltipTrigger,
+  _e as useTheme
 };

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

@@ -1,5 +1,5 @@
-import { jsxs as F, jsx as l } from "react/jsx-runtime";
-import { getFontSize as V, cn as a, textFormatter as j } from "../../../libs/utils-shared/dist/index.js";
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+import { getFontSize as V, cn as a, textFormatter as F } from "../../../libs/utils-shared/dist/index.js";
 import { cva as z } from "class-variance-authority";
 import M, { useRef as p, useState as h, useMemo as _, useLayoutEffect as q, useEffect as D } from "react";
 const L = z(
@@ -42,8 +42,8 @@ const L = z(
     onChange: C,
     ...N
   }, A) => {
-    const c = p(null), s = p(null), [n, f] = h(u.toString()), [I, m] = h(!1), g = p(n);
-    function k(...t) {
+    const c = p(null), s = p(null), [n, f] = h(u.toString()), [E, m] = h(!1), g = p(n);
+    function j(...t) {
       return (e) => {
         t.forEach((o) => {
           o && (typeof o == "function" ? o(e) : o.current = e);
@@ -62,8 +62,8 @@ const L = z(
     }, [n]), D(() => {
       f(u.toString());
     }, [u]);
-    const E = (t) => {
-      const e = j(t.target.value, {
+    const k = (t) => {
+      const e = F(t.target.value, {
         allowDecimals: y,
         thousandsSeparator: R,
         maxIntegerLength: S,
@@ -71,7 +71,7 @@ const L = z(
       });
       f(e), C({ ...t, target: { ...t.target, value: e } }), e !== g.current && m(!0), g.current = e;
     };
-    return /* @__PURE__ */ F(
+    return /* @__PURE__ */ I(
       "div",
       {
         className: "group relative flex items-center justify-center transition-transform",
@@ -103,14 +103,14 @@ const L = z(
           /* @__PURE__ */ l(
             "input",
             {
-              ref: k(A, s),
+              ref: j(A, s),
               type: "text",
               inputMode: "decimal",
               disabled: w,
               value: n,
-              onChange: E,
+              onChange: k,
               onAnimationEnd: () => m(!1),
-              className: a(L({ isChanging: I }), x),
+              className: a(L({ isChanging: E }), x),
               ...N,
               style: { fontSize: i, letterSpacing: "normal" }
             }

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -30,11 +30,11 @@ const q = a(
     inputClassName: S,
     labelClassName: k,
     label: u,
-    id: z,
+    id: j,
     disabled: f,
     errorMessage: i,
     suffix: E,
-    prefix: j,
+    prefix: z,
     onClear: p,
     hideClearButton: B = !1,
     "aria-invalid": m,
@@ -42,7 +42,7 @@ const q = a(
     ...o
   }, C) => {
     var x;
-    const { t: D } = _(), r = l.useRef(null), F = l.useId(), b = z || `input-${F}`, L = m || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = l.useState(
+    const { t: D } = _(), r = l.useRef(null), F = l.useId(), b = j || `input-${F}`, L = m || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = l.useState(
       ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
     ), V = l.useCallback(
       (t) => {
@@ -86,7 +86,7 @@ const q = a(
             });
           },
           children: [
-            j,
+            z,
             /* @__PURE__ */ n(
               "input",
               {

package/dist/lib/Components/Button/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAqDzC,eAAO,MAAM,UAAU;;;;;;;;;YAxCf,CAAF;iBACI,CAAH;;;2FAkHN,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAyDzC,eAAO,MAAM,UAAU;;;;;;;;;YA3CP,CAAC;iBAAqB,CAAC;;;2FAyGtC,CAAC"}

package/dist/lib/Components/Button/BaseButton.js

@@ -1,11 +1,11 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
 import { cn as h } from "../../../libs/utils-shared/dist/index.js";
-import { Slot as z, Slottable as S } from "@radix-ui/react-slot";
+import { Slot as y, Slottable as z } from "@radix-ui/react-slot";
 import { cva as l } from "class-variance-authority";
-import y, { useCallback as B } from "react";
+import B from "react";
 import { Spinner as N } from "../Spinner/Spinner.js";
-const j = l(
-  'inline-flex size-fit cursor-pointer items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus data-[disabled="true"]:bg-disabled data-[disabled="true"]:text-disabled',
+const S = l(
+  'inline-flex size-fit items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus data-[disabled="true"]:bg-disabled data-[disabled="true"]:text-disabled',
   {
     variants: {
       appearance: {
@@ -16,6 +16,10 @@ const j = l(
         "no-background": "bg-transparent text-base hover:bg-base-transparent-hover active:bg-base-transparent-pressed disabled:bg-base-transparent",
         red: "bg-error text-error hover:bg-error-hover active:bg-error-pressed"
       },
+      disabled: {
+        true: "cursor-default",
+        false: "cursor-pointer"
+      },
       size: {
         xs: "p-8",
         sm: "p-10",
@@ -32,7 +36,7 @@ const j = l(
       isFull: !1
     }
   }
-), u = l("shrink-0", {
+), d = l("shrink-0", {
   variants: {
     appearance: {
       base: "text-on-interactive",
@@ -46,69 +50,60 @@ const j = l(
       true: "text-disabled"
     }
   }
-}), V = y.forwardRef(
+}), j = B.forwardRef(
   ({
-    className: d,
-    appearance: s = "base",
-    size: n,
-    isFull: m,
-    disabled: e,
-    asChild: i = !1,
-    icon: c,
-    loading: t,
-    children: o,
-    onClick: a,
+    className: u,
+    appearance: a = "base",
+    size: r,
+    isFull: p,
+    disabled: e = !1,
+    asChild: o = !1,
+    icon: i,
+    loading: s,
+    children: n,
+    onClick: m,
     ...v
   }, f) => {
-    const g = B(
-      (p) => {
-        if (e || t) {
-          p.preventDefault();
-          return;
-        }
-        a == null || a(p);
-      },
-      [e, t, a]
-    ), b = n ? {
+    const g = {
       xs: 16,
       sm: 20,
       md: 24,
       lg: 24
-    }[n] : 24;
+    }, c = s || e, b = r ? g[r] : 24;
     return /* @__PURE__ */ x(
-      i ? z : "button",
+      o ? y : "button",
       {
         className: h(
-          j({ appearance: s, size: n, isFull: m }),
-          d
+          S({ disabled: e, appearance: a, size: r, isFull: p }),
+          u
         ),
         ref: f,
-        "data-disabled": e || void 0,
-        disabled: e,
-        onClick: g,
+        "data-disabled": c || void 0,
+        disabled: c,
+        onClick: m,
         ...v,
         children: [
-          t && /* @__PURE__ */ r(
+          s && /* @__PURE__ */ t(
             N,
             {
               size: b,
-              className: u({ appearance: s, disabled: e })
+              className: d({ appearance: a, disabled: e })
             }
           ),
-          !t && c && /* @__PURE__ */ r(
-            c,
+          !s && i && /* @__PURE__ */ t(
+            i,
             {
               size: b,
-              className: u({ appearance: s, disabled: e })
+              className: d({ appearance: a, disabled: e })
             }
           ),
-          o && (i ? /* @__PURE__ */ r(S, { children: o }) : /* @__PURE__ */ r("span", { className: "line-clamp-2 text-left", children: o }))
+          n && (o ? /* @__PURE__ */ t(z, { children: n }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: n }))
         ]
       }
     );
   }
 );
-V.displayName = "BaseButton";
+j.displayName = "BaseButton";
 export {
-  V as BaseButton
+  j as BaseButton
 };

package/dist/lib/Components/Dialog/Dialog.js

@@ -47,7 +47,7 @@ const d = n.forwardRef(
   )
 );
 d.displayName = "DialogOverlay";
-function O({
+function j({
   className: a,
   children: t,
   ...e
@@ -109,7 +109,7 @@ D.displayName = "DialogFooter";
 export {
   C as Dialog,
   y as DialogBody,
-  O as DialogContent,
+  j as DialogContent,
   D as DialogFooter,
   R as DialogTrigger
 };

package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;;;2FAW1B,CAAC"}
+{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/InteractiveIcon/InteractiveIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,eAAe;;;2FAY1B,CAAC"}

package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js

@@ -1,23 +1,28 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as i } from "../../../libs/utils-shared/dist/index.js";
-import { cva as a } from "class-variance-authority";
-import n from "react";
-const c = a(
-  "inline-flex size-fit cursor-pointer items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
+import { jsx as i } from "react/jsx-runtime";
+import { cn as a } from "../../../libs/utils-shared/dist/index.js";
+import { cva as n } from "class-variance-authority";
+import l from "react";
+const c = n(
+  "inline-flex size-fit items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
   {
     variants: {
       iconType: {
         filled: "",
         stroked: "bg-base-transparent hover:bg-base-transparent-hover active:bg-base-transparent-pressed disabled:bg-disabled"
+      },
+      disabled: {
+        true: "cursor-default",
+        false: "cursor-pointer"
       }
     }
   }
-), d = n.forwardRef(({ className: e, iconType: t, ...r }, s) => /* @__PURE__ */ o(
+), d = l.forwardRef(({ className: t, iconType: r, disabled: e = !1, ...s }, o) => /* @__PURE__ */ i(
   "button",
   {
-    ref: s,
-    className: i(e, c({ iconType: t })),
-    ...r
+    ...s,
+    ref: o,
+    disabled: e,
+    className: a(t, c({ disabled: e, iconType: r }))
   }
 ));
 d.displayName = "InteractiveIcon";

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

@@ -4,7 +4,7 @@ import { Slot as b } from "@radix-ui/react-slot";
 import { cva as h } from "class-variance-authority";
 import x from "react";
 import { ExternalLink as k } from "../../Symbols/Icons/ExternalLink.js";
-const z = h(
+const N = h(
   "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
   {
     variants: {
@@ -29,7 +29,7 @@ const z = h(
       underline: !0
     }
   }
-), N = x.forwardRef(
+), w = x.forwardRef(
   ({
     className: l,
     children: r,
@@ -51,7 +51,7 @@ const z = h(
         ref: d,
         className: v(
           l,
-          z({
+          N({
             appearance: m,
             size: i,
             underline: f
@@ -79,7 +79,7 @@ const z = h(
     );
   }
 );
-N.displayName = "Link";
+w.displayName = "Link";
 export {
-  N as Link
+  w as Link
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,SAAS,EAET,gBAAgB,EAChB,aAAa,EAOb,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;;oJASf,CAAC;AAGH,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;;;;;;qIAalB,CAAC;AAGH,QAAA,MAAM,cAAc;;6MAUlB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;qIAcf,CAAC;AAGH,QAAA,MAAM,QAAQ;;;;;;;qIAUZ,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;0EAkBpB,CAAC;AAGH,QAAA,MAAM,aAAa;;0EAiBjB,CAAC;AAGH,QAAA,MAAM,SAAS;;;;qIAUb,CAAC;AAGH,QAAA,MAAM,aAAa;;;qIAQlB,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,SAAS,EAET,gBAAgB,EAChB,aAAa,EAOb,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;;oJASf,CAAC;AAGH,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;;;;;;qIAalB,CAAC;AAGH,QAAA,MAAM,cAAc;;6MAUlB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;qIAqBf,CAAC;AAGH,QAAA,MAAM,QAAQ;;;;;;;qIAUZ,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;0EAkBpB,CAAC;AAGH,QAAA,MAAM,aAAa;;0EAiBjB,CAAC;AAGH,QAAA,MAAM,SAAS;;;;qIAUb,CAAC;AAGH,QAAA,MAAM,aAAa;;;qIAQlB,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}

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

@@ -1,16 +1,16 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { cn as o } from "../../../libs/utils-shared/dist/index.js";
+import { cn as r } from "../../../libs/utils-shared/dist/index.js";
 import * as t from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
-import { Check as u } from "../../Symbols/Icons/Check.js";
-import { Divider as p } from "../Divider/Divider.js";
-import { ChevronRight as f } from "../../Symbols/Icons/ChevronRight.js";
-const c = o(
+import { Check as p } from "../../Symbols/Icons/Check.js";
+import { Divider as b } from "../Divider/Divider.js";
+import { ChevronRight as N } from "../../Symbols/Icons/ChevronRight.js";
+const f = r(
   "z-menu min-w-160 overflow-hidden rounded-sm bg-muted p-8",
   "shadow-sm",
   "data-[state=open]:animate-fade-in",
   "data-[state=closed]:animate-fade-out"
-), d = o(
+), d = r(
   "relative flex cursor-default items-center gap-12 select-none",
   "h-44 rounded-sm px-8 outline-hidden",
   "body-2-semi-bold text-base",
@@ -18,147 +18,151 @@ const c = o(
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-disabled:pointer-events-none data-disabled:text-disabled"
-), b = o("px-8 py-4 body-3-semi-bold text-muted"), N = o(
+), g = r("px-8 py-4 body-3-semi-bold text-muted"), y = r(
   d,
   "data-[state=open]:bg-base-transparent-hover"
 );
-function j({ ...e }) {
+function G({ ...e }) {
   return /* @__PURE__ */ a(t.Root, { "data-slot": "menu", ...e });
 }
-const y = i.forwardRef(({ ...e }, s) => /* @__PURE__ */ a(
+const h = i.forwardRef(({ ...e }, n) => /* @__PURE__ */ a(
   t.Trigger,
   {
-    ref: s,
+    ref: n,
     "data-slot": "menu-trigger",
     ...e
   }
 ));
-y.displayName = t.Trigger.displayName;
-function G({ ...e }) {
+h.displayName = t.Trigger.displayName;
+function L({ ...e }) {
   return /* @__PURE__ */ a(t.Group, { "data-slot": "menu-group", ...e });
 }
-function P({
+function D({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Portal, { ...e });
 }
-function L({
+function q({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Sub, { ...e });
 }
-function D({ ...e }) {
+function A({ ...e }) {
   return /* @__PURE__ */ a(t.RadioGroup, { "data-slot": "menu-radio-group", ...e });
 }
-const g = i.forwardRef(({ className: e, inset: s, children: n, ...r }, m) => /* @__PURE__ */ l(
+const x = i.forwardRef(({ className: e, inset: n, children: o, ...s }, m) => /* @__PURE__ */ l(
   t.SubTrigger,
   {
     ref: m,
     "data-slot": "menu-sub-trigger",
-    className: o(N, s && "pl-32", e),
-    ...r,
+    className: r(y, n && "pl-32", e),
+    ...s,
     children: [
-      n,
-      /* @__PURE__ */ a(f, { size: 20, className: "ml-auto text-muted" })
+      o,
+      /* @__PURE__ */ a(N, { size: 20, className: "ml-auto text-muted" })
     ]
   }
 ));
-g.displayName = t.SubTrigger.displayName;
-const h = i.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ a(
+x.displayName = t.SubTrigger.displayName;
+const R = i.forwardRef(({ className: e, ...n }, o) => /* @__PURE__ */ a(
   t.SubContent,
   {
-    ref: n,
+    ref: o,
     "data-slot": "menu-sub-content",
-    className: o(c, e),
-    ...s
+    className: r(f, e),
+    ...n
   }
 ));
-h.displayName = t.SubContent.displayName;
-const x = i.forwardRef(({ className: e, sideOffset: s = 4, align: n = "start", ...r }, m) => /* @__PURE__ */ a(t.Portal, { children: /* @__PURE__ */ a(
+R.displayName = t.SubContent.displayName;
+const M = i.forwardRef(({ className: e, sideOffset: n = 4, align: o = "start", ...s }, m) => /* @__PURE__ */ a(t.Portal, { children: /* @__PURE__ */ a(
   t.Content,
   {
     ref: m,
     "data-slot": "menu-content",
-    sideOffset: s,
-    className: o(c, e),
-    align: n,
-    ...r
+    sideOffset: n,
+    className: r(f, e),
+    onClick: (u) => {
+      var c;
+      u.stopPropagation(), (c = s.onClick) == null || c.call(s, u);
+    },
+    align: o,
+    ...s
   }
 ) }));
-x.displayName = t.Content.displayName;
-const R = i.forwardRef(({ className: e, inset: s, ...n }, r) => /* @__PURE__ */ a(
+M.displayName = t.Content.displayName;
+const w = i.forwardRef(({ className: e, inset: n, ...o }, s) => /* @__PURE__ */ a(
   t.Item,
   {
-    ref: r,
+    ref: s,
     "data-slot": "menu-item",
-    className: o(d, s && "pl-32", e),
-    ...n
+    className: r(d, n && "pl-32", e),
+    ...o
   }
 ));
-R.displayName = t.Item.displayName;
-const M = i.forwardRef(({ className: e, children: s, checked: n, ...r }, m) => /* @__PURE__ */ l(
+w.displayName = t.Item.displayName;
+const S = i.forwardRef(({ className: e, children: n, checked: o, ...s }, m) => /* @__PURE__ */ l(
   t.CheckboxItem,
   {
     ref: m,
     "data-slot": "menu-checkbox-item",
-    className: o(d, e),
-    checked: n,
-    ...r,
+    className: r(d, e),
+    checked: o,
+    ...s,
     children: [
-      s,
-      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
+      n,
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(p, { size: 24, className: "text-active" }) }) })
     ]
   }
 ));
-M.displayName = t.CheckboxItem.displayName;
-const w = i.forwardRef(({ className: e, children: s, ...n }, r) => /* @__PURE__ */ l(
+S.displayName = t.CheckboxItem.displayName;
+const C = i.forwardRef(({ className: e, children: n, ...o }, s) => /* @__PURE__ */ l(
   t.RadioItem,
   {
-    ref: r,
+    ref: s,
     "data-slot": "menu-radio-item",
-    className: o(d, e),
-    ...n,
+    className: r(d, e),
+    ...o,
     children: [
-      s,
-      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
+      n,
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(p, { size: 24, className: "text-active" }) }) })
     ]
   }
 ));
-w.displayName = t.RadioItem.displayName;
-const S = i.forwardRef(({ className: e, inset: s, ...n }, r) => /* @__PURE__ */ a(
+C.displayName = t.RadioItem.displayName;
+const I = i.forwardRef(({ className: e, inset: n, ...o }, s) => /* @__PURE__ */ a(
   t.Label,
   {
-    ref: r,
+    ref: s,
     "data-slot": "menu-label",
-    className: o(b, s && "pl-32", e),
-    ...n
+    className: r(g, n && "pl-32", e),
+    ...o
   }
 ));
-S.displayName = t.Label.displayName;
-const I = i.forwardRef(
-  ({ className: e, ...s }, n) => /* @__PURE__ */ a(
-    p,
+I.displayName = t.Label.displayName;
+const v = i.forwardRef(
+  ({ className: e, ...n }, o) => /* @__PURE__ */ a(
+    b,
     {
-      ref: n,
-      className: o("mx-8 my-4 w-auto", e),
-      ...s
+      ref: o,
+      className: r("mx-8 my-4 w-auto", e),
+      ...n
     }
   )
 );
-I.displayName = "MenuSeparator";
+v.displayName = "MenuSeparator";
 export {
-  j as Menu,
-  M as MenuCheckboxItem,
-  x as MenuContent,
-  G as MenuGroup,
-  R as MenuItem,
-  S as MenuLabel,
-  P as MenuPortal,
-  D as MenuRadioGroup,
-  w as MenuRadioItem,
-  I as MenuSeparator,
-  L as MenuSub,
-  h as MenuSubContent,
-  g as MenuSubTrigger,
-  y as MenuTrigger
+  G as Menu,
+  S as MenuCheckboxItem,
+  M as MenuContent,
+  L as MenuGroup,
+  w as MenuItem,
+  I as MenuLabel,
+  D as MenuPortal,
+  A as MenuRadioGroup,
+  C as MenuRadioItem,
+  v as MenuSeparator,
+  q as MenuSub,
+  R as MenuSubContent,
+  x as MenuSubTrigger,
+  h as MenuTrigger
 };