@itcase/ui 1.2.34 → 1.3.0

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

@@ -1 +1,2 @@
 export { Group, groupConfig } from './Group';
+export { groupAppearance } from './Group.appearance';

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

@@ -1 +1,2 @@
 export { Icon, iconConfig } from './Icon';
+export { iconAppearance } from './Icon.appearance';

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

@@ -1 +1,2 @@
 export { Input, inputConfig } from './Input';
+export { inputAppearance, inputState } from './Input.appearance';

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

@@ -1 +1,2 @@
+export { InputPasswordAppearance, InputPasswordState } from './InputPassword.appearance';
 export { InputPassword, inputPasswordConfig } from './InputPassword';

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

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

@@ -2,7 +2,8 @@ import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { positionPropsType, tFillProps, tHeightProps, tItemColorProps, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ILoaderThemeColor {
+export interface iLoaderThemeColor {
+    [key: number | string | symbol]: any;
     fill?: tFillProps;
     height?: tHeightProps;
     itemFill?: tItemColorProps;
@@ -10,16 +11,18 @@ export interface ILoaderThemeColor {
     textSize?: tTextSizeProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type loaderAppearanceType = {
-    [key in appearanceKeysType]?: ILoaderThemeColor;
+    [key in tAppearanceKeys]?: iLoaderThemeColor;
 };
-export interface ILoaderConfig {
+export interface iLoaderConfig {
+    [key: number | string | symbol]: any;
     appearance: loaderAppearanceType | undefined;
     setAppearance: (newComponent: loaderAppearanceType) => void;
 }
-export interface ILoaderProps extends ILoaderThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+export interface iLoaderProps extends iLoaderThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     children?: ReactNode;
     className?: string;
     position?: positionPropsType;

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

@@ -1 +1,2 @@
 export { Loader, loaderConfig } from './Loader';
+export { loaderAppearance } from './Loader.appearance';

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

@@ -1,4 +1,4 @@
-import { ILogoConfig, ILogoProps } from './Logo.interface';
-declare const logoConfig: ILogoConfig;
-declare function Logo(props: ILogoProps): import("react/jsx-runtime").JSX.Element;
+import type { iLogoConfig, iLogoProps } from './Logo.interface';
+declare const logoConfig: iLogoConfig;
+declare function Logo(props: iLogoProps): import("react/jsx-runtime").JSX.Element;
 export { Logo, logoConfig };

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

@@ -1,28 +1,31 @@
 import { CSSProperties } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, tAlignProps, flexAlignPropsType, tSizeProps, tWidthProps } from '../../types';
+import { flexAlignPropsType, tAlignDirectionProps, tAlignProps, tSizeProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ILogoThemeColor {
+export interface iLogoThemeColor {
+    [key: number | string | symbol]: any;
     alt?: string;
     size?: string;
     source?: string;
     src?: string;
     title?: string;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = {} & tAppearanceKeysDefault;
 export type logoAppearanceType = {
-    [key in appearanceKeysType]?: ILogoThemeColor;
+    [key in tAppearanceKeys]?: iLogoThemeColor;
 };
-export interface ILogoConfig {
+export interface iLogoConfig {
+    [key: number | string | symbol]: any;
     appearance: logoAppearanceType | undefined;
     setAppearance: (newComponent: logoAppearanceType) => void;
 }
-export interface ILogoProps extends ILogoThemeColor, iStyleAttributes {
+export interface iLogoProps extends iLogoThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     alignItems?: flexAlignPropsType;
     alt?: string;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     className?: string;
     href?: string;
     link?: string;

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

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

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

@@ -1,7 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tDirectionProps, flexGrowPropsType, tWidthProps } from '../../types';
-export interface IMenuProps extends iStyleAttributes {
+import { flexGrowPropsType, tDirectionProps, tWidthProps } from '../../types';
+export interface iMenuProps extends iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;