@itcase/ui 1.2.34 → 1.3.0

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

@@ -1,7 +1,8 @@
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps, tWidthProps } from '../../types';
+import { borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ISegmentedThemeColor {
+export interface iSegmentedThemeColor {
+    [key: number | string | symbol]: any;
     borderType?: borderTypePropsType;
     borderWidth?: tBorderWidthProps;
     fill?: tFillProps;
@@ -9,34 +10,39 @@ export interface ISegmentedThemeColor {
     indicatorFill?: tItemColorProps;
     inputBorderColor?: tBorderColorProps;
     labelTextActiveColor?: tTextColorActiveProps;
+    labelTextActiveHoverColor?: tTextColorActiveProps;
     labelTextColor?: tTextColorProps;
+    labelTextHoverColor?: tTextColorProps;
     labelTextSize?: tTextSizeProps;
     labelTextWrap?: tTextWrapProps;
     shape?: tShapeProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type segmentedAppearanceType = {
-    [key in appearanceKeysType]?: ISegmentedThemeColor;
+    [key in tAppearanceKeys]?: iSegmentedThemeColor;
 };
-export interface ISegmentedConfig {
+export interface iSegmentedConfig {
+    [key: number | string | symbol]: any;
     appearance: segmentedAppearanceType | undefined;
     setAppearance: (newComponent: segmentedAppearanceType) => void;
 }
 interface ISegment {
-    value: string;
     label: string;
+    value: string;
 }
-export interface ISegmentedProps extends ISegmentedThemeColor, iStyleAttributes {
+export interface iSegmentedProps extends iSegmentedThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     activeSegment?: any;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     className?: string;
     name?: string;
     segments: ISegment[];
     size?: string;
     type?: string;
     value?: string;
-    setActiveSegment?: (item: ISegment) => void;
+    isDisabled?: boolean;
     onChange?: (value: string, name?: string) => void;
+    setActiveSegment?: (item: ISegment) => void;
 }
 export {};

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

@@ -1 +1,2 @@
 export { Segmented, segmentedConfig } from './Segmented';
+export { segmentedAppearance } from './Segmented.appearance';

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

@@ -4,6 +4,7 @@ import { Props } from 'react-select/base';
 import { borderColorHoverPropsType, borderTypePropsType, sizeOptionPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iSelectThemeColor {
+    [key: number | string | symbol]: any;
     elevation?: number;
     inputBorderColor?: tBorderColorProps;
     inputBorderColorHover?: borderColorHoverPropsType;
@@ -33,6 +34,7 @@ interface iSelectConfig {
 interface iSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends Partial<Pick<Props<Option, IsMulti, Group>, 'className' | 'closeMenuOnSelect' | 'filterOption' | 'hideSelectedOptions' | 'hideValueContainer' | 'instanceId' | 'isClearable' | 'isDisabled' | 'isLoading' | 'isMulti' | 'isSearchable' | 'loadingMessage' | 'onChange' | 'onInputChange' | 'openMenuOnClick' | 'options' | 'value'>>, iSelectThemeColor, iSelectPropsCustom<Option> {
 }
 interface iSelectPropsCustom<Option> {
+    [key: number | string | symbol]: any;
     after?: React.ReactNode;
     appearance?: tAppearanceKeysDefault;
     badgeAppearance?: tAppearanceKeysDefault;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { GroupBase, SelectInstance } from 'react-select';
-import { iSelectProps } from './Select.interface';
-declare const SelectContainer: React.ForwardRefExoticComponent<iSelectProps<unknown, boolean, GroupBase<unknown>> & React.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
-export { SelectContainer };
+import type { iSelectConfig, iSelectProps } from './Select.interface';
+declare const selectConfig: iSelectConfig;
+declare const SelectContainer: React.ForwardRefExoticComponent<Omit<iSelectProps<unknown, boolean, GroupBase<unknown>>, "ref"> & React.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
+export { SelectContainer, selectConfig };

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

@@ -1,6 +1,5 @@
-import { iSelectConfig } from './Select.interface.js';
 import { SelectClearIndicator } from './SelectClearIndicator.js';
-import { SelectContainer } from './SelectContainer.js';
+import { selectConfig, SelectContainer } from './SelectContainer.js';
 import { SelectControl } from './SelectControl.js';
 import { SelectDropdownIndicator } from './SelectDropdownIndicator.js';
 import { SelectGroupHeading } from './SelectGroupHeading.js';
@@ -14,5 +13,4 @@ import { SelectOption } from './SelectOption.js';
 import { SelectPlaceholder } from './SelectPlaceholder.js';
 import { SelectSingleValue } from './SelectSingleValue.js';
 import { SelectValueContainer } from './SelectValueContainer.js';
-declare const selectConfig: iSelectConfig;
 export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, };

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

@@ -1,4 +1,4 @@
-import { iSiteMenuConfig, ISiteMenuProps } from './SiteMenu.interface';
+import type { iSiteMenuConfig, iSiteMenuProps } from './SiteMenu.interface';
 declare const siteMenuConfig: iSiteMenuConfig;
-declare function SiteMenu(props: ISiteMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function SiteMenu(props: iSiteMenuProps): import("react/jsx-runtime").JSX.Element;
 export { SiteMenu, siteMenuConfig };

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

@@ -2,7 +2,8 @@ import { ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { iconSizePropsType, tFillProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ISiteMenuThemeColor {
+export interface iSiteMenuThemeColor {
+    [key: number | string | symbol]: any;
     closeTextColor?: tTextColorProps;
     closeTextColorHover?: tTextColorHoverProps;
     closeTextSize?: tTextSizeProps;
@@ -12,22 +13,24 @@ export interface ISiteMenuThemeColor {
     iconCloseFill?: tFillProps;
     iconCloseSize?: iconSizePropsType;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type siteMenuAppearanceType = {
-    [key in appearanceKeysType]?: ISiteMenuThemeColor;
+    [key in tAppearanceKeys]?: iSiteMenuThemeColor;
 };
 export interface iSiteMenuConfig {
+    [key: number | string | symbol]: any;
     appearance: siteMenuAppearanceType | undefined;
     setAppearance: (newComponent: siteMenuAppearanceType) => void;
 }
-export interface ISiteMenuProps extends ISiteMenuThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+export interface iSiteMenuProps extends iSiteMenuThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     children?: ReactNode;
     className?: string;
     closeText?: string;
     onClose?: () => void;
 }
-export interface ISiteMenuButtonProps extends iStyleAttributes {
+export interface iSiteMenuButtonProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     text?: string;

package/dist/types/components/SiteMenu/SiteMenuButton.d.ts

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

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

@@ -1,3 +1,4 @@
+import { siteMenuAppearance } from './SiteMenu.appearance';
 import { SiteMenu, siteMenuConfig } from './SiteMenu.js';
 import { SiteMenuButton } from './SiteMenuButton.js';
-export { SiteMenu, siteMenuConfig, SiteMenuButton };
+export { SiteMenu, siteMenuConfig, siteMenuAppearance, SiteMenuButton };

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

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

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

@@ -2,16 +2,18 @@ import { CSSProperties, ReactNode, type Ref } from 'react';
 import { SwiperClass, type SwiperRef } from 'swiper/react';
 import { SwiperModule, SwiperOptions } from 'swiper/types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, tAlignProps, tFillProps, tShapeProps, tTextColorProps, tTextWeightProps, titleSizePropsType } from '../../types';
-export interface ISwiperProps extends iStyleAttributes {
+import { tAlignDirectionProps, tAlignProps, tFillProps, titleSizePropsType, tShapeProps, tTextColorProps, tTextWeightProps } from '../../types';
+export interface iSwiperProps extends iStyleAttributes {
+    id?: string;
+    [key: number | string | symbol]: any;
     activeSlideIndex?: number;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     allowTouchMove?: boolean;
     autoHeight?: boolean;
     breakpoints?: {
-        [width: number]: SwiperOptions;
         [ratio: string]: SwiperOptions;
+        [width: number]: SwiperOptions;
     };
     children?: ReactNode;
     className?: string;
@@ -19,7 +21,6 @@ export interface ISwiperProps extends iStyleAttributes {
     fill?: tFillProps;
     forwardedRef: Ref<SwiperRef>;
     freeMode?: boolean;
-    id?: string;
     items?: ReactNode[];
     keyboard?: boolean;
     loop?: boolean;
@@ -31,13 +32,10 @@ export interface ISwiperProps extends iStyleAttributes {
     prevButton?: ReactNode;
     preventClicks?: boolean;
     preventClicksPropagation?: boolean;
-    set?: string;
-    setNextBtnDisabled?: (isDisabled: boolean) => void;
-    setPrevBtnDisabled?: (isDisabled: boolean) => void;
     shape?: tShapeProps;
     simulateTouch?: boolean;
     slidesPerView?: number | 'auto';
-    spaceBetween?: string | number;
+    spaceBetween?: number | string;
     speed?: number;
     style?: CSSProperties;
     swiperClass?: string;
@@ -55,4 +53,7 @@ export interface ISwiperProps extends iStyleAttributes {
     onSlidePrevTransitionEnd?: (swiper: SwiperClass) => void;
     onSwiper?: (swiper: SwiperClass) => void;
     onUpdate?: (swiper: SwiperClass) => void;
+    set?: string;
+    setNextBtnDisabled?: (isDisabled: boolean) => void;
+    setPrevBtnDisabled?: (isDisabled: boolean) => void;
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { iSwitchConfig, ISwitchProps } from './Switch.interface';
+import type { iSwitchConfig, iSwitchProps } from './Switch.interface';
 declare const switchConfig: iSwitchConfig;
-declare const Switch: React.ForwardRefExoticComponent<ISwitchProps & React.RefAttributes<HTMLDivElement>>;
+declare const Switch: React.ForwardRefExoticComponent<iSwitchProps & React.RefAttributes<HTMLDivElement>>;
 export { Switch, switchConfig };

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

@@ -4,17 +4,17 @@ export interface iSwitchThemeColor {
     size?: string;
     set?: string;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type switchAppearanceType = {
-    [key in appearanceKeysType]?: iSwitchThemeColor;
+    [key in tAppearanceKeys]?: iSwitchThemeColor;
 };
 export interface iSwitchConfig {
     appearance: switchAppearanceType | undefined;
     setAppearance: (newComponent: switchAppearanceType) => void;
 }
-export interface ISwitchProps extends iSwitchThemeColor, iStyleAttributes {
+export interface iSwitchProps extends iSwitchThemeColor, iStyleAttributes {
     id?: string;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     checked?: boolean;
     className?: string;
     disabled?: boolean;

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

@@ -1 +1,2 @@
 export { Switch, switchConfig } from './Switch';
+export { switchAppearance } from './Switch.appearance';

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

@@ -1,4 +1,4 @@
-import { iTabConfig, iTabProps } from './Tab.interface';
+import type { iTabConfig, iTabProps } from './Tab.interface';
 declare const tabConfig: iTabConfig;
 declare function Tab(props: iTabProps): import("react/jsx-runtime").JSX.Element;
 export { Tab, tabConfig };

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

@@ -3,6 +3,7 @@ import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import type { borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderWidthProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, wrapPropsType } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTabThemeColor {
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     badgeAppearance?: tAppearanceKeysDefault;
@@ -44,10 +45,12 @@ type tTabAppearance = {
     [key in tAppearanceKeysDefault]?: iTabThemeColor;
 };
 interface iTabConfig {
+    [key: number | string | symbol]: any;
     appearance: tTabAppearance | undefined;
     setAppearance: (newComponent: tTabAppearance) => void;
 }
 interface iTabProps extends iTabThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     appearance?: tAppearanceKeysDefault;
     before?: ReactNode;
@@ -69,6 +72,7 @@ interface iTabProps extends iTabThemeColor, iStyleAttributes {
 }
 interface iTabGroupProps extends iStyleAttributes {
     id?: string;
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     borderColor?: tBorderColorProps;

package/dist/types/components/Tab/TabGroup.d.ts

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

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

@@ -3,6 +3,7 @@ import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import type { tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, typePropsType } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface iTextThemeColor {
+    [key: number | string | symbol]: any;
     size?: tSizeProps;
     textColor?: tTextColorProps;
     textColorActive?: tTextColorActiveProps;
@@ -14,18 +15,20 @@ export type tAppearance = {
     [key in tAppearanceKeysDefault]: iTextThemeColor;
 };
 interface iTextConfig {
+    [key: number | string | symbol]: any;
     appearance: tAppearance | undefined;
     setAppearance: (newComponent: tAppearance) => void;
 }
 interface iTextProps extends iTextThemeColor, iStyleAttributes {
-    dataTestId?: number | string;
     id?: number | string;
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     appearance?: tAppearanceKeysDefault;
     before?: ReactNode;
     children: ReactNode;
     className?: string;
     cursor?: string;
+    dataTestId?: number | string;
     dataTour?: string;
     htmlFor?: string;
     mode?: string;

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

@@ -1 +1,2 @@
 export { Text, textConfig } from './Text';
+export { textAppearance } from './Text.appearance';

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

@@ -1,6 +1,6 @@
-import { ITextareaConfig, ITextareaProps } from './Textarea.interface';
-declare const textareaConfig: ITextareaConfig;
-declare function Textarea(props: ITextareaProps): import("react/jsx-runtime").JSX.Element;
+import type { iTextareaConfig, iTextareaProps } from './Textarea.interface';
+declare const textareaConfig: iTextareaConfig;
+declare function Textarea(props: iTextareaProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Textarea {
     var defaultProps: {
         size: string;

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

@@ -2,7 +2,8 @@ import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorHoverPropsType, tBorderColorProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 import { tStateKeysDefault } from '../../types/componentProps/stateKeys';
-export interface ITextareaThemeColor {
+export interface iTextareaThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     borderHover?: borderColorHoverPropsType;
     caret?: tItemColorProps;
@@ -15,25 +16,27 @@ export interface ITextareaThemeColor {
     textWeight?: tTextWeightProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 type stateKeysType = tStateKeysDefault & {};
 export type textareaAppearanceType = {
-    [key in appearanceKeysType]?: ITextareaThemeColor;
+    [key in tAppearanceKeys]?: iTextareaThemeColor;
 };
 export type textareaStateType = {
-    [key in stateKeysType]?: ITextareaThemeColor;
+    [key in stateKeysType]?: iTextareaThemeColor;
 };
-export interface ITextareaConfig {
-    state: textareaStateType | undefined;
-    setState: (newComponent: textareaStateType) => void;
+export interface iTextareaConfig {
+    [key: number | string | symbol]: any;
     appearance: textareaAppearanceType | undefined;
+    state: textareaStateType | undefined;
     setAppearance: (newComponent: textareaAppearanceType) => void;
+    setState: (newComponent: textareaStateType) => void;
 }
-export interface ITextareaProps extends ITextareaThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+export interface iTextareaProps extends iTextareaThemeColor, iStyleAttributes {
+    id?: string;
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
     className?: string;
     disabled?: boolean;
-    id?: string;
     placeholder?: string;
     state?: stateKeysType;
     value?: string;

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

@@ -1 +1,2 @@
 export { Textarea, textareaConfig } from './Textarea';
+export { textareaAppearance, textareaState } from './Textarea.appearance';

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

@@ -1,6 +1,6 @@
-import { iTileConfig, ITileProps } from './Tile.interface';
+import type { iTileConfig, iTileProps } from './Tile.interface';
 declare const tileConfig: iTileConfig;
-declare function Tile(props: ITileProps): import("react/jsx-runtime").JSX.Element;
+declare function Tile(props: iTileProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tile {
     var defaultProps: {
         alignDirection: string;

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

@@ -2,7 +2,8 @@ import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorHoverPropsType, borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderWidthProps, tDirectionProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ITileThemeColor {
+export interface iTileThemeColor {
+    [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
     fill?: tFillProps;
     shape?: tShapeProps;
@@ -11,19 +12,21 @@ export interface ITileThemeColor {
     titleTextColor?: tTextColorProps;
     titleTextSize?: titleSizePropsType;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type tileAppearanceType = {
-    [key in appearanceKeysType]?: ITileThemeColor;
+    [key in tAppearanceKeys]?: iTileThemeColor;
 };
 export interface iTileConfig {
+    [key: number | string | symbol]: any;
     appearance: tileAppearanceType | undefined;
     setAppearance: (newComponent: tileAppearanceType) => void;
 }
-export interface ITileProps extends ITileThemeColor, iStyleAttributes {
+export interface iTileProps extends iTileThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     badge?: string;
     badgeAppearance?: tAppearanceKeysDefault;
     badgeSize?: tSizeProps;

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

@@ -1 +1,2 @@
 export { Tile, tileConfig } from './Tile';
+export { tileAppearance } from './Tile.appearance';

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

@@ -1,4 +1,4 @@
-import { ITitleConfig, ITitleProps } from './Title.interface';
-declare const titleConfig: ITitleConfig;
-declare function Title(props: ITitleProps): import("react/jsx-runtime").JSX.Element;
+import type { iTitleConfig, iTitleProps } from './Title.interface';
+declare const titleConfig: iTitleConfig;
+declare function Title(props: iTitleProps): import("react/jsx-runtime").JSX.Element;
 export { Title, titleConfig };

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

@@ -2,12 +2,15 @@ import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { svgFillPropsType, tFillProps, titleSizePropsType, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-interface ITitleThemeColor {
+interface iTitleThemeColor {
+    [key: number | string | symbol]: any;
     fill?: tFillProps;
     size?: titleSizePropsType;
     sizeDesktop?: titleSizePropsType;
     sizeMobile?: titleSizePropsType;
     sizeTablet?: titleSizePropsType;
+    svgFill?: svgFillPropsType;
+    svgFillHover?: svgFillPropsType;
     textColor?: tTextColorProps;
     textColorActive?: tTextColorActiveProps;
     textColorHover?: tTextColorHoverProps;
@@ -16,33 +19,33 @@ interface ITitleThemeColor {
     textWeight?: tTextWeightProps;
     textWrap?: tTextWrapProps;
     weight?: tTextWeightProps;
-    svgFill?: svgFillPropsType;
-    svgFillHover?: svgFillPropsType;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type tAppearance = {
-    [key in appearanceKeysType]: ITitleThemeColor;
+    [key in tAppearanceKeys]: iTitleThemeColor;
 };
-export interface ITitleConfig {
+export interface iTitleConfig {
+    [key: number | string | symbol]: any;
     appearance: tAppearance | undefined;
     setAppearance: (newComponent: tAppearance) => void;
 }
-export interface ITitleProps extends ITitleThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
-    children: ReactNode;
-    className?: string;
-    dataTour?: string;
-    mode?: string;
+export interface iTitleProps extends iTitleThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: any;
     afterWrapper?: any;
+    appearance?: tAppearanceKeys;
     before?: any;
     beforeWrapper?: any;
+    children: ReactNode;
+    className?: string;
+    dataTour?: string;
+    direction?: string;
+    directionWrapper?: string;
+    mode?: string;
     style?: CSSProperties;
     tag?: ElementType;
     text?: string;
     textAlign?: tTextAlignProps;
-    direction?: string;
-    directionWrapper?: string;
     textTruncate?: string;
     type?: string;
     onClick?: () => void;

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

@@ -1 +1,2 @@
 export { Title, titleConfig } from './Title';
+export { titleAppearance } from './Title.appearance';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ITooltipConfig, ITooltipProps } from './Tooltip.interface';
-declare const tooltipConfig: ITooltipConfig;
-declare const Tooltip: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<any>>;
+import type { iTooltipConfig, iTooltipProps } from './Tooltip.interface';
+declare const tooltipConfig: iTooltipConfig;
+declare const Tooltip: React.ForwardRefExoticComponent<Omit<iTooltipProps, "ref"> & React.RefAttributes<any>>;
 export { Tooltip, tooltipConfig };

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

@@ -2,7 +2,8 @@ import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { alignmentPropsType, borderTypePropsType, elevationPropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderWidthProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface ITooltipThemeColor {
+export interface iTooltipThemeColor {
+    [key: number | string | symbol]: any;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     alignment?: alignmentPropsType;
@@ -19,17 +20,19 @@ export interface ITooltipThemeColor {
     titleTextColor?: tTextColorProps;
     titleTextWeight?: tTextWeightProps;
 }
-type appearanceKeysType = {} & tAppearanceKeysDefault;
+type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type tooltipAppearanceType = {
-    [key in appearanceKeysType]?: ITooltipThemeColor;
+    [key in tAppearanceKeys]?: iTooltipThemeColor;
 };
-export interface ITooltipConfig {
+export interface iTooltipConfig {
+    [key: number | string | symbol]: any;
     appearance: tooltipAppearanceType | undefined;
     setAppearance: (newComponent: tooltipAppearanceType) => void;
 }
-export interface ITooltipProps extends ITooltipThemeColor, iStyleAttributes {
+export interface iTooltipProps extends iTooltipThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: appearanceKeysType;
+    appearance?: tAppearanceKeys;
     arrowPosition?: string;
     before?: ReactNode;
     children?: ReactNode;

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

@@ -1 +1,2 @@
 export { Tooltip, tooltipConfig } from './Tooltip';
+export { tooltipAppearance } from './Tooltip.appearance';

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

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

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface IVideoProps extends iStyleAttributes {
+export interface iVideoProps extends iStyleAttributes {
     id?: string;
     children?: ReactNode;
     className?: string;

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

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

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

@@ -1,7 +1,9 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, tAlignProps, tFillProps, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
-export interface IWrapperProps extends iStyleAttributes {
+import { horizontalResizeModePropsType, positionPropsType, tAlignDirectionProps, tAlignProps, tFillProps, verticalResizeModePropsType } from '../../types';
+export interface iWrapperProps extends iStyleAttributes {
+    id?: string;
+    [key: number | string | symbol]: any;
     after?: ReactNode;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
@@ -10,7 +12,6 @@ export interface IWrapperProps extends iStyleAttributes {
     className?: string;
     fill?: tFillProps;
     horizontalResizing?: horizontalResizeModePropsType;
-    id?: string;
     position?: positionPropsType;
     style?: CSSProperties;
     tag?: ElementType;