@sk-web-gui/core 2.3.0 → 3.0.0

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 {};

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

@@ -0,0 +1,14 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+type IMenuVerticalComponentProps = DefaultProps & {
+    rootId?: string;
+    menuId?: string;
+    parentLiMenuIndex?: number | string | null;
+};
+export interface MenuVerticalComponentProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'color'>, IMenuVerticalComponentProps {
+}
+export declare const MenuVerticalComponent: React.ForwardRefExoticComponent<MenuVerticalComponentProps & React.RefAttributes<HTMLUListElement>>;
+declare const _default: {
+    MenuVerticalComponent: React.ForwardRefExoticComponent<MenuVerticalComponentProps & React.RefAttributes<HTMLUListElement>>;
+};
+export default _default;

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { MenuBarComponent, MenuBarComponentProps } from './menubar';
+import { MenuBarItem } from './menubar-item';
+interface MenuBarProps extends React.ForwardRefExoticComponent<MenuBarComponentProps> {
+    Component: typeof MenuBarComponent;
+    Item: typeof MenuBarItem;
+}
+declare const MenuBar: MenuBarProps;
+export { MenuBar };
+export type { MenuBarProps };
+export default MenuBar;

package/dist/types/menubar/src/menubar-item.d.ts

@@ -0,0 +1,15 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface MenuBarItemProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'li'>, 'color' | 'children' | 'onClick'> {
+    /** Color for menuoption. Is inherited from MenuBar */
+    color?: 'tertiary' | 'juniskar' | 'bjornstigen' | 'gronsta' | 'vattjom';
+    /** Set true if this is the current menuoption. Can be handled by MenuBar */
+    current?: boolean;
+    /** Set automatic */
+    menuIndex?: number;
+    /** Use <a> or <button>. For dropdown, use <PopupMenu> */
+    children: JSX.Element;
+    /** For e.g. Next Links to work, they need to wrapped this way */
+    wrapper?: JSX.Element;
+}
+export declare const MenuBarItem: React.ForwardRefExoticComponent<Omit<MenuBarItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,18 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+interface UseMenuBarProps {
+    color?: 'tertiary' | 'juniskar' | 'bjornstigen' | 'gronsta' | 'vattjom';
+    current?: number;
+}
+interface UseMenuBarData extends UseMenuBarProps {
+    next?: () => void;
+    prev?: () => void;
+    active?: number;
+    setCurrent?: (index: number) => void;
+}
+export interface MenuBarComponentProps extends DefaultProps, UseMenuBarProps, Omit<React.ComponentPropsWithRef<'ul'>, 'color'> {
+    showBackground?: boolean;
+}
+export declare const useMenuBar: () => UseMenuBarData;
+export declare const MenuBarComponent: React.ForwardRefExoticComponent<Omit<MenuBarComponentProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export default MenuBarComponent;

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

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

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

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

package/dist/types/modal/src/confirm/confirm.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type UseDialogShowReturnType = {
+    show: boolean;
+    setShow: (value: boolean) => void;
+    onHide: () => void;
+};
+declare const useDialogShow: () => UseDialogShowReturnType;
+type DialogContextType = {
+    showConfirmation: (title: string, message: string | JSX.Element, confirmLabel?: string, dismissLabel?: string, dialogType?: 'warning' | 'error' | 'info', icon?: 'info' | 'error' | 'question', labelAs?: React.ElementType) => Promise<boolean>;
+};
+type ConfirmationDialogContextProviderProps = {
+    children: React.ReactNode;
+};
+export declare const ConfirmationDialogContextProvider: React.FC<ConfirmationDialogContextProviderProps>;
+declare const useConfirm: () => DialogContextType;
+export { useConfirm, useDialogShow };
+export default useConfirm;

package/dist/types/modal/src/confirm/index.d.ts

@@ -0,0 +1 @@
+export * from './confirm';

package/dist/types/modal/src/dialog/dialog-buttons.d.ts

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

package/dist/types/modal/src/dialog/dialog-content.d.ts

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

package/dist/types/modal/src/dialog/dialog.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Modal } from '../modal';
+export interface InternalDialogProps extends Omit<React.ComponentProps<typeof Modal.Component>, 'onClose'> {
+    onClose?: (data?: boolean | string | undefined) => void;
+}
+export declare const DialogComponent: React.ForwardRefExoticComponent<Omit<InternalDialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default DialogComponent;

package/dist/types/modal/src/dialog/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DialogComponent, InternalDialogProps } from './dialog';
+import { DialogButtons } from './dialog-buttons';
+import { DialogContent } from './dialog-content';
+interface DialogProps extends React.ForwardRefExoticComponent<InternalDialogProps> {
+    Component: typeof DialogComponent;
+    Buttons: typeof DialogButtons;
+    Content: typeof DialogContent;
+}
+export declare const Dialog: DialogProps;
+export type { DialogProps };
+export default Dialog;

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

@@ -0,0 +1,6 @@
+export * from './modal';
+export type * from './modal';
+export * from './dialog';
+export type * from './dialog';
+export * from './confirm';
+export type * from './confirm';

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ModalComponent, ModalComponentProps } from './modal';
+import { ModalContent } from './modal-content';
+import { ModalFooter } from './modal-footer';
+interface ModalProps extends React.ForwardRefExoticComponent<ModalComponentProps> {
+    Component: typeof ModalComponent;
+    Content: typeof ModalContent;
+    Footer: typeof ModalFooter;
+}
+declare const Modal: ModalProps;
+export { Modal };
+export type { ModalProps };
+export default Modal;

package/dist/types/modal/src/modal/modal-content.d.ts

@@ -0,0 +1,5 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export declare const ModalContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+} & DefaultProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/modal/src/modal/modal-footer.d.ts

@@ -0,0 +1,5 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export declare const ModalFooter: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+} & DefaultProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,27 @@
+import { _internal_ComponentDialog } from '@headlessui/react';
+import { Button } from '@sk-web-gui/button';
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface ModalComponentProps extends DefaultProps, Omit<_internal_ComponentDialog, 'displayName'> {
+    show: boolean;
+    label?: string | JSX.Element;
+    closeLabel?: string;
+    className?: string;
+    onClose?: () => void;
+    hideClosebutton?: boolean;
+    closeButtonProps?: React.ComponentProps<typeof Button>;
+    children?: React.ReactNode;
+    disableCloseOutside?: boolean;
+    /**
+     * @default article
+     */
+    as?: React.ElementType;
+    /**
+     * @deafult label
+     */
+    labelAs?: React.ElementType;
+    hideLabel?: boolean;
+    'aria-label'?: string;
+}
+export declare const ModalComponent: React.ForwardRefExoticComponent<ModalComponentProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalComponent;

package/dist/types/modal/stories/confirm.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
+    children: React.ReactNode;
+}>;
+export default _default;
+export declare const Template: {
+    ({ ...args }: any): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ConfirmWithType: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/modal/stories/dialog.stories.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface PaginationProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    pages: number;
+    activePage: number;
+    changePage: (page: number) => void;
+    pagesBefore?: number;
+    pagesAfter?: number;
+    showFirst?: boolean;
+    showLast?: boolean;
+    nextLabel?: string;
+    prevLabel?: string;
+    hidePrevNextLabel?: boolean;
+    fitContainer?: boolean;
+    showConstantPages?: boolean;
+    asSelect?: boolean;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Pagination;

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { PopupMenuComponentProps } from './popup-menu';
+import { PopupMenuButton } from './popup-menu-button';
+import { PopupMenuGroup } from './popup-menu-group';
+import { PopupMenuItem } from './popup-menu-item';
+import { PopupMenuItems } from './popup-menu-items';
+import { PopupMenuPanel } from './popup-menu-panel';
+interface PopupMenuProps extends React.FC<PopupMenuComponentProps> {
+    Panel: typeof PopupMenuPanel;
+    Items: typeof PopupMenuItems;
+    Item: typeof PopupMenuItem;
+    Button: typeof PopupMenuButton;
+    Group: typeof PopupMenuGroup;
+}
+declare const PopupMenu: PopupMenuProps;
+export { PopupMenu };
+export type { PopupMenuProps };
+export default PopupMenu;

package/dist/types/popup-menu/src/popup-menu-button.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PopupMenuButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@sk-web-gui/button/src/button").IButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>, "ref">, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/popup-menu/src/popup-menu-group.d.ts

@@ -0,0 +1,5 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export declare const PopupMenuGroup: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+} & DefaultProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface PopupMenuItemProps {
+    children: JSX.Element;
+    disabled?: boolean;
+    id?: string;
+    /**
+     * @default true
+     */
+    closeOnClick?: boolean;
+}
+export declare const PopupMenuItem: React.FC<PopupMenuItemProps>;