@nulogy/components 16.0.1 → 16.0.2

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/Radio/Radio.story.d.ts

@@ -4,14 +4,9 @@ import { Radio } from "../index";
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode | Record<string, unknown>;
+        children?: React.ReactNode;
         value?: string | readonly string[] | number | undefined;
         ref?: React.Ref<HTMLInputElement>;
-        form?: string | undefined;
-        slot?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        title?: string | undefined;
-        pattern?: string | undefined;
         property?: string | undefined;
         color?: string | undefined;
         content?: string | undefined;
@@ -19,6 +14,11 @@ declare const _default: {
         translate?: "yes" | "no" | undefined;
         width?: number | string | undefined;
         hidden?: boolean | undefined;
+        form?: string | undefined;
+        slot?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined;
+        pattern?: string | undefined;
         key?: React.Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -28,7 +28,7 @@ declare const _default: {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -36,7 +36,6 @@ declare const _default: {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined;
         radioGroup?: string | undefined;
@@ -257,9 +256,7 @@ declare const _default: {
         onPointerCancel?: React.PointerEventHandler<HTMLInputElement>;
         onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement>;
         onPointerEnter?: React.PointerEventHandler<HTMLInputElement>;
-        onPointerEnterCapture?: React.PointerEventHandler<HTMLInputElement>;
         onPointerLeave?: React.PointerEventHandler<HTMLInputElement>;
-        onPointerLeaveCapture?: React.PointerEventHandler<HTMLInputElement>;
         onPointerOver?: React.PointerEventHandler<HTMLInputElement>;
         onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement>;
         onPointerOut?: React.PointerEventHandler<HTMLInputElement>;
@@ -283,23 +280,24 @@ declare const _default: {
         list?: string | undefined;
         name?: string | undefined;
         type?: React.HTMLInputTypeAttribute | undefined;
+        max?: number | string | undefined;
+        min?: number | string | undefined;
         alt?: string | undefined;
         src?: string | undefined;
         disabled?: boolean | undefined;
-        formAction?: string | undefined;
+        formAction?: string | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
         accept?: string | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
-        max?: number | string | undefined;
         maxLength?: number | undefined;
-        min?: number | string | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
+        placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
         step?: number | string | undefined;

package/dist/src/Summary/Summary.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
 import { BoxProps } from "../Box/Box";
 type SummaryProps = Omit<BoxProps, "as"> & {
     breakpoint?: number | string;
 };
-declare const Summary: React.FC<React.PropsWithChildren<SummaryProps>>;
+declare function Summary({ breakpoint, children, ...rest }: SummaryProps): import("react/jsx-runtime").JSX.Element;
 export default Summary;

package/dist/src/Summary/Summary.js

@@ -21,10 +21,10 @@ const SummaryWrapper = styled(Box)(({ theme, breakpoint }) => ({
         rowGap: 0,
     },
 }));
-const Summary = ({ breakpoint, children, ...rest }) => {
+function Summary({ breakpoint, children, ...rest }) {
     const theme = useTheme();
     breakpoint || (breakpoint = theme.breakpoints.medium);
     const breakpointPx = numberFromDimension(breakpoint);
     return (_jsx(SummaryContextProvider, { breakpoint: breakpointPx, children: _jsx(SummaryWrapper, { breakpoint: breakpointPx, ...rest, children: children }) }));
-};
+}
 export default Summary;

package/dist/src/Summary/SummaryContext.d.ts

@@ -3,5 +3,7 @@ type SummaryContextValue = {
     breakpoint: number;
 };
 export declare function useSummaryContext(): SummaryContextValue;
-export declare const SummaryContextProvider: React.FC<React.PropsWithChildren<SummaryContextValue>>;
+export declare function SummaryContextProvider({ breakpoint, children }: SummaryContextValue & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/Summary/SummaryContext.js

@@ -8,8 +8,8 @@ export function useSummaryContext() {
     }
     return context;
 }
-export const SummaryContextProvider = ({ breakpoint, children, }) => {
+export function SummaryContextProvider({ breakpoint, children }) {
     return (_jsx(SummaryContext.Provider, { value: {
             breakpoint,
         }, children: children }));
-};
+}

package/dist/src/Summary/SummaryItem.d.ts

@@ -4,5 +4,5 @@ type SummaryItemProps = Omit<FlexProps, "as"> & {
     value: number | string;
     status: React.ReactNode;
 };
-declare const SummaryItem: React.FC<React.PropsWithChildren<SummaryItemProps>>;
+declare function SummaryItem({ value, status, ...rest }: SummaryItemProps): import("react/jsx-runtime").JSX.Element;
 export default SummaryItem;

package/dist/src/Summary/SummaryItem.js

@@ -11,10 +11,10 @@ const SummaryItemWrapper = styled(Flex)(({ theme, breakpoint }) => ({
         flexDirection: "row",
     },
 }));
-const SummaryItem = ({ value, status, ...rest }) => {
+function SummaryItem({ value, status, ...rest }) {
     const { breakpoint } = useSummaryContext();
     const matches = useMediaQuery(`(max-width: ${breakpoint}px)`);
     delete rest["children"];
     return (_jsxs(SummaryItemWrapper, { breakpoint: breakpoint, ...rest, children: [_jsx(Text, { fontWeight: "medium", fontSize: !matches ? "heading4" : undefined, children: value }), status] }));
-};
+}
 export default SummaryItem;

package/dist/src/Switcher/Switcher.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import { ReactElement } from "react";
 import type { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 import type { SwitchProps } from "./Switch";
 type SwitcherProps = {
@@ -7,5 +7,5 @@ type SwitcherProps = {
     selected?: string;
     onChange?: (value: string) => void;
 };
-declare const Switcher: React.FC<React.PropsWithChildren<SwitcherProps>>;
+declare function Switcher({ variant, selected, onChange, ...rest }: SwitcherProps): import("react/jsx-runtime").JSX.Element;
 export default Switcher;

package/dist/src/Switcher/Switcher.js

@@ -3,7 +3,7 @@ import React from "react";
 import { Box } from "../Box";
 import FocusManager from "../utils/ts/FocusManager";
 import { useComponentVariant } from "../NDSProvider/ComponentVariantContext";
-const Switcher = ({ variant, selected, onChange, ...rest }) => {
+function Switcher({ variant, selected, onChange, ...rest }) {
     const componentVariant = useComponentVariant(variant);
     const optionRefs = [];
     const isSelected = (value, index) => {
@@ -37,5 +37,5 @@ const Switcher = ({ variant, selected, onChange, ...rest }) => {
         });
     };
     return (_jsx(Box, { display: "inline-flex", bg: "whiteGrey", borderRadius: "9999px", ...rest, children: _jsx(FocusManager, { refs: optionRefs, defaultFocusedIndex: getSelectedIndex(), children: ({ focusedIndex, setFocusedIndex, handleArrowNavigation }) => options(focusedIndex, setFocusedIndex, handleArrowNavigation) }) }));
-};
+}
 export default Switcher;

package/dist/src/Tabs/TabScrollIndicator.d.ts

@@ -7,5 +7,5 @@ type TabScrollIndicatorProps = {
     ariaLabelLeft?: string;
     ariaLabelRight?: string;
 };
-declare const TabScrollIndicator: React.FC<React.PropsWithChildren<TabScrollIndicatorProps>>;
+declare function TabScrollIndicator({ side, width, ariaLabelLeft, ariaLabelRight, onClick, ...props }: TabScrollIndicatorProps): import("react/jsx-runtime").JSX.Element;
 export default TabScrollIndicator;

package/dist/src/Tabs/TabScrollIndicator.js

@@ -36,7 +36,7 @@ const TabScrollIndicatorButton = styled.button(({ side, width, theme }) => ({
         opacity: ".5",
     },
 }));
-const TabScrollIndicator = ({ side = "left", width = 40, ariaLabelLeft, ariaLabelRight, onClick, ...props }) => {
+function TabScrollIndicator({ side = "left", width = 40, ariaLabelLeft, ariaLabelRight, onClick, ...props }) {
     const { t } = useTranslation();
     const rightArrowLabel = ariaLabelRight || t("next");
     const leftArrowLabel = ariaLabelLeft || t("previous");
@@ -44,5 +44,5 @@ const TabScrollIndicator = ({ side = "left", width = 40, ariaLabelLeft, ariaLabe
         event.preventDefault();
     }
     return (_jsx(TabScrollIndicatorButton, { ...props, width: width, tabIndex: -1, onClick: onClick, onMouseDown: preventFocusMovement, side: side, "aria-label": side === "right" ? rightArrowLabel : leftArrowLabel, children: _jsx(Icon, { icon: side === "right" ? "rightArrow" : "leftArrow" }) }));
-};
+}
 export default TabScrollIndicator;

package/dist/src/TimePicker/TimePicker.d.ts

@@ -38,5 +38,5 @@ export declare const getTimeOptions: (interval: any, timeFormat: any, minTime: a
     value: string;
     label: string;
 }[];
-declare const TimePicker: React.FC<React.PropsWithChildren<TimePickerProps>>;
+declare const TimePicker: React.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & React.RefAttributes<any>>;
 export default TimePicker;

package/dist/src/TimePicker/TimePickerInput.d.ts

@@ -2,5 +2,7 @@ import { InputFieldProps } from "../Input/InputField";
 type TimePickerInputProps = InputFieldProps & {
     dropdownIsOpen: boolean;
 };
-declare const TimePickerInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, TimePickerInputProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
+declare const TimePickerInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLInputElement>;
+}, TimePickerInputProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
 export default TimePickerInput;

package/dist/src/TimeRange/TimeRange.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
-declare const TimeRange: React.ForwardRefExoticComponent<Omit<SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+type TimeRangeProps = SpaceProps & {
     variant?: ComponentVariant;
     timeFormat?: string;
     onRangeChange?: (range: {
@@ -24,5 +24,6 @@ declare const TimeRange: React.ForwardRefExoticComponent<Omit<SpaceProps<Require
     endAriaLabel?: string;
     endTimeProps?: any;
     startTimeProps?: any;
-}, "ref"> & React.RefAttributes<unknown>>;
+};
+declare const TimeRange: React.ForwardRefExoticComponent<Omit<TimeRangeProps, "ref"> & React.RefAttributes<unknown>>;
 export default TimeRange;

package/dist/src/ToastContainer/ToastFunction.js

@@ -4,12 +4,12 @@ import { toast as _toast } from "react-hot-toast";
 import { Alert } from "../Alert";
 import { AnimatedBox } from "../Box";
 import { toastAnimationConfig } from "../Toast/Toast";
-const CustomToast = ({ isVisible, id, children, ...props }) => {
+function CustomToast({ isVisible, id, children, ...props }) {
     const handleClose = () => {
         _toast.dismiss(id);
     };
     return (_jsx(AnimatePresence, { children: isVisible && (_jsx(AnimatedBox, { role: "alert", ...toastAnimationConfig, children: _jsx(Alert, { controlled: true, onClose: handleClose, ...props, children: children }) }, "notification")) }));
-};
+}
 const toast = {
     danger: (children, props = {}, options = {}) => _toast.custom((t) => (_jsx(CustomToast, { id: t.id, isVisible: t.visible, type: "danger", ...props, children: children })), { duration: props.isCloseable ? Infinity : options.duration, ...options }),
     informative: (children, props = {}, options = {}) => _toast.custom((t) => (_jsx(CustomToast, { id: t.id, isVisible: t.visible, type: "informative", ...props, children: children })), { duration: props.isCloseable ? Infinity : options.duration, ...options }),

package/dist/src/Toggle/ToggleButton.js

@@ -18,7 +18,7 @@ function Switch({ children, disabled, checked }) {
     const componentVariant = useComponentVariant();
     return (_jsx(AnimatedBox, { marginTop: componentVariant === "touch" ? "x0_25" : "none", position: "relative", flexShrink: 0, height: "24px", width: "48px", bg: disabled ? "grey" : getSwitchBackground(checked), borderRadius: "20px", padding: "2px", boxShadow: "small", animate: checked ? "toggled" : "initial", whileHover: "active", whileFocus: "active", children: children }));
 }
-const Slider = ({ disabled, children }) => {
+function Slider({ disabled, children }) {
     const theme = useTheme();
     return (_jsx(motion.div, { className: "slider", initial: false, variants: {
             active: {
@@ -37,7 +37,7 @@ const Slider = ({ disabled, children }) => {
             borderRadius: "50%",
             backgroundColor: disabled ? theme.colors.whiteGrey : theme.colors.white,
         }, children: children }));
-};
+}
 const ToggleInput = styled.input(({ disabled, theme }) => ({
     width: "1px",
     height: "1px",

package/dist/src/TopBar/TopBar.styled.d.ts

@@ -9,26 +9,28 @@ declare const MenuButton: import("styled-components/dist/types").IStyledComponen
 declare const NavigationItemsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 declare const StyledBackLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
 declare const StyledPageTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
 }, "as" | keyof import("@reach/dialog").DialogOverlayProps> & import("@reach/dialog").DialogOverlayProps & {
     as?: "div";
-} & import("framer-motion").MotionProps, "ref"> & import("react").RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+} & import("framer-motion").MotionProps, "ref"> & import("react").RefAttributes<HTMLElement | SVGElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement | SVGElement>;
+}, never>> & string & Omit<import("framer-motion").CustomDomComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
 }, "as" | keyof import("@reach/dialog").DialogOverlayProps> & import("@reach/dialog").DialogOverlayProps & {
     as?: "div";
 }>, keyof import("react").Component<any, {}, any>>;
 declare const TileLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-declare const StyledMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
-    children?: import("react").ReactNode | Record<string, unknown>;
+declare const StyledMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+    children?: import("react").ReactNode;
     value?: string | number | readonly string[];
-    slot?: string;
-    title?: string;
     property?: string;
     color?: string;
     content?: string;
     translate?: "yes" | "no";
     hidden?: boolean;
+    slot?: string;
+    title?: string;
     defaultChecked?: boolean;
     defaultValue?: string | number | readonly string[];
     suppressContentEditableWarning?: boolean;
@@ -37,7 +39,7 @@ declare const StyledMenuItem: import("styled-components/dist/types").IStyledComp
     autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters";
     autoFocus?: boolean;
     className?: string;
-    contentEditable?: "inherit" | (boolean | "true" | "false");
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
     contextMenu?: string;
     dir?: string;
     draggable?: boolean | "true" | "false";
@@ -45,7 +47,6 @@ declare const StyledMenuItem: import("styled-components/dist/types").IStyledComp
     id?: string;
     lang?: string;
     nonce?: string;
-    placeholder?: string;
     spellCheck?: boolean | "true" | "false";
     tabIndex?: number;
     radioGroup?: string;
@@ -69,7 +70,7 @@ declare const StyledMenuItem: import("styled-components/dist/types").IStyledComp
     results?: number;
     security?: string;
     unselectable?: "off" | "on";
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
     is?: string;
     exportparts?: string;
     part?: string;
@@ -85,7 +86,7 @@ declare const StyledMenuItem: import("styled-components/dist/types").IStyledComp
     "aria-colindextext"?: string;
     "aria-colspan"?: number;
     "aria-controls"?: string;
-    "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date";
+    "aria-current"?: boolean | "page" | "time" | "true" | "false" | "step" | "location" | "date";
     "aria-describedby"?: string;
     "aria-description"?: string;
     "aria-details"?: string;
@@ -95,7 +96,7 @@ declare const StyledMenuItem: import("styled-components/dist/types").IStyledComp
     "aria-expanded"?: boolean | "true" | "false";
     "aria-flowto"?: string;
     "aria-grabbed"?: boolean | "true" | "false";
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
+    "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
     "aria-hidden"?: boolean | "true" | "false";
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
     "aria-keyshortcuts"?: string;
@@ -112,7 +113,7 @@ declare const StyledMenuItem: import("styled-components/dist/types").IStyledComp
     "aria-posinset"?: number;
     "aria-pressed"?: boolean | "true" | "false" | "mixed";
     "aria-readonly"?: boolean | "true" | "false";
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
     "aria-required"?: boolean | "true" | "false";
     "aria-roledescription"?: string;
     "aria-rowcount"?: number;
@@ -263,9 +264,7 @@ declare const StyledMenuItem: import("styled-components/dist/types").IStyledComp
     onPointerCancel?: import("react").PointerEventHandler<HTMLLIElement>;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLIElement>;
     onPointerEnter?: import("react").PointerEventHandler<HTMLLIElement>;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLIElement>;
     onPointerLeave?: import("react").PointerEventHandler<HTMLLIElement>;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLIElement>;
     onPointerOver?: import("react").PointerEventHandler<HTMLLIElement>;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLLIElement>;
     onPointerOut?: import("react").PointerEventHandler<HTMLLIElement>;
@@ -285,5 +284,7 @@ declare const StyledMenuItem: import("styled-components/dist/types").IStyledComp
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLIElement>;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLLIElement>;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLIElement>;
-} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLLIElement>, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLLIElement, import("framer-motion").HTMLMotionProps<"li">>, keyof import("react").Component<any, {}, any>>;
+} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLLIElement>;
+}, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLLIElement, import("framer-motion").HTMLMotionProps<"li">>, keyof import("react").Component<any, {}, any>>;
 export { Navigation, Header, NavigationItemsList, StyledBackLink, StyledPageTitle, Overlay, TileLink, StylelessButton, MenuItemList, MenuButton, StyledMenuItem, };

package/dist/src/TopBar/components/BackLink.d.ts

@@ -1,7 +1,9 @@
-import { ComponentProps } from "react";
+import React, { ComponentProps } from "react";
 import { MaxWidthProps } from "styled-system";
 import { StyledBackLink } from "../TopBar.styled";
 interface BackLinkProps extends MaxWidthProps, ComponentProps<typeof StyledBackLink> {
+    as?: React.ElementType;
+    to?: string;
 }
 export declare function BackLink({ children, maxWidth, ...props }: BackLinkProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/TopBar/components/MenuItemLink.d.ts

@@ -1,7 +1,9 @@
 import { IconName } from "@nulogy/icons";
-import { ComponentProps } from "react";
+import React, { ComponentProps } from "react";
 import { TileLink } from "../TopBar.styled";
 export interface MenuItemLinkProps extends ComponentProps<typeof TileLink> {
+    as?: React.ElementType;
+    to?: string;
     title: string;
     description?: string;
     icon: IconName;

package/dist/src/TopBar/stories/TopBar.backButton.story.js

@@ -25,4 +25,4 @@ export const WithACustomMaxWidth = () => (_jsxs(TopBar.Root, { children: [_jsx(T
                 large: "12ch",
                 extraLarge: "16ch",
             }, children: "Cycle counts" }), _jsx(TopBar.PageTitle, { children: "Cycle count #3992" }), _jsx(TopBar.Menu, { children: menuItems.map((props) => (_jsx(TopBar.MenuItem, { children: _jsx(TopBar.MenuItemLink, { ...props }) }, props.title))) })] }));
-export const WithARouterLink = () => (_jsx(BrowserRouter, { children: _jsxs(TopBar.Root, { children: [_jsx(Link, { component: TopBar.BackLink, to: "/cycle-counts", children: "Cycle counts" }), _jsx(TopBar.PageTitle, { children: "Cycle count #3992" }), _jsx(TopBar.Menu, { children: menuItems.map((props) => (_jsx(TopBar.MenuItem, { children: _jsx(TopBar.MenuItemLink, { ...props }) }, props.title))) })] }) }));
+export const WithARouterLink = () => (_jsx(BrowserRouter, { children: _jsxs(TopBar.Root, { children: [_jsx(TopBar.BackLink, { as: Link, to: "/cycle-counts", children: "Cycle counts" }), _jsx(TopBar.PageTitle, { children: "Cycle count #3992" }), _jsx(TopBar.Menu, { children: menuItems.map((props) => (_jsx(TopBar.MenuItem, { children: _jsx(TopBar.MenuItemLink, { ...props }) }, props.title))) })] }) }));

package/dist/src/TopBar/stories/TopBar.menu.story.js

@@ -28,5 +28,5 @@ export const WithRouterLinks = () => {
         ...item,
         to: href,
     }));
-    return (_jsxs(TopBar.Root, { children: [_jsx(TopBar.BackLink, { href: "#", children: "Cycle counts" }), _jsx(TopBar.PageTitle, { children: "Cycle count #3992" }), _jsx(TopBar.Menu, { defaultOpened: true, children: _jsx(BrowserRouter, { basename: "/", children: routerMenuItems.map((item) => (_jsx(TopBar.MenuItem, { children: _jsx(Link, { component: TopBar.MenuItemLink, ...item }) }, item.title))) }) })] }));
+    return (_jsxs(TopBar.Root, { children: [_jsx(TopBar.BackLink, { href: "#", children: "Cycle counts" }), _jsx(TopBar.PageTitle, { children: "Cycle count #3992" }), _jsx(TopBar.Menu, { defaultOpened: true, children: _jsx(BrowserRouter, { basename: "/", children: routerMenuItems.map((item) => (_jsx(TopBar.MenuItem, { children: _jsx(TopBar.MenuItemLink, { as: Link, ...item }) }, item.title))) }) })] }));
 };