@equisoft/design-elements-react 9.9.6 → 9.9.7-snapshot.20251014033756

package/dist/components/disclosure/disclosure.d.ts

@@ -1,16 +1,15 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { Size, ButtonProps } from '../buttons';
-import { IconName } from '../icon/icon';
-export type ButtonPropsWithoutOnClick = Omit<ButtonProps, 'onClick'> & {
+import { type ButtonProps, type ButtonSize } from '../buttons';
+import { type IconName } from '../icon';
+export type DisclosureButtonProps = Omit<ButtonProps, 'onClick'> & {
     iconName?: IconName;
-    size?: Size;
+    size?: ButtonSize;
 };
-interface DisclosureWidgetProps {
+export interface DisclosureProps {
     idContent?: string;
-    buttonProps: ButtonPropsWithoutOnClick;
+    buttonProps: DisclosureButtonProps;
 }
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $expanded: boolean;
 }, never>;
-export declare const Disclosure: FunctionComponent<PropsWithChildren<DisclosureWidgetProps>>;
-export {};
+export declare const Disclosure: FunctionComponent<PropsWithChildren<DisclosureProps>>;

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

@@ -0,0 +1,2 @@
+export { Disclosure } from './disclosure';
+export type { DisclosureButtonProps, DisclosureProps } from './disclosure';

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

@@ -1,13 +1,16 @@
-import { VoidFunctionComponent } from 'react';
-import { IconName } from '../icon/icon';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
-import { DropdownListOption } from './dropdown-list-option';
+import { FC } from 'react';
+import { type IconName } from '../icon';
+import { type ListboxOption } from '../listbox';
+import { type ToggletipProps } from '../toggletip';
+import { type TooltipProps } from '../tooltip';
 type Value = string | string[];
 export interface TagValue {
     id?: string;
     label: string;
 }
+export interface DropdownListOption extends ListboxOption {
+    label: string;
+}
 export interface DropdownListProps<M extends boolean | undefined> {
     /**
      * Aria label for the input (used when no visual label is present)
@@ -65,5 +68,5 @@ export interface DropdownListProps<M extends boolean | undefined> {
      */
     onChange?(option: M extends true ? DropdownListOption[] : DropdownListOption): void;
 }
-export declare const DropdownList: VoidFunctionComponent<DropdownListProps<boolean | undefined>>;
+export declare const DropdownList: FC<DropdownListProps<boolean | undefined>>;
 export {};

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

@@ -0,0 +1,2 @@
+export { DropdownList } from './dropdown-list';
+export type { DropdownListOption, DropdownListProps } from './dropdown-list';

package/dist/components/dropdown-list/utils/dropdown-list-utils.d.ts

@@ -1,4 +1,4 @@
-import { DropdownListOption } from '../dropdown-list-option';
+import type { DropdownListOption } from '../dropdown-list';
 export declare function optionsAreEqual(option: DropdownListOption, optionToCompare: DropdownListOption): boolean;
 export declare function addUniqueOption(newOption: DropdownListOption, options?: DropdownListOption[]): DropdownListOption[];
 export declare function removeOption(optionToRemove: DropdownListOption, options?: DropdownListOption[]): DropdownListOption[];

package/dist/components/dropdown-list/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown-list-utils';

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;
@@ -11,6 +11,6 @@ export interface ExternalItemProps extends ExternalLinkProps {
 interface ExternalItemsStyledProps extends ExternalItemProps {
     $device: DeviceContextProps;
 }
-export declare const StyledExternalLink: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<ExternalLinkProps>, import("styled-components").DefaultTheme, ExternalItemsStyledProps, never>;
+export declare const StyledExternalLink: import("styled-components").StyledComponent<import("react").FC<ExternalLinkProps>, import("styled-components").DefaultTheme, ExternalItemsStyledProps, never>;
 export declare const ExternalItem: ({ href, label, disabled, target, onClick, }: ExternalItemProps) => ReactElement;
 export {};

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 FC, ReactElement } from 'react';
+import { type HeadingProps } from '../../heading';
+import { type NavItemProps } from './nav-item';
 export interface GroupItemProps {
     id?: string;
     children: ReactElement<NavItemProps> | ReactElement<NavItemProps>[];
@@ -8,4 +8,4 @@ export interface GroupItemProps {
     label?: string;
 }
 export declare const StyledHeading: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>, import("styled-components").DefaultTheme, HeadingProps, never>;
-export declare const GroupItem: VoidFunctionComponent<GroupItemProps>;
+export declare const GroupItem: FC<GroupItemProps>;

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 FC } from 'react';
+import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
+import { type IconName } from '../../icon';
 export interface ItemContentProps {
     device: DeviceContextProps;
     smallLabel?: boolean;
@@ -9,4 +9,4 @@ export interface ItemContentProps {
     label: string;
     lozenge?: string;
 }
-export declare const ItemContent: VoidFunctionComponent<ItemContentProps>;
+export declare const ItemContent: FC<ItemContentProps>;

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").FC<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 { FC, ReactElement, RefObject } from 'react';
+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: FC<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';
+import { type FC, RefObject } from 'react';
+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
@@ -17,5 +17,4 @@ interface ErrorSummaryProps {
      */
     messages: ErrorMessage[];
 }
-export declare const ErrorSummary: VoidFunctionComponent<ErrorSummaryProps>;
-export {};
+export declare const ErrorSummary: FC<ErrorSummaryProps>;

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 FC, MouseEvent } from 'react';
+import { type IconName } from '../icon';
 export interface ExternalLinkProps {
     className?: string;
     disabled?: boolean;
@@ -12,4 +12,4 @@ export interface ExternalLinkProps {
 /**
  * @deprecated This component is deprecated and will be removed in future releases. Use Link instead.
  */
-export declare const ExternalLink: VoidFunctionComponent<ExternalLinkProps>;
+export declare const ExternalLink: FC<ExternalLinkProps>;

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 {
+import { type FC } from 'react';
+export interface InvalidFieldProps {
     controlId: string;
     feedbackMsg: string;
     noIcon?: boolean;
 }
-declare const InvalidField: VoidFunctionComponent<InvalidFieldProps>;
-export { InvalidField };
+export declare const InvalidField: FC<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 { type 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/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

@@ -1,4 +1,4 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 declare const iconMapping: {
     readonly alertCircle: any;
     readonly alertFilled: any;
@@ -90,5 +90,5 @@ export interface IconProps {
     color?: string;
     role?: string;
 }
-export declare const Icon: VoidFunctionComponent<IconProps>;
+export declare const Icon: FC<IconProps>;
 export {};

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,72 @@
+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 './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 './heading';
+export * from './icon';
+export * from './label';
+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-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 './stepper-input';
+export * from './table';
+export * from './tabs';
+export * from './tag';
+export * from './text-area';
+export * from './text-input';
+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/internationalization-provider/internationalization-provider.d.ts

@@ -10,7 +10,7 @@ interface IntlContextProps {
     i18n: i18nType;
 }
 /**
- * @deprecated Use {@link DesignSystem} instead
+ * @internal Use {@link DesignSystem} instead
  */
 export declare const IntlProvider: FunctionComponent<PropsWithChildren<IntlProviderProps>>;
 export declare function useIntlContext(): IntlContextProps;

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/link/index.d.ts

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

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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { LinkProps } from './types';
 export declare const Link: FC<LinkProps>;

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';