@nulogy/components 16.1.0 → 17.0.0

package/dist/esm/Navigation/components/MenuSubItem/parts/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/Navigation/components/MenuSubItem/parts/styled.tsx"],"sourcesContent":["import * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { styled } from \"styled-components\";\nimport { addStyledProps, StyledProps } from \"../../../../StyledProps\";\nimport { NAVIGATION_SUB_MENU_MIN_WIDTH_PX } from \"../../shared/constants\";\nimport { disableHoverEvents } from \"../../shared/disableHoverEvents\";\nimport { DefaultNDSThemeType } from \"../../../../theme\";\nconst getSharedPaddingStyles = (theme: DefaultNDSThemeType) => ({\n  paddingTop: theme.space.x1,\n  paddingBottom: theme.space.x1,\n});\n\nconst getSharedInteractiveItemStyles = (theme: DefaultNDSThemeType) => ({\n  paddingLeft: theme.space.x1_5,\n  paddingRight: theme.space.x1_5,\n  fontWeight: theme.fontWeights.medium,\n  fontSize: theme.fontSizes.small,\n  lineHeight: theme.lineHeights.smallRelaxed,\n  whiteSpace: \"nowrap\",\n  transition: \"background-color 250ms ease\",\n});\n\nexport const SubMenuItemLink = styled(RadixNavigationMenu.Link)<StyledProps>(\n  ({ theme }) => ({\n    ...getSharedPaddingStyles(theme),\n    ...getSharedInteractiveItemStyles(theme),\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n    alignSelf: \"stretch\",\n    width: \"100%\",\n    textDecoration: \"none\",\n    \"&:hover, &:focus\": {\n      backgroundColor: theme.colors.lightBlue,\n      color: theme.colors.darkBlue,\n      outline: \"none\",\n    },\n    \"&:visited\": {\n      color: \"inherit\",\n    },\n  }),\n  addStyledProps\n);\n\nexport const SubMenuItemButton = styled(RadixNavigationMenu.Trigger)<StyledProps>(\n  ({ theme }) => ({\n    ...getSharedPaddingStyles(theme),\n    ...getSharedInteractiveItemStyles(theme),\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    width: \"100%\",\n    gap: theme.space.x2,\n    background: \"none\",\n    border: \"none\",\n    outline: \"none\",\n    color: theme.colors.darkGrey,\n    userSelect: \"none\",\n    \"&:hover, &:focus\": {\n      backgroundColor: theme.colors.lightBlue,\n      color: theme.colors.darkBlue,\n    },\n  }),\n  addStyledProps\n);\n\nexport const SubMenuContent = styled(RadixNavigationMenu.Content).attrs(disableHoverEvents)<StyledProps>(\n  ({ theme }) => ({\n    ...getSharedPaddingStyles(theme),\n    position: \"absolute\",\n    top: `calc(100% + ${theme.space.half})`,\n    left: 0,\n    minWidth: NAVIGATION_SUB_MENU_MIN_WIDTH_PX,\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n    background: theme.colors.white,\n    color: theme.colors.darkGrey,\n    borderRadius: theme.radii.medium,\n    boxShadow: theme.shadows.medium,\n    paddingRight: 0,\n    paddingLeft: 0,\n    listStyle: \"none\",\n    \"& > div\": {\n      width: \"100%\",\n    },\n  }),\n  addStyledProps\n);\n\nexport const SubMenuItem = styled(RadixNavigationMenu.Item)<StyledProps>(\n  {\n    position: \"relative\",\n    width: \"100%\",\n  },\n  addStyledProps\n);\n\nexport const SubMenuList = styled(RadixNavigationMenu.List)<StyledProps>(\n  {\n    padding: 0,\n    listStyle: \"none\",\n  },\n  addStyledProps\n);\n"],"names":["RadixNavigationMenu.Link","RadixNavigationMenu.Trigger","RadixNavigationMenu.Content","RadixNavigationMenu.Item","RadixNavigationMenu.List"],"mappings":";;;;;AAMA,MAAM,yBAAyB,CAAC,WAAgC;AAAA,EAC9D,YAAY,MAAM,MAAM;AAAA,EACxB,eAAe,MAAM,MAAM;AAC7B;AAEA,MAAM,iCAAiC,CAAC,WAAgC;AAAA,EACtE,aAAa,MAAM,MAAM;AAAA,EACzB,cAAc,MAAM,MAAM;AAAA,EAC1B,YAAY,MAAM,YAAY;AAAA,EAC9B,UAAU,MAAM,UAAU;AAAA,EAC1B,YAAY,MAAM,YAAY;AAAA,EAC9B,YAAY;AAAA,EACZ,YAAY;AACd;AAEO,MAAM,kBAAkB,OAAOA,IAAwB;AAAA,EAC5D,CAAC,EAAE,MAAA,OAAa;AAAA,IACd,GAAG,uBAAuB,KAAK;AAAA,IAC/B,GAAG,+BAA+B,KAAK;AAAA,IACvC,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,MAClB,iBAAiB,MAAM,OAAO;AAAA,MAC9B,OAAO,MAAM,OAAO;AAAA,MACpB,SAAS;AAAA,IAAA;AAAA,IAEX,aAAa;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF;AACF;AAEO,MAAM,oBAAoB,OAAOC,OAA2B;AAAA,EACjE,CAAC,EAAE,MAAA,OAAa;AAAA,IACd,GAAG,uBAAuB,KAAK;AAAA,IAC/B,GAAG,+BAA+B,KAAK;AAAA,IACvC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,KAAK,MAAM,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO,MAAM,OAAO;AAAA,IACpB,YAAY;AAAA,IACZ,oBAAoB;AAAA,MAClB,iBAAiB,MAAM,OAAO;AAAA,MAC9B,OAAO,MAAM,OAAO;AAAA,IAAA;AAAA,EACtB;AAAA,EAEF;AACF;AAEO,MAAM,iBAAiB,OAAOC,OAA2B,EAAE,MAAM,kBAAkB;AAAA,EACxF,CAAC,EAAE,MAAA,OAAa;AAAA,IACd,GAAG,uBAAuB,KAAK;AAAA,IAC/B,UAAU;AAAA,IACV,KAAK,eAAe,MAAM,MAAM,IAAI;AAAA,IACpC,MAAM;AAAA,IACN,UAAU;AAAA,IACV,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY,MAAM,OAAO;AAAA,IACzB,OAAO,MAAM,OAAO;AAAA,IACpB,cAAc,MAAM,MAAM;AAAA,IAC1B,WAAW,MAAM,QAAQ;AAAA,IACzB,cAAc;AAAA,IACd,aAAa;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF;AACF;AAEO,MAAM,cAAc,OAAOC,IAAwB;AAAA,EACxD;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET;AACF;AAEO,MAAM,cAAc,OAAOC,IAAwB;AAAA,EACxD;AAAA,IACE,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAAA,EAEb;AACF;"}

package/dist/esm/Navigation/components/MobileNav/MobileNav.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Item, Sub } from "../../../node_modules/.pnpm/@radix-ui_react-navigation-menu@1.2.14_@types_react-dom@18.3.7_@types_react@18.3.28__@t_78af1a43306362c6a93ef2ea5b017181/node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import { NavigationMenuRoot, NavigationMenuList, RadixNavigationMenuItem, NavigationMenuTrigger } from "../shared/components.js";
+import { NulogyAppSwitcher } from "../AppSwitcher/NulogyAppSwitcher.js";
+import NavigationMenuContent from "../shared/NavigationMenuContent.js";
+import UserMenu from "../UserMenu/UserMenu.js";
+import { getNavigationBarItems } from "../utils/getNavigationBarItems.js";
+import { NavigationMenuItem, NavigationMenuSubList } from "../shared/NavigationMenuItem.js";
+import { NulogyLogo } from "../NulogyLogo/NulogyLogo.js";
+import { NavigationLogoLink } from "../shared/NavigationLogoLink.js";
+import { MobileMenuItem } from "./parts/MobileMenuItem.js";
+import { MobileSecondaryLogoContainer } from "./parts/styled.js";
+import { useTranslation } from "../../../node_modules/.pnpm/react-i18next@12.3.1_i18next@19.9.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/useTranslation.js";
+import Icon from "../../../Icon/Icon.js";
+import Box from "../../../Box/Box.js";
+function MobileNav({
+  primaryNavigation = [],
+  secondaryNavigation = [],
+  appSwitcher,
+  primaryLogo,
+  secondaryLogo,
+  userMenu
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(NavigationMenuRoot, { children: [
+    /* @__PURE__ */ jsxs(NavigationMenuList, { children: [
+      /* @__PURE__ */ jsx(NulogyAppSwitcher, { config: appSwitcher }),
+      /* @__PURE__ */ jsx(RadixNavigationMenuItem, { display: "flex", children: primaryLogo ?? /* @__PURE__ */ jsx(NavigationLogoLink, { href: "/", "aria-label": t("nulogy logo"), children: /* @__PURE__ */ jsx(NulogyLogo, {}) }) })
+    ] }),
+    (primaryNavigation.length > 0 || secondaryNavigation.length > 0 || userMenu) && /* @__PURE__ */ jsxs(NavigationMenuList, { children: [
+      getNavigationBarItems([...primaryNavigation, ...secondaryNavigation]).map((item) => /* @__PURE__ */ jsx(Item, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { item }) }, item.key)),
+      /* @__PURE__ */ jsxs(Item, { children: [
+        /* @__PURE__ */ jsx(NavigationMenuTrigger, { "aria-label": t("toggle mobile menu"), children: /* @__PURE__ */ jsx(Icon, { icon: "menu" }) }),
+        /* @__PURE__ */ jsxs(NavigationMenuContent, { right: 0, children: [
+          /* @__PURE__ */ jsxs(UserMenu.Container, { p: "none", display: "flex", flexDirection: "column", gap: "x4", children: [
+            primaryNavigation.length > 0 && /* @__PURE__ */ jsx(Box, { px: "x2", children: /* @__PURE__ */ jsx(Sub, { orientation: "vertical", children: /* @__PURE__ */ jsx(NavigationMenuSubList, { children: primaryNavigation.map((item) => /* @__PURE__ */ jsx(MobileMenuItem, { menuItem: item }, item.key)) }) }) }),
+            secondaryNavigation.length > 0 && /* @__PURE__ */ jsx(Box, { px: "x2", children: /* @__PURE__ */ jsx(Sub, { orientation: "vertical", children: /* @__PURE__ */ jsx(NavigationMenuSubList, { children: secondaryNavigation.map((item) => /* @__PURE__ */ jsx(MobileMenuItem, { menuItem: item }, item.key)) }) }) }),
+            userMenu && /* @__PURE__ */ jsxs(Fragment, { children: [
+              userMenu.header && /* @__PURE__ */ jsx(Box, { px: "x2", children: /* @__PURE__ */ jsx(UserMenu.Header, { ...userMenu.header, containerProps: { borderRadius: "large" } }) }),
+              userMenu.controls && /* @__PURE__ */ jsx(Box, { px: "x2", children: userMenu.controls({ withinMobileNav: true }) }),
+              userMenu.menuItems && userMenu.menuItems.length > 0 && /* @__PURE__ */ jsx(Box, { px: "none", children: /* @__PURE__ */ jsx(NavigationMenuSubList, { children: userMenu.menuItems.map((item) => /* @__PURE__ */ jsx(UserMenu.MobileItem, { item }, item.key)) }) })
+            ] })
+          ] }),
+          secondaryLogo && /* @__PURE__ */ jsx(MobileSecondaryLogoContainer, { children: /* @__PURE__ */ jsx(NavigationMenuSubList, { children: /* @__PURE__ */ jsx(RadixNavigationMenuItem, { children: secondaryLogo }) }) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  MobileNav as default
+};
+//# sourceMappingURL=MobileNav.js.map

package/dist/esm/Navigation/components/MobileNav/MobileNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNav.js","sources":["../../../../../src/Navigation/components/MobileNav/MobileNav.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { useTranslation } from \"react-i18next\";\nimport { BaseNavigationProps } from \"../../Navigation\";\nimport {\n  NavigationMenuList,\n  NavigationMenuRoot,\n  NavigationMenuTrigger,\n  RadixNavigationMenuItem,\n} from \"../shared/components\";\nimport { NulogyAppSwitcher } from \"../AppSwitcher/NulogyAppSwitcher\";\nimport { Icon } from \"../../../Icon\";\nimport NavigationMenuContent from \"../shared/NavigationMenuContent\";\nimport UserMenu from \"../UserMenu/UserMenu\";\nimport { Box } from \"../../../Box\";\nimport { getNavigationBarItems } from \"../utils/getNavigationBarItems\";\nimport { NavigationMenuItem, NavigationMenuSubList } from \"../shared/NavigationMenuItem\";\nimport { NulogyLogo } from \"../NulogyLogo/NulogyLogo\";\nimport { NavigationLogoLink } from \"../shared/NavigationLogoLink\";\nimport { MobileMenuItem } from \"./parts/MobileMenuItem\";\nimport { MobileSecondaryLogoContainer } from \"./parts/styled\";\n\ntype MobileNavProps = BaseNavigationProps;\n\nexport default function MobileNav({\n  primaryNavigation = [],\n  secondaryNavigation = [],\n  appSwitcher,\n  primaryLogo,\n  secondaryLogo,\n  userMenu,\n}: MobileNavProps) {\n  const { t } = useTranslation();\n\n  return (\n    <NavigationMenuRoot>\n      <NavigationMenuList>\n        <NulogyAppSwitcher config={appSwitcher} />\n        <RadixNavigationMenuItem display=\"flex\">\n          {primaryLogo ?? (\n            <NavigationLogoLink href=\"/\" aria-label={t(\"nulogy logo\")}>\n              <NulogyLogo />\n            </NavigationLogoLink>\n          )}\n        </RadixNavigationMenuItem>\n      </NavigationMenuList>\n      {(primaryNavigation.length > 0 || secondaryNavigation.length > 0 || userMenu) && (\n        <NavigationMenuList>\n          {getNavigationBarItems([...primaryNavigation, ...secondaryNavigation]).map((item) => (\n            <RadixNavigationMenu.Item key={item.key}>\n              <NavigationMenuItem item={item} />\n            </RadixNavigationMenu.Item>\n          ))}\n          <RadixNavigationMenu.Item>\n            <NavigationMenuTrigger aria-label={t(\"toggle mobile menu\")}>\n              <Icon icon=\"menu\" />\n            </NavigationMenuTrigger>\n            <NavigationMenuContent right={0}>\n              <UserMenu.Container p=\"none\" display=\"flex\" flexDirection=\"column\" gap=\"x4\">\n                {primaryNavigation.length > 0 && (\n                  <Box px=\"x2\">\n                    <RadixNavigationMenu.Sub orientation=\"vertical\">\n                      <NavigationMenuSubList>\n                        {primaryNavigation.map((item) => (\n                          <MobileMenuItem menuItem={item} key={item.key} />\n                        ))}\n                      </NavigationMenuSubList>\n                    </RadixNavigationMenu.Sub>\n                  </Box>\n                )}\n                {secondaryNavigation.length > 0 && (\n                  <Box px=\"x2\">\n                    <RadixNavigationMenu.Sub orientation=\"vertical\">\n                      <NavigationMenuSubList>\n                        {secondaryNavigation.map((item) => (\n                          <MobileMenuItem menuItem={item} key={item.key} />\n                        ))}\n                      </NavigationMenuSubList>\n                    </RadixNavigationMenu.Sub>\n                  </Box>\n                )}\n                {userMenu && (\n                  <>\n                    {userMenu.header && (\n                      <Box px=\"x2\">\n                        <UserMenu.Header {...userMenu.header} containerProps={{ borderRadius: \"large\" }} />\n                      </Box>\n                    )}\n                    {userMenu.controls && <Box px=\"x2\">{userMenu.controls({ withinMobileNav: true })}</Box>}\n                    {userMenu.menuItems && userMenu.menuItems.length > 0 && (\n                      <Box px=\"none\">\n                        <NavigationMenuSubList>\n                          {userMenu.menuItems.map((item) => (\n                            <UserMenu.MobileItem key={item.key} item={item} />\n                          ))}\n                        </NavigationMenuSubList>\n                      </Box>\n                    )}\n                  </>\n                )}\n              </UserMenu.Container>\n\n              {secondaryLogo && (\n                <MobileSecondaryLogoContainer>\n                  <NavigationMenuSubList>\n                    <RadixNavigationMenuItem>{secondaryLogo}</RadixNavigationMenuItem>\n                  </NavigationMenuSubList>\n                </MobileSecondaryLogoContainer>\n              )}\n            </NavigationMenuContent>\n          </RadixNavigationMenu.Item>\n        </NavigationMenuList>\n      )}\n    </NavigationMenuRoot>\n  );\n}\n"],"names":["RadixNavigationMenu.Item","RadixNavigationMenu.Sub"],"mappings":";;;;;;;;;;;;;;;AAwBA,SAAwB,UAAU;AAAA,EAChC,oBAAoB,CAAA;AAAA,EACpB,sBAAsB,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,8BACG,oBAAA,EACC,UAAA;AAAA,IAAA,qBAAC,oBAAA,EACC,UAAA;AAAA,MAAA,oBAAC,mBAAA,EAAkB,QAAQ,YAAA,CAAa;AAAA,0BACvC,yBAAA,EAAwB,SAAQ,QAC9B,UAAA,mCACE,oBAAA,EAAmB,MAAK,KAAI,cAAY,EAAE,aAAa,GACtD,UAAA,oBAAC,YAAA,EAAW,GACd,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,KACE,kBAAkB,SAAS,KAAK,oBAAoB,SAAS,KAAK,kCACjE,oBAAA,EACE,UAAA;AAAA,MAAA,sBAAsB,CAAC,GAAG,mBAAmB,GAAG,mBAAmB,CAAC,EAAE,IAAI,CAAC,6BACzEA,MAAA,EACC,UAAA,oBAAC,oBAAA,EAAmB,MAAY,EAAA,GADH,KAAK,GAEpC,CACD;AAAA,MACD,qBAACA,MAAA,EACC,UAAA;AAAA,QAAA,oBAAC,uBAAA,EAAsB,cAAY,EAAE,oBAAoB,GACvD,UAAA,oBAAC,MAAA,EAAK,MAAK,OAAA,CAAO,EAAA,CACpB;AAAA,QACA,qBAAC,uBAAA,EAAsB,OAAO,GAC5B,UAAA;AAAA,UAAA,qBAAC,SAAS,WAAT,EAAmB,GAAE,QAAO,SAAQ,QAAO,eAAc,UAAS,KAAI,MACpE,UAAA;AAAA,YAAA,kBAAkB,SAAS,KAC1B,oBAAC,KAAA,EAAI,IAAG,MACN,UAAA,oBAACC,KAAA,EAAwB,aAAY,YACnC,UAAA,oBAAC,uBAAA,EACE,UAAA,kBAAkB,IAAI,CAAC,SACtB,oBAAC,gBAAA,EAAe,UAAU,KAAA,GAAW,KAAK,GAAK,CAChD,EAAA,CACH,EAAA,CACF,GACF;AAAA,YAED,oBAAoB,SAAS,KAC5B,oBAAC,KAAA,EAAI,IAAG,MACN,UAAA,oBAACA,KAAA,EAAwB,aAAY,YACnC,UAAA,oBAAC,uBAAA,EACE,UAAA,oBAAoB,IAAI,CAAC,SACxB,oBAAC,gBAAA,EAAe,UAAU,KAAA,GAAW,KAAK,GAAK,CAChD,EAAA,CACH,EAAA,CACF,GACF;AAAA,YAED,YACC,qBAAA,UAAA,EACG,UAAA;AAAA,cAAA,SAAS,UACR,oBAAC,KAAA,EAAI,IAAG,MACN,8BAAC,SAAS,QAAT,EAAiB,GAAG,SAAS,QAAQ,gBAAgB,EAAE,cAAc,WAAW,GACnF;AAAA,cAED,SAAS,YAAY,oBAAC,KAAA,EAAI,IAAG,MAAM,UAAA,SAAS,SAAS,EAAE,iBAAiB,KAAA,CAAM,EAAA,CAAE;AAAA,cAChF,SAAS,aAAa,SAAS,UAAU,SAAS,KACjD,oBAAC,KAAA,EAAI,IAAG,QACN,UAAA,oBAAC,uBAAA,EACE,UAAA,SAAS,UAAU,IAAI,CAAC,SACvB,oBAAC,SAAS,YAAT,EAAmC,KAAA,GAAV,KAAK,GAAiB,CACjD,EAAA,CACH,EAAA,CACF;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,GAEJ;AAAA,UAEC,qCACE,8BAAA,EACC,UAAA,oBAAC,yBACC,UAAA,oBAAC,yBAAA,EAAyB,UAAA,cAAA,CAAc,EAAA,CAC1C,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/esm/Navigation/components/MobileNav/parts/MobileMenuItem.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+import { Sub } from "../../../../node_modules/.pnpm/@radix-ui_react-navigation-menu@1.2.14_@types_react-dom@18.3.7_@types_react@18.3.28__@t_78af1a43306362c6a93ef2ea5b017181/node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import { RadixNavigationMenuItem } from "../../shared/components.js";
+import { NavigationMenuSubList } from "../../shared/NavigationMenuItem.js";
+import { IndentedContainer, MobileNavigationLink, MenuItemGroupLabel, MobileNavigationButton } from "./styled.js";
+import Divider from "../../../../Divider/Divider.js";
+import Icon from "../../../../Icon/Icon.js";
+import Text from "../../../../Type/Text.js";
+const MobileMenuItem = React__default.forwardRef(
+  ({ menuItem, level = 0, ...props }, forwardedRef) => {
+    if (menuItem.mobileVisibility !== void 0 && menuItem.mobileVisibility !== "navigationMenu") {
+      return null;
+    }
+    if (menuItem.type === "separator") {
+      return /* @__PURE__ */ jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx(IndentedContainer, { level, children: /* @__PURE__ */ jsx(Divider, { secondary: level > 0, my: "x2" }) }) });
+    }
+    if (menuItem.type === "custom") {
+      return /* @__PURE__ */ jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx(IndentedContainer, { level, children: menuItem.render({ withinSubMenu: level > 0, level, withinMobileNav: true }) }) });
+    }
+    const hasIcon = "icon" in menuItem;
+    const hasLabel = "label" in menuItem && !!menuItem.label;
+    const hasTooltip = "tooltip" in menuItem && !!menuItem.tooltip;
+    const IconFragment = hasIcon ? /* @__PURE__ */ jsx(Icon, { icon: menuItem.icon, size: "x3", "aria-hidden": true }) : null;
+    const labelText = hasLabel ? menuItem.label : hasIcon && hasTooltip ? menuItem.tooltip : null;
+    const LabelFragment = labelText ? /* @__PURE__ */ jsx(Text, { fontSize: "small", lineHeight: "smallTextCompressed", children: labelText }) : null;
+    if (menuItem.type === "link") {
+      return /* @__PURE__ */ jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx(IndentedContainer, { level, children: /* @__PURE__ */ jsx(MobileNavigationLink, { asChild: true, children: menuItem.element ? React__default.cloneElement(menuItem.element, {
+        ...menuItem.props,
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          IconFragment,
+          LabelFragment
+        ] })
+      }) : /* @__PURE__ */ jsxs("a", { ...menuItem.props, children: [
+        IconFragment,
+        LabelFragment
+      ] }) }) }) });
+    }
+    if (menuItem.type === "button") {
+      const hasItems = !!menuItem.items && menuItem.items.length > 0;
+      if (hasItems) {
+        return /* @__PURE__ */ jsxs(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: [
+          LabelFragment && /* @__PURE__ */ jsx(IndentedContainer, { level, children: /* @__PURE__ */ jsx(MenuItemGroupLabel, { children: labelText }) }),
+          /* @__PURE__ */ jsx(Sub, { orientation: "vertical", children: /* @__PURE__ */ jsx(NavigationMenuSubList, { children: (menuItem.items || []).map((item) => /* @__PURE__ */ jsx(MobileMenuItem, { menuItem: item, level: level + 1 }, item.key)) }) })
+        ] });
+      }
+      return /* @__PURE__ */ jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx(IndentedContainer, { level, children: /* @__PURE__ */ jsxs(MobileNavigationButton, { ..."props" in menuItem ? menuItem.props : {}, children: [
+        IconFragment,
+        LabelFragment
+      ] }) }) });
+    }
+    return null;
+  }
+);
+MobileMenuItem.displayName = "MobileMenuItem";
+export {
+  MobileMenuItem
+};
+//# sourceMappingURL=MobileMenuItem.js.map

package/dist/esm/Navigation/components/MobileNav/parts/MobileMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileMenuItem.js","sources":["../../../../../../src/Navigation/components/MobileNav/parts/MobileMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { MenuItem } from \"../../../types\";\nimport { Text } from \"../../../../Type\";\nimport { Icon } from \"../../../../Icon\";\nimport { Divider } from \"../../../../Divider\";\nimport { RadixNavigationMenuItem } from \"../../shared/components\";\nimport { NavigationMenuSubList } from \"../../shared/NavigationMenuItem\";\nimport { IndentedContainer, MobileNavigationButton, MobileNavigationLink, MenuItemGroupLabel } from \"./styled\";\n\ninterface MobileMenuItemProps {\n  menuItem: MenuItem;\n  /** Depth (root = 0). */\n  level?: number;\n}\n\nexport const MobileMenuItem = React.forwardRef<HTMLLIElement, MobileMenuItemProps>(\n  ({ menuItem, level = 0, ...props }, forwardedRef) => {\n    if (menuItem.mobileVisibility !== undefined && menuItem.mobileVisibility !== \"navigationMenu\") {\n      return null;\n    }\n\n    /* -------------------------------------------------------------------\n     * Separator\n     * -----------------------------------------------------------------*/\n    if (menuItem.type === \"separator\") {\n      return (\n        <RadixNavigationMenuItem ref={forwardedRef} {...props}>\n          <IndentedContainer level={level}>\n            <Divider secondary={level > 0} my=\"x2\" />\n          </IndentedContainer>\n        </RadixNavigationMenuItem>\n      );\n    }\n\n    /* -------------------------------------------------------------------\n     * Custom render fragment\n     * -----------------------------------------------------------------*/\n    if (menuItem.type === \"custom\") {\n      return (\n        <RadixNavigationMenuItem ref={forwardedRef} {...props}>\n          <IndentedContainer level={level}>\n            {menuItem.render({ withinSubMenu: level > 0, level, withinMobileNav: true })}\n          </IndentedContainer>\n        </RadixNavigationMenuItem>\n      );\n    }\n\n    /* -------------------------------------------------------------------\n     * Helpers shared by link & button\n     * -----------------------------------------------------------------*/\n    const hasIcon = \"icon\" in menuItem;\n    const hasLabel = \"label\" in menuItem && !!menuItem.label;\n    const hasTooltip = \"tooltip\" in menuItem && !!menuItem.tooltip;\n\n    const IconFragment = hasIcon ? <Icon icon={menuItem.icon} size=\"x3\" aria-hidden /> : null;\n\n    // Determine the text to display: use label if available, otherwise use tooltip if icon is present\n    const labelText = hasLabel ? menuItem.label : hasIcon && hasTooltip ? menuItem.tooltip : null;\n\n    const LabelFragment = labelText ? (\n      <Text fontSize=\"small\" lineHeight=\"smallTextCompressed\">\n        {labelText}\n      </Text>\n    ) : null;\n\n    /* -------------------------------------------------------------------\n     * Link\n     * -----------------------------------------------------------------*/\n    if (menuItem.type === \"link\") {\n      return (\n        <RadixNavigationMenuItem ref={forwardedRef} {...props}>\n          <IndentedContainer level={level}>\n            <MobileNavigationLink asChild>\n              {menuItem.element ? (\n                React.cloneElement(menuItem.element, {\n                  ...menuItem.props,\n                  children: (\n                    <>\n                      {IconFragment}\n                      {LabelFragment}\n                    </>\n                  ),\n                })\n              ) : (\n                <a {...menuItem.props}>\n                  {IconFragment}\n                  {LabelFragment}\n                </a>\n              )}\n            </MobileNavigationLink>\n          </IndentedContainer>\n        </RadixNavigationMenuItem>\n      );\n    }\n\n    /* -------------------------------------------------------------------\n     * Button\n     * -----------------------------------------------------------------*/\n    if (menuItem.type === \"button\") {\n      const hasItems = !!menuItem.items && menuItem.items.length > 0;\n\n      // Button with nested items – show group label then children\n      if (hasItems) {\n        return (\n          <RadixNavigationMenuItem ref={forwardedRef} {...props}>\n            {LabelFragment && (\n              <IndentedContainer level={level}>\n                <MenuItemGroupLabel>{labelText}</MenuItemGroupLabel>\n              </IndentedContainer>\n            )}\n            <RadixNavigationMenu.Sub orientation=\"vertical\">\n              <NavigationMenuSubList>\n                {(menuItem.items || []).map((item) => (\n                  <MobileMenuItem key={item.key} menuItem={item} level={level + 1} />\n                ))}\n              </NavigationMenuSubList>\n            </RadixNavigationMenu.Sub>\n          </RadixNavigationMenuItem>\n        );\n      }\n\n      // Simple button with no children\n      return (\n        <RadixNavigationMenuItem ref={forwardedRef} {...props}>\n          <IndentedContainer level={level}>\n            <MobileNavigationButton {...(\"props\" in menuItem ? menuItem.props : {})}>\n              {IconFragment}\n              {LabelFragment}\n            </MobileNavigationButton>\n          </IndentedContainer>\n        </RadixNavigationMenuItem>\n      );\n    }\n\n    return null;\n  }\n);\n\nMobileMenuItem.displayName = \"MobileMenuItem\";\n"],"names":["React","RadixNavigationMenu.Sub"],"mappings":";;;;;;;;;AAgBO,MAAM,iBAAiBA,eAAM;AAAA,EAClC,CAAC,EAAE,UAAU,QAAQ,GAAG,GAAG,MAAA,GAAS,iBAAiB;AACnD,QAAI,SAAS,qBAAqB,UAAa,SAAS,qBAAqB,kBAAkB;AAC7F,aAAO;AAAA,IACT;AAKA,QAAI,SAAS,SAAS,aAAa;AACjC,iCACG,yBAAA,EAAwB,KAAK,cAAe,GAAG,OAC9C,UAAA,oBAAC,mBAAA,EAAkB,OACjB,UAAA,oBAAC,WAAQ,WAAW,QAAQ,GAAG,IAAG,KAAA,CAAK,GACzC,GACF;AAAA,IAEJ;AAKA,QAAI,SAAS,SAAS,UAAU;AAC9B,aACE,oBAAC,2BAAwB,KAAK,cAAe,GAAG,OAC9C,UAAA,oBAAC,qBAAkB,OAChB,UAAA,SAAS,OAAO,EAAE,eAAe,QAAQ,GAAG,OAAO,iBAAiB,MAAM,GAC7E,EAAA,CACF;AAAA,IAEJ;AAKA,UAAM,UAAU,UAAU;AAC1B,UAAM,WAAW,WAAW,YAAY,CAAC,CAAC,SAAS;AACnD,UAAM,aAAa,aAAa,YAAY,CAAC,CAAC,SAAS;AAEvD,UAAM,eAAe,UAAU,oBAAC,MAAA,EAAK,MAAM,SAAS,MAAM,MAAK,MAAK,eAAW,KAAA,CAAC,IAAK;AAGrF,UAAM,YAAY,WAAW,SAAS,QAAQ,WAAW,aAAa,SAAS,UAAU;AAEzF,UAAM,gBAAgB,YACpB,oBAAC,MAAA,EAAK,UAAS,SAAQ,YAAW,uBAC/B,UAAA,UAAA,CACH,IACE;AAKJ,QAAI,SAAS,SAAS,QAAQ;AAC5B,iCACG,yBAAA,EAAwB,KAAK,cAAe,GAAG,OAC9C,8BAAC,mBAAA,EAAkB,OACjB,UAAA,oBAAC,sBAAA,EAAqB,SAAO,MAC1B,UAAA,SAAS,UACRA,eAAM,aAAa,SAAS,SAAS;AAAA,QACnC,GAAG,SAAS;AAAA,QACZ,UACE,qBAAA,UAAA,EACG,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,QAAA,EAAA,CACH;AAAA,MAAA,CAEH,IAED,qBAAC,KAAA,EAAG,GAAG,SAAS,OACb,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA,GACH,EAAA,CAEJ,GACF,GACF;AAAA,IAEJ;AAKA,QAAI,SAAS,SAAS,UAAU;AAC9B,YAAM,WAAW,CAAC,CAAC,SAAS,SAAS,SAAS,MAAM,SAAS;AAG7D,UAAI,UAAU;AACZ,eACE,qBAAC,yBAAA,EAAwB,KAAK,cAAe,GAAG,OAC7C,UAAA;AAAA,UAAA,qCACE,mBAAA,EAAkB,OACjB,UAAA,oBAAC,oBAAA,EAAoB,qBAAU,EAAA,CACjC;AAAA,UAEF,oBAACC,KAAA,EAAwB,aAAY,YACnC,UAAA,oBAAC,uBAAA,EACG,WAAA,SAAS,SAAS,CAAA,GAAI,IAAI,CAAC,SAC3B,oBAAC,gBAAA,EAA8B,UAAU,MAAM,OAAO,QAAQ,EAAA,GAAzC,KAAK,GAAuC,CAClE,EAAA,CACH,EAAA,CACF;AAAA,QAAA,GACF;AAAA,MAEJ;AAGA,iCACG,yBAAA,EAAwB,KAAK,cAAe,GAAG,OAC9C,UAAA,oBAAC,mBAAA,EAAkB,OACjB,UAAA,qBAAC,0BAAwB,GAAI,WAAW,WAAW,SAAS,QAAQ,CAAA,GACjE,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA,EAAA,CACH,GACF,GACF;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AACF;AAEA,eAAe,cAAc;"}

package/dist/esm/Navigation/components/MobileNav/parts/styled.js

@@ -0,0 +1,62 @@
+import { styled } from "styled-components";
+import { Sub, Link, Trigger } from "../../../../node_modules/.pnpm/@radix-ui_react-navigation-menu@1.2.14_@types_react-dom@18.3.7_@types_react@18.3.28__@t_78af1a43306362c6a93ef2ea5b017181/node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import Box from "../../../../Box/Box.js";
+import Text from "../../../../Type/Text.js";
+const IndentedContainer = styled(Box)(({ theme, level }) => ({
+  paddingLeft: `calc(${level} * ${theme.space.x2})`
+}));
+const commonPadding = (theme) => ({
+  paddingLeft: 0,
+  paddingRight: 0,
+  paddingTop: theme.space.x2,
+  paddingBottom: theme.space.x2
+});
+const commonStyles = (theme) => ({
+  ...commonPadding(theme),
+  background: "none",
+  border: "none",
+  outline: "none",
+  userSelect: "none",
+  display: "flex",
+  alignItems: "center",
+  gap: theme.space.x1,
+  color: theme.colors.darkGrey,
+  fontSize: theme.fontSizes.small,
+  fontWeight: theme.fontWeights.medium,
+  lineHeight: theme.lineHeights.smallTextBase,
+  width: "100%",
+  textAlign: "left"
+});
+const MenuItemGroupLabel = styled(Text)(({ theme }) => ({
+  ...commonPadding(theme),
+  display: "flex",
+  alignItems: "center",
+  gap: theme.space.x1,
+  color: theme.colors.darkGrey,
+  fontSize: theme.fontSizes.small,
+  fontWeight: theme.fontWeights.medium,
+  lineHeight: theme.lineHeights.smallTextBase,
+  width: "100%",
+  textAlign: "left"
+}));
+const MobileNavigationButton = styled(Trigger)(({ theme }) => ({
+  ...commonStyles(theme)
+}));
+const MobileNavigationLink = styled(Link)(({ theme }) => ({
+  ...commonStyles(theme),
+  textDecoration: "none"
+}));
+const MobileSecondaryLogoContainer = styled(Sub)(({ theme }) => ({
+  marginTop: theme.space.x2,
+  padding: theme.space.x2,
+  display: "flex",
+  justifyContent: "center"
+}));
+export {
+  IndentedContainer,
+  MenuItemGroupLabel,
+  MobileNavigationButton,
+  MobileNavigationLink,
+  MobileSecondaryLogoContainer
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/Navigation/components/MobileNav/parts/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/Navigation/components/MobileNav/parts/styled.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { Box } from \"../../../../Box\";\nimport { Text } from \"../../../../Type\";\nimport { DefaultNDSThemeType } from \"../../../../theme\";\n\nexport const IndentedContainer = styled(Box)<{ level: number }>(({ theme, level }) => ({\n  paddingLeft: `calc(${level} * ${theme.space.x2})`,\n}));\n\nconst commonPadding = (theme: DefaultNDSThemeType) => ({\n  paddingLeft: 0,\n  paddingRight: 0,\n  paddingTop: theme.space.x2,\n  paddingBottom: theme.space.x2,\n});\n\nconst commonStyles = (theme: DefaultNDSThemeType) =>\n  ({\n    ...commonPadding(theme),\n    background: \"none\",\n    border: \"none\",\n    outline: \"none\",\n    userSelect: \"none\",\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: theme.space.x1,\n    color: theme.colors.darkGrey,\n    fontSize: theme.fontSizes.small,\n    fontWeight: theme.fontWeights.medium,\n    lineHeight: theme.lineHeights.smallTextBase,\n    width: \"100%\",\n    textAlign: \"left\",\n  }) as const;\n\nexport const MenuItemGroupLabel = styled(Text)(({ theme }) => ({\n  ...commonPadding(theme),\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: theme.space.x1,\n  color: theme.colors.darkGrey,\n  fontSize: theme.fontSizes.small,\n  fontWeight: theme.fontWeights.medium,\n  lineHeight: theme.lineHeights.smallTextBase,\n  width: \"100%\",\n  textAlign: \"left\",\n}));\n\nexport const MobileNavigationButton = styled(RadixNavigationMenu.Trigger)(({ theme }) => ({\n  ...commonStyles(theme),\n}));\n\nexport const MobileNavigationLink = styled(RadixNavigationMenu.Link)(({ theme }) => ({\n  ...commonStyles(theme),\n  textDecoration: \"none\",\n}));\n\nexport const MobileSecondaryLogoContainer = styled(RadixNavigationMenu.Sub)(({ theme }) => ({\n  marginTop: theme.space.x2,\n  padding: theme.space.x2,\n  display: \"flex\",\n  justifyContent: \"center\",\n}));\n"],"names":["RadixNavigationMenu.Trigger","RadixNavigationMenu.Link","RadixNavigationMenu.Sub"],"mappings":";;;;AAMO,MAAM,oBAAoB,OAAO,GAAG,EAAqB,CAAC,EAAE,OAAO,aAAa;AAAA,EACrF,aAAa,QAAQ,KAAK,MAAM,MAAM,MAAM,EAAE;AAChD,EAAE;AAEF,MAAM,gBAAgB,CAAC,WAAgC;AAAA,EACrD,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY,MAAM,MAAM;AAAA,EACxB,eAAe,MAAM,MAAM;AAC7B;AAEA,MAAM,eAAe,CAAC,WACnB;AAAA,EACC,GAAG,cAAc,KAAK;AAAA,EACtB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK,MAAM,MAAM;AAAA,EACjB,OAAO,MAAM,OAAO;AAAA,EACpB,UAAU,MAAM,UAAU;AAAA,EAC1B,YAAY,MAAM,YAAY;AAAA,EAC9B,YAAY,MAAM,YAAY;AAAA,EAC9B,OAAO;AAAA,EACP,WAAW;AACb;AAEK,MAAM,qBAAqB,OAAO,IAAI,EAAE,CAAC,EAAE,aAAa;AAAA,EAC7D,GAAG,cAAc,KAAK;AAAA,EACtB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK,MAAM,MAAM;AAAA,EACjB,OAAO,MAAM,OAAO;AAAA,EACpB,UAAU,MAAM,UAAU;AAAA,EAC1B,YAAY,MAAM,YAAY;AAAA,EAC9B,YAAY,MAAM,YAAY;AAAA,EAC9B,OAAO;AAAA,EACP,WAAW;AACb,EAAE;AAEK,MAAM,yBAAyB,OAAOA,OAA2B,EAAE,CAAC,EAAE,aAAa;AAAA,EACxF,GAAG,aAAa,KAAK;AACvB,EAAE;AAEK,MAAM,uBAAuB,OAAOC,IAAwB,EAAE,CAAC,EAAE,aAAa;AAAA,EACnF,GAAG,aAAa,KAAK;AAAA,EACrB,gBAAgB;AAClB,EAAE;AAEK,MAAM,+BAA+B,OAAOC,GAAuB,EAAE,CAAC,EAAE,aAAa;AAAA,EAC1F,WAAW,MAAM,MAAM;AAAA,EACvB,SAAS,MAAM,MAAM;AAAA,EACrB,SAAS;AAAA,EACT,gBAAgB;AAClB,EAAE;"}

package/dist/esm/Navigation/components/NulogyLogo/NulogyLogo.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { APP_DISPLAY_NAMES } from "../../../types/NulogyApp.js";
+import { SvgNulogyLogo } from "./SvgNulogyLogo.js";
+import Flex from "../../../Flex/Flex.js";
+import Text from "../../../Type/Text.js";
+function NulogyLogo({ app }) {
+  const appDisplayName = APP_DISPLAY_NAMES[app];
+  if (app && !(app in APP_DISPLAY_NAMES)) {
+    throw new Error(`Invalid app name: ${app}. Valid names are: ${Object.keys(APP_DISPLAY_NAMES).join(", ")}`);
+  }
+  return /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-start", justifyContent: "center", flexDirection: appDisplayName ? "column" : "row", children: [
+    /* @__PURE__ */ jsx(SvgNulogyLogo, { width: "102", height: "24" }),
+    appDisplayName && /*
+    This Text component is using custom properties that are not 
+    in the theme because we're trying to match the branding 
+    typography and colors of the Nulogy logo.
+    */
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        fontSize: "10px",
+        lineHeight: "12px",
+        color: "#1C68A5",
+        fontWeight: "normal",
+        textTransform: "uppercase",
+        letterSpacing: "0.4px",
+        children: appDisplayName
+      }
+    )
+  ] });
+}
+export {
+  NulogyLogo
+};
+//# sourceMappingURL=NulogyLogo.js.map

package/dist/esm/Navigation/components/NulogyLogo/NulogyLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NulogyLogo.js","sources":["../../../../../src/Navigation/components/NulogyLogo/NulogyLogo.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"../../../Flex\";\nimport { Text } from \"../../../Type\";\nimport { APP_DISPLAY_NAMES } from \"../../../types/NulogyApp\";\nimport type { NulogyAppName } from \"../../../types/NulogyApp\";\nimport { SvgNulogyLogo } from \"./SvgNulogyLogo\";\n\nexport interface NulogyLogoProps {\n  app?: NulogyAppName;\n}\n\nexport function NulogyLogo({ app }: NulogyLogoProps) {\n  const appDisplayName = APP_DISPLAY_NAMES[app];\n\n  if (app && !(app in APP_DISPLAY_NAMES)) {\n    throw new Error(`Invalid app name: ${app}. Valid names are: ${Object.keys(APP_DISPLAY_NAMES).join(\", \")}`);\n  }\n\n  return (\n    <Flex alignItems=\"flex-start\" justifyContent=\"center\" flexDirection={appDisplayName ? \"column\" : \"row\"}>\n      <SvgNulogyLogo width=\"102\" height=\"24\" />\n      {appDisplayName && (\n        /*\n        This Text component is using custom properties that are not \n        in the theme because we're trying to match the branding \n        typography and colors of the Nulogy logo.\n        */\n        <Text\n          fontSize=\"10px\"\n          lineHeight=\"12px\"\n          color=\"#1C68A5\"\n          fontWeight=\"normal\"\n          textTransform=\"uppercase\"\n          letterSpacing=\"0.4px\"\n        >\n          {appDisplayName}\n        </Text>\n      )}\n    </Flex>\n  );\n}\n"],"names":[],"mappings":";;;;;AAWO,SAAS,WAAW,EAAE,OAAwB;AACnD,QAAM,iBAAiB,kBAAkB,GAAG;AAE5C,MAAI,OAAO,EAAE,OAAO,oBAAoB;AACtC,UAAM,IAAI,MAAM,qBAAqB,GAAG,sBAAsB,OAAO,KAAK,iBAAiB,EAAE,KAAK,IAAI,CAAC,EAAE;AAAA,EAC3G;AAEA,SACE,qBAAC,QAAK,YAAW,cAAa,gBAAe,UAAS,eAAe,iBAAiB,WAAW,OAC/F,UAAA;AAAA,IAAA,oBAAC,eAAA,EAAc,OAAM,OAAM,QAAO,MAAK;AAAA,IACtC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,YAAW;AAAA,QACX,OAAM;AAAA,QACN,YAAW;AAAA,QACX,eAAc;AAAA,QACd,eAAc;AAAA,QAEb,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}

package/dist/esm/Navigation/components/NulogyLogo/SvgNulogyLogo.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function SvgNulogyLogo(props) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 102 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M23.4218 0.867146L27.759 2.60144V18.2175C27.759 21.5706 23.6157 22.1596 20.8189 22.5547C22.4185 22.1596 23.4307 21.7156 23.4218 18.2175V4.33721L19.0846 2.60144L23.4218 0.867146ZM5.20435 21.6875V12.1474C5.20435 11.1871 5.925 10.1009 6.79955 9.72653L11.2773 7.80283V13.8699L15.6145 16.4846C16.4891 16.9286 18.2175 16.9389 18.2175 15.616V13.0131L16.4802 12.1445V0L3.2555 4.87288C1.45757 5.53434 0 7.61934 0 9.54304V23.8569L5.20435 21.6875Z",
+        fill: "#F0B41C"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M36.7354 18.4818H32.8096V7.1808H36.435V9.07491C36.9583 8.39756 37.6125 7.83242 38.3587 7.41313C39.0371 7.04867 39.7964 6.86089 40.5665 6.86709C41.7622 6.86709 42.6693 7.20991 43.2878 7.89553C43.9064 8.58116 44.2156 9.58444 44.2156 10.9054V18.4818H40.3105V12.0078C40.3105 11.4159 40.1892 10.9685 39.9465 10.6657C39.7038 10.3628 39.3442 10.2148 38.8678 10.2217C38.1831 10.2217 37.6563 10.4516 37.2874 10.9113C36.9184 11.371 36.7344 12.0404 36.7354 12.9194V18.4818Z",
+        fill: "#1C68A5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M54.0493 6.86694H57.9515V17.2594L54.3261 18.7081V16.5003C53.802 17.1785 53.148 17.7454 52.4024 18.168C51.7277 18.5291 50.9731 18.7149 50.2079 18.7081C49.0102 18.7081 48.1007 18.3628 47.4792 17.6722C46.8577 16.9817 46.5459 15.9779 46.5439 14.6609V6.86694H50.4698V13.5659C50.4698 14.1578 50.5911 14.6071 50.8338 14.9139C51.0765 15.2207 51.4361 15.3732 51.9126 15.3712C52.6031 15.3712 53.1299 15.1394 53.4929 14.6757C53.856 14.212 54.04 13.5451 54.0449 12.675L54.0493 6.86694Z",
+        fill: "#1C68A5"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M62.349 18.7354H60.2773V0.830151L62.349 0V18.7354Z", fill: "#1C68A5" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M64.0928 13.0257C64.0928 11.2362 64.6615 9.76236 65.7989 8.60419C66.9364 7.44603 68.3787 6.86694 70.1258 6.86694C71.8729 6.86694 73.3152 7.44603 74.4526 8.60419C75.5901 9.76236 76.1588 11.2362 76.1588 13.0257C76.1588 14.8232 75.5901 16.3029 74.4526 17.4651C73.3152 18.6272 71.8729 19.2063 70.1258 19.2023C68.3856 19.2023 66.9453 18.6232 65.8049 17.4651C64.6645 16.3069 64.0938 14.8271 64.0928 13.0257ZM66.1497 13.0257C66.1497 14.4315 66.5132 15.5626 67.2402 16.4189C67.9673 17.2752 68.9208 17.7038 70.1006 17.7048C71.2845 17.7048 72.2419 17.2761 72.9729 16.4189C73.7039 15.5616 74.0719 14.4305 74.0768 13.0257C74.0768 11.6298 73.7088 10.5032 72.9729 9.64595C72.2369 8.78867 71.2795 8.36053 70.1006 8.36151C68.9168 8.36151 67.9634 8.79015 67.2402 9.64743C66.5171 10.5047 66.1536 11.6308 66.1497 13.0257Z",
+        fill: "#1C68A5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M86.2825 17.9933C85.7073 18.3338 85.0919 18.6013 84.4505 18.7895C83.8592 18.9596 83.2471 19.0463 82.6319 19.0469C80.9686 19.0469 79.6245 18.495 78.5995 17.3911C77.5745 16.2872 77.0625 14.8365 77.0635 13.0391C77.0635 11.2071 77.611 9.72043 78.706 8.57904C79.8011 7.43764 81.2315 6.86694 82.9974 6.86694C83.5542 6.87509 84.1095 6.92854 84.6577 7.02676C85.289 7.13133 86.0191 7.29213 86.8477 7.50916L88.3142 6.91726V17.1129C88.3142 18.4753 88.2496 19.4721 88.1203 20.1035C88.0069 20.6938 87.7835 21.2575 87.4618 21.7653C86.9756 22.5003 86.284 23.0761 85.473 23.4211C84.5283 23.8233 83.5089 24.0201 82.4824 23.9982C81.7434 23.9982 81.0074 23.9037 80.2923 23.7171C79.5452 23.5188 78.8236 23.2342 78.1422 22.8692L77.8034 20.4113L79.3201 21.4027C79.7777 21.6876 80.277 21.8993 80.7999 22.0302C81.3712 22.1909 81.9614 22.275 82.5549 22.2802C83.7387 22.2802 84.6567 21.9843 85.3088 21.3924C85.9608 20.8005 86.2854 19.958 86.2825 18.8649V17.9933ZM86.2825 16.4499V9.21238C85.7948 8.96846 85.2843 8.77317 84.7583 8.62935C84.298 8.50417 83.8235 8.43901 83.3466 8.4355C82.0848 8.4355 81.0692 8.8597 80.2997 9.7081C79.5303 10.5565 79.145 11.6851 79.144 13.0938C79.144 14.4473 79.4893 15.5216 80.1799 16.3168C80.8704 17.1119 81.8007 17.509 82.9707 17.508C83.461 17.5022 83.9474 17.4218 84.4135 17.2697C85.0592 17.0516 85.6846 16.7773 86.2825 16.4499Z",
+        fill: "#1C68A5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M90.0352 6.86694H92.1927L95.5784 15.7456L99.3044 6.86694H101.061L95.6672 19.3222L95.5784 19.4983C94.726 21.4378 94.0695 22.8189 93.6088 23.6416H91.364C91.8422 23.1454 92.2709 22.6037 92.644 22.0242C93.1111 21.2739 93.526 20.4922 93.8855 19.6847L94.6136 18.1176L90.0352 6.86694Z",
+        fill: "#1C68A5"
+      }
+    )
+  ] });
+}
+export {
+  SvgNulogyLogo
+};
+//# sourceMappingURL=SvgNulogyLogo.js.map

package/dist/esm/Navigation/components/NulogyLogo/SvgNulogyLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgNulogyLogo.js","sources":["../../../../../src/Navigation/components/NulogyLogo/SvgNulogyLogo.tsx"],"sourcesContent":["import React, { SVGProps } from \"react\";\n\nexport function SvgNulogyLogo(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 102 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M23.4218 0.867146L27.759 2.60144V18.2175C27.759 21.5706 23.6157 22.1596 20.8189 22.5547C22.4185 22.1596 23.4307 21.7156 23.4218 18.2175V4.33721L19.0846 2.60144L23.4218 0.867146ZM5.20435 21.6875V12.1474C5.20435 11.1871 5.925 10.1009 6.79955 9.72653L11.2773 7.80283V13.8699L15.6145 16.4846C16.4891 16.9286 18.2175 16.9389 18.2175 15.616V13.0131L16.4802 12.1445V0L3.2555 4.87288C1.45757 5.53434 0 7.61934 0 9.54304V23.8569L5.20435 21.6875Z\"\n        fill=\"#F0B41C\"\n      />\n      <path\n        d=\"M36.7354 18.4818H32.8096V7.1808H36.435V9.07491C36.9583 8.39756 37.6125 7.83242 38.3587 7.41313C39.0371 7.04867 39.7964 6.86089 40.5665 6.86709C41.7622 6.86709 42.6693 7.20991 43.2878 7.89553C43.9064 8.58116 44.2156 9.58444 44.2156 10.9054V18.4818H40.3105V12.0078C40.3105 11.4159 40.1892 10.9685 39.9465 10.6657C39.7038 10.3628 39.3442 10.2148 38.8678 10.2217C38.1831 10.2217 37.6563 10.4516 37.2874 10.9113C36.9184 11.371 36.7344 12.0404 36.7354 12.9194V18.4818Z\"\n        fill=\"#1C68A5\"\n      />\n      <path\n        d=\"M54.0493 6.86694H57.9515V17.2594L54.3261 18.7081V16.5003C53.802 17.1785 53.148 17.7454 52.4024 18.168C51.7277 18.5291 50.9731 18.7149 50.2079 18.7081C49.0102 18.7081 48.1007 18.3628 47.4792 17.6722C46.8577 16.9817 46.5459 15.9779 46.5439 14.6609V6.86694H50.4698V13.5659C50.4698 14.1578 50.5911 14.6071 50.8338 14.9139C51.0765 15.2207 51.4361 15.3732 51.9126 15.3712C52.6031 15.3712 53.1299 15.1394 53.4929 14.6757C53.856 14.212 54.04 13.5451 54.0449 12.675L54.0493 6.86694Z\"\n        fill=\"#1C68A5\"\n      />\n      <path d=\"M62.349 18.7354H60.2773V0.830151L62.349 0V18.7354Z\" fill=\"#1C68A5\" />\n      <path\n        d=\"M64.0928 13.0257C64.0928 11.2362 64.6615 9.76236 65.7989 8.60419C66.9364 7.44603 68.3787 6.86694 70.1258 6.86694C71.8729 6.86694 73.3152 7.44603 74.4526 8.60419C75.5901 9.76236 76.1588 11.2362 76.1588 13.0257C76.1588 14.8232 75.5901 16.3029 74.4526 17.4651C73.3152 18.6272 71.8729 19.2063 70.1258 19.2023C68.3856 19.2023 66.9453 18.6232 65.8049 17.4651C64.6645 16.3069 64.0938 14.8271 64.0928 13.0257ZM66.1497 13.0257C66.1497 14.4315 66.5132 15.5626 67.2402 16.4189C67.9673 17.2752 68.9208 17.7038 70.1006 17.7048C71.2845 17.7048 72.2419 17.2761 72.9729 16.4189C73.7039 15.5616 74.0719 14.4305 74.0768 13.0257C74.0768 11.6298 73.7088 10.5032 72.9729 9.64595C72.2369 8.78867 71.2795 8.36053 70.1006 8.36151C68.9168 8.36151 67.9634 8.79015 67.2402 9.64743C66.5171 10.5047 66.1536 11.6308 66.1497 13.0257Z\"\n        fill=\"#1C68A5\"\n      />\n      <path\n        d=\"M86.2825 17.9933C85.7073 18.3338 85.0919 18.6013 84.4505 18.7895C83.8592 18.9596 83.2471 19.0463 82.6319 19.0469C80.9686 19.0469 79.6245 18.495 78.5995 17.3911C77.5745 16.2872 77.0625 14.8365 77.0635 13.0391C77.0635 11.2071 77.611 9.72043 78.706 8.57904C79.8011 7.43764 81.2315 6.86694 82.9974 6.86694C83.5542 6.87509 84.1095 6.92854 84.6577 7.02676C85.289 7.13133 86.0191 7.29213 86.8477 7.50916L88.3142 6.91726V17.1129C88.3142 18.4753 88.2496 19.4721 88.1203 20.1035C88.0069 20.6938 87.7835 21.2575 87.4618 21.7653C86.9756 22.5003 86.284 23.0761 85.473 23.4211C84.5283 23.8233 83.5089 24.0201 82.4824 23.9982C81.7434 23.9982 81.0074 23.9037 80.2923 23.7171C79.5452 23.5188 78.8236 23.2342 78.1422 22.8692L77.8034 20.4113L79.3201 21.4027C79.7777 21.6876 80.277 21.8993 80.7999 22.0302C81.3712 22.1909 81.9614 22.275 82.5549 22.2802C83.7387 22.2802 84.6567 21.9843 85.3088 21.3924C85.9608 20.8005 86.2854 19.958 86.2825 18.8649V17.9933ZM86.2825 16.4499V9.21238C85.7948 8.96846 85.2843 8.77317 84.7583 8.62935C84.298 8.50417 83.8235 8.43901 83.3466 8.4355C82.0848 8.4355 81.0692 8.8597 80.2997 9.7081C79.5303 10.5565 79.145 11.6851 79.144 13.0938C79.144 14.4473 79.4893 15.5216 80.1799 16.3168C80.8704 17.1119 81.8007 17.509 82.9707 17.508C83.461 17.5022 83.9474 17.4218 84.4135 17.2697C85.0592 17.0516 85.6846 16.7773 86.2825 16.4499Z\"\n        fill=\"#1C68A5\"\n      />\n      <path\n        d=\"M90.0352 6.86694H92.1927L95.5784 15.7456L99.3044 6.86694H101.061L95.6672 19.3222L95.5784 19.4983C94.726 21.4378 94.0695 22.8189 93.6088 23.6416H91.364C91.8422 23.1454 92.2709 22.6037 92.644 22.0242C93.1111 21.2739 93.526 20.4922 93.8855 19.6847L94.6136 18.1176L90.0352 6.86694Z\"\n        fill=\"#1C68A5\"\n      />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";AAEO,SAAS,cAAc,OAAgC;AAC5D,SACE,qBAAC,SAAI,SAAQ,cAAa,MAAK,QAAO,OAAM,8BAA8B,GAAG,OAC3E,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,oBAAC,QAAA,EAAK,GAAE,sDAAqD,MAAK,WAAU;AAAA,IAC5E;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/dist/esm/Navigation/components/UserMenu/UserMenu.js

@@ -0,0 +1,19 @@
+import { Sub } from "../../../node_modules/.pnpm/@radix-ui_react-navigation-menu@1.2.14_@types_react-dom@18.3.7_@types_react@18.3.28__@t_78af1a43306362c6a93ef2ea5b017181/node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import { styled } from "styled-components";
+import { addStyledProps } from "../../../StyledProps/index.js";
+import { Header } from "./parts/Header.js";
+import Item from "./parts/Item.js";
+import MobileItem from "./parts/MobileItem.js";
+const Container = styled(Sub).attrs({
+  orientation: "vertical"
+})(addStyledProps);
+const UserMenu = {
+  Header,
+  Container,
+  Item,
+  MobileItem
+};
+export {
+  UserMenu as default
+};
+//# sourceMappingURL=UserMenu.js.map

package/dist/esm/Navigation/components/UserMenu/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.js","sources":["../../../../../src/Navigation/components/UserMenu/UserMenu.tsx"],"sourcesContent":["import * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { styled } from \"styled-components\";\nimport { addStyledProps, StyledProps } from \"../../../StyledProps\";\nimport { Header } from \"./parts/Header\";\nimport Item from \"./parts/Item\";\nimport MobileItem from \"./parts/MobileItem\";\n\nconst Container = styled(RadixNavigationMenu.Sub).attrs({\n  orientation: \"vertical\",\n})<StyledProps>(addStyledProps);\n\nconst UserMenu = {\n  Header,\n  Container,\n  Item,\n  MobileItem,\n};\n\nexport default UserMenu;\n"],"names":["RadixNavigationMenu.Sub"],"mappings":";;;;;;AAOA,MAAM,YAAY,OAAOA,GAAuB,EAAE,MAAM;AAAA,EACtD,aAAa;AACf,CAAC,EAAe,cAAc;AAE9B,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/esm/Navigation/components/UserMenu/parts/Header.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import BackgroundTriangles from "../../../../Decorations/index.js";
+import Flex from "../../../../Flex/Flex.js";
+import Text from "../../../../Type/Text.js";
+const USER_MENU_HEADER_HEIGHT = "104px";
+const HeaderText = styled(Text).attrs({
+  color: "darkGrey",
+  fontSize: "small",
+  fontStyle: "normal",
+  lineHeight: "smallTextBase",
+  m: "none"
+})({});
+const HeaderWrapper = styled(Flex).attrs({
+  position: "relative",
+  flexDirection: "column",
+  justifyContent: "center",
+  alignItems: "flex-start",
+  alignSelf: "stretch",
+  px: "x3",
+  py: "none",
+  bg: "whiteGrey",
+  borderTopLeftRadius: "large",
+  borderTopRightRadius: "large",
+  height: USER_MENU_HEADER_HEIGHT,
+  overflow: "hidden"
+})(({ theme }) => ({
+  "&:last-child": {
+    borderBottomLeftRadius: theme.radii.large,
+    borderBottomRightRadius: theme.radii.large
+  }
+}));
+const Header = ({ title, subtitle1, subtitle2, containerProps }) => {
+  return /* @__PURE__ */ jsxs(HeaderWrapper, { ...containerProps, children: [
+    /* @__PURE__ */ jsx(HeaderText, { fontWeight: "bold", children: title }),
+    /* @__PURE__ */ jsx(HeaderText, { fontWeight: "normal", children: subtitle1 }),
+    /* @__PURE__ */ jsx(HeaderText, { fontWeight: "normal", children: subtitle2 }),
+    /* @__PURE__ */ jsx(BackgroundTriangles, {})
+  ] });
+};
+export {
+  Header
+};
+//# sourceMappingURL=Header.js.map

package/dist/esm/Navigation/components/UserMenu/parts/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../src/Navigation/components/UserMenu/parts/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { styled } from \"styled-components\";\nimport { UserMenuInfo } from \"../../../types\";\nimport { Text } from \"../../../../Type\";\nimport { Flex } from \"../../../../Flex\";\nimport { FlexProps } from \"../../../../Flex/Flex\";\nimport BackgroundTriangles from \"../../../../Decorations\";\nconst USER_MENU_HEADER_HEIGHT = \"104px\";\n\nconst HeaderText = styled(Text).attrs({\n  color: \"darkGrey\",\n  fontSize: \"small\",\n  fontStyle: \"normal\",\n  lineHeight: \"smallTextBase\",\n  m: \"none\",\n})({});\n\nconst HeaderWrapper = styled(Flex).attrs({\n  position: \"relative\",\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  alignItems: \"flex-start\",\n  alignSelf: \"stretch\",\n  px: \"x3\",\n  py: \"none\",\n  bg: \"whiteGrey\",\n  borderTopLeftRadius: \"large\",\n  borderTopRightRadius: \"large\",\n  height: USER_MENU_HEADER_HEIGHT,\n  overflow: \"hidden\",\n})(({ theme }) => ({\n  \"&:last-child\": {\n    borderBottomLeftRadius: theme.radii.large,\n    borderBottomRightRadius: theme.radii.large,\n  },\n}));\n\nexport interface HeaderProps extends UserMenuInfo {\n  containerProps?: FlexProps;\n}\n\nexport const Header = ({ title, subtitle1, subtitle2, containerProps }: HeaderProps) => {\n  return (\n    <HeaderWrapper {...containerProps}>\n      <HeaderText fontWeight=\"bold\">{title}</HeaderText>\n      <HeaderText fontWeight=\"normal\">{subtitle1}</HeaderText>\n      <HeaderText fontWeight=\"normal\">{subtitle2}</HeaderText>\n      <BackgroundTriangles />\n    </HeaderWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;AAOA,MAAM,0BAA0B;AAEhC,MAAM,aAAa,OAAO,IAAI,EAAE,MAAM;AAAA,EACpC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,GAAG;AACL,CAAC,EAAE,CAAA,CAAE;AAEL,MAAM,gBAAgB,OAAO,IAAI,EAAE,MAAM;AAAA,EACvC,UAAU;AAAA,EACV,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,QAAQ;AAAA,EACR,UAAU;AACZ,CAAC,EAAE,CAAC,EAAE,aAAa;AAAA,EACjB,gBAAgB;AAAA,IACd,wBAAwB,MAAM,MAAM;AAAA,IACpC,yBAAyB,MAAM,MAAM;AAAA,EAAA;AAEzC,EAAE;AAMK,MAAM,SAAS,CAAC,EAAE,OAAO,WAAW,WAAW,qBAAkC;AACtF,SACE,qBAAC,eAAA,EAAe,GAAG,gBACjB,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,YAAW,QAAQ,UAAA,OAAM;AAAA,IACrC,oBAAC,YAAA,EAAW,YAAW,UAAU,UAAA,WAAU;AAAA,IAC3C,oBAAC,YAAA,EAAW,YAAW,UAAU,UAAA,WAAU;AAAA,wBAC1C,qBAAA,CAAA,CAAoB;AAAA,EAAA,GACvB;AAEJ;"}

package/dist/esm/Navigation/components/UserMenu/parts/Item.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { RadixNavigationMenuItem } from "../../shared/components.js";
+import { UserMenuLink, UserMenuTrigger } from "./styled.js";
+const Item = React__default.forwardRef(
+  ({ item, level = 0, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: [
+      item.type === "link" && /* @__PURE__ */ jsx(UserMenuLink, { asChild: true, children: item.element ? React__default.cloneElement(item.element, {
+        ...item.props,
+        children: item.label
+      }) : /* @__PURE__ */ jsx("a", { ...item.props, children: item.label }) }),
+      item.type === "button" && /* @__PURE__ */ jsx(UserMenuTrigger, { ...item.props, children: item.label }),
+      item.type === "custom" && item.render({ level, withinMobileNav: false })
+    ] });
+  }
+);
+Item.displayName = "Item";
+export {
+  Item as default
+};
+//# sourceMappingURL=Item.js.map

package/dist/esm/Navigation/components/UserMenu/parts/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../../../../src/Navigation/components/UserMenu/parts/Item.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport type { UserMenuItem as UserMenuItemType } from \"../../../types\";\nimport { RadixNavigationMenuItem } from \"../../shared/components\";\nimport { UserMenuLink, UserMenuTrigger } from \"./styled\";\n\nexport interface UserMenuItemProps extends RadixNavigationMenu.NavigationMenuItemProps {\n  item: UserMenuItemType;\n}\n\nconst Item = React.forwardRef<HTMLLIElement, UserMenuItemProps & { level?: number }>(\n  ({ item, level = 0, ...props }, forwardedRef) => {\n    return (\n      <RadixNavigationMenuItem ref={forwardedRef} {...props}>\n        {item.type === \"link\" && (\n          <UserMenuLink asChild>\n            {item.element ? (\n              React.cloneElement(item.element, {\n                ...item.props,\n                children: item.label,\n              })\n            ) : (\n              <a {...item.props}>{item.label}</a>\n            )}\n          </UserMenuLink>\n        )}\n        {item.type === \"button\" && <UserMenuTrigger {...item.props}>{item.label}</UserMenuTrigger>}\n        {item.type === \"custom\" && item.render({ level, withinMobileNav: false })}\n      </RadixNavigationMenuItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n\nexport default Item;\n"],"names":["React"],"mappings":";;;;AAUA,MAAM,OAAOA,eAAM;AAAA,EACjB,CAAC,EAAE,MAAM,QAAQ,GAAG,GAAG,MAAA,GAAS,iBAAiB;AAC/C,WACE,qBAAC,yBAAA,EAAwB,KAAK,cAAe,GAAG,OAC7C,UAAA;AAAA,MAAA,KAAK,SAAS,UACb,oBAAC,cAAA,EAAa,SAAO,MAClB,UAAA,KAAK,UACJA,eAAM,aAAa,KAAK,SAAS;AAAA,QAC/B,GAAG,KAAK;AAAA,QACR,UAAU,KAAK;AAAA,MAAA,CAChB,IAED,oBAAC,KAAA,EAAG,GAAG,KAAK,OAAQ,UAAA,KAAK,MAAA,CAAM,GAEnC;AAAA,MAED,KAAK,SAAS,YAAY,oBAAC,mBAAiB,GAAG,KAAK,OAAQ,UAAA,KAAK,MAAA,CAAM;AAAA,MACvE,KAAK,SAAS,YAAY,KAAK,OAAO,EAAE,OAAO,iBAAiB,MAAA,CAAO;AAAA,IAAA,GAC1E;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;"}

package/dist/esm/Navigation/components/UserMenu/parts/MobileItem.js

@@ -0,0 +1,23 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { RadixNavigationMenuItem } from "../../shared/components.js";
+import { IndentedContainer } from "../../MobileNav/parts/styled.js";
+import { UserMenuLink, UserMenuTrigger } from "./styled.js";
+const MobileItem = React__default.forwardRef(
+  ({ item, level = 0, ...props }, forwardedRef) => {
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      item.type === "link" && /* @__PURE__ */ jsx(IndentedContainer, { level, children: /* @__PURE__ */ jsx(UserMenuLink, { asChild: true, $isMobile: true, children: item.element ? React__default.cloneElement(item.element, {
+        ...item.props,
+        children: item.label
+      }) : /* @__PURE__ */ jsx("a", { ...item.props, children: item.label }) }) }),
+      item.type === "button" && /* @__PURE__ */ jsx(IndentedContainer, { level, children: /* @__PURE__ */ jsx(UserMenuTrigger, { ...item.props, $isMobile: true, children: item.label }) }),
+      item.type === "custom" && item.render({ level, withinMobileNav: true })
+    ] });
+    return /* @__PURE__ */ jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: content });
+  }
+);
+MobileItem.displayName = "MobileItem";
+export {
+  MobileItem as default
+};
+//# sourceMappingURL=MobileItem.js.map

package/dist/esm/Navigation/components/UserMenu/parts/MobileItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileItem.js","sources":["../../../../../../src/Navigation/components/UserMenu/parts/MobileItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { RadixNavigationMenuItem } from \"../../shared/components\";\nimport { IndentedContainer } from \"../../MobileNav/parts/styled\";\nimport { UserMenuLink, UserMenuTrigger } from \"./styled\";\nimport { UserMenuItemProps } from \"./Item\";\n\nconst MobileItem = React.forwardRef<HTMLLIElement, UserMenuItemProps & { level?: number }>(\n  ({ item, level = 0, ...props }, forwardedRef) => {\n    const content = (\n      <>\n        {item.type === \"link\" && (\n          <IndentedContainer level={level}>\n            <UserMenuLink asChild $isMobile>\n              {item.element ? (\n                React.cloneElement(item.element, {\n                  ...item.props,\n                  children: item.label,\n                })\n              ) : (\n                <a {...item.props}>{item.label}</a>\n              )}\n            </UserMenuLink>\n          </IndentedContainer>\n        )}\n        {item.type === \"button\" && (\n          <IndentedContainer level={level}>\n            <UserMenuTrigger {...item.props} $isMobile>\n              {item.label}\n            </UserMenuTrigger>\n          </IndentedContainer>\n        )}\n        {item.type === \"custom\" && item.render({ level, withinMobileNav: true })}\n      </>\n    );\n\n    return (\n      <RadixNavigationMenuItem ref={forwardedRef} {...props}>\n        {content}\n      </RadixNavigationMenuItem>\n    );\n  }\n);\n\nMobileItem.displayName = \"MobileItem\";\n\nexport default MobileItem;\n"],"names":["React"],"mappings":";;;;;AAMA,MAAM,aAAaA,eAAM;AAAA,EACvB,CAAC,EAAE,MAAM,QAAQ,GAAG,GAAG,MAAA,GAAS,iBAAiB;AAC/C,UAAM,UACJ,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,KAAK,SAAS,UACb,oBAAC,mBAAA,EAAkB,OACjB,8BAAC,cAAA,EAAa,SAAO,MAAC,WAAS,MAC5B,UAAA,KAAK,UACJA,eAAM,aAAa,KAAK,SAAS;AAAA,QAC/B,GAAG,KAAK;AAAA,QACR,UAAU,KAAK;AAAA,MAAA,CAChB,IAED,oBAAC,KAAA,EAAG,GAAG,KAAK,OAAQ,UAAA,KAAK,OAAM,EAAA,CAEnC,EAAA,CACF;AAAA,MAED,KAAK,SAAS,YACb,oBAAC,qBAAkB,OACjB,UAAA,oBAAC,iBAAA,EAAiB,GAAG,KAAK,OAAO,WAAS,MACvC,UAAA,KAAK,OACR,GACF;AAAA,MAED,KAAK,SAAS,YAAY,KAAK,OAAO,EAAE,OAAO,iBAAiB,KAAA,CAAM;AAAA,IAAA,GACzE;AAGF,+BACG,yBAAA,EAAwB,KAAK,cAAe,GAAG,OAC7C,UAAA,SACH;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;"}

package/dist/esm/Navigation/components/UserMenu/parts/styled.js

@@ -0,0 +1,58 @@
+import { styled } from "styled-components";
+import { Link, Trigger } from "../../../../node_modules/.pnpm/@radix-ui_react-navigation-menu@1.2.14_@types_react-dom@18.3.7_@types_react@18.3.28__@t_78af1a43306362c6a93ef2ea5b017181/node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import { addStyledProps } from "../../../../StyledProps/index.js";
+const baseUserMenuItemStyles = (theme, isMobile) => ({
+  width: "100%",
+  color: theme.colors.darkGrey,
+  fontSize: theme.fontSizes.small,
+  fontWeight: theme.fontWeights.bold,
+  lineHeight: theme.lineHeights.smallTextBase,
+  paddingTop: theme.space.x1_5,
+  paddingBottom: theme.space.x1_5,
+  paddingLeft: theme.space.x2,
+  paddingRight: theme.space.x2,
+  ...!isMobile && {
+    "&:hover, &:focus": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue,
+      outline: "none"
+    }
+  },
+  ...isMobile && {
+    "&:hover": {
+      // No background or color change on hover for mobile
+    },
+    "&:focus": {
+      backgroundColor: "transparent",
+      // Ensure no background change
+      color: theme.colors.darkBlue,
+      outline: "none"
+    }
+  }
+});
+const UserMenuLink = styled(Link)(
+  ({ theme, $isMobile }) => ({
+    ...baseUserMenuItemStyles(theme, $isMobile),
+    display: "block",
+    textDecoration: "none"
+  }),
+  addStyledProps
+);
+const UserMenuTrigger = styled(Trigger)(
+  ({ theme, $isMobile }) => ({
+    ...baseUserMenuItemStyles(theme, $isMobile),
+    background: "none",
+    border: "none",
+    userSelect: "none",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    textAlign: "left"
+  }),
+  addStyledProps
+);
+export {
+  UserMenuLink,
+  UserMenuTrigger
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/Navigation/components/UserMenu/parts/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/Navigation/components/UserMenu/parts/styled.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { addStyledProps } from \"../../../../StyledProps\";\nimport { DefaultNDSThemeType } from \"../../../../theme/theme.type\";\n\nconst baseUserMenuItemStyles = (theme: DefaultNDSThemeType, isMobile?: boolean) => ({\n  width: \"100%\",\n  color: theme.colors.darkGrey,\n  fontSize: theme.fontSizes.small,\n  fontWeight: theme.fontWeights.bold,\n  lineHeight: theme.lineHeights.smallTextBase,\n  paddingTop: theme.space.x1_5,\n  paddingBottom: theme.space.x1_5,\n  paddingLeft: theme.space.x2,\n  paddingRight: theme.space.x2,\n  ...(!isMobile && {\n    \"&:hover, &:focus\": {\n      backgroundColor: theme.colors.lightBlue,\n      color: theme.colors.darkBlue,\n      outline: \"none\",\n    },\n  }),\n  ...(isMobile && {\n    \"&:hover\": {\n      // No background or color change on hover for mobile\n    },\n    \"&:focus\": {\n      backgroundColor: \"transparent\", // Ensure no background change\n      color: theme.colors.darkBlue,\n      outline: \"none\",\n    },\n  }),\n});\n\nexport const UserMenuLink = styled(RadixNavigationMenu.Link)<{ $isMobile?: boolean }>(\n  ({ theme, $isMobile }) => ({\n    ...baseUserMenuItemStyles(theme, $isMobile),\n    display: \"block\",\n    textDecoration: \"none\",\n  }),\n  addStyledProps\n);\n\nexport const UserMenuTrigger = styled(RadixNavigationMenu.Trigger)<{ $isMobile?: boolean }>(\n  ({ theme, $isMobile }) => ({\n    ...baseUserMenuItemStyles(theme, $isMobile),\n    background: \"none\",\n    border: \"none\",\n    userSelect: \"none\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    textAlign: \"left\",\n  }),\n  addStyledProps\n);\n"],"names":["RadixNavigationMenu.Link","RadixNavigationMenu.Trigger"],"mappings":";;;AAKA,MAAM,yBAAyB,CAAC,OAA4B,cAAwB;AAAA,EAClF,OAAO;AAAA,EACP,OAAO,MAAM,OAAO;AAAA,EACpB,UAAU,MAAM,UAAU;AAAA,EAC1B,YAAY,MAAM,YAAY;AAAA,EAC9B,YAAY,MAAM,YAAY;AAAA,EAC9B,YAAY,MAAM,MAAM;AAAA,EACxB,eAAe,MAAM,MAAM;AAAA,EAC3B,aAAa,MAAM,MAAM;AAAA,EACzB,cAAc,MAAM,MAAM;AAAA,EAC1B,GAAI,CAAC,YAAY;AAAA,IACf,oBAAoB;AAAA,MAClB,iBAAiB,MAAM,OAAO;AAAA,MAC9B,OAAO,MAAM,OAAO;AAAA,MACpB,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,GAAI,YAAY;AAAA,IACd,WAAW;AAAA;AAAA,IAAA;AAAA,IAGX,WAAW;AAAA,MACT,iBAAiB;AAAA;AAAA,MACjB,OAAO,MAAM,OAAO;AAAA,MACpB,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEO,MAAM,eAAe,OAAOA,IAAwB;AAAA,EACzD,CAAC,EAAE,OAAO,iBAAiB;AAAA,IACzB,GAAG,uBAAuB,OAAO,SAAS;AAAA,IAC1C,SAAS;AAAA,IACT,gBAAgB;AAAA,EAAA;AAAA,EAElB;AACF;AAEO,MAAM,kBAAkB,OAAOC,OAA2B;AAAA,EAC/D,CAAC,EAAE,OAAO,iBAAiB;AAAA,IACzB,GAAG,uBAAuB,OAAO,SAAS;AAAA,IAC1C,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,EAAA;AAAA,EAEb;AACF;"}

package/dist/esm/Navigation/components/shared/NavigationLogo.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+const LogoContainer = styled.div(({ $maxWidth, $maxHeight }) => ({
+  display: "flex",
+  alignItems: "center",
+  maxWidth: $maxWidth ?? "184px",
+  maxHeight: $maxHeight ?? "36px",
+  "& > *": {
+    width: "100%",
+    objectFit: "contain"
+  }
+}));
+const NavigationLogo = ({ children, maxWidth, maxHeight, ...props }) => {
+  return /* @__PURE__ */ jsx(LogoContainer, { $maxWidth: maxWidth, $maxHeight: maxHeight, ...props, children });
+};
+export {
+  NavigationLogo
+};
+//# sourceMappingURL=NavigationLogo.js.map

package/dist/esm/Navigation/components/shared/NavigationLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLogo.js","sources":["../../../../../src/Navigation/components/shared/NavigationLogo.tsx"],"sourcesContent":["import React from \"react\";\nimport { styled } from \"styled-components\";\n\nconst LogoContainer = styled.div<{ $maxWidth?: string; $maxHeight?: string }>(({ $maxWidth, $maxHeight }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  maxWidth: $maxWidth ?? \"184px\",\n  maxHeight: $maxHeight ?? \"36px\",\n  \"& > *\": {\n    width: \"100%\",\n    objectFit: \"contain\",\n  },\n}));\n\ninterface NavigationLogoProps {\n  maxWidth?: string;\n  maxHeight?: string;\n  children: React.ReactNode;\n}\n\nexport const NavigationLogo = ({ children, maxWidth, maxHeight, ...props }: NavigationLogoProps) => {\n  return (\n    <LogoContainer $maxWidth={maxWidth} $maxHeight={maxHeight} {...props}>\n      {children}\n    </LogoContainer>\n  );\n};\n"],"names":[],"mappings":";;AAGA,MAAM,gBAAgB,OAAO,IAAiD,CAAC,EAAE,WAAW,kBAAkB;AAAA,EAC5G,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU,aAAa;AAAA,EACvB,WAAW,cAAc;AAAA,EACzB,SAAS;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAEf,EAAE;AAQK,MAAM,iBAAiB,CAAC,EAAE,UAAU,UAAU,WAAW,GAAG,YAAiC;AAClG,SACE,oBAAC,iBAAc,WAAW,UAAU,YAAY,WAAY,GAAG,OAC5D,UACH;AAEJ;"}

package/dist/esm/Navigation/components/shared/NavigationLogoLink.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { NavigationMenuLink as NavigationMenuLink$1 } from "./components.js";
+const NavigationMenuLink = styled(NavigationMenuLink$1)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  padding: theme.space.x1
+}));
+const NavigationLogoLink = ({ href, renderAsFragment = false, ...props }) => {
+  return /* @__PURE__ */ jsx(NavigationMenuLink, { href, asChild: renderAsFragment, ...props });
+};
+export {
+  NavigationLogoLink
+};
+//# sourceMappingURL=NavigationLogoLink.js.map

package/dist/esm/Navigation/components/shared/NavigationLogoLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLogoLink.js","sources":["../../../../../src/Navigation/components/shared/NavigationLogoLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { styled } from \"styled-components\";\nimport type { NavigationMenuLinkProps } from \"@radix-ui/react-navigation-menu\";\nimport { NavigationMenuLink as BaseNavigationMenuLink } from \"./components\";\n\nconst NavigationMenuLink = styled(BaseNavigationMenuLink)(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  padding: theme.space.x1,\n}));\n\ninterface NavigationLogoLinkProps extends Omit<NavigationMenuLinkProps, \"asChild\"> {\n  renderAsFragment?: boolean;\n}\n\nexport const NavigationLogoLink = ({ href, renderAsFragment = false, ...props }: NavigationLogoLinkProps) => {\n  return <NavigationMenuLink href={href} asChild={renderAsFragment} {...props} />;\n};\n"],"names":["BaseNavigationMenuLink"],"mappings":";;;AAKA,MAAM,qBAAqB,OAAOA,oBAAsB,EAAE,CAAC,EAAE,aAAa;AAAA,EACxE,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS,MAAM,MAAM;AACvB,EAAE;AAMK,MAAM,qBAAqB,CAAC,EAAE,MAAM,mBAAmB,OAAO,GAAG,YAAqC;AAC3G,6BAAQ,oBAAA,EAAmB,MAAY,SAAS,kBAAmB,GAAG,OAAO;AAC/E;"}