@okam/stack-ui 1.44.4 → 1.44.6

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## 1.44.6 (2026-01-23)
+
+### 🩹 Fixes
+
+- **stack-ui:** prevent infinite loop in MenuSidePanel with React 19 ([fdba160](https://github.com/OKAMca/stack/commit/fdba160))
+
+### 🧱 Updated Dependencies
+
+- Updated core-lib to 1.17.4
+
+### ❤️ Thank You
+
+- Claude Opus 4.5
+- Marie-Maxime Tanguay
+
 ## 1.44.4 (2026-01-21)
 
 ### 🧱 Updated Dependencies

package/components/Accordion/components/AccordionItem.d.ts

@@ -1,4 +1,4 @@
+import { JSX } from 'react';
 import { TAccordionItemProps } from '../interface';
-import * as React from 'react';
-declare const _AccordionItem: (_props: TAccordionItemProps) => React.JSX.Element;
+declare const _AccordionItem: (_props: TAccordionItemProps) => JSX.Element;
 export default _AccordionItem;

package/components/Alerts/components/AlertsCloseButton.d.ts

@@ -1,7 +1,7 @@
+import { Ref } from 'react';
 import { TAnchorProps } from '../../Button/interface';
-import type * as React from 'react';
 interface AlertsCloseButtonProps extends TAnchorProps {
-    ref?: React.Ref<HTMLElement>;
+    ref?: Ref<HTMLElement>;
 }
 declare function AlertsCloseButton({ ref, ...props }: AlertsCloseButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AlertsCloseButton {

package/components/Alerts/interface.d.ts

@@ -1,16 +1,16 @@
+import { ReactNode } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
 import { TButtonProps } from '../Button/interface';
 import { TLegacyCarouselProps } from '../Carousel/interface';
 import { TCarouselSlideProps } from '../Carousel/swiper/interface';
 import { LightboxProps } from '../Lightbox/interface';
-import type * as React from 'react';
 export interface TAlertsItem extends TCarouselSlideProps {
     id: string;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     title?: string;
     ariaLabel?: string;
-    content?: React.ReactNode;
+    content?: ReactNode;
     button?: TButtonProps;
 }
 export type TAlertsItemProps<T extends TToken = TToken> = TAlertsItem & Omit<TDefaultComponent<T>, 'children'>;

package/components/Box/index.d.ts

@@ -1,9 +1,9 @@
+import { Ref } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TBoxProps } from './interface';
-import * as React from 'react';
 export declare function Box<T extends TToken>({ as: Component, themeName, tokens, customTheme, children, className, ...rest }: TBoxProps<T>): import("react/jsx-runtime").JSX.Element;
 export interface TBoxWithForwardRefProps<T = TToken> extends TBoxProps<T> {
-    ref?: React.Ref<HTMLElement>;
+    ref?: Ref<HTMLElement>;
 }
 export declare function BoxWithForwardRef<T extends TToken>({ ref, as: Component, tokens, themeName, customTheme, children, ...rest }: TBoxWithForwardRefProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace BoxWithForwardRef {

package/components/Box/interface.d.ts

@@ -1,10 +1,10 @@
 import { DOMAttributes } from '@react-types/shared';
+import { ReactNode } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
-import type * as React from 'react';
 export interface TBoxProps<T = TToken> extends TDefaultComponent<T>, DOMAttributes {
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     };

package/components/Button/index.d.ts

@@ -1,11 +1,11 @@
+import { Ref } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TAnchorProps, TButtonProps } from './interface';
-import * as React from 'react';
 export declare function Anchor({ ref: forwardRef, ...props }: TAnchorProps & {
-    ref?: React.Ref<HTMLElement>;
+    ref?: Ref<HTMLElement>;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function ButtonWithForwardRef({ ref, ...props }: TAnchorProps & {
-    ref?: React.Ref<HTMLElement>;
+    ref?: Ref<HTMLElement>;
 }): import("react/jsx-runtime").JSX.Element;
 export declare namespace ButtonWithForwardRef {
     var displayName: string;

package/components/Button/interface.d.ts

@@ -1,12 +1,11 @@
-import { Ref, RefAttributes } from 'react';
+import { ReactNode, Ref, RefAttributes } from 'react';
 import { PressEvent } from 'react-aria';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
 import { NextLinkProps } from '../../types/next-link';
-import type * as React from 'react';
 export type TButtonAnchorElement = HTMLAnchorElement & HTMLButtonElement;
 export interface TButtonProps<T = TToken> extends TDefaultComponent<T> {
-    children?: React.ReactNode;
+    children?: ReactNode;
     id?: string;
     href?: string;
     disabled?: boolean;

package/components/Carousel/index.d.ts

@@ -1,4 +1,4 @@
+import { JSX } from 'react';
 import { TCarouselProps } from './interface';
-import * as React from 'react';
-declare function Carousel(props: TCarouselProps): React.JSX.Element;
+declare function Carousel(props: TCarouselProps): JSX.Element;
 export default Carousel;

package/components/Carousel/navigation/LegacyCarouselNavigationButton.d.ts

@@ -1,7 +1,7 @@
+import { Ref } from 'react';
 import { TAnchorProps } from '../../Button/interface';
-import type * as React from 'react';
 interface LegacyCarouselNavigationButtonProps extends TAnchorProps {
-    ref?: React.Ref<HTMLElement>;
+    ref?: Ref<HTMLElement>;
     onSubmit?: () => void;
 }
 /**

package/components/Icon/interface.d.ts

@@ -1,8 +1,7 @@
-import { SVGProps } from 'react';
+import { ReactNode, SVGProps } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
-import type * as React from 'react';
 export interface TIconProps<T = TToken> extends TDefaultComponent<T>, SVGProps<SVGSVGElement> {
-    icon?: string | React.ReactNode;
-    children?: React.ReactNode;
+    icon?: string | ReactNode;
+    children?: ReactNode;
 }

package/components/Lightbox/interface.d.ts

@@ -1,12 +1,11 @@
 import { DOMAttributes } from '@react-types/shared';
-import { Dispatch, FunctionComponent, SetStateAction } from 'react';
+import { Dispatch, ForwardRefExoticComponent, FunctionComponent, ReactNode, RefAttributes, SetStateAction } from 'react';
 import { OverlayTriggerProps as AriaOverlayTriggerProps } from 'react-aria';
 import { OverlayTriggerProps } from 'react-stately';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent, TTransition } from '../../types/components';
 import { TButtonProps } from '../Button/interface';
-import type * as React from 'react';
-type TCloseButtonProps = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>> | FunctionComponent<TButtonProps>;
+type TCloseButtonProps = ForwardRefExoticComponent<TButtonProps & RefAttributes<HTMLButtonElement & HTMLAnchorElement>> | FunctionComponent<TButtonProps>;
 export interface LightboxProps<T = TToken> extends TDefaultComponent<T>, OverlayTriggerProps, Omit<AriaOverlayTriggerProps, 'type'> {
     closeButtonAriaLabel?: string;
     setOpen?: Dispatch<SetStateAction<boolean>>;
@@ -17,7 +16,7 @@ export interface LightboxProps<T = TToken> extends TDefaultComponent<T>, Overlay
 }
 export interface TLightboxProps<T = TToken> extends LightboxProps<T> {
     label: string;
-    thumbnailContent: React.ReactNode;
+    thumbnailContent: ReactNode;
 }
 export interface LightboxAria {
     overlayProps: DOMAttributes & {

package/components/Menu/interface.d.ts

@@ -1,19 +1,19 @@
 import { AriaLabelingProps } from '@react-types/shared';
+import { ElementType, JSX, ReactNode } from 'react';
 import { AriaTabListProps } from 'react-aria';
 import { TToken } from '../../providers/Theme/interface';
 import { Maybe, TDefaultComponent, TTransition } from '../../types/components';
 import { NextLinkProps } from '../../types/next-link';
-import type * as React from 'react';
 export interface MenuProps {
     id: string;
-    children: React.ReactNode;
-    beforeTabContent?: React.ReactNode;
-    afterTabContent?: React.ReactNode;
-    PanelTransition?: (_props: TTransition) => React.JSX.Element;
+    children: ReactNode;
+    beforeTabContent?: ReactNode;
+    afterTabContent?: ReactNode;
+    PanelTransition?: (_props: TTransition) => JSX.Element;
 }
 export type TMenuProps<T = TToken> = AriaTabListProps<MenuProps> & MenuProps & TDefaultComponent<T>;
 export type TMenuSidePanelProps = TMenuProps & {
-    TransitionAnimation?: (_props: TTransition) => React.JSX.Element;
+    TransitionAnimation?: (_props: TTransition) => JSX.Element;
 };
 export type PartialHtmlBaseElement = Omit<Partial<HTMLBaseElement>, 'id' | 'onClick' | 'target' | 'role' | 'children'>;
 export interface IMenuItemProp {
@@ -23,7 +23,7 @@ export interface IMenuItemProp {
     path?: string;
     label?: string;
     nextLinkProps?: NextLinkProps;
-    as?: React.ElementType;
+    as?: ElementType;
     onClick?: () => void;
 }
 export type TMenuItemProps = IMenuItemProp & TDefaultComponent & AriaLabelingProps & {
@@ -34,8 +34,8 @@ export type TMenuItemProps = IMenuItemProp & TDefaultComponent & AriaLabelingPro
 };
 export interface TMenuItemsProps extends TDefaultComponent {
     menuItems?: TMenuItemProps[] | null;
-    menuLinkComponent?: React.ElementType;
-    buttonLinkComponent?: React.ElementType;
-    children?: React.ReactNode;
+    menuLinkComponent?: ElementType;
+    buttonLinkComponent?: ElementType;
+    children?: ReactNode;
 }
 export default TMenuProps;

package/components/Modal/interface.d.ts

@@ -1,19 +1,18 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 import { AriaModalOverlayProps } from 'react-aria';
 import { OverlayTriggerState } from 'react-stately';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent, TTransition } from '../../types/components';
 import { TDialogAria, TDialogProps } from '../Dialog/interface';
-import type * as React from 'react';
 export interface TModalAria extends TDialogAria, AriaModalOverlayProps {
 }
 export interface TModalProps<T = TToken> extends TModalAria, TDefaultComponent<T> {
     state: OverlayTriggerState;
-    children: React.ReactNode;
+    children: ReactNode;
     transitionComponent?: FunctionComponent<TTransition>;
 }
 export interface TModalOverlayProps extends AriaModalOverlayProps, TDefaultComponent {
-    children: React.ReactNode;
+    children: ReactNode;
     state: OverlayTriggerState;
 }
 export interface TModalDialogProps extends TDialogProps {

package/components/Node/index.d.ts

@@ -1,4 +1,4 @@
+import { JSX } from 'react';
 import { TNodeProps } from './interface';
-import type * as React from 'react';
-declare const _Node: (_props: TNodeProps<object>) => React.JSX.Element;
+declare const _Node: (_props: TNodeProps<object>) => JSX.Element;
 export { _Node as Node };

package/components/PrintButton/interface.d.ts

@@ -1,7 +1,7 @@
+import { ReactNode } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
-import type * as React from 'react';
 export interface TPrintButtonProps<T = TToken> extends TDefaultComponent<T> {
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     ariaLabel: string;
 }

package/components/ShareButton/interface.d.ts

@@ -1,9 +1,9 @@
+import { ReactNode } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
-import type * as React from 'react';
 export interface TShareButtonProps<T = TToken> extends TDefaultComponent<TShareButtonTokens & T> {
     id: string;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     ariaLabel: string;
     sharingLinksList: TShareButtonLink[];
     onShare?: (_sharingMedium: string) => void;
@@ -17,7 +17,7 @@ export interface TIconsContainerProps<T = TToken> extends Omit<TShareButtonProps
 }
 export interface TShareButtonLink {
     ariaLabel: string;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     key: string;
     onClick?: (_linkKey: string) => void;
     href?: string;

package/components/SidePanel/interface.d.ts

@@ -1,14 +1,13 @@
-import { ReactNode } from 'react';
+import { JSX, ReactNode } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent, TTransition } from '../../types/components';
 import { TModalAria } from '../Modal/interface';
-import type * as React from 'react';
 export interface TSidePanelProps<T extends TToken> extends TDefaultComponent<T>, TModalAria {
     id: string;
     children?: ReactNode;
     closeBtnRender?: () => ReactNode;
-    TransitionAnimation?: (_props: TTransition) => React.JSX.Element;
-    PanelTransition?: (_props: TTransition) => React.JSX.Element;
+    TransitionAnimation?: (_props: TTransition) => JSX.Element;
+    PanelTransition?: (_props: TTransition) => JSX.Element;
     /**
      * @deprecated Use `onOpenChange` instead
      */

package/components/TabList/components/TabItem.d.ts

@@ -1,4 +1,4 @@
+import { JSX } from 'react';
 import { TTabItemProps } from '../interface';
-import * as React from 'react';
-declare const _TabItem: <T extends object>(_props: TTabItemProps<T>) => React.JSX.Element;
+declare const _TabItem: <T extends object>(_props: TTabItemProps<T>) => JSX.Element;
 export { _TabItem as TabItem };

package/components/TabList/interface.d.ts

@@ -1,10 +1,9 @@
-import { ComponentType, ReactElement } from 'react';
+import { ComponentType, ReactElement, ReactNode } from 'react';
 import { AriaTabListProps, AriaTabPanelProps, AriaTabProps } from 'react-aria';
 import { TabListState } from 'react-stately';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent, TTransition } from '../../types/components';
 import { TDefaultItemComponent, TDefaultNode } from '../../types/react-stately';
-import type * as React from 'react';
 export interface TTabItemProps<I extends object = object> extends TDefaultItemComponent<I> {
 }
 export type TTabElement<I extends object = object> = ReactElement<TTabItemProps<I>>;
@@ -17,6 +16,6 @@ export interface TTabPanelProps<I extends object, T extends TToken = TToken> ext
     panelTransition?: ComponentType<TTransition>;
 }
 export interface TTabListProps<I extends object, T extends TToken = TToken> extends AriaTabListProps<I & TDefaultItemComponent<I, T>>, Omit<TDefaultComponent<T>, 'children'> {
-    label?: React.ReactNode;
+    label?: ReactNode;
     panelTransition?: ComponentType<TTransition>;
 }

package/components/TagGroup/components/TagItem.d.ts

@@ -1,4 +1,4 @@
+import { JSX } from 'react';
 import { TTagItemProps } from '../interface';
-import * as React from 'react';
-declare const _TagItem: <T extends object>(_props: TTagItemProps<T>) => React.JSX.Element;
+declare const _TagItem: <T extends object>(_props: TTagItemProps<T>) => JSX.Element;
 export { _TagItem as TagItem };

package/components/Typography/index.d.ts

@@ -1,7 +1,7 @@
+import { Ref } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TTypographyProps } from './interface';
-import * as React from 'react';
 export declare function Typography<T extends TToken>({ as: Component, themeName, tokens, customTheme, children, ...rest }: TTypographyProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare function TypographyWithForwardRef({ ref, ...props }: TTypographyProps & {
-    ref?: React.Ref<HTMLElement>;
+    ref?: Ref<HTMLElement>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/Typography/interface.d.ts

@@ -1,8 +1,8 @@
+import { ReactNode } from 'react';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
-import type * as React from 'react';
 export interface TTypographyProps<T = TToken> extends TDefaultComponent<T> {
-    children?: React.ReactNode;
+    children?: ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     };

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

@@ -1,13 +1,13 @@
+import { ReactNode } from 'react';
 import { AriaCheckboxProps } from 'react-aria';
 import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent } from '../../../types/components';
-import type * as React from 'react';
 export interface TCheckboxProps<T = TToken> extends TDefaultComponent<T>, AriaCheckboxProps {
     label: string;
     isError?: boolean;
     errorMessage?: string;
     ariaLabel?: string;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
 }
 export interface TCheckboxLabelStyles {
     isDisabled?: boolean;

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

@@ -1,11 +1,11 @@
+import { ReactNode } from 'react';
 import { AriaCheckboxGroupItemProps } from 'react-aria';
 import { CheckboxGroupProps } from 'react-stately';
 import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent } from '../../../types/components';
 import { TCheckboxProps } from '../Checkbox/Checkbox.interface';
-import type * as React from 'react';
 export interface TCheckboxGroupProps<T = TToken> extends TDefaultComponent<T>, CheckboxGroupProps {
-    children: React.ReactNode;
+    children: ReactNode;
     isError?: boolean;
     isDisabled?: boolean;
     errorMessage?: string;

package/components/fields/ComboBox/hooks/useComboBoxFiltering.d.ts

@@ -1,5 +1,5 @@
+import { ReactElement } from 'react';
 import { TDefaultItemComponent } from '../../../../types/react-stately';
-import * as React from 'react';
 interface SimpleSectionData<T extends object = object> {
     key: string;
     title?: string;
@@ -18,13 +18,13 @@ export declare function useComboBoxFiltering<T extends object = object>(items: A
     items: (SimpleSectionData<T> | FlatListItem<T>)[] | {
         items: TDefaultItemComponent<T, import('../../../..').TToken>[] | undefined;
         key: import('react-stately').Key;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         customTheme?: import('../../../..').TCustomTheme;
         tokens?: import('../../../..').TToken | undefined;
         themeName?: string | null | undefined;
-        title?: React.ReactNode;
+        title?: import('react').ReactNode;
         'aria-label'?: string;
-        children: (import('@react-types/shared').ItemElement<T> | import('@react-types/shared').ItemElement<T>[] | import('@react-types/shared').ItemRenderer<T>) & (((_props: TDefaultItemComponent<T, import('../../../..').TToken>) => React.ReactElement) | undefined);
+        children: (import('@react-types/shared').ItemElement<T> | import('@react-types/shared').ItemElement<T>[] | import('@react-types/shared').ItemRenderer<T>) & (((_props: TDefaultItemComponent<T, import('../../../..').TToken>) => ReactElement) | undefined);
     }[] | undefined;
 };
 export {};

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

@@ -4,7 +4,6 @@ import { AriaDatePickerProps, AriaPopoverProps, DatePickerAria, DateRangePickerA
 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;
@@ -39,7 +38,7 @@ export interface TDateRangePickerProps<T = TToken> extends DateRangePickerStateO
     outerDateFieldSeparator?: ReactNode;
 }
 export interface TCalendarPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'>, TDefaultComponent {
-    children: React.ReactNode;
+    children: ReactNode;
     state: OverlayTriggerState;
 }
 export interface TWrapperProps extends TDefaultComponent, Pick<DateRangePickerAria | DatePickerAria, 'groupProps' | 'buttonProps'>, Pick<TDatePickerBase, 'icon' | 'buttonLabel' | 'buttonContent'> {

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

@@ -1,7 +1,7 @@
+import { ReactNode } from 'react';
 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 +14,7 @@ export interface TRadioProps<T = TToken> extends TFieldReactHookForm<T> {
     ariaLabel?: string;
     value: string;
     inputRef?: RefCallBack;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
 }
 export interface TRadioLabelStyles {
     isDisabled?: boolean;

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

@@ -1,8 +1,8 @@
+import { ReactNode } 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;
+    children: ReactNode;
     isError?: boolean;
     isDisabled?: boolean;
     errorMessage?: string;

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

@@ -1,11 +1,11 @@
+import { ReactNode } 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;
     ariaLabel?: string;
-    errorMessage?: React.ReactNode;
-    icon?: React.ReactNode;
+    errorMessage?: ReactNode;
+    icon?: ReactNode;
 }

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

@@ -1,13 +1,12 @@
 import { CollectionChildren } from '@react-types/shared';
-import { Key } from 'react';
+import { Key, ReactNode } from 'react';
 import { RefCallBack } from 'react-hook-form';
 import { TToken } from '../../../providers/Theme/interface';
 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;
-    icon?: string | React.ReactNode;
+    icon?: string | ReactNode;
     label?: string;
     children?: CollectionChildren<object> | undefined;
     name: string;

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

@@ -1,9 +1,9 @@
+import { RefObject } from 'react';
 import { AriaListBoxOptions, AriaOptionProps } from 'react-aria';
 import { ListState, Node } from 'react-stately';
 import { TDefaultComponent } from '../../../../types/components';
-import type * as React from 'react';
 export interface TListBoxProps<T extends object = object> extends AriaListBoxOptions<T>, TDefaultComponent {
-    listBoxRef?: React.RefObject<HTMLUListElement>;
+    listBoxRef?: RefObject<HTMLUListElement>;
     state: ListState<T>;
     optionsWithHeaders?: {
         key: string;

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

@@ -1,13 +1,13 @@
+import { CSSProperties, ReactNode, RefObject } 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;
+    children: ReactNode;
     state: OverlayTriggerState;
     variant?: string;
-    popoverRef?: React.RefObject<HTMLDivElement>;
+    popoverRef?: RefObject<HTMLDivElement>;
     tokens?: TToken;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 }

package/components/icons/ArrowDown.d.ts

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

package/components/icons/ArrowLeft.d.ts

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

package/components/icons/ArrowRight.d.ts

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

package/components/icons/Check.d.ts

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

package/components/icons/ChevronLeft.d.ts

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

package/components/icons/ChevronRight.d.ts

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

package/components/icons/CloseBtn.d.ts

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

package/components/icons/ErrorIcon.d.ts

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

package/components/icons/Facebook.d.ts

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