@okam/stack-ui 1.44.3 → 1.44.4

package/components/fields/ComboBox/index.d.ts

@@ -1,9 +1,8 @@
 import { RegisterOptions } from 'react-hook-form';
 import { TToken } from '../../../providers/Theme/interface';
 import { TComboBoxProps } from './interface';
-
-declare const ComboBox: (props: TComboBoxProps<object, TToken>) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormComboBox: ({ id, name, label, rules, tokens, themeName, isRequired, onChange, onInputChange, items, placeholder, icon, inputValue, defaultInputValue, allowsCustomValue, menuTrigger, ...rest }: TComboBoxProps & {
+declare function ComboBox(props: TComboBoxProps<object, TToken>): import("react/jsx-runtime").JSX.Element;
+export declare function ReactHookFormComboBox({ id, name, label, rules, tokens, themeName, isRequired, onChange, onInputChange, items, placeholder, icon, inputValue, defaultInputValue, allowsCustomValue, menuTrigger, ...rest }: TComboBoxProps & {
     rules?: RegisterOptions;
-}) => import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default ComboBox;

package/components/fields/ComboBox/interface.d.ts

@@ -6,7 +6,6 @@ import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent, TReactHookForm } from '../../../types/components';
 import { TDefaultNodeComponent } from '../../../types/react-stately';
 import { TButtonProps } from '../../Button/interface';
-
 export type TFieldReactHookForm<T = TToken> = TReactHookForm & Omit<TDefaultComponent<T>, 'children'>;
 export interface TComboBoxProps<I extends object = object, T extends TToken = TToken> extends Omit<TFieldReactHookForm<T>, keyof AriaComboBoxOptions<I>>, Omit<AriaComboBoxOptions<I & TDefaultNodeComponent<I, T>>, 'inputRef' | 'buttonRef' | 'popoverRef' | 'listBoxRef'>, ComboBoxStateOptions<I & TDefaultNodeComponent<I, T>> {
     hookFormRef?: RefCallBack;

package/components/fields/DatePicker/DateRangePicker.d.ts

@@ -1,4 +1,3 @@
 import { TDateRangePickerProps } from './interface';
-
 declare function DateRangePicker(props: TDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
 export default DateRangePicker;

package/components/fields/DatePicker/components/CalendarPopover.d.ts

@@ -1,3 +1,2 @@
 import { TCalendarPopoverProps } from '../interface';
-
 export declare function CalendarPopover({ themeName, tokens, ...rest }: TCalendarPopoverProps): import("react/jsx-runtime").JSX.Element;

package/components/fields/DatePicker/components/DateField.d.ts

@@ -1,4 +1,3 @@
 import { TDateFieldProps } from '../interface';
-
 declare function DateField(props: TDateFieldProps): import("react/jsx-runtime").JSX.Element;
 export default DateField;

package/components/fields/DatePicker/components/Wrapper.d.ts

@@ -1,4 +1,8 @@
 import { TWrapperProps } from '../interface';
-
-declare const Wrapper: import('react').ForwardRefExoticComponent<TWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
+declare function Wrapper({ ref, ...props }: TWrapperProps & {
+    ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Wrapper {
+    var displayName: string;
+}
 export default Wrapper;

package/components/fields/DatePicker/index.d.ts

@@ -1,5 +1,4 @@
 import { TToken } from '../../../providers/Theme/interface';
 import { TDatePickerProps } from './interface';
-
 declare function DatePicker<T extends TToken>(props: TDatePickerProps<T>): import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/components/fields/DatePicker/interface.d.ts

@@ -1,10 +1,10 @@
 import { DateValue } from '@internationalized/date';
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { AriaDatePickerProps, AriaPopoverProps, DatePickerAria, DateRangePickerAria, Placement } from 'react-aria';
 import { DateFieldState, DatePickerStateOptions, DateRangePickerStateOptions, DateSegment, OverlayTriggerState } from 'react-stately';
 import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent } from '../../../types/components';
-
+import type * as React from 'react';
 export interface TDateSegmentProps extends TDefaultComponent {
     segment: DateSegment;
     state: DateFieldState;

package/components/fields/ListBox/components/ListBoxSection.d.ts

@@ -1,5 +1,4 @@
 import { TToken } from '../../../../providers/Theme/interface';
 import { TListBoxSectionProps } from '../interface';
-
-declare const ListBoxSection: <I extends object = object, T extends TToken = TToken>({ section, state, ...props }: TListBoxSectionProps<I, T>) => import("react/jsx-runtime").JSX.Element;
+declare function ListBoxSection<I extends object = object, T extends TToken = TToken>({ section, state, ...props }: TListBoxSectionProps<I, T>): import("react/jsx-runtime").JSX.Element;
 export default ListBoxSection;

package/components/fields/ListBox/index.d.ts

@@ -1,8 +1,16 @@
 import { TToken } from '../../../providers/Theme/interface';
-import { TControlledListBoxFormProps, TListBoxFormProps, TReactHookFormListBoxProps, TControlledReactHookFormListBoxProps } from './interface';
-
-export declare const ControlledListBox: import('react').ForwardRefExoticComponent<TControlledListBoxFormProps<object, TToken> & import('react').RefAttributes<HTMLElement>>;
-declare const ListBox: (props: TListBoxFormProps<object, TToken>) => import("react/jsx-runtime").JSX.Element;
-export default ListBox;
-export declare const ControlledReactHookFormListBox: import('react').ForwardRefExoticComponent<TControlledReactHookFormListBoxProps<object, TToken> & import('react').RefAttributes<HTMLElement>>;
-export declare const ReactHookFormListBox: (props: TReactHookFormListBoxProps<object, TToken>) => import("react/jsx-runtime").JSX.Element;
+import { TControlledListBoxFormProps, TControlledReactHookFormListBoxProps, TListBoxFormProps, TReactHookFormListBoxProps } from './interface';
+export declare function ControlledListBox({ ref: listBoxRef, ...props }: TControlledListBoxFormProps<object, TToken> & {
+    ref?: React.Ref<HTMLElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace ControlledListBox {
+    var displayName: string;
+}
+export declare function ListBox(props: TListBoxFormProps<object, TToken>): import("react/jsx-runtime").JSX.Element;
+export declare function ControlledReactHookFormListBox({ ref: listBoxRef, ...props }: TControlledReactHookFormListBoxProps<object, TToken> & {
+    ref?: React.Ref<HTMLElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace ControlledReactHookFormListBox {
+    var displayName: string;
+}
+export declare function ReactHookFormListBox(props: TReactHookFormListBoxProps<object, TToken>): import("react/jsx-runtime").JSX.Element;

package/components/fields/ListBox/interface.d.ts

@@ -6,7 +6,6 @@ import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent, TReactHookForm } from '../../../types/components';
 import { TDefaultNode, TDefaultNodeComponent } from '../../../types/react-stately';
 import { TAnchorProps } from '../../Button/interface';
-
 export interface TListBoxProps<I extends object = object, T extends TToken = TToken> extends Omit<TDefaultComponent<T>, 'children'>, AriaListBoxProps<I & TDefaultNodeComponent<I, T>> {
     /**
      * @default Anchor

package/components/fields/Option/index.d.ts

@@ -1,5 +1,4 @@
 import { TToken } from '../../../providers/Theme/interface';
 import { TOptionProps } from './interface';
-
-declare const Option: <I extends object = object, T extends TToken = TToken>({ item, state, ...props }: TOptionProps<I, T>) => import("react/jsx-runtime").JSX.Element;
+declare function Option<I extends object = object, T extends TToken = TToken>({ item, state, ...props }: TOptionProps<I, T>): import("react/jsx-runtime").JSX.Element;
 export default Option;

package/components/fields/Option/interface.d.ts

@@ -5,7 +5,6 @@ import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent } from '../../../types/components';
 import { TDefaultNode } from '../../../types/react-stately';
 import { TAnchorProps } from '../../Button/interface';
-
 export interface TOptionProps<I extends object = object, T extends TToken = TToken> extends TDefaultComponent<T>, AriaOptionProps {
     state: ListState<I>;
     item: TDefaultNode<I>;

package/components/fields/Radio/Radio.interface.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
-import { ChangeHandler, RefCallBack } from 'react-hook-form';
+import { RefCallBack } from 'react-hook-form';
 import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent, TReactHookForm } from '../../../types/components';
-
+import type * as React from 'react';
 export type TFieldReactHookForm<T> = TReactHookForm & TDefaultComponent<T>;
 export interface TRadioProps<T = TToken> extends TFieldReactHookForm<T> {
     id: string;
@@ -14,7 +13,6 @@ export interface TRadioProps<T = TToken> extends TFieldReactHookForm<T> {
     errorMessage?: string;
     ariaLabel?: string;
     value: string;
-    onChange?: ((isSelected: boolean) => void) | ChangeHandler;
     inputRef?: RefCallBack;
     icon?: React.ReactNode;
 }

package/components/fields/Radio/index.d.ts

@@ -1,6 +1,4 @@
 import { TToken } from '../../../providers/Theme/interface';
 import { TRadioProps } from './Radio.interface';
-
-declare const Radio: <T extends TToken>(props: TRadioProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormRadio: <T extends TToken>(props: TRadioProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default Radio;
+export declare function Radio<T extends TToken>(props: TRadioProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ReactHookFormRadio<T extends TToken>(props: TRadioProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/fields/RadioGroup/index.d.ts

@@ -1,5 +1,4 @@
 import { TToken } from '../../../providers/Theme/interface';
 import { TRadioGroupProps } from './interface';
-
-declare const RadioGroup: <T extends TToken>(props: TRadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare function RadioGroup<T extends TToken>(props: TRadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

package/components/fields/RadioGroup/interface.d.ts

@@ -1,7 +1,6 @@
-import { default as React } from 'react';
 import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent } from '../../../types/components';
-
+import type * as React from 'react';
 export interface TRadioGroupProps<T = TToken> extends TDefaultComponent<T> {
     children: React.ReactNode;
     isError?: boolean;

package/components/fields/SearchField/index.d.ts

@@ -1,5 +1,4 @@
 import { TToken } from '../../../providers/Theme/interface';
 import { default as TSearchProps } from './interface';
-
-declare const SearchField: <T extends TToken>(props: TSearchProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare function SearchField<T extends TToken>(props: TSearchProps<T>): import("react/jsx-runtime").JSX.Element;
 export default SearchField;

package/components/fields/SearchField/interface.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { AriaSearchFieldProps } from 'react-aria';
 import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent } from '../../../types/components';
-
+import type * as React from 'react';
 export default interface TSearchProps<T = TToken> extends AriaSearchFieldProps, TDefaultComponent<T> {
     disabled?: boolean;
     placeholder?: string;

package/components/fields/Select/Select.d.ts

@@ -1,9 +1,7 @@
 import { RegisterOptions } from 'react-hook-form';
 import { TToken } from '../../../providers/Theme/interface';
 import { TSelectProps } from './Select.interface';
-
-declare const Select: <T extends TToken>(props: TSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormSelect: ({ id, name, label, rules, tokens, defaultValue, themeName, required, onChange, options, placeholderLabel, icon, popoverMatchesWidth, value, ...rest }: TSelectProps & {
+export declare function Select<T extends TToken>(props: TSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ReactHookFormSelect({ id, name, label, rules, tokens, defaultValue, themeName, required, onChange, options, placeholderLabel, icon, popoverMatchesWidth, value, ...rest }: TSelectProps & {
     rules?: RegisterOptions;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Select;
+}): import("react/jsx-runtime").JSX.Element;

package/components/fields/Select/Select.interface.d.ts

@@ -1,9 +1,9 @@
 import { CollectionChildren } from '@react-types/shared';
-import { Key, default as React } from 'react';
+import { Key } from 'react';
 import { RefCallBack } from 'react-hook-form';
 import { TToken } from '../../../providers/Theme/interface';
-import { TDefaultComponent, TReactHookForm, Nullable } from '../../../types/components';
-
+import { Nullable, TDefaultComponent, TReactHookForm } from '../../../types/components';
+import type * as React from 'react';
 export type TFieldReactHookForm<T = TToken> = TReactHookForm & Omit<TDefaultComponent<T>, 'children'>;
 export interface TSelectProps<T = TToken> extends TFieldReactHookForm<T> {
     id: string;
@@ -18,7 +18,7 @@ export interface TSelectProps<T = TToken> extends TFieldReactHookForm<T> {
     fieldRef?: RefCallBack;
     placeholderLabel: string;
     hookFormRef?: RefCallBack;
-    onSelectionChange?: (value: Key | null) => void;
+    onSelectionChange?: (_value: Key | null) => void;
     defaultValue?: string;
     value?: Nullable<string>;
     popoverMatchesWidth?: boolean;

package/components/fields/Select/components/Listbox.d.ts

@@ -1,5 +1,4 @@
 import { TListBoxProps, TOptionProps } from './Listbox.interface';
-
-declare const Option: ({ item, state, themeName }: TOptionProps) => import("react/jsx-runtime").JSX.Element;
-declare const ListBox: (props: TListBoxProps) => import("react/jsx-runtime").JSX.Element;
+declare function Option<T extends object>({ item, state, themeName }: TOptionProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ListBox<T extends object>(props: TListBoxProps<T>): import("react/jsx-runtime").JSX.Element;
 export { ListBox, Option };

package/components/fields/Select/components/Listbox.interface.d.ts

@@ -1,25 +1,21 @@
-import { default as React } from 'react';
 import { AriaListBoxOptions, AriaOptionProps } from 'react-aria';
-import { ListState } from 'react-stately';
+import { ListState, Node } from 'react-stately';
 import { TDefaultComponent } from '../../../../types/components';
-
-export interface TListBoxProps extends AriaListBoxOptions<unknown>, TDefaultComponent {
-    listBoxRef?: React.RefObject<any>;
-    state: ListState<unknown>;
+import type * as React from 'react';
+export interface TListBoxProps<T extends object = object> extends AriaListBoxOptions<T>, TDefaultComponent {
+    listBoxRef?: React.RefObject<HTMLUListElement>;
+    state: ListState<T>;
     optionsWithHeaders?: {
         key: string;
         value: string;
     }[];
 }
-export interface TOptionProps extends AriaOptionProps, TDefaultComponent {
-    item: any;
-    state: ListState<unknown>;
+export interface TOptionProps<T extends object = object> extends AriaOptionProps, TDefaultComponent {
+    item: Item<T>;
+    state: ListState<T>;
+}
+export type Item<T extends object = object> = Pick<Node<T>, 'key' | 'rendered'>;
+export interface Section<T extends object = object> {
+    header?: Item<T>;
+    items: Item<T>[];
 }
-export type Item = {
-    key: React.Key;
-    rendered: string;
-};
-export type Section = {
-    header?: Item;
-    items: Item[];
-};

package/components/fields/Select/components/Popover.d.ts

@@ -1,4 +1,3 @@
 import { TPopoverProps } from './Popover.interface';
-
-declare const Popover: (props: TPopoverProps) => import("react/jsx-runtime").JSX.Element;
+declare function Popover(props: TPopoverProps): import("react/jsx-runtime").JSX.Element;
 export default Popover;

package/components/fields/Select/components/Popover.interface.d.ts

@@ -1,9 +1,8 @@
-import { default as React } from 'react';
 import { AriaPopoverProps } from 'react-aria';
 import { OverlayTriggerState } from 'react-stately';
 import { TToken } from '../../../../providers/Theme/interface';
 import { TDefaultComponent } from '../../../../types/components';
-
+import type * as React from 'react';
 export interface TPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'>, TDefaultComponent {
     children: React.ReactNode;
     state: OverlayTriggerState;

package/components/fields/Select/components/{useListboxSections.d.ts → getListboxSections.d.ts}

@@ -1,11 +1,10 @@
 import { Item, Section } from './Listbox.interface';
-
 /**
- * Custom hook that builds a tree structure where each header is a section,
+ * Utility function that builds a tree structure where each header is a section,
  * and each following option is a child of the section.
  * If no headers are found, all items are placed in a section without a header.
  */
-export declare function useListboxSections(collection: Item[], optionsWithHeaders: {
+export declare function getListboxSections<T extends object = object>(collection: Item<T>[], optionsWithHeaders: {
     key: string;
     value: string;
-}[]): Section[];
+}[]): Section<T>[];

package/components/fields/SelectItem/SelectItem.d.ts

@@ -1,4 +1,3 @@
 import { TSelectItemProps } from './SelectItem.interface';
-
-declare const SelectItem: (props: TSelectItemProps) => import("react/jsx-runtime").JSX.Element;
+declare function SelectItem(props: TSelectItemProps): import("react/jsx-runtime").JSX.Element;
 export default SelectItem;

package/components/fields/SelectItem/SelectItem.interface.d.ts

@@ -1,5 +1,4 @@
 import { TDefaultComponent } from '../../../types/components';
-
 export interface TSelectItemProps extends TDefaultComponent {
     key: string;
     value: string;

package/components/fields/TextArea/index.d.ts

@@ -1,9 +1,7 @@
 import { RegisterOptions } from 'react-hook-form';
 import { TToken } from '../../../providers/Theme/interface';
 import { TTextInputProps } from '../TextInputField/interface';
-
-declare const TextArea: <T extends TToken>(props: TTextInputProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormTextArea: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps & {
+export declare function TextArea<T extends TToken>(props: TTextInputProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ReactHookFormTextArea({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps & {
     rules: RegisterOptions;
-}) => import("react/jsx-runtime").JSX.Element;
-export default TextArea;
+}): import("react/jsx-runtime").JSX.Element;

package/components/fields/TextInputField/index.d.ts

@@ -1,8 +1,6 @@
 import { RegisterOptions } from 'react-hook-form';
 import { TTextInputProps } from './interface';
-
-declare const TextInputField: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormInput: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, errorIcon, icon, ...rest }: TTextInputProps & {
+export declare function TextInputField(props: TTextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReactHookFormInput({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, errorIcon, icon, ...rest }: TTextInputProps & {
     rules: RegisterOptions;
-}) => import("react/jsx-runtime").JSX.Element;
-export default TextInputField;
+}): import("react/jsx-runtime").JSX.Element;

package/components/fields/TextInputField/interface.d.ts

@@ -3,7 +3,6 @@ import { AriaTextFieldOptions } from 'react-aria';
 import { RefCallBack } from 'react-hook-form';
 import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent, TReactHookForm } from '../../../types/components';
-
 export type TFieldReactHookForm<T = TToken> = TDefaultComponent<T> & TReactHookForm;
 export interface TTextInputProps<T = TToken> extends TFieldReactHookForm<T>, Omit<AriaTextFieldOptions<'input'>, 'onChange' | 'onBlur' | 'onFocus'> {
     name: string;

package/components/icons/ArrowDown.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const ArrowDown: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const ArrowDown: React.MemoExoticComponent<typeof SvgComponent>;
 export default ArrowDown;

package/components/icons/ArrowLeft.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const ArrowLeft: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const ArrowLeft: React.MemoExoticComponent<typeof SvgComponent>;
 export default ArrowLeft;

package/components/icons/ArrowRight.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const ArrowRight: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const ArrowRight: React.MemoExoticComponent<typeof SvgComponent>;
 export default ArrowRight;

package/components/icons/Check.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Check: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Check: React.MemoExoticComponent<typeof SvgComponent>;
 export default Check;

package/components/icons/ChevronLeft.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const ChevronLeft: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const ChevronLeft: React.MemoExoticComponent<typeof SvgComponent>;
 export default ChevronLeft;

package/components/icons/ChevronRight.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const ChevronRight: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const ChevronRight: React.MemoExoticComponent<typeof SvgComponent>;
 export default ChevronRight;

package/components/icons/CloseBtn.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const CloseBtn: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const CloseBtn: React.MemoExoticComponent<typeof SvgComponent>;
 export default CloseBtn;

package/components/icons/ErrorIcon.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const ErrorIcon: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const ErrorIcon: React.MemoExoticComponent<typeof SvgComponent>;
 export default ErrorIcon;

package/components/icons/Facebook.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Facebook: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Facebook: React.MemoExoticComponent<typeof SvgComponent>;
 export default Facebook;

package/components/icons/FacebookColored.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const FacebookColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const FacebookColored: React.MemoExoticComponent<typeof SvgComponent>;
 export default FacebookColored;

package/components/icons/FacebookRounded.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const FacebookRounded: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const FacebookRounded: React.MemoExoticComponent<typeof SvgComponent>;
 export default FacebookRounded;

package/components/icons/Globe.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Globe: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Globe: React.MemoExoticComponent<typeof SvgComponent>;
 export default Globe;

package/components/icons/IconFallback.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Fallback: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Fallback: React.MemoExoticComponent<typeof SvgComponent>;
 export default Fallback;

package/components/icons/Instagram.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Instagram: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Instagram: React.MemoExoticComponent<typeof SvgComponent>;
 export default Instagram;

package/components/icons/InstagramColored.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const InstagramColored: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const InstagramColored: React.MemoExoticComponent<typeof SvgComponent>;
 export default InstagramColored;

package/components/icons/Link.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Link: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Link: React.MemoExoticComponent<typeof SvgComponent>;
 export default Link;

package/components/icons/LinkedIn.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const LinkedIn: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const LinkedIn: React.MemoExoticComponent<typeof SvgComponent>;
 export default LinkedIn;

package/components/icons/Mail.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Mail: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Mail: React.MemoExoticComponent<typeof SvgComponent>;
 export default Mail;

package/components/icons/Plus.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Plus: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Plus: React.MemoExoticComponent<typeof SvgComponent>;
 export default Plus;

package/components/icons/Print.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Print: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Print: React.MemoExoticComponent<typeof SvgComponent>;
 export default Print;

package/components/icons/Search.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Search: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Search: React.MemoExoticComponent<typeof SvgComponent>;
 export default Search;

package/components/icons/Share.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Share: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Share: React.MemoExoticComponent<typeof SvgComponent>;
 export default Share;

package/components/icons/Twitter.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-
-declare const Twitter: React.MemoExoticComponent<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+import * as React from 'react';
+declare function SvgComponent(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const Twitter: React.MemoExoticComponent<typeof SvgComponent>;
 export default Twitter;