@nulogy/components 16.0.1 → 16.0.3

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

@@ -1,6 +1,8 @@
-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"> & {
+declare const ModalCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<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"> & {
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export default ModalCloseButton;

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

@@ -4,5 +4,5 @@ type ModalContentProps = React.ComponentPropsWithRef<"div"> & {
     hasFooter?: any;
     theme?: DefaultNDSThemeType;
 };
-declare const ModalContent: React.FC<React.PropsWithChildren<ModalContentProps>>;
+declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ModalContentProps>> & string;
 export default ModalContent;

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

@@ -1,4 +1,6 @@
 import React from "react";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
-declare const Item: React.ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, never>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const Item: React.ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & {
+    ref?: React.Ref<HTMLLIElement>;
+}, never>, "ref"> & React.RefAttributes<HTMLLIElement>>;
 export default Item;

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

@@ -1,15 +1,23 @@
 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>>;
-    List: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, keyof import("react").Component<any, {}, any>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, never>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: import("react").Ref<HTMLDivElement>;
+    }, Omit<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: import("react").Ref<HTMLDivElement>;
+    }>, never>, import("../../shared/NavigationMenuContent").NavigationMenuContentProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+    List: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & {
+        ref?: import("react").Ref<HTMLUListElement>;
+    }, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, keyof import("react").Component<any, {}, any>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & {
+        ref?: import("react").Ref<HTMLLIElement>;
+    }, never>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
     Link: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
         ref?: import("react").Ref<HTMLAnchorElement>;
     }, never>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
     Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: import("react").Ref<HTMLDivElement>;
     }, never>> & string;
-    Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
         variant?: import("../../../../NDSProvider/ComponentVariantContext").ComponentVariant;
         inline?: boolean;
         compact?: boolean;
@@ -20,7 +28,7 @@ declare const AppSwitcher: {
         ref?: import("react").Ref<HTMLParagraphElement>;
     }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
         ref?: import("react").Ref<HTMLHeadingElement>;
-    }>, never>, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    }>, never>, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
         variant?: import("../../../../NDSProvider/ComponentVariantContext").ComponentVariant;
         inline?: boolean;
         compact?: boolean;
@@ -32,7 +40,7 @@ declare const AppSwitcher: {
     }, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
         ref?: import("react").Ref<HTMLHeadingElement>;
     }>, never>, never>>, never>, never>> & string;
-    Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
         variant?: import("../../../../NDSProvider/ComponentVariantContext").ComponentVariant;
         inline?: boolean;
         compact?: boolean;
@@ -41,7 +49,7 @@ declare const AppSwitcher: {
         fontSize?: string;
     } & import("../../../..").StyledProps, "ref"> & {
         ref?: import("react").Ref<HTMLParagraphElement>;
-    }, Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    }, Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
         variant?: import("../../../../NDSProvider/ComponentVariantContext").ComponentVariant;
         inline?: boolean;
         compact?: boolean;

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

@@ -3,6 +3,10 @@ import type { MenuItem, MenuItems } from "../../../types";
 export default function MoreMenuItem({ moreMenu }: {
     moreMenu: MenuItems;
 }): 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>, {
+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<Omit<import("../../shared/NavigationMenuItem").NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & {
+    ref?: React.Ref<HTMLLIElement>;
+}, Omit<import("../../shared/NavigationMenuItem").NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & {
+    ref?: React.Ref<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/MenuSubItem/parts/styled.d.ts

@@ -1,7 +1,19 @@
 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>>;
-export declare const SubMenuItemButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const SubMenuContent: 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>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const SubMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const SubMenuList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SubMenuItemLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLAnchorElement>;
+}, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SubMenuItemButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SubMenuContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, Omit<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}>, never>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SubMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLLIElement>;
+}, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SubMenuList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLUListElement>;
+}, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, keyof import("react").Component<any, {}, any>>;

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

@@ -2,7 +2,7 @@ import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 export declare const IndentedContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../../../Box").BoxProps> & import("../../../../Box").BoxProps, {
     level: number;
 }>> & string;
-export declare const MenuItemGroupLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+export declare const MenuItemGroupLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | keyof import("react").HTMLAttributes<HTMLParagraphElement> | "disabled" | "inline" | "compact" | keyof import("../../../..").StyledProps> & import("react").HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../../../../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     compact?: boolean;
@@ -12,6 +12,12 @@ export declare const MenuItemGroupLabel: import("styled-components/dist/types").
 } & import("../../../..").StyledProps, "ref"> & {
     ref?: import("react").Ref<HTMLParagraphElement>;
 }, never>> & string;
-export declare const MobileNavigationButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const MobileNavigationLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const MobileSecondaryLogoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const MobileNavigationButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const MobileNavigationLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLAnchorElement>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const MobileSecondaryLogoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

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

@@ -2,7 +2,11 @@ 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-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>>;
+    Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: import("react").Ref<HTMLDivElement>;
+    }, Omit<RadixNavigationMenu.NavigationMenuSubProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: import("react").Ref<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;
     } & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -1,7 +1,11 @@
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
-export declare const UserMenuLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, {
+export declare const UserMenuLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLAnchorElement>;
+}, {
     $isMobile?: boolean;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const UserMenuTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, {
+export declare const UserMenuTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, {
     $isMobile?: boolean;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/src/Navigation/components/shared/NavigationMenuContent.d.ts

@@ -2,5 +2,9 @@ import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { StyledProps } from "../../../StyledProps";
 export interface NavigationMenuContentProps extends RadixNavigationMenu.NavigationMenuContentProps, StyledProps {
 }
-declare const NavigationMenuContent: 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>, NavigationMenuContentProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+declare const NavigationMenuContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, Omit<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}>, never>, NavigationMenuContentProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export default NavigationMenuContent;

package/dist/src/Navigation/components/shared/NavigationMenuItem.d.ts

@@ -9,4 +9,6 @@ export interface NavigationMenuItemProps extends RadixNavigationMenu.NavigationM
  * A single Radix <NavigationMenu.Item> that can represent any MenuItem variant.
  */
 export declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
-export declare const NavigationMenuSubList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, never>> & string & Omit<React.ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>, keyof React.Component<any, {}, any>>;
+export declare const NavigationMenuSubList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & {
+    ref?: React.Ref<HTMLUListElement>;
+}, never>> & string & Omit<React.ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>, keyof React.Component<any, {}, any>>;

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

@@ -1,16 +1,42 @@
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { IconProps } from "../../../Icon/Icon";
 import { StyledProps } from "../../../StyledProps";
-export declare const NavigationMenuRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuProps & import("react").RefAttributes<HTMLElement>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const NavigationMenuList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const NavigationMenuRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const NavigationMenuList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLUListElement>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, keyof import("react").Component<any, {}, any>>;
 interface NavigationMenuTriggerProps extends RadixNavigationMenu.NavigationMenuTriggerProps, StyledProps {
     disableMenuToggleOnHover?: boolean;
 }
-export declare const NavigationMenuTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, NavigationMenuTriggerProps>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const NavigationMenuLink: 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>>;
-export declare const NavigationMenuIconLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, keyof StyledProps> & StyledProps, never>> & string;
-export declare const NavigationMenuIconTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, NavigationMenuTriggerProps>, never>, never>> & string;
-export declare const CaretDown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<IconProps & import("react").RefAttributes<SVGSVGElement>, keyof IconProps> & IconProps, import("styled-components").FastOmit<IconProps & import("react").RefAttributes<SVGSVGElement>, keyof IconProps> & IconProps>, never>, Partial<IconProps>>> & string;
-export declare const CaretRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<IconProps & import("react").RefAttributes<SVGSVGElement>, keyof IconProps> & IconProps, import("styled-components").FastOmit<IconProps & import("react").RefAttributes<SVGSVGElement>, keyof IconProps> & IconProps>, never>, Partial<IconProps>>> & string;
-export declare const RadixNavigationMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const NavigationMenuTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, Omit<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}>, NavigationMenuTriggerProps>, never>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const NavigationMenuLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLAnchorElement>;
+}, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const NavigationMenuIconLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<RadixNavigationMenu.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLAnchorElement>;
+}, keyof StyledProps> & StyledProps, never>> & string;
+export declare const NavigationMenuIconTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, Omit<RadixNavigationMenu.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}>, NavigationMenuTriggerProps>, never>, never>> & string;
+export declare const CaretDown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<IconProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, keyof IconProps> & IconProps, import("styled-components").FastOmit<Omit<IconProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, keyof IconProps> & IconProps>, never>, Partial<IconProps>>> & string;
+export declare const CaretRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<IconProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, keyof IconProps> & IconProps, import("styled-components").FastOmit<Omit<IconProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, keyof IconProps> & IconProps>, never>, Partial<IconProps>>> & string;
+export declare const RadixNavigationMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLLIElement>;
+}, StyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<RadixNavigationMenu.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/src/Navigation/stories/Navigation.appSwitcher.story.d.ts

@@ -5,7 +5,14 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const AllApps: () => import("react/jsx-runtime").JSX.Element;
+export declare const AllApps: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+    play: ({ canvasElement: _canvasElement, step }: {
+        canvasElement: any;
+        step: any;
+    }) => Promise<void>;
+};
 export declare const OnlySelectApps: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithConditionallyVisibleApps: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithAnIndicator: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/Navigation/stories/Navigation.appSwitcher.story.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { expect, screen, waitFor } from "storybook/test";
 import useConditionalAutoClick from "../../utils/testing/useConditionalAutoClick";
 import Navigation from "../Navigation";
 import { ApplicationFrame, Page } from "../../Layout";
@@ -18,7 +19,7 @@ export default {
     },
 };
 const appSwitcherToggleSelector = 'button[aria-label="Toggle app switcher"]';
-export const AllApps = () => {
+const AllAppsComponent = () => {
     useConditionalAutoClick({
         selector: appSwitcherToggleSelector,
         condition: {
@@ -52,6 +53,23 @@ export const AllApps = () => {
             },
         } }));
 };
+export const AllApps = {
+    render: () => _jsx(AllAppsComponent, {}),
+    name: "All Apps",
+    play: async ({ canvasElement: _canvasElement, step }) => {
+        await step("auto-opens the app switcher", async () => {
+            await waitFor(() => expect(screen.getByText("Production Scheduling")).toBeVisible(), { timeout: 3000 });
+        });
+        await step("displays all available apps", async () => {
+            await expect(screen.getByText("Supplier Collaboration")).toBeVisible();
+            await expect(screen.getByText("Digital Quality Inspection")).toBeVisible();
+            await expect(screen.getByText(/Shop Floor/)).toBeVisible();
+            await expect(screen.getByText("Smart Factory")).toBeVisible();
+            await expect(screen.getByText("Connections")).toBeVisible();
+            await expect(screen.getByText("Data")).toBeVisible();
+        });
+    },
+};
 export const OnlySelectApps = () => {
     useConditionalAutoClick({
         selector: appSwitcherToggleSelector,

package/dist/src/Navigation/stories/Navigation.logos.story.d.ts

@@ -14,8 +14,6 @@ export declare const WithoutPassingAPrimaryLogo: () => import("react/jsx-runtime
 export declare const WithoutAPrimaryLogo: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithACustomPrimaryLogo: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithNavigationLogoWrapper: {
-    (): import("react/jsx-runtime").JSX.Element;
-    story: {
-        name: string;
-    };
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
 };

package/dist/src/Navigation/stories/Navigation.logos.story.js

@@ -49,9 +49,9 @@ export const WithoutAPrimaryLogo = () => {
 export const WithACustomPrimaryLogo = () => {
     return (_jsx(ApplicationFrame, { navBar: _jsx(Navigation, { primaryLogo: _jsx(CustomLogo2, { style: { width: "auto", height: 24 } }) }), children: _jsx(Page, { fullHeight: true, children: _jsx(Alert, { type: "danger", children: "This is not a recommended usage of the Navigation component." }) }) }));
 };
-export const WithNavigationLogoWrapper = () => {
-    return (_jsx(ApplicationFrame, { navBar: _jsx(Navigation, { secondaryLogo: _jsx(NavigationLogoLink, { href: "/", "aria-label": "Custom Logo", children: _jsx(NavigationLogo, { children: _jsx(CustomLogo2, {}) }) }) }), children: _jsx(Page, { fullHeight: true, children: _jsxs(Flex, { flexDirection: "column", gap: "x2", children: [_jsxs(Text, { children: ["Secondary logos are not styled, ensure setting an explicit ", _jsx(Code, { children: "width" }), " / ", _jsx(Code, { children: "height" }), " on the passed ", _jsx(Code, { children: "ReactNode" }), " to prevent overflow, or using the ", _jsx(Code, { children: "NavigationLogo" }), " helper."] }), _jsxs(Text, { children: [_jsx(Code, { children: "NavigationLogo" }), " component constrains logos to maximum ", _jsx(Code, { children: "184px" }), " width and", " ", _jsx(Code, { children: "36px" }), " height by default to prevent overflow in the Navigation."] }), _jsxs(Text, { children: ["You can adjust this by passing ", _jsx(Code, { children: "maxWidth" }), " and ", _jsx(Code, { children: "maxHeight" }), " props to the", " ", _jsx(Code, { children: "NavigationLogo" }), " component."] })] }) }) }));
-};
-WithNavigationLogoWrapper.story = {
+export const WithNavigationLogoWrapper = {
+    render: () => {
+        return (_jsx(ApplicationFrame, { navBar: _jsx(Navigation, { secondaryLogo: _jsx(NavigationLogoLink, { href: "/", "aria-label": "Custom Logo", children: _jsx(NavigationLogo, { children: _jsx(CustomLogo2, {}) }) }) }), children: _jsx(Page, { fullHeight: true, children: _jsxs(Flex, { flexDirection: "column", gap: "x2", children: [_jsxs(Text, { children: ["Secondary logos are not styled, ensure setting an explicit ", _jsx(Code, { children: "width" }), " / ", _jsx(Code, { children: "height" }), " on the passed ", _jsx(Code, { children: "ReactNode" }), " to prevent overflow, or using the ", _jsx(Code, { children: "NavigationLogo" }), " helper."] }), _jsxs(Text, { children: [_jsx(Code, { children: "NavigationLogo" }), " component constrains logos to maximum ", _jsx(Code, { children: "184px" }), " width and", " ", _jsx(Code, { children: "36px" }), " height by default to prevent overflow in the Navigation."] }), _jsxs(Text, { children: ["You can adjust this by passing ", _jsx(Code, { children: "maxWidth" }), " and ", _jsx(Code, { children: "maxHeight" }), " props to the", " ", _jsx(Code, { children: "NavigationLogo" }), " component."] })] }) }) }));
+    },
     name: "With NavigationLogo wrapper",
 };

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

@@ -5,6 +5,12 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const BasicUsage: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicUsage: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    play: ({ canvasElement: _canvasElement, step }: {
+        canvasElement: any;
+        step: any;
+    }) => Promise<void>;
+};
 export declare const WithACustomBreakpoint: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithBanners: () => import("react/jsx-runtime").JSX.Element;