@equisoft/design-elements-react 9.9.7-snapshot.20260114214150 → 9.10.0

package/dist/components/device-context-provider/device-context-provider.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { type Breakpoints } from '../../legacy-constants/breakpoints';
+import { Breakpoints } from '../../legacy-constants/breakpoints';
 export type DeviceType = 'desktop' | 'tablet' | 'mobile';
 export interface DeviceContextProviderProps {
     staticDevice?: DeviceType;
@@ -12,7 +12,7 @@ export interface DeviceContextProps {
     breakpoints: Breakpoints;
 }
 /**
- * @internal Use {@link DesignSystem} instead
+ * @deprecated Use {@link DesignSystem} instead
  */
 export declare const DeviceContextProvider: FunctionComponent<PropsWithChildren<DeviceContextProviderProps>>;
 export declare function useDeviceContext(): DeviceContextProps;

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

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

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

@@ -0,0 +1,4 @@
+import { ListboxOption } from '../listbox/listbox';
+export interface DropdownListOption extends ListboxOption {
+    label: string;
+}

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

@@ -1,10 +1,11 @@
-import { FC } from 'react';
-import { type IconName } from '../icon';
-import { type ListboxOption } from '../listbox';
-import { type ToggletipProps } from '../toggletip';
-import { type TooltipProps } from '../tooltip';
+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';
 type Value = string | string[];
-export interface DropdownListOption extends ListboxOption {
+export interface TagValue {
+    id?: string;
     label: string;
 }
 export interface DropdownListProps<M extends boolean | undefined> {
@@ -64,5 +65,5 @@ export interface DropdownListProps<M extends boolean | undefined> {
      */
     onChange?(option: M extends true ? DropdownListOption[] : DropdownListOption): void;
 }
-export declare const DropdownList: FC<DropdownListProps<boolean | undefined>>;
+export declare const DropdownList: VoidFunctionComponent<DropdownListProps<boolean | undefined>>;
 export {};

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

@@ -0,0 +1,9 @@
+import { DropdownListOption } from '../dropdown-list-option';
+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[];
+export declare function isOptionEnabled(option: DropdownListOption): boolean;
+export declare function disableNonSelectedOptions(options: DropdownListOption[], selectedOptions: DropdownListOption[]): DropdownListOption[];
+export declare function getDefaultOptions(value: string | string[] | undefined, options: DropdownListOption[], multiselect?: boolean): DropdownListOption[] | undefined;
+export declare function getOptionLabel(option: DropdownListOption): string;
+export declare function isOptionSelected(option: DropdownListOption, selectedOptions?: DropdownListOption[]): boolean;

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

@@ -1,9 +1,10 @@
 import { KeyboardEvent, ReactElement } from 'react';
-import { type GroupItemProps } from './list-items';
+import { GroupItemProps } from './list-items';
 export interface DropdownMenuProps {
     children?: ReactElement<GroupItemProps> | ReactElement<GroupItemProps>[];
     id?: string;
     className?: string;
+    hidden?: boolean;
     onKeyDown?(event: KeyboardEvent): void;
 }
 export declare const DropdownMenu: import("react").ForwardRefExoticComponent<DropdownMenuProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
-import { type ExternalLinkProps } from '../../external-link';
+import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
+import { ExternalLinkProps } from '../../external-link/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").FC<ExternalLinkProps>, import("styled-components").DefaultTheme, ExternalItemsStyledProps, never>;
+export declare const StyledExternalLink: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<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 { type FC, ReactElement } from 'react';
-import { type HeadingProps } from '../../heading';
-import { type NavItemProps } from './nav-item';
+import { ReactElement, VoidFunctionComponent } from 'react';
+import { HeadingProps } from '../../heading/heading';
+import { 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: FC<GroupItemProps>;
+export declare const GroupItem: VoidFunctionComponent<GroupItemProps>;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
-import { type IconName } from '../../icon';
+import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
+import { IconName } from '../../icon/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 { type NavLinkProps } from 'react-router-dom';
-import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
-import { type IconName } from '../../icon';
+import { NavLinkProps } from 'react-router-dom';
+import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
+import { IconName } from '../../icon/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").FC<import("../../external-link").ExternalLinkProps>, 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 NavItem: import("react").ForwardRefExoticComponent<NavItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

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

@@ -1,46 +1,38 @@
-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';
-interface StyledListboxProps {
-    $left?: number | string;
-    $top?: number | string;
-}
-export declare const StyledDropdownMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../dropdown-menu").DropdownMenuProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, StyledListboxProps, never>;
-export type DropdownMenuCloseFunction = () => void;
-export interface DropdownMenuButtonProps {
-    align?: 'left' | 'right';
+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 {
+    label?: string;
+    title?: string;
     /**
      * Sets nav's description
      * @default 'Menu'
      * */
     ariaLabel?: string;
+    /** Set wrapper element tag */
+    tag?: 'div' | 'nav';
     buttonAriaLabel?: string;
-    buttonType?: ButtonType;
     className?: string;
     /**
      * Sets menu open by default
      * @default false
      * */
     defaultOpen?: boolean;
-    dropdownMenuId?: string;
-    dropdownMenuWidth?: 'auto' | 'initial' | 'reference' | number;
     /**
      * Sets chevron icon
      * @default true
      * */
     hasCaret?: boolean;
-    firstItemRef?: RefObject<HTMLElement>;
+    buttonType?: ButtonType;
+    inverted?: boolean;
     icon?: ReactElement<IconProps | AvatarProps>;
     id?: string;
-    inverted?: boolean;
-    label?: string;
-    title?: string;
-    /** Set wrapper element tag */
-    tag?: 'div' | 'nav';
+    firstItemRef?: RefObject<HTMLAnchorElement>;
     onMenuVisibilityChanged?(isOpen: boolean): void;
     render?(close: () => void): ReactElement<GroupItemProps> | ReactElement<GroupItemProps>[];
 }
-export declare const DropdownMenuButton: FC<DropdownMenuButtonProps>;
+export declare const DropdownMenuButton: VoidFunctionComponent<MenuButtonProps>;
 export {};

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

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

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

@@ -1,15 +1,15 @@
-import { type FC, RefObject } from 'react';
-export type ErrorSummaryHeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+import { RefObject, VoidFunctionComponent } from 'react';
+type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface ErrorMessage {
     text: string;
     target: RefObject<HTMLElement> | string;
 }
-export interface ErrorSummaryProps {
+interface ErrorSummaryProps {
     className?: string;
     /**
      * @default h2
      */
-    headingTag?: ErrorSummaryHeadingTag;
+    headingTag?: HeadingTag;
     /**
      * 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,4 +17,5 @@ export interface ErrorSummaryProps {
      */
     messages: ErrorMessage[];
 }
-export declare const ErrorSummary: FC<ErrorSummaryProps>;
+export declare const ErrorSummary: VoidFunctionComponent<ErrorSummaryProps>;
+export {};

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

@@ -1,5 +1,5 @@
-import { type FC, MouseEvent } from 'react';
-import { type IconName } from '../icon';
+import { MouseEvent, VoidFunctionComponent } from 'react';
+import { IconName } from '../icon/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: FC<ExternalLinkProps>;
+export declare const ExternalLink: VoidFunctionComponent<ExternalLinkProps>;

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

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

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

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

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

@@ -1,17 +1,2 @@
-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>;
+import { FieldsetProps } from './types';
 export declare const Fieldset: import("react").ForwardRefExoticComponent<FieldsetProps & import("react").RefAttributes<HTMLFieldSetElement>>;
-export {};

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

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

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

@@ -1,13 +1,3 @@
-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>;
+import { FC } from 'react';
+import { LegendProps } from './types';
 export declare const Legend: FC<LegendProps>;

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

@@ -0,0 +1,9 @@
+import { FieldsetProps, LegendProps } from './types';
+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 StyledFieldset: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {
+    $orientation: FieldsetProps["orientation"];
+}, never>;

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

@@ -0,0 +1,17 @@
+import { FieldsetHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+export type LegendSize = 'small' | 'medium' | 'large';
+export interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
+    className?: string;
+    size?: LegendSize;
+    bold?: boolean;
+}
+export type FieldsetOrientation = 'horizontal' | 'vertical';
+type BaseFieldsetProps = Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'disabled' | 'id' | 'aria-disabled' | 'aria-label' | 'role'>;
+export interface FieldsetProps extends BaseFieldsetProps {
+    legend?: Omit<LegendProps, 'children'> & {
+        text: string;
+    };
+    orientation?: FieldsetOrientation;
+    children: ReactNode;
+}
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { VoidFunctionComponent } from 'react';
+export interface LegendItem {
+    name: string;
+    description: string;
+    color?: string;
+}
+interface LegendProps {
+    className?: string;
+    items: LegendItem[];
+}
+export declare const Legend: VoidFunctionComponent<LegendProps>;
+export {};

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

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

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

@@ -1,3 +1,3 @@
-import { type FC } from 'react';
+import { 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 { 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';
+import { AnchorHTMLAttributes } from 'react';
+import { NavLink, Link as ReactRouterLink, NavLinkProps } from 'react-router-dom';
+import { ButtonProps } from '../buttons';
+import { IconName } from '../icon/icon';
 type BaseLinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'id' | 'className' | 'onClick' | 'aria-disabled' | 'aria-label' | 'target' | 'children' | 'href' | 'rel' | 'onFocus' | 'onBlur' | 'onKeyDown'> & Pick<NavLinkProps, 'end'>;
-export type LinkButtonProps = Pick<ButtonProps, 'autofocus' | 'buttonType' | 'disabled' | 'focusable' | 'inverted' | 'size' | 'title' | 'type'>;
+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/listbox-option.d.ts

@@ -0,0 +1,5 @@
+type Value = string | string[];
+export declare function findOptionsByValue<T extends {
+    value: string;
+}>(options: T[], searchValue?: Value | undefined): T[];
+export {};

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

@@ -1,4 +1,4 @@
-import { ForwardRefExoticComponent, KeyboardEvent, RefAttributes, type RefObject } from 'react';
+import { ForwardRefExoticComponent, KeyboardEvent, RefAttributes } from 'react';
 type Value = string | string[];
 export interface ListboxOption {
     disabled?: boolean;
@@ -11,7 +11,6 @@ export interface ListboxProps {
     id?: string;
     options: ListboxOption[];
     className?: string;
-    containerRef?: RefObject<HTMLElement>;
     /**
      * The default selected option. You may specify an array of strings when using multiselect feature.
      */
@@ -21,11 +20,6 @@ export interface ListboxProps {
      * @default true
      */
     focusable?: boolean;
-    /**
-     * Set to true to enable keyboard navigation managed by the listbox
-     * @default Same value as focusable
-     */
-    keyboardNav?: boolean;
     /**
      * Activates multiple selection feature
      * @default false
@@ -56,7 +50,5 @@ export interface ListboxProps {
      */
     onOptionClick?(option?: ListboxOption): void;
 }
-export interface ListboxRef extends HTMLDivElement {
-}
-export declare const Listbox: ForwardRefExoticComponent<ListboxProps & RefAttributes<ListboxRef>>;
+export declare const Listbox: ForwardRefExoticComponent<ListboxProps & RefAttributes<HTMLDivElement>>;
 export {};

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

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