@okam/stack-ui 1.42.4 → 1.44.0

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+## 1.44.0 (2026-01-14)
+
+### 🚀 Features
+
+- **stack-ui:** listbox react hook form integration ([f79cffc](https://github.com/OKAMca/stack/commit/f79cffc))
+- ⚠️  React 19 + Next.js 15 upgrade for all @okam/* packages ([#369](https://github.com/OKAMca/stack/pull/369))
+
+### 🩹 Fixes
+
+- **stack-ui:** props order fix ([b129ebe](https://github.com/OKAMca/stack/commit/b129ebe))
+- **stack-ui:** add icon + error icon to text input ([485cd9e](https://github.com/OKAMca/stack/commit/485cd9e))
+- **stack-ui:** typing fixes ([dc7b453](https://github.com/OKAMca/stack/commit/dc7b453))
+
+### ⚠️  Breaking Changes
+
+- Consumers must now have react and react-dom in their own
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Max Hilland
+- Pierre-Olivier Clerson @poclerson
+
+# 1.43.0 (2026-01-13)
+
+### 🚀 Features
+
+- React 19 + Next.js 15 upgrade for all @okam/* packages ([#369](https://github.com/OKAMca/stack/pull/369))
+
+### 🩹 Fixes
+
+- **stack-ui:** typing fixes ([dc7b453](https://github.com/OKAMca/stack/commit/dc7b453))
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Max Hilland
+
 ## 1.42.4 (2025-11-27)
 
 ### 🩹 Fixes

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

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

package/components/Accordion/components/AriaAccordionItem.d.ts

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

package/components/Accordion/hooks/useAccordionState.d.ts

@@ -1,4 +1,5 @@
-import type { AccordionProps } from '../interface';
+import { AccordionProps } from '../interface';
+
 /**
  * Wraps react stately's `useTreeState` hook while automatically setting expanded keys props
  * to selected keys props for convenience.
@@ -7,4 +8,4 @@ import type { AccordionProps } from '../interface';
  *
  * If the expanded keys props are set, they will act like the regular `useTreeState` hook
  */
-export default function useAccordionState(params: AccordionProps): import("react-stately").TreeState<import("../interface").TAccordionItemProps>;
+export default function useAccordionState(params: AccordionProps): import('react-stately').TreeState<import('../interface').TAccordionItemProps>;

package/components/Accordion/index.d.ts

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

package/components/Accordion/interface.d.ts

@@ -1,8 +1,9 @@
-import type { AccordionItemAriaProps } from '@react-aria/accordion';
-import type { ComponentType, ReactElement } from 'react';
-import type { ItemProps, TreeProps } from 'react-stately';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent, TTransition } from '../../types/components';
+import { AccordionItemAriaProps } from '@react-aria/accordion';
+import { ComponentType, ReactElement } from 'react';
+import { ItemProps, TreeProps } from 'react-stately';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent, TTransition } from '../../types/components';
+
 type TAccordionDefaultComponent<T = TToken> = Omit<TDefaultComponent<T>, 'children'>;
 export interface AccordionProps extends TreeProps<TAccordionItemProps> {
     children: ReactElement<TAccordionItemProps> | ReactElement<TAccordionItemProps>[];

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

@@ -1,3 +1,4 @@
-import type { TButtonProps } from '../../Button/interface';
-declare const AlertsCloseButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+import { TButtonProps } from '../../Button/interface';
+
+declare const AlertsCloseButton: import('react').ForwardRefExoticComponent<TButtonProps<import('../../..').TToken> & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export default AlertsCloseButton;

package/components/Alerts/components/AlertsItem.d.ts

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

package/components/Alerts/index.d.ts

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

package/components/Alerts/interface.d.ts

@@ -1,10 +1,11 @@
-import type React from 'react';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
-import type { TButtonProps } from '../Button/interface';
-import type { TLegacyCarouselProps } from '../Carousel/interface';
-import type { TCarouselSlideProps } from '../Carousel/swiper/interface';
-import type { LightboxProps } from '../Lightbox/interface';
+import { default as React } 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';
+
 export interface TAlertsItem extends TCarouselSlideProps {
     id: string;
     icon?: React.ReactNode;

package/components/Box/index.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TBoxProps } from './interface';
+import { default as React } from 'react';
+import { TToken } from '../../providers/Theme/interface';
+import { TBoxProps } from './interface';
+
 declare const Box: <T extends TToken>({ as: Component, themeName, tokens, customTheme, children, className, ...rest }: TBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const BoxWithForwardRef: React.ForwardRefExoticComponent<TBoxProps<TToken> & React.RefAttributes<HTMLElement>>;
 export default Box;

package/components/Box/interface.d.ts

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

package/components/Button/index.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TAnchorProps, TButtonProps } from './interface';
-export declare const Anchor: React.ForwardRefExoticComponent<TAnchorProps<TToken> & React.RefAttributes<import("./interface").TButtonAnchorElement>>;
+import { default as React } from 'react';
+import { TToken } from '../../providers/Theme/interface';
+import { TAnchorProps, TButtonProps } from './interface';
+
+export declare const Anchor: React.ForwardRefExoticComponent<TAnchorProps<TToken> & React.RefAttributes<import('./interface').TButtonAnchorElement>>;
 export declare const ButtonWithForwardRef: React.ForwardRefExoticComponent<TButtonProps<TToken> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 declare const ButtonComponent: {
     <T extends TToken>(props: TButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/Button/interface.d.ts

@@ -1,9 +1,9 @@
-import type { PressEvent } from '@react-types/shared';
-import type React from 'react';
-import type { Ref, RefAttributes } from 'react';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
-import type { NextLinkProps } from '../../types/next-link';
+import { PressEvent } from '@react-types/shared';
+import { default as React, Ref, RefAttributes } from 'react';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent } from '../../types/components';
+import { NextLinkProps } from '../../types/next-link';
+
 export type TButtonAnchorElement = HTMLAnchorElement & HTMLButtonElement;
 export interface TButtonProps<T = TToken> extends TDefaultComponent<T> {
     children?: React.ReactNode;

package/components/Calendar/RangeCalendar.d.ts

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

package/components/Calendar/components/CalendarCell.d.ts

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

package/components/Calendar/components/CalendarGrid.d.ts

@@ -1,3 +1,4 @@
-import type { TCalendarGridProps } from '../interface';
+import { TCalendarGridProps } from '../interface';
+
 declare function CalendarGrid({ themeName, customTheme, tokens, state, weekdayStyle: weekdayStyleProp, ...rest }: TCalendarGridProps): import("react/jsx-runtime").JSX.Element;
 export default CalendarGrid;

package/components/Calendar/components/NavigationButtons.d.ts

@@ -1,3 +1,4 @@
-import type { TCalendarNavigationButtonsProps } from '../interface';
+import { TCalendarNavigationButtonsProps } from '../interface';
+
 declare const NavigationButtons: ({ themeName, tokens, buttons, prevButtonProps, nextButtonProps, ...rest }: TCalendarNavigationButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export default NavigationButtons;

package/components/Calendar/index.d.ts

@@ -1,4 +1,5 @@
-import type { TToken } from '../../providers/Theme/interface';
-import type { TCalendarProps } from './interface';
+import { TToken } from '../../providers/Theme/interface';
+import { TCalendarProps } from './interface';
+
 declare function Calendar<T extends TToken>({ buttons, tokens, customTheme, themeName, gridProps, value, ...rest }: TCalendarProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Calendar;

package/components/Calendar/interface.d.ts

@@ -1,8 +1,9 @@
-import type { CalendarDate, DateValue } from '@internationalized/date';
-import type { AriaCalendarGridProps, CalendarAria, CalendarProps, RangeCalendarProps } from 'react-aria';
-import type { RangeCalendarState, CalendarState } from 'react-stately';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
+import { CalendarDate, DateValue } from '@internationalized/date';
+import { AriaCalendarGridProps, CalendarAria, CalendarProps, RangeCalendarProps } from 'react-aria';
+import { RangeCalendarState, CalendarState } from 'react-stately';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent } from '../../types/components';
+
 type TCalendarButtons = {
     buttonPrev?: {
         icon?: string;

package/components/Calendar/utils/getIsDateOutsideRange.d.ts

@@ -1,4 +1,5 @@
-import type { DateValue } from 'react-aria';
-import type { CalendarState, RangeCalendarState } from 'react-stately';
-import type { Nullable } from '../../../types/components';
+import { DateValue } from 'react-aria';
+import { CalendarState, RangeCalendarState } from 'react-stately';
+import { Nullable } from '../../../types/components';
+
 export declare function getIsDateOutsideRange(date: Nullable<DateValue>, state: CalendarState | RangeCalendarState): boolean;

package/components/Carousel/a11y/CarouselA11yAnnouncer.d.ts

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

package/components/Carousel/a11y/interface.d.ts

@@ -1,5 +1,6 @@
-import type { DOMAttributes } from '@react-types/shared';
-import type { A11yOptions } from 'swiper/types';
+import { DOMAttributes } from '@react-types/shared';
+import { A11yOptions } from 'swiper/types';
+
 export interface TCarouselA11yAnnouncerProps extends DOMAttributes {
 }
 export interface TCustomA11yOptions extends A11yOptions {

package/components/Carousel/a11y/useCarouselA11yAnnouncer.d.ts

@@ -1,6 +1,7 @@
-import type { TCarouselA11yAnnouncerProps } from './interface';
+import { TCarouselA11yAnnouncerProps } from './interface';
+
 export declare function useCarouselA11yAnnouncer(props: TCarouselA11yAnnouncerProps): {
-    a11y: import("swiper/types").A11yOptions | undefined;
+    a11y: import('swiper/types').A11yOptions | undefined;
     announcerProps: TCarouselA11yAnnouncerProps & {
         'aria-live': string;
         children: string | undefined;

package/components/Carousel/carousel.stories.d.ts

@@ -1,5 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Carousel from '.';
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Carousel } from '.';
+
 declare const meta: Meta<typeof Carousel>;
 export default meta;
 type Story = StoryObj<typeof Carousel>;

package/components/Carousel/components/LegacyCarousel.d.ts

@@ -1,4 +1,5 @@
-import type { TLegacyCarouselProps } from '../interface';
+import { TLegacyCarouselProps } from '../interface';
+
 /**
  * @deprecated Use Carousel instead
  */

package/components/Carousel/index.d.ts

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

package/components/Carousel/interface.d.ts

@@ -1,10 +1,11 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
+import { SwiperProps } from 'swiper/react';
+import { TDefaultComponent } from '../../types/components';
+import { TCustomA11yOptions } from './a11y/interface';
+import { TCarouselNavigationButtonComponent } from './navigation/interface';
+import { TCarouselSlideProps } from './swiper/interface';
+
 import type * as SwiperModules from 'swiper/modules';
-import type { SwiperProps } from 'swiper/react';
-import type { TDefaultComponent } from '../../types/components';
-import type { TCustomA11yOptions } from './a11y/interface';
-import type { TCarouselNavigationButtonComponent } from './navigation/interface';
-import type { TCarouselSlideProps } from './swiper/interface';
 export interface TSwiperProps extends Omit<SwiperProps, 'a11y'> {
     a11y?: TCustomA11yOptions;
     id: string;

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

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

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

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

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

@@ -1,16 +1,17 @@
-import type { TButtonProps } from '../../Button/interface';
+import { TButtonProps } from '../../Button/interface';
+
 /**
  * @deprecated Use CarouselNextNavigation/CarouselPrevNavigation instead
  */
-export declare const LegacyCarouselNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & {
+export declare const LegacyCarouselNavigationButton: import('react').ForwardRefExoticComponent<TButtonProps<import('../../..').TToken> & {
     onSubmit?: () => void;
-} & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+} & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 /**
  * @deprecated Use CarouselNextNavigation instead
  */
-export declare const LegacyCarouselNextNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const LegacyCarouselNextNavigationButton: import('react').ForwardRefExoticComponent<TButtonProps<import('../../..').TToken> & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 /**
  * @deprecated Use CarouselPrevNavigation instead
  */
-export declare const LegacyCarouselPrevNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const LegacyCarouselPrevNavigationButton: import('react').ForwardRefExoticComponent<TButtonProps<import('../../..').TToken> & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export default LegacyCarouselNavigationButton;

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

@@ -1,12 +1,13 @@
-import type { DOMAttributes } from '@react-types/shared';
-import type { RefObject } from 'react';
-import type { TButtonProps } from '../../Button/interface';
+import { DOMAttributes } from '@react-types/shared';
+import { RefObject } from 'react';
+import { TButtonProps } from '../../Button/interface';
+
 export type TCarouselNavigationButtonComponent = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export type TCarouselNavigationButtonProps = TButtonProps & {
     onSubmit?: () => void;
 };
 export interface TCarouselNavigation {
     navigationProps: TButtonProps & DOMAttributes;
-    ref: RefObject<HTMLButtonElement & HTMLAnchorElement>;
+    ref: RefObject<(HTMLButtonElement & HTMLAnchorElement) | null>;
     isDisabled: boolean;
 }

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

@@ -1,3 +1,4 @@
-import type { TButtonProps } from '../../Button/interface';
-import type { TCarouselNavigation } from './interface';
+import { TButtonProps } from '../../Button/interface';
+import { TCarouselNavigation } from './interface';
+
 export declare function useCarouselNextNavigation(props: TButtonProps): TCarouselNavigation;

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

@@ -1,3 +1,4 @@
-import type { TButtonProps } from '../../Button/interface';
-import type { TCarouselNavigation } from './interface';
+import { TButtonProps } from '../../Button/interface';
+import { TCarouselNavigation } from './interface';
+
 export declare function useCarouselPrevNavigation(props: TButtonProps): TCarouselNavigation;

package/components/Carousel/pagination/CarouselPagination.d.ts

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

package/components/Carousel/pagination/CarouselPaginationBullet.d.ts

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

package/components/Carousel/pagination/CarouselPaginationFraction.d.ts

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

package/components/Carousel/pagination/interface.d.ts

@@ -1,10 +1,11 @@
-import type { DOMAttributes } from '@react-types/shared';
-import type { ReactNode } from 'react';
-import type { SwiperClass } from 'swiper/react';
-import type { TDefaultComponent } from '../../../types/components';
-import type { TButtonProps } from '../../Button/interface';
-import type { TCustomA11yOptions } from '../a11y/interface';
-import type { TCarouselSlideProps } from '../swiper/interface';
+import { DOMAttributes } from '@react-types/shared';
+import { ReactNode } from 'react';
+import { SwiperClass } from 'swiper/react';
+import { TDefaultComponent } from '../../../types/components';
+import { TButtonProps } from '../../Button/interface';
+import { TCustomA11yOptions } from '../a11y/interface';
+import { TCarouselSlideProps } from '../swiper/interface';
+
 export interface TCarouselPaginationProps<TSlideProps extends TCarouselSlideProps = TCarouselSlideProps> extends Omit<TDefaultComponent, 'children'>, Pick<TCustomA11yOptions, 'paginationGroupLabel'> {
     /**
      * @deprecated Use the activeIndex from the context instead

package/components/Carousel/pagination/useCarouselPagination.d.ts

@@ -1,2 +1,3 @@
-import type { TCarouselPagination, TCarouselPaginationProps } from './interface';
+import { TCarouselPagination, TCarouselPaginationProps } from './interface';
+
 export declare function useCarouselPagination(props: TCarouselPaginationProps): TCarouselPagination;

package/components/Carousel/pagination/useCarouselPaginationBullet.d.ts

@@ -1,2 +1,3 @@
-import type { TCarouselPaginationBullet, TCarouselPaginationBulletProps } from './interface';
+import { TCarouselPaginationBullet, TCarouselPaginationBulletProps } from './interface';
+
 export declare function useCarouselPaginationBullet(props: TCarouselPaginationBulletProps): TCarouselPaginationBullet;

package/components/Carousel/pagination/useCarouselPaginationFraction.d.ts

@@ -1,2 +1,3 @@
-import type { TCarouselPaginationFractionProps, TCarouselPaginationFraction } from './interface';
+import { TCarouselPaginationFractionProps, TCarouselPaginationFraction } from './interface';
+
 export declare function useCarouselPaginationFraction(props: TCarouselPaginationFractionProps): TCarouselPaginationFraction;

package/components/Carousel/swiper/CarouselSlide.d.ts

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

package/components/Carousel/swiper/CarouselSwiper.d.ts

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

package/components/Carousel/swiper/interface.d.ts

@@ -1,9 +1,10 @@
-import type { DOMAttributes } from '@react-types/shared';
-import type { ReactNode, ReactElement, RefObject } from 'react';
-import type { useSwiperSlide, SwiperSlideProps, SwiperRef } from 'swiper/react';
-import type { Swiper } from 'swiper/types';
-import type { TDefaultComponent } from '../../../types/components';
-import type { TSwiperProps } from '../interface';
+import { DOMAttributes } from '@react-types/shared';
+import { ReactNode, ReactElement, RefObject } from 'react';
+import { useSwiperSlide, SwiperSlideProps, SwiperRef } from 'swiper/react';
+import { Swiper } from 'swiper/types';
+import { TDefaultComponent } from '../../../types/components';
+import { TSwiperProps } from '../interface';
+
 type SlideData = ReturnType<typeof useSwiperSlide>;
 export interface TCarouselSlideProps extends Omit<TDefaultComponent, 'children'>, Omit<SwiperSlideProps, 'children' | 'content'> {
     id: string;
@@ -24,11 +25,11 @@ export interface TCarouselSwiperProps<TSlideProps extends TCarouselSlideProps =
 export interface TCarouselSwiper<TSlideProps extends TCarouselSlideProps = TCarouselSlideProps> {
     swiperProps: TSwiperProps & DOMAttributes;
     slides: TSlideProps[];
-    ref: RefObject<SwiperRef>;
+    ref: RefObject<SwiperRef | null>;
 }
 export interface TCarouselSlide extends SlideData {
     slideProps: DOMAttributes;
     titleProps: DOMAttributes;
-    ref: RefObject<HTMLElement>;
+    ref: RefObject<HTMLElement | null>;
 }
 export {};

package/components/Carousel/swiper/useCarouselSlide.d.ts

@@ -1,2 +1,3 @@
-import type { TCarouselSlideProps, TCarouselSlide } from './interface';
+import { TCarouselSlideProps, TCarouselSlide } from './interface';
+
 export declare function useCarouselSlide(props: TCarouselSlideProps): TCarouselSlide;

package/components/Carousel/swiper/useCarouselSwiper.d.ts

@@ -1,2 +1,3 @@
-import type { TCarouselSwiper, TCarouselSwiperProps } from './interface';
+import { TCarouselSwiper, TCarouselSwiperProps } from './interface';
+
 export declare function useCarouselSwiper(props: TCarouselSwiperProps): TCarouselSwiper;

package/components/Date/index.d.ts

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

package/components/Date/interface.d.ts

@@ -1,6 +1,7 @@
-import type { DateFormatterOptions } from 'react-aria';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
+import { DateFormatterOptions } from 'react-aria';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent } from '../../types/components';
+
 export interface TDateProps<T = TToken> extends TDefaultComponent<T> {
     date: string;
     dateFormatterOptions?: DateFormatterOptions;

package/components/Dialog/index.d.ts

@@ -1,2 +1,3 @@
-import type { TDialogProps } from './interface';
+import { TDialogProps } from './interface';
+
 export declare function Dialog(props: TDialogProps): import("react/jsx-runtime").JSX.Element;

package/components/Dialog/interface.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode } from 'react';
-import type { AriaDialogProps } from 'react-aria';
-import type { TDefaultComponent } from '../../types/components';
+import { ReactNode } from 'react';
+import { AriaDialogProps } from 'react-aria';
+import { TDefaultComponent } from '../../types/components';
+
 export interface TDialogAria extends AriaDialogProps {
     title?: ReactNode;
 }

package/components/Icon/index.d.ts

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

package/components/Icon/interface.d.ts

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