@equisoft/design-elements-react 9.9.4 → 9.9.5-snapshot.20250917203919

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardEvent, ReactElement } from 'react';
-import { GroupItemProps } from './list-items';
+import { type GroupItemProps } from './list-items';
 export interface DropdownMenuProps {
     children?: ReactElement<GroupItemProps> | ReactElement<GroupItemProps>[];
     id?: string;

package/dist/components/dropdown-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { DropdownMenu } from './dropdown-menu';
+export type { DropdownMenuProps } from './dropdown-menu';
+export type { ExternalItemProps, GroupItemProps, NavItemProps } from './list-items';

package/dist/components/dropdown-menu/list-items/external-item.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
-import { ExternalLinkProps } from '../../external-link/external-link';
+import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
+import { type ExternalLinkProps } from '../../external-link';
 export interface ExternalItemProps extends ExternalLinkProps {
     label: string;
     href: string;

package/dist/components/dropdown-menu/list-items/group-item.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, VoidFunctionComponent } from 'react';
-import { HeadingProps } from '../../heading/heading';
-import { NavItemProps } from './nav-item';
+import { type HeadingProps } from '../../heading';
+import { type NavItemProps } from './nav-item';
 export interface GroupItemProps {
     id?: string;
     children: ReactElement<NavItemProps> | ReactElement<NavItemProps>[];

package/dist/components/dropdown-menu/list-items/index.d.ts

@@ -1,5 +1,5 @@
-export { ExternalItem, ExternalItemProps } from './external-item';
-export { GroupItem, GroupItemProps } from './group-item';
+export { ExternalItem, type ExternalItemProps } from './external-item';
+export { GroupItem, type GroupItemProps } from './group-item';
 export { ItemContent } from './item-content';
 export { LabelItem } from './label-item';
-export { NavItem, NavItemProps } from './nav-item';
+export { NavItem, type NavItemProps } from './nav-item';

package/dist/components/dropdown-menu/list-items/item-content.d.ts

@@ -1,6 +1,6 @@
 import { VoidFunctionComponent } from 'react';
-import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
-import { IconName } from '../../icon/icon';
+import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
+import { type IconName } from '../../icon';
 export interface ItemContentProps {
     device: DeviceContextProps;
     smallLabel?: boolean;

package/dist/components/dropdown-menu/list-items/label-item.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
-import { IconName } from '../../icon/icon';
+import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
+import { type IconName } from '../../icon';
 interface LabelItemProps {
     description?: string;
     iconName?: IconName;

package/dist/components/dropdown-menu/list-items/nav-item.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent } from 'react';
-import { NavLinkProps } from 'react-router-dom';
-import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
-import { IconName } from '../../icon/icon';
+import { type NavLinkProps } from 'react-router-dom';
+import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
+import { type IconName } from '../../icon';
 export interface NavItemProps {
     value: string;
     href: string;
@@ -24,6 +24,6 @@ interface LinkProps {
 }
 export declare const StyledNavItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, LinkProps & NavLinkProps, never>;
 export declare const HtmlLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, LinkProps, never>;
-export declare const StyledExternalLink: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<import("../../external-link/external-link").ExternalLinkProps>, import("styled-components").DefaultTheme, LinkProps, never>;
+export declare const StyledExternalLink: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<import("../../external-link").ExternalLinkProps>, import("styled-components").DefaultTheme, LinkProps, never>;
 export declare const NavItem: import("react").ForwardRefExoticComponent<NavItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

package/dist/components/dropdown-menu-button/dropdown-menu-button.d.ts

@@ -1,10 +1,10 @@
 import { ReactElement, RefObject, VoidFunctionComponent } from 'react';
-import { AvatarProps } from '../avatar/avatar';
-import { ButtonType } from '../buttons/types';
-import { GroupItemProps } from '../dropdown-menu/list-items';
-import { IconProps } from '../icon/icon';
-export declare const StyledDropdownMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../dropdown-menu/dropdown-menu").DropdownMenuProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-interface MenuButtonProps {
+import { AvatarProps } from '../avatar';
+import { type ButtonType } from '../buttons';
+import { type GroupItemProps } from '../dropdown-menu';
+import { type IconProps } from '../icon';
+export declare const StyledDropdownMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../dropdown-menu").DropdownMenuProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export interface DropdownMenuButtonProps {
     label?: string;
     title?: string;
     /**
@@ -34,5 +34,4 @@ interface MenuButtonProps {
     onMenuVisibilityChanged?(isOpen: boolean): void;
     render?(close: () => void): ReactElement<GroupItemProps> | ReactElement<GroupItemProps>[];
 }
-export declare const DropdownMenuButton: VoidFunctionComponent<MenuButtonProps>;
-export {};
+export declare const DropdownMenuButton: VoidFunctionComponent<DropdownMenuButtonProps>;

package/dist/components/dropdown-menu-button/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenuButton } from './dropdown-menu-button';
+export type { DropdownMenuButtonProps } from './dropdown-menu-button';

package/dist/components/dropdown-navigation/dropdown-navigation.d.ts

@@ -1,8 +1,8 @@
 import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
-import { ButtonType } from '../buttons/types';
-import { IconName } from '../icon/icon';
-import { NavListOption } from '../nav-list/nav-list-option';
-interface NavButtonProps {
+import { type ButtonType } from '../buttons';
+import { type IconName } from '../icon';
+import { type NavListOption } from '../nav-list';
+export interface DropdownNavigationProps {
     /**
      * Sets nav's description
      * @default 'Menu'
@@ -33,5 +33,4 @@ interface NavButtonProps {
     onDropdownVisibilityChanged?(isOpen: boolean): void;
     onLinkSelected?(option: NavListOption): void;
 }
-export declare const DropdownNavigation: FunctionComponent<PropsWithChildren<NavButtonProps>>;
-export {};
+export declare const DropdownNavigation: FunctionComponent<PropsWithChildren<DropdownNavigationProps>>;

package/dist/components/dropdown-navigation/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownNavigation } from './dropdown-navigation';
+export type { DropdownNavigationProps } from './dropdown-navigation';

package/dist/components/error-summary/error-summary.d.ts

@@ -1,15 +1,15 @@
 import { RefObject, VoidFunctionComponent } from 'react';
-type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type ErrorSummaryHeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface ErrorMessage {
     text: string;
     target: RefObject<HTMLElement> | string;
 }
-interface ErrorSummaryProps {
+export interface ErrorSummaryProps {
     className?: string;
     /**
      * @default h2
      */
-    headingTag?: HeadingTag;
+    headingTag?: ErrorSummaryHeadingTag;
     /**
      * Array of objects with a `text` attribute containing the error message and a `target`
      * referencing the target input that will get the focus when clicking the error. The
@@ -18,4 +18,3 @@ interface ErrorSummaryProps {
     messages: ErrorMessage[];
 }
 export declare const ErrorSummary: VoidFunctionComponent<ErrorSummaryProps>;
-export {};

package/dist/components/error-summary/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorSummary } from './error-summary';
+export type { ErrorMessage, ErrorSummaryHeadingTag, ErrorSummaryProps } from './error-summary';

package/dist/components/external-link/external-link.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent, VoidFunctionComponent } from 'react';
-import { IconName } from '../icon/icon';
+import { type IconName } from '../icon';
 export interface ExternalLinkProps {
     className?: string;
     disabled?: boolean;

package/dist/components/external-link/index.d.ts

@@ -0,0 +1,2 @@
+export { ExternalLink } from './external-link';
+export type { ExternalLinkProps } from './external-link';

package/dist/components/feedbacks/index.d.ts

@@ -0,0 +1,2 @@
+export { InvalidField } from './invalid-field';
+export type { InvalidFieldProps } from './invalid-field';

package/dist/components/feedbacks/invalid-field.d.ts

@@ -1,8 +1,7 @@
 import { VoidFunctionComponent } from 'react';
-interface InvalidFieldProps {
+export interface InvalidFieldProps {
     controlId: string;
     feedbackMsg: string;
     noIcon?: boolean;
 }
-declare const InvalidField: VoidFunctionComponent<InvalidFieldProps>;
-export { InvalidField };
+export declare const InvalidField: VoidFunctionComponent<InvalidFieldProps>;

package/dist/components/field-container/field-container.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
+import { type ToggletipProps } from '../toggletip';
+import { type TooltipProps } from '../tooltip';
 export interface FieldContainerProps {
     className?: string;
     fieldId: string;

package/dist/components/field-container/index.d.ts

@@ -0,0 +1,2 @@
+export { FieldContainer } from './field-container';
+export type { FieldContainerProps } from './field-container';

package/dist/components/fieldset/fieldset.d.ts

@@ -1,2 +1,17 @@
-import { FieldsetProps } from './types';
+import { FieldsetHTMLAttributes, ReactNode } from 'react';
+import { type LegendProps } from './legend';
+type BaseFieldsetProps = Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'disabled' | 'id' | 'aria-disabled' | 'aria-label' | 'role'>;
+export type FieldsetOrientation = 'horizontal' | 'vertical';
+export type FieldsetLegendProps = Omit<LegendProps, 'children'> & {
+    text: string;
+};
+export interface FieldsetProps extends BaseFieldsetProps {
+    legend?: FieldsetLegendProps;
+    orientation?: FieldsetOrientation;
+    children: ReactNode;
+}
+export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {
+    $orientation: FieldsetProps["orientation"];
+}, never>;
 export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+export {};

package/dist/components/fieldset/index.d.ts

@@ -1 +1,2 @@
-export * from './fieldset';
+export { Fieldset } from './fieldset';
+export type { FieldsetLegendProps, FieldsetOrientation, FieldsetProps } from './fieldset';

package/dist/components/fieldset/legend.d.ts

@@ -1,3 +1,13 @@
-import { FC } from 'react';
-import { LegendProps } from './types';
+import { FC, HTMLAttributes } from 'react';
+export type LegendSize = 'small' | 'medium' | 'large';
+export interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
+    className?: string;
+    size?: LegendSize;
+    bold?: boolean;
+}
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, {
+    $size: LegendProps["size"];
+    $bold: LegendProps["bold"];
+    $isMobile: boolean;
+}, never>;
 export declare const Legend: FC<LegendProps>;

package/dist/components/global-banner/global-banner.d.ts

@@ -4,7 +4,7 @@ export interface ActionButton {
     label: string;
     onClick(event: MouseEvent<HTMLButtonElement>): void;
 }
-interface GlobalBannerProps {
+export interface GlobalBannerProps {
     actionButton?: ActionButton;
     secondaryActionButton?: ActionButton;
     className?: string;
@@ -20,4 +20,3 @@ interface GlobalBannerProps {
     type?: GlobalBannerType;
 }
 export declare const GlobalBanner: import("react").ForwardRefExoticComponent<GlobalBannerProps & import("react").RefAttributes<HTMLElement>>;
-export {};

package/dist/components/global-banner/index.d.ts

@@ -0,0 +1,2 @@
+export { GlobalBanner } from './global-banner';
+export type { ActionButton, GlobalBannerProps, GlobalBannerType } from './global-banner';

package/dist/components/global-header/global-header.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
-import { SkipLinkProps } from '../skip-link/skip-link';
+import { type SkipLinkProps } from '../skip-link';
 import { LogoName } from './logo';
-interface GlobalHeaderProps {
+export interface GlobalHeaderProps {
     /** Set the app name to get the proper logos */
     appName?: LogoName;
     /** Sets app title which appears next to logo on desktop */
@@ -21,4 +21,3 @@ interface GlobalHeaderProps {
     usesReactRouter?: boolean;
 }
 export declare const GlobalHeader: FunctionComponent<PropsWithChildren<GlobalHeaderProps>>;
-export {};

package/dist/components/global-header/index.d.ts

@@ -0,0 +1,3 @@
+export { GlobalHeader } from './global-header';
+export type { GlobalHeaderProps } from './global-header';
+export type { LogoName } from './logo';

package/dist/components/global-navigation/global-navigation.d.ts

@@ -1,6 +1,6 @@
 import { VoidFunctionComponent } from 'react';
-import { IconButtonProps } from '../buttons/icon-button';
-import { IconName } from '../icon/icon';
+import { type IconButtonProps } from '../buttons/icon-button';
+import { type IconName } from '../icon';
 export interface GlobalNavigationItem {
     end?: boolean;
     href: string;
@@ -8,7 +8,7 @@ export interface GlobalNavigationItem {
     name: string;
     onClick?(): void;
 }
-interface GlobalNavigationProps {
+export interface GlobalNavigationProps {
     className?: string;
     coreActionButton?: IconButtonProps;
     /** Item has an icon name, a name, and a href */
@@ -17,4 +17,3 @@ interface GlobalNavigationProps {
     footerItems: GlobalNavigationItem[];
 }
 export declare const GlobalNavigation: VoidFunctionComponent<GlobalNavigationProps>;
-export {};

package/dist/components/global-navigation/index.d.ts

@@ -0,0 +1,2 @@
+export { GlobalNavigation } from './global-navigation';
+export type { GlobalNavigationItem, GlobalNavigationProps } from './global-navigation';

package/dist/components/heading/heading.d.ts

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react';
-export type Type = 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'subtitle';
-export type Tag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type HeadingType = 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'subtitle';
+export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface HeadingProps {
     bold?: boolean;
     children?: ReactNode;
     className?: string;
     id?: string;
     noMargin?: boolean;
-    tag?: Tag;
-    type: Type;
+    tag?: HeadingTag;
+    type: HeadingType;
 }
 export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/components/heading/index.d.ts

@@ -0,0 +1,2 @@
+export { Heading } from './heading';
+export type { HeadingProps, HeadingTag, HeadingType } from './heading';

package/dist/components/icon/icon.d.ts

@@ -58,6 +58,7 @@ declare const iconMapping: {
     readonly search: any;
     readonly send: any;
     readonly settings: any;
+    readonly share: any;
     readonly star: any;
     readonly table: any;
     readonly transfer: any;

package/dist/components/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon } from './icon';
+export type { IconName, IconProps } from './icon';

package/dist/components/index.d.ts

@@ -0,0 +1,79 @@
+export * from './accordion';
+export * from './avatar';
+export * from './badge';
+export * from './bento-menu-button';
+export * from './breadcrumb';
+export * from './buttons';
+export * from './card';
+export * from './card-link';
+export * from './carousel';
+export * from './checkbox';
+export * from './checkbox-group';
+export * from './chooser-button';
+export * from './chooser-button-group';
+export * from './combobox';
+export * from './date-picker';
+export * from './design-system';
+export * from './device-context-provider';
+export * from './disclosure';
+export * from './dropdown-list';
+export * from './dropdown-menu';
+export * from './dropdown-menu-button';
+export * from './dropdown-navigation';
+export * from './error-summary';
+export * from './external-link';
+export * from './feedbacks';
+export * from './field-container';
+export * from './fieldset';
+export * from './global-banner';
+export * from './global-header';
+export * from './global-navigation';
+export * from './heading';
+export * from './icon';
+export * from './internationalization-provider';
+export * from './label';
+export * from './legend';
+export * from './link';
+export * from './listbox';
+export * from './lozenge';
+export * from './menu';
+export * from './menu-button';
+export * from './modal';
+export * from './money-input';
+export * from './nav-list';
+export * from './numeric-input';
+export * from './pagination';
+export * from './password-creation-input';
+export * from './password-input';
+export * from './phone-input';
+export * from './progress-circle';
+export * from './progress-circular';
+export * from './progress-indicator';
+export * from './progress-tracker';
+export * from './radio-button';
+export * from './radio-button-group';
+export * from './radio-card-group';
+export * from './route-link';
+export * from './screen-reader-only-text';
+export * from './search';
+export * from './sectional-banner';
+export * from './segmented-control';
+export * from './shadow-wrapper';
+export * from './side-drawer';
+export * from './skip-link';
+export * from './slider';
+export * from './spinner';
+export * from './status';
+export * from './stepper-input';
+export * from './table';
+export * from './tabs';
+export * from './tag';
+export * from './text-area';
+export * from './text-input';
+export * from './theme-wrapper';
+export * from './toast';
+export * from './toggle-switch';
+export * from './toggletip';
+export * from './tooltip';
+export * from './user-profile';
+export * from './visually-hidden';

package/dist/components/internationalization-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { IntlProvider } from './internationalization-provider';
+export type { IntlProviderProps } from './internationalization-provider';

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

@@ -0,0 +1,2 @@
+export { Label } from './label';
+export type { LabelProps } from './label';

package/dist/components/label/label.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
-interface LabelProps {
+import { type ToggletipProps } from '../toggletip';
+import { type TooltipProps } from '../tooltip';
+export interface LabelProps {
     className?: string;
     forId: string;
     id?: string;

package/dist/components/legend/index.d.ts

@@ -0,0 +1,2 @@
+export { Legend } from './legend';
+export type { LegendItem, LegendProps } from './legend';

package/dist/components/legend/legend.d.ts

@@ -4,9 +4,8 @@ export interface LegendItem {
     description: string;
     color?: string;
 }
-interface LegendProps {
+export interface LegendProps {
     className?: string;
     items: LegendItem[];
 }
 export declare const Legend: VoidFunctionComponent<LegendProps>;
-export {};

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

@@ -1 +1,2 @@
 export { Link } from './link';
+export type { LinkButtonProps, LinkProps } from './types';

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

@@ -1,9 +1,9 @@
-import { AnchorHTMLAttributes } from 'react';
-import { NavLink, Link as ReactRouterLink, NavLinkProps } from 'react-router-dom';
-import { ButtonProps } from '../buttons';
-import { IconName } from '../icon/icon';
+import { type AnchorHTMLAttributes } from 'react';
+import { Link as ReactRouterLink, NavLink, type NavLinkProps } from 'react-router-dom';
+import { type ButtonProps } from '../buttons';
+import { type IconName } from '../icon';
 type BaseLinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'id' | 'className' | 'onClick' | 'aria-disabled' | 'aria-label' | 'target' | 'children' | 'href' | 'rel' | 'onFocus' | 'onBlur' | 'onKeyDown'> & Pick<NavLinkProps, 'end'>;
-type LinkButtonProps = Pick<ButtonProps, 'autofocus' | 'buttonType' | 'disabled' | 'focusable' | 'inverted' | 'size' | 'title' | 'type'>;
+export type LinkButtonProps = Pick<ButtonProps, 'autofocus' | 'buttonType' | 'disabled' | 'focusable' | 'inverted' | 'size' | 'title' | 'type'>;
 export interface LinkProps extends BaseLinkProps {
     disabled?: boolean;
     /** Button Link Variant */

package/dist/components/listbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Listbox } from './listbox';
+export type { ListboxOption, ListboxProps } from './listbox';

package/dist/components/lozenge/index.d.ts

@@ -0,0 +1,2 @@
+export { Lozenge } from './lozenge';
+export type { LozengeVariant, LozengeProps } from './lozenge';

package/dist/components/lozenge/lozenge.d.ts

@@ -1,11 +1,10 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { IconName } from '../icon/icon';
+import { type IconName } from '../icon';
 export type LozengeVariant = 'neutral' | 'success' | 'alert' | 'warning' | 'info' | 'discovery';
-interface Props {
+export interface LozengeProps {
     className?: string;
     variant?: LozengeVariant;
     icon?: IconName;
     subtle?: boolean;
 }
-export declare const Lozenge: FunctionComponent<PropsWithChildren<Props>>;
-export {};
+export declare const Lozenge: FunctionComponent<PropsWithChildren<LozengeProps>>;

package/dist/components/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu } from './menu';
+export type { MenuGroup, MenuItem, MenuOption, MenuProps, } from './menu';

package/dist/components/menu/menu.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardEvent, RefObject } from 'react';
-import { IconName } from '../icon/icon';
+import { type IconName } from '../icon';
 export interface MenuOption {
     label: string;
     iconName?: IconName;
@@ -21,7 +21,7 @@ interface ListGroup extends MenuGroup {
     groupOptions: ListOption[];
 }
 type ListItem = ListGroup | ListOption;
-interface Props {
+export interface MenuProps {
     className?: string;
     id?: string;
     initialFocusIndex?: number;
@@ -31,5 +31,5 @@ interface Props {
     onKeyDown?(event: KeyboardEvent): void;
     onOptionSelect?(option: ListOption): void;
 }
-export declare const Menu: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/menu-button/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuButton } from './menu-button';
+export type { MenuButtonProps } from './menu-button';

package/dist/components/menu-button/menu-button.d.ts

@@ -1,8 +1,8 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { ButtonType } from '../buttons';
-import { IconName } from '../icon/icon';
-import { MenuItem } from '../menu/menu';
-import { TooltipProps } from '../tooltip/tooltip';
+import { type ButtonType } from '../buttons';
+import { type IconName } from '../icon';
+import { type MenuItem } from '../menu';
+import { type TooltipProps } from '../tooltip';
 export type MenuPlacement = 'right' | 'left';
 export interface MenuButtonProps {
     autofocus?: boolean;

package/dist/components/modal/dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalDialog } from './modal-dialog';
+export type { DialogType, ModalDialogProps } from './modal-dialog';

package/dist/components/modal/dialog/modal-dialog.d.ts

@@ -1,3 +1,20 @@
-import { VoidFunctionComponent } from 'react';
-import { ModalDialogProps } from './types';
+import { ReactElement, VoidFunctionComponent } from 'react';
+import { type IconName } from '../../icon';
+import type { BaseModalProps } from '../types';
+export type DialogType = 'information' | 'action' | 'alert';
+export interface ModalDialogProps extends BaseModalProps {
+    title: string;
+    titleIcon?: IconName;
+    subtitle?: string;
+    footerContent?: ReactElement;
+    dialogType?: DialogType;
+    confirmButton?: {
+        label?: string;
+        onConfirm?(): void;
+    };
+    cancelButton?: {
+        label?: string;
+        onCancel?(): void;
+    };
+}
 export declare const ModalDialog: VoidFunctionComponent<ModalDialogProps>;

package/dist/components/modal/dialog/styled.d.ts

@@ -1,7 +1,7 @@
-import { MobileDeviceContextProps } from '../types';
-import { DialogType } from './types';
+import type { MobileDeviceContextProps } from '../types';
+import type { DialogType } from './modal-dialog';
 export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MobileDeviceContextProps, never>;
-export declare const TitleIcon: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<import("../../icon/icon").IconProps>, import("styled-components").DefaultTheme, {
+export declare const TitleIcon: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<import("../../icon").IconProps>, import("styled-components").DefaultTheme, {
     $dialogType: DialogType;
 }, never>;
 export declare const StyledHeadingWrapperComponent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +1,6 @@
 export { Modal } from './modal';
+export type { ModalProps } from './types';
 export { ModalDialog } from './dialog/modal-dialog';
+export type { ModalDialogProps, DialogType } from './dialog/modal-dialog';
+export { useModal } from './use-modal';
+export type { ModalHookResult } from './use-modal';

package/dist/components/modal/modal.d.ts

@@ -1,3 +1,3 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { ModalProps } from './types';
+import type { ModalProps } from './types';
 export declare const Modal: FunctionComponent<PropsWithChildren<ModalProps>>;