@canonical/maas-react-components 2.7.1 → 2.8.0

package/dist/sections/ContentSection/ContentSection.d.ts

@@ -1,4 +1,4 @@
-import { AsProp } from '../../../types';
+import { AsProp } from '../../types';
 import * as React from "react";
 interface CommonContentSectionProps extends React.PropsWithChildren {
     className?: string;
@@ -18,10 +18,10 @@ export interface ContentSectionProps extends CommonContentSectionProps, React.HT
 export declare const ContentSection: {
     ({ children, className, as, variant, ...props }: ContentSectionProps & {
         variant?: "narrow" | "wide";
-    }): import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, className, as, ...props }: ContentSectionProps) => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, className }: CommonContentSectionProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, className }: CommonContentSectionProps) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className }: CommonContentSectionProps) => import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
+    Title: ({ children, className, as, ...props }: ContentSectionProps) => React.JSX.Element;
+    Header: ({ children, className }: CommonContentSectionProps) => React.JSX.Element;
+    Content: ({ children, className }: CommonContentSectionProps) => React.JSX.Element;
+    Footer: ({ children, className }: CommonContentSectionProps) => React.JSX.Element;
 };
 export {};

package/dist/sections/ContentSection/ContentSection.stories.d.ts

@@ -1,25 +1,25 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { ContentSection } from './ContentSection';
 declare const meta: Meta<typeof ContentSection>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };
 export declare const WithForm: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
         variant: string;
     };
 };
 export declare const WithToolbar: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };
 export declare const WithNestedFooter: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/FormSection/FormSection.d.ts

@@ -1,8 +1,8 @@
 export interface FormSectionProps {
 }
 export declare const FormSection: {
-    ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-    Title: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Description: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    ({ children }: React.PropsWithChildren): import("react").JSX.Element;
+    Title: ({ children }: React.PropsWithChildren) => import("react").JSX.Element;
+    Description: ({ children }: React.PropsWithChildren) => import("react").JSX.Element;
+    Content: ({ children }: React.PropsWithChildren) => import("react").JSX.Element;
 };

package/dist/sections/FormSection/FormSection.stories.d.ts

@@ -1,12 +1,12 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { FormSection } from '.';
 export declare const Example: ({ children, }: {
     label?: string;
     description?: string;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 declare const meta: Meta<typeof FormSection>;
 export default meta;
 export declare const WithInputGroup: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };

package/dist/sections/InputGroup/InputGroup.d.ts

@@ -2,7 +2,7 @@ export interface InputGroupProps {
     label: string;
 }
 export declare const InputGroup: {
-    ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-    Label: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Description: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    ({ children }: React.PropsWithChildren): import("react").JSX.Element;
+    Label: ({ children }: React.PropsWithChildren) => import("react").JSX.Element;
+    Description: ({ children }: React.PropsWithChildren) => import("react").JSX.Element;
 };

package/dist/sections/InputGroup/InputGroup.stories.d.ts

@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { InputGroup } from '.';
-export declare const Example: () => import("react/jsx-runtime").JSX.Element;
+export declare const Example: () => import("react").JSX.Element;
 declare const meta: Meta<typeof InputGroup>;
 export default meta;
 export declare const InFormSection: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };

package/dist/sections/Layout/Layout.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
+import { SidePanelTitles } from '../SidePanel';
 type LayoutProps = {
     className?: string;
     children: ReactNode;
@@ -7,10 +8,11 @@ type LayoutProps = {
     isSecondaryNavVisible: boolean;
     navigation: ReactNode;
     secondaryNavigation: ReactNode;
+    sidePanelTitles?: SidePanelTitles;
     statusBar?: ReactNode;
 };
 export declare const Layout: {
-    ({ className, children, pageTitle, view, isSecondaryNavVisible, navigation, secondaryNavigation, statusBar, }: LayoutProps): ReactElement;
+    ({ className, children, pageTitle, view, isSecondaryNavVisible, navigation, secondaryNavigation, sidePanelTitles, statusBar, }: LayoutProps): ReactElement;
     Skeleton: ({ view, }: {
         view: "settings" | "table";
     }) => ReactElement;

package/dist/sections/MainToolbar/MainToolbar.d.ts

@@ -1,4 +1,4 @@
-import { AsProp } from '../../../types';
+import { AsProp } from '../../types';
 import * as React from "react";
 type MainToolbarProps = {
     children: React.ReactNode;
@@ -14,9 +14,9 @@ type MainToolbarProps = {
  * `MainToolbar.Controls` switches to a stacked layout when it overflows the container.
  */
 export declare const MainToolbar: {
-    ({ children }: MainToolbarProps): import("react/jsx-runtime").JSX.Element;
-    Title: ({ as, children, className, ...props }: MainToolbarTitleProps) => import("react/jsx-runtime").JSX.Element;
-    Controls: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    ({ children }: MainToolbarProps): React.JSX.Element;
+    Title: ({ as, children, className, ...props }: MainToolbarTitleProps) => React.JSX.Element;
+    Controls: ({ children }: React.PropsWithChildren) => React.JSX.Element;
 };
 interface MainToolbarTitleProps extends React.PropsWithChildren, AsProp<React.ElementType>, React.HTMLAttributes<HTMLElement> {
     className?: string;

package/dist/sections/MainToolbar/MainToolbar.stories.d.ts

@@ -1,7 +1,7 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { MainToolbar } from './MainToolbar';
 declare const meta: Meta<typeof MainToolbar>;
 export default meta;
 export declare const Example: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };

package/dist/sections/Navigation/Banner/Banner.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationBannerProps {
     children: ReactNode;
 }
-export declare const Banner: ({ children }: NavigationBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ children }: NavigationBannerProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Banner/Banner.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Banner>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/CollapseToggle/CollapseToggle.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.CollapseToggle>;
 export default meta;

package/dist/sections/Navigation/Content/Content.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationContentProps {
     children: ReactNode;
 }
-export declare const Content: ({ children }: NavigationContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Content: ({ children }: NavigationContentProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Content/Content.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Content>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/Controls/Controls.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationPanelControlsProps {
     children: ReactNode;
 }
-export declare const Controls: ({ children }: NavigationPanelControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Controls: ({ children }: NavigationPanelControlsProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Controls/Controls.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Controls>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/Drawer/Drawer.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationDrawerProps {
     children: ReactNode;
 }
-export declare const Drawer: ({ children }: NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ children }: NavigationDrawerProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Drawer/Drawer.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Drawer>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/Footer/Footer.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationFooterProps {
     children: ReactNode;
 }
-export declare const Footer: ({ children }: NavigationFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ children }: NavigationFooterProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Footer/Footer.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Footer>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/Header/Header.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationHeaderProps {
     children: ReactNode;
 }
-export declare const Header: ({ children }: NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ children }: NavigationHeaderProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Header/Header.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Header>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/Icon/Icon.d.ts

@@ -2,4 +2,4 @@ export interface NavigationIconProps {
     light?: boolean;
     name: string;
 }
-export declare const Icon: ({ light, name }: NavigationIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ light, name }: NavigationIconProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Icon/Icon.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Icon>;
 export default meta;

package/dist/sections/Navigation/Item/Item.d.ts

@@ -4,4 +4,4 @@ export interface NavigationItemProps {
     className?: string;
     hasActiveChild?: boolean;
 }
-export declare const Item: ({ children, className, hasActiveChild }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Item: ({ children, className, hasActiveChild }: NavigationItemProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Item/Item.stories.d.ts

@@ -1,16 +1,16 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Item>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
         hasActiveChild: boolean;
     };
 };
 export declare const GroupExample: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
         hasActiveChild: boolean;
     };
 };

package/dist/sections/Navigation/Label/Label.d.ts

@@ -4,4 +4,4 @@ export interface NavigationLabelProps {
     id?: string;
     variant?: "base" | "group";
 }
-export declare const Label: ({ children, id, variant }: NavigationLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ children, id, variant }: NavigationLabelProps) => import("react").JSX.Element;

package/dist/sections/Navigation/Label/Label.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Label>;
 export default meta;

package/dist/sections/Navigation/Link/Link.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ElementType } from 'react';
-import { AsProp } from '../../../../types';
+import { AsProp } from '../../../types';
 export interface NavigationLinkProps extends ComponentProps<typeof Link> {
 }
-export declare const Link: <C extends ElementType = "a", T extends ComponentProps<C> = ComponentProps<C>>({ as, ...props }: AsProp<C> & Omit<T, "as">) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: <C extends ElementType = "a", T extends ComponentProps<C> = ComponentProps<C>>({ as, ...props }: AsProp<C> & Omit<T, "as">) => import("react").JSX.Element;

package/dist/sections/Navigation/Link/Link.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Link>;
 export default meta;
@@ -7,13 +7,13 @@ export declare const Example: {
         as: string;
         href: string;
         "aria-current": string;
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };
 export declare const ButtonExample: {
     args: {
         as: <P>({ appearance, children, className, dense, disabled, element: Component, hasIcon, inline, onClick, small, ...buttonProps }: import('@canonical/react-components').ButtonProps<P>) => React.JSX.Element;
         appearance: string;
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/List/List.d.ts

@@ -3,4 +3,4 @@ export interface NavigationListProps {
     children: ReactNode;
     className?: string;
 }
-export declare const List: ({ children, className }: NavigationListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ children, className }: NavigationListProps) => import("react").JSX.Element;

package/dist/sections/Navigation/List/List.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.List>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/Logo/Logo.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
-import { AsProp } from '../../../../types';
+import { AsProp } from '../../../types';
 export interface NavigationLogoProps extends ComponentProps<typeof Logo> {
     children: ReactNode;
 }
-export declare const Logo: <C extends ElementType = "a", T extends ComponentProps<C> = ComponentProps<C>>({ as, children, className, ...props }: AsProp<C> & Omit<T, "as">) => import("react/jsx-runtime").JSX.Element;
+export declare const Logo: <C extends ElementType = "a", T extends ComponentProps<C> = ComponentProps<C>>({ as, children, className, ...props }: AsProp<C> & Omit<T, "as">) => import("react").JSX.Element;

package/dist/sections/Navigation/Logo/Logo.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.Logo>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/LogoIcon/LogoIcon.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.LogoIcon>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/LogoName/LogoName.d.ts

@@ -3,4 +3,4 @@ export interface NavigationLogoNameProps {
     children: ReactNode;
     variant?: "base" | "small";
 }
-export declare const LogoName: ({ children, variant }: NavigationLogoNameProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogoName: ({ children, variant }: NavigationLogoNameProps) => import("react").JSX.Element;

package/dist/sections/Navigation/LogoName/LogoName.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.LogoName>;
 export default meta;

package/dist/sections/Navigation/LogoTag/LogoTag.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationLogoTagProps {
     children: ReactNode;
 }
-export declare const LogoTag: ({ children }: NavigationLogoTagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogoTag: ({ children }: NavigationLogoTagProps) => import("react").JSX.Element;

package/dist/sections/Navigation/LogoTag/LogoTag.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { Navigation } from '../Navigation';
 declare const meta: Meta<typeof Navigation.LogoTag>;
 export default meta;
 export declare const Example: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/LogoText/LogoText.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationTextProps {
     children: ReactNode;
 }
-export declare const LogoText: ({ children }: NavigationTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogoText: ({ children }: NavigationTextProps) => import("react").JSX.Element;

package/dist/sections/Navigation/MenuButton/MenuButton.d.ts

@@ -5,4 +5,4 @@ export interface NavigationMenuButtonProps {
     className?: string;
     onClick: ButtonProps["onClick"];
 }
-export declare const MenuButton: ({ children, className, onClick, }: NavigationMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ children, className, onClick, }: NavigationMenuButtonProps) => import("react").JSX.Element;

package/dist/sections/Navigation/MenuButton/MenuButton.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react';
+import { Meta } from '@storybook/react-vite';
 import { NavigationBar } from '..';
 declare const meta: Meta<typeof NavigationBar.MenuButton>;
 export default meta;

package/dist/sections/Navigation/Navigation.d.ts

@@ -5,31 +5,31 @@ export interface NavigationProps {
     isCollapsed: boolean;
 }
 export declare const Navigation: {
-    ({ children, className, isCollapsed }: NavigationProps): import("react/jsx-runtime").JSX.Element;
-    Header: ({ children }: import('./Header/Header').NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Banner: ({ children }: import('./Banner/Banner').NavigationBannerProps) => import("react/jsx-runtime").JSX.Element;
-    Drawer: ({ children }: import('./Drawer/Drawer').NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
-    Controls: ({ children }: import('./Controls/Controls').NavigationPanelControlsProps) => import("react/jsx-runtime").JSX.Element;
+    ({ children, className, isCollapsed }: NavigationProps): import("react").JSX.Element;
+    Header: ({ children }: import('./Header/Header').NavigationHeaderProps) => import("react").JSX.Element;
+    Banner: ({ children }: import('./Banner/Banner').NavigationBannerProps) => import("react").JSX.Element;
+    Drawer: ({ children }: import('./Drawer/Drawer').NavigationDrawerProps) => import("react").JSX.Element;
+    Controls: ({ children }: import('./Controls/Controls').NavigationPanelControlsProps) => import("react").JSX.Element;
     CollapseToggle: ({ isCollapsed, setIsCollapsed, className, }: import('./CollapseToggle/CollapseToggle').NavigationCollapseToggleProps) => ReactNode;
-    Content: ({ children }: import('./Content/Content').NavigationContentProps) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children }: import('./Footer/Footer').NavigationFooterProps) => import("react/jsx-runtime").JSX.Element;
-    List: ({ children, className }: import('./List/List').NavigationListProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, className, hasActiveChild }: import('./Item/Item').NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
-    Link: <C extends import('react').ElementType = "a", T extends import('react').ComponentProps<C> = import('react').ComponentProps<C>>({ as, ...props }: import('../../../types').AsProp<C> & Omit<T, "as">) => import("react/jsx-runtime").JSX.Element;
-    Text: ({ children }: import('./Text/Text').NavigationTextProps) => import("react/jsx-runtime").JSX.Element;
-    Icon: ({ light, name }: import('./Icon/Icon').NavigationIconProps) => import("react/jsx-runtime").JSX.Element;
-    Label: ({ children, id, variant }: import('./Label/Label').NavigationLabelProps) => import("react/jsx-runtime").JSX.Element;
-    Logo: <C extends import('react').ElementType = "a", T extends import('react').ComponentProps<C> = import('react').ComponentProps<C>>({ as, children, className, ...props }: import('../../../types').AsProp<C> & Omit<T, "as">) => import("react/jsx-runtime").JSX.Element;
-    LogoTag: ({ children }: import('./LogoTag/LogoTag').NavigationLogoTagProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children }: import('./Content/Content').NavigationContentProps) => import("react").JSX.Element;
+    Footer: ({ children }: import('./Footer/Footer').NavigationFooterProps) => import("react").JSX.Element;
+    List: ({ children, className }: import('./List/List').NavigationListProps) => import("react").JSX.Element;
+    Item: ({ children, className, hasActiveChild }: import('./Item/Item').NavigationItemProps) => import("react").JSX.Element;
+    Link: <C extends import('react').ElementType = "a", T extends import('react').ComponentProps<C> = import('react').ComponentProps<C>>({ as, ...props }: import('../../types').AsProp<C> & Omit<T, "as">) => import("react").JSX.Element;
+    Text: ({ children }: import('./Text/Text').NavigationTextProps) => import("react").JSX.Element;
+    Icon: ({ light, name }: import('./Icon/Icon').NavigationIconProps) => import("react").JSX.Element;
+    Label: ({ children, id, variant }: import('./Label/Label').NavigationLabelProps) => import("react").JSX.Element;
+    Logo: <C extends import('react').ElementType = "a", T extends import('react').ComponentProps<C> = import('react').ComponentProps<C>>({ as, children, className, ...props }: import('../../types').AsProp<C> & Omit<T, "as">) => import("react").JSX.Element;
+    LogoTag: ({ children }: import('./LogoTag/LogoTag').NavigationLogoTagProps) => import("react").JSX.Element;
     LogoIcon: ({ children }: import('./LogoIcon/LogoIcon').NavigationLogoIconProps) => import('react').ReactElement<import('react').SVGAttributes<SVGElement> & import('react').HTMLAttributes<HTMLElement>, string | import('react').JSXElementConstructor<any>>;
-    LogoName: ({ children, variant }: import('./LogoName/LogoName').NavigationLogoNameProps) => import("react/jsx-runtime").JSX.Element;
-    LogoText: ({ children }: import('./LogoText/LogoText').NavigationTextProps) => import("react/jsx-runtime").JSX.Element;
+    LogoName: ({ children, variant }: import('./LogoName/LogoName').NavigationLogoNameProps) => import("react").JSX.Element;
+    LogoText: ({ children }: import('./LogoText/LogoText').NavigationTextProps) => import("react").JSX.Element;
 };
 export interface NavigationBarProps {
     children: ReactNode;
     className?: string;
 }
 export declare const NavigationBar: {
-    ({ children, className }: NavigationBarProps): import("react/jsx-runtime").JSX.Element;
-    MenuButton: ({ children, className, onClick, }: import('./MenuButton/MenuButton').NavigationMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+    ({ children, className }: NavigationBarProps): import("react").JSX.Element;
+    MenuButton: ({ children, className, onClick, }: import('./MenuButton/MenuButton').NavigationMenuButtonProps) => import("react").JSX.Element;
 };

package/dist/sections/Navigation/Navigation.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
-import { Navigation } from './Navigation';
+import { Meta } from '@storybook/react-vite';
+import { Navigation } from '../..';
 declare const meta: Meta<typeof Navigation>;
 export default meta;
 export declare const Example: {
@@ -9,6 +9,6 @@ export declare const Example: {
 };
 export declare const Layout: {
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
 };

package/dist/sections/Navigation/Text/Text.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface NavigationTextProps {
     children: ReactNode;
 }
-export declare const Text: ({ children }: NavigationTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ children }: NavigationTextProps) => import("react").JSX.Element;

package/dist/sections/SidePanel/SidePanel.d.ts

@@ -1,9 +1,11 @@
 import { ReactElement } from 'react';
+export type SidePanelTitles = "auto" | "custom";
 /**
  * Slide-in aside panel rendered at the edge of the page.
  *
  * Reads all state from the nearest `SidePanelContextProvider` via `useSidePanel`.
- * The panel has no props of its own — open it by calling `openSidePanel` from the hook.
+ * Open it by calling `openSidePanel` from the hook. Use `sidePanelTitles="custom"`
+ * when the rendered panel component provides its own visible title.
  *
  * Behaviour:
  * - Collapses automatically when the current route changes
@@ -17,7 +19,7 @@ import { ReactElement } from 'react';
  * - `"large"` — adds the `is-large` CSS modifier
  *
  * @requires SidePanelContextProvider — must be present higher in the tree
- * @requires A React Router context — must be rendered inside a Router
+ * @requires _ React Router context — must be rendered inside a Router
  *
  * @example
  * ```tsx
@@ -35,8 +37,10 @@ import { ReactElement } from 'react';
  * ```
  */
 export declare const SidePanel: {
-    (): ReactElement;
-    Skeleton: ({ hasTitle }: {
+    ({ sidePanelTitles, }: {
+        sidePanelTitles?: SidePanelTitles;
+    }): ReactElement;
+    Skeleton: ({ hasTitle, }: {
         hasTitle?: boolean;
     }) => ReactElement;
 };

package/dist/sections/SidePanel/SidePanel.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { SidePanel } from './SidePanel';
 declare const meta: Meta<typeof SidePanel>;
 export default meta;