@itcase/ui 1.2.35 → 1.3.1

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

@@ -2,7 +2,8 @@ import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { iconFillSizePropsType, iconSizePropsType, sizePXPropsType, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IAvatarThemeColor {
+export interface iAvatarThemeColor {
+    [key: number | string | symbol]: any;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
     icon?: ElementType;
@@ -18,17 +19,19 @@ export interface IAvatarThemeColor {
     textSize?: tTextSizeProps;
     textWeight?: tTextWeightProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type avatarAppearanceType = {
-    [key in appearanceKeysType]?: IAvatarThemeColor;
+    [key in tAppearanceKeys]?: iAvatarThemeColor;
 };
 export interface iAvatarConfig {
+    [key: number | string | symbol]: any;
     appearance: avatarAppearanceType | undefined;
     setAppearance: (newComponent: avatarAppearanceType) => void;
 }
-export interface IAvatarProps extends IAvatarThemeColor, iStyleAttributes {
+export interface iAvatarProps extends iAvatarThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     before?: ReactNode;
     className?: string;
     Dot?: ReactNode;

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

@@ -1,6 +1,6 @@
-import { IBadgeConfig, IBadgeProps } from './Badge.interface';
-declare const badgeConfig: IBadgeConfig;
-declare function Badge(props: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+import type { iBadgeConfig, iBadgeProps } from './Badge.interface';
+declare const badgeConfig: iBadgeConfig;
+declare function Badge(props: iBadgeProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Badge {
     var defaultProps: {
         shape: string;

package/dist/types/components/Badge/Badge.interface.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillProps, tFillHoverProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
+import { borderColorHoverPropsType, borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IBadgeThemeColor {
+export interface iBadgeThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderColorHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
@@ -14,16 +15,18 @@ export interface IBadgeThemeColor {
     textColor?: tTextColorProps;
     textSize?: tTextSizeProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type badgeAppearanceType = {
-    [key in appearanceKeysType]?: IBadgeThemeColor;
+    [key in tAppearanceKeys]?: iBadgeThemeColor;
 };
-export interface IBadgeConfig {
+export interface iBadgeConfig {
+    [key: number | string | symbol]: any;
     appearance: badgeAppearanceType | undefined;
     setAppearance: (newComponent: badgeAppearanceType) => void;
 }
-export interface IBadgeProps extends IBadgeThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+export interface iBadgeProps extends iBadgeThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     children?: ReactNode;
     className?: string;
     mode?: string;

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

@@ -1,5 +1,5 @@
-import { IBreadcrumbsProps } from './Breadcrumbs.interface';
-declare function Breadcrumbs(props: IBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+import type { iBreadcrumbsProps } from './Breadcrumbs.interface';
+declare function Breadcrumbs(props: iBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Breadcrumbs {
     var defaultProps: {
         direction: string;

package/dist/types/components/Breadcrumbs/Breadcrumbs.interface.d.ts

@@ -1,7 +1,9 @@
 import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tDirectionProps, tFillProps, iconSizePropsType, positionPropsType, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tUnderlineProps, tWidthProps } from '../../types';
-export interface IBreadcrumbsItemProps extends iStyleAttributes {
+import { iconSizePropsType, positionPropsType, tDirectionProps, tFillProps, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tUnderlineProps, tWidthProps } from '../../types';
+export interface iBreadcrumbsItemProps extends iStyleAttributes {
+    id?: string;
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     cursor?: string;
@@ -11,16 +13,14 @@ export interface IBreadcrumbsItemProps extends iStyleAttributes {
     fillTablet?: tFillProps;
     href?: string;
     iconAfter?: ElementType;
-    itemIconAfter?: ElementType;
     iconAfterBgFill?: tFillProps;
     iconAfterFill?: tFillProps;
     iconAfterSize?: iconSizePropsType;
-    id?: string;
+    itemIconAfter?: ElementType;
     position?: positionPropsType;
     positionDesktop?: positionPropsType;
     positionMobile?: positionPropsType;
     positionTablet?: positionPropsType;
-    set?: string;
     shape?: tShapeProps;
     shapeDesktop?: tShapeProps;
     shapeMobile?: tShapeProps;
@@ -30,13 +30,15 @@ export interface IBreadcrumbsItemProps extends iStyleAttributes {
     textColor?: tTextColorProps;
     textColorHover?: tTextColorHoverProps;
     textSize?: tTextSizeProps;
-    onClick?: () => void;
     underline?: tUnderlineProps;
+    onClick?: () => void;
+    set?: string;
 }
-export interface IBreadcrumbsProps extends iStyleAttributes {
+export interface iBreadcrumbsProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     breadcrumbsList?: {
-        href?: string;
         id?: string;
+        href?: string;
         text?: string;
     }[];
     children?: ReactNode;
@@ -59,7 +61,6 @@ export interface IBreadcrumbsProps extends iStyleAttributes {
     positionDesktop?: positionPropsType;
     positionMobile?: positionPropsType;
     positionTablet?: positionPropsType;
-    set?: string;
     shape?: tShapeProps;
     shapeDesktop?: tShapeProps;
     shapeMobile?: tShapeProps;
@@ -68,4 +69,5 @@ export interface IBreadcrumbsProps extends iStyleAttributes {
     widthDesktop?: tWidthProps;
     widthMobile?: tWidthProps;
     widthTablet?: tWidthProps;
+    set?: string;
 }

package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -1,3 +1,3 @@
-import { IBreadcrumbsItemProps } from './Breadcrumbs.interface';
-declare function BreadcrumbsItem(props: IBreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
+import type { iBreadcrumbsItemProps } from './Breadcrumbs.interface';
+declare function BreadcrumbsItem(props: iBreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
 export { BreadcrumbsItem };

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

@@ -1,2 +1,2 @@
-import { buttonAppearanceType } from './Button.interface';
-export declare const buttonAppearance: buttonAppearanceType;
+import { tButtonAppearance } from './Button.interface';
+export declare const buttonAppearance: tButtonAppearance;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IButtonConfig, IButtonProps } from './Button.interface';
-declare const buttonConfig: IButtonConfig;
-declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLDivElement>>;
+import type { iButtonConfig, iButtonProps } from './Button.interface';
+declare const buttonConfig: iButtonConfig;
+declare const Button: React.ForwardRefExoticComponent<Omit<iButtonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Button, buttonConfig };

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

@@ -1,8 +1,9 @@
-import { CSSProperties, ElementType, ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderTypePropsType, elevationPropsType, iconFillSizePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IButtonThemeColor {
+import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { borderTypePropsType, elevationPropsType, iconFillSizePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iButtonThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
     borderWidth?: tBorderWidthProps;
@@ -40,22 +41,24 @@ export interface IButtonThemeColor {
     size?: tSizeProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
-export type buttonAppearanceType = {
-    [key in appearanceKeysType]?: IButtonThemeColor;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
+type tButtonAppearance = {
+    [key in tAppearanceKeys]?: iButtonThemeColor;
 };
-export interface IButtonConfig {
-    appearance: buttonAppearanceType | undefined;
-    setAppearance: (newComponent: buttonAppearanceType) => void;
+interface iButtonConfig {
+    [key: number | string | symbol]: any;
+    appearance: tButtonAppearance | undefined;
+    setAppearance: (newComponent: tButtonAppearance) => void;
 }
-export interface IButtonProps extends IButtonThemeColor, iStyleAttributes {
-    dataTestId?: string;
+interface iButtonProps extends iButtonThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     Badge?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
     dataTour?: string;
     href?: string;
     htmlType?: ElementType;
@@ -74,4 +77,4 @@ export interface IButtonProps extends IButtonThemeColor, iStyleAttributes {
     onMouseDown?: () => void;
     set?: string;
 }
-export {};
+export type { iButtonThemeColor, tButtonAppearance, iButtonConfig, iButtonProps };

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

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

package/dist/types/components/Caption/Caption.interface.d.ts

@@ -1,21 +1,22 @@
 import { ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { captionPositionPropsType, tFillGradientProps, tFillProps } from '../../types';
-export interface ICaptionThemeColor {
+export interface iCaptionThemeColor {
     fill: tFillProps;
-    fillMobile: tFillProps;
-    fillTablet: tFillProps;
     fillDesktop: tFillProps;
     fillGradient: tFillGradientProps;
+    fillGradientDesktop: tFillGradientProps;
     fillGradientMobile: tFillGradientProps;
     fillGradientTablet: tFillGradientProps;
-    fillGradientDesktop: tFillGradientProps;
+    fillMobile: tFillProps;
+    fillTablet: tFillProps;
     position: captionPositionPropsType;
+    positionDesktop: captionPositionPropsType;
     positionMobile: captionPositionPropsType;
     positionTablet: captionPositionPropsType;
-    positionDesktop: captionPositionPropsType;
 }
-export interface ICaptionProps extends ICaptionThemeColor, Omit<iStyleAttributes, 'position'> {
+export interface iCaptionProps extends iCaptionThemeColor, Omit<iStyleAttributes, 'position'> {
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
 }

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

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

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

@@ -1,29 +1,30 @@
 import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
-export interface ICardProps extends iStyleAttributes {
+export interface iCardProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
+    image?: ReactNode;
+    imageShape?: tShapeProps;
+    shape?: tShapeProps;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
     size?: tSizeProps;
     src?: string;
     text?: string;
-    textSize?: tTextSizeProps;
     textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
     textTag?: ElementType;
     title?: string;
+    titleColor?: tTextColorProps;
     titleSize?: tTextSizeProps;
     titleTag?: ElementType;
-    titleColor?: tTextColorProps;
-    image?: ReactNode;
-    imageShape?: tShapeProps;
     type?: string;
-    shape?: tShapeProps;
-    shapeMobile?: tShapeProps;
-    shapeTablet?: tShapeProps;
-    shapeDesktop?: tShapeProps;
     width?: string;
+    widthDesktop?: string;
     widthMobile?: string;
     widthTablet?: string;
-    widthDesktop?: string;
     onClick?: () => void;
 }

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

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

package/dist/types/components/Cell/Cell.interface.d.ts

@@ -2,8 +2,9 @@ import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { iconFillSizePropsType, tDirectionProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-type appearanceKeysType = {} & tAppearanceKeysDefault;
-export interface ICellProps extends iStyleAttributes {
+type tAppearanceKeys = tAppearanceKeysDefault & {};
+export interface iCellProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     before?: ReactNode;
     className?: string;
@@ -22,7 +23,7 @@ export interface ICellProps extends iStyleAttributes {
     titleIconShape?: tShapeProps;
     titleIconSrc?: string;
     titleLabel?: string;
-    titleLabelAppearance?: appearanceKeysType;
+    titleLabelAppearance?: tAppearanceKeys;
     titleLabelShape?: tShapeProps;
     titleLabelSize?: tSizeProps;
     titleLabelTextSize?: tTextSizeProps;
@@ -41,7 +42,7 @@ export interface ICellProps extends iStyleAttributes {
     valueIconShape?: tShapeProps;
     valueIconSrc?: string;
     valueLabel?: string;
-    valueLabelAppearance?: appearanceKeysType;
+    valueLabelAppearance?: tAppearanceKeys;
     valueLabelShape?: tShapeProps;
     valueLabelSize?: tSizeProps;
     valueLabelTextSize?: tTextSizeProps;

package/dist/types/components/Checkbox/Checkbox.interface.d.ts

@@ -9,6 +9,7 @@ type tCheckboxAppearance = {
     [key in tAppearanceKeysDefault]?: iCheckboxThemeColor;
 };
 interface iCheckboxThemeColor {
+    [key: number | string | symbol]: any;
     descTextColor?: tTextColorProps;
     descTextSize?: tTextSizeProps;
     descTextWeight?: tTextWeightProps;
@@ -32,6 +33,7 @@ interface iCheckboxThemeColor {
     width?: tWidthProps;
 }
 interface iCheckboxConfig {
+    [key: number | string | symbol]: any;
     appearance: tCheckboxAppearance | undefined;
     state: tCheckboxState | undefined;
     setAppearance: (newComponent: tCheckboxAppearance) => void;
@@ -39,7 +41,7 @@ interface iCheckboxConfig {
 }
 interface iCheckboxProps extends iCheckboxThemeColor, iStyleAttributes {
     id?: number | string;
-    Tag?: ElementType;
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     appearance?: tAppearanceKeysDefault;
     before?: ReactNode;
@@ -48,6 +50,7 @@ interface iCheckboxProps extends iCheckboxThemeColor, iStyleAttributes {
     desc?: string;
     disabled?: boolean;
     label?: string;
+    Tag?: ElementType;
     value?: string;
     onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
     onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/types/components/Chips/Chips.interface.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, tAlignProps, borderTypePropsType, tBorderColorProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iChipsThemeColor {
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     borderColor?: tBorderColorProps;
@@ -27,10 +28,12 @@ type tChipsAppearance = {
     [key in tAppearanceKeysDefault]?: iChipsThemeColor;
 };
 interface iChipsConfig {
+    [key: number | string | symbol]: any;
     appearance: tChipsAppearance | undefined;
     setAppearance: (newComponent: tChipsAppearance) => void;
 }
 interface iChipsProps extends iChipsThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     appearance?: tAppearanceKeysDefault;
     children?: ReactNode;
     className?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { iChoiceConfig, iChoiceProps } from './Choice.interface';
+import type { iChoiceConfig } from './Choice.interface';
 declare const choiceConfig: iChoiceConfig;
-declare const Choice: React.ForwardRefExoticComponent<iChoiceProps & React.RefAttributes<HTMLDivElement>>;
+declare const Choice: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 export { Choice, choiceConfig };

package/dist/types/components/Choice/Choice.interface.d.ts

@@ -3,6 +3,7 @@ import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import type { borderTypePropsType, iconSizePropsType, sizeOptionPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, wrapPropsType } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iChoiceThemeColor {
+    [key: number | string | symbol]: any;
     activeIconItemFill?: tItemColorProps;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
@@ -28,10 +29,12 @@ type tChoiceAppearance = {
     [key in tAppearanceKeysDefault]?: iChoiceThemeColor;
 };
 interface iChoiceConfig {
+    [key: number | string | symbol]: any;
     appearance: tChoiceAppearance | undefined;
     setAppearance: (newComponent: tChoiceAppearance) => void;
 }
 interface iChoiceProps extends iChoiceThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     active: {
         value: ReactNode;
     };

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

@@ -1,6 +1,6 @@
-import { iCodeConfig, ICodeProps } from './Code.interface';
+import type { iCodeConfig, iCodeProps } from './Code.interface';
 declare const codeConfig: iCodeConfig;
-declare function Code(props: ICodeProps): import("react/jsx-runtime").JSX.Element;
+declare function Code(props: iCodeProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Code {
     var defaultProps: {
         inputBorderColor: string;

package/dist/types/components/Code/Code.interface.d.ts

@@ -3,7 +3,8 @@ import { AllowedInputTypes } from 'react-otp-input';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorHoverPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ICodeThemeColor {
+export interface iCodeThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
@@ -11,17 +12,19 @@ export interface ICodeThemeColor {
     labelTextSize?: tTextSizeProps;
     shape?: tShapeProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type codeAppearanceType = {
-    [key in appearanceKeysType]?: ICodeThemeColor;
+    [key in tAppearanceKeys]?: iCodeThemeColor;
 };
 export interface iCodeConfig {
+    [key: number | string | symbol]: any;
     appearance: codeAppearanceType | undefined;
     setAppearance: (newComponent: codeAppearanceType) => void;
 }
-export interface ICodeProps extends ICodeThemeColor, iStyleAttributes {
+export interface iCodeProps extends iCodeThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     before?: ReactNode;
     className?: string;
     gap?: string;

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

@@ -1,3 +1,3 @@
-import { ICookiesWarningProps } from './CookiesWarning.interface';
-declare function CookiesWarning(props: ICookiesWarningProps): import("react/jsx-runtime").JSX.Element | null;
+import type { iCookiesWarningProps } from './CookiesWarning.interface';
+declare function CookiesWarning(props: iCookiesWarningProps): import("react/jsx-runtime").JSX.Element | null;
 export { CookiesWarning };

package/dist/types/components/CookiesWarning/CookiesWarning.interface.d.ts

@@ -1,7 +1,6 @@
 import { tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
-export interface ICookiesWarningProps {
-    message?: string;
-    className?: string;
+export interface iCookiesWarningProps {
+    [key: number | string | symbol]: any;
     buttonFill?: tFillProps;
     buttonFillHover?: tFillHoverProps;
     buttonLabel?: string;
@@ -9,8 +8,10 @@ export interface ICookiesWarningProps {
     buttonLabelTextColor?: tTextColorProps;
     buttonShape?: tShapeProps;
     buttonSize?: tSizeProps;
-    textSize?: tTextSizeProps;
-    textColor?: tTextColorProps;
     buttonWidth?: string;
+    className?: string;
+    message?: string;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
     isHideOnScroll?: boolean;
 }

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

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

package/dist/types/components/DadataHintField/DadataHintField.interface.d.ts

@@ -1,14 +1,14 @@
 import { HTMLProps } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import '../../types';
-export interface IDadataHintFieldProps extends iStyleAttributes {
+export interface iDadataHintFieldProps extends iStyleAttributes {
     delay?: number;
-    inputProps?: HTMLProps<HTMLInputElement>;
-    setValue?: () => void;
     input?: any;
+    inputProps?: HTMLProps<HTMLInputElement>;
     meta?: any;
     token: string;
+    setValue?: () => void;
 }
-export interface IDadataСustomInputProps extends iStyleAttributes {
+export interface iDadataСustomInputProps extends iStyleAttributes {
     inputValue?: string;
 }

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

@@ -1,4 +1,4 @@
-import { IDatePickerInputProps } from './DatePicker.interface';
-declare const datePickerConfig: IDatePickerConfig;
-declare function DatePickerInput(props: IDatePickerInputProps): import("react/jsx-runtime").JSX.Element;
+import type { iDatePickerConfig, iDatePickerInputProps } from './DatePicker.interface';
+declare const datePickerConfig: iDatePickerConfig;
+declare function DatePickerInput(props: iDatePickerInputProps): import("react/jsx-runtime").JSX.Element;
 export { DatePickerInput, datePickerConfig };

package/dist/types/components/DatePicker/DatePicker.interface.d.ts

@@ -3,7 +3,7 @@ import { DatePickerProps } from 'react-datepicker';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iconFillSizePropsType, iconSizePropsType, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { iInputProps } from '../Input/Input.interface';
-interface IDatePickerProps extends DatePickerProps {
+interface iDatePickerProps extends DatePickerProps {
     customTimeInput?: ReactNode;
     daySize?: tSizeProps;
     dayTextColor?: tTextColorProps;
@@ -38,15 +38,18 @@ interface IDatePickerProps extends DatePickerProps {
     isClearable?: boolean;
     isStartDefaultNull?: boolean;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type datePickerAppearanceType = {
-    [key in appearanceKeysType]?: IDatePickerInputProps;
+    [key in tAppearanceKeys]?: iDatePickerInputProps;
 };
-export interface IDatePickerConfig {
+export interface iDatePickerConfig {
+    [key: number | string | symbol]: any;
     appearance: datePickerAppearanceType | undefined;
     setAppearance: (newComponent: datePickerAppearanceType) => void;
 }
-export interface IDatePickerInputProps extends IDatePickerProps {
+export interface iDatePickerInputProps extends iDatePickerProps {
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     className?: string;
     clearIcon?: any;
     clearIconFill?: tFillProps;
@@ -61,14 +64,14 @@ export interface IDatePickerInputProps extends IDatePickerProps {
     clearLabelTextColor?: tTextColorProps;
     clearLabelTextColorHover?: tTextColorHoverProps;
     clearLabelTextSize?: tTextSizeProps;
-    datePickerProps: IDatePickerProps;
+    datePickerProps: iDatePickerProps;
     endValue?: string;
     inputProps?: iInputProps;
     labelTextSize?: tTextSizeProps;
     value?: string;
     onChange?: any;
 }
-export interface IDatePickerCustomInput {
+export interface iDatePickerCustomInput {
     clearIcon?: any;
     clearIconFill?: tFillProps;
     clearIconFillHover?: tFillHoverProps;
@@ -96,7 +99,7 @@ export interface IDatePickerCustomInput {
     value?: string;
     isClearable?: boolean;
 }
-export interface IDatePickerInputIcon {
+export interface iDatePickerInputIcon {
     inputIcon?: any;
     inputIconFill?: tFillProps;
     inputIconFillHover?: tFillHoverProps;

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

@@ -1,6 +1,6 @@
-import { iDividerConfig, IDividerProps } from './Divider.interface';
+import type { iDividerConfig, iDividerProps } from './Divider.interface';
 declare const dividerConfig: iDividerConfig;
-declare function Divider(props: IDividerProps): import("react/jsx-runtime").JSX.Element;
+declare function Divider(props: iDividerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Divider {
     var defaultProps: {
         size: string;