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

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';
-export declare const ModalDialog: VoidFunctionComponent<ModalDialogProps>;
+import { type FC, ReactElement } 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: FC<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").FC<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>>;

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

@@ -1,5 +1,5 @@
 import ReactModal from 'react-modal';
-import { CommonStyledProps, FooterProps, HeaderProps, MainProps, StyledModalProps } from './types';
+import type { CommonStyledProps, FooterProps, HeaderProps, MainProps, StyledModalProps } from './types';
 export declare const StyledModal: import("styled-components").StyledComponent<typeof ReactModal, import("styled-components").DefaultTheme, StyledModalProps, never>;
 export declare const Main: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, MainProps, never>;
 export declare const Header: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, HeaderProps, never>;

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

@@ -1,7 +1,6 @@
-interface ModalHookResult {
+export interface ModalHookResult {
     isModalOpen: boolean;
     openModal(): void;
     closeModal(): void;
 }
 export declare function useModal(initiallyOpened?: boolean): ModalHookResult;
-export {};

package/dist/components/money-input/money-input.d.ts

@@ -1,5 +1,5 @@
-import { VoidFunctionComponent } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
+import { type FC } from 'react';
+import { ToggletipProps } from '../toggletip';
 type TextAlignment = 'left' | 'right';
 export interface MoneyInputProps {
     id?: string;
@@ -35,5 +35,5 @@ export interface MoneyInputProps {
     toggletip?: ToggletipProps;
     onChange?(value: number | null, formattedValue: string): void;
 }
-export declare const MoneyInput: VoidFunctionComponent<MoneyInputProps>;
+export declare const MoneyInput: FC<MoneyInputProps>;
 export {};

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

@@ -0,0 +1,3 @@
+export { NavList } from './nav-list';
+export type { NavListProps } from './nav-list';
+export type { NavListOption } from './nav-list-option';

package/dist/components/nav-list/nav-list-item.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent, RefObject, VoidFunctionComponent } from 'react';
+import { FC, KeyboardEvent, RefObject } from 'react';
 import { NavLinkProps } from 'react-router-dom';
 import { DeviceContextProps } from '../device-context-provider/device-context-provider';
 import { NavListOption } from './nav-list-option';
@@ -18,5 +18,5 @@ export interface NavListItemProps {
     onKeyDown?(event: KeyboardEvent<HTMLAnchorElement>, option: NavListOption): void;
     onSelect?(option: NavListOption): void;
 }
-export declare const NavListItem: VoidFunctionComponent<NavListItemProps>;
+export declare const NavListItem: FC<NavListItemProps>;
 export {};

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

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

package/dist/components/numeric-input/numeric-input.d.ts

@@ -1,7 +1,7 @@
-import { HTMLProps, ReactNode, VoidFunctionComponent } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
-import { UseNumericInputParams } from './use-numeric-input';
+import { type FC, HTMLProps, ReactNode } from 'react';
+import { type ToggletipProps } from '../toggletip';
+import { type TooltipProps } from '../tooltip';
+import { type UseNumericInputParams } from './use-numeric-input';
 type NativeInputProps = Pick<HTMLProps<HTMLInputElement>, 'disabled' | 'onFocus' | 'placeholder'>;
 export interface NumericInputProps extends NativeInputProps {
     adornment?: ReactNode;
@@ -26,5 +26,5 @@ export interface NumericInputProps extends NativeInputProps {
     validationErrorMessage?: string;
     value?: number | string;
 }
-export declare const NumericInput: VoidFunctionComponent<NumericInputProps>;
+export declare const NumericInput: FC<NumericInputProps>;
 export {};

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

@@ -0,0 +1,2 @@
+export { Pagination } from './pagination';
+export type { PaginationProps } from './pagination';

package/dist/components/pagination/pagination.d.ts

@@ -1,5 +1,5 @@
-import { VoidFunctionComponent } from 'react';
-interface PaginationProps {
+import { type FC } from 'react';
+export interface PaginationProps {
     className?: string;
     /**
      * Number of results to display per page
@@ -28,5 +28,4 @@ interface PaginationProps {
      */
     activePage?: number;
 }
-export declare const Pagination: VoidFunctionComponent<PaginationProps>;
-export {};
+export declare const Pagination: FC<PaginationProps>;

package/dist/components/pagination/util/index.d.ts

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

package/dist/components/pagination/util/pagination-util.d.ts

@@ -1,6 +1,5 @@
-interface PageRange {
+export interface PageRange {
     begin: number;
     end: number;
 }
 export declare function calculateShownPageRange(totalPages: number, pagesShown: number, currentPage: number): PageRange;
-export {};

package/dist/components/password-creation-input/index.d.ts

@@ -0,0 +1,4 @@
+export { PasswordCreationInput } from './password-creation-input';
+export { hasALowerCaseLetter, hasAnUpperCaseLetter, hasMinLength as isLongEnough, } from './validation-condition';
+export type { PasswordCreationInputProps } from './password-creation-input';
+export type { ValidationCondition } from './validation-condition';

package/dist/components/password-creation-input/password-creation-input.d.ts

@@ -1,10 +1,9 @@
-import { ChangeEvent, VoidFunctionComponent } from 'react';
+import { ChangeEvent, type FC } from 'react';
 import { ValidationCondition } from './validation-condition';
-interface PasswordCreationInputProps {
+export interface PasswordCreationInputProps {
     name?: string;
     id?: string;
     onChange(newPassword: string, isValid: boolean, event: ChangeEvent<HTMLInputElement>): void;
     validations?: ValidationCondition[];
 }
-export declare const PasswordCreationInput: VoidFunctionComponent<PasswordCreationInputProps>;
-export {};
+export declare const PasswordCreationInput: FC<PasswordCreationInputProps>;

package/dist/components/password-creation-input/password-rule.d.ts

@@ -1,8 +1,8 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 interface PasswordConditionProps {
     label: string;
     isEmpty: boolean;
     isValid: boolean;
 }
-export declare const PasswordRule: VoidFunctionComponent<PasswordConditionProps>;
+export declare const PasswordRule: FC<PasswordConditionProps>;
 export {};

package/dist/components/password-creation-input/password-strength-container.d.ts

@@ -1,8 +1,8 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 import { PasswordStrengthEnum } from './password-strength.enum';
 interface PasswordStrengthContainerProps {
     strength: PasswordStrengthEnum;
     id: string;
 }
-export declare const PasswordStrengthContainer: VoidFunctionComponent<PasswordStrengthContainerProps>;
+export declare const PasswordStrengthContainer: FC<PasswordStrengthContainerProps>;
 export {};

package/dist/components/password-creation-input/password-strength-meter.d.ts

@@ -1,7 +1,7 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 import { PasswordStrengthEnum } from './password-strength.enum';
 interface PasswordStrengthMeterProps {
     strength: PasswordStrengthEnum;
 }
-export declare const PasswordStrengthMeter: VoidFunctionComponent<PasswordStrengthMeterProps>;
+export declare const PasswordStrengthMeter: FC<PasswordStrengthMeterProps>;
 export {};

package/dist/components/password-input/index.d.ts

@@ -0,0 +1,2 @@
+export { PasswordInput } from './password-input';
+export type { PasswordInputProps } from './password-input';

package/dist/components/password-input/password-input.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEvent, VoidFunctionComponent, FocusEvent } from 'react';
-interface PasswordInputProps {
+import { ChangeEvent, type FC, FocusEvent } from 'react';
+export interface PasswordInputProps {
     id?: string;
     name?: string;
     label?: string;
@@ -14,5 +14,4 @@ interface PasswordInputProps {
     onFocus?(event: FocusEvent<HTMLInputElement>): void;
 }
 export declare const ShowPasswordButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PasswordInput: VoidFunctionComponent<PasswordInputProps>;
-export {};
+export declare const PasswordInput: FC<PasswordInputProps>;

package/dist/components/phone-input/index.d.ts

@@ -0,0 +1,2 @@
+export { PhoneInput } from './phone-input';
+export type { PhoneInputProps } from './phone-input';

package/dist/components/phone-input/phone-input.d.ts

@@ -1,5 +1,5 @@
-import { VoidFunctionComponent } from 'react';
-interface PhoneInputProps {
+import { FC } from 'react';
+export interface PhoneInputProps {
     pattern: string;
     defaultValue?: string;
     readOnly?: boolean;
@@ -11,5 +11,4 @@ interface PhoneInputProps {
     id?: string;
     validationErrorMessage?: string;
 }
-export declare const PhoneInput: VoidFunctionComponent<PhoneInputProps>;
-export {};
+export declare const PhoneInput: FC<PhoneInputProps>;

package/dist/components/progress-circular/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressCircular } from './progress-circular';
+export type { ProgressCircularProps } from './progress-circular';

package/dist/components/progress-circular/progress-circular.d.ts

@@ -1,4 +1,4 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 declare const sizes: {
     xsmall: number;
     small: number;
@@ -12,5 +12,5 @@ export interface ProgressCircularProps {
     inverted?: boolean;
     value: number;
 }
-export declare const ProgressCircular: VoidFunctionComponent<ProgressCircularProps>;
+export declare const ProgressCircular: FC<ProgressCircularProps>;
 export {};

package/dist/components/progress-indicator/index.d.ts

@@ -0,0 +1 @@
+export { ProgressIndicator } from './progress-indicator';

package/dist/components/progress-indicator/progress-indicator.d.ts

@@ -1,13 +1 @@
-import { ReactText, VoidFunctionComponent } from 'react';
-interface Props {
-    className?: string;
-    /** [0 - 100] */
-    percent: number;
-    color: string;
-    /** End label */
-    resultLabel: ReactText;
-    /** Top label */
-    descriptionLabel?: string;
-}
-export declare const ProgressIndicator: VoidFunctionComponent<Props>;
-export {};
+export declare const ProgressIndicator: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/dist/components/progress-tracker/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressTracker } from './progress-tracker';
+export type { ProgressTrackerStep, ProgressTrackerProps } from './progress-tracker';

package/dist/components/progress-tracker/progress-tracker.d.ts

@@ -1,16 +1,15 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 export interface ProgressTrackerStep {
     href?: string;
     label: string;
     completion?: 'completed' | 'uncompleted';
     onClick?: (stepNumber: number) => void;
 }
-interface ProgressTrackerProps {
+export interface ProgressTrackerProps {
     ariaLabel?: string;
     className?: string;
     linear?: boolean;
     steps: ProgressTrackerStep[];
     value: number;
 }
-export declare const ProgressTracker: VoidFunctionComponent<ProgressTrackerProps>;
-export {};
+export declare const ProgressTracker: FC<ProgressTrackerProps>;

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

@@ -0,0 +1,2 @@
+export { RadioButton } from './radio-button';
+export type { RadioButtonProps } from './radio-button';

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

@@ -1,5 +1,5 @@
 import { ChangeEvent, FunctionComponent } from 'react';
-interface RadioButtonProps {
+export interface RadioButtonProps {
     ariaLabel?: string;
     ariaLabelledBy?: string[];
     checked?: boolean;
@@ -13,4 +13,3 @@ interface RadioButtonProps {
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
 export declare const RadioButton: FunctionComponent<RadioButtonProps>;
-export {};

package/dist/components/radio-button/radio-input.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, FocusEvent } from 'react';
-interface RadioInputProps {
+export interface RadioInputProps {
     ariaLabel?: string;
     ariaLabelledBy?: string[];
     checked?: boolean;
@@ -14,4 +14,3 @@ interface RadioInputProps {
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
 export declare const RadioInput: import("react").ForwardRefExoticComponent<RadioInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/radio-button-group/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioButtonGroup } from './radio-button-group';
+export type { RadioButtonGroupProps, RadioButtonGroupButtonProps } from './radio-button-group';

package/dist/components/radio-button-group/radio-button-group.d.ts

@@ -1,18 +1,18 @@
-import { ChangeEvent, VoidFunctionComponent } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
-interface RadioButtonProps {
+import { ChangeEvent, type FC, ReactElement } from 'react';
+import { ToggletipProps } from '../toggletip';
+import { TooltipProps } from '../tooltip';
+export interface RadioButtonGroupButtonProps {
     label: string;
     value: string;
     id?: string;
     defaultChecked?: boolean;
     disabled?: boolean;
     content?: {
-        element: React.ReactElement;
+        element: ReactElement;
         maxHeight?: number;
     };
 }
-interface RadioButtonGroupProps {
+export interface RadioButtonGroupProps {
     ariaLabel?: string;
     ariaLabelledBy?: string[];
     className?: string;
@@ -23,10 +23,9 @@ interface RadioButtonGroupProps {
     /** Sets the name property of all buttons */
     groupName: string;
     checkedValue?: string;
-    buttons: RadioButtonProps[];
+    buttons: RadioButtonGroupButtonProps[];
     /** Duration in milliseconds */
     transitionDuration?: number;
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
-export declare const RadioButtonGroup: VoidFunctionComponent<RadioButtonGroupProps>;
-export {};
+export declare const RadioButtonGroup: FC<RadioButtonGroupProps>;

package/dist/components/radio-card-group/index.d.ts

@@ -0,0 +1,4 @@
+export { RadioCard } from './radio-card';
+export type { RadioCardProps } from './radio-card';
+export { RadioCardGroup } from './radio-card-group';
+export type { RadioCardGroupProps } from './radio-card-group';

package/dist/components/radio-card-group/radio-card-group.d.ts

@@ -1,10 +1,9 @@
-import { ReactElement, VoidFunctionComponent } from 'react';
+import { type FC, ReactElement } from 'react';
 import { RadioCardProps } from './radio-card';
-interface RadioCardGroupProps {
+export interface RadioCardGroupProps {
     children: ReactElement<RadioCardProps> | ReactElement<RadioCardProps>[];
     className?: string;
     label?: string;
     orientation?: 'horizontal' | 'vertical';
 }
-export declare const RadioCardGroup: VoidFunctionComponent<RadioCardGroupProps>;
-export {};
+export declare const RadioCardGroup: FC<RadioCardGroupProps>;

package/dist/components/radio-card-group/radio-card.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ReactElement, ReactNode, VoidFunctionComponent } from 'react';
+import { ChangeEvent, FC, ReactElement, ReactNode } from 'react';
 export interface RadioCardProps {
     checked?: boolean;
     children?: ReactNode;
@@ -12,5 +12,5 @@ export interface RadioCardProps {
     value: string;
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
-export declare const RadioCard: VoidFunctionComponent<RadioCardProps>;
+export declare const RadioCard: FC<RadioCardProps>;
 export declare const isRadioCard: (child: unknown) => child is ReactElement<RadioCardProps>;

package/dist/components/radio-card-group/styled-components.d.ts

@@ -1,4 +1,4 @@
-import { ResolvedTheme } from '../../themes/theme';
+import { ResolvedTheme } from '../../themes';
 interface DescriptionProps {
     $isMobile: boolean;
     theme: ResolvedTheme;

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

@@ -0,0 +1,2 @@
+export { RouteLink } from './route-link';
+export type { RouteLinkProps } from './route-link';

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

@@ -1,8 +1,8 @@
-import { ComponentPropsWithoutRef, MouseEvent, VoidFunctionComponent } from 'react';
-import { NavLink, Link as ReactRouterLink } from 'react-router-dom';
-import { IconName } from '../icon/icon';
+import { ComponentPropsWithoutRef, type FC, MouseEvent } from 'react';
+import { Link as ReactRouterLink, NavLink } from 'react-router-dom';
+import { IconName } from '../icon';
 type RouterLinkProps = Pick<ComponentPropsWithoutRef<typeof NavLink>, 'end'>;
-interface LinkProps extends RouterLinkProps {
+export interface RouteLinkProps extends RouterLinkProps {
     className?: string;
     disabled?: boolean;
     href: string;
@@ -14,5 +14,5 @@ interface LinkProps extends RouterLinkProps {
 /**
  * @deprecated This component is deprecated and will be removed in future releases. Use Link instead.
  */
-export declare const RouteLink: VoidFunctionComponent<LinkProps>;
+export declare const RouteLink: FC<RouteLinkProps>;
 export {};

package/dist/components/route-link/styles/index.d.ts

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

package/dist/components/screen-reader-only-text/ScreenReaderOnlyText.d.ts

@@ -1,6 +1,5 @@
-import { VoidFunctionComponent } from 'react';
-interface Props {
+import { type FC } from 'react';
+export interface ScreenReaderOnlyTextProps {
     label: string;
 }
-export declare const ScreenReaderOnlyText: VoidFunctionComponent<Props>;
-export {};
+export declare const ScreenReaderOnlyText: FC<ScreenReaderOnlyTextProps>;

package/dist/components/screen-reader-only-text/index.d.ts

@@ -0,0 +1,2 @@
+export { ScreenReaderOnlyText } from './ScreenReaderOnlyText';
+export type { ScreenReaderOnlyTextProps } from './ScreenReaderOnlyText';

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

@@ -0,0 +1,4 @@
+export { SearchContextual } from './search-contextual';
+export type { SearchContextualProps } from './search-contextual';
+export { SearchGlobal } from './search-global';
+export type { SearchGlobalProps } from './search-global';

package/dist/components/search/search-contextual.d.ts

@@ -1,4 +1,4 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 import { CommonSearchProps } from './search-input';
 export type SearchContextualProps = CommonSearchProps;
-export declare const SearchContextual: VoidFunctionComponent<SearchContextualProps>;
+export declare const SearchContextual: FC<SearchContextualProps>;

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

@@ -1,4 +1,4 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 import { CommonSearchProps } from './search-input';
 export type SearchGlobalProps = CommonSearchProps;
-export declare const SearchGlobal: VoidFunctionComponent<SearchGlobalProps>;
+export declare const SearchGlobal: FC<SearchGlobalProps>;

package/dist/components/search/search-input.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FocusEvent, VoidFunctionComponent } from 'react';
+import { ChangeEvent, type FC, FocusEvent } from 'react';
 export interface CommonSearchProps {
     id?: string;
     disabled?: boolean;
@@ -16,4 +16,4 @@ export interface SearchInputProps extends CommonSearchProps {
     hasButton?: boolean;
     hasIcon?: boolean;
 }
-export declare const SearchInput: VoidFunctionComponent<SearchInputProps>;
+export declare const SearchInput: FC<SearchInputProps>;

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

@@ -0,0 +1,2 @@
+export { SectionalBanner } from './sectional-banner';
+export type { SectionalBannerType, SectionalBannerProps } from './sectional-banner';

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

@@ -1,12 +1,12 @@
-import { ReactNode, VoidFunctionComponent } from 'react';
-import { Tag } from '../heading/heading';
+import { type FC, ReactNode } from 'react';
+import { type HeadingTag } from '../heading';
 export type SectionalBannerType = 'neutral' | 'info' | 'discovery' | 'success' | 'warning' | 'alert';
-interface SectionalBannerProps {
+export interface SectionalBannerProps {
     buttonLabel?: string;
     className?: string;
     children: ReactNode;
     focusable?: boolean;
-    headingTag?: Tag;
+    headingTag?: HeadingTag;
     id?: string;
     /** Sets custom message title */
     title?: string;
@@ -15,5 +15,4 @@ interface SectionalBannerProps {
     onButtonClicked?(): void;
     onDismiss?(): void;
 }
-export declare const SectionalBanner: VoidFunctionComponent<SectionalBannerProps>;
-export {};
+export declare const SectionalBanner: FC<SectionalBannerProps>;

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './segmented-control';
+export type { SegmentedControlProps } from './segmented-control';

package/dist/components/segmented-control/segmented-control.d.ts

@@ -1,6 +1,6 @@
-import { MouseEvent, VoidFunctionComponent } from 'react';
-import { IconName } from '../icon/icon';
-interface SegmentedControlProps {
+import { type FC, MouseEvent } from 'react';
+import { type IconName } from '../icon';
+export interface SegmentedControlProps {
     /**
      * Takes an array of objects containing all the buttons needed
      */
@@ -20,5 +20,4 @@ interface SegmentedControlProps {
     toggleable?: boolean;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-export declare const SegmentedControl: VoidFunctionComponent<SegmentedControlProps>;
-export {};
+export declare const SegmentedControl: FC<SegmentedControlProps>;

package/dist/components/shadow-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { ShadowWrapper } from './shadow-wrapper';
+export type { ShadowWrapperProps } from './shadow-wrapper';