@okam/stack-ui 1.44.1 → 1.44.4

package/components/Icon/interface.d.ts

@@ -1,7 +1,7 @@
-import { default as React, SVGProps } from 'react';
+import { 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;

package/components/Lightbox/index.d.ts

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

package/components/Lightbox/interface.d.ts

@@ -1,11 +1,11 @@
 import { DOMAttributes } from '@react-types/shared';
-import { default as React, Dispatch, FunctionComponent, SetStateAction } from 'react';
+import { 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';
-
+import type * as React from 'react';
 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,5 +1,4 @@
 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;
+declare function Menu<T extends TToken>(props: TMenuProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Menu;

package/components/Menu/MenuSidePanel.d.ts

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

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

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

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

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

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

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

package/components/Menu/interface.d.ts

@@ -1,20 +1,19 @@
 import { AriaLabelingProps } from '@react-types/shared';
-import { AriaTabListProps } from '@react-types/tabs';
-import { default as React } 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';
-
-export type MenuProps = {
+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;
-};
+    PanelTransition?: (_props: TTransition) => React.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) => React.JSX.Element;
 };
 export type PartialHtmlBaseElement = Omit<Partial<HTMLBaseElement>, 'id' | 'onClick' | 'target' | 'role' | 'children'>;
 export interface IMenuItemProp {
@@ -24,7 +23,7 @@ export interface IMenuItemProp {
     path?: string;
     label?: string;
     nextLinkProps?: NextLinkProps;
-    as?: React.ElementType<any>;
+    as?: React.ElementType;
     onClick?: () => void;
 }
 export type TMenuItemProps = IMenuItemProp & TDefaultComponent & AriaLabelingProps & {
@@ -35,8 +34,8 @@ export type TMenuItemProps = IMenuItemProp & TDefaultComponent & AriaLabelingPro
 };
 export interface TMenuItemsProps extends TDefaultComponent {
     menuItems?: TMenuItemProps[] | null;
-    menuLinkComponent?: React.ElementType<any>;
-    buttonLinkComponent?: React.ElementType<any>;
+    menuLinkComponent?: React.ElementType;
+    buttonLinkComponent?: React.ElementType;
     children?: React.ReactNode;
 }
 export default TMenuProps;

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

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

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

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

package/components/Modal/index.d.ts

@@ -1,5 +1,4 @@
 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;
+declare function 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 { OverlayTriggerState } from '@react-stately/overlays';
-import { default as React, FunctionComponent } from 'react';
+import { FunctionComponent } 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> {

package/components/Node/index.d.ts

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

package/components/Node/interface.d.ts

@@ -1,5 +1,4 @@
-import { ItemProps, SectionProps } from '@react-types/shared';
-
+import { ItemProps, SectionProps } from 'react-stately';
 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,5 +1,4 @@
 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;
+declare function PopoverButton<T extends TToken>(props: TPopoverButtonProps<T>): import("react/jsx-runtime").JSX.Element;
 export default PopoverButton;

package/components/Popover/index.d.ts

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

package/components/Popover/interface.d.ts

@@ -4,7 +4,6 @@ import { OverlayTriggerProps as AriaOverlayTriggerProps, OverlayTriggerState } f
 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, Omit<AriaPositionProps, 'targetRef' | 'overlayRef'>, OverlayTriggerProps, Pick<AriaPopoverProps, 'shouldCloseOnInteractOutside' | 'isKeyboardDismissDisabled'> {
     /**
      * @deprecated Pass button props directly to the component. `buttonProps.children` can now be passed as `label` prop.

package/components/PrintButton/index.d.ts

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

package/components/PrintButton/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 TPrintButtonProps<T = TToken> extends TDefaultComponent<T> {
     icon?: React.ReactNode;
     ariaLabel: string;

package/components/ShareButton/index.d.ts

@@ -1,6 +1,4 @@
 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;
+export declare function IconsContainer<T extends TToken>(props: TIconsContainerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ShareButton(props: TShareButtonProps): import("react/jsx-runtime").JSX.Element;

package/components/ShareButton/interface.d.ts

@@ -1,26 +1,25 @@
-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 TShareButtonProps<T = TToken> extends TDefaultComponent<TShareButtonTokens & T> {
     id: string;
     icon?: React.ReactNode;
     ariaLabel: string;
     sharingLinksList: TShareButtonLink[];
-    onShare?: (sharingMedium: string) => void;
+    onShare?: (_sharingMedium: string) => void;
 }
 interface TShareButtonTokens extends TToken {
     listDirection: 'row' | 'column';
 }
 export interface TIconsContainerProps<T = TToken> extends Omit<TShareButtonProps<T>, 'ariaLabel' | 'icon'> {
     isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
+    setIsOpen: (_isOpen: boolean) => void;
 }
 export interface TShareButtonLink {
     ariaLabel: string;
     icon?: React.ReactNode;
     key: string;
-    onClick?: (linkKey: string) => void;
+    onClick?: (_linkKey: string) => void;
     href?: string;
 }
 export {};

package/components/ShareButton/utils/generateUtmTags.d.ts

@@ -1,2 +1,2 @@
-declare const generateUtmTags: (source: string, medium: string, campaign?: string) => string;
+declare function generateUtmTags(source: string, medium: string, campaign?: string): string;
 export default generateUtmTags;

package/components/ShareButton/utils/useFacebookShareUrl.d.ts

@@ -1,2 +1,2 @@
-declare const useFacebookShareUrl: (media: string, medium: string, urlToShare: string) => string;
+declare function useFacebookShareUrl(media: string, medium: string, urlToShare: string): string;
 export default useFacebookShareUrl;

package/components/ShareButton/utils/useLinkedinShareUrl.d.ts

@@ -1,2 +1,2 @@
-declare const useLinkedinShareUrl: (media: string, medium: string, urlToShare: string) => string;
+declare function useLinkedinShareUrl(media: string, medium: string, urlToShare: string): string;
 export default useLinkedinShareUrl;

package/components/ShareButton/utils/useMailToShareUrl.d.ts

@@ -1,2 +1,2 @@
-declare const useMailToShareUrl: (media: string, medium: string, urlToShare: string) => string;
+declare function useMailToShareUrl(media: string, medium: string, urlToShare: string): string;
 export default useMailToShareUrl;

package/components/ShareButton/utils/useWindow.d.ts

@@ -1,4 +1,4 @@
-declare const useWindow: () => {
+declare function useWindow(): {
     windowLocation: string | undefined;
     windowTitle: string | undefined;
 };

package/components/ShareButton/utils/useXShareUrl.d.ts

@@ -1,2 +1,2 @@
-declare const useXShareUrl: (media: string, medium: string, textParam: string, urlToShare: string) => string;
+declare function useXShareUrl(media: string, medium: string, textParam: string, urlToShare: string): string;
 export default useXShareUrl;

package/components/SidePanel/index.d.ts

@@ -1,5 +1,4 @@
 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;
+declare function SidePanel<T extends TToken>(props: TSidePanelProps<T>): import("react/jsx-runtime").JSX.Element;
 export default SidePanel;

package/components/SidePanel/interface.d.ts

@@ -1,17 +1,17 @@
-import { default as React, ReactNode } from 'react';
+import { 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) => React.JSX.Element;
+    PanelTransition?: (_props: TTransition) => React.JSX.Element;
     /**
      * @deprecated Use `onOpenChange` instead
      */
     onCloseCallBack?: () => void;
-    onOpenChange?: (isOpen: boolean) => void;
+    onOpenChange?: (_isOpen: boolean) => void;
 }

package/components/SkipToMain/index.d.ts

@@ -1,22 +1,20 @@
 import { TToken } from '../../providers/Theme/interface';
-import { TSkipToMainProps, TMainProps } from './interface';
-
+import { TMainProps, TSkipToMainProps } 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;
-};
+export declare function SkipToMain<T extends TToken>({ href, themeName, tokens, customTheme, children, ariaLabel, ...rest }: TSkipToMainProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SkipToMain {
+    var 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;
+export declare function Main<T extends TToken>({ as, id, tabIndex, themeName, tokens, customTheme, children, ...rest }: TMainProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Main {
+    var displayName: string;
+}

package/components/SkipToMain/interface.d.ts

@@ -1,7 +1,6 @@
 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;

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

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

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

@@ -1,5 +1,4 @@
 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;
+declare function 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,5 +1,4 @@
 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 { TabListState } from '@react-stately/tabs';
-import { AriaTabListProps, AriaTabPanelProps, AriaTabProps } from '@react-types/tabs';
-import { ComponentType, ReactElement, default as React } from 'react';
+import { ComponentType, ReactElement } 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>>;

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

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

package/components/TagGroup/index.d.ts

@@ -1,5 +1,4 @@
 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;
+declare function 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,11 +1,10 @@
-import { CollectionElement, ItemProps, Node } from '@react-types/shared';
+import { CollectionElement } from '@react-types/shared';
 import { ReactElement } from 'react';
 import { AriaTagGroupProps, AriaTagProps } from 'react-aria';
-import { ListState } from 'react-stately';
+import { ItemProps, ListState, Node } 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;
 }) | null;
@@ -17,7 +16,7 @@ type TTagNode<I extends object> = Omit<Node<I>, 'props'> & {
     props?: TTagItem<I> & ItemProps<I>;
 };
 export interface TTagGroupProps<I extends object, T = TToken> extends Omit<TDefaultComponent<T>, 'children'>, Omit<AriaTagGroupProps<TTagItem<I>>, 'children'> {
-    children: TTagCollectionElement<I> | TTagCollectionElement<I>[] | ((item: TTagItem<I>) => TTagCollectionElement<I>);
+    children: TTagCollectionElement<I> | TTagCollectionElement<I>[] | ((_item: TTagItem<I>) => TTagCollectionElement<I>);
     /**
      * Acts as a default for the remove button of all tags. Individual tags `props.item.props.removeButtonProps` take precedence.
      * @default {children: '❌'}

package/components/Typography/index.d.ts

@@ -1,7 +1,7 @@
-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;
+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>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/Typography/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 TTypographyProps<T = TToken> extends TDefaultComponent<T> {
     children?: React.ReactNode;
     dangerouslySetInnerHTML?: {

package/components/Video/index.d.ts

@@ -1,5 +1,4 @@
 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;
+declare function Video<T extends TToken>(props: TVideoProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Video;

package/components/Video/interface.d.ts

@@ -1,7 +1,6 @@
 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,5 +1,4 @@
 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;
+declare function 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,13 +1,12 @@
 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;
     useSanitizerDefaultAllowedAttributes?: boolean;
     allowedTags?: Tags[];
     allowedAttributes?: {
-        [K in Tags]?: string[];
+        [_K in Tags]?: string[];
     };
 }
 export default TWysiwygBlockProps;

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

@@ -1,8 +1,7 @@
-import { default as React } 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;

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

@@ -1,11 +1,9 @@
 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> & {
+export declare function Checkbox<T extends TToken>(props: TCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ReactHookFormCheckBox({ name, label, rules, tokens, ariaLabel, defaultValue, themeName, isDisabled, icon, onChange, onBlur, ...rest }: TCheckboxProps<TToken> & {
     rules: RegisterOptions;
     name: string;
     defaultValue: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,8 @@
 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 & {
+export declare function CheckboxGroupItem(props: TCheckboxGroupItemProps): false | import("react/jsx-runtime").JSX.Element;
+export declare function ReactHookFormCheckboxItem({ name, label, rules, tokens, ariaLabel, defaultValue, themeName, isReadOnly, isRequired, onChange, onBlur, value, icon, ...rest }: TCheckboxGroupItemProps & {
     rules?: RegisterOptions;
     name: string;
     defaultValue?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default CheckboxGroupItem;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 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;
+declare function CheckboxGroup<T extends TToken>(props: TCheckboxGroupProps<T>): import("react/jsx-runtime").JSX.Element;
 export default CheckboxGroup;

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

@@ -1,10 +1,9 @@
-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';
-
+import type * as React from 'react';
 export interface TCheckboxGroupProps<T = TToken> extends TDefaultComponent<T>, CheckboxGroupProps {
     children: React.ReactNode;
     isError?: boolean;