@okam/stack-ui 1.25.3 → 1.25.6

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { AccordionProps } from '../interface';
+/**
+ * Wraps react stately's `useTreeState` hook while automatically setting expanded keys props
+ * to selected keys props for convenience.
+ *
+ * Also sets `defaultSelectedKeys` and `defaultExpandedKeys` based on the children's props
+ *
+ * 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>;

package/components/Accordion/index.d.ts

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

package/components/Accordion/interface.d.ts

@@ -0,0 +1,24 @@
+import type { AccordionItemAriaProps } from '@react-aria/accordion';
+import type { ComponentType, ReactElement } from 'react';
+import type { ItemProps, TreeProps } from 'react-stately';
+import type { TDefaultComponent, TTransition } from '../../types/components';
+type TAccordionDefaultComponent = Omit<TDefaultComponent, 'children'>;
+export interface AccordionProps extends TreeProps<TAccordionItemProps> {
+    children: ReactElement<TAccordionItemProps> | ReactElement<TAccordionItemProps>[];
+}
+export interface TAccordionProps extends TAccordionDefaultComponent, AccordionProps {
+    id: string;
+    TransitionAnimation?: ComponentType<TTransition>;
+}
+export interface TAccordionItemProps extends ItemProps<TAccordionItemProps>, TAccordionDefaultComponent {
+    icon?: React.ReactNode;
+    onOpenChange?: (isOpen: boolean) => void;
+    defaultOpen?: boolean;
+    isOpen?: boolean;
+}
+export type TAriaAccordionItemProps = TAccordionDefaultComponent & Omit<AccordionItemAriaProps<TAccordionItemProps>, 'item'> & {
+    item: Omit<AccordionItemAriaProps<TAccordionItemProps>['item'], 'props'> & {
+        props?: TAccordionItemProps;
+    };
+};
+export {};

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

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

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

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

package/components/Alerts/components/AlertsNavigationButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { TButtonProps } from '../../Button/interface';
+declare const AlertsNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & {
+    onSubmit?: (() => void) | undefined;
+} & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const AlertsNextNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const AlertsPrevNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export default AlertsNavigationButton;

package/components/Alerts/components/AlertsSwiper.d.ts

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

package/components/Alerts/components/pagination/AlertsPagination.d.ts

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

package/components/Alerts/components/pagination/AlertsPaginationBullet.d.ts

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

package/components/Alerts/index.d.ts

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

package/components/Alerts/interface.d.ts

@@ -0,0 +1,41 @@
+import type React from 'react';
+import type * as SwiperModules from 'swiper/modules';
+import type { SwiperProps } from 'swiper/react';
+import type { A11yOptions } from 'swiper/types';
+import type { TDefaultComponent } from '../../types/components';
+import type { TButtonProps } from '../Button/interface';
+import type { LightboxProps } from '../Lightbox/interface';
+type TAlertsNavigationProps = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export interface TAlertsItem {
+    id: string;
+    icon?: React.ReactNode;
+    title?: string;
+    ariaLabel?: string;
+    content?: React.ReactNode;
+    button?: TButtonProps;
+}
+export interface TAlertsPaginationProps extends TDefaultComponent {
+    activeIndex: number;
+    alerts: TAlertsItem[];
+    paginationGroupLabel?: string;
+}
+export interface TAlertsPaginationBulletProps extends TDefaultComponent {
+    activeIndex: number;
+    alerts: TAlertsItem[];
+    index: number;
+}
+interface TCustomA11yOptions extends A11yOptions {
+    paginationGroupLabel?: string;
+}
+export interface TAlertsComponentProps extends Omit<TDefaultComponent, 'children'>, Omit<SwiperProps, 'children' | 'modules' | 'a11y'> {
+    a11y?: TCustomA11yOptions;
+    alerts: TAlertsItem[];
+    children?: (props: TAlertsItemProps) => React.ReactNode;
+    modules?: (keyof typeof SwiperModules)[];
+}
+export type TAlertsItemProps = TAlertsItem & TDefaultComponent;
+export interface TAlertsProps extends Omit<LightboxProps, 'children'>, TAlertsComponentProps {
+    prevButton?: TAlertsNavigationProps;
+    nextButton?: TAlertsNavigationProps;
+}
+export {};

package/components/Box/index.d.ts

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

package/components/Box/interface.d.ts

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

package/components/Button/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { TAnchorPropsProps, TButtonProps } from './interface';
+export declare const Anchor: React.ForwardRefExoticComponent<TAnchorPropsProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const ButtonWithForwardRef: React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+declare const _default: React.MemoExoticComponent<(props: TButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/components/Button/interface.d.ts

@@ -0,0 +1,20 @@
+import type { PressEvent } from '@react-types/shared';
+import type { LinkProps } from 'next/link';
+import type React from 'react';
+import type { TDefaultComponent } from '../../types/components';
+export interface TButtonProps extends TDefaultComponent {
+    children?: React.ReactNode;
+    id?: string;
+    href?: string;
+    disabled?: boolean;
+    download?: boolean;
+    target?: string;
+    rel?: string;
+    handlePress?: ((e: PressEvent) => void) | undefined;
+    tabIndex?: number;
+    role?: string;
+    isDisabled?: boolean;
+}
+export interface TAnchorPropsProps extends TButtonProps {
+    nextLinkProps?: LinkProps;
+}

package/components/Calendar/RangeCalendar.d.ts

@@ -0,0 +1,3 @@
+import type { TRangeCalendarProps } from './interface';
+declare function RangeCalendar({ buttons, tokens, customTheme, themeName, ...rest }: TRangeCalendarProps): import("react/jsx-runtime").JSX.Element;
+export default RangeCalendar;

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

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

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

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

package/components/Calendar/index.d.ts

@@ -0,0 +1,3 @@
+import type { TCalendarProps } from './interface';
+declare function Calendar({ buttons, tokens, customTheme, themeName, ...rest }: TCalendarProps): import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/components/Calendar/interface.d.ts

@@ -0,0 +1,32 @@
+import type { CalendarDate, DateValue } from '@internationalized/date';
+import type { CalendarProps, RangeCalendarProps } from '@react-aria/calendar';
+import type { CalendarState, RangeCalendarState } from '@react-stately/calendar';
+import type { AriaCalendarGridProps } from 'react-aria';
+import type { TDefaultComponent } from '../../types/components';
+export interface TCalendarProps extends CalendarProps<DateValue>, TDefaultComponent {
+    buttons?: {
+        buttonPrev?: {
+            icon?: string;
+        };
+        buttonNext?: {
+            icon?: string;
+        };
+    };
+}
+export interface TRangeCalendarProps extends RangeCalendarProps<DateValue>, TDefaultComponent {
+    buttons?: {
+        buttonPrev?: {
+            icon?: string;
+        };
+        buttonNext?: {
+            icon?: string;
+        };
+    };
+}
+export interface TCalendarGridProps extends AriaCalendarGridProps, TDefaultComponent {
+    state: RangeCalendarState | CalendarState;
+}
+export interface TCalendarCellProps extends TDefaultComponent {
+    state: RangeCalendarState | CalendarState;
+    date: CalendarDate;
+}

package/components/Carousel/index.d.ts

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

package/components/Carousel/interface.d.ts

@@ -0,0 +1,24 @@
+import type React from 'react';
+import type Swiper from 'swiper';
+import type { SwiperOptions } from 'swiper/types/swiper-options';
+import type { TDefaultComponent } from '../../types/components';
+export type TSlide = {
+    id?: string;
+    child?: React.ReactNode;
+};
+export interface TCarouselProps extends TDefaultComponent, SwiperOptions {
+    id?: React.Key;
+    children?: React.ReactNode;
+    slides?: TSlide[];
+    navigationButtons?: {
+        leftButton: React.ReactElement;
+        rightButton: React.ReactElement;
+    };
+}
+export interface TCarouselButtonProps extends TDefaultComponent {
+    navigationButton?: React.ReactElement;
+    icon: string;
+    id: string;
+    swiperFn: () => void;
+    swiper: Swiper | undefined;
+}

package/components/Date/index.d.ts

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

package/components/Date/interface.d.ts

@@ -0,0 +1,6 @@
+import type { DateFormatterOptions } from 'react-aria';
+import type { TDefaultComponent } from '../../types/components';
+export interface TDateProps extends TDefaultComponent {
+    date: string;
+    dateFormatterOptions?: DateFormatterOptions;
+}

package/components/Dialog/index.d.ts

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

package/components/Dialog/interface.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { AriaDialogProps } from 'react-aria';
+export interface TDialogProps extends AriaDialogProps {
+    title?: React.ReactNode;
+    children: React.ReactNode;
+}

package/components/DirectusImg/index.d.ts

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

package/components/DirectusImg/interface.d.ts

@@ -0,0 +1,18 @@
+import type { Nullable } from '../../types/components';
+import type TImgProps from '../Img/interface';
+type TDirectusImageProps = Omit<TImgProps, 'src' | 'id' | 'width' | 'height' | 'alt'> & {
+    description?: Nullable<string>;
+    fit?: 'cover' | 'contain' | 'inside' | 'outside';
+    caption?: Nullable<string>;
+    thumbhash?: Nullable<string>;
+    width: Nullable<number>;
+    height: Nullable<number>;
+    id: Nullable<string>;
+    filenameDownload: Nullable<string>;
+    /**
+     * @default NEXT_PUBLIC_IMG_DOMAIN
+     */
+    imgDomain?: string;
+    protocol?: 'http' | 'https';
+};
+export default TDirectusImageProps;

package/components/Icon/index.d.ts

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

package/components/Icon/interface.d.ts

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

package/components/Img/index.d.ts

@@ -0,0 +1,3 @@
+import type TImgProps from './interface';
+declare const Img: (props: TImgProps) => import("react/jsx-runtime").JSX.Element;
+export default Img;

package/components/Img/interface.d.ts

@@ -0,0 +1,6 @@
+import type { ImageProps, StaticImageData } from 'next/image';
+import type { TDefaultComponent } from '../../types/components';
+type TImgProps = TDefaultComponent & Omit<ImageProps, 'src'> & {
+    src: string | StaticImageData;
+};
+export default TImgProps;

package/components/Lightbox/index.d.ts

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

package/components/Lightbox/interface.d.ts

@@ -0,0 +1,25 @@
+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 { TDefaultComponent, TTransition } from '../../types/components';
+import type { TButtonProps } from '../Button/interface';
+type TCloseButtonProps = React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>> | FunctionComponent<TButtonProps>;
+export interface LightboxProps extends TDefaultComponent, OverlayTriggerProps, Omit<AriaOverlayTriggerProps, 'type'> {
+    closeButtonAriaLabel?: string;
+    setOpen?: Dispatch<SetStateAction<boolean>>;
+    closeButton?: TCloseButtonProps;
+    transitionComponent?: FunctionComponent<TTransition>;
+}
+export interface TLightboxProps extends LightboxProps {
+    label: string;
+    thumbnailContent: React.ReactNode;
+}
+export interface LightboxAria {
+    overlayProps: DOMAttributes & {
+        label?: string;
+    };
+    labelProps: DOMAttributes;
+}
+export {};

package/components/Menu/Menu.d.ts

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

package/components/Menu/MenuSidePanel.d.ts

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

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

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

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

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

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

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

package/components/Menu/interface.d.ts

@@ -0,0 +1,31 @@
+import type { AriaTabListProps } from '@react-types/tabs';
+import type { LinkProps } from 'next/link';
+import type React from 'react';
+import type { Maybe, TDefaultComponent } from '../../types/components';
+export type MenuProps = {
+    id: string;
+    children: React.ReactNode;
+    beforeTabContent?: React.ReactNode;
+    afterTabContent?: React.ReactNode;
+    PanelTransition?: (props: unknown) => JSX.Element;
+};
+export type TMenuProps = AriaTabListProps<MenuProps> & MenuProps & TDefaultComponent;
+export type TMenuSidePanelProps = TMenuProps & {
+    TransitionAnimation?: (props: unknown) => JSX.Element;
+};
+export type PartialHtmlBaseElement = Omit<Partial<HTMLBaseElement>, 'id' | 'onClick' | 'target' | 'role' | 'children'>;
+export interface IMenuItemProp {
+    childItems?: Maybe<TMenuItemProps[] | null>;
+    id?: string;
+    target?: string | null;
+    path?: string;
+    label?: string;
+    nextLinkProps?: LinkProps;
+    onClick?: () => void;
+}
+export type TMenuItemProps = IMenuItemProp & TDefaultComponent & PartialHtmlBaseElement;
+export interface TMenuItemsProps extends TDefaultComponent {
+    menuItems?: TMenuItemProps[] | null;
+    children?: React.ReactNode;
+}
+export default TMenuProps;

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

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

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

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

package/components/Modal/index.d.ts

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

package/components/Modal/interface.d.ts

@@ -0,0 +1,17 @@
+import type { OverlayTriggerState } from '@react-stately/overlays';
+import type React from 'react';
+import type { FunctionComponent } from 'react';
+import type { AriaDialogProps, AriaModalOverlayProps } from 'react-aria';
+import type { TDefaultComponent, TTransition } from '../../types/components';
+export interface TModalProps extends AriaModalOverlayProps, TDefaultComponent {
+    state: OverlayTriggerState;
+    children: React.ReactNode;
+    transitionComponent?: FunctionComponent<TTransition>;
+}
+export interface TModalOverlayProps extends AriaModalOverlayProps, TDefaultComponent {
+    children: React.ReactNode;
+    state: OverlayTriggerState;
+}
+export interface TModalDialogProps extends AriaDialogProps, TDefaultComponent {
+    children: React.ReactNode;
+}

package/components/Popover/index.d.ts

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

package/components/Popover/interface.d.ts

@@ -0,0 +1,21 @@
+import type { DOMAttributes } from '@react-types/shared';
+import type React from 'react';
+import type { Placement } from 'react-aria';
+import type { TDefaultComponent } from '../../types/components';
+import type { TButtonProps } from '../Button/interface';
+export interface IPopoverProps extends TDefaultComponent {
+    isOpen?: boolean;
+    onClose?: () => void;
+    children: React.ReactElement | React.ReactElement[];
+    positionProps?: DOMAttributes;
+    isDismissable?: boolean;
+    shouldCloseOnBlur?: boolean;
+}
+export interface TPopoverButtonProps extends TDefaultComponent, IPopoverProps {
+    offset?: number;
+    buttonProps: TButtonProps;
+    placement?: Placement;
+    children: React.ReactElement | React.ReactElement[];
+}
+export type TPopoverProps = DOMAttributes & IPopoverProps;
+export type PopoverOrientation = 'left' | 'right';

package/components/ShareButton/index.d.ts

@@ -0,0 +1,4 @@
+import type { TIconsContainerProps, TShareButtonProps } from './interface';
+export declare const IconsContainer: (props: TIconsContainerProps) => 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

@@ -0,0 +1,26 @@
+import type React from 'react';
+import type { TToken } from '../../providers/Theme/interface';
+import type { TDefaultComponent } from '../../types/components';
+export interface TShareButtonProps extends TDefaultComponent<TShareButtonTokens> {
+    id: string;
+    icon?: React.ReactNode;
+    ariaLabel: string;
+    sharingLinksList: TShareButtonLink[];
+    onShare?: (sharingMedium: string) => void;
+    offset?: number;
+}
+interface TShareButtonTokens extends TToken {
+    listDirection: 'row' | 'column';
+}
+export interface TIconsContainerProps extends Omit<TShareButtonProps, 'ariaLabel' | 'icon'> {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+}
+export interface TShareButtonLink {
+    ariaLabel: string;
+    icon?: React.ReactNode;
+    key: string;
+    onClick?: (linkKey: string) => void;
+    href?: string;
+}
+export {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+declare const useWindow: () => {
+    windowLocation: string | undefined;
+    windowTitle: string | undefined;
+};
+export default useWindow;

package/components/SidePanel/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TSidePanelProps } from './interface';
+declare const _default: React.MemoExoticComponent<(props: TSidePanelProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/components/SidePanel/interface.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'react';
+import type React from 'react';
+import type { TDefaultComponent } from '../../types/components';
+export interface ISidePanelProps extends HTMLAttributes<HTMLElement> {
+    id: string;
+    children?: React.ReactNode;
+    closeBtnRender?: () => React.ReactNode;
+    TransitionAnimation?: (props: unknown) => JSX.Element;
+    PanelTransition?: (props: unknown) => JSX.Element;
+    onCloseCallBack?: () => void;
+}
+export type TSidePanelProps = ISidePanelProps & TDefaultComponent;

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

@@ -0,0 +1,4 @@
+import type { TDefaultComponent } from '../../../../types/components';
+import type { TTabPanel } from '../../interface';
+declare function TabPanel({ state, customTheme, themeName, tokens, ...props }: TTabPanel & TDefaultComponent): import("react/jsx-runtime").JSX.Element;
+export default TabPanel;

package/components/TabList/interface.d.ts

@@ -0,0 +1,18 @@
+import type { TabListState } from '@react-stately/tabs';
+import type { Node } from '@react-types/shared';
+import type { AriaTabListProps, AriaTabPanelProps } from '@react-types/tabs';
+import type React from 'react';
+export interface TTab {
+    item: Node<object>;
+    state: TabListState<object>;
+}
+export interface TTabPanel extends AriaTabPanelProps {
+    state: TabListState<object>;
+}
+export interface TTabList extends AriaTabListProps<object> {
+    label?: React.ReactNode | string;
+}
+export interface TPreviousTabState {
+    previousSelectedHash: string;
+    previousSelectedKey: string;
+}

package/components/Typography/index.d.ts

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

package/components/Typography/interface.d.ts

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