@equisoft/design-elements-react 9.11.0 → 9.11.1-snapshot.20260129021021

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

@@ -1,4 +1,4 @@
-import { type VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 declare const iconMapping: {
     readonly alertCircle: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly alertFilled: any;
@@ -115,5 +115,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,73 @@
+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 { useDeviceContext, type DeviceContextProviderProps } from './device-context-provider';
+export * from './disclosure';
+export * from './dropdown-list';
+export type { ExternalItemProps, GroupItemProps, NavItemProps } from './dropdown-menu';
+export * from './dropdown-navigation';
+export * from './error-summary';
+export * from './external-link';
+export * from './feedbacks';
+export * from './field-container';
+export * from './fieldset';
+export * from './filters';
+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/listbox/listbox-tag.d.ts

@@ -0,0 +1,18 @@
+import { FC, RefObject } from 'react';
+type ListOption = {
+    value: string;
+    label?: string;
+};
+export interface TagValue {
+    id?: string;
+    label: string;
+}
+export interface ListBoxTagProps<T extends ListOption> {
+    disabled?: boolean;
+    option: T;
+    readOnly?: boolean;
+    textboxRef: RefObject<HTMLDivElement>;
+    handleTagRemove?(tag: TagValue): void;
+}
+export declare const ListboxTag: FC<ListBoxTagProps<ListOption>>;
+export {};

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

@@ -1,4 +1,4 @@
-import { ForwardRefExoticComponent, KeyboardEvent, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, KeyboardEvent, RefAttributes, type RefObject } from 'react';
 type Value = string | string[];
 export interface ListboxOption {
     disabled?: boolean;
@@ -11,6 +11,7 @@ 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.
      */
@@ -20,6 +21,11 @@ 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
@@ -50,5 +56,7 @@ export interface ListboxProps {
      */
     onOptionClick?(option?: ListboxOption): void;
 }
-export declare const Listbox: ForwardRefExoticComponent<ListboxProps & RefAttributes<HTMLDivElement>>;
+export interface ListboxRef extends HTMLDivElement {
+}
+export declare const Listbox: ForwardRefExoticComponent<ListboxProps & RefAttributes<ListboxRef>>;
 export {};

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

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

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

@@ -0,0 +1,34 @@
+type HasValue = {
+    value: string;
+};
+type Value = string | string[];
+export declare function optionsAreEqual<T extends HasValue>(option: T, optionToCompare: T): boolean;
+export declare function addUniqueOption<T extends HasValue>(newOption: T, options?: T[]): T[];
+export declare function removeOption<T extends HasValue>(optionToRemove: T, options?: T[]): T[];
+export declare function isOptionEnabled<T extends {
+    disabled?: boolean;
+}>(option: T): boolean;
+export declare function disableNonSelectedOptions<T extends {
+    disabled?: boolean;
+    value: string;
+}>(options: T[], selectedOptions: T[]): T[];
+export declare function findOptionsByValue<T extends HasValue>(options: T[], searchValue?: Value | undefined): T[];
+export declare function createCustomOption<T extends {
+    value: string;
+    label?: string;
+}>(value: string, label?: string): T;
+export declare function getDefaultOptions<T extends {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+}>(searchValue: Value | undefined, options: T[], multiselect?: boolean, forceSelectDefaultOption?: boolean): T[] | undefined;
+export declare function getOptionLabel<T extends {
+    label?: string;
+}>(option: T): string;
+export declare function getValueAsString(value: Value | undefined): string;
+export declare function getValueAsStringArray(value: Value | undefined): string[];
+export declare function isOptionSelected<T extends HasValue>(option: T, selectedOptions: T[] | undefined): boolean;
+export declare function getNewOptionSelection<T extends HasValue>(option: T, selectedOptions: T[] | undefined, forceSelected?: boolean): T[];
+export declare function getSelectedOptionValues<T extends HasValue>(selectedOptions: T[] | undefined): string[] | undefined;
+export declare function getJoinedValues<T extends HasValue>(selectedOptions: T[] | undefined): string;
+export {};

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { KeyboardEvent, RefObject } from 'react';
-import { IconName } from '../icon/icon';
+import { type IconName } from '../icon';
 export interface MenuOption {
     label: string;
     iconName?: IconName;
@@ -21,15 +21,13 @@ interface ListGroup extends MenuGroup {
     groupOptions: ListOption[];
 }
 type ListItem = ListGroup | ListOption;
-interface Props {
+export interface MenuProps {
     className?: string;
     id?: string;
-    initialFocusIndex?: number;
     numberOfVisibleItems?: number;
     options: MenuItem[];
-    $placement?: 'left' | 'right';
     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/nav-list/nav-list.d.ts

@@ -6,7 +6,6 @@ export interface NavListProps {
     className?: string;
     /** Sets the current focused element in the menu */
     focusedValue?: string;
-    hidden?: boolean;
     /** onChange callback function, invoked when an option is selected */
     onChange?(option: NavListOption): void;
     /** onKeyDown callback function, invoked when a key is pressed */

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,2 @@
-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 {};
+import { FC, SVGProps } from 'react';
+export declare const ProgressIndicator: import("styled-components").StyledComponent<FC<SVGProps<SVGSVGElement>>, import("styled-components").DefaultTheme, {}, never>;