@itcase/ui 1.2.35 → 1.3.0

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/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/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 };

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

@@ -1,7 +1,8 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, tBorderColorProps, borderTypePropsType, tDirectionProps, tFillHoverProps, tFillProps, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, tShapeProps, tWidthProps } from '../../types';
-export interface IFlexProps extends iStyleAttributes {
+import { borderTypePropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, tAlignDirectionProps, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tShapeProps, tWidthProps } from '../../types';
+export interface iFlexProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     id?: number | string;
@@ -58,7 +59,8 @@ export interface IFlexProps extends iStyleAttributes {
     wrapMobile?: flexWrapPropsType;
     wrapTablet?: flexWrapPropsType;
 }
-export interface IFlexItemProps extends iStyleAttributes {
+export interface iFlexItemProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     htmlFor?: string;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tShapeProps, verticalResizeModePropsType } from '../../types';
-export interface IGridBaseThemeColor extends iStyleAttributes {
+export interface iGridBaseThemeColor extends iStyleAttributes {
     alignSelf?: gridAlignSelfPropsType;
     alignSelfDesktop?: gridAlignSelfPropsType;
     alignSelfMobile?: gridAlignSelfPropsType;
@@ -53,7 +53,8 @@ export interface IGridBaseThemeColor extends iStyleAttributes {
     zIndexMobile?: string;
     zIndexTablet?: string;
 }
-export interface IGridItemProps extends IGridBaseThemeColor {
+export interface iGridItemProps extends iGridBaseThemeColor {
+    [key: number | string | symbol]: any;
     id?: string;
     children?: ReactNode;
     className?: string;
@@ -61,7 +62,8 @@ export interface IGridItemProps extends IGridBaseThemeColor {
     style?: CSSProperties;
     onClick?: () => void;
 }
-export interface IGridRowProps extends IGridBaseThemeColor {
+export interface iGridRowProps extends iGridBaseThemeColor {
+    [key: number | string | symbol]: any;
     id?: string;
     children?: ReactNode;
     className?: string;
@@ -71,7 +73,8 @@ export interface IGridRowProps extends IGridBaseThemeColor {
     tag: ElementType;
     onClick?: () => void;
 }
-export interface IGridProps extends iStyleAttributes {
+export interface iGridProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     id?: string;
     after?: ReactNode;
     alignContent?: gridAlignPropsType;

package/dist/types/components/Grid/GridItem.d.ts

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

package/dist/types/components/Grid/GridRow.d.ts

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IGroupConfig, IGroupProps } from './Group.interface';
-declare const groupConfig: IGroupConfig;
-declare const Group: React.ForwardRefExoticComponent<IGroupProps & React.RefAttributes<unknown>>;
+import type { iGroupConfig, iGroupProps } from './Group.interface';
+declare const groupConfig: iGroupConfig;
+declare const Group: React.ForwardRefExoticComponent<Omit<iGroupProps, "ref"> & React.RefAttributes<unknown>>;
 export { Group, groupConfig };

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

@@ -3,6 +3,7 @@ import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderTypePropsType, elevationPropsType, flexGrowPropsType, stackingPropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tItemColorProps, tJustifyContentProps, tShapeProps, tTextColorProps, tWidthProps, wrapPropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
+    [key: number | string | symbol]: any;
     border?: string;
     borderColor?: string;
     borderWidth?: string;
@@ -11,19 +12,21 @@ interface ThemeColor {
     fillHover?: string;
     labelTextColor?: tTextColorProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type tAppearance = {
-    [key in appearanceKeysType]: ThemeColor;
+    [key in tAppearanceKeys]: ThemeColor;
 };
-export interface IGroupConfig {
+export interface iGroupConfig {
+    [key: number | string | symbol]: any;
     appearance: tAppearance | undefined;
     setAppearance: (newComponent: tAppearance) => void;
 }
-export interface IGroupProps extends iStyleAttributes {
+export interface iGroupProps extends iStyleAttributes {
     id?: number | string;
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
     children?: ReactNode;

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

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

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

@@ -1,7 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, tAlignProps, borderTypePropsType, elevationPropsType, flexGrowPropsType, tJustifyContentProps, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, wrapPropsType } from '../../types';
-export interface IHTMLContentProps extends iStyleAttributes {
+import { borderTypePropsType, elevationPropsType, flexGrowPropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tJustifyContentProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, wrapPropsType } from '../../types';
+export interface iHTMLContentProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     border?: tBorderColorProps;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { iIconConfig, iIconProps } from '../Icon/Icon.interface';
 declare const iconConfig: iIconConfig;
-declare const Icon: React.ForwardRefExoticComponent<iIconProps & React.RefAttributes<HTMLDivElement>>;
+declare const Icon: React.ForwardRefExoticComponent<Omit<iIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Icon, iconConfig };

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

@@ -44,6 +44,7 @@ interface iIconConfig {
 }
 interface iIconProps extends iIconThemeColor, iStyleAttributes {
     id?: number | string;
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     Badge?: ReactNode;
     before?: ReactNode;

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

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

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

@@ -1,7 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, tFillHoverProps, tFillProps, horizontalContentAlignPropsType, tShapeProps, verticalContentAlignPropsType, tWidthProps } from '../../types';
-export interface IImageProps extends iStyleAttributes {
+import { horizontalContentAlignPropsType, tBorderColorProps, tFillHoverProps, tFillProps, tShapeProps, tWidthProps, verticalContentAlignPropsType } from '../../types';
+export interface iImageProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     alt?: string;
     before?: ReactNode;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { iInputConfig, iInputProps } from './Input.interface';
 declare const inputConfig: iInputConfig;
-declare const Input: React.ForwardRefExoticComponent<iInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<Omit<iInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Input, inputConfig };

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

@@ -3,6 +3,7 @@ import type { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps,
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 import type { tStateKeysDefault } from '../../types/componentProps/stateKeys';
 interface iInputThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderColorDisabled?: tBorderColorProps;
     borderWidth?: tBorderWidthProps;
@@ -26,17 +27,19 @@ type tInputAppearance = {
     [key in tAppearanceKeysDefault]?: iInputThemeColor;
 };
 interface iInputConfig {
+    [key: number | string | symbol]: any;
     appearance: tInputAppearance | undefined;
     state: tInputState | undefined;
     setAppearance: (newComponent: tInputAppearance) => void;
     setState: (newComponent: tInputState) => void;
 }
 interface iInputProps extends iInputThemeColor, iStyleAttributes {
-    dataTestId?: number | string;
     id?: number | string;
+    [key: number | string | symbol]: any;
     appearance?: tAppearanceKeysDefault;
     autocomplete?: string;
     className?: string;
+    dataTestId?: number | string;
     index?: number | string;
     name?: string;
     placeholder?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { iInputConfig, iInputProps } from './Input.interface';
+import type { iInputConfig, iInputProps } from './Input.interface';
 declare const inputMaskConfig: iInputConfig;
-declare const Input: React.ForwardRefExoticComponent<iInputProps & React.RefAttributes<HTMLDivElement>>;
+declare const Input: React.ForwardRefExoticComponent<Omit<iInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Input, inputMaskConfig };

package/dist/types/components/InputMask/Input.interface.d.ts

@@ -3,6 +3,7 @@ import { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tSha
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 import { tStateKeysDefault } from '../../types/componentProps/stateKeys';
 export interface iInputThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderColorDisabled?: tBorderColorProps;
     borderWidth?: tBorderWidthProps;
@@ -19,32 +20,34 @@ export interface iInputThemeColor {
     textWeight?: tTextWeightProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 type stateKeysType = tStateKeysDefault & {};
 export type tInputState = {
     [key in stateKeysType]?: iInputThemeColor;
 };
 export type tInputAppearance = {
-    [key in appearanceKeysType]?: iInputThemeColor;
+    [key in tAppearanceKeys]?: iInputThemeColor;
 };
 export interface iInputConfig {
-    state: tInputState | undefined;
-    setState: (newComponent: tInputState) => void;
+    [key: number | string | symbol]: any;
     appearance: tInputAppearance | undefined;
+    state: tInputState | undefined;
     setAppearance: (newComponent: tInputAppearance) => void;
+    setState: (newComponent: tInputState) => void;
 }
 export interface iInputProps extends iInputThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+    id?: number | string;
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     className?: string;
     dataTestId?: number | string;
-    id?: number | string;
     index?: number | string;
-    isDisabled?: boolean;
     name?: string;
     placeholder?: string;
     state?: stateKeysType;
     type?: string;
     value?: string;
+    isDisabled?: boolean;
     onBlur?: () => void;
     onChange?: () => void;
     onFocus?: () => void;

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

@@ -1,6 +1,6 @@
-import { IInputPasswordConfig, IInputPasswordProps } from './InputPassword.interface';
-declare const inputPasswordConfig: IInputPasswordConfig;
-declare function InputPassword(props: IInputPasswordProps): import("react/jsx-runtime").JSX.Element;
+import type { iInputPasswordConfig, iInputPasswordProps } from './InputPassword.interface';
+declare const inputPasswordConfig: iInputPasswordConfig;
+declare function InputPassword(props: iInputPasswordProps): import("react/jsx-runtime").JSX.Element;
 declare namespace InputPassword {
     var defaultProps: {
         size: string;

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

@@ -3,6 +3,7 @@ import { iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tI
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 import { tStateKeysDefault } from '../../types/componentProps/stateKeys';
 export interface iInputThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderWidth?: tBorderWidthProps;
     caret?: tItemColorProps;
@@ -15,23 +16,25 @@ export interface iInputThemeColor {
     textWeight?: tTextWeightProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
-type stateKeysType = {} & tStateKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
+type stateKeysType = tStateKeysDefault & {};
 export type tInputState = {
     [key in stateKeysType]?: iInputThemeColor;
 };
 export type tInputAppearance = {
-    [key in appearanceKeysType]?: iInputThemeColor;
+    [key in tAppearanceKeys]?: iInputThemeColor;
 };
-export interface IInputPasswordConfig {
+export interface iInputPasswordConfig {
+    [key: number | string | symbol]: any;
     appearance: tInputAppearance | undefined;
     state: tInputState | undefined;
     setAppearance: (newComponent: tInputAppearance) => void;
     setState: (newComponent: tInputState) => void;
 }
-export interface IInputPasswordProps extends iInputThemeColor, iStyleAttributes {
+export interface iInputPasswordProps extends iInputThemeColor, iStyleAttributes {
     id?: number | string;
-    appearance?: appearanceKeysType;
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     className?: string;
     disabled?: boolean;
     iconFill?: tItemColorProps;

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

@@ -1,4 +1,4 @@
-import { ILabelConfig, ILabelProps } from './Label.interface';
-declare const labelConfig: ILabelConfig;
-declare function Label(props: ILabelProps): import("react/jsx-runtime").JSX.Element;
+import type { iLabelConfig, iLabelProps } from './Label.interface';
+declare const labelConfig: iLabelConfig;
+declare function Label(props: iLabelProps): import("react/jsx-runtime").JSX.Element;
 export { Label, labelConfig };

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

@@ -2,7 +2,8 @@ import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { alignmentPropsType, borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tFillHoverProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextAlignProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps, wrapPropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ILabelThemeColor {
+export interface iLabelThemeColor {
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     borderColor?: tBorderColorProps;
@@ -22,17 +23,19 @@ export interface ILabelThemeColor {
     width?: tWidthProps;
     wrap?: wrapPropsType;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type labelAppearanceType = {
-    [key in appearanceKeysType]?: ILabelThemeColor;
+    [key in tAppearanceKeys]?: iLabelThemeColor;
 };
-export interface ILabelConfig {
+export interface iLabelConfig {
+    [key: number | string | symbol]: any;
     appearance: string | labelAppearanceType | undefined;
     setAppearance: (newComponent: labelAppearanceType) => void;
 }
-export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
+export interface iLabelProps extends iLabelThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
@@ -45,7 +48,7 @@ export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
     style?: CSSProperties;
     textAlign?: tTextAlignProps;
     tooltipAlignment?: alignmentPropsType;
-    tooltipAppearance?: appearanceKeysType;
+    tooltipAppearance?: tAppearanceKeys;
     tooltipArrowPosition?: string;
     tooltipContent?: ReactNode;
     tooltipRef?: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ILinkConfig, ILinkProps, ILinkWrapperProps } from './Link.interface';
-declare const linkConfig: ILinkConfig;
-declare function Link(props: ILinkProps): import("react/jsx-runtime").JSX.Element;
-declare function LinkWrapper(props: ILinkWrapperProps): import("react/jsx-runtime").JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
+import type { iLinkConfig, iLinkProps, iLinkWrapperProps } from './Link.interface';
+declare const linkConfig: iLinkConfig;
+declare function Link(props: iLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function LinkWrapper(props: iLinkWrapperProps): import("react/jsx-runtime").JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
 export { Link, linkConfig, LinkWrapper };

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { tDirectionProps, tFillProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tUnderlineProps } from '../../types';
-export interface ILinkThemeColor {
+export interface iLinkThemeColor {
     direction?: tDirectionProps;
     fill?: tFillProps;
     fillDesktop?: tFillProps;
@@ -23,11 +23,12 @@ export interface ILinkThemeColor {
     textWeightMobile?: tTextWeightProps;
     textWeightTablet?: tTextWeightProps;
 }
-export interface ILinkConfig {
+export interface iLinkConfig {
     LinkComponent: ElementType | undefined;
     setLinkComponent: (LinkComponent: ElementType) => void;
 }
-export interface ILinkProps extends ILinkThemeColor, iStyleAttributes {
+export interface iLinkProps extends iLinkThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
@@ -45,17 +46,17 @@ export interface ILinkProps extends ILinkThemeColor, iStyleAttributes {
     onClick?: () => void;
     onMouseDown?: () => void;
 }
-export interface ILinkWrapperProps extends ILinkThemeColor, iStyleAttributes {
+export interface iLinkWrapperProps extends iLinkThemeColor, iStyleAttributes {
     children?: ReactNode;
     className?: string;
     Component?: ElementType;
     DefaultComponent?: ElementType;
     disabled?: boolean;
     href?: string;
-    onClick?: () => void;
-    onMouseDown?: () => void;
     rel?: string;
     style?: CSSProperties;
     target?: string;
     type?: ElementType;
+    onClick?: () => void;
+    onMouseDown?: () => void;
 }

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

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

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

@@ -1,7 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tDirectionProps, tFillProps, tSizeProps, tTextColorProps, tTextStyleProps, tTextWeightProps, titleSizePropsType } from '../../types';
-export interface IListProps extends iStyleAttributes {
+import { tDirectionProps, tFillProps, titleSizePropsType, tSizeProps, tTextColorProps, tTextStyleProps, tTextWeightProps } from '../../types';
+export interface iListProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     bulletFill?: tFillProps;
     bulletSize?: titleSizePropsType;
     bulletTextColor?: tTextColorProps;
@@ -12,7 +13,8 @@ export interface IListProps extends iStyleAttributes {
     style?: CSSProperties;
     type?: string;
 }
-export interface IListItemProps extends iStyleAttributes {
+export interface iListItemProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;

package/dist/types/components/List/ListItem.d.ts

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

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

@@ -1,4 +1,4 @@
-import { ILoaderConfig, ILoaderProps } from './Loader.interface';
-declare const loaderConfig: ILoaderConfig;
-declare function Loader(props: ILoaderProps): import("react/jsx-runtime").JSX.Element;
+import type { iLoaderConfig, iLoaderProps } from './Loader.interface';
+declare const loaderConfig: iLoaderConfig;
+declare function Loader(props: iLoaderProps): import("react/jsx-runtime").JSX.Element;
 export { Loader, loaderConfig };