@ssa-ui-kit/core 1.0.0 → 1.0.2

package/dist/components/Input/InputStatusError.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const InputError: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputStatusError: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Input/InputStatusSuccess.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const InputSuccess: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputStatusSuccess: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Label/LabelBase.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const LabelBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;

package/dist/components/LargeTab/LargeTabBase.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { LargeTabProps } from '../TabBar/types';
 export declare const LargeTabBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & Pick<LargeTabProps, "isActive">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/components/Link/Link.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface LinkProps {
     href: string;
     children: React.ReactNode;

package/dist/components/Link/LinkBase.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const LinkBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

package/dist/components/LinksTabBar/LinksTabBarBase.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const LinksTabBarBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Modal/Modal.context.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ModalContextProps } from './types';
 export declare const ModalContext: import("react").Context<ModalContextProps>;

package/dist/components/ModalDialog/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ModalDialogProps {
     isOpen: boolean;
     noBackground?: boolean;

package/dist/components/ModalDismissButton/ModalDismissButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare function ModalDismissButton({ children: child }: {
     children: JSX.Element;
 }): import("react").FunctionComponentElement<any>;

package/dist/components/ModalOpenButton/ModalOpenButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare function ModalOpenButton({ children: child }: {
     children: JSX.Element;
 }): import("react").FunctionComponentElement<any>;

package/dist/components/MultipleDropdown/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownOptionProps } from '../DropdownOptions/types';
 export type DropdownProps<P extends DropdownOptionProps> = {
     selectedItems?: P[];

package/dist/components/MultipleDropdownNotification/MultipleDropdownNotification.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const MultipleDropdownNotification: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default MultipleDropdownNotification;

package/dist/components/MultipleDropdownOptions/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DropdownOptionType = Record<string, string | number>;
 export interface DropdownItemsListProps {
     ariaLabelledby?: string;

package/dist/components/NavBar/NavBarBase.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare const NavBarBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export default NavBarBase;

package/dist/components/NavBar/NavBarItem.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare const NavBarItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export default NavBarItem;

package/dist/components/NavBar/NavBarLink.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 declare const NavBarLink: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default NavBarLink;

package/dist/components/NavBar/NavBarList.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare const NavBarList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export default NavBarList;

package/dist/components/NavBar/NavBarWrapper.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare const NavBarWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default NavBarWrapper;

package/dist/components/NavBar/NavToggleWrapper.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare const NavToggleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default NavToggleWrapper;

package/dist/components/NotificationCard/NotificationCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NotificationCardProps } from './types';
 export declare const notificationTypes: Record<string, {
     [key: string]: string;

package/dist/components/NotificationCard/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type NotificationType = 'Informational' | 'Warning' | 'Error';
 export interface NotificationCardProps {
     title: string;

package/dist/components/NotificationMenu/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NotificationCardProps } from '../NotificationCard';
 export interface NotificationMenuProps {
     trigger: string | JSX.Element;

package/dist/components/Pagination/PaginationContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PaginationContextProps, PaginationContextProviderProps } from './types';
 export declare const PaginationContext: import("react").Context<PaginationContextProps>;
 export declare const usePaginationContext: () => PaginationContextProps;

package/dist/components/Pagination/WithPagination.d.ts

@@ -1,4 +1,5 @@
-export declare const WithPagination: <T extends object>(Component: React.ComponentType<T>) => {
+/// <reference types="react" />
+export declare const WithPagination: <T extends object>(Component: import("react").ComponentType<T>) => {
     (props: T): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };

package/dist/components/Pagination/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 export interface PaginationProps extends CommonProps {
     pagesCount: number;

package/dist/components/PieChart/PieChartBases.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 export declare const PieChartBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const PieChartTextBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/PieChart/PieChartLegendList.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const PieChartLegendList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;

package/dist/components/PieChart/PieChartLegendMarker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const PieChartLegendMarker: import("@emotion/styled").StyledComponent<import("../Badge/types").BadgeProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/dist/components/PieChart/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SerializedStyles } from '@emotion/react';
 import { ResponsivePie } from '@nivo/pie';
 import { CommonProps } from '../..';

package/dist/components/Popover/PopoverContent.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement> & {
-    isFocusManagerDisabled?: boolean;
+    isFocusManagerDisabled?: boolean | undefined;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Popover/stories/StoryComponent.d.ts

@@ -1,2 +1,2 @@
 import { PopoverOptions } from '../types';
-export declare const StoryComponent: ({ interactionsEnabled, }: Pick<PopoverOptions, "interactionsEnabled">) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const StoryComponent: ({ interactionsEnabled, }: Pick<PopoverOptions, 'interactionsEnabled'>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Popover/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Placement, useInteractions, UseFloatingReturn, UseFloatingOptions } from '@floating-ui/react';
 export type InteractionsEnabled = 'click' | 'hover' | 'both';
 export interface PopoverOptions {

package/dist/components/Progress/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ProgressProps {
     children: React.ReactElement<React.PropsWithChildren<{
         vertical?: boolean;

package/dist/components/ProgressCircle/ProgressCircleBase.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const ProgressCircleBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     gradientId: string;
     fullStroke: number;

package/dist/components/ProgressCircle/ProgressCircleInner.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const ProgressCircleInner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     size: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ProgressCircle/ProgressCircleOuter.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const ProgressCircleOuter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     size: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ProgressCircle/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ProgressCircleProps {
     max: number;
     currentValue: number;

package/dist/components/ProgressInfo/ProgressInfoTotals.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { ProgressInfoTotalsProps } from './types';
 export declare const ProgressInfoTotals: import("react").FC<Pick<ProgressInfoTotalsProps, "total"> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }>;

package/dist/components/ProgressLegend/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LabelItemProps {
     value: number;
     position?: string;

package/dist/components/ProgressLegendItem/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ProgressLegendItemProps {
     children: React.ReactNode | string;
     percentage: number;

package/dist/components/ProgressVertical/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ProgressVerticalProps {
     children: React.ReactElement<React.PropsWithChildren<{
         vertical?: boolean;

package/dist/components/Radio/RadioBase.d.ts

@@ -1,3 +1,3 @@
 export declare const RadioBase: import("@emotion/styled").StyledComponent<import("../Label/types").LabelProps & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/dist/components/RadioGroup/RadioGroupBase.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const RadioGroupBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/RadioGroup/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioProps } from '../Radio/types';
 export interface RadioGroupProps {
     name: string;

package/dist/components/SearchBox/SearchBoxInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SearchBoxInput: import("@emotion/styled").StyledComponent<import("../Input/types").InputProps & import("react").RefAttributes<HTMLInputElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/dist/components/SearchBox/SearchBoxWrapper.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const SearchBoxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/SearchBox/stories/StoryComponent.d.ts

@@ -1,3 +1,3 @@
 export declare const StoryComponent: ({ handleCallback, }: {
-    handleCallback?: (searchTerm: string) => void;
+    handleCallback?: ((searchTerm: string) => void) | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Step/Step.d.ts

@@ -1,9 +1,12 @@
+/// <reference types="react" />
 declare const Step: ({ index, children, Connector, }: {
-    index?: number;
-    children?: React.ReactElement<React.PropsWithChildren>;
-    Connector?: React.FC<{
+    index?: number | undefined;
+    children?: import("react").ReactElement<{
+        children?: import("react").ReactNode;
+    }, string | import("react").JSXElementConstructor<any>> | undefined;
+    Connector?: import("react").FC<{
         completed: boolean;
         active: boolean;
-    }>;
+    }> | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Step;

package/dist/components/StepLabel/StepLabel.d.ts

@@ -5,6 +5,6 @@ declare const StepLabel: ({ children, StepIcon, }: {
         index: number;
         completed: boolean;
         active: boolean;
-    }>;
+    }> | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default StepLabel;

package/dist/components/Stepper/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface StepperProps {
     activeStep?: number;
     orientation?: 'horizontal' | 'vertical';

package/dist/components/Switch/SwitchBase.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare const SwitchBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export default SwitchBase;

package/dist/components/Switch/SwitchContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface SwitchContext {
     isOn: boolean;
     toggle: () => void;
@@ -5,6 +6,6 @@ export interface SwitchContext {
 export declare const SwitchContext: import("react").Context<SwitchContext>;
 export declare const useSwitchContext: () => SwitchContext;
 export declare const SwitchContextProvider: ({ initialState, children, }: {
-    initialState?: boolean;
+    initialState?: boolean | undefined;
     children: React.ReactNode;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Tab/TabBase.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { SmallTabProps } from '../TabBar/types';
 export declare const TabBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & Pick<SmallTabProps, "isActive">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/components/TabBar/TabBarContext.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { TabProps, TabBarContextProps } from './types';
 export declare const TabBarContext: import("react").Context<TabBarContextProps>;
 export declare const useTabBarContext: () => TabBarContextProps;
 export declare const TabBarContextProvider: ({ initialTab, children, }: {
-    initialTab?: TabProps;
+    initialTab?: TabProps | undefined;
     children: React.ReactNode;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TabBar/stories/helpers.d.ts

@@ -5,13 +5,18 @@ import { TabProps } from '../types';
 type Args = Parameters<typeof TabBar>[0];
 export declare const TabBarWrapper: ({ children, selectedTabId, renderContent, }: {
     children: React.ReactNode;
-    selectedTabId?: TabProps["tabId"];
-    renderContent?: TabProps["renderContent"];
+    selectedTabId?: string | number | undefined;
+    renderContent?: ((tab?: {
+        [prop: string]: unknown;
+        [prop: number]: unknown;
+        [prop: symbol]: unknown;
+        tabId: string | number;
+    } | undefined, arg?: unknown) => React.ReactNode) | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const TabContents: ({ text, id, labelledBy, }: {
     text: string;
-    id?: string;
-    labelledBy?: string;
+    id?: string | undefined;
+    labelledBy?: string | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const TabBarDecorator: DecoratorFunction<{
     component: typeof TabBar;

package/dist/components/TabBar/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 export interface TabProps extends CommonProps {
     tabId: number | string;

package/dist/components/Table/Table.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const Table: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 export default Table;

package/dist/components/Table/stories/SortableTable.d.ts

@@ -1,4 +1,4 @@
 import { SortInfo } from './types';
 export declare const SortableTable: ({ onSortingChange, }: {
-    onSortingChange?: (sortInfo: SortInfo) => void;
+    onSortingChange?: ((sortInfo: SortInfo) => void) | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableBody/TableBody.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const TableBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
 export default TableBody;

package/dist/components/TableCell/TableCell.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const TableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
-    align?: string;
+    align?: string | undefined;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
 export default TableCell;

package/dist/components/TableFilters/TableFilterTrigger.d.ts

@@ -2,7 +2,7 @@ import { Theme } from '@emotion/react';
 export declare const filterButtonStyles: (count?: number) => (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const TableFilterTrigger: ({ children, count, ...rest }: {
     children?: React.ReactNode;
-    count?: number;
-    as?: string;
-    className?: string;
+    count?: number | undefined;
+    as?: string | undefined;
+    className?: string | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFilterTriggerWithNotification.d.ts

@@ -1,5 +1,5 @@
 export declare const TableFilterTriggerWithNotification: ({ children, count, visible, }: {
     children?: React.ReactNode;
-    count?: number;
-    visible?: boolean;
+    count?: number | undefined;
+    visible?: boolean | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFiltersAccordionContent.d.ts

@@ -1,4 +1,9 @@
+/// <reference types="react" />
 import { RenderContentProps } from '../AccordionGroup';
-export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: RenderContentProps & {
+export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: Pick<import("../AccordionGroup").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
+    isOpened?: boolean | undefined;
+    as?: import("react").ElementType<any> | undefined;
+    className?: string | undefined;
+} & Record<string, any> & {
     children: React.ReactNode;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFiltersButtons.d.ts

@@ -1,4 +1,4 @@
 export declare const TableFiltersButtons: ({ onClear, onCancel, }: {
-    onClear?: () => void;
-    onCancel?: () => void;
+    onClear?: (() => void) | undefined;
+    onCancel?: (() => void) | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableHead/TableHead.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const TableHead: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
 export default TableHead;