@equisoft/design-elements-react 9.11.1 → 9.11.2-snapshot.20260202170508

package/dist/components/design-system.d.ts

@@ -1,6 +1,7 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { DeviceContextProviderProps } from './device-context-provider/device-context-provider';
-import { IntlProviderProps } from './internationalization-provider/internationalization-provider';
-import { ThemeWrapperProps } from './theme-wrapper/theme-wrapper';
+import { DeviceContextProviderProps } from './device-context-provider';
+import { IntlProviderProps } from './internationalization-provider';
+import { ThemeWrapperProps } from './theme-wrapper';
+export type { DeviceType } from './device-context-provider';
 export type DesignSystemProps = ThemeWrapperProps & DeviceContextProviderProps & IntlProviderProps;
 export declare const DesignSystem: FunctionComponent<PropsWithChildren<DesignSystemProps>>;

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

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { Breakpoints } from '../../legacy-constants/breakpoints';
+import { type 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;
 }
 /**
- * @deprecated Use {@link DesignSystem} instead
+ * @internal Use {@link DesignSystem} instead
  */
 export declare const DeviceContextProvider: FunctionComponent<PropsWithChildren<DeviceContextProviderProps>>;
 export declare function useDeviceContext(): DeviceContextProps;

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

@@ -0,0 +1,2 @@
+export { DeviceContextProvider, useDeviceContext } from './device-context-provider';
+export type { DeviceContextProviderProps, DeviceType } from './device-context-provider';

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,11 +1,10 @@
-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;
+export interface DropdownListOption extends ListboxOption {
     label: string;
 }
 export interface DropdownListProps<M extends boolean | undefined> {
@@ -65,5 +64,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-menu/dropdown-menu.d.ts

@@ -1,10 +1,9 @@
 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;
     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/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-classes.d.ts

@@ -0,0 +1,7 @@
+interface DropdownMenuButtonClasses {
+    button: string;
+    expandIcon: string;
+}
+export type DropdownMenuButtonClassKeys = keyof DropdownMenuButtonClasses;
+export declare const dropdownMenuButtonClasses: DropdownMenuButtonClasses;
+export {};

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

@@ -1,38 +1,46 @@
-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;
+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';
     /**
      * 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;
-    buttonType?: ButtonType;
-    inverted?: boolean;
+    firstItemRef?: RefObject<HTMLElement>;
     icon?: ReactElement<IconProps | AvatarProps>;
     id?: string;
-    firstItemRef?: RefObject<HTMLAnchorElement>;
+    inverted?: boolean;
+    label?: string;
+    title?: string;
+    /** Set wrapper element tag */
+    tag?: 'div' | 'nav';
     onMenuVisibilityChanged?(isOpen: boolean): void;
     render?(close: () => void): ReactElement<GroupItemProps> | ReactElement<GroupItemProps>[];
 }
-export declare const DropdownMenuButton: VoidFunctionComponent<MenuButtonProps>;
+export declare const DropdownMenuButton: FC<DropdownMenuButtonProps>;
 export {};

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

@@ -0,0 +1,3 @@
+export { DropdownMenuButton } from './dropdown-menu-button';
+export { dropdownMenuButtonClasses } from './dropdown-menu-button-classes';
+export type { DropdownMenuButtonProps, DropdownMenuCloseFunction } 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/filters/filter-multi.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import type { FilterOption } from './filter-option';
+export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+type Value = string[];
+export interface FilterMultiProps {
+    async?: boolean;
+    label: string;
+    maxSelectableOptions?: number;
+    options: FilterOption[];
+    value?: Value;
+    onChange?(value: Value): void;
+}
+/**
+ * @alpha This component is experimental and may change without a major version bump.
+ */
+export declare const FilterMulti: FC<FilterMultiProps>;
+export {};

package/dist/components/filters/filter-option.d.ts

@@ -0,0 +1,5 @@
+export interface FilterOption {
+    disabled?: boolean;
+    label: string;
+    value: string;
+}

package/dist/components/filters/filter-single.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import type { FilterOption } from './filter-option';
+type Value = string | null;
+export interface FilterSingleProps {
+    label: string;
+    options: FilterOption[];
+    value?: Value;
+    onChange?(value: Value): void;
+}
+/**
+ * @alpha This component is experimental and may change without a major version bump.
+ */
+export declare const FilterSingle: FC<FilterSingleProps>;
+export {};

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

@@ -0,0 +1,5 @@
+export { FilterSingle } from './filter-single';
+export type { FilterSingleProps } from './filter-single';
+export { FilterMulti } from './filter-multi';
+export type { FilterMultiProps } from './filter-multi';
+export type { FilterOption } from './filter-option';

package/dist/components/filters/internal/clear-filters.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+export interface ClearFiltersProps {
+    selectedFiltersCount: number;
+    onClearFilters(): void;
+}
+export declare const ClearFilters: FC<ClearFiltersProps>;

package/dist/components/filters/internal/filter-dropdown-button.d.ts

@@ -0,0 +1,12 @@
+import { type ThemeProps } from 'styled-components';
+import { ResolvedTheme } from '../../../themes';
+interface FilterDropdownButtonProps extends ThemeProps<ResolvedTheme> {
+    $label: string;
+    $hasFilters: boolean;
+}
+interface PortalDropdownMenuProps {
+    $dropdownMenuId: string;
+}
+export declare const PortalFilterDropdownMenuStyle: import("styled-components").GlobalStyleComponent<PortalDropdownMenuProps, import("styled-components").DefaultTheme>;
+export declare const FilterDropdownButton: import("styled-components").StyledComponent<import("react").FC<import("../../dropdown-menu-button").DropdownMenuButtonProps>, import("styled-components").DefaultTheme, FilterDropdownButtonProps, never>;
+export {};

package/dist/components/filters/internal/list-container.d.ts

@@ -0,0 +1,17 @@
+import { type Ref } from 'react';
+import type { ListboxRef } from '../../listbox/listbox';
+import type { FilterOption } from '../filter-option';
+export declare const Divider: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export interface ListContainerProps {
+    listboxRef: Ref<ListboxRef>;
+    multiselect?: boolean;
+    options: FilterOption[];
+    searchRef: Ref<HTMLInputElement>;
+    selectedFiltersCount: number;
+    value: string | string[] | null | undefined;
+    onChange?(options: FilterOption[]): void;
+    onClearFilters(): void;
+    onOptionClick?(option: FilterOption): void;
+    onSearchChange?(search: string): void;
+}
+export declare const ListContainer: import("react").ForwardRefExoticComponent<ListContainerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/filters/internal/use-list-filter.d.ts

@@ -0,0 +1,15 @@
+import type { FilterOption } from '../filter-option';
+type Nullable<T> = T | null | undefined;
+type Value = string | string[];
+export interface UseListFilterResponse {
+    displayValue: string;
+    filteredOptions: FilterOption[];
+    hasFiltersApplied: boolean;
+}
+export interface UseListFilterOptions<T extends Value> {
+    options: FilterOption[];
+    searchValue: string;
+    value: Nullable<T>;
+}
+export declare function useListFilter<T extends Value>({ searchValue, options, value, }: UseListFilterOptions<T>): UseListFilterResponse;
+export {};

package/dist/components/filters/internal/use.search.d.ts

@@ -0,0 +1,11 @@
+export interface UseSearchOptions {
+    initialSearchValue?: string;
+    optionsCount: number;
+}
+export interface UseSearchResponse {
+    searchEnabled: boolean;
+    searchValue: string;
+    handleSearchChange?(newValue: string): void;
+    setSearchValue(value: string): void;
+}
+export declare function useSearch({ initialSearchValue, optionsCount, }: UseSearchOptions): UseSearchResponse;

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