@itcase/ui 1.2.34 → 1.3.0

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/Checkbox/index.d.ts

@@ -1 +1,2 @@
 export { Checkbox, checkboxConfig } from './Checkbox';
+export { checkboxAppearance, checkboxState } from './Checkbox.appearance';

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/Choice/index.d.ts

@@ -1 +1,2 @@
 export { Choice, choiceConfig } from './Choice';
+export { choiceAppearance } from './Choice.appearance';

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/Code/index.d.ts

@@ -1 +1,2 @@
 export { Code, codeConfig } from './Code';
+export { codeAppearance } from './Code.appearance';

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/DatePicker/index.d.ts

@@ -1 +1,2 @@
 export { DatePickerInput, datePickerConfig } from './DatePicker';
+export { datePickerAppearance } from './DatePicker.appearance';

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;

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

@@ -2,7 +2,8 @@ import { CSSProperties } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { tDirectionProps, tFillHoverProps, tFillProps, tSizeProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IDividerThemeColor {
+export interface iDividerThemeColor {
+    [key: number | string | symbol]: any;
     className?: string;
     direction?: tDirectionProps;
     directionDesktop?: tDirectionProps;
@@ -26,16 +27,18 @@ export interface IDividerThemeColor {
     widthMobile?: tWidthProps;
     widthTablet?: tWidthProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type dividerAppearanceType = {
-    [key in appearanceKeysType]?: IDividerThemeColor;
+    [key in tAppearanceKeys]?: iDividerThemeColor;
 };
 export interface iDividerConfig {
+    [key: number | string | symbol]: any;
     appearance: dividerAppearanceType | undefined;
     setAppearance: (newComponent: dividerAppearanceType) => void;
 }
-export interface IDividerProps extends IDividerThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+export interface iDividerProps extends iDividerThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     className?: string;
     style?: CSSProperties;
 }

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

@@ -1 +1,2 @@
 export { Divider, dividerConfig } from './Divider';
+export { dividerAppearance } from './Divider.appearance';

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

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

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tFillProps, tShapeProps, tSizeProps } from '../../types';
-export interface IDotThemeColor {
+import { borderTypePropsType, tBorderColorProps, tFillProps, tShapeProps, tSizeProps } from '../../types';
+export interface iDotThemeColor {
     borderColor?: tBorderColorProps;
     borderColorDesktop?: tBorderColorProps;
     borderColorMobile?: tBorderColorProps;
@@ -20,7 +20,8 @@ export interface IDotThemeColor {
     shapeTablet?: tShapeProps;
     size?: tSizeProps;
 }
-export interface IDotProps extends IDotThemeColor, iStyleAttributes {
+export interface iDotProps extends iDotThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;

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

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

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

@@ -2,7 +2,8 @@ import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { alignmentPropsType, elevationPropsType, tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tUnderlineProps, tWidthProps, typePropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IDropdownProps extends iStyleAttributes {
+export interface iDropdownProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     alignment?: alignmentPropsType;
     animationClose?: string;
@@ -20,6 +21,7 @@ export interface IDropdownProps extends iStyleAttributes {
     setIsOpen: (newState: boolean) => void;
 }
 export interface iDropdownItemThemeColor {
+    [key: number | string | symbol]: any;
     descTextColor?: tTextColorProps;
     descTextSize?: tTextSizeProps;
     direction?: tDirectionProps;
@@ -31,19 +33,21 @@ export interface iDropdownItemThemeColor {
     size?: tSizeProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type dropdownItemAppearanceType = {
-    [key in appearanceKeysType]?: iDropdownItemThemeColor;
+    [key in tAppearanceKeys]?: iDropdownItemThemeColor;
 };
 export interface iDropdownItemConfig {
+    [key: number | string | symbol]: any;
     appearance: dropdownItemAppearanceType | undefined;
     setAppearance: (newComponent: dropdownItemAppearanceType) => void;
 }
-export interface IDropdownItemProps extends iDropdownItemThemeColor, iStyleAttributes {
+export interface iDropdownItemProps extends iDropdownItemThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;

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

@@ -1,6 +1,6 @@
-import { iDropdownItemConfig, IDropdownItemProps } from './Dropdown.interface';
+import type { iDropdownItemConfig, iDropdownItemProps } from './Dropdown.interface';
 declare const dropdownItemConfig: iDropdownItemConfig;
-declare function DropdownItem(props: IDropdownItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownItem(props: iDropdownItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DropdownItem {
     var defaultProps: {
         width: string;

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

@@ -1,3 +1,4 @@
 import { Dropdown } from './Dropdown';
 import { DropdownItem, dropdownItemConfig } from './DropdownItem';
-export { Dropdown, DropdownItem, dropdownItemConfig };
+import { dropdownItemAppearance } from './DropdownItem.appearance';
+export { Dropdown, DropdownItem, dropdownItemAppearance, dropdownItemConfig };

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

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