@okam/stack-ui 1.42.3 → 1.43.0

package/components/Lightbox/interface.d.ts

@@ -1,11 +1,11 @@
-import type { DOMAttributes } from '@react-types/shared';
-import type React from 'react';
-import type { Dispatch, FunctionComponent, SetStateAction } from 'react';
-import type { OverlayTriggerProps as AriaOverlayTriggerProps } from 'react-aria';
-import type { OverlayTriggerProps } from 'react-stately';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent, TTransition } from '../../types/components';
-import type { TButtonProps } from '../Button/interface';
+import { DOMAttributes } from '@react-types/shared';
+import { default as React, Dispatch, FunctionComponent, 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';
+
 type TCloseButtonProps = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>> | FunctionComponent<TButtonProps>;
 export interface LightboxProps<T = TToken> extends TDefaultComponent<T>, OverlayTriggerProps, Omit<AriaOverlayTriggerProps, 'type'> {
     closeButtonAriaLabel?: string;

package/components/Menu/Menu.d.ts

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

package/components/Menu/MenuSidePanel.d.ts

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

package/components/Menu/components/InnerContent.d.ts

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

package/components/Menu/components/MenuItems.d.ts

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

package/components/Menu/components/TabContainer.d.ts

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

package/components/Menu/interface.d.ts

@@ -1,18 +1,20 @@
-import type { AriaTabListProps } from '@react-types/tabs';
-import type React from 'react';
-import type { TToken } from '../../providers/Theme/interface';
-import type { Maybe, TDefaultComponent, TTransition } from '../../types/components';
-import type { NextLinkProps } from '../../types/next-link';
+import { AriaLabelingProps } from '@react-types/shared';
+import { AriaTabListProps } from '@react-types/tabs';
+import { default as React } from 'react';
+import { TToken } from '../../providers/Theme/interface';
+import { Maybe, TDefaultComponent, TTransition } from '../../types/components';
+import { NextLinkProps } from '../../types/next-link';
+
 export type MenuProps = {
     id: string;
     children: React.ReactNode;
     beforeTabContent?: React.ReactNode;
     afterTabContent?: React.ReactNode;
-    PanelTransition?: (props: TTransition) => JSX.Element;
+    PanelTransition?: (props: TTransition) => React.JSX.Element;
 };
 export type TMenuProps<T = TToken> = AriaTabListProps<MenuProps> & MenuProps & TDefaultComponent<T>;
 export type TMenuSidePanelProps = TMenuProps & {
-    TransitionAnimation?: (props: TTransition) => JSX.Element;
+    TransitionAnimation?: (props: TTransition) => React.JSX.Element;
 };
 export type PartialHtmlBaseElement = Omit<Partial<HTMLBaseElement>, 'id' | 'onClick' | 'target' | 'role' | 'children'>;
 export interface IMenuItemProp {
@@ -25,7 +27,12 @@ export interface IMenuItemProp {
     as?: React.ElementType<any>;
     onClick?: () => void;
 }
-export type TMenuItemProps = IMenuItemProp & TDefaultComponent & PartialHtmlBaseElement;
+export type TMenuItemProps = IMenuItemProp & TDefaultComponent & AriaLabelingProps & {
+    /**
+     * @deprecated Use `aria-label` instead
+     */
+    ariaLabel?: string;
+};
 export interface TMenuItemsProps extends TDefaultComponent {
     menuItems?: TMenuItemProps[] | null;
     menuLinkComponent?: React.ElementType<any>;

package/components/Modal/components/ModalDialog.d.ts

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

package/components/Modal/components/ModalOverlay.d.ts

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

package/components/Modal/index.d.ts

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

package/components/Modal/interface.d.ts

@@ -1,10 +1,10 @@
-import type { OverlayTriggerState } from '@react-stately/overlays';
-import type React from 'react';
-import type { FunctionComponent } from 'react';
-import type { AriaModalOverlayProps } from 'react-aria';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent, TTransition } from '../../types/components';
-import type { TDialogAria, TDialogProps } from '../Dialog/interface';
+import { OverlayTriggerState } from '@react-stately/overlays';
+import { default as React, FunctionComponent } from 'react';
+import { AriaModalOverlayProps } from 'react-aria';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent, TTransition } from '../../types/components';
+import { TDialogAria, TDialogProps } from '../Dialog/interface';
+
 export interface TModalAria extends TDialogAria, AriaModalOverlayProps {
 }
 export interface TModalProps<T = TToken> extends TModalAria, TDefaultComponent<T> {

package/components/Node/index.d.ts

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

package/components/Node/interface.d.ts

@@ -1,4 +1,5 @@
-import type { ItemProps, SectionProps } from '@react-types/shared';
+import { ItemProps, SectionProps } from '@react-types/shared';
+
 export type TNodeProps<T> = Omit<ItemProps<T>, 'children'> | (Omit<SectionProps<T>, 'children'> & {
     children: ItemProps<T>['children'] | SectionProps<T>['children'];
 });

package/components/Popover/components/Button.d.ts

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

package/components/Popover/index.d.ts

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

package/components/Popover/interface.d.ts

@@ -1,9 +1,10 @@
-import type { ReactElement, RefObject, SVGProps } from 'react';
-import type { AriaPopoverProps, AriaPositionProps, FocusScopeProps, OverlayTriggerProps } from 'react-aria';
-import type { OverlayTriggerProps as AriaOverlayTriggerProps, OverlayTriggerState } from 'react-stately';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
-import type { TButtonProps } from '../Button/interface';
+import { ReactElement, RefObject, SVGProps } from 'react';
+import { AriaPopoverProps, AriaPositionProps, FocusScopeProps, OverlayTriggerProps } from 'react-aria';
+import { OverlayTriggerProps as AriaOverlayTriggerProps, OverlayTriggerState } from 'react-stately';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent } from '../../types/components';
+import { TButtonProps } from '../Button/interface';
+
 export interface TPopoverButtonProps<T = TToken> extends TDefaultComponent<T>, TButtonProps<T>, AriaOverlayTriggerProps, AriaPositionProps, OverlayTriggerProps, Pick<AriaPopoverProps, 'shouldCloseOnInteractOutside' | 'isKeyboardDismissDisabled'> {
     /**
      * @deprecated Pass button props directly to the component. `buttonProps.children` can now be passed as `label` prop.
@@ -17,7 +18,7 @@ export interface TPopoverProps<T = TToken> extends TDefaultComponent<T>, Omit<Ar
     children: ReactElement | ReactElement[];
     arrow?: ReactElement<SVGProps<SVGSVGElement> & TDefaultComponent<T>>;
     sizeRef?: RefObject<HTMLElement | null>;
-    popoverRef?: RefObject<HTMLElement>;
-    triggerRef: RefObject<HTMLElement>;
+    popoverRef?: RefObject<HTMLElement | null>;
+    triggerRef: RefObject<HTMLElement | null>;
 }
 export type PopoverOrientation = 'left' | 'right';

package/components/Popover/popover.stories.d.ts

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

package/components/PrintButton/index.d.ts

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

package/components/PrintButton/interface.d.ts

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

package/components/ShareButton/index.d.ts

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

package/components/ShareButton/interface.d.ts

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

package/components/SidePanel/index.d.ts

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

package/components/SidePanel/interface.d.ts

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

package/components/SkipToMain/index.d.ts

@@ -0,0 +1,22 @@
+import { TToken } from '../../providers/Theme/interface';
+import { TSkipToMainProps, TMainProps } from './interface';
+
+/**
+ * SkipToMain Component
+ * A skip link that allows keyboard users to quickly navigate to the main content.
+ * Should be used at the top of the page layout.
+ */
+declare const SkipToMain: {
+    <T extends TToken>({ href, themeName, tokens, customTheme, children, ariaLabel, ...rest }: TSkipToMainProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Main Component
+ * The main content landmark region. Should wrap the primary content of the page.
+ * Uses react-aria's useLandmark hook for enhanced keyboard navigation (F6/Shift+F6).
+ */
+export declare const Main: {
+    <T extends TToken>({ as, id, tabIndex, themeName, tokens, customTheme, children, ...rest }: TMainProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SkipToMain;

package/components/SkipToMain/interface.d.ts

@@ -0,0 +1,14 @@
+import { AriaLandmarkProps } from 'react-aria';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent } from '../../types/components';
+
+export interface TSkipToMainProps<T = TToken> extends TDefaultComponent<T> {
+    href?: string;
+    ariaLabel?: string;
+    children?: React.ReactNode;
+}
+export interface TMainProps<T = TToken> extends TDefaultComponent<T>, AriaLandmarkProps {
+    id?: string;
+    tabIndex?: number;
+    children?: React.ReactNode;
+}

package/components/TabList/components/Tab.d.ts

@@ -1,4 +1,5 @@
-import type { TDefaultItemComponent } from '../../../types/react-stately';
-import type { TTabProps } from '../interface';
+import { TDefaultItemComponent } from '../../../types/react-stately';
+import { TTabProps } from '../interface';
+
 declare const Tab: <I extends TDefaultItemComponent>({ item, state, ...props }: TTabProps<I>) => import("react/jsx-runtime").JSX.Element;
 export default Tab;

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

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

package/components/TabList/components/TabPanel.d.ts

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

package/components/TabList/index.d.ts

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

package/components/TabList/interface.d.ts

@@ -1,10 +1,10 @@
-import type { TabListState } from '@react-stately/tabs';
-import type { AriaTabListProps, AriaTabPanelProps, AriaTabProps } from '@react-types/tabs';
-import type { ComponentType, ReactElement } from 'react';
-import type React from 'react';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent, TTransition } from '../../types/components';
-import type { TDefaultItemComponent, TDefaultNode } from '../../types/react-stately';
+import { TabListState } from '@react-stately/tabs';
+import { AriaTabListProps, AriaTabPanelProps, AriaTabProps } from '@react-types/tabs';
+import { ComponentType, ReactElement, default as React } from 'react';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent, TTransition } from '../../types/components';
+import { TDefaultItemComponent, TDefaultNode } from '../../types/react-stately';
+
 export interface TTabItemProps<I extends object = object> extends TDefaultItemComponent<I> {
 }
 export type TTabElement<I extends object = object> = ReactElement<TTabItemProps<I>>;

package/components/TabList/tab-list.stories.d.ts

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

package/components/TagGroup/components/Tag.d.ts

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

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

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

package/components/TagGroup/index.d.ts

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

package/components/TagGroup/interface.d.ts

@@ -1,10 +1,11 @@
-import type { CollectionElement, ItemProps, Node } from '@react-types/shared';
-import type { ReactElement } from 'react';
-import type { AriaTagGroupProps, AriaTagProps } from 'react-aria';
-import type { ListState } from 'react-stately';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
-import type { TButtonProps } from '../Button/interface';
+import { CollectionElement, ItemProps, Node } from '@react-types/shared';
+import { ReactElement } from 'react';
+import { AriaTagGroupProps, AriaTagProps } from 'react-aria';
+import { ListState } from 'react-stately';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent } from '../../types/components';
+import { TButtonProps } from '../Button/interface';
+
 type TTagCollectionElement<I extends object> = CollectionElement<I> & {
     removeButtonProps?: TButtonProps;
 };

package/components/Typography/index.d.ts

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

package/components/Typography/interface.d.ts

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

package/components/Video/index.d.ts

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

package/components/Video/interface.d.ts

@@ -1,6 +1,7 @@
-import type { VideoHTMLAttributes } from 'react';
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
+import { VideoHTMLAttributes } from 'react';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent } from '../../types/components';
+
 export interface TVideoProps<T = TToken> extends TDefaultComponent<T>, VideoHTMLAttributes<HTMLVideoElement> {
     src: string;
     type?: string;

package/components/WysiwygBlock/index.d.ts

@@ -1,4 +1,5 @@
-import type { TToken } from '../../providers/Theme/interface';
-import type TWysiwygBlockProps from './interface';
+import { TToken } from '../../providers/Theme/interface';
+import { default as TWysiwygBlockProps } from './interface';
+
 declare const WysiwygBlock: <Tags extends string = string, T extends TToken = TToken>({ content, themeName, useSanitizerDefaultAllowedTags, useSanitizerDefaultAllowedAttributes, allowedTags, allowedAttributes, ...rest }: TWysiwygBlockProps<Tags, T>) => import("react/jsx-runtime").JSX.Element;
 export default WysiwygBlock;

package/components/WysiwygBlock/interface.d.ts

@@ -1,5 +1,6 @@
-import type { TToken } from '../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../types/components';
+import { TToken } from '../../providers/Theme/interface';
+import { TDefaultComponent } from '../../types/components';
+
 interface TWysiwygBlockProps<Tags extends string = string, T = TToken> extends TDefaultComponent<T> {
     content: string;
     useSanitizerDefaultAllowedTags?: boolean;

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

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

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

@@ -1,6 +1,7 @@
-import type { RegisterOptions } from 'react-hook-form';
-import type { TToken } from '../../../providers/Theme/interface';
-import type { TCheckboxProps } from './Checkbox.interface';
+import { RegisterOptions } from 'react-hook-form';
+import { TToken } from '../../../providers/Theme/interface';
+import { TCheckboxProps } from './Checkbox.interface';
+
 declare const Checkbox: <T extends TToken>(props: TCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;
 export declare const ReactHookFormCheckBox: ({ name, label, rules, tokens, ariaLabel, defaultValue, themeName, isDisabled, icon, onChange, onBlur, ...rest }: TCheckboxProps<TToken> & {

package/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.d.ts

@@ -1,5 +1,6 @@
-import type { RegisterOptions } from 'react-hook-form';
-import type { TCheckboxGroupItemProps } from '../../interface';
+import { RegisterOptions } from 'react-hook-form';
+import { TCheckboxGroupItemProps } from '../../interface';
+
 declare const CheckboxGroupItem: (props: TCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export declare const ReactHookFormCheckboxItem: ({ name, label, rules, tokens, ariaLabel, defaultValue, themeName, isReadOnly, isRequired, onChange, onBlur, value, icon, ...rest }: TCheckboxGroupItemProps & {
     rules?: RegisterOptions;

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

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

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

@@ -1,9 +1,10 @@
-import type React from 'react';
-import type { AriaCheckboxGroupItemProps } from 'react-aria';
-import type { CheckboxGroupProps } from 'react-stately';
-import type { TToken } from '../../../providers/Theme/interface';
-import type { TDefaultComponent } from '../../../types/components';
-import type { TCheckboxProps } from '../Checkbox/Checkbox.interface';
+import { default as React } 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';
+
 export interface TCheckboxGroupProps<T = TToken> extends TDefaultComponent<T>, CheckboxGroupProps {
     children: React.ReactNode;
     isError?: boolean;

package/components/fields/ComboBox/combo-box.stories.d.ts

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

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

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