@nulogy/components 16.1.0 → 17.0.0

package/dist/esm/NavBarSearch/NavBarSearch.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { styled } from "styled-components";
+import { transparentize as curriedTransparentize$1, darken as curriedDarken$1 } from "../node_modules/.pnpm/polished@4.3.1/node_modules/polished/dist/polished.esm.js";
+import subPx from "../utils/subPx.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 Flex from "../Flex/Flex.js";
+import Input from "../Input/Input.js";
+import Icon from "../Icon/Icon.js";
+const BaseNavBarSearch = ({ name = "global-search", onSubmit, ...props }) => {
+  const handleOnSubmit = (e) => {
+    e.preventDefault();
+    onSubmit(e);
+  };
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("form", { ...props, onSubmit: handleOnSubmit, children: /* @__PURE__ */ jsxs(Flex, { role: "search", children: [
+    /* @__PURE__ */ jsx(Input, { id: "navbar-search", type: "search", "aria-labelledby": name, required: true, placeholder: t("search nulogy") }),
+    /* @__PURE__ */ jsx("button", { id: name, "aria-label": name, children: /* @__PURE__ */ jsx(Icon, { icon: "search" }) })
+  ] }) });
+};
+const NavBarSearch = styled(BaseNavBarSearch)(({ theme }) => ({
+  background: theme.colors.lightBlue,
+  borderRadius: theme.radii.medium,
+  height: theme.space.x5,
+  minWidth: "7em",
+  width: "100%",
+  button: {
+    padding: subPx(theme.space.x1),
+    color: theme.colors.blackBlue,
+    background: "transparent",
+    border: "solid 1px transparent",
+    borderRadius: theme.radii.medium,
+    minWidth: theme.space.x5,
+    "&:focus": {
+      color: theme.colors.white,
+      background: curriedDarken$1(0.1, theme.colors.blue),
+      border: `solid 1px ${theme.colors.lightBlue}`,
+      outline: "none",
+      boxShadow: "none"
+    },
+    svg: {
+      display: "block"
+    }
+  },
+  Input: {
+    color: theme.colors.blackBlue,
+    background: "transparent",
+    border: "solid 1px transparent",
+    borderRadius: theme.radii.medium,
+    "&:focus": {
+      background: theme.colors.white,
+      border: "solid 1px transparent",
+      boxShadow: "none"
+    },
+    "::placeholder": {
+      color: curriedTransparentize$1(0.4, theme.colors.black)
+    },
+    "&[type='search']": {
+      "-webkit-appearance": "textfield",
+      "::-webkit-search-decoration": {
+        "-webkit-appearance": "none"
+      }
+    }
+  }
+}));
+export {
+  NavBarSearch as default
+};
+//# sourceMappingURL=NavBarSearch.js.map

package/dist/esm/NavBarSearch/NavBarSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarSearch.js","sources":["../../../src/NavBarSearch/NavBarSearch.jsx"],"sourcesContent":["import React from \"react\";\nimport { styled } from \"styled-components\";\nimport { darken, transparentize } from \"polished\";\nimport { useTranslation } from \"react-i18next\";\nimport { Flex } from \"../Flex\";\nimport { Input } from \"../Input\";\nimport { Icon } from \"../Icon\";\nimport { subPx } from \"../utils\";\n\nconst BaseNavBarSearch = ({ name = \"global-search\", onSubmit, ...props }) => {\n  const handleOnSubmit = (e) => {\n    e.preventDefault();\n    onSubmit(e);\n  };\n  const { t } = useTranslation();\n  return (\n    <form {...props} onSubmit={handleOnSubmit}>\n      <Flex role=\"search\">\n        <Input id=\"navbar-search\" type=\"search\" aria-labelledby={name} required placeholder={t(\"search nulogy\")} />\n        <button id={name} aria-label={name}>\n          <Icon icon=\"search\" />\n        </button>\n      </Flex>\n    </form>\n  );\n};\n\nconst NavBarSearch = styled(BaseNavBarSearch)(({ theme }) => ({\n  background: theme.colors.lightBlue,\n  borderRadius: theme.radii.medium,\n  height: theme.space.x5,\n  minWidth: \"7em\",\n  width: \"100%\",\n  button: {\n    padding: subPx(theme.space.x1),\n    color: theme.colors.blackBlue,\n    background: \"transparent\",\n    border: \"solid 1px transparent\",\n    borderRadius: theme.radii.medium,\n    minWidth: theme.space.x5,\n    \"&:focus\": {\n      color: theme.colors.white,\n      background: darken(0.1, theme.colors.blue),\n      border: `solid 1px ${theme.colors.lightBlue}`,\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    svg: {\n      display: \"block\",\n    },\n  },\n  Input: {\n    color: theme.colors.blackBlue,\n    background: \"transparent\",\n    border: \"solid 1px transparent\",\n    borderRadius: theme.radii.medium,\n    \"&:focus\": {\n      background: theme.colors.white,\n      border: \"solid 1px transparent\",\n      boxShadow: \"none\",\n    },\n    \"::placeholder\": {\n      color: transparentize(0.4, theme.colors.black),\n    },\n    \"&[type='search']\": {\n      \"-webkit-appearance\": \"textfield\",\n      \"::-webkit-search-decoration\": {\n        \"-webkit-appearance\": \"none\",\n      },\n    },\n  },\n}));\n\nexport default NavBarSearch;\n"],"names":["darken","transparentize"],"mappings":";;;;;;;;;AASA,MAAM,mBAAmB,CAAC,EAAE,OAAO,iBAAiB,UAAU,GAAG,YAAY;AAC3E,QAAM,iBAAiB,CAAC,MAAM;AAC5B,MAAE,eAAA;AACF,aAAS,CAAC;AAAA,EACZ;AACA,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,SACE,oBAAC,UAAM,GAAG,OAAO,UAAU,gBACzB,UAAA,qBAAC,MAAA,EAAK,MAAK,UACT,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,IAAG,iBAAgB,MAAK,UAAS,mBAAiB,MAAM,UAAQ,MAAC,aAAa,EAAE,eAAe,EAAA,CAAG;AAAA,IACzG,oBAAC,UAAA,EAAO,IAAI,MAAM,cAAY,MAC5B,UAAA,oBAAC,MAAA,EAAK,MAAK,SAAA,CAAS,EAAA,CACtB;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,MAAM,eAAe,OAAO,gBAAgB,EAAE,CAAC,EAAE,aAAa;AAAA,EAC5D,YAAY,MAAM,OAAO;AAAA,EACzB,cAAc,MAAM,MAAM;AAAA,EAC1B,QAAQ,MAAM,MAAM;AAAA,EACpB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,SAAS,MAAM,MAAM,MAAM,EAAE;AAAA,IAC7B,OAAO,MAAM,OAAO;AAAA,IACpB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc,MAAM,MAAM;AAAA,IAC1B,UAAU,MAAM,MAAM;AAAA,IACtB,WAAW;AAAA,MACT,OAAO,MAAM,OAAO;AAAA,MACpB,YAAYA,gBAAO,KAAK,MAAM,OAAO,IAAI;AAAA,MACzC,QAAQ,aAAa,MAAM,OAAO,SAAS;AAAA,MAC3C,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,MACH,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,OAAO;AAAA,IACL,OAAO,MAAM,OAAO;AAAA,IACpB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc,MAAM,MAAM;AAAA,IAC1B,WAAW;AAAA,MACT,YAAY,MAAM,OAAO;AAAA,MACzB,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA;AAAA,IAEb,iBAAiB;AAAA,MACf,OAAOC,wBAAe,KAAK,MAAM,OAAO,KAAK;AAAA,IAAA;AAAA,IAE/C,oBAAoB;AAAA,MAClB,sBAAsB;AAAA,MACtB,+BAA+B;AAAA,QAC7B,sBAAsB;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAEJ,EAAE;"}

package/dist/esm/Navigation/Navigation.js

@@ -0,0 +1,16 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useTheme } from "styled-components";
+import useMediaQuery from "../hooks/useMediaQuery/useMediaQuery.js";
+import DesktopNav from "./components/DesktopNav/DesktopNav.js";
+import MobileNav from "./components/MobileNav/MobileNav.js";
+import { NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY } from "./components/shared/constants.js";
+const Navigation = ({ breakpoint = NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY, ...props }) => {
+  const theme = useTheme();
+  const query = theme?.breakpoints?.[breakpoint] ? breakpoint : `(min-width: ${breakpoint})`;
+  const largeScreen = useMediaQuery(query);
+  return /* @__PURE__ */ jsx(Fragment, { children: largeScreen ? /* @__PURE__ */ jsx(DesktopNav, { ...props }) : /* @__PURE__ */ jsx(MobileNav, { ...props }) });
+};
+export {
+  Navigation as default
+};
+//# sourceMappingURL=Navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sources":["../../../src/Navigation/Navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport useMediaQuery from \"../hooks/useMediaQuery\";\nimport DesktopNav from \"./components/DesktopNav/DesktopNav\";\nimport MobileNav from \"./components/MobileNav/MobileNav\";\nimport type { MenuItems, UserMenu } from \"./types\";\nimport { AppSwitcherConfig } from \"./components/AppSwitcher/NulogyAppSwitcher\";\nimport { NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY } from \"./components/shared/constants\";\n\nexport interface BaseNavigationProps {\n  appSwitcher?: AppSwitcherConfig;\n  primaryLogo?: React.ReactNode;\n  secondaryLogo?: React.ReactNode;\n  primaryNavigation?: MenuItems;\n  secondaryNavigation?: MenuItems;\n  userMenu?: UserMenu;\n}\n\nexport interface NavigationProps extends BaseNavigationProps {\n  breakpoint?: string;\n}\n\nconst Navigation = ({ breakpoint = NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY, ...props }: NavigationProps) => {\n  const theme = useTheme();\n\n  const query = theme?.breakpoints?.[breakpoint] ? breakpoint : `(min-width: ${breakpoint})`;\n  const largeScreen = useMediaQuery(query);\n\n  return <>{largeScreen ? <DesktopNav {...props} /> : <MobileNav {...props} />}</>;\n};\n\nexport default Navigation;\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,aAAa,CAAC,EAAE,aAAa,yCAAyC,GAAG,YAA6B;AAC1G,QAAM,QAAQ,SAAA;AAEd,QAAM,QAAQ,OAAO,cAAc,UAAU,IAAI,aAAa,eAAe,UAAU;AACvF,QAAM,cAAc,cAAc,KAAK;AAEvC,SAAO,oBAAA,UAAA,EAAG,UAAA,cAAc,oBAAC,YAAA,EAAY,GAAG,MAAA,CAAO,IAAK,oBAAC,WAAA,EAAW,GAAG,MAAA,CAAO,GAAG;AAC/E;"}

package/dist/esm/Navigation/components/AppSwitcher/NulogyAppSwitcher.js

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+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 { NavigationMenuIconTrigger } from "../shared/components.js";
+import NavigationMenuContent from "../shared/NavigationMenuContent.js";
+import AppSwitcher from "./parts/index.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";
+const apps = (t) => [
+  {
+    id: "connections",
+    label: t("Connections"),
+    description: t("connections app description")
+  },
+  {
+    id: "digital-quality-inspection",
+    label: t("Digital Quality Inspection"),
+    description: t("digital quality inspection app description")
+  },
+  {
+    id: "production-scheduling",
+    label: t("Production Scheduling"),
+    description: t("production scheduling app description")
+  },
+  {
+    id: "shop-floor",
+    label: t("Shop Floor Control"),
+    description: t("shop floor control app description")
+  },
+  {
+    id: "supplier-collaboration",
+    label: t("Supplier Collaboration"),
+    description: t("supplier collaboration app description")
+  },
+  {
+    id: "smart-factory",
+    label: t("Smart Factory"),
+    description: t("smart factory app description")
+  },
+  {
+    id: "data",
+    label: t("Data"),
+    description: t("data app description")
+  }
+];
+function NulogyAppSwitcher({ config }) {
+  const { t } = useTranslation();
+  const includedApps = useMemo(() => {
+    if (!config) return [];
+    return apps(t).filter((app) => {
+      const appConfig = config.apps[app.id];
+      return Boolean(appConfig) && (appConfig.visible ?? true);
+    }).map((app) => {
+      const appConfig = config.apps[app.id];
+      return {
+        ...app,
+        url: appConfig.url,
+        indicator: appConfig.indicator
+      };
+    });
+  }, [config, t]);
+  if (!config) return null;
+  return /* @__PURE__ */ jsxs(Item, { children: [
+    /* @__PURE__ */ jsx(NavigationMenuIconTrigger, { "aria-label": t("toggle app switcher"), children: /* @__PURE__ */ jsx(Icon, { icon: "apps", size: "x3" }) }),
+    /* @__PURE__ */ jsx(NavigationMenuContent, { left: 0, "aria-label": t("app switcher"), children: /* @__PURE__ */ jsx(Sub, { children: /* @__PURE__ */ jsx(AppSwitcher.List, { children: includedApps.map((app) => /* @__PURE__ */ jsx(AppSwitcher.Item, { children: /* @__PURE__ */ jsxs(AppSwitcher.Link, { href: app.url, "aria-label": app.label, children: [
+      app.indicator ? /* @__PURE__ */ jsxs(AppSwitcher.Header, { children: [
+        /* @__PURE__ */ jsx(AppSwitcher.Title, { children: app.label }),
+        app.indicator
+      ] }) : /* @__PURE__ */ jsx(AppSwitcher.Title, { children: app.label }),
+      /* @__PURE__ */ jsx(AppSwitcher.Description, { children: app.description })
+    ] }) }, app.id)) }) }) })
+  ] });
+}
+export {
+  NulogyAppSwitcher
+};
+//# sourceMappingURL=NulogyAppSwitcher.js.map

package/dist/esm/Navigation/components/AppSwitcher/NulogyAppSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NulogyAppSwitcher.js","sources":["../../../../../src/Navigation/components/AppSwitcher/NulogyAppSwitcher.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { useTranslation } from \"react-i18next\";\nimport { TFunction } from \"i18next\";\nimport { Icon } from \"../../../Icon\";\nimport { NavigationMenuIconTrigger } from \"../shared/components\";\nimport { NulogyAppName } from \"../../../types/NulogyApp\";\nimport NavigationMenuContent from \"../shared/NavigationMenuContent\";\nimport AppSwitcher from \"./parts\";\n\nexport type AppSwitcherConfig =\n  | false\n  | { apps: Partial<Record<NulogyAppName, { url: string; indicator?: React.ReactNode; visible?: boolean }>> };\n\ntype AppSwitcherProps = {\n  config: AppSwitcherConfig;\n};\n\ninterface App {\n  id: NulogyAppName;\n  label: string;\n  description: string;\n}\n\ntype Apps = Readonly<App[]>;\n\nconst apps = (t: TFunction): Apps =>\n  [\n    {\n      id: \"connections\",\n      label: t(\"Connections\"),\n      description: t(\"connections app description\"),\n    },\n    {\n      id: \"digital-quality-inspection\",\n      label: t(\"Digital Quality Inspection\"),\n      description: t(\"digital quality inspection app description\"),\n    },\n    {\n      id: \"production-scheduling\",\n      label: t(\"Production Scheduling\"),\n      description: t(\"production scheduling app description\"),\n    },\n    {\n      id: \"shop-floor\",\n      label: t(\"Shop Floor Control\"),\n      description: t(\"shop floor control app description\"),\n    },\n    {\n      id: \"supplier-collaboration\",\n      label: t(\"Supplier Collaboration\"),\n      description: t(\"supplier collaboration app description\"),\n    },\n    {\n      id: \"smart-factory\",\n      label: t(\"Smart Factory\"),\n      description: t(\"smart factory app description\"),\n    },\n    {\n      id: \"data\",\n      label: t(\"Data\"),\n      description: t(\"data app description\"),\n    },\n  ] as const;\n\nexport function NulogyAppSwitcher({ config }: AppSwitcherProps) {\n  const { t } = useTranslation();\n  const includedApps = useMemo(() => {\n    if (!config) return [];\n\n    return apps(t)\n      .filter((app) => {\n        const appConfig = config.apps[app.id];\n        return Boolean(appConfig) && (appConfig.visible ?? true);\n      })\n      .map((app) => {\n        const appConfig = config.apps[app.id]!;\n        return {\n          ...app,\n          url: appConfig.url,\n          indicator: appConfig.indicator,\n        };\n      });\n  }, [config, t]);\n\n  if (!config) return null;\n\n  return (\n    <RadixNavigationMenu.Item>\n      <NavigationMenuIconTrigger aria-label={t(\"toggle app switcher\")}>\n        <Icon icon=\"apps\" size=\"x3\" />\n      </NavigationMenuIconTrigger>\n      <NavigationMenuContent left={0} aria-label={t(\"app switcher\")}>\n        <RadixNavigationMenu.Sub>\n          <AppSwitcher.List>\n            {includedApps.map((app) => (\n              <AppSwitcher.Item key={app.id}>\n                <AppSwitcher.Link href={app.url} aria-label={app.label}>\n                  {app.indicator ? (\n                    <AppSwitcher.Header>\n                      <AppSwitcher.Title>{app.label}</AppSwitcher.Title>\n                      {app.indicator}\n                    </AppSwitcher.Header>\n                  ) : (\n                    <AppSwitcher.Title>{app.label}</AppSwitcher.Title>\n                  )}\n                  <AppSwitcher.Description>{app.description}</AppSwitcher.Description>\n                </AppSwitcher.Link>\n              </AppSwitcher.Item>\n            ))}\n          </AppSwitcher.List>\n        </RadixNavigationMenu.Sub>\n      </NavigationMenuContent>\n    </RadixNavigationMenu.Item>\n  );\n}\n"],"names":["RadixNavigationMenu.Item","RadixNavigationMenu.Sub"],"mappings":";;;;;;;;AA0BA,MAAM,OAAO,CAAC,MACZ;AAAA,EACE;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,aAAa;AAAA,IACtB,aAAa,EAAE,6BAA6B;AAAA,EAAA;AAAA,EAE9C;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,4BAA4B;AAAA,IACrC,aAAa,EAAE,4CAA4C;AAAA,EAAA;AAAA,EAE7D;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,uBAAuB;AAAA,IAChC,aAAa,EAAE,uCAAuC;AAAA,EAAA;AAAA,EAExD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,oBAAoB;AAAA,IAC7B,aAAa,EAAE,oCAAoC;AAAA,EAAA;AAAA,EAErD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,wBAAwB;AAAA,IACjC,aAAa,EAAE,wCAAwC;AAAA,EAAA;AAAA,EAEzD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,eAAe;AAAA,IACxB,aAAa,EAAE,+BAA+B;AAAA,EAAA;AAAA,EAEhD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf,aAAa,EAAE,sBAAsB;AAAA,EAAA;AAEzC;AAEK,SAAS,kBAAkB,EAAE,UAA4B;AAC9D,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,CAAC,OAAQ,QAAO,CAAA;AAEpB,WAAO,KAAK,CAAC,EACV,OAAO,CAAC,QAAQ;AACf,YAAM,YAAY,OAAO,KAAK,IAAI,EAAE;AACpC,aAAO,QAAQ,SAAS,MAAM,UAAU,WAAW;AAAA,IACrD,CAAC,EACA,IAAI,CAAC,QAAQ;AACZ,YAAM,YAAY,OAAO,KAAK,IAAI,EAAE;AACpC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,KAAK,UAAU;AAAA,QACf,WAAW,UAAU;AAAA,MAAA;AAAA,IAEzB,CAAC;AAAA,EACL,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE,qBAACA,MAAA,EACC,UAAA;AAAA,IAAA,oBAAC,2BAAA,EAA0B,cAAY,EAAE,qBAAqB,GAC5D,UAAA,oBAAC,MAAA,EAAK,MAAK,QAAO,MAAK,KAAA,CAAK,GAC9B;AAAA,IACA,oBAAC,uBAAA,EAAsB,MAAM,GAAG,cAAY,EAAE,cAAc,GAC1D,UAAA,oBAACC,KAAA,EACC,UAAA,oBAAC,YAAY,MAAZ,EACE,UAAA,aAAa,IAAI,CAAC,QACjB,oBAAC,YAAY,MAAZ,EACC,UAAA,qBAAC,YAAY,MAAZ,EAAiB,MAAM,IAAI,KAAK,cAAY,IAAI,OAC9C,UAAA;AAAA,MAAA,IAAI,YACH,qBAAC,YAAY,QAAZ,EACC,UAAA;AAAA,QAAA,oBAAC,YAAY,OAAZ,EAAmB,UAAA,IAAI,OAAM;AAAA,QAC7B,IAAI;AAAA,MAAA,GACP,IAEA,oBAAC,YAAY,OAAZ,EAAmB,cAAI,OAAM;AAAA,MAEhC,oBAAC,YAAY,aAAZ,EAAyB,cAAI,YAAA,CAAY;AAAA,IAAA,EAAA,CAC5C,KAXqB,IAAI,EAY3B,CACD,EAAA,CACH,GACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { styled } from "styled-components";
+import { Item as Item$1 } 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";
+const FullWidthItem = styled(Item$1)({
+  width: "100%"
+});
+const Item = React__default.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsx(FullWidthItem, { ...props, ref: forwardedRef, children }));
+Item.displayName = "Item";
+export {
+  Item as default
+};
+//# sourceMappingURL=Item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../../../../src/Navigation/components/AppSwitcher/parts/Item.tsx"],"sourcesContent":["import React, { ComponentProps } from \"react\";\nimport { styled } from \"styled-components\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\n\nconst FullWidthItem = styled(RadixNavigationMenu.Item)({\n  width: \"100%\",\n});\n\ntype ItemProps = ComponentProps<typeof FullWidthItem>;\n\nconst Item = React.forwardRef<HTMLLIElement, ItemProps>(({ children, ...props }, forwardedRef) => (\n  <FullWidthItem {...props} ref={forwardedRef}>\n    {children}\n  </FullWidthItem>\n));\n\nItem.displayName = \"Item\";\n\nexport default Item;\n"],"names":["RadixNavigationMenu.Item","React"],"mappings":";;;;AAIA,MAAM,gBAAgB,OAAOA,MAAwB,EAAE;AAAA,EACrD,OAAO;AACT,CAAC;AAID,MAAM,OAAOC,eAAM,WAAqC,CAAC,EAAE,UAAU,GAAG,SAAS,qCAC9E,eAAA,EAAe,GAAG,OAAO,KAAK,cAC5B,UACH,CACD;AAED,KAAK,cAAc;"}

package/dist/esm/Navigation/components/AppSwitcher/parts/Link.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Link as Link$1 } 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";
+const Link = React__default.forwardRef(({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsx(Link$1, { asChild: true, children: /* @__PURE__ */ jsx(A, { ...props, ref: forwardedRef, children }) }));
+Link.displayName = "Link";
+const A = styled("a")(({ theme }) => ({
+  textDecoration: "none",
+  width: "100%",
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "flex-start",
+  alignSelf: "stretch",
+  paddingTop: theme.space.x1_5,
+  paddingRight: theme.space.x3,
+  paddingBottom: theme.space.x2,
+  paddingLeft: theme.space.x3,
+  transition: "background-color 250ms ease",
+  "&:hover, &:focus": {
+    backgroundColor: theme.colors.lightBlue,
+    color: theme.colors.darkBlue,
+    outline: "none"
+  }
+}));
+export {
+  A,
+  Link as default
+};
+//# sourceMappingURL=Link.js.map

package/dist/esm/Navigation/components/AppSwitcher/parts/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../../../../src/Navigation/components/AppSwitcher/parts/Link.tsx"],"sourcesContent":["import React, { ComponentProps } from \"react\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { styled } from \"styled-components\";\n\ntype LinkProps = ComponentProps<typeof A>;\n\nconst Link = React.forwardRef<HTMLAnchorElement, LinkProps>(({ children, ...props }, forwardedRef) => (\n  <RadixNavigationMenu.Link asChild>\n    <A {...props} ref={forwardedRef}>\n      {children}\n    </A>\n  </RadixNavigationMenu.Link>\n));\n\nLink.displayName = \"Link\";\n\nexport default Link;\n\nexport const A = styled(\"a\")(({ theme }) => ({\n  textDecoration: \"none\",\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"flex-start\",\n  alignSelf: \"stretch\",\n  paddingTop: theme.space.x1_5,\n  paddingRight: theme.space.x3,\n  paddingBottom: theme.space.x2,\n  paddingLeft: theme.space.x3,\n  transition: \"background-color 250ms ease\",\n\n  \"&:hover, &:focus\": {\n    backgroundColor: theme.colors.lightBlue,\n    color: theme.colors.darkBlue,\n    outline: \"none\",\n  },\n}));\n"],"names":["React","RadixNavigationMenu.Link"],"mappings":";;;;AAMA,MAAM,OAAOA,eAAM,WAAyC,CAAC,EAAE,UAAU,GAAG,SAAS,iBACnF,oBAACC,QAAA,EAAyB,SAAO,MAC/B,UAAA,oBAAC,GAAA,EAAG,GAAG,OAAO,KAAK,cAChB,SAAA,CACH,GACF,CACD;AAED,KAAK,cAAc;AAIZ,MAAM,IAAI,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC3C,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY,MAAM,MAAM;AAAA,EACxB,cAAc,MAAM,MAAM;AAAA,EAC1B,eAAe,MAAM,MAAM;AAAA,EAC3B,aAAa,MAAM,MAAM;AAAA,EACzB,YAAY;AAAA,EAEZ,oBAAoB;AAAA,IAClB,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO,MAAM,OAAO;AAAA,IACpB,SAAS;AAAA,EAAA;AAEb,EAAE;"}

package/dist/esm/Navigation/components/AppSwitcher/parts/index.js

@@ -0,0 +1,37 @@
+import { List as List$1 } 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 Link from "./Link.js";
+import Item from "./Item.js";
+import { Heading4 } from "../../../../Type/Headings.js";
+import Text from "../../../../Type/Text.js";
+const List = styled(List$1)(({ theme }) => ({
+  margin: 0,
+  padding: 0,
+  gap: theme.space.x2,
+  listStyle: "none"
+}));
+const Header = styled("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.space.x1
+}));
+const Title = styled(Heading4).attrs({
+  color: "darkGrey",
+  compact: true
+})({});
+const Description = styled(Text).attrs({
+  color: "midGrey",
+  fontSize: "smaller"
+})({});
+const AppSwitcher = {
+  List,
+  Item,
+  Link,
+  Header,
+  Title,
+  Description
+};
+export {
+  AppSwitcher as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/Navigation/components/AppSwitcher/parts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/Navigation/components/AppSwitcher/parts/index.tsx"],"sourcesContent":["import * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { styled } from \"styled-components\";\nimport { Heading4, Text } from \"../../../../Type\";\nimport Content from \"../../shared/NavigationMenuContent\";\nimport Link from \"./Link\";\nimport Item from \"./Item\";\n\nconst List = styled(RadixNavigationMenu.List)(({ theme }) => ({\n  margin: 0,\n  padding: 0,\n  gap: theme.space.x2,\n  listStyle: \"none\",\n}));\n\nconst Header = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: theme.space.x1,\n}));\n\nconst Title = styled(Heading4).attrs({\n  color: \"darkGrey\",\n  compact: true,\n})({});\n\nconst Description = styled(Text).attrs({\n  color: \"midGrey\",\n  fontSize: \"smaller\",\n})({});\n\nconst AppSwitcher = {\n  Content,\n  List,\n  Item,\n  Link,\n  Header,\n  Title,\n  Description,\n};\n\nexport default AppSwitcher;\n"],"names":["RadixNavigationMenu.List"],"mappings":";;;;;;AAOA,MAAM,OAAO,OAAOA,MAAwB,EAAE,CAAC,EAAE,aAAa;AAAA,EAC5D,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,KAAK,MAAM,MAAM;AAAA,EACjB,WAAW;AACb,EAAE;AAEF,MAAM,SAAS,OAAO,KAAK,EAAE,CAAC,EAAE,aAAa;AAAA,EAC3C,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK,MAAM,MAAM;AACnB,EAAE;AAEF,MAAM,QAAQ,OAAO,QAAQ,EAAE,MAAM;AAAA,EACnC,OAAO;AAAA,EACP,SAAS;AACX,CAAC,EAAE,CAAA,CAAE;AAEL,MAAM,cAAc,OAAO,IAAI,EAAE,MAAM;AAAA,EACrC,OAAO;AAAA,EACP,UAAU;AACZ,CAAC,EAAE,CAAA,CAAE;AAEL,MAAM,cAAc;AAAA,EAElB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

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

@@ -0,0 +1,81 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+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 { NavigationMenuItem, NavigationMenuSubList } from "../shared/NavigationMenuItem.js";
+import UserMenu from "../UserMenu/UserMenu.js";
+import { NavigationMenuRoot, NavigationMenuList, RadixNavigationMenuItem, NavigationMenuTrigger, CaretDown } from "../shared/components.js";
+import NavigationMenuContent from "../shared/NavigationMenuContent.js";
+import { NulogyAppSwitcher } from "../AppSwitcher/NulogyAppSwitcher.js";
+import { useResponsiveMenu } from "../../hooks/useResponsiveMenu.js";
+import { NulogyLogo } from "../NulogyLogo/NulogyLogo.js";
+import { NavigationLogoLink } from "../shared/NavigationLogoLink.js";
+import MoreMenuItem, { HiddenNavigationMenuItem } from "./parts/MoreMenuItem.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 VerticalDivider from "../../../VerticalDivider/VerticalDivider.js";
+import Flex from "../../../Flex/Flex.js";
+import TruncatedText from "../../../TruncatedText/TruncatedText.js";
+import Box from "../../../Box/Box.js";
+import Divider from "../../../Divider/Divider.js";
+function DesktopNav({
+  primaryNavigation = [],
+  secondaryNavigation = [],
+  appSwitcher,
+  secondaryLogo,
+  primaryLogo,
+  userMenu
+}) {
+  const { t } = useTranslation();
+  const userMenuExists = !!userMenu;
+  const { menuItems, moreMenu, hiddenMenuItem, primaryMenuRef, secondaryMenuRef, hiddenButtonRef } = useResponsiveMenu(primaryNavigation);
+  const hasUserMenuContent = useMemo(
+    () => userMenuExists && (userMenu.header || userMenu.controls || userMenu.menuItems && userMenu.menuItems.length > 0),
+    [userMenuExists, userMenu]
+  );
+  return /* @__PURE__ */ jsxs(NavigationMenuRoot, { children: [
+    /* @__PURE__ */ jsxs(NavigationMenuList, { ref: primaryMenuRef, children: [
+      /* @__PURE__ */ jsx(NulogyAppSwitcher, { config: appSwitcher }),
+      /* @__PURE__ */ jsx(RadixNavigationMenuItem, { display: "flex", children: primaryLogo ?? /* @__PURE__ */ jsx(NavigationLogoLink, { href: "/", "aria-label": "Nulogy Logo", children: /* @__PURE__ */ jsx(NulogyLogo, {}) }) }),
+      menuItems.map((item) => /* @__PURE__ */ jsx(NavigationMenuItem, { item }, item.key)),
+      moreMenu.length > 0 && /* @__PURE__ */ jsx(MoreMenuItem, { moreMenu }),
+      hiddenMenuItem && /* @__PURE__ */ jsx(HiddenNavigationMenuItem, { ref: hiddenButtonRef, item: hiddenMenuItem })
+    ] }),
+    /* @__PURE__ */ jsxs(NavigationMenuList, { ref: secondaryMenuRef, children: [
+      secondaryNavigation.map((item) => /* @__PURE__ */ jsx(NavigationMenuItem, { item }, item.key)),
+      secondaryNavigation.length > 0 && userMenuExists && /* @__PURE__ */ jsx(VerticalDivider, {}),
+      secondaryLogo && /* @__PURE__ */ jsx(RadixNavigationMenuItem, { display: "flex", children: secondaryLogo }),
+      secondaryLogo && userMenuExists && /* @__PURE__ */ jsx(VerticalDivider, {}),
+      userMenuExists && /* @__PURE__ */ jsxs(Item, { children: [
+        /* @__PURE__ */ jsxs(NavigationMenuTrigger, { py: "half", disabled: !hasUserMenuContent, "aria-label": t("toggle user menu"), children: [
+          /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", alignItems: "flex-start", children: [
+            /* @__PURE__ */ jsx(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal", children: userMenu.triggerText.title }),
+            userMenu.triggerText.subtitle1 && /* @__PURE__ */ jsx(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal", children: userMenu.triggerText.subtitle1 }),
+            userMenu.triggerText.subtitle2 && /* @__PURE__ */ jsx(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal", children: userMenu.triggerText.subtitle2 })
+          ] }),
+          hasUserMenuContent && /* @__PURE__ */ jsx(CaretDown, { icon: "downArrow", size: "x2", "aria-hidden": true })
+        ] }),
+        hasUserMenuContent && /* @__PURE__ */ jsxs(
+          NavigationMenuContent,
+          {
+            right: 0,
+            p: "none",
+            pt: userMenu.header || userMenu.controls ? "none" : "x1",
+            pb: userMenu.menuItems && userMenu.menuItems.length ? "x1" : "none",
+            "aria-label": t("user menu"),
+            children: [
+              userMenu.header && /* @__PURE__ */ jsx(UserMenu.Header, { ...userMenu.header }),
+              (userMenu.controls || userMenu.menuItems && userMenu.menuItems.length > 0) && /* @__PURE__ */ jsxs(UserMenu.Container, { p: "none", display: "flex", flexDirection: "column", children: [
+                userMenu.controls && /* @__PURE__ */ jsx(Box, { p: "x2", children: userMenu.controls({ withinMobileNav: false }) }),
+                userMenu.controls && userMenu.menuItems && userMenu.menuItems.length > 0 && /* @__PURE__ */ jsx(Box, { px: "x2", children: /* @__PURE__ */ jsx(Divider, { my: "x2" }) }),
+                userMenu.menuItems && userMenu.menuItems.length > 0 && /* @__PURE__ */ jsx(Box, { px: "none", children: /* @__PURE__ */ jsx(Sub, { orientation: "vertical", children: /* @__PURE__ */ jsx(NavigationMenuSubList, { children: userMenu.menuItems.map((item) => /* @__PURE__ */ jsx(UserMenu.Item, { item }, item.key)) }) }) })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  DesktopNav as default
+};
+//# sourceMappingURL=DesktopNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopNav.js","sources":["../../../../../src/Navigation/components/DesktopNav/DesktopNav.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { useTranslation } from \"react-i18next\";\nimport { Box, Divider, Flex, TruncatedText, VerticalDivider } from \"../../..\";\nimport { BaseNavigationProps } from \"../../Navigation\";\nimport { NavigationMenuItem, NavigationMenuSubList } from \"../shared/NavigationMenuItem\";\nimport UserMenu from \"../UserMenu/UserMenu\";\nimport {\n  CaretDown,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuRoot,\n  RadixNavigationMenuItem,\n} from \"../shared/components\";\nimport NavigationMenuContent from \"../shared/NavigationMenuContent\";\nimport { NulogyAppSwitcher } from \"../AppSwitcher/NulogyAppSwitcher\";\nimport { useResponsiveMenu } from \"../../hooks/useResponsiveMenu\";\nimport { NulogyLogo } from \"../NulogyLogo/NulogyLogo\";\nimport { NavigationLogoLink } from \"../shared/NavigationLogoLink\";\nimport MoreMenuItem, { HiddenNavigationMenuItem } from \"./parts/MoreMenuItem\";\n\ntype DesktopNavProps = BaseNavigationProps;\n\nexport default function DesktopNav({\n  primaryNavigation = [],\n  secondaryNavigation = [],\n  appSwitcher,\n  secondaryLogo,\n  primaryLogo,\n  userMenu,\n}: DesktopNavProps) {\n  const { t } = useTranslation();\n  const userMenuExists = !!userMenu;\n  const { menuItems, moreMenu, hiddenMenuItem, primaryMenuRef, secondaryMenuRef, hiddenButtonRef } =\n    useResponsiveMenu(primaryNavigation);\n\n  const hasUserMenuContent = useMemo(\n    () =>\n      userMenuExists && (userMenu.header || userMenu.controls || (userMenu.menuItems && userMenu.menuItems.length > 0)),\n    [userMenuExists, userMenu]\n  );\n\n  return (\n    <NavigationMenuRoot>\n      {/* ----------------------- Primary -------------------------------- */}\n      <NavigationMenuList ref={primaryMenuRef}>\n        <NulogyAppSwitcher config={appSwitcher} />\n\n        <RadixNavigationMenuItem display=\"flex\">\n          {primaryLogo ?? (\n            <NavigationLogoLink href=\"/\" aria-label=\"Nulogy Logo\">\n              <NulogyLogo />\n            </NavigationLogoLink>\n          )}\n        </RadixNavigationMenuItem>\n\n        {menuItems.map((item) => (\n          <NavigationMenuItem key={item.key} item={item} />\n        ))}\n\n        {moreMenu.length > 0 && <MoreMenuItem moreMenu={moreMenu} />}\n\n        {hiddenMenuItem && <HiddenNavigationMenuItem ref={hiddenButtonRef} item={hiddenMenuItem} />}\n      </NavigationMenuList>\n\n      {/* ----------------------- Secondary ------------------------------ */}\n      <NavigationMenuList ref={secondaryMenuRef}>\n        {secondaryNavigation.map((item) => (\n          <NavigationMenuItem key={item.key} item={item} />\n        ))}\n\n        {secondaryNavigation.length > 0 && userMenuExists && <VerticalDivider />}\n\n        {secondaryLogo && <RadixNavigationMenuItem display=\"flex\">{secondaryLogo}</RadixNavigationMenuItem>}\n        {secondaryLogo && userMenuExists && <VerticalDivider />}\n\n        {/* ----------------------- User Menu ------------------------------ */}\n        {userMenuExists && (\n          <RadixNavigationMenu.Item>\n            <NavigationMenuTrigger py=\"half\" disabled={!hasUserMenuContent} aria-label={t(\"toggle user menu\")}>\n              <Flex flexDirection=\"column\" alignItems=\"flex-start\">\n                <TruncatedText showTooltip={false} fontSize=\"smaller\" lineHeight=\"smallerText\" fontWeight=\"normal\">\n                  {userMenu.triggerText.title}\n                </TruncatedText>\n                {userMenu.triggerText.subtitle1 && (\n                  <TruncatedText showTooltip={false} fontSize=\"smaller\" lineHeight=\"smallerText\" fontWeight=\"normal\">\n                    {userMenu.triggerText.subtitle1}\n                  </TruncatedText>\n                )}\n                {userMenu.triggerText.subtitle2 && (\n                  <TruncatedText showTooltip={false} fontSize=\"smaller\" lineHeight=\"smallerText\" fontWeight=\"normal\">\n                    {userMenu.triggerText.subtitle2}\n                  </TruncatedText>\n                )}\n              </Flex>\n              {hasUserMenuContent && <CaretDown icon=\"downArrow\" size=\"x2\" aria-hidden />}\n            </NavigationMenuTrigger>\n            {hasUserMenuContent && (\n              <NavigationMenuContent\n                right={0}\n                p=\"none\"\n                pt={userMenu.header || userMenu.controls ? \"none\" : \"x1\"}\n                pb={userMenu.menuItems && userMenu.menuItems.length ? \"x1\" : \"none\"}\n                aria-label={t(\"user menu\")}\n              >\n                {userMenu.header && <UserMenu.Header {...userMenu.header} />}\n                {(userMenu.controls || (userMenu.menuItems && userMenu.menuItems.length > 0)) && (\n                  <UserMenu.Container p=\"none\" display=\"flex\" flexDirection=\"column\">\n                    {userMenu.controls && <Box p=\"x2\">{userMenu.controls({ withinMobileNav: false })}</Box>}\n                    {userMenu.controls && userMenu.menuItems && userMenu.menuItems.length > 0 && (\n                      <Box px=\"x2\">\n                        <Divider my=\"x2\" />\n                      </Box>\n                    )}\n                    {userMenu.menuItems && userMenu.menuItems.length > 0 && (\n                      <Box px=\"none\">\n                        <RadixNavigationMenu.Sub orientation=\"vertical\">\n                          <NavigationMenuSubList>\n                            {userMenu.menuItems.map((item) => (\n                              <UserMenu.Item key={item.key} item={item} />\n                            ))}\n                          </NavigationMenuSubList>\n                        </RadixNavigationMenu.Sub>\n                      </Box>\n                    )}\n                  </UserMenu.Container>\n                )}\n              </NavigationMenuContent>\n            )}\n          </RadixNavigationMenu.Item>\n        )}\n      </NavigationMenuList>\n    </NavigationMenuRoot>\n  );\n}\n"],"names":["RadixNavigationMenu.Item","RadixNavigationMenu.Sub"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,SAAwB,WAAW;AAAA,EACjC,oBAAoB,CAAA;AAAA,EACpB,sBAAsB,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,iBAAiB,CAAC,CAAC;AACzB,QAAM,EAAE,WAAW,UAAU,gBAAgB,gBAAgB,kBAAkB,gBAAA,IAC7E,kBAAkB,iBAAiB;AAErC,QAAM,qBAAqB;AAAA,IACzB,MACE,mBAAmB,SAAS,UAAU,SAAS,YAAa,SAAS,aAAa,SAAS,UAAU,SAAS;AAAA,IAChH,CAAC,gBAAgB,QAAQ;AAAA,EAAA;AAG3B,8BACG,oBAAA,EAEC,UAAA;AAAA,IAAA,qBAAC,oBAAA,EAAmB,KAAK,gBACvB,UAAA;AAAA,MAAA,oBAAC,mBAAA,EAAkB,QAAQ,YAAA,CAAa;AAAA,MAExC,oBAAC,yBAAA,EAAwB,SAAQ,QAC9B,yBACC,oBAAC,oBAAA,EAAmB,MAAK,KAAI,cAAW,eACtC,UAAA,oBAAC,YAAA,CAAA,CAAW,GACd,GAEJ;AAAA,MAEC,UAAU,IAAI,CAAC,6BACb,oBAAA,EAAkC,KAAA,GAAV,KAAK,GAAiB,CAChD;AAAA,MAEA,SAAS,SAAS,KAAK,oBAAC,gBAAa,UAAoB;AAAA,MAEzD,kBAAkB,oBAAC,0BAAA,EAAyB,KAAK,iBAAiB,MAAM,eAAA,CAAgB;AAAA,IAAA,GAC3F;AAAA,IAGA,qBAAC,oBAAA,EAAmB,KAAK,kBACtB,UAAA;AAAA,MAAA,oBAAoB,IAAI,CAAC,SACxB,oBAAC,sBAAkC,KAAA,GAAV,KAAK,GAAiB,CAChD;AAAA,MAEA,oBAAoB,SAAS,KAAK,sCAAmB,iBAAA,EAAgB;AAAA,MAErE,iBAAiB,oBAAC,yBAAA,EAAwB,SAAQ,QAAQ,UAAA,eAAc;AAAA,MACxE,iBAAiB,kBAAkB,oBAAC,iBAAA,CAAA,CAAgB;AAAA,MAGpD,kBACC,qBAACA,MAAA,EACC,UAAA;AAAA,QAAA,qBAAC,uBAAA,EAAsB,IAAG,QAAO,UAAU,CAAC,oBAAoB,cAAY,EAAE,kBAAkB,GAC9F,UAAA;AAAA,UAAA,qBAAC,MAAA,EAAK,eAAc,UAAS,YAAW,cACtC,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc,aAAa,OAAO,UAAS,WAAU,YAAW,eAAc,YAAW,UACvF,UAAA,SAAS,YAAY,OACxB;AAAA,YACC,SAAS,YAAY,aACpB,oBAAC,iBAAc,aAAa,OAAO,UAAS,WAAU,YAAW,eAAc,YAAW,UACvF,UAAA,SAAS,YAAY,WACxB;AAAA,YAED,SAAS,YAAY,aACpB,oBAAC,iBAAc,aAAa,OAAO,UAAS,WAAU,YAAW,eAAc,YAAW,UACvF,UAAA,SAAS,YAAY,UAAA,CACxB;AAAA,UAAA,GAEJ;AAAA,UACC,0CAAuB,WAAA,EAAU,MAAK,aAAY,MAAK,MAAK,eAAW,KAAA,CAAC;AAAA,QAAA,GAC3E;AAAA,QACC,sBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,GAAE;AAAA,YACF,IAAI,SAAS,UAAU,SAAS,WAAW,SAAS;AAAA,YACpD,IAAI,SAAS,aAAa,SAAS,UAAU,SAAS,OAAO;AAAA,YAC7D,cAAY,EAAE,WAAW;AAAA,YAExB,UAAA;AAAA,cAAA,SAAS,UAAU,oBAAC,SAAS,QAAT,EAAiB,GAAG,SAAS,QAAQ;AAAA,eACxD,SAAS,YAAa,SAAS,aAAa,SAAS,UAAU,SAAS,MACxE,qBAAC,SAAS,WAAT,EAAmB,GAAE,QAAO,SAAQ,QAAO,eAAc,UACvD,UAAA;AAAA,gBAAA,SAAS,YAAY,oBAAC,KAAA,EAAI,GAAE,MAAM,UAAA,SAAS,SAAS,EAAE,iBAAiB,MAAA,CAAO,EAAA,CAAE;AAAA,gBAChF,SAAS,YAAY,SAAS,aAAa,SAAS,UAAU,SAAS,KACtE,oBAAC,KAAA,EAAI,IAAG,MACN,UAAA,oBAAC,SAAA,EAAQ,IAAG,MAAK,GACnB;AAAA,gBAED,SAAS,aAAa,SAAS,UAAU,SAAS,KACjD,oBAAC,KAAA,EAAI,IAAG,QACN,UAAA,oBAACC,KAAA,EAAwB,aAAY,YACnC,UAAA,oBAAC,uBAAA,EACE,UAAA,SAAS,UAAU,IAAI,CAAC,SACvB,oBAAC,SAAS,MAAT,EAA6B,QAAV,KAAK,GAAiB,CAC3C,EAAA,CACH,GACF,EAAA,CACF;AAAA,cAAA,EAAA,CAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,EAAA,CAEJ;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/Navigation/components/DesktopNav/parts/MoreMenuItem.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { NavigationMenuItem } from "../../shared/NavigationMenuItem.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";
+function MoreMenuItem({ moreMenu }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    NavigationMenuItem,
+    {
+      item: {
+        key: "nds-primary-menu-more-item",
+        label: t("more"),
+        type: "button",
+        items: moreMenu
+      }
+    }
+  );
+}
+const HiddenNavigationMenuItem = styled(NavigationMenuItem).attrs({
+  tabIndex: -1,
+  "aria-hidden": true
+})({
+  position: "absolute",
+  visibility: "hidden"
+});
+export {
+  HiddenNavigationMenuItem,
+  MoreMenuItem as default
+};
+//# sourceMappingURL=MoreMenuItem.js.map

package/dist/esm/Navigation/components/DesktopNav/parts/MoreMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoreMenuItem.js","sources":["../../../../../../src/Navigation/components/DesktopNav/parts/MoreMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { styled } from \"styled-components\";\nimport type { MenuItem, MenuItems } from \"../../../types\";\nimport { NavigationMenuItem } from \"../../shared/NavigationMenuItem\";\n\nexport default function MoreMenuItem({ moreMenu }: { moreMenu: MenuItems }) {\n  const { t } = useTranslation();\n\n  return (\n    <NavigationMenuItem\n      item={{\n        key: \"nds-primary-menu-more-item\",\n        label: t(\"more\"),\n        type: \"button\",\n        items: moreMenu,\n      }}\n    />\n  );\n}\n\nexport const HiddenNavigationMenuItem = styled(NavigationMenuItem).attrs({\n  tabIndex: -1,\n  \"aria-hidden\": true,\n})<{ item: MenuItem }>({\n  position: \"absolute\",\n  visibility: \"hidden\",\n});\n"],"names":[],"mappings":";;;;AAMA,SAAwB,aAAa,EAAE,YAAqC;AAC1E,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,OAAO,EAAE,MAAM;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;AAEO,MAAM,2BAA2B,OAAO,kBAAkB,EAAE,MAAM;AAAA,EACvE,UAAU;AAAA,EACV,eAAe;AACjB,CAAC,EAAsB;AAAA,EACrB,UAAU;AAAA,EACV,YAAY;AACd,CAAC;"}

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

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import Box from "../../../Box/Box.js";
+import Text from "../../../Type/Text.js";
+const EnvironmentBanner = ({ children }) => /* @__PURE__ */ jsx(Box, { bg: "darkBlue", textAlign: "center", children: /* @__PURE__ */ jsx(Text, { fontSize: "10px", letterSpacing: "0.5px", fontWeight: "bold", color: "white", textTransform: "uppercase", py: "2px", children }) });
+export {
+  EnvironmentBanner as default
+};
+//# sourceMappingURL=EnvironmentBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentBanner.js","sources":["../../../../../src/Navigation/components/EnvironmentBanner/EnvironmentBanner.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../../../Box\";\nimport { Text } from \"../../../Type\";\n\nexport type EnvironmentBannerProps = {\n  children?: React.ReactNode;\n};\n\nconst EnvironmentBanner = ({ children }: EnvironmentBannerProps) => (\n  <Box bg=\"darkBlue\" textAlign=\"center\">\n    <Text fontSize=\"10px\" letterSpacing=\"0.5px\" fontWeight=\"bold\" color=\"white\" textTransform=\"uppercase\" py=\"2px\">\n      {children}\n    </Text>\n  </Box>\n);\n\nexport default EnvironmentBanner;\n"],"names":[],"mappings":";;;AAQA,MAAM,oBAAoB,CAAC,EAAE,eAC3B,oBAAC,KAAA,EAAI,IAAG,YAAW,WAAU,UAC3B,UAAA,oBAAC,MAAA,EAAK,UAAS,QAAO,eAAc,SAAQ,YAAW,QAAO,OAAM,SAAQ,eAAc,aAAY,IAAG,OACtG,SAAA,CACH,EAAA,CACF;"}

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

@@ -0,0 +1,37 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+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 { useTheme } from "styled-components";
+import { CaretRight } from "../shared/components.js";
+import { SubMenuItem, SubMenuItemLink, SubMenuItemButton, SubMenuContent, SubMenuList } from "./parts/styled.js";
+import Divider from "../../../Divider/Divider.js";
+import Flex from "../../../Flex/Flex.js";
+import Icon from "../../../Icon/Icon.js";
+function MenuSubItem({ item, level }) {
+  const theme = useTheme();
+  if (item.type === "separator") {
+    return /* @__PURE__ */ jsx(Divider, { my: "x1", mx: "x1", width: "auto" });
+  }
+  if (item.type === "custom") {
+    return /* @__PURE__ */ jsx(Item, { children: item.render({ withinSubMenu: true, level, withinMobileNav: false }) }, item.key);
+  }
+  const hasIcon = "icon" in item;
+  const isLink = item.type === "link";
+  const hasSubMenu = item.type === "button" && !!item.items && item.items.length > 0;
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    hasIcon && /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: "x1", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: item.icon, size: "x3", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { children: item.label ?? item.tooltip })
+    ] }),
+    "label" in item && item.label && !hasIcon && /* @__PURE__ */ jsx("span", { children: item.label }),
+    hasSubMenu && /* @__PURE__ */ jsx(CaretRight, { "aria-hidden": true, size: "x2" })
+  ] });
+  return /* @__PURE__ */ jsx(SubMenuItem, { value: "label" in item ? item.label : item.key, children: isLink ? /* @__PURE__ */ jsx(SubMenuItemLink, { asChild: true, children: item.element ? React__default.cloneElement(item.element, { ...item.props, children: content }) : /* @__PURE__ */ jsx("a", { ...item.props, children: content }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SubMenuItemButton, { ...item.props, children: content }),
+    hasSubMenu && /* @__PURE__ */ jsx(SubMenuContent, { left: `calc(100% - ${theme.space.half})`, top: `calc(-1 * ${theme.space.x1})`, children: /* @__PURE__ */ jsx(Sub, { orientation: "vertical", children: /* @__PURE__ */ jsx(SubMenuList, { children: item.items?.map((subItem) => /* @__PURE__ */ jsx(MenuSubItem, { item: subItem, level: level + 1 }, subItem.key)) }) }) })
+  ] }) }, item.key);
+}
+export {
+  MenuSubItem
+};
+//# sourceMappingURL=MenuSubItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSubItem.js","sources":["../../../../../src/Navigation/components/MenuSubItem/MenuSubItem.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RadixNavigationMenu from \"@radix-ui/react-navigation-menu\";\nimport { useTheme } from \"styled-components\";\nimport { Icon } from \"../../../Icon\";\nimport { MenuItem } from \"../../types\";\nimport { CaretRight } from \"../shared/components\";\nimport { Flex } from \"../../../Flex\";\nimport { Divider } from \"../../../Divider\";\nimport { SubMenuContent, SubMenuItem, SubMenuItemButton, SubMenuItemLink, SubMenuList } from \"./parts/styled\";\n\ntype Props = {\n  item: MenuItem;\n  level: number;\n};\n\nexport function MenuSubItem({ item, level }: Props) {\n  const theme = useTheme();\n\n  /* ---------------------------------------------------------------------\n   * Separator\n   * -------------------------------------------------------------------*/\n  if (item.type === \"separator\") {\n    return <Divider my=\"x1\" mx=\"x1\" width=\"auto\" />;\n  }\n\n  /* ---------------------------------------------------------------------\n   * Custom render\n   * -------------------------------------------------------------------*/\n  if (item.type === \"custom\") {\n    return (\n      <RadixNavigationMenu.Item key={item.key}>\n        {item.render({ withinSubMenu: true, level, withinMobileNav: false })}\n      </RadixNavigationMenu.Item>\n    );\n  }\n\n  /* ---------------------------------------------------------------------\n   * Default render\n   * -------------------------------------------------------------------*/\n  const hasIcon = \"icon\" in item;\n  const isLink = item.type === \"link\";\n  const hasSubMenu = item.type === \"button\" && !!item.items && item.items.length > 0;\n\n  const content = (\n    <>\n      {hasIcon && (\n        <Flex alignItems=\"center\" gap=\"x1\">\n          <Icon icon={item.icon} size=\"x3\" aria-hidden />\n          <span>{item.label ?? item.tooltip}</span>\n        </Flex>\n      )}\n      {\"label\" in item && item.label && !hasIcon && <span>{item.label}</span>}\n      {hasSubMenu && <CaretRight aria-hidden size=\"x2\" />}\n    </>\n  );\n\n  return (\n    <SubMenuItem key={item.key} value={\"label\" in item ? item.label : item.key}>\n      {isLink ? (\n        <SubMenuItemLink asChild>\n          {item.element ? (\n            React.cloneElement(item.element, { ...item.props, children: content })\n          ) : (\n            <a {...item.props}>{content}</a>\n          )}\n        </SubMenuItemLink>\n      ) : (\n        <>\n          <SubMenuItemButton {...item.props}>{content}</SubMenuItemButton>\n          {hasSubMenu && (\n            <SubMenuContent left={`calc(100% - ${theme.space.half})`} top={`calc(-1 * ${theme.space.x1})`}>\n              <RadixNavigationMenu.Sub orientation=\"vertical\">\n                <SubMenuList>\n                  {item.items?.map((subItem) => (\n                    <MenuSubItem key={subItem.key} item={subItem} level={level + 1} />\n                  ))}\n                </SubMenuList>\n              </RadixNavigationMenu.Sub>\n            </SubMenuContent>\n          )}\n        </>\n      )}\n    </SubMenuItem>\n  );\n}\n"],"names":["RadixNavigationMenu.Item","React","RadixNavigationMenu.Sub"],"mappings":";;;;;;;;;AAeO,SAAS,YAAY,EAAE,MAAM,SAAgB;AAClD,QAAM,QAAQ,SAAA;AAKd,MAAI,KAAK,SAAS,aAAa;AAC7B,+BAAQ,SAAA,EAAQ,IAAG,MAAK,IAAG,MAAK,OAAM,QAAO;AAAA,EAC/C;AAKA,MAAI,KAAK,SAAS,UAAU;AAC1B,WACE,oBAACA,MAAA,EACE,eAAK,OAAO,EAAE,eAAe,MAAM,OAAO,iBAAiB,MAAA,CAAO,EAAA,GADtC,KAAK,GAEpC;AAAA,EAEJ;AAKA,QAAM,UAAU,UAAU;AAC1B,QAAM,SAAS,KAAK,SAAS;AAC7B,QAAM,aAAa,KAAK,SAAS,YAAY,CAAC,CAAC,KAAK,SAAS,KAAK,MAAM,SAAS;AAEjF,QAAM,UACJ,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,WACC,qBAAC,MAAA,EAAK,YAAW,UAAS,KAAI,MAC5B,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAM,KAAK,MAAM,MAAK,MAAK,eAAW,MAAC;AAAA,MAC7C,oBAAC,QAAA,EAAM,UAAA,KAAK,SAAS,KAAK,QAAA,CAAQ;AAAA,IAAA,GACpC;AAAA,IAED,WAAW,QAAQ,KAAK,SAAS,CAAC,WAAW,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,IAC/D,cAAc,oBAAC,YAAA,EAAW,eAAW,MAAC,MAAK,KAAA,CAAK;AAAA,EAAA,GACnD;AAGF,6BACG,aAAA,EAA2B,OAAO,WAAW,OAAO,KAAK,QAAQ,KAAK,KACpE,UAAA,6BACE,iBAAA,EAAgB,SAAO,MACrB,UAAA,KAAK,UACJC,eAAM,aAAa,KAAK,SAAS,EAAE,GAAG,KAAK,OAAO,UAAU,SAAS,IAErE,oBAAC,KAAA,EAAG,GAAG,KAAK,OAAQ,UAAA,QAAA,CAAQ,EAAA,CAEhC,IAEA,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,mBAAA,EAAmB,GAAG,KAAK,OAAQ,UAAA,SAAQ;AAAA,IAC3C,cACC,oBAAC,gBAAA,EAAe,MAAM,eAAe,MAAM,MAAM,IAAI,KAAK,KAAK,aAAa,MAAM,MAAM,EAAE,KACxF,UAAA,oBAACC,KAAA,EAAwB,aAAY,YACnC,UAAA,oBAAC,eACE,UAAA,KAAK,OAAO,IAAI,CAAC,gCACf,aAAA,EAA8B,MAAM,SAAS,OAAO,QAAQ,EAAA,GAA3C,QAAQ,GAAsC,CACjE,GACH,GACF,EAAA,CACF;AAAA,EAAA,GAEJ,EAAA,GAvBc,KAAK,GAyBvB;AAEJ;"}

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

@@ -0,0 +1,105 @@
+import { Content, Item, Link, Trigger, List } 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 { NAVIGATION_SUB_MENU_MIN_WIDTH_PX } from "../../shared/constants.js";
+import { disableHoverEvents } from "../../shared/disableHoverEvents.js";
+const getSharedPaddingStyles = (theme) => ({
+  paddingTop: theme.space.x1,
+  paddingBottom: theme.space.x1
+});
+const getSharedInteractiveItemStyles = (theme) => ({
+  paddingLeft: theme.space.x1_5,
+  paddingRight: theme.space.x1_5,
+  fontWeight: theme.fontWeights.medium,
+  fontSize: theme.fontSizes.small,
+  lineHeight: theme.lineHeights.smallRelaxed,
+  whiteSpace: "nowrap",
+  transition: "background-color 250ms ease"
+});
+const SubMenuItemLink = styled(Link)(
+  ({ theme }) => ({
+    ...getSharedPaddingStyles(theme),
+    ...getSharedInteractiveItemStyles(theme),
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    alignSelf: "stretch",
+    width: "100%",
+    textDecoration: "none",
+    "&:hover, &:focus": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue,
+      outline: "none"
+    },
+    "&:visited": {
+      color: "inherit"
+    }
+  }),
+  addStyledProps
+);
+const SubMenuItemButton = styled(Trigger)(
+  ({ theme }) => ({
+    ...getSharedPaddingStyles(theme),
+    ...getSharedInteractiveItemStyles(theme),
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    width: "100%",
+    gap: theme.space.x2,
+    background: "none",
+    border: "none",
+    outline: "none",
+    color: theme.colors.darkGrey,
+    userSelect: "none",
+    "&:hover, &:focus": {
+      backgroundColor: theme.colors.lightBlue,
+      color: theme.colors.darkBlue
+    }
+  }),
+  addStyledProps
+);
+const SubMenuContent = styled(Content).attrs(disableHoverEvents)(
+  ({ theme }) => ({
+    ...getSharedPaddingStyles(theme),
+    position: "absolute",
+    top: `calc(100% + ${theme.space.half})`,
+    left: 0,
+    minWidth: NAVIGATION_SUB_MENU_MIN_WIDTH_PX,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    background: theme.colors.white,
+    color: theme.colors.darkGrey,
+    borderRadius: theme.radii.medium,
+    boxShadow: theme.shadows.medium,
+    paddingRight: 0,
+    paddingLeft: 0,
+    listStyle: "none",
+    "& > div": {
+      width: "100%"
+    }
+  }),
+  addStyledProps
+);
+const SubMenuItem = styled(Item)(
+  {
+    position: "relative",
+    width: "100%"
+  },
+  addStyledProps
+);
+const SubMenuList = styled(List)(
+  {
+    padding: 0,
+    listStyle: "none"
+  },
+  addStyledProps
+);
+export {
+  SubMenuContent,
+  SubMenuItem,
+  SubMenuItemButton,
+  SubMenuItemLink,
+  SubMenuList
+};
+//# sourceMappingURL=styled.js.map