@nulogy/components 16.0.0 → 16.0.1

package/dist/src/NDSProvider/FeatureFlagsContext.js

@@ -1,7 +1,8 @@
-import React, { createContext, useContext } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
 export const FeatureFlagsContext = createContext(undefined);
 export default function FeatureFlagsProvider({ featureFlags, children }) {
-    return React.createElement(FeatureFlagsContext.Provider, { value: { featureFlags } }, children);
+    return _jsx(FeatureFlagsContext.Provider, { value: { featureFlags }, children: children });
 }
 export function useFeatureFlags() {
     const context = useContext(FeatureFlagsContext);

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

@@ -6,5 +6,5 @@ type GlobalStylesComposerProps = {
     disableGlobalStyles?: boolean;
     children?: React.ReactNode;
 };
-export default function GlobalStylesComposer({ theme, locale, disableGlobalStyles, children, }: GlobalStylesComposerProps): React.JSX.Element;
+export default function GlobalStylesComposer({ theme, locale, disableGlobalStyles, children, }: GlobalStylesComposerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/NDSProvider/GlobalStylesComposer.js

@@ -1,13 +1,10 @@
-import React from "react";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Reset from "./Reset";
 import ModalStyleOverride from "./ModalStyleOverride";
 import GlobalStyles from "./GlobalStyles";
 export default function GlobalStylesComposer({ theme, locale, disableGlobalStyles, children, }) {
     if (disableGlobalStyles) {
-        return React.createElement(React.Fragment, null, children);
+        return _jsx(_Fragment, { children: children });
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Reset, null),
-        React.createElement(ModalStyleOverride, { theme: theme, locale: locale }),
-        React.createElement(GlobalStyles, { theme: theme, locale: locale }, children)));
+    return (_jsxs(_Fragment, { children: [_jsx(Reset, {}), _jsx(ModalStyleOverride, { theme: theme, locale: locale }), _jsx(GlobalStyles, { theme: theme, locale: locale, children: children })] }));
 }

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

@@ -8,4 +8,4 @@ export declare const useLocale: (locale?: string) => {
 export declare const LocaleContextProvider: ({ locale, children }: {
     locale: string;
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/NDSProvider/LocaleContext.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 export const LocaleContext = React.createContext({ locale: "en" });
 export const useLocale = (locale) => {
@@ -8,5 +9,5 @@ export const useLocale = (locale) => {
     return locale ? { locale } : context;
 };
 export const LocaleContextProvider = ({ locale, children }) => {
-    return React.createElement(LocaleContext.Provider, { value: { locale } }, children);
+    return _jsx(LocaleContext.Provider, { value: { locale }, children: children });
 };

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

@@ -10,5 +10,5 @@ type NDSProviderProps = {
     variant?: ComponentVariant;
     featureFlags?: FeatureFlags;
 };
-declare function NDSProvider({ theme: customTheme, children, disableGlobalStyles, locale, variant, featureFlags, }: NDSProviderProps): React.JSX.Element;
+declare function NDSProvider({ theme: customTheme, children, disableGlobalStyles, locale, variant, featureFlags, }: NDSProviderProps): import("react/jsx-runtime").JSX.Element;
 export default NDSProvider;

package/dist/src/NDSProvider/NDSProvider.js

@@ -1,4 +1,5 @@
-import React, { useEffect } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
 import { I18nextProvider } from "react-i18next";
 import i18n from "../i18n";
 import NDSThemeProvider from "../theme/NDSThemeProvider";
@@ -12,11 +13,6 @@ function NDSProvider({ theme: customTheme, children, disableGlobalStyles = false
     useEffect(() => {
         i18n.changeLanguage(locale);
     }, [locale]);
-    return (React.createElement(LocaleContext.Provider, { value: { locale } },
-        React.createElement(FeatureFlagsContextProvider, { featureFlags: featureFlags },
-            React.createElement(ComponentVariantContextProvider, { variant: variant },
-                React.createElement(I18nextProvider, { i18n: i18n },
-                    React.createElement(NDSThemeProvider, { customTheme: customTheme },
-                        React.createElement(GlobalStylesComposer, { locale: locale, disableGlobalStyles: disableGlobalStyles }, children)))))));
+    return (_jsx(LocaleContext.Provider, { value: { locale }, children: _jsx(FeatureFlagsContextProvider, { featureFlags: featureFlags, children: _jsx(ComponentVariantContextProvider, { variant: variant, children: _jsx(I18nextProvider, { i18n: i18n, children: _jsx(NDSThemeProvider, { customTheme: customTheme, children: _jsx(GlobalStylesComposer, { locale: locale, disableGlobalStyles: disableGlobalStyles, children: children }) }) }) }) }) }));
 }
 export default NDSProvider;

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

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

package/dist/src/NavBarSearch/NavBarSearch.d.ts

@@ -7,5 +7,5 @@ declare const NavBarSearch: import("styled-components/dist/types").IStyledCompon
     [x: string]: any;
     name?: string;
     onSubmit: any;
-}) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+}) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
 import React from "react";

package/dist/src/NavBarSearch/NavBarSearch.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { styled } from "styled-components";
 import { darken, transparentize } from "polished";
@@ -12,11 +13,7 @@ const BaseNavBarSearch = ({ name = "global-search", onSubmit, ...props }) => {
         onSubmit(e);
     };
     const { t } = useTranslation();
-    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 },
-                React.createElement(Icon, { icon: "search" })))));
+    return (_jsx("form", { ...props, onSubmit: handleOnSubmit, children: _jsxs(Flex, { role: "search", children: [_jsx(Input, { id: "navbar-search", type: "search", "aria-labelledby": name, required: true, placeholder: t("search nulogy") }), _jsx("button", { id: name, "aria-label": name, children: _jsx(Icon, { icon: "search" }) })] }) }));
 };
 const NavBarSearch = styled(BaseNavBarSearch)(({ theme }) => ({
     background: theme.colors.lightBlue,

package/dist/src/Navigation/Navigation.d.ts

@@ -12,5 +12,5 @@ export interface BaseNavigationProps {
 export interface NavigationProps extends BaseNavigationProps {
     breakpoint?: string;
 }
-declare const Navigation: ({ breakpoint, ...props }: NavigationProps) => React.JSX.Element;
+declare const Navigation: ({ breakpoint, ...props }: NavigationProps) => import("react/jsx-runtime").JSX.Element;
 export default Navigation;

package/dist/src/Navigation/Navigation.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useTheme } from "styled-components";
 import useMediaQuery from "../hooks/useMediaQuery";
 import DesktopNav from "./components/DesktopNav/DesktopNav";
@@ -8,6 +8,6 @@ const Navigation = ({ breakpoint = NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY, ...p
     const theme = useTheme();
     const query = theme?.breakpoints?.[breakpoint] ? breakpoint : `(min-width: ${breakpoint})`;
     const largeScreen = useMediaQuery(query);
-    return React.createElement(React.Fragment, null, largeScreen ? React.createElement(DesktopNav, { ...props }) : React.createElement(MobileNav, { ...props }));
+    return _jsx(_Fragment, { children: largeScreen ? _jsx(DesktopNav, { ...props }) : _jsx(MobileNav, { ...props }) });
 };
 export default Navigation;

package/dist/src/Navigation/components/AppSwitcher/NulogyAppSwitcher.d.ts

@@ -10,5 +10,5 @@ export type AppSwitcherConfig = false | {
 type AppSwitcherProps = {
     config: AppSwitcherConfig;
 };
-export declare function NulogyAppSwitcher({ config }: AppSwitcherProps): React.JSX.Element;
+export declare function NulogyAppSwitcher({ config }: AppSwitcherProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
-import React, { useMemo } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../Icon";
@@ -63,15 +64,5 @@ export function NulogyAppSwitcher({ config }) {
     }, [config, t]);
     if (!config)
         return null;
-    return (React.createElement(RadixNavigationMenu.Item, null,
-        React.createElement(NavigationMenuIconTrigger, { "aria-label": t("toggle app switcher") },
-            React.createElement(Icon, { icon: "apps", size: "x3" })),
-        React.createElement(NavigationMenuContent, { left: 0, "aria-label": t("app switcher") },
-            React.createElement(RadixNavigationMenu.Sub, null,
-                React.createElement(AppSwitcher.List, null, includedApps.map((app) => (React.createElement(AppSwitcher.Item, { key: app.id },
-                    React.createElement(AppSwitcher.Link, { href: app.url, "aria-label": app.label },
-                        app.indicator ? (React.createElement(AppSwitcher.Header, null,
-                            React.createElement(AppSwitcher.Title, null, app.label),
-                            app.indicator)) : (React.createElement(AppSwitcher.Title, null, app.label)),
-                        React.createElement(AppSwitcher.Description, null, app.description))))))))));
+    return (_jsxs(RadixNavigationMenu.Item, { children: [_jsx(NavigationMenuIconTrigger, { "aria-label": t("toggle app switcher"), children: _jsx(Icon, { icon: "apps", size: "x3" }) }), _jsx(NavigationMenuContent, { left: 0, "aria-label": t("app switcher"), children: _jsx(RadixNavigationMenu.Sub, { children: _jsx(AppSwitcher.List, { children: includedApps.map((app) => (_jsx(AppSwitcher.Item, { children: _jsxs(AppSwitcher.Link, { href: app.url, "aria-label": app.label, children: [app.indicator ? (_jsxs(AppSwitcher.Header, { children: [_jsx(AppSwitcher.Title, { children: app.label }), app.indicator] })) : (_jsx(AppSwitcher.Title, { children: app.label })), _jsx(AppSwitcher.Description, { children: app.description })] }) }, app.id))) }) }) })] }));
 }

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

@@ -1,9 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 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(({ children, ...props }, forwardedRef) => (React.createElement(FullWidthItem, { ...props, ref: forwardedRef }, children)));
+const Item = React.forwardRef(({ children, ...props }, forwardedRef) => (_jsx(FullWidthItem, { ...props, ref: forwardedRef, children: children })));
 Item.displayName = "Item";
 export default Item;

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

@@ -1,8 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { styled } from "styled-components";
-const Link = React.forwardRef(({ children, ...props }, forwardedRef) => (React.createElement(RadixNavigationMenu.Link, { asChild: true },
-    React.createElement(A, { ...props, ref: forwardedRef }, children))));
+const Link = React.forwardRef(({ children, ...props }, forwardedRef) => (_jsx(RadixNavigationMenu.Link, { asChild: true, children: _jsx(A, { ...props, ref: forwardedRef, children: children }) })));
 Link.displayName = "Link";
 export default Link;
 export const A = styled("a")(({ theme }) => ({

package/dist/src/Navigation/components/DesktopNav/DesktopNav.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
 import { BaseNavigationProps } from "../../Navigation";
 type DesktopNavProps = BaseNavigationProps;
-export default function DesktopNav({ primaryNavigation, secondaryNavigation, appSwitcher, secondaryLogo, primaryLogo, userMenu, }: DesktopNavProps): React.JSX.Element;
+export default function DesktopNav({ primaryNavigation, secondaryNavigation, appSwitcher, secondaryLogo, primaryLogo, userMenu, }: DesktopNavProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
-import React, { useMemo } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { useTranslation } from "react-i18next";
 import { Box, Divider, Flex, TruncatedText, VerticalDivider } from "../../..";
@@ -16,33 +17,5 @@ export default function DesktopNav({ primaryNavigation = [], secondaryNavigation
     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 (React.createElement(NavigationMenuRoot, null,
-        React.createElement(NavigationMenuList, { ref: primaryMenuRef },
-            React.createElement(NulogyAppSwitcher, { config: appSwitcher }),
-            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 }),
-            hiddenMenuItem && React.createElement(HiddenNavigationMenuItem, { ref: hiddenButtonRef, item: hiddenMenuItem })),
-        React.createElement(NavigationMenuList, { ref: secondaryMenuRef },
-            secondaryNavigation.map((item) => (React.createElement(NavigationMenuItem, { key: item.key, item: item }))),
-            secondaryNavigation.length > 0 && userMenuExists && React.createElement(VerticalDivider, null),
-            secondaryLogo && React.createElement(RadixNavigationMenuItem, { display: "flex" }, secondaryLogo),
-            secondaryLogo && userMenuExists && React.createElement(VerticalDivider, null),
-            userMenuExists && (React.createElement(RadixNavigationMenu.Item, null,
-                React.createElement(NavigationMenuTrigger, { py: "half", disabled: !hasUserMenuContent, "aria-label": t("toggle user menu") },
-                    React.createElement(Flex, { flexDirection: "column", alignItems: "flex-start" },
-                        React.createElement(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal" }, userMenu.triggerText.title),
-                        userMenu.triggerText.subtitle1 && (React.createElement(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal" }, userMenu.triggerText.subtitle1)),
-                        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, { ...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" },
-                            React.createElement(Divider, { my: "x2" }))),
-                        userMenu.menuItems && userMenu.menuItems.length > 0 && (React.createElement(Box, { px: "none" },
-                            React.createElement(RadixNavigationMenu.Sub, { orientation: "vertical" },
-                                React.createElement(NavigationMenuSubList, null, userMenu.menuItems.map((item) => (React.createElement(UserMenu.Item, { key: item.key, item: item }))))))))))))))));
+    return (_jsxs(NavigationMenuRoot, { children: [_jsxs(NavigationMenuList, { ref: primaryMenuRef, children: [_jsx(NulogyAppSwitcher, { config: appSwitcher }), _jsx(RadixNavigationMenuItem, { display: "flex", children: primaryLogo ?? (_jsx(NavigationLogoLink, { href: "/", "aria-label": "Nulogy Logo", children: _jsx(NulogyLogo, {}) })) }), menuItems.map((item) => (_jsx(NavigationMenuItem, { item: item }, item.key))), moreMenu.length > 0 && _jsx(MoreMenuItem, { moreMenu: moreMenu }), hiddenMenuItem && _jsx(HiddenNavigationMenuItem, { ref: hiddenButtonRef, item: hiddenMenuItem })] }), _jsxs(NavigationMenuList, { ref: secondaryMenuRef, children: [secondaryNavigation.map((item) => (_jsx(NavigationMenuItem, { item: item }, item.key))), secondaryNavigation.length > 0 && userMenuExists && _jsx(VerticalDivider, {}), secondaryLogo && _jsx(RadixNavigationMenuItem, { display: "flex", children: secondaryLogo }), secondaryLogo && userMenuExists && _jsx(VerticalDivider, {}), userMenuExists && (_jsxs(RadixNavigationMenu.Item, { children: [_jsxs(NavigationMenuTrigger, { py: "half", disabled: !hasUserMenuContent, "aria-label": t("toggle user menu"), children: [_jsxs(Flex, { flexDirection: "column", alignItems: "flex-start", children: [_jsx(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal", children: userMenu.triggerText.title }), userMenu.triggerText.subtitle1 && (_jsx(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal", children: userMenu.triggerText.subtitle1 })), userMenu.triggerText.subtitle2 && (_jsx(TruncatedText, { showTooltip: false, fontSize: "smaller", lineHeight: "smallerText", fontWeight: "normal", children: userMenu.triggerText.subtitle2 }))] }), hasUserMenuContent && _jsx(CaretDown, { icon: "downArrow", size: "x2", "aria-hidden": true })] }), hasUserMenuContent && (_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 && _jsx(UserMenu.Header, { ...userMenu.header }), (userMenu.controls || (userMenu.menuItems && userMenu.menuItems.length > 0)) && (_jsxs(UserMenu.Container, { p: "none", display: "flex", flexDirection: "column", children: [userMenu.controls && _jsx(Box, { p: "x2", children: userMenu.controls({ withinMobileNav: false }) }), userMenu.controls && userMenu.menuItems && userMenu.menuItems.length > 0 && (_jsx(Box, { px: "x2", children: _jsx(Divider, { my: "x2" }) })), userMenu.menuItems && userMenu.menuItems.length > 0 && (_jsx(Box, { px: "none", children: _jsx(RadixNavigationMenu.Sub, { orientation: "vertical", children: _jsx(NavigationMenuSubList, { children: userMenu.menuItems.map((item) => (_jsx(UserMenu.Item, { item: item }, item.key))) }) }) }))] }))] }))] }))] })] }));
 }

package/dist/src/Navigation/components/DesktopNav/parts/MoreMenuItem.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import type { MenuItem, MenuItems } from "../../../types";
 export default function MoreMenuItem({ moreMenu }: {
     moreMenu: MenuItems;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare const HiddenNavigationMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("../../shared/NavigationMenuItem").NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, import("../../shared/NavigationMenuItem").NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>, never>, {
     item: MenuItem;
 }>> & string & Omit<React.ForwardRefExoticComponent<import("../../shared/NavigationMenuItem").NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>, keyof React.Component<any, {}, any>>;

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

@@ -1,10 +1,10 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { styled } from "styled-components";
 import { NavigationMenuItem } from "../../shared/NavigationMenuItem";
 export default function MoreMenuItem({ moreMenu }) {
     const { t } = useTranslation();
-    return (React.createElement(NavigationMenuItem, { item: {
+    return (_jsx(NavigationMenuItem, { item: {
             key: "nds-primary-menu-more-item",
             label: t("more"),
             type: "button",

package/dist/src/Navigation/components/EnvironmentBanner/EnvironmentBanner.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export type EnvironmentBannerProps = {
     children?: React.ReactNode;
 };
-declare const EnvironmentBanner: ({ children }: EnvironmentBannerProps) => React.JSX.Element;
+declare const EnvironmentBanner: ({ children }: EnvironmentBannerProps) => import("react/jsx-runtime").JSX.Element;
 export default EnvironmentBanner;

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

@@ -1,6 +1,5 @@
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from "../../../Box";
 import { Text } from "../../../Type";
-const EnvironmentBanner = ({ children }) => (React.createElement(Box, { bg: "darkBlue", textAlign: "center" },
-    React.createElement(Text, { fontSize: "10px", letterSpacing: "0.5px", fontWeight: "bold", color: "white", textTransform: "uppercase", py: "2px" }, children)));
+const EnvironmentBanner = ({ children }) => (_jsx(Box, { bg: "darkBlue", textAlign: "center", children: _jsx(Text, { fontSize: "10px", letterSpacing: "0.5px", fontWeight: "bold", color: "white", textTransform: "uppercase", py: "2px", children: children }) }));
 export default EnvironmentBanner;

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

@@ -1,8 +1,7 @@
-import React from "react";
 import { MenuItem } from "../../types";
 type Props = {
     item: MenuItem;
     level: number;
 };
-export declare function MenuSubItem({ item, level }: Props): React.JSX.Element;
+export declare function MenuSubItem({ item, level }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { useTheme } from "styled-components";
@@ -12,13 +13,13 @@ export function MenuSubItem({ item, level }) {
      * Separator
      * -------------------------------------------------------------------*/
     if (item.type === "separator") {
-        return React.createElement(Divider, { my: "x1", mx: "x1", width: "auto" });
+        return _jsx(Divider, { my: "x1", mx: "x1", width: "auto" });
     }
     /* ---------------------------------------------------------------------
      * Custom render
      * -------------------------------------------------------------------*/
     if (item.type === "custom") {
-        return (React.createElement(RadixNavigationMenu.Item, { key: item.key }, item.render({ withinSubMenu: true, level, withinMobileNav: false })));
+        return (_jsx(RadixNavigationMenu.Item, { children: item.render({ withinSubMenu: true, level, withinMobileNav: false }) }, item.key));
     }
     /* ---------------------------------------------------------------------
      * Default render
@@ -26,15 +27,6 @@ export function MenuSubItem({ item, level }) {
     const hasIcon = "icon" in item;
     const isLink = item.type === "link";
     const hasSubMenu = item.type === "button" && !!item.items && item.items.length > 0;
-    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, 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, { ...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, item.items?.map((subItem) => React.createElement(MenuSubItem, { key: subItem.key, item: subItem, level: level + 1 }))))))))));
+    const content = (_jsxs(_Fragment, { children: [hasIcon && (_jsxs(Flex, { alignItems: "center", gap: "x1", children: [_jsx(Icon, { icon: item.icon, size: "x3", "aria-hidden": true }), _jsx("span", { children: item.label ?? item.tooltip })] })), "label" in item && item.label && !hasIcon && _jsx("span", { children: item.label }), hasSubMenu && _jsx(CaretRight, { "aria-hidden": true, size: "x2" })] }));
+    return (_jsx(SubMenuItem, { value: "label" in item ? item.label : item.key, children: isLink ? (_jsx(SubMenuItemLink, { asChild: true, children: item.element ? (React.cloneElement(item.element, { ...item.props, children: content })) : (_jsx("a", { ...item.props, children: content })) })) : (_jsxs(_Fragment, { children: [_jsx(SubMenuItemButton, { ...item.props, children: content }), hasSubMenu && (_jsx(SubMenuContent, { left: `calc(100% - ${theme.space.half})`, top: `calc(-1 * ${theme.space.x1})`, children: _jsx(RadixNavigationMenu.Sub, { orientation: "vertical", children: _jsx(SubMenuList, { children: item.items?.map((subItem) => (_jsx(MenuSubItem, { item: subItem, level: level + 1 }, subItem.key))) }) }) }))] })) }, item.key));
 }

package/dist/src/Navigation/components/MobileNav/MobileNav.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
 import { BaseNavigationProps } from "../../Navigation";
 type MobileNavProps = BaseNavigationProps;
-export default function MobileNav({ primaryNavigation, secondaryNavigation, appSwitcher, primaryLogo, secondaryLogo, userMenu, }: MobileNavProps): React.JSX.Element;
+export default function MobileNav({ primaryNavigation, secondaryNavigation, appSwitcher, primaryLogo, secondaryLogo, userMenu, }: MobileNavProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { useTranslation } from "react-i18next";
 import { NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, RadixNavigationMenuItem, } from "../shared/components";
@@ -15,32 +15,5 @@ import { MobileMenuItem } from "./parts/MobileMenuItem";
 import { MobileSecondaryLogoContainer } from "./parts/styled";
 export default function MobileNav({ primaryNavigation = [], secondaryNavigation = [], appSwitcher, primaryLogo, secondaryLogo, userMenu, }) {
     const { t } = useTranslation();
-    return (React.createElement(NavigationMenuRoot, null,
-        React.createElement(NavigationMenuList, null,
-            React.createElement(NulogyAppSwitcher, { config: appSwitcher }),
-            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 },
-                React.createElement(NavigationMenuItem, { item: item })))),
-            React.createElement(RadixNavigationMenu.Item, null,
-                React.createElement(NavigationMenuTrigger, { "aria-label": t("toggle mobile menu") },
-                    React.createElement(Icon, { icon: "menu" })),
-                React.createElement(NavigationMenuContent, { right: 0 },
-                    React.createElement(UserMenu.Container, { p: "none", display: "flex", flexDirection: "column", gap: "x4" },
-                        primaryNavigation.length > 0 && (React.createElement(Box, { px: "x2" },
-                            React.createElement(RadixNavigationMenu.Sub, { orientation: "vertical" },
-                                React.createElement(NavigationMenuSubList, null, primaryNavigation.map((item) => (React.createElement(MobileMenuItem, { menuItem: item, key: item.key }))))))),
-                        secondaryNavigation.length > 0 && (React.createElement(Box, { px: "x2" },
-                            React.createElement(RadixNavigationMenu.Sub, { orientation: "vertical" },
-                                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, { ...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 }))))))))),
-                    secondaryLogo && (React.createElement(MobileSecondaryLogoContainer, null,
-                        React.createElement(NavigationMenuSubList, null,
-                            React.createElement(RadixNavigationMenuItem, null, secondaryLogo))))))))));
+    return (_jsxs(NavigationMenuRoot, { children: [_jsxs(NavigationMenuList, { children: [_jsx(NulogyAppSwitcher, { config: appSwitcher }), _jsx(RadixNavigationMenuItem, { display: "flex", children: primaryLogo ?? (_jsx(NavigationLogoLink, { href: "/", "aria-label": t("nulogy logo"), children: _jsx(NulogyLogo, {}) })) })] }), (primaryNavigation.length > 0 || secondaryNavigation.length > 0 || userMenu) && (_jsxs(NavigationMenuList, { children: [getNavigationBarItems([...primaryNavigation, ...secondaryNavigation]).map((item) => (_jsx(RadixNavigationMenu.Item, { children: _jsx(NavigationMenuItem, { item: item }) }, item.key))), _jsxs(RadixNavigationMenu.Item, { children: [_jsx(NavigationMenuTrigger, { "aria-label": t("toggle mobile menu"), children: _jsx(Icon, { icon: "menu" }) }), _jsxs(NavigationMenuContent, { right: 0, children: [_jsxs(UserMenu.Container, { p: "none", display: "flex", flexDirection: "column", gap: "x4", children: [primaryNavigation.length > 0 && (_jsx(Box, { px: "x2", children: _jsx(RadixNavigationMenu.Sub, { orientation: "vertical", children: _jsx(NavigationMenuSubList, { children: primaryNavigation.map((item) => (_jsx(MobileMenuItem, { menuItem: item }, item.key))) }) }) })), secondaryNavigation.length > 0 && (_jsx(Box, { px: "x2", children: _jsx(RadixNavigationMenu.Sub, { orientation: "vertical", children: _jsx(NavigationMenuSubList, { children: secondaryNavigation.map((item) => (_jsx(MobileMenuItem, { menuItem: item }, item.key))) }) }) })), userMenu && (_jsxs(_Fragment, { children: [userMenu.header && (_jsx(Box, { px: "x2", children: _jsx(UserMenu.Header, { ...userMenu.header, containerProps: { borderRadius: "large" } }) })), userMenu.controls && _jsx(Box, { px: "x2", children: userMenu.controls({ withinMobileNav: true }) }), userMenu.menuItems && userMenu.menuItems.length > 0 && (_jsx(Box, { px: "none", children: _jsx(NavigationMenuSubList, { children: userMenu.menuItems.map((item) => (_jsx(UserMenu.MobileItem, { item: item }, item.key))) }) }))] }))] }), secondaryLogo && (_jsx(MobileSecondaryLogoContainer, { children: _jsx(NavigationMenuSubList, { children: _jsx(RadixNavigationMenuItem, { children: secondaryLogo }) }) }))] })] })] }))] }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { Text } from "../../../../Type";
@@ -14,16 +15,13 @@ export const MobileMenuItem = React.forwardRef(({ menuItem, level = 0, ...props
      * Separator
      * -----------------------------------------------------------------*/
     if (menuItem.type === "separator") {
-        return (React.createElement(RadixNavigationMenuItem, { ref: forwardedRef, ...props },
-            React.createElement(IndentedContainer, { level: level },
-                React.createElement(Divider, { secondary: level > 0, my: "x2" }))));
+        return (_jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: _jsx(IndentedContainer, { level: level, children: _jsx(Divider, { secondary: level > 0, my: "x2" }) }) }));
     }
     /* -------------------------------------------------------------------
      * Custom render fragment
      * -----------------------------------------------------------------*/
     if (menuItem.type === "custom") {
-        return (React.createElement(RadixNavigationMenuItem, { ref: forwardedRef, ...props },
-            React.createElement(IndentedContainer, { level: level }, menuItem.render({ withinSubMenu: level > 0, level, withinMobileNav: true }))));
+        return (_jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: _jsx(IndentedContainer, { level: level, children: menuItem.render({ withinSubMenu: level > 0, level, withinMobileNav: true }) }) }));
     }
     /* -------------------------------------------------------------------
      * Helpers shared by link & button
@@ -31,24 +29,18 @@ export const MobileMenuItem = React.forwardRef(({ menuItem, level = 0, ...props
     const hasIcon = "icon" in menuItem;
     const hasLabel = "label" in menuItem && !!menuItem.label;
     const hasTooltip = "tooltip" in menuItem && !!menuItem.tooltip;
-    const IconFragment = hasIcon ? React.createElement(Icon, { icon: menuItem.icon, size: "x3", "aria-hidden": true }) : null;
+    const IconFragment = hasIcon ? _jsx(Icon, { icon: menuItem.icon, size: "x3", "aria-hidden": true }) : null;
     // Determine the text to display: use label if available, otherwise use tooltip if icon is present
     const labelText = hasLabel ? menuItem.label : hasIcon && hasTooltip ? menuItem.tooltip : null;
-    const LabelFragment = labelText ? (React.createElement(Text, { fontSize: "small", lineHeight: "smallTextCompressed" }, labelText)) : null;
+    const LabelFragment = labelText ? (_jsx(Text, { fontSize: "small", lineHeight: "smallTextCompressed", children: labelText })) : null;
     /* -------------------------------------------------------------------
      * Link
      * -----------------------------------------------------------------*/
     if (menuItem.type === "link") {
-        return (React.createElement(RadixNavigationMenuItem, { ref: forwardedRef, ...props },
-            React.createElement(IndentedContainer, { level: level },
-                React.createElement(MobileNavigationLink, { asChild: true }, menuItem.element ? (React.cloneElement(menuItem.element, {
-                    ...menuItem.props,
-                    children: (React.createElement(React.Fragment, null,
-                        IconFragment,
-                        LabelFragment)),
-                })) : (React.createElement("a", { ...menuItem.props },
-                    IconFragment,
-                    LabelFragment))))));
+        return (_jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: _jsx(IndentedContainer, { level: level, children: _jsx(MobileNavigationLink, { asChild: true, children: menuItem.element ? (React.cloneElement(menuItem.element, {
+                        ...menuItem.props,
+                        children: (_jsxs(_Fragment, { children: [IconFragment, LabelFragment] })),
+                    })) : (_jsxs("a", { ...menuItem.props, children: [IconFragment, LabelFragment] })) }) }) }));
     }
     /* -------------------------------------------------------------------
      * Button
@@ -57,18 +49,10 @@ export const MobileMenuItem = React.forwardRef(({ menuItem, level = 0, ...props
         const hasItems = !!menuItem.items && menuItem.items.length > 0;
         // Button with nested items – show group label then children
         if (hasItems) {
-            return (React.createElement(RadixNavigationMenuItem, { ref: forwardedRef, ...props },
-                LabelFragment && (React.createElement(IndentedContainer, { level: level },
-                    React.createElement(MenuItemGroupLabel, null, labelText))),
-                React.createElement(RadixNavigationMenu.Sub, { orientation: "vertical" },
-                    React.createElement(NavigationMenuSubList, null, (menuItem.items || []).map((item) => (React.createElement(MobileMenuItem, { key: item.key, menuItem: item, level: level + 1 })))))));
+            return (_jsxs(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: [LabelFragment && (_jsx(IndentedContainer, { level: level, children: _jsx(MenuItemGroupLabel, { children: labelText }) })), _jsx(RadixNavigationMenu.Sub, { orientation: "vertical", children: _jsx(NavigationMenuSubList, { children: (menuItem.items || []).map((item) => (_jsx(MobileMenuItem, { menuItem: item, level: level + 1 }, item.key))) }) })] }));
         }
         // Simple button with no children
-        return (React.createElement(RadixNavigationMenuItem, { ref: forwardedRef, ...props },
-            React.createElement(IndentedContainer, { level: level },
-                React.createElement(MobileNavigationButton, { ...("props" in menuItem ? menuItem.props : {}) },
-                    IconFragment,
-                    LabelFragment))));
+        return (_jsx(RadixNavigationMenuItem, { ref: forwardedRef, ...props, children: _jsx(IndentedContainer, { level: level, children: _jsxs(MobileNavigationButton, { ...("props" in menuItem ? menuItem.props : {}), children: [IconFragment, LabelFragment] }) }) }));
     }
     return null;
 });

package/dist/src/Navigation/components/NulogyLogo/NulogyLogo.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 import type { NulogyAppName } from "../../../types/NulogyApp";
 export interface NulogyLogoProps {
     app?: NulogyAppName;
 }
-export declare function NulogyLogo({ app }: NulogyLogoProps): React.JSX.Element;
+export declare function NulogyLogo({ app }: NulogyLogoProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex } from "../../../Flex";
 import { Text } from "../../../Type";
 import { APP_DISPLAY_NAMES } from "../../../types/NulogyApp";
@@ -8,13 +8,11 @@ export function NulogyLogo({ 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 (React.createElement(Flex, { alignItems: "flex-start", justifyContent: "center", flexDirection: appDisplayName ? "column" : "row" },
-        React.createElement(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.
-        */
-        React.createElement(Text, { fontSize: "10px", lineHeight: "12px", color: "#1C68A5", fontWeight: "normal", textTransform: "uppercase", letterSpacing: "0.4px" }, appDisplayName))));
+    return (_jsxs(Flex, { alignItems: "flex-start", justifyContent: "center", flexDirection: appDisplayName ? "column" : "row", children: [_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.
+            */
+            _jsx(Text, { fontSize: "10px", lineHeight: "12px", color: "#1C68A5", fontWeight: "normal", textTransform: "uppercase", letterSpacing: "0.4px", children: appDisplayName }))] }));
 }

package/dist/src/Navigation/components/NulogyLogo/SvgNulogyLogo.d.ts

@@ -1,2 +1,2 @@
-import React, { SVGProps } from "react";
-export declare function SvgNulogyLogo(props: SVGProps<SVGSVGElement>): React.JSX.Element;
+import { SVGProps } from "react";
+export declare function SvgNulogyLogo(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SvgNulogyLogo(props) {
-    return (React.createElement("svg", { viewBox: "0 0 102 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-        React.createElement("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" }),
-        React.createElement("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" }),
-        React.createElement("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" }),
-        React.createElement("path", { d: "M62.349 18.7354H60.2773V0.830151L62.349 0V18.7354Z", fill: "#1C68A5" }),
-        React.createElement("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" }),
-        React.createElement("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" }),
-        React.createElement("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" })));
+    return (_jsxs("svg", { viewBox: "0 0 102 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_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" }), _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" }), _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" }), _jsx("path", { d: "M62.349 18.7354H60.2773V0.830151L62.349 0V18.7354Z", fill: "#1C68A5" }), _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" }), _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" }), _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" })] }));
 }

package/dist/src/Navigation/components/UserMenu/UserMenu.d.ts

@@ -1,7 +1,7 @@
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { StyledProps } from "../../../StyledProps";
 declare const UserMenu: {
-    Header: ({ title, subtitle1, subtitle2, containerProps }: import("./parts/Header").HeaderProps) => import("react").JSX.Element;
+    Header: ({ title, subtitle1, subtitle2, containerProps }: import("./parts/Header").HeaderProps) => import("react/jsx-runtime").JSX.Element;
     Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>, RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>>, never>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
     Item: import("react").ForwardRefExoticComponent<import("./parts/Item").UserMenuItemProps & {
         level?: number;

package/dist/src/Navigation/components/UserMenu/parts/Header.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
 import { UserMenuInfo } from "../../../types";
 import { FlexProps } from "../../../../Flex/Flex";
 export interface HeaderProps extends UserMenuInfo {
     containerProps?: FlexProps;
 }
-export declare const Header: ({ title, subtitle1, subtitle2, containerProps }: HeaderProps) => React.JSX.Element;
+export declare const Header: ({ title, subtitle1, subtitle2, containerProps }: HeaderProps) => import("react/jsx-runtime").JSX.Element;