@payfit/unity-components 2.47.5 → 2.47.7

package/dist/esm/components/app-menu/parts/AppMenuFooter.js

@@ -1,247 +1,190 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as v, useRef as C, isValidElement as I, cloneElement as O } from "react";
-import { uyMerge as g } from "@payfit/unity-themes";
-import { FormattedMessage as h, useIntl as V } from "react-intl";
-import { Actionable as w } from "../../actionable/Actionable.js";
-import { Avatar as z } from "../../avatar/Avatar.js";
-import { AvatarFallback as F } from "../../avatar/parts/AvatarFallback.js";
-import { AvatarImage as H } from "../../avatar/parts/AvatarImage.js";
-import { Badge as j } from "../../badge/Badge.js";
-import { Icon as x } from "../../icon/Icon.js";
-import { Menu as k } from "../../menu/Menu.js";
-import { MenuContent as E } from "../../menu/parts/MenuContent.js";
-import { MenuHeader as S } from "../../menu/parts/MenuHeader.js";
-import { MenuTrigger as B } from "../../menu/parts/MenuTrigger.js";
-import { useAppMenuContext as R } from "./AppMenu.context.js";
-const M = (t) => /* @__PURE__ */ n(
-  z,
-  {
-    "aria-label": `${t.title} avatar`,
-    size: "md",
-    variant: "square",
-    "aria-labelledby": "profile-button-label",
-    children: [
-      /* @__PURE__ */ e(H, { src: t.avatar, alt: t.title ?? "" }),
-      /* @__PURE__ */ e(F, { variant: "initials", delayMs: 100, children: t.title }),
-      t.avatarPair && I(t.avatarPair) && O(t.avatarPair, {
-        isHidden: !t.isPairAvatarVisible
-      })
-    ]
-  }
-), q = ({
-  avatar: t,
-  avatarPair: r,
-  title: u,
-  uploadAvatarCallback: d,
-  uploadAvatarLabel: s,
-  uploadAvatarDescription: i
-}) => {
-  const [o, l] = v(!0), c = V(), a = () => {
-    r && l((m) => !m);
-  }, y = g(
-    "uy:group/avatar uy:cursor-pointer uy:relative uy:leading-[0] uy:rounded-75 uy:focus-visible:outline-none uy:focus-visible:ring-2 uy:focus-visible:ring-utility-focus-ring uy:focus-visible:ring-offset-2"
-  );
-  return /* @__PURE__ */ n(
-    w,
-    {
-      "aria-describedby": "profile-picture-change-desc",
-      "aria-label": s || c.formatMessage({
-        id: "unity:component:app-menu:footer:profile-button:avatar:change",
-        defaultMessage: "Change profile picture"
-      }),
-      className: y,
-      onHoverStart: a,
-      onHoverEnd: a,
-      onFocus: a,
-      onBlur: a,
-      onPress: () => {
-        d?.();
-      },
-      children: [
-        /* @__PURE__ */ e(
-          M,
-          {
-            avatar: t,
-            avatarPair: r,
-            title: u,
-            isPairAvatarVisible: o
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: "uy:flex uy:pointer-events-none uy:opacity-0 uy:group-hover/avatar:opacity-90 uy:group-hover/avatar:pointer-events-auto uy:group-focus-visible/avatar:opacity-90 uy:group-focus-visible/avatar:pointer-events-auto uy:bg-utility-backdrop uy:rounded-75 uy:absolute uy:top-0 uy:left-0 uy:w-full uy:h-full uy:transition-all uy:duration-200 uy:items-center uy:justify-center", children: [
-          /* @__PURE__ */ e(
-            x,
-            {
-              alt: "Camera",
-              color: "content.inverted",
-              size: 24,
-              src: "CameraOutlined"
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "uy:sr-only", id: "profile-picture-change-desc", children: i || /* @__PURE__ */ e(
-            h,
-            {
-              id: "unity:component:app-menu:footer:profile-button:avatar:change-description",
-              defaultMessage: "Press enter to change profile picture"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}, b = ({
-  asMenuHeader: t = !1,
-  avatar: r,
-  avatarPair: u,
-  badgeLabel: d,
-  description: s,
-  menuTriggerDescription: i,
-  title: o,
-  uploadAvatarCallback: l,
-  uploadAvatarLabel: c,
-  uploadAvatarDescription: a
-}) => /* @__PURE__ */ n("div", { className: "uy:min-w-[240px] uy:w-full uy:flex uy:items-center", children: [
-  /* @__PURE__ */ e("div", { className: "uy:mr-150 uy:flex uy:items-center", children: l ? /* @__PURE__ */ e(
-    q,
-    {
-      avatar: r,
-      avatarPair: u,
-      title: o,
-      uploadAvatarLabel: c,
-      uploadAvatarDescription: a,
-      uploadAvatarCallback: l
-    }
-  ) : /* @__PURE__ */ e(
-    M,
-    {
-      avatar: r,
-      avatarPair: u,
-      title: o,
-      isPairAvatarVisible: !0
-    }
-  ) }),
-  /* @__PURE__ */ n("div", { className: "uy:flex uy:flex-col uy:text-left uy:leading-[1.25] uy:min-w-[50%] uy:flex-grow", children: [
-    /* @__PURE__ */ e(
-      "span",
-      {
-        id: "profile-button-label",
-        className: "uy:typography-body-strong uy:text-content-neutral uy:text-wrap",
-        "data-dd-privacy": "mask",
-        children: o
-      }
-    ),
-    /* @__PURE__ */ e(
-      "span",
-      {
-        className: "uy:typography-body-small uy:text-content-neutral-low",
-        "data-dd-privacy": "allow",
-        children: s
-      }
-    ),
-    !t && /* @__PURE__ */ e("span", { id: "profile-button-description", className: "uy:sr-only", children: i || /* @__PURE__ */ e(
-      h,
-      {
-        id: "unity:component:app-menu:footer:profile-button:description",
-        defaultMessage: "Press this button to open the profile menu."
-      }
-    ) })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "uy:p-100", children: t ? /* @__PURE__ */ e(j, { className: "uy:capitalize", variant: "neutral", children: d }) : /* @__PURE__ */ e(
-    x,
-    {
-      src: "CaretUpDownOutlined",
-      alt: "open",
-      size: 20,
-      color: "content.neutral.low"
-    }
-  ) })
-] }), te = ({
-  avatar: t,
-  avatarPair: r,
-  badgeLabel: u,
-  children: d,
-  computeSlot: s,
-  description: i,
-  title: o,
-  menuTriggerDescription: l,
-  uploadAvatarCallback: c,
-  uploadAvatarLabel: a,
-  uploadAvatarDescription: y,
-  updateNotificationSlot: m
-}) => {
-  const { isMobileMenuOpen: N } = R(), [P, f] = v(!1), p = C(null), A = g(
-    "uy:fixed uy:bottom-0 uy:left-0 uy:right-0 uy:z-10 uy:bg-canvas",
-    "uy:p-150",
-    "uy:md:static uy:md:mt-auto uy:md:p-0 uy:md:bg-[transparent]",
-    "uy:data-[mobile-open=false]:hidden uy:md:data-[mobile-open=false]:block uy:data-[mobile-open=true]:block"
-  );
-  return /* @__PURE__ */ n(
-    "aside",
-    {
-      className: A,
-      "data-mobile-open": N,
-      id: "app-menu-profile-button",
-      children: [
-        s,
-        m,
-        /* @__PURE__ */ n(
-          k,
-          {
-            isOpen: P,
-            onOpenChange: f,
-            placement: "top left",
-            triggerRef: p,
-            children: [
-              /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(
-                w,
-                {
-                  ref: p,
-                  className: "uy:transition-colors uy:rounded-75 uy:px-150 uy:py-100 uy:w-full uy:theme-legacy:not-aria-disabled:hover:bg-surface-neutral-low-hover uy:theme-rebrand:not-aria-disabled:hover:bg-surface-neutral-lowest-hover uy:theme-legacy:not-aria-disabled:active:bg-surface-neutral-low-active uy:theme-rebrand:not-aria-disabled:active:bg-surface-neutral-lowest-active uy:theme-legacy:not-aria-disabled:data-[pressed=true]:bg-surface-neutral-low-pressed uy:theme-rebrand:not-aria-disabled:data-[pressed=true]:bg-surface-neutral-lowest-pressed uy:not-aria-disabled:focus-visible:outline-none uy:not-aria-disabled:focus-visible:ring-2 uy:not-aria-disabled:focus-visible:ring-utility-focus-ring uy:not-aria-disabled:focus-visible:ring-offset-2",
-                  "aria-labelledby": "profile-button-label",
-                  "aria-describedby": "profile-button-description",
-                  onPress: () => {
-                    f(!0);
-                  },
-                  children: /* @__PURE__ */ e(
-                    b,
-                    {
-                      avatar: t,
-                      avatarPair: r,
-                      badgeLabel: u,
-                      description: i,
-                      menuTriggerDescription: l,
-                      title: o,
-                      uploadAvatarCallback: c,
-                      uploadAvatarLabel: a,
-                      uploadAvatarDescription: y
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ n(E, { width: 312, children: [
-                /* @__PURE__ */ e(S, { className: "uy:rounded-75", children: /* @__PURE__ */ e(
-                  b,
-                  {
-                    asMenuHeader: !0,
-                    avatar: t,
-                    avatarPair: r,
-                    badgeLabel: u,
-                    description: i,
-                    menuTriggerDescription: l,
-                    title: o,
-                    uploadAvatarCallback: c,
-                    uploadAvatarLabel: a,
-                    uploadAvatarDescription: y
-                  }
-                ) }),
-                d
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  te as AppMenuFooter
+import { Actionable as e } from "../../actionable/Actionable.js";
+import { Icon as t } from "../../icon/Icon.js";
+import { Menu as n } from "../../menu/Menu.js";
+import { MenuContent as r } from "../../menu/parts/MenuContent.js";
+import { MenuTrigger as i } from "../../menu/parts/MenuTrigger.js";
+import { useAppMenuContext as a } from "./AppMenu.context.js";
+import { Avatar as o } from "../../avatar/Avatar.js";
+import { AvatarFallback as s } from "../../avatar/parts/AvatarFallback.js";
+import { AvatarImage as c } from "../../avatar/parts/AvatarImage.js";
+import { Badge as l } from "../../badge/Badge.js";
+import { MenuHeader as u } from "../../menu/parts/MenuHeader.js";
+import { cloneElement as d, isValidElement as f, useRef as p, useState as m } from "react";
+import { uyMerge as h } from "@payfit/unity-themes";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { FormattedMessage as v, useIntl as y } from "react-intl";
+//#region src/components/app-menu/parts/AppMenuFooter.tsx
+var b = (e) => /* @__PURE__ */ _(o, {
+	"aria-label": `${e.title} avatar`,
+	size: "md",
+	variant: "square",
+	"aria-labelledby": "profile-button-label",
+	children: [
+		/* @__PURE__ */ g(c, {
+			src: e.avatar,
+			alt: e.title ?? ""
+		}),
+		/* @__PURE__ */ g(s, {
+			variant: "initials",
+			delayMs: 100,
+			children: e.title
+		}),
+		e.avatarPair && f(e.avatarPair) && d(e.avatarPair, { isHidden: !e.isPairAvatarVisible })
+	]
+}), x = ({ avatar: n, avatarPair: r, title: i, uploadAvatarCallback: a, uploadAvatarLabel: o, uploadAvatarDescription: s }) => {
+	let [c, l] = m(!0), u = y(), d = () => {
+		r && l((e) => !e);
+	}, f = h("uy:group/avatar uy:cursor-pointer uy:relative uy:leading-[0] uy:rounded-75 uy:focus-visible:outline-none uy:focus-visible:ring-2 uy:focus-visible:ring-utility-focus-ring uy:focus-visible:ring-offset-2");
+	return /* @__PURE__ */ _(e, {
+		"aria-describedby": "profile-picture-change-desc",
+		"aria-label": o || u.formatMessage({
+			id: "unity:component:app-menu:footer:profile-button:avatar:change",
+			defaultMessage: "Change profile picture"
+		}),
+		className: f,
+		onHoverStart: d,
+		onHoverEnd: d,
+		onFocus: d,
+		onBlur: d,
+		onPress: () => {
+			a?.();
+		},
+		children: [/* @__PURE__ */ g(b, {
+			avatar: n,
+			avatarPair: r,
+			title: i,
+			isPairAvatarVisible: c
+		}), /* @__PURE__ */ _("div", {
+			className: "uy:flex uy:pointer-events-none uy:opacity-0 uy:group-hover/avatar:opacity-90 uy:group-hover/avatar:pointer-events-auto uy:group-focus-visible/avatar:opacity-90 uy:group-focus-visible/avatar:pointer-events-auto uy:bg-utility-backdrop uy:rounded-75 uy:absolute uy:top-0 uy:left-0 uy:w-full uy:h-full uy:transition-all uy:duration-200 uy:items-center uy:justify-center",
+			children: [/* @__PURE__ */ g(t, {
+				alt: "Camera",
+				color: "content.inverted",
+				size: 24,
+				src: "CameraOutlined"
+			}), /* @__PURE__ */ g("span", {
+				className: "uy:sr-only",
+				id: "profile-picture-change-desc",
+				children: s || /* @__PURE__ */ g(v, {
+					id: "unity:component:app-menu:footer:profile-button:avatar:change-description",
+					defaultMessage: "Press enter to change profile picture"
+				})
+			})]
+		})]
+	});
+}, S = ({ asMenuHeader: e = !1, avatar: n, avatarPair: r, badgeLabel: i, description: a, menuTriggerDescription: o, title: s, uploadAvatarCallback: c, uploadAvatarLabel: u, uploadAvatarDescription: d }) => /* @__PURE__ */ _("div", {
+	className: "uy:min-w-[240px] uy:w-full uy:flex uy:items-center",
+	children: [
+		/* @__PURE__ */ g("div", {
+			className: "uy:mr-150 uy:flex uy:items-center",
+			children: c ? /* @__PURE__ */ g(x, {
+				avatar: n,
+				avatarPair: r,
+				title: s,
+				uploadAvatarLabel: u,
+				uploadAvatarDescription: d,
+				uploadAvatarCallback: c
+			}) : /* @__PURE__ */ g(b, {
+				avatar: n,
+				avatarPair: r,
+				title: s,
+				isPairAvatarVisible: !0
+			})
+		}),
+		/* @__PURE__ */ _("div", {
+			className: "uy:flex uy:flex-col uy:text-left uy:leading-[1.25] uy:min-w-[50%] uy:flex-grow",
+			children: [
+				/* @__PURE__ */ g("span", {
+					id: "profile-button-label",
+					className: "uy:typography-body-strong uy:text-content-neutral uy:text-wrap",
+					"data-dd-privacy": "mask",
+					children: s
+				}),
+				/* @__PURE__ */ g("span", {
+					className: "uy:typography-body-small uy:text-content-neutral-low",
+					"data-dd-privacy": "allow",
+					children: a
+				}),
+				!e && /* @__PURE__ */ g("span", {
+					id: "profile-button-description",
+					className: "uy:sr-only",
+					children: o || /* @__PURE__ */ g(v, {
+						id: "unity:component:app-menu:footer:profile-button:description",
+						defaultMessage: "Press this button to open the profile menu."
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ g("div", {
+			className: "uy:p-100",
+			children: e ? /* @__PURE__ */ g(l, {
+				className: "uy:capitalize",
+				variant: "neutral",
+				children: i
+			}) : /* @__PURE__ */ g(t, {
+				src: "CaretUpDownOutlined",
+				alt: "open",
+				size: 20,
+				color: "content.neutral.low"
+			})
+		})
+	]
+}), C = ({ avatar: t, avatarPair: o, badgeLabel: s, children: c, computeSlot: l, description: d, title: f, menuTriggerDescription: v, uploadAvatarCallback: y, uploadAvatarLabel: b, uploadAvatarDescription: x, updateNotificationSlot: C }) => {
+	let { isMobileMenuOpen: w } = a(), [T, E] = m(!1), D = p(null);
+	return /* @__PURE__ */ _("aside", {
+		className: h("uy:fixed uy:bottom-0 uy:left-0 uy:right-0 uy:z-10 uy:bg-canvas", "uy:p-150", "uy:md:static uy:md:mt-auto uy:md:p-0 uy:md:bg-[transparent]", "uy:data-[mobile-open=false]:hidden uy:md:data-[mobile-open=false]:block uy:data-[mobile-open=true]:block"),
+		"data-mobile-open": w,
+		id: "app-menu-profile-button",
+		children: [
+			l,
+			C,
+			/* @__PURE__ */ _(n, {
+				isOpen: T,
+				onOpenChange: E,
+				placement: "top left",
+				triggerRef: D,
+				children: [/* @__PURE__ */ g(i, {
+					asChild: !0,
+					children: /* @__PURE__ */ g(e, {
+						ref: D,
+						className: "uy:transition-colors uy:rounded-75 uy:px-150 uy:py-100 uy:w-full uy:theme-legacy:not-aria-disabled:hover:bg-surface-neutral-low-hover uy:theme-rebrand:not-aria-disabled:hover:bg-surface-neutral-lowest-hover uy:theme-legacy:not-aria-disabled:active:bg-surface-neutral-low-active uy:theme-rebrand:not-aria-disabled:active:bg-surface-neutral-lowest-active uy:theme-legacy:not-aria-disabled:data-[pressed=true]:bg-surface-neutral-low-pressed uy:theme-rebrand:not-aria-disabled:data-[pressed=true]:bg-surface-neutral-lowest-pressed uy:not-aria-disabled:focus-visible:outline-none uy:not-aria-disabled:focus-visible:ring-2 uy:not-aria-disabled:focus-visible:ring-utility-focus-ring uy:not-aria-disabled:focus-visible:ring-offset-2",
+						"aria-labelledby": "profile-button-label",
+						"aria-describedby": "profile-button-description",
+						onPress: () => {
+							E(!0);
+						},
+						children: /* @__PURE__ */ g(S, {
+							avatar: t,
+							avatarPair: o,
+							badgeLabel: s,
+							description: d,
+							menuTriggerDescription: v,
+							title: f,
+							uploadAvatarCallback: y,
+							uploadAvatarLabel: b,
+							uploadAvatarDescription: x
+						})
+					})
+				}), /* @__PURE__ */ _(r, {
+					width: 312,
+					children: [/* @__PURE__ */ g(u, {
+						className: "uy:rounded-75",
+						children: /* @__PURE__ */ g(S, {
+							asMenuHeader: !0,
+							avatar: t,
+							avatarPair: o,
+							badgeLabel: s,
+							description: d,
+							menuTriggerDescription: v,
+							title: f,
+							uploadAvatarCallback: y,
+							uploadAvatarLabel: b,
+							uploadAvatarDescription: x
+						})
+					}), c]
+				})]
+			})
+		]
+	});
 };
+//#endregion
+export { C as AppMenuFooter };

package/dist/esm/components/app-menu/parts/AppMenuHeader.js

@@ -1,51 +1,54 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Link as m } from "react-aria-components/Link";
+import { isMobileBreakpoint as e, useBreakpointListener as t } from "../../../hooks/use-breakpoint-listener.js";
+import { Button as n } from "../../button/Button.js";
+import { useAppMenuContext as r } from "./AppMenu.context.js";
+import { PayFitBrand as i } from "../../payfit-brand/PayFitBrand.js";
+import { PayFitBrandPreprod as a } from "../../payfit-brand/PayFitPreprod.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useIntl as c } from "react-intl";
-import { useBreakpointListener as y, isMobileBreakpoint as f } from "../../../hooks/use-breakpoint-listener.js";
-import { Button as h } from "../../button/Button.js";
-import { PayFitBrand as b } from "../../payfit-brand/PayFitBrand.js";
-import { PayFitBrandPreprod as g } from "../../payfit-brand/PayFitPreprod.js";
-import { useAppMenuContext as x } from "./AppMenu.context.js";
-const j = ({
-  environment: r,
-  brandLabel: i,
-  notificationsComponent: t,
-  searchComponent: l,
-  renderLink: s = ({ children: n }) => /* @__PURE__ */ e(m, { href: "/", children: n })
-}) => {
-  const { isMobileMenuOpen: n, toggleMobileMenu: p } = x(), d = c(), u = y(), a = f(u);
-  return /* @__PURE__ */ o("header", { className: "uy:flex uy:flex-col uy:gap-y-200 uy:pl-25 uy:pr-25", children: [
-    /* @__PURE__ */ o("div", { className: "uy:flex uy:items-center", children: [
-      /* @__PURE__ */ e("div", { className: "uy:flex-1", children: s({ children: r === "prod" ? /* @__PURE__ */ e(
-        b,
-        {
-          label: i,
-          width: a ? 36 : 104,
-          showOnlyMonogram: a
-        }
-      ) : /* @__PURE__ */ e(g, { label: i, env: r }) }) }),
-      /* @__PURE__ */ o("div", { className: "uy:flex uy:gap-150 uy:items-center", children: [
-        t,
-        /* @__PURE__ */ e("div", { className: "uy:block uy:md:hidden", children: /* @__PURE__ */ e(
-          h,
-          {
-            variant: "ghost",
-            color: "neutral",
-            prefixIcon: n ? "CloseOutlined" : "ListOutlined",
-            onPress: p,
-            "aria-expanded": n,
-            "aria-controls": "app-menu-nav-container app-menu-profile-button",
-            children: d.formatMessage({
-              id: n ? "unity:component:app-menu:header:menu-close" : "unity:component:app-menu:header:menu-open",
-              defaultMessage: n ? "Close navigation" : "Open navigation"
-            })
-          }
-        ) })
-      ] })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "uy:hidden uy:md:flex", children: l })
-  ] });
-};
-export {
-  j as AppMenuHeader
+import { Link as l } from "react-aria-components/Link";
+//#region src/components/app-menu/parts/AppMenuHeader.tsx
+var u = ({ environment: u, brandLabel: d, notificationsComponent: f, searchComponent: p, renderLink: m = ({ children: e }) => /* @__PURE__ */ o(l, {
+	href: "/",
+	children: e
+}) }) => {
+	let { isMobileMenuOpen: h, toggleMobileMenu: g } = r(), _ = c(), v = e(t());
+	return /* @__PURE__ */ s("header", {
+		className: "uy:flex uy:flex-col uy:gap-y-200 uy:pl-25 uy:pr-25",
+		children: [/* @__PURE__ */ s("div", {
+			className: "uy:flex uy:items-center",
+			children: [/* @__PURE__ */ o("div", {
+				className: "uy:flex-1",
+				children: m({ children: u === "prod" ? /* @__PURE__ */ o(i, {
+					label: d,
+					width: v ? 36 : 104,
+					showOnlyMonogram: v
+				}) : /* @__PURE__ */ o(a, {
+					label: d,
+					env: u
+				}) })
+			}), /* @__PURE__ */ s("div", {
+				className: "uy:flex uy:gap-150 uy:items-center",
+				children: [f, /* @__PURE__ */ o("div", {
+					className: "uy:block uy:md:hidden",
+					children: /* @__PURE__ */ o(n, {
+						variant: "ghost",
+						color: "neutral",
+						prefixIcon: h ? "CloseOutlined" : "ListOutlined",
+						onPress: g,
+						"aria-expanded": h,
+						"aria-controls": "app-menu-nav-container app-menu-profile-button",
+						children: _.formatMessage({
+							id: h ? "unity:component:app-menu:header:menu-close" : "unity:component:app-menu:header:menu-open",
+							defaultMessage: h ? "Close navigation" : "Open navigation"
+						})
+					})
+				})]
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "uy:hidden uy:md:flex",
+			children: p
+		})]
+	});
 };
+//#endregion
+export { u as AppMenuHeader };

package/dist/esm/components/app-menu/parts/AppMenuNavContent.js

@@ -1,23 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
-import { uyMerge as y } from "@payfit/unity-themes";
-import { useAppMenuContext as a } from "./AppMenu.context.js";
-const r = ({ children: e }) => {
-  const { isMobileMenuOpen: u } = a(), o = y(
-    "uy:flex-col uy:overflow-y-auto uy:overflow-x-hidden uy:gap-y-100 uy:pl-200 uy:pr-200 uy:pb-200 uy:scroll-py-100 uy:md:flex",
-    "uy:bg-canvas uy:md:bg-[transparent]",
-    "uy:absolute uy:top-800 uy:left-0 uy:right-0 uy:z-10 uy:h-svh uy:md:static uy:md:w-auto uy:md:pl-50 uy:md:pr-50 uy:md:pb-50",
-    "uy:data-[mobile-open=false]:hidden uy:md:data-[mobile-open=false]:flex uy:data-[mobile-open=true]:flex"
-  );
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: o,
-      "data-mobile-open": u,
-      id: "app-menu-nav-container",
-      children: e
-    }
-  );
-};
-export {
-  r as AppMenuNavContent
+import { useAppMenuContext as e } from "./AppMenu.context.js";
+import { uyMerge as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/app-menu/parts/AppMenuNavContent.tsx
+var r = ({ children: r }) => {
+	let { isMobileMenuOpen: i } = e();
+	return /* @__PURE__ */ n("div", {
+		className: t("uy:flex-col uy:overflow-y-auto uy:overflow-x-hidden uy:gap-y-100 uy:pl-200 uy:pr-200 uy:pb-200 uy:scroll-py-100 uy:md:flex", "uy:bg-canvas uy:md:bg-[transparent]", "uy:absolute uy:top-800 uy:left-0 uy:right-0 uy:z-10 uy:h-svh uy:md:static uy:md:w-auto uy:md:pl-50 uy:md:pr-50 uy:md:pb-50", "uy:data-[mobile-open=false]:hidden uy:md:data-[mobile-open=false]:flex uy:data-[mobile-open=true]:flex"),
+		"data-mobile-open": i,
+		id: "app-menu-nav-container",
+		children: r
+	});
 };
+//#endregion
+export { r as AppMenuNavContent };