@ssa-ui-kit/core 1.0.16 → 1.0.18

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

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

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

@@ -1,4 +1,3 @@
-/// <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,8 +1,7 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 export declare const DropdownArrowBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const DropdownArrow: ({ isUp }: {
     isUp: boolean;

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

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

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

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

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

@@ -1,16 +1,5 @@
-/// <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<{
-    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;
+export declare const Filters: ({ checkboxData: initialState, updatedCheckboxData, handleSubmit, handleCancel, handleClear, handleDropdownChange, }: Pick<UseTableDataResult, "checkboxData"> & {
+    updatedCheckboxData?: TableFilterConfig;
 } & Pick<UseTableDataParameters, "handleSubmit" | "handleCancel" | "handleClear" | "handleDropdownChange">) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -7,7 +7,7 @@ export declare const FiltersContext: import("react").Context<{
     setElementRef: (groupName: string, element: HTMLElement | null) => void;
     onCheckboxToggle: (groupName: string, name: string | number) => void;
     onDropdownChange: (groupName: string, name: string | number) => void;
-    onSubmit: (event?: BaseSyntheticEvent<object, any, any> | undefined) => void;
+    onSubmit: (event?: BaseSyntheticEvent) => void;
     onReset: () => void;
     onClear: () => void;
 }>;
@@ -18,20 +18,10 @@ export declare const useFiltersContext: () => {
     setElementRef: (groupName: string, element: HTMLElement | null) => void;
     onCheckboxToggle: (groupName: string, name: string | number) => void;
     onDropdownChange: (groupName: string, name: string | number) => void;
-    onSubmit: (event?: BaseSyntheticEvent<object, any, any> | undefined) => void;
+    onSubmit: (event?: BaseSyntheticEvent) => void;
     onReset: () => void;
     onClear: () => void;
 };
 export declare const FiltersContextProvider: ({ children, ...rest }: {
     children: React.ReactNode;
-} & {
-    checkboxData: import("../TableFilters/types").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?: BaseSyntheticEvent<object, any, any> | undefined) => void;
-    onReset: () => void;
-    onClear: () => void;
-}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+} & UseTableDataResult) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

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

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

@@ -0,0 +1,6 @@
+export declare const useFiltersBlock: () => {
+    selectedItemsWithValue: Record<string, {
+        value: string;
+    }[]>;
+    handleOnChange: (groupName: string) => (item: string | number) => void;
+};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableFilterConfig } from '../../TableFilters/types';
 import { ElementInfo } from '../types';
 export type RefsByKey = Record<string, ElementInfo>;

package/dist/components/Form/Form.d.ts

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

package/dist/components/FormAction/FormAction.d.ts

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

package/dist/components/FormGroup/FormGroup.d.ts

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

package/dist/components/FormHelperText/FormHelperTextBase.d.ts

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ImageItemProps = React.PropsWithChildren<{
     image: string;
     avatarSize?: number;

package/dist/components/Indicator/IndicatorBase.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const InputError: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, 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,6 +1,5 @@
-/// <reference types="react" />
 export declare const InputSuccess: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, 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,7 +1,6 @@
-/// <reference types="react" />
 export declare const LabelBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    isDisabled?: boolean | undefined;
+    isDisabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
 import { PaginationProps } from './types';
-declare const Pagination: ({ pagesCount, className, as, ariaLabel, isDisabled, }: PaginationProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const Pagination: ({ pagesCount, className, as, ariaLabel, isDisabled, pageNumberPlaceholder, isPageSettingVisible, isRowPerPageVisible, rowPerPageProps, manualPageNumberProps, }: PaginationProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Pagination;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { PaginationContextProps, PaginationContextProviderProps } from './types';
 export declare const PaginationContext: import("react").Context<PaginationContextProps>;
 export declare const usePaginationContext: () => PaginationContextProps;
-export declare const PaginationContextProvider: ({ selectedPage, children, }: PaginationContextProviderProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const PaginationContextProvider: ({ selectedPage, defaultPerPage, children, }: PaginationContextProviderProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+import { RowsPerPageDropdownProps } from './types';
+export declare const RowsPerPageDropdown: ({ selectedItem, rowsPerPageList, rowsPerPageText, ...rest }: RowsPerPageDropdownProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Pagination/components/RowsPerPageDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RowsPerPageDropdown';
+export * from '../../constants';

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

@@ -0,0 +1,9 @@
+import { CommonProps } from '../../../../types/emotion';
+export interface RowsPerPageDropdownProps extends CommonProps {
+    selectedItem?: number;
+    rowsPerPageText?: string;
+    rowsPerPageList?: Array<{
+        id: number;
+        value: number;
+    }>;
+}

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

@@ -0,0 +1 @@
+export * from './RowsPerPageDropdown';

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

@@ -0,0 +1,6 @@
+export declare const ROWS_PER_PAGE_LIST: {
+    id: number;
+    value: number;
+}[];
+export declare const DEFAULT_SELECTED_INDEX = 1;
+export declare const DEFAULT_PER_PAGE_VALUE: number;

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

@@ -2,3 +2,10 @@ import { Theme } from '@emotion/react';
 export declare const pageBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const selectedPageBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const arrowBtnStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const PaginationNav: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const PageNumberInput: import("@emotion/styled").StyledComponent<import("../Input/types").InputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: Theme;
+}, {}, {}>;

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

@@ -1,9 +1,15 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
+import { InputProps } from '../Input/types';
+import { RowsPerPageDropdownProps } from './components/RowsPerPageDropdown/types';
 export interface PaginationProps extends CommonProps {
     pagesCount: number;
     ariaLabel?: string;
     isDisabled?: boolean;
+    pageNumberPlaceholder?: string;
+    isPageSettingVisible?: boolean;
+    isRowPerPageVisible?: boolean;
+    rowPerPageProps?: RowsPerPageDropdownProps;
+    manualPageNumberProps?: InputProps;
 }
 export interface PaginationButtonsProps {
     range: number[];
@@ -25,9 +31,12 @@ export interface PageButtonProps {
 }
 export interface PaginationContextProps {
     page?: number;
+    perPage: number;
     setPage: React.Dispatch<React.SetStateAction<number | undefined>>;
+    setPerPage: React.Dispatch<React.SetStateAction<number>>;
 }
 export interface PaginationContextProviderProps {
     selectedPage?: number;
+    defaultPerPage?: number;
     children: React.ReactNode;
 }

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

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

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

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

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

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