@ssa-ui-kit/core 1.0.0 → 1.0.2

package/.storybook/style.css

@@ -29,3 +29,12 @@ p {
 .language-jsx span {
   color: white;
 }
+
+#storybook-docs .sbdocs-preview,
+#storybook-docs .docs-story {
+  overflow: visible;
+}
+
+#storybook-docs .docs-story > div:first-of-type {
+  overflow: visible;
+}

package/dist/components/AccordionGroup/AccordionContent.d.ts

@@ -1,4 +1,9 @@
+/// <reference types="react" />
 import { RenderContentProps } from './types';
-export declare const AccordionContent: ({ isOpened, children, size, ...rest }: RenderContentProps & {
+export declare const AccordionContent: ({ isOpened, children, size, ...rest }: Pick<import("./types").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/AccordionGroup/AccordionContext.d.ts

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

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

@@ -8,5 +8,5 @@ export declare const AccordionGroupDecorator: DecoratorFunction<{
     storyResult: React.ReactElement;
     canvasElement: unknown;
 }, Args>;
-export declare const AccordionTemplate: (args: Pick<AccordionGroupProps, "size" | "accordionsStayOpen">) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const AccordionTemplate: (args: Pick<AccordionGroupProps, 'size' | 'accordionsStayOpen'>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { To } from 'react-router-dom';
 export interface AddNewAccountCardProps {
     children: React.ReactNode;

package/dist/components/Avatar/Avatar.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const Avatar: 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;
     image: string;

package/dist/components/Badge/BadgeBase.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const BadgeBase: 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<HTMLDivElement>, HTMLDivElement>, {}>;
 export default BadgeBase;

package/dist/components/Badge/helpers.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MapIconsType } from '../Icon/types';
 export declare const sizes: Array<keyof MainSizes>;
 export declare const colors: Array<keyof MainColors>;
@@ -6,10 +7,10 @@ export declare const icons: Array<{
     icon: keyof MapIconsType;
 }>;
 export declare const HeaderTitle: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const GridWrapper: 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/Badge/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface BadgeProps {
     color?: keyof MainColors;
     size?: keyof MainSizes;

package/dist/components/Button/Button.d.ts

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

package/dist/components/Button/ButtonBase.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const ButtonBase: 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>, {}>;

package/dist/components/Button/fixtures.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import Icon from '../Icon';
 import { ButtonProps } from './types';
 export type TestPropsType = Omit<ButtonProps, 'isDisabled' | 'startIcon' | 'endIcon'> & {
@@ -7,78 +8,78 @@ export type TestPropsType = Omit<ButtonProps, 'isDisabled' | 'startIcon' | 'endI
 };
 export declare const primaryBtnSpecs: TestPropsType[];
 export declare const secondaryBtnSpecs: {
-    variant: ButtonProps["variant"];
+    variant: keyof import("./types").ButtonVariants | "custom" | undefined;
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
     'aria-labelledby'?: string | undefined;
     className?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-label'?: string | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    children?: React.ReactNode;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    type?: ("button" | "reset" | "submit") | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
-    disabled?: boolean;
-    startIcon?: React.ComponentProps<typeof Icon>["name"];
-    endIcon?: React.ComponentProps<typeof Icon>["name"];
+    disabled?: boolean | undefined;
+    startIcon?: "search" | "visible" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "attention" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "circle" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | undefined;
+    endIcon?: "search" | "visible" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "attention" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "circle" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | undefined;
 }[];
 export declare const tertiaryBtnSpecs: {
-    variant: ButtonProps["variant"];
+    variant: keyof import("./types").ButtonVariants | "custom" | undefined;
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
     'aria-labelledby'?: string | undefined;
     className?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-label'?: string | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    children?: React.ReactNode;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    type?: ("button" | "reset" | "submit") | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
-    disabled?: boolean;
-    startIcon?: React.ComponentProps<typeof Icon>["name"];
-    endIcon?: React.ComponentProps<typeof Icon>["name"];
+    disabled?: boolean | undefined;
+    startIcon?: "search" | "visible" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "attention" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "circle" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | undefined;
+    endIcon?: "search" | "visible" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "attention" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "circle" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | undefined;
 }[];
 export declare const infoBtnSpecs: {
-    variant: ButtonProps["variant"];
+    variant: keyof import("./types").ButtonVariants | "custom" | undefined;
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
     'aria-labelledby'?: string | undefined;
     className?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-label'?: string | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    children?: React.ReactNode;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    type?: ("button" | "reset" | "submit") | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
-    disabled?: boolean;
-    startIcon?: React.ComponentProps<typeof Icon>["name"];
-    endIcon?: React.ComponentProps<typeof Icon>["name"];
+    disabled?: boolean | undefined;
+    startIcon?: "search" | "visible" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "attention" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "circle" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | undefined;
+    endIcon?: "search" | "visible" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "attention" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "circle" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | undefined;
 }[];
 export declare const attentionBtnSpecs: {
-    variant: ButtonProps["variant"];
+    variant: keyof import("./types").ButtonVariants | "custom" | undefined;
     text?: string | undefined;
     size?: keyof MainSizes | undefined;
     'aria-labelledby'?: string | undefined;
     className?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-label'?: string | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    children?: React.ReactNode;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    type?: ("button" | "reset" | "submit") | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     block?: boolean | undefined;
-    disabled?: boolean;
-    startIcon?: React.ComponentProps<typeof Icon>["name"];
-    endIcon?: React.ComponentProps<typeof Icon>["name"];
+    disabled?: boolean | undefined;
+    startIcon?: "search" | "visible" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "attention" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "circle" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | undefined;
+    endIcon?: "search" | "visible" | "calendar" | "diet" | "home" | "measurements" | "settings" | "sleep" | "stats" | "trainings" | "plus" | "minus" | "cross" | "check" | "check-circle" | "more" | "more-vertical" | "notification" | "user" | "union" | "invisible" | "log-in" | "log-out" | "email" | "lock" | "information" | "warning" | "attention" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "circle" | "arrow-up" | "arrow-down" | "filter" | "archive" | "unarchive" | "bin" | "change" | "copy" | "robot" | "chart" | "clock" | "cogwheel" | "circular" | "ban-user" | "confirm-email" | "unlock" | "edit" | "import" | "pages" | "roles" | undefined;
 }[];

package/dist/components/Button/helpers.d.ts

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 import { ButtonVariants } from './types';
 export declare const sizes: Array<keyof MainSizes>;
 export declare const variants: Array<keyof ButtonVariants>;
 export declare const HeaderTitle: 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<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const GridWrapper: 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/Card/CardBase.d.ts

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

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

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

package/dist/components/CardContent/CardContent.d.ts

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

package/dist/components/CardContent/CardContentBase.d.ts

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

package/dist/components/CardHeader/CardHeader.d.ts

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

package/dist/components/CardHeader/CardHeaderBase.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type Item = {
     id: string | number;
     [prop: string | number | symbol]: unknown;

package/dist/components/Checkbox/CheckboxBase.d.ts

@@ -1,4 +1,4 @@
 import { CheckboxProps } from './types';
 export declare const CheckboxBase: import("@emotion/styled").StyledComponent<import("../Label/types").LabelProps & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 } & Pick<CheckboxProps, "color">, {}, {}>;

package/dist/components/CollapsibleNavBar/CollapsibleNavBarBase.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const CollapsibleNavBarBase: 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").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default CollapsibleNavBarBase;

package/dist/components/CollapsibleNavBar/CollapsibleNavBarItem.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const CollapsibleNavBarItem: 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").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default CollapsibleNavBarItem;

package/dist/components/CollapsibleNavBar/CollapsibleNavBarLink.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 declare const CollapsibleNavBarLink: 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 CollapsibleNavBarLink;

package/dist/components/CollapsibleNavBar/CollapsibleNavBarList.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const CollapsibleNavBarList: 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").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default CollapsibleNavBarList;

package/dist/components/CollapsibleNavBar/CollapsibleNavBarWrapper.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const CollapsibleNavBarWrapper: 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").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default CollapsibleNavBarWrapper;

package/dist/components/CollapsibleNavBar/CollapsibleNavToggleWrapper.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const CollapsibleNavToggleWrapper: 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").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export default CollapsibleNavToggleWrapper;

package/dist/components/CollapsibleNavBar/NavBarAccordionContent.d.ts

@@ -1,11 +1,16 @@
+/// <reference types="react" />
 import { RenderContentProps } from '../AccordionGroup';
-export declare const NavBarAccordionContent: ({ items, accordionUniqueName, prefix, isPopover, onClick, ...rest }: RenderContentProps & {
+export declare const NavBarAccordionContent: ({ items, accordionUniqueName, prefix, isPopover, onClick, ...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> & {
     items: Array<{
         path: string;
         title: string;
     }>;
     accordionUniqueName: string;
-    prefix?: string;
-    isPopover?: boolean;
-    onClick?: () => void;
+    prefix?: string | undefined;
+    isPopover?: boolean | undefined;
+    onClick?: (() => void) | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/NavBarItemWithSubMenu.d.ts

@@ -1,5 +1,5 @@
 import { CollapsibleNavBarGroup } from './types';
 export declare const NavBarItemWithSubMenu: ({ item, onClick, }: {
     item: CollapsibleNavBarGroup;
-    onClick?: () => void;
+    onClick?: (() => void) | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.d.ts

@@ -1,5 +1,6 @@
+import CollapsibleNavBarItem from './CollapsibleNavBarItem';
 import * as T from './types';
 export declare const NavBarItemWithoutSubMenu: ({ item, onClick, }: {
     item: T.CollapsibleNavBarItem;
-    onClick?: () => void;
+    onClick?: (() => void) | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/NavBarPopover.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const CollapsibleNavBarPopover: ({ triggerIcon, title, content, }: {
     triggerIcon: React.ReactElement;
     title: string;
-    content?: React.ReactElement;
+    content?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/CollapsibleNavBar/TriggerIcon.d.ts

@@ -1,7 +1,7 @@
 import type { MapIconsType, SVGProps } from '../Icon/types';
 export declare const TriggerIcon: ({ iconName, iconSize, className, CustomIcon, }: {
     iconName: keyof MapIconsType;
-    iconSize?: number;
-    className?: string;
-    CustomIcon?: (props: Omit<SVGProps, "fill">) => JSX.Element;
+    iconSize?: number | undefined;
+    className?: string | undefined;
+    CustomIcon?: ((props: Omit<SVGProps, 'fill'>) => JSX.Element) | undefined;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NavBarExtendedGroup, NavBarExtendedItem } from '../..';
 export interface CollapsibleNavBarItem extends NavBarExtendedItem {
     iconSize: number;

package/dist/components/ColorPicker/styles.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownOptionProps } from '../DropdownOptions';
 import { CommonProps } from '../../types/emotion';
 export interface DropdownProps<P extends DropdownOptionProps> extends CommonProps {

package/dist/components/DropdownArrow/DropdownArrow.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 export declare const DropdownArrowBase: 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<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const DropdownArrow: ({ isUp }: {
     isUp: boolean;

package/dist/components/DropdownBase/DropdownBase.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const DropdownBase: 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<HTMLDivElement>, HTMLDivElement>, {}>;
 export default DropdownBase;

package/dist/components/DropdownOption/DropdownOption.d.ts

@@ -12,7 +12,7 @@ interface DropdownItemProps extends CommonProps {
     children?: React.ReactNode;
 }
 declare const DropdownOption: import("@emotion/styled").StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
+    theme?: Theme | undefined;
+    as?: React.ElementType<any> | undefined;
 } & DropdownItemProps, React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export default DropdownOption;

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

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

package/dist/components/DropdownToggle/DropdownToggle.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { DropdownToggleProps } from './types';
 export declare const DropdownToggleBase: 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<DropdownToggleProps, "colors" | "disabled" | "isOpen" | "isMultiple" | "selectedCount">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 declare const DropdownToggle: ({ onClick, onFocus, isOpen, isMultiple, selectedCount, disabled, children, ariaLabelledby, ariaControls, colors, className, }: DropdownToggleProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default DropdownToggle;

package/dist/components/Filters/FilterBlockWrapper.d.ts

@@ -1,10 +1,11 @@
+/// <reference types="react" />
 export declare const FilterBlockWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
-    avatarSize?: number;
-    direction?: string;
-    alignItems?: string;
+    avatarSize?: number | undefined;
+    direction?: string | undefined;
+    alignItems?: string | undefined;
 } & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
+    theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/dist/components/Filters/Filters.d.ts

@@ -1,5 +1,16 @@
+/// <reference types="react" />
 import { TableFilterConfig } from '../TableFilters/types';
 import { UseTableDataParameters, UseTableDataResult } from '../TableFilters/hooks/useTableData';
-export declare const Filters: ({ checkboxData: initialState, updatedCheckboxData, handleSubmit, handleCancel, handleClear, handleDropdownChange, }: Pick<UseTableDataResult, "checkboxData"> & {
-    updatedCheckboxData?: TableFilterConfig;
+export declare const Filters: ({ checkboxData: initialState, updatedCheckboxData, handleSubmit, handleCancel, handleClear, handleDropdownChange, }: Pick<{
+    checkboxData: TableFilterConfig;
+    wrapperRef: import("react").RefObject<HTMLElement> | undefined;
+    refsList: import("react").MutableRefObject<HTMLElement | null>[];
+    setElementRef: (groupName: string, element: HTMLElement | null) => void;
+    onCheckboxToggle: (groupName: string, name: string | number) => void;
+    onDropdownChange: (groupName: string, name: string | number) => void;
+    onSubmit: (event?: import("react").BaseSyntheticEvent<object, any, any> | undefined) => void;
+    onReset: () => void;
+    onClear: () => void;
+}, "checkboxData"> & {
+    updatedCheckboxData?: TableFilterConfig | undefined;
 } & Pick<UseTableDataParameters, "handleSubmit" | "handleCancel" | "handleClear" | "handleDropdownChange">) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;