@sk-web-gui/core 2.3.0 → 2.4.0

package/dist/types/icon/stories/icon.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IconProps } from '../src/icon';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<IconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export default _default;
+export declare const Template: {
+    (props: IconProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/image/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/image/src/image.d.ts

@@ -0,0 +1,28 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { UseImageProps } from './use-image';
+interface INativeImageProps extends DefaultProps {
+    /**
+     * The native HTML `width` attribute to the passed to the `img`
+     */
+    htmlWidth?: string | number;
+    /**
+     * The native HTML `height` attribute to the passed to the `img`
+     */
+    htmlHeight?: string | number;
+}
+interface NativeImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, INativeImageProps {
+}
+export declare const NativeImage: React.ForwardRefExoticComponent<NativeImageProps & React.RefAttributes<any>>;
+interface IImageProps extends Omit<NativeImageProps, 'onError'> {
+    fallbackSrc?: string;
+    fallback?: React.ReactElement;
+    loading?: 'eager' | 'lazy';
+    ignoreFallback?: boolean;
+    as?: React.ElementType;
+}
+interface ImageProps extends UseImageProps, IImageProps {
+}
+export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<unknown>>;
+export type { ImageProps, NativeImageProps };
+export default Image;

package/dist/types/image/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './image';
+export type * from './image';
+export * from './use-image';
+export type * from './use-image';

package/dist/types/image/src/use-image.d.ts

@@ -0,0 +1,52 @@
+import { ImgHTMLAttributes } from 'react';
+export interface UseImageProps {
+    /**
+     * The image `src` attribute
+     */
+    src?: string;
+    /**
+     * The image `srcset` attribute
+     */
+    srcSet?: string;
+    /**
+     * The image `sizes` attribute
+     */
+    sizes?: string;
+    /**
+     * A callback for when the image `src` has been loaded
+     */
+    onLoad?(event: React.SyntheticEvent<HTMLImageElement, Event>): void;
+    /**
+     * A callback for when there was an error loading the image `src`
+     */
+    onError?(error: string | React.SyntheticEvent<HTMLImageElement, Event>): void;
+    /**
+     * If `true`, opt out of the `fallbackSrc` logic and use as `img`
+     */
+    ignoreFallback?: boolean;
+    /**
+     * The key used to set the crossOrigin on the HTMLImageElement into which the image will be loaded.
+     * This tells the browser to request cross-origin access when trying to download the image data.
+     */
+    crossOrigin?: ImgHTMLAttributes<any>['crossOrigin'];
+}
+type Status = 'loading' | 'failed' | 'pending' | 'loaded';
+/**
+ * React hook that loads an image in the browser,
+ * and let's us know the `status` so we can show image
+ * fallback if it is still `pending`
+ *
+ * @returns the status of the image loading progress
+ *
+ * @example
+ *
+ * ```jsx
+ * function App(){
+ *   const status = useImage({ src: "image.png" })
+ *   return status === "loaded" ? <img src="image.png" /> : <Placeholder />
+ * }
+ * ```
+ */
+export declare function useImage(props: UseImageProps): Status;
+export type UseImageReturn = ReturnType<typeof useImage>;
+export {};

package/dist/types/image/stories/image.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ImageProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, ImageProps & React.RefAttributes<unknown>>;
+export default _default;
+export declare const Template: {
+    (args: ImageProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/label/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/label/src/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Label, LabelProps } from './label';
+export { Label };
+export type { LabelProps };
+declare const _default: {
+    Label: import("react").ForwardRefExoticComponent<Omit<LabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/types/label/src/label.d.ts

@@ -0,0 +1,8 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface LabelProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    color?: string;
+    rounded?: boolean;
+    inverted?: boolean;
+}
+export declare const Label: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/label/stories/label.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LabelProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<LabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    (args: LabelProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/layout/src/footer/footer-list-item.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const FooterListItem: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/types/layout/src/footer/footer-list.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const FooterList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLUListElement>>;

package/dist/types/layout/src/footer/footer.d.ts

@@ -0,0 +1,6 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface FooterProps extends DefaultProps, React.ComponentPropsWithRef<'footer'> {
+}
+export declare const Footer: React.ForwardRefExoticComponent<Omit<FooterProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export default Footer;

package/dist/types/layout/src/footer/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FooterProps as InternalFooterProps } from './footer';
+import { FooterList } from './footer-list';
+import { FooterListItem } from './footer-list-item';
+interface FooterProps extends React.ForwardRefExoticComponent<InternalFooterProps> {
+    List: typeof FooterList;
+    ListItem: typeof FooterListItem;
+}
+export declare const Footer: FooterProps;
+export type { FooterProps };
+declare const _default: {
+    Footer: FooterProps;
+};
+export default _default;

package/dist/types/layout/src/header/header.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DefaultProps } from '@sk-web-gui/utils';
+export interface HeaderComponentProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    title?: string;
+    subtitle?: string;
+    children?: React.ReactNode;
+    LogoLinkWrapperComponent?: React.ReactElement;
+    logoLinkOnClick?: () => void;
+    notificationsAlert?: React.ReactNode;
+    userMenu?: React.ReactNode;
+    wrapperClasses?: string;
+    userMenuClasses?: string;
+    mainMenu?: React.ReactNode;
+    mobileMenu?: React.ReactNode;
+}
+export declare const HeaderComponent: React.ForwardRefExoticComponent<Omit<HeaderComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default HeaderComponent;

package/dist/types/layout/src/header/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { HeaderComponent, HeaderComponentProps } from './header';
+interface HeaderProps extends React.ForwardRefExoticComponent<HeaderComponentProps> {
+    Component: typeof HeaderComponent;
+}
+export declare const Header: HeaderProps;
+export type { HeaderProps };
+export default Header;

package/dist/types/layout/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './footer';
+export type * from './footer';
+export * from './header';
+export type * from './header';

package/dist/types/layout/stories/footer.stories.d.ts

@@ -0,0 +1,7 @@
+import { FooterProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/footer/footer").FooterProps>;
+export default _default;
+export declare const Template: {
+    ({ ...args }: FooterProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/layout/stories/header.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryObj } from '@storybook/react';
+import { Header } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/header/header").HeaderComponentProps>;
+export default _default;
+export declare const Template: StoryObj<typeof Header>;

package/dist/types/link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/link/src/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Link, LinkProps } from './link';
+export { Link };
+export type { LinkProps };
+declare const _default: {
+    Link: import("react").ForwardRefExoticComponent<Omit<LinkProps & {
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    } & Omit<Omit<any, "ref">, "as" | keyof LinkProps> & {
+        ref?: any;
+    }, "ref"> & import("react").RefAttributes<unknown>>;
+};
+export default _default;

package/dist/types/link/src/link.d.ts

@@ -0,0 +1,21 @@
+import { PolymorphicComponentPropsWithRef, DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface LinkProps extends DefaultProps, React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Makes link disabled */
+    disabled?: boolean;
+    /** Makes link open in new tab */
+    external?: boolean;
+    /** React node */
+    children?: React.ReactNode;
+    /** @default false */
+    hideExternalIcon?: boolean;
+    /** @default '' */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** @default false */
+    strong?: boolean;
+    /** @default primary */
+    variant?: 'primary' | 'tertiary';
+}
+type ILinkProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, LinkProps>;
+export declare const Link: React.ForwardRefExoticComponent<Omit<ILinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+export default Link;

package/dist/types/link/src/styles.d.ts

@@ -0,0 +1 @@
+export declare const useLinkClass: (args?: any) => string;

package/dist/types/link/stories/link.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { LinkProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<LinkProps & {
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof LinkProps> & {
+    ref?: any;
+}, "ref"> & React.RefAttributes<unknown>>;
+export default _default;
+export declare const Template: {
+    (args: LinkProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/list/src/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { List as InternalList, ListProps as InternalListProps, ListHeader, ListItem, ListLink, ListText } from './list';
+interface ListProps extends React.ForwardRefExoticComponent<InternalListProps> {
+    Component: typeof InternalList;
+    Item: typeof ListItem;
+    Header: typeof ListHeader;
+    Link: typeof ListLink;
+    Text: typeof ListText;
+}
+export declare const List: ListProps;
+export type { ListProps };
+export default List;

package/dist/types/list/src/list.d.ts

@@ -0,0 +1,28 @@
+import { LinkProps } from '@sk-web-gui/link';
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface ListProps extends DefaultProps, React.ComponentPropsWithRef<'ul'> {
+    /** Select style of list. */
+    listStyle?: 'bullet' | 'numbered' | 'stroke';
+    /** React Node */
+    children?: React.ReactNode;
+}
+export declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export interface ListItemProps extends DefaultProps, React.ComponentPropsWithRef<'li'> {
+    children?: React.ReactNode;
+}
+export declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export declare const ListLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<React.ForwardRefExoticComponent<Omit<LinkProps & {
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & Omit<Omit<any, "ref">, "as" | keyof LinkProps> & {
+    ref?: any;
+}, "ref"> & React.RefAttributes<unknown>>>>;
+export interface ListHeaderProps extends DefaultProps, React.ComponentPropsWithRef<'p'> {
+    children?: React.ReactNode;
+}
+export declare const ListHeader: React.ForwardRefExoticComponent<Omit<ListHeaderProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export interface ListTextProps extends DefaultProps, React.ComponentPropsWithRef<'p'> {
+    children?: React.ReactNode;
+}
+export declare const ListText: React.ForwardRefExoticComponent<Omit<ListTextProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export default List;

package/dist/types/list/stories/list.stories.d.ts

@@ -0,0 +1,7 @@
+import { ListProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/list").ListProps>;
+export default _default;
+export declare const Template: {
+    (args: ListProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/logo/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/logo/src/assets/index.d.ts

@@ -0,0 +1,2 @@
+export * from './logo-svg';
+export * from './symbol-svg';

package/dist/types/logo/src/assets/logo-svg.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Logo: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/types/logo/src/assets/symbol-svg.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Symbol: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/types/logo/src/index.d.ts

@@ -0,0 +1,4 @@
+import { LogoProps, Logo } from './logo';
+export type { LogoProps };
+export { Logo };
+export default Logo;

package/dist/types/logo/src/logo.d.ts

@@ -0,0 +1,38 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface ILogoProps extends DefaultProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
+    /**
+     * Controls alert appearance
+     * @default 'logo'
+     */
+    variant?: 'logo' | 'symbol' | 'service';
+    /**
+     * Adds a title next to the logo.
+     * Switches variant to 'service' if set and variant is unset.
+     * Uses the symbol version of the logotype.
+     * Will not show if variant is set to 'logo' or 'symbol'
+     * Is required if variant is set to 'service'
+     */
+    title?: string;
+    /**
+     * Adds a subtitle below the title.
+     * Will only be shown if variant is 'service'
+     */
+    subtitle?: string;
+    /**
+     * Inverts the colors of the logo
+     */
+    inverted?: boolean;
+}
+interface LogoWithoutText extends ILogoProps {
+    variant?: 'logo' | 'symbol' | undefined;
+    title?: string;
+}
+interface LogoWithText extends ILogoProps {
+    variant: 'service';
+    title: string;
+    subtitle?: string;
+}
+export type LogoProps = LogoWithText | LogoWithoutText;
+export declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/logo/stories/logo.stories.d.ts

@@ -0,0 +1,8 @@
+import { LogoProps } from '../src';
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, LogoProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    (args: LogoProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/menu-vertical/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src';
+export type * from './src';

package/dist/types/menu-vertical/src/index.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { MenuVerticalComponentProps } from './menu-vertical';
+import { MenuVerticalBackButton } from './menu-vertical-backbutton';
+import { MenuVerticalItem } from './menu-vertical-item';
+import { MenuVerticalLabel } from './menu-vertical-label';
+import { MenuVerticalNav } from './menu-vertical-nav';
+import { MenuVerticalSubmenuButton } from './menu-vertical-submenu-button';
+import { MenuVerticalProvider } from './menu-vertical-context';
+import { MenuVerticalSidebar } from './menu-vertical-sidebar';
+import { MenuVerticalToolItem } from './menu-vertical-tool-item';
+import { MenuVerticalHeader } from './menu-vertical-header';
+interface MenuVerticalProps extends MenuVerticalComponentProps, React.ForwardRefExoticComponent<MenuVerticalComponentProps & React.RefAttributes<HTMLElement>> {
+    Provider: typeof MenuVerticalProvider;
+    Header: typeof MenuVerticalHeader;
+    Nav: typeof MenuVerticalNav;
+    Sidebar: typeof MenuVerticalSidebar;
+    BackButton: typeof MenuVerticalBackButton;
+    Label: typeof MenuVerticalLabel;
+    SubmenuButton: typeof MenuVerticalSubmenuButton;
+    Item: typeof MenuVerticalItem;
+    ToolItem: typeof MenuVerticalToolItem;
+}
+export declare const MenuVertical: MenuVerticalProps;
+export type { MenuVerticalProps };
+export default MenuVertical;

package/dist/types/menu-vertical/src/menu-vertical-backbutton.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface IMenuVerticalBackButtonProps extends DefaultProps {
+    children: JSX.Element | string;
+}
+export interface MenuVerticalBackButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children'>, IMenuVerticalBackButtonProps {
+}
+export declare const MenuVerticalBackButton: React.ForwardRefExoticComponent<IMenuVerticalBackButtonProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/menu-vertical/src/menu-vertical-context.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import { MenuVerticalSubmenuButtonProps } from './menu-vertical-submenu-button';
+import { MenuVerticalItemProps } from './menu-vertical-item';
+export interface MenuItemTypes {
+    submenuItem?: React.ReactElement<MenuVerticalSubmenuButtonProps>;
+    menuItems: React.ReactElement<MenuVerticalItemProps>[];
+}
+export type MenuIndex = number | string | null | undefined;
+interface Submenu extends MenuItemTypes {
+    parentMenuId: string;
+    parentLiMenuIndex: MenuIndex;
+    submenuOpen: boolean;
+    setSubmenuOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}
+interface Menu {
+    [id: string]: Submenu;
+}
+interface UseMenuVerticalPropsStates {
+    rootId: string;
+    rootMenuId: string;
+    menu: Menu;
+    active: MenuIndex;
+    focused: MenuIndex;
+    activeMenuId: string;
+    current: MenuIndex;
+    currentMenuId: string;
+}
+interface UseMenuVerticalPropsFunctions {
+    setMenu: React.Dispatch<React.SetStateAction<Menu>>;
+    setActive: React.Dispatch<React.SetStateAction<UseMenuVerticalPropsStates['active']>>;
+    setActiveMenuId: React.Dispatch<React.SetStateAction<UseMenuVerticalPropsStates['activeMenuId']>>;
+    setCurrent: React.Dispatch<React.SetStateAction<UseMenuVerticalPropsStates['current']>>;
+    setFocused: React.Dispatch<React.SetStateAction<UseMenuVerticalPropsStates['focused']>>;
+    setCurrentMenuId: React.Dispatch<React.SetStateAction<UseMenuVerticalPropsStates['currentMenuId']>>;
+    next: () => void;
+    prev: () => void;
+    getAboveSubmenuIds: (menuId: string, menuIds?: string[]) => string[];
+    setSubmenus: (defaultOpen?: boolean, options?: {
+        openMenuIds?: string[];
+        closeMenuIds?: string[];
+    }) => void;
+    setCurrentActive: (menuIndex: UseMenuVerticalPropsStates['current']) => void;
+    setCurrentActiveFocus: (menuIndex: UseMenuVerticalPropsStates['focused']) => void;
+    setActiveFocus: (menuIndex: UseMenuVerticalPropsStates['focused']) => void;
+}
+export type UseMenuVerticalProps = UseMenuVerticalPropsStates & UseMenuVerticalPropsFunctions;
+export declare const useMenuVertical: () => UseMenuVerticalProps;
+export interface MenuVerticalProviderProps {
+    children: JSX.Element | ((parameters: UseMenuVerticalProps) => JSX.Element);
+    rootId?: UseMenuVerticalPropsStates['rootId'];
+    rootMenuId?: UseMenuVerticalPropsStates['rootMenuId'];
+    current?: UseMenuVerticalPropsStates['current'];
+    focused?: UseMenuVerticalPropsStates['focused'];
+    active?: UseMenuVerticalPropsStates['active'];
+    activeMenuId?: UseMenuVerticalPropsStates['activeMenuId'];
+    currentMenuId?: UseMenuVerticalPropsStates['currentMenuId'];
+    setCurrent?: UseMenuVerticalPropsFunctions['setCurrent'];
+    setFocused?: UseMenuVerticalPropsFunctions['setFocused'];
+    setActive?: UseMenuVerticalPropsFunctions['setActive'];
+}
+export declare function MenuVerticalProvider({ children, rootId: _rootId, rootMenuId: _rootMenuId, activeMenuId: _activeMenuId, currentMenuId: _currentMenuId, active: _active, focused: _focused, current: _current, setActive: _setActive, setFocused: _setFocused, setCurrent: _setCurrent, }: MenuVerticalProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/menu-vertical/src/menu-vertical-header.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface IMenuVerticalHeaderProps extends DefaultProps {
+    children: JSX.Element | JSX.Element[] | string;
+}
+export interface MenuVerticalHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children'>, IMenuVerticalHeaderProps {
+}
+export declare const MenuVerticalHeader: React.ForwardRefExoticComponent<IMenuVerticalHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/menu-vertical/src/menu-vertical-item.d.ts

@@ -0,0 +1,26 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { MenuIndex } from './menu-vertical-context';
+export interface IMenuVerticalItemProps extends DefaultProps {
+    /** Set true to set to current */
+    current?: boolean;
+    /** Set to override menuIndex */
+    menuIndex?: MenuIndex;
+    /** Use <a> or <button>. For dropdown, use Another <MenuVertical> with a <MenuVertical.SubmenuButton> instead of first item */
+    children: JSX.Element;
+    /** For e.g. Next Links to work, they need to be wrapped this way */
+    wrapper?: JSX.Element;
+    menuId?: string;
+    parentMenuId?: string;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+}
+export interface MenuVerticalItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'color' | 'children' | 'onClick'>, IMenuVerticalItemProps {
+}
+export declare const MenuVerticalItem: React.FC<MenuVerticalItemProps>;
+declare const _default: {
+    MenuVerticalItem: React.FC<MenuVerticalItemProps>;
+};
+export default _default;

package/dist/types/menu-vertical/src/menu-vertical-label.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DividerProps } from '@sk-web-gui/divider';
+import { DefaultProps } from '@sk-web-gui/utils';
+interface MenuVerticalLabelProps extends DefaultProps, React.ComponentProps<DividerProps['Section']> {
+}
+export declare const MenuVerticalLabel: React.FC<MenuVerticalLabelProps>;
+export {};

package/dist/types/menu-vertical/src/menu-vertical-nav.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface IMenuVerticalNavProps extends DefaultProps {
+    children: React.ReactElement | React.ReactElement[] | string;
+}
+export interface MenuVerticalNavProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children'>, IMenuVerticalNavProps {
+}
+export declare const MenuVerticalNav: React.ForwardRefExoticComponent<IMenuVerticalNavProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/menu-vertical/src/menu-vertical-sidebar.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface IMenuVerticalSidebarProps extends DefaultProps {
+    children: React.ReactElement | React.ReactElement[] | string;
+}
+export interface MenuVerticalSidebarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children'>, IMenuVerticalSidebarProps {
+}
+export declare const MenuVerticalSidebar: React.ForwardRefExoticComponent<IMenuVerticalSidebarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/menu-vertical/src/menu-vertical-submenu-button.d.ts

@@ -0,0 +1,25 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { IMenuVerticalItemProps } from './menu-vertical-item';
+export interface MenuVerticalSubmenuButtonProps extends DefaultProps, Omit<IMenuVerticalItemProps, 'children'> {
+    children: string | JSX.Element;
+    /** For e.g. Next Links to work, they need to be wrapped this way */
+    wrapper?: JSX.Element;
+    /**
+     * @default large
+     */
+    size?: 'medium' | 'large';
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @default false
+     */
+    treePath?: boolean;
+}
+export declare const MenuVerticalSubmenuButton: React.FC<MenuVerticalSubmenuButtonProps>;
+declare const _default: {
+    MenuVerticalSubmenuButton: React.FC<MenuVerticalSubmenuButtonProps>;
+};
+export default _default;

package/dist/types/menu-vertical/src/menu-vertical-tool-item.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface IMenuVerticalToolItemProps extends DefaultProps {
+    children: JSX.Element | JSX.Element[] | string;
+}
+export interface MenuVerticalToolItemProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'children'>, IMenuVerticalToolItemProps {
+}
+export declare const MenuVerticalToolItem: React.ForwardRefExoticComponent<IMenuVerticalToolItemProps & React.RefAttributes<HTMLSpanElement>>;
+export {};