@itcase/ui 1.1.24 → 1.2.0

package/dist/{cjs → types}/components/Pagination/Pagination.interface.d.ts

@@ -1,14 +1,14 @@
 import { type ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignmentPropsType, tDirectionProps, elevationPropsType, tFillHoverProps, tFillProps, iconFillSizePropsType, tItemColorProps, tShapeProps, tSizeProps, textAlignPropsType, textColorActivePropsType, tTextColorProps, tTextSizeProps, textWrapPropsType } from '../../types';
-export interface IPaginationProps extends iStyleAttributes {
+import { alignmentPropsType, elevationPropsType, iconFillSizePropsType, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps } from '../../types';
+interface iPaginationProps extends iStyleAttributes {
     allItemsCount?: number;
     className?: string;
     marginPagesDisplayed?: number;
     nextLabel?: ReactNode;
     pageCountArray?: number[];
     pageCountDesc?: string;
-    pageCountDropdownItemLabelAlign?: textAlignPropsType;
+    pageCountDropdownItemLabelAlign?: tTextAlignProps;
     pageCountDropdownItemWidth?: string;
     pageCountDescTextColor?: tTextColorProps;
     pageCountDescTextSize?: tTextSizeProps;
@@ -23,9 +23,9 @@ export interface IPaginationProps extends iStyleAttributes {
     pageCountDropdownItemFillActiveHover?: tFillHoverProps;
     pageCountDropdownItemFillHover?: tFillHoverProps;
     pageCountDropdownItemLabelColor?: tTextColorProps;
-    pageCountDropdownItemLabelColorActive?: textColorActivePropsType;
+    pageCountDropdownItemLabelColorActive?: tTextColorActiveProps;
     pageCountDropdownItemLabelSize?: tTextSizeProps;
-    pageCountDropdownItemLabelWrap?: textWrapPropsType;
+    pageCountDropdownItemLabelWrap?: tTextWrapProps;
     pageCountDropdownItemSize?: tSizeProps;
     pageCountDropdownItemShowDivider?: boolean;
     pageCountDropdownSet?: string;
@@ -41,6 +41,15 @@ export interface IPaginationProps extends iStyleAttributes {
     previousLabel?: ReactNode;
     isPageCount?: boolean;
     isPageCountDropdownReversed?: boolean;
+    onChangePage?: () => void;
+    onChangePerPageCount?: (perPageCount: number) => void;
+    /**
+     * @deprecated The method should not be used
+     */
     onPageChange?: () => void;
+    /**
+     * @deprecated The method should not be used
+     */
     onPerPageCountChange?: (perPageCount: number) => void;
 }
+export type { iPaginationProps };

package/dist/{components → types/components}/Panel/Panel.interface.d.ts

@@ -1,12 +1,12 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, tHeightProps, positionPropsType, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import { tAlignDirectionProps, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, tHeightProps, positionPropsType, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     border?: string;
     borderColor?: string;
     borderWidth?: string;
-    direction?: alignDirectionPropsType;
+    direction?: tAlignDirectionProps;
     fill?: string;
     fillHover?: string;
     labelTextColor?: tTextColorProps;
@@ -34,7 +34,7 @@ export interface IPanelProps extends iStyleAttributes {
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
     borderWidth?: tBorderWidthProps;
-    direction?: alignDirectionPropsType;
+    direction?: tAlignDirectionProps;
     elevation?: elevationPropsType;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;

package/dist/{cjs → types}/components/Segmented/Segmented.interface.d.ts

@@ -1,5 +1,5 @@
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, textColorActivePropsType, tTextColorProps, tTextSizeProps, textWrapPropsType, tWidthProps } from '../../types';
+import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ISegmentedThemeColor {
     borderType?: borderTypePropsType;
@@ -8,10 +8,10 @@ export interface ISegmentedThemeColor {
     fillHover?: tFillHoverProps;
     indicatorFill?: tItemColorProps;
     inputBorderColor?: tBorderColorProps;
-    labelTextActiveColor?: textColorActivePropsType;
+    labelTextActiveColor?: tTextColorActiveProps;
     labelTextColor?: tTextColorProps;
     labelTextSize?: tTextSizeProps;
-    labelTextWrap?: textWrapPropsType;
+    labelTextWrap?: tTextWrapProps;
     shape?: tShapeProps;
     width?: tWidthProps;
 }

package/dist/types/components/Select/SelectClearIndicator.d.ts

@@ -0,0 +1,11 @@
+export function SelectClearIndicator(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectClearIndicator {
+    namespace propTypes {
+        let children: PropTypes.Requireable<any>;
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            clearIcon: PropTypes.Requireable<string>;
+            clearIconFill: PropTypes.Requireable<string>;
+        }>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectContainer.d.ts

@@ -0,0 +1,2 @@
+export const SelectContainer: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/dist/types/components/Select/SelectControl.d.ts

@@ -0,0 +1,11 @@
+export function SelectControl(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectControl {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            inputFill: PropTypes.Requireable<string>;
+            inputShape: PropTypes.Requireable<string>;
+            set: PropTypes.Requireable<string>;
+        }>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectDropdownIndicator.d.ts

@@ -0,0 +1,13 @@
+export function SelectDropdownIndicator(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectDropdownIndicator {
+    namespace propTypes {
+        let children: PropTypes.Requireable<any>;
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            dropdownFillHover: PropTypes.Requireable<string>;
+            dropdownIcon: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike | null | undefined>>;
+            dropdownIconFill: PropTypes.Requireable<string>;
+            dropdownIconShape: PropTypes.Requireable<string>;
+        }>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectGroupHeading.d.ts

@@ -0,0 +1,7 @@
+export function SelectGroupHeading(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectGroupHeading {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectIndicatorsContainer.d.ts

@@ -0,0 +1,4 @@
+export function SelectIndicatorsContainer(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectIndicatorsContainer {
+    let propTypes: {};
+}

package/dist/types/components/Select/SelectInput.d.ts

@@ -0,0 +1,12 @@
+export function SelectInput(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectInput {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            inputTextSize: PropTypes.Requireable<string>;
+            inputTextColor: PropTypes.Requireable<string>;
+            inputCaretColor: PropTypes.Requireable<string>;
+        }>>;
+        let children: PropTypes.Requireable<any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectLoadingIndicator.d.ts

@@ -0,0 +1,7 @@
+export function SelectLoadingIndicator(props: any): any;
+export namespace SelectLoadingIndicator {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectMenu.d.ts

@@ -0,0 +1,11 @@
+export function SelectMenu(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectMenu {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            fetchingData: PropTypes.Requireable<any>;
+            set: PropTypes.Requireable<string>;
+        }>>;
+        let children: PropTypes.Requireable<any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectMultiValueContainer.d.ts

@@ -0,0 +1 @@
+export function SelectMultiValueContainer(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Select/SelectMultiValueLabel.d.ts

@@ -0,0 +1,4 @@
+export function SelectMultiValueLabel(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectMultiValueLabel {
+    let propTypes: {};
+}

package/dist/types/components/Select/SelectMultiValueRemove.d.ts

@@ -0,0 +1,4 @@
+export function SelectMultiValueRemove(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectMultiValueRemove {
+    let propTypes: {};
+}

package/dist/types/components/Select/SelectNoOptions.d.ts

@@ -0,0 +1,12 @@
+export function SelectNoOptions(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectNoOptions {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            noOptionsTextSize: PropTypes.Requireable<string>;
+            noOptionsTextColor: PropTypes.Requireable<string>;
+            noOptionsText: PropTypes.Requireable<string>;
+        }>>;
+        let children: PropTypes.Requireable<any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectOption.d.ts

@@ -0,0 +1,16 @@
+export function SelectOption(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectOption {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            optionFill: PropTypes.Requireable<string>;
+            optionTextSize: PropTypes.Requireable<string>;
+            optionTextColor: PropTypes.Requireable<string>;
+            optionShape: PropTypes.Requireable<string>;
+            optionBefore: PropTypes.Requireable<any>;
+            optionAfter: PropTypes.Requireable<any>;
+        }>>;
+        let label: PropTypes.Requireable<string>;
+        let isSelected: PropTypes.Requireable<any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectPlaceholder.d.ts

@@ -0,0 +1,11 @@
+export function SelectPlaceholder(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectPlaceholder {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            placeholderTextSize: PropTypes.Requireable<string>;
+            placeholderTextColor: PropTypes.Requireable<string>;
+        }>>;
+        let children: PropTypes.Requireable<any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectSingleValue.d.ts

@@ -0,0 +1,12 @@
+export function SelectSingleValue(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectSingleValue {
+    namespace propTypes {
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            inputTextSize: PropTypes.Requireable<string>;
+            inputTextColor: PropTypes.Requireable<string>;
+        }>>;
+        let children: PropTypes.Requireable<any>;
+        let data: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/SelectValueContainer.d.ts

@@ -0,0 +1,11 @@
+export function SelectValueContainer(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace SelectValueContainer {
+    namespace propTypes {
+        let children: PropTypes.Requireable<any>;
+        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            inputBefore: PropTypes.Requireable<any>;
+            inputAfter: PropTypes.Requireable<any>;
+        }>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/types/components/Select/index.d.ts

@@ -0,0 +1,20 @@
+import { SelectClearIndicator } from './SelectClearIndicator.js';
+import { SelectContainer } from './SelectContainer.js';
+import { SelectControl } from './SelectControl.js';
+import { SelectDropdownIndicator } from './SelectDropdownIndicator.js';
+import { SelectGroupHeading } from './SelectGroupHeading.js';
+import { SelectIndicatorsContainer } from './SelectIndicatorsContainer.js';
+import { SelectInput } from './SelectInput.js';
+import { SelectMenu } from './SelectMenu.js';
+import { SelectMultiValueContainer } from './SelectMultiValueContainer.js';
+import { SelectMultiValueLabel } from './SelectMultiValueLabel.js';
+import { SelectMultiValueRemove } from './SelectMultiValueRemove.js';
+import { SelectOption } from './SelectOption.js';
+import { SelectPlaceholder } from './SelectPlaceholder.js';
+import { SelectSingleValue } from './SelectSingleValue.js';
+import { SelectValueContainer } from './SelectValueContainer.js';
+export namespace selectConfig {
+    let appearance: {};
+    function setAppearance(newComponent: any): void;
+}
+export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer };

package/dist/{cjs → types}/components/Swiper/Swiper.interface.d.ts

@@ -2,11 +2,11 @@ import { CSSProperties, ReactNode, type Ref } from 'react';
 import { SwiperClass, type SwiperRef } from 'swiper/react';
 import { SwiperModule, SwiperOptions } from 'swiper/types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, tFillProps, tShapeProps, tTextColorProps, tTextWeightProps, titleSizePropsType } from '../../types';
+import { tAlignDirectionProps, tAlignProps, tFillProps, tShapeProps, tTextColorProps, tTextWeightProps, titleSizePropsType } from '../../types';
 export interface ISwiperProps extends iStyleAttributes {
     activeSlideIndex?: number;
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     allowTouchMove?: boolean;
     autoHeight?: boolean;
     breakpoints?: {

package/dist/{components → types/components}/Tab/Tab.interface.d.ts

@@ -1,10 +1,10 @@
 import type { CSSProperties, ReactNode } from 'react';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { textAlignPropsType, alignDirectionPropsType, alignPropsType, justifyContentPropsType, tDirectionProps, textColorActivePropsType, tTextColorHoverProps, tTextGradientProps, tTextStyleProps, textWrapPropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
+import type { tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTabThemeColor {
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     badgeAppearance?: tAppearanceKeysDefault;
     badgeSize?: tSizeProps;
     badgeTextColor?: tTextColorProps;
@@ -22,18 +22,18 @@ interface iTabThemeColor {
     fillActiveHover?: tFillHoverProps;
     fillDisabled?: tFillProps;
     fillHover?: tFillHoverProps;
-    justifyContent?: justifyContentPropsType;
+    justifyContent?: tJustifyContentProps;
     label?: string;
     labelColor?: tTextColorProps;
-    labelColorActive?: textColorActivePropsType;
+    labelColorActive?: tTextColorActiveProps;
     labelColorDisabled?: tTextColorProps;
+    labelTextAlign?: tTextAlignProps;
     labelTextColorHover?: tTextColorHoverProps;
     labelTextGradient?: tTextGradientProps;
     labelTextSize?: tTextSizeProps;
-    labelTextAlign?: textAlignPropsType;
     labelTextStyle?: tTextStyleProps;
     labelTextWeight?: tTextWeightProps;
-    labelTextWrap?: textWrapPropsType;
+    labelTextWrap?: tTextWrapProps;
     linkFill?: tFillProps;
     shape?: tShapeProps;
     size?: tSizeProps;
@@ -72,6 +72,7 @@ interface iTabGroupProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     dataTour?: string;
+    direction?: string;
     horizontalScroll?: boolean;
     style?: CSSProperties;
     set?: string;

package/dist/{components → types/components}/Text/Text.interface.d.ts

@@ -1,11 +1,11 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { textAlignPropsType, textColorActivePropsType, tTextColorHoverProps, tTextGradientProps, tTextStyleProps, textWrapPropsType, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps, typePropsType } from '../../types';
+import type { tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextGradientProps, tTextStyleProps, tTextWrapProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps, typePropsType } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTextThemeColor {
     size?: tSizeProps;
     textColor?: tTextColorProps;
-    textColorActive?: textColorActivePropsType;
+    textColorActive?: tTextColorActiveProps;
     textColorGradient?: tTextGradientProps;
     textColorHover?: tTextColorHoverProps;
 }
@@ -34,7 +34,7 @@ interface iTextProps extends iTextThemeColor, iStyleAttributes {
     sizeTablet?: tSizeProps;
     style?: CSSProperties;
     tag?: ElementType;
-    textAlign?: textAlignPropsType;
+    textAlign?: tTextAlignProps;
     textColor?: tTextColorProps;
     textColorDesktop?: tTextColorProps;
     textColorMobile?: tTextColorProps;
@@ -45,7 +45,7 @@ interface iTextProps extends iTextThemeColor, iStyleAttributes {
     textWeightDesktop?: tTextWeightProps;
     textWeightMobile?: tTextWeightProps;
     textWeightTablet?: tTextWeightProps;
-    textWrap?: textWrapPropsType;
+    textWrap?: tTextWrapProps;
     type?: typePropsType;
     width?: tWidthProps;
     onClick?: () => void;

package/dist/{components → types/components}/Tile/Tile.interface.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tDirectionProps, tFillProps, tShapeProps, tSizeProps, textAlignPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps, textWrapPropsType, titleSizePropsType } from '../../types';
+import { tAlignDirectionProps, tAlignProps, borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tDirectionProps, tFillProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, titleSizePropsType } from '../../types';
 export interface ITileProps extends iStyleAttributes {
     after?: ReactNode;
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     badge?: string;
     badgeSize?: tSizeProps;
     badgeTextColor?: tTextColorProps;
@@ -25,13 +25,13 @@ export interface ITileProps extends iStyleAttributes {
     text?: string;
     textColor?: tTextColorProps;
     textSize?: tTextSizeProps;
-    textWrap?: textWrapPropsType;
+    textWrap?: tTextWrapProps;
     title?: string;
-    titleTextAlign?: textAlignPropsType;
+    titleTextAlign?: tTextAlignProps;
     titleTextColor?: tTextColorProps;
     titleTextSize?: titleSizePropsType;
     titleTextWeight?: tTextWeightProps;
-    titleTextWrap?: textWrapPropsType;
+    titleTextWrap?: tTextWrapProps;
     type?: string;
     onClick?: () => void;
 }

package/dist/{components → types/components}/Title/Title.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tFillProps, textAlignPropsType, textColorActivePropsType, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, textWrapPropsType, titleSizePropsType, svgFillPropsType } from '../../types';
+import { tFillProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, titleSizePropsType, svgFillPropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ITitleThemeColor {
     fill?: tFillProps;
@@ -9,12 +9,12 @@ interface ITitleThemeColor {
     sizeMobile?: titleSizePropsType;
     sizeTablet?: titleSizePropsType;
     textColor?: tTextColorProps;
-    textColorActive?: textColorActivePropsType;
+    textColorActive?: tTextColorActiveProps;
     textColorHover?: tTextColorHoverProps;
     textGradient?: tTextGradientProps;
     textStyle?: tTextStyleProps;
     textWeight?: tTextWeightProps;
-    textWrap?: textWrapPropsType;
+    textWrap?: tTextWrapProps;
     weight?: tTextWeightProps;
     svgFill?: svgFillPropsType;
     svgFillHover?: svgFillPropsType;
@@ -40,7 +40,7 @@ export interface ITitleProps extends ITitleThemeColor, iStyleAttributes {
     style?: CSSProperties;
     tag?: ElementType;
     text?: string;
-    textAlign?: textAlignPropsType;
+    textAlign?: tTextAlignProps;
     direction?: string;
     directionWrapper?: string;
     textTruncate?: string;

package/dist/{cjs → types}/components/Tooltip/Tooltip.interface.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignmentPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
+import { tAlignDirectionProps, alignmentPropsType, tAlignProps, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ITooltipThemeColor {
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     alignment?: alignmentPropsType;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;

package/dist/{components → types/components}/Wrapper/Wrapper.interface.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, tFillProps, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
+import { tAlignDirectionProps, tAlignProps, tFillProps, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
 export interface IWrapperProps extends iStyleAttributes {
     after?: ReactNode;
-    align?: alignPropsType;
-    alignDirection?: alignDirectionPropsType;
+    align?: tAlignProps;
+    alignDirection?: tAlignDirectionProps;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;

package/dist/types/context/Notifications.d.ts

@@ -0,0 +1,19 @@
+export function NotificationsProvider(props: any): import("react/jsx-runtime").JSX.Element;
+export namespace NotificationsProvider {
+    namespace propTypes {
+        let children: PropTypes.Requireable<any>;
+        let initialNotificationsList: PropTypes.Requireable<any[]>;
+    }
+}
+export function useNotifications(): never[];
+export function useNotificationsAPI(): {
+    hideNotifications: () => void;
+    showNotification: () => void;
+    notificationStatuses: {
+        error: string;
+        info: string;
+        success: string;
+        warning: string;
+    };
+};
+import PropTypes from 'prop-types';

package/dist/types/context/UIContext.d.ts

@@ -0,0 +1,11 @@
+export const UIProvider: React.NamedExoticComponent<object>;
+export function useUserDeviceContext(): {
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};
+export function useSiteMenuContext(): {
+    isSiteMenuOpen: boolean;
+    setIsSiteMenuOpen: () => void;
+};
+import React from 'react';

package/dist/types/hooks/styleAttributes.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

package/dist/{cjs → types}/hooks/styleAttributes.interface.d.ts

@@ -1,5 +1,5 @@
 import type * as CSS from 'csstype';
-import { overflowPropsType, textAlignPropsType } from '../types';
+import { overflowPropsType, tTextAlignProps } from '../types';
 export interface iStyleAttributes {
     /**
      * Layout
@@ -105,7 +105,7 @@ export interface iStyleAttributes {
     fontWeight?: CSS.Property.FontWeight;
     letterSpacing?: string;
     lineHeight?: string;
-    textAlign?: textAlignPropsType;
+    textAlign?: tTextAlignProps;
     textDecorationColor?: string;
     textDecorationLine?: string;
     textDecorationStyle?: string;

package/dist/types/hooks/useDeviceTargetClass.d.ts

@@ -0,0 +1 @@
+export function useDeviceTargetClass(componentProps: any, hookProps: any): string | null;

package/dist/types/hooks/useMediaQueries.d.ts

@@ -0,0 +1,7 @@
+export function useMediaQueries(userDevice?: {}): {
+    isMobile: boolean;
+    isMobileHuge: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isDesktopMega: boolean;
+};

package/dist/types/hooks/useStyles.d.ts

@@ -0,0 +1 @@
+export function useStyles(props: any): {};

package/dist/types/icons/index.d.ts

@@ -0,0 +1,10 @@
+export namespace icon16 {
+    export { ChevronDown16 as ChevronDown };
+    export { ChevronTop16 as ChevronTop };
+}
+export namespace icon24 {
+    export { Facebook24 as facebook };
+    export { Instagram24 as instagram };
+    export { DoubleArrowRight24 as doubleArrowRight };
+    export { DoubleArrowLeft24 as doubleArrowLeft };
+}

package/dist/types/types/componentProps/align.d.ts

@@ -0,0 +1 @@
+export type tAlignProps = 'topLeft' | 'topCenter' | 'topRight' | 'left' | 'center' | 'right' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';

package/dist/types/types/componentProps/alignDirection.d.ts

@@ -0,0 +1 @@
+export type tAlignDirectionProps = 'column' | 'column-reverse' | 'horizontal' | 'horizontal-reverse' | 'row' | 'row-reverse' | 'vertical' | 'vertical-reverse';

package/dist/types/types/componentProps/fillGradient.d.ts

@@ -0,0 +1 @@
+export type tFillGradientProps = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';

package/dist/types/types/componentProps/justifyContent.d.ts

@@ -0,0 +1 @@
+export type tJustifyContentProps = 'flexStart' | 'flexEnd' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';

package/dist/types/types/componentProps/textAlign.d.ts

@@ -0,0 +1 @@
+export type tTextAlignProps = 'left' | 'center' | 'right';

package/dist/types/types/componentProps/textColorActive.d.ts

@@ -0,0 +1,2 @@
+type tTextColorActiveProps = false | undefined | 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert' | 'surfaceTextInverse';
+export type { tTextColorActiveProps };

package/dist/types/types/componentProps/textWrap.d.ts

@@ -0,0 +1 @@
+export type tTextWrapProps = 'wrap' | 'nowrap';