@nulogy/components 15.2.2 → 15.2.3

package/dist/src/Layout/Sidebar.story.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useState, useRef } from "react";
 import { ApplicationFrame, Breadcrumbs, Link, Page, Sidebar, Select, PrimaryButton, Box, Textarea, Heading3, Navigation, } from "..";
 import { useUrlProps } from "../utils/testing/useUrlProps";
@@ -19,22 +8,19 @@ export default {
         chromatic: { delay: 300 }, // time for sidebar animation
     },
 };
-const ExampleSidebar = (_a) => {
-    var { isOpen, onClose } = _a, props = __rest(_a, ["isOpen", "onClose"]);
-    return (React.createElement(Sidebar, Object.assign({ isOpen: isOpen, title: "Filters", onClose: onClose, footer: React.createElement(PrimaryButton, null, "Apply") }, props),
-        React.createElement(Select, { options: [{ label: "first option", value: 1 }], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Last Delivery:" })));
-};
+const ExampleSidebar = ({ isOpen, onClose, ...props }) => (React.createElement(Sidebar, { isOpen: isOpen, title: "Filters", onClose: onClose, footer: React.createElement(PrimaryButton, null, "Apply"), ...props },
+    React.createElement(Select, { options: [{ label: "first option", value: 1 }], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Last Delivery:" })));
 export const _Sidebar = () => {
     const [isOpen, setIsOpen] = useState(false);
     const triggerRef = useRef(null);
@@ -52,7 +38,7 @@ export const _Sidebar = () => {
             React.createElement(Box, { minWidth: "300px" },
                 React.createElement(PrimaryButton, { onClick: toggleSidebar, ref: triggerRef, id: "openSidebarTrigger" }, "Open Sidebar"),
                 React.createElement(Box, { height: "3000px", width: "50%", bg: "lightBlue", mt: "x3", p: "x2" }, "Space for more content")),
-            React.createElement(ExampleSidebar, Object.assign({ isOpen: isOpen, onClose: closeSidebar, triggerRef: triggerRef, "aria-controls": "openSidebarTrigger" }, urlProps)))));
+            React.createElement(ExampleSidebar, { isOpen: isOpen, onClose: closeSidebar, triggerRef: triggerRef, "aria-controls": "openSidebarTrigger", ...urlProps }))));
 };
 export const WithoutOverlay = () => {
     const [isOpen, setIsOpen] = useState(false);
@@ -108,7 +94,7 @@ const WithCustomOffsetComponent = (args) => {
             React.createElement(Box, { minWidth: "300px" },
                 React.createElement(PrimaryButton, { onClick: toggleSidebar, ref: triggerRef, id: "openSidebarTrigger" }, "Open Sidebar"),
                 React.createElement(Box, { height: "3000px", width: "100%", bg: "lightBlue", mt: "x3", p: "x2" }, "Space for more content")),
-            React.createElement(ExampleSidebar, Object.assign({ isOpen: isOpen, onClose: closeSidebar, triggerRef: triggerRef, "aria-controls": "openSidebarTrigger" }, args)))));
+            React.createElement(ExampleSidebar, { isOpen: isOpen, onClose: closeSidebar, triggerRef: triggerRef, "aria-controls": "openSidebarTrigger", ...args }))));
 };
 export const WithCustomOffset = {
     args: {
@@ -116,7 +102,7 @@ export const WithCustomOffset = {
         duration: 0.5,
     },
     name: "With custom offset",
-    render: (args) => React.createElement(WithCustomOffsetComponent, Object.assign({}, args)),
+    render: (args) => React.createElement(WithCustomOffsetComponent, { ...args }),
 };
 export const DontCloseOnOutsideClick = () => {
     const [isOpen, setIsOpen] = useState(false);

package/dist/src/Link/Link.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import styled from "styled-components";
 import { darken } from "polished";
 import { themeGet } from "@styled-system/theme-get";
@@ -17,8 +6,7 @@ import { addStyledProps } from "../StyledProps";
 import { AppTag } from "../AppTag";
 import { InlineFlex } from "../Flex";
 import { Icon } from "../Icon";
-export default function Link(_a) {
-    var { children, forApp, openInNewTab } = _a, props = __rest(_a, ["children", "forApp", "openInNewTab"]);
+export default function Link({ children, forApp, openInNewTab, ...props }) {
     const openInNewTabProps = openInNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {};
     const renderContent = () => {
         if (forApp || openInNewTab) {
@@ -29,7 +17,7 @@ export default function Link(_a) {
         }
         return children;
     };
-    return (React.createElement(Anchor, Object.assign({}, openInNewTabProps, props), renderContent()));
+    return (React.createElement(Anchor, { ...openInNewTabProps, ...props }, renderContent()));
 }
 const LinkWrapper = styled.span(({ underline = true }) => ({
     textDecoration: underline ? "underline" : "none",
@@ -45,10 +33,14 @@ function getColor(props) {
     return getColorFromProps(props) || props.theme.colors.blue;
 }
 const getHoverColor = (props) => (props.hover ? getColor(props) : darken("0.1", getColor(props)));
-const Anchor = styled.a((_a) => {
-    var { underline = true, as } = _a, props = __rest(_a, ["underline", "as"]);
-    return (Object.assign(Object.assign({}, resetButtonStyles), { padding: as === "button" ? "0" : undefined, textDecoration: underline ? "underline" : "none", fontSize: props.theme.fontSizes.base, color: getColor(props), "&:hover": {
-            cursor: "pointer",
-            color: getHoverColor(props),
-        } }));
-}, addStyledProps);
+const Anchor = styled.a(({ underline = true, as, ...props }) => ({
+    ...resetButtonStyles,
+    padding: as === "button" ? "0" : undefined,
+    textDecoration: underline ? "underline" : "none",
+    fontSize: props.theme.fontSizes.base,
+    color: getColor(props),
+    "&:hover": {
+        cursor: "pointer",
+        color: getHoverColor(props),
+    },
+}), addStyledProps);

package/dist/src/List/List.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyledProps } from "../StyledProps";
 interface Props extends React.ComponentPropsWithRef<"ul">, StyledProps {
     className?: string;

package/dist/src/Modal/Modal.story.js

@@ -125,7 +125,7 @@ export const WithParentSelector = {
     },
     name: "with a parent selector",
     render: (args) => (React.createElement("div", { id: "parent-selector" },
-        React.createElement(NDSModal, Object.assign({}, args), "Content"))),
+        React.createElement(NDSModal, { ...args }, "Content"))),
 };
 export const ExampleControlledModal = {
     render: () => React.createElement(ModalExample, null),

package/dist/src/Modal/ModalCloseButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ModalCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/dist/src/Modal/ModalFooter.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default ModalFooter;

package/dist/src/Modal/ModalHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     hasCloseButton?: boolean;
 }>> & string;

package/dist/src/NDSProvider/ComponentVariantContext.js

@@ -8,5 +8,5 @@ export function useComponentVariant(selectedVariant) {
     if (!context) {
         throw new Error(`useComponentVariant must be used within the NDSProvider`);
     }
-    return selectedVariant !== null && selectedVariant !== void 0 ? selectedVariant : context.variant;
+    return selectedVariant ?? context.variant;
 }

package/dist/src/NDSProvider/GlobalStyles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const GlobalStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     locale?: string;
 }>> & string;

package/dist/src/NDSProvider/ModalStyleOverride.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ModalStyleOverride: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
     locale?: string;
 }>;

package/dist/src/NDSProvider/Reset.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Reset: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
 export default Reset;

package/dist/src/NDSProvider/renderWithNDSProvider.spec-utils.d.ts

@@ -1,2 +1,3 @@
 import { type ReactNode } from "react";
-export declare const renderWithNDSProvider: (component: ReactNode, locale?: string) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+import { RenderResult } from "@testing-library/react";
+export declare const renderWithNDSProvider: (component: ReactNode, locale?: string) => RenderResult;

package/dist/src/NDSProvider/renderWithNDSProvider.spec-utils.js

@@ -1,4 +1,6 @@
 import React from "react";
 import { render } from "@testing-library/react";
 import NDSProvider from "./NDSProvider";
-export const renderWithNDSProvider = (component, locale = "en_US") => render(React.createElement(NDSProvider, { locale: locale }, component));
+export const renderWithNDSProvider = (component, locale = "en_US") => {
+    return render(React.createElement(NDSProvider, { locale: locale }, component));
+};

package/dist/src/NavBarSearch/NavBarSearch.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import styled from "styled-components";
 import { darken, transparentize } from "polished";
@@ -17,14 +6,13 @@ import { Flex } from "../Flex";
 import { Input } from "../Input";
 import { Icon } from "../Icon";
 import { subPx } from "../utils";
-const BaseNavBarSearch = (_a) => {
-    var { name = "global-search", onSubmit } = _a, props = __rest(_a, ["name", "onSubmit"]);
+const BaseNavBarSearch = ({ name = "global-search", onSubmit, ...props }) => {
     const handleOnSubmit = (e) => {
         e.preventDefault();
         onSubmit(e);
     };
     const { t } = useTranslation();
-    return (React.createElement("form", Object.assign({}, props, { onSubmit: handleOnSubmit }),
+    return (React.createElement("form", { ...props, onSubmit: handleOnSubmit },
         React.createElement(Flex, { role: "search" },
             React.createElement(Input, { id: "navbar-search", type: "search", "aria-labelledby": name, required: true, placeholder: t("search nulogy") }),
             React.createElement("button", { id: name, "aria-label": name },

package/dist/src/Navigation/Navigation.js

@@ -1,26 +1,13 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import { useTheme } from "styled-components";
 import useMediaQuery from "../hooks/useMediaQuery";
 import DesktopNav from "./components/DesktopNav/DesktopNav";
 import MobileNav from "./components/MobileNav/MobileNav";
 import { NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY } from "./components/shared/constants";
-const Navigation = (_a) => {
-    var _b;
-    var { breakpoint = NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY } = _a, props = __rest(_a, ["breakpoint"]);
+const Navigation = ({ breakpoint = NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY, ...props }) => {
     const theme = useTheme();
-    const query = ((_b = theme === null || theme === void 0 ? void 0 : theme.breakpoints) === null || _b === void 0 ? void 0 : _b[breakpoint]) ? breakpoint : `(min-width: ${breakpoint})`;
+    const query = theme?.breakpoints?.[breakpoint] ? breakpoint : `(min-width: ${breakpoint})`;
     const largeScreen = useMediaQuery(query);
-    return React.createElement(React.Fragment, null, largeScreen ? React.createElement(DesktopNav, Object.assign({}, props)) : React.createElement(MobileNav, Object.assign({}, props)));
+    return React.createElement(React.Fragment, null, largeScreen ? React.createElement(DesktopNav, { ...props }) : React.createElement(MobileNav, { ...props }));
 };
 export default Navigation;

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

@@ -49,13 +49,16 @@ export function NulogyAppSwitcher({ config }) {
             return [];
         return apps(t)
             .filter((app) => {
-            var _a;
             const appConfig = config.apps[app.id];
-            return Boolean(appConfig) && ((_a = appConfig.visible) !== null && _a !== void 0 ? _a : true);
+            return Boolean(appConfig) && (appConfig.visible ?? true);
         })
             .map((app) => {
             const appConfig = config.apps[app.id];
-            return Object.assign(Object.assign({}, app), { url: appConfig.url, indicator: appConfig.indicator });
+            return {
+                ...app,
+                url: appConfig.url,
+                indicator: appConfig.indicator,
+            };
         });
     }, [config, t]);
     if (!config)

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

@@ -1,23 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import { styled } from "styled-components";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 const FullWidthItem = styled(RadixNavigationMenu.Item)({
     width: "100%",
 });
-const Item = React.forwardRef((_a, forwardedRef) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(FullWidthItem, Object.assign({}, props, { ref: forwardedRef }), children));
-});
+const Item = React.forwardRef(({ children, ...props }, forwardedRef) => (React.createElement(FullWidthItem, { ...props, ref: forwardedRef }, children)));
 Item.displayName = "Item";
 export default Item;

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

@@ -1,22 +1,8 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { styled } from "styled-components";
-const Link = React.forwardRef((_a, forwardedRef) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(RadixNavigationMenu.Link, { asChild: true },
-        React.createElement(A, Object.assign({}, props, { ref: forwardedRef }), children)));
-});
+const Link = React.forwardRef(({ children, ...props }, forwardedRef) => (React.createElement(RadixNavigationMenu.Link, { asChild: true },
+    React.createElement(A, { ...props, ref: forwardedRef }, children))));
 Link.displayName = "Link";
 export default Link;
 export const A = styled("a")(({ theme }) => ({

package/dist/src/Navigation/components/AppSwitcher/parts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 declare const AppSwitcher: {
     Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, never>, import("../../shared/NavigationMenuContent").NavigationMenuContentProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
@@ -15,7 +14,7 @@ declare const AppSwitcher: {
         inline?: boolean;
         compact?: boolean;
         disabled?: boolean;
-        textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+        textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
         fontSize?: string;
     } & import("../../../..").StyledProps, "ref"> & {
         ref?: import("react").Ref<HTMLParagraphElement>;
@@ -26,7 +25,7 @@ declare const AppSwitcher: {
         inline?: boolean;
         compact?: boolean;
         disabled?: boolean;
-        textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+        textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
         fontSize?: string;
     } & import("../../../..").StyledProps, "ref"> & {
         ref?: import("react").Ref<HTMLParagraphElement>;
@@ -38,7 +37,7 @@ declare const AppSwitcher: {
         inline?: boolean;
         compact?: boolean;
         disabled?: boolean;
-        textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+        textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
         fontSize?: string;
     } & import("../../../..").StyledProps, "ref"> & {
         ref?: import("react").Ref<HTMLParagraphElement>;
@@ -47,7 +46,7 @@ declare const AppSwitcher: {
         inline?: boolean;
         compact?: boolean;
         disabled?: boolean;
-        textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+        textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
         fontSize?: string;
     } & import("../../../..").StyledProps, "ref"> & {
         ref?: import("react").Ref<HTMLParagraphElement>;

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

@@ -19,7 +19,7 @@ export default function DesktopNav({ primaryNavigation = [], secondaryNavigation
     return (React.createElement(NavigationMenuRoot, null,
         React.createElement(NavigationMenuList, { ref: primaryMenuRef },
             React.createElement(NulogyAppSwitcher, { config: appSwitcher }),
-            React.createElement(RadixNavigationMenuItem, { display: "flex" }, primaryLogo !== null && primaryLogo !== void 0 ? primaryLogo : (React.createElement(NavigationLogoLink, { href: "/", "aria-label": "Nulogy Logo" },
+            React.createElement(RadixNavigationMenuItem, { display: "flex" }, primaryLogo ?? (React.createElement(NavigationLogoLink, { href: "/", "aria-label": "Nulogy Logo" },
                 React.createElement(NulogyLogo, null)))),
             menuItems.map((item) => (React.createElement(NavigationMenuItem, { key: item.key, item: item }))),
             moreMenu.length > 0 && React.createElement(MoreMenuItem, { moreMenu: moreMenu }),
@@ -37,7 +37,7 @@ export default function DesktopNav({ primaryNavigation = [], secondaryNavigation
                         userMenu.triggerText.subtitle2 && (React.createElement(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal" }, userMenu.triggerText.subtitle2))),
                     hasUserMenuContent && React.createElement(CaretDown, { icon: "downArrow", size: "x2", "aria-hidden": true })),
                 hasUserMenuContent && (React.createElement(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") },
-                    userMenu.header && React.createElement(UserMenu.Header, Object.assign({}, userMenu.header)),
+                    userMenu.header && React.createElement(UserMenu.Header, { ...userMenu.header }),
                     (userMenu.controls || (userMenu.menuItems && userMenu.menuItems.length > 0)) && (React.createElement(UserMenu.Container, { p: "none", display: "flex", flexDirection: "column" },
                         userMenu.controls && React.createElement(Box, { p: "x2" }, userMenu.controls({ withinMobileNav: false })),
                         userMenu.controls && userMenu.menuItems && userMenu.menuItems.length > 0 && (React.createElement(Box, { px: "x2" },

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

@@ -7,7 +7,6 @@ import { Flex } from "../../../Flex";
 import { Divider } from "../../../Divider";
 import { SubMenuContent, SubMenuItem, SubMenuItemButton, SubMenuItemLink, SubMenuList } from "./parts/styled";
 export function MenuSubItem({ item, level }) {
-    var _a, _b;
     const theme = useTheme();
     /* ---------------------------------------------------------------------
      * Separator
@@ -30,12 +29,12 @@ export function MenuSubItem({ item, level }) {
     const content = (React.createElement(React.Fragment, null,
         hasIcon && (React.createElement(Flex, { alignItems: "center", gap: "x1" },
             React.createElement(Icon, { icon: item.icon, size: "x3", "aria-hidden": true }),
-            React.createElement("span", null, (_a = item.label) !== null && _a !== void 0 ? _a : item.tooltip))),
+            React.createElement("span", null, item.label ?? item.tooltip))),
         "label" in item && item.label && !hasIcon && React.createElement("span", null, item.label),
         hasSubMenu && React.createElement(CaretRight, { "aria-hidden": true, size: "x2" })));
-    return (React.createElement(SubMenuItem, { key: item.key, value: "label" in item ? item.label : item.key }, isLink ? (React.createElement(SubMenuItemLink, { asChild: true }, item.element ? (React.cloneElement(item.element, Object.assign(Object.assign({}, item.props), { children: content }))) : (React.createElement("a", Object.assign({}, item.props), content)))) : (React.createElement(React.Fragment, null,
-        React.createElement(SubMenuItemButton, Object.assign({}, item.props), content),
+    return (React.createElement(SubMenuItem, { key: item.key, value: "label" in item ? item.label : item.key }, isLink ? (React.createElement(SubMenuItemLink, { asChild: true }, item.element ? (React.cloneElement(item.element, { ...item.props, children: content })) : (React.createElement("a", { ...item.props }, content)))) : (React.createElement(React.Fragment, null,
+        React.createElement(SubMenuItemButton, { ...item.props }, content),
         hasSubMenu && (React.createElement(SubMenuContent, { left: `calc(100% - ${theme.space.half})`, top: `calc(-1 * ${theme.space.x1})` },
             React.createElement(RadixNavigationMenu.Sub, { orientation: "vertical" },
-                React.createElement(SubMenuList, null, (_b = item.items) === null || _b === void 0 ? void 0 : _b.map((subItem) => React.createElement(MenuSubItem, { key: subItem.key, item: subItem, level: level + 1 }))))))))));
+                React.createElement(SubMenuList, null, item.items?.map((subItem) => React.createElement(MenuSubItem, { key: subItem.key, item: subItem, level: level + 1 }))))))))));
 }

package/dist/src/Navigation/components/MenuSubItem/parts/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { StyledProps } from "../../../../StyledProps";
 export declare const SubMenuItemLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;

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

@@ -16,20 +16,62 @@ const getSharedInteractiveItemStyles = (theme) => ({
     whiteSpace: "nowrap",
     transition: "background-color 250ms ease",
 });
-export const SubMenuItemLink = styled(RadixNavigationMenu.Link)(({ theme }) => (Object.assign(Object.assign(Object.assign({}, getSharedPaddingStyles(theme)), getSharedInteractiveItemStyles(theme)), { display: "flex", flexDirection: "column", alignItems: "flex-start", alignSelf: "stretch", width: "100%", textDecoration: "none", "&:hover, &:focus": {
+export const SubMenuItemLink = styled(RadixNavigationMenu.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": {
+    },
+    "&:visited": {
         color: "inherit",
-    } })), addStyledProps);
-export const SubMenuItemButton = styled(RadixNavigationMenu.Trigger)(({ theme }) => (Object.assign(Object.assign(Object.assign({}, 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": {
+    },
+}), addStyledProps);
+export const SubMenuItemButton = styled(RadixNavigationMenu.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);
-export const SubMenuContent = styled(RadixNavigationMenu.Content).attrs(disableHoverEvents)(({ theme }) => (Object.assign(Object.assign({}, 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": {
+    },
+}), addStyledProps);
+export const SubMenuContent = styled(RadixNavigationMenu.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);
+    },
+}), addStyledProps);
 export const SubMenuItem = styled(RadixNavigationMenu.Item)({
     position: "relative",
     width: "100%",

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

@@ -18,7 +18,7 @@ export default function MobileNav({ primaryNavigation = [], secondaryNavigation
     return (React.createElement(NavigationMenuRoot, null,
         React.createElement(NavigationMenuList, null,
             React.createElement(NulogyAppSwitcher, { config: appSwitcher }),
-            React.createElement(RadixNavigationMenuItem, { display: "flex" }, primaryLogo !== null && primaryLogo !== void 0 ? primaryLogo : (React.createElement(NavigationLogoLink, { href: "/", "aria-label": t("nulogy logo") },
+            React.createElement(RadixNavigationMenuItem, { display: "flex" }, primaryLogo ?? (React.createElement(NavigationLogoLink, { href: "/", "aria-label": t("nulogy logo") },
                 React.createElement(NulogyLogo, null))))),
         (primaryNavigation.length > 0 || secondaryNavigation.length > 0 || userMenu) && (React.createElement(NavigationMenuList, null,
             getNavigationBarItems([...primaryNavigation, ...secondaryNavigation]).map((item) => (React.createElement(RadixNavigationMenu.Item, { key: item.key },
@@ -36,7 +36,7 @@ export default function MobileNav({ primaryNavigation = [], secondaryNavigation
                                 React.createElement(NavigationMenuSubList, null, secondaryNavigation.map((item) => (React.createElement(MobileMenuItem, { menuItem: item, key: item.key }))))))),
                         userMenu && (React.createElement(React.Fragment, null,
                             userMenu.header && (React.createElement(Box, { px: "x2" },
-                                React.createElement(UserMenu.Header, Object.assign({}, userMenu.header, { containerProps: { borderRadius: "large" } })))),
+                                React.createElement(UserMenu.Header, { ...userMenu.header, containerProps: { borderRadius: "large" } }))),
                             userMenu.controls && React.createElement(Box, { px: "x2" }, userMenu.controls({ withinMobileNav: true })),
                             userMenu.menuItems && userMenu.menuItems.length > 0 && (React.createElement(Box, { px: "none" },
                                 React.createElement(NavigationMenuSubList, null, userMenu.menuItems.map((item) => (React.createElement(UserMenu.MobileItem, { key: item.key, item: item }))))))))),