@itcase/ui 1.4.13 → 1.5.0

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

@@ -1,48 +1,47 @@
-import { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps, tWidthProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iSegmentedThemeColor {
+import { AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, TextColorActiveProps, TextColorProps, TextSizeProps, TextWrapProps, WidthProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface SegmentedThemeColor {
     [key: number | string | symbol]: any;
-    borderType?: tBorderTypeProps;
-    borderWidth?: tBorderWidthProps;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
-    indicatorFill?: tItemColorProps;
-    inputBorderColor?: tBorderColorProps;
-    labelTextActiveColor?: tTextColorActiveProps;
-    labelTextActiveHoverColor?: tTextColorActiveProps;
-    labelTextColor?: tTextColorProps;
-    labelTextHoverColor?: tTextColorProps;
-    labelTextSize?: tTextSizeProps;
-    labelTextWrap?: tTextWrapProps;
-    shape?: tShapeProps;
-    width?: tWidthProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    indicatorFill?: ItemColorProps;
+    inputBorderColor?: BorderColorProps;
+    labelTextActiveColor?: TextColorActiveProps;
+    labelTextActiveHoverColor?: TextColorActiveProps;
+    labelTextColor?: TextColorProps;
+    labelTextHoverColor?: TextColorProps;
+    labelTextSize?: TextSizeProps;
+    labelTextWrap?: TextWrapProps;
+    shape?: ShapeProps;
+    width?: WidthProps;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type segmentedAppearanceType = {
-    [key in tAppearanceKeys]?: iSegmentedThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type SegmentedAppearanceType = {
+    [key in AppearanceKeys]?: SegmentedThemeColor;
 };
-export interface iSegmentedConfig {
+export interface SegmentedConfig {
     [key: number | string | symbol]: any;
-    appearance: segmentedAppearanceType | undefined;
-    setAppearance: (newComponent: segmentedAppearanceType) => void;
+    appearance: SegmentedAppearanceType | undefined;
+    setAppearance: (newComponent: SegmentedAppearanceType) => void;
 }
-interface ISegment {
+interface Segment {
     label: string;
     value: string;
 }
-export interface iSegmentedProps extends iSegmentedThemeColor, iStyleAttributes {
+export interface SegmentedProps extends SegmentedThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     activeSegment?: any;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     className?: string;
     name?: string;
-    segments: ISegment[];
+    segments: Segment[];
     size?: string;
     type?: string;
     value?: string;
     isDisabled?: boolean;
     onChange?: (value: string, name?: string) => void;
-    setActiveSegment?: (item: ISegment) => void;
+    setActiveSegment?: (item: Segment) => void;
 }
 export {};

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

@@ -1,2 +1,2 @@
-import { tSelectAppearance } from './Select.interface';
-export declare const selectAppearance: tSelectAppearance;
+import { SelectAppearance } from './Select.interface';
+export declare const selectAppearance: SelectAppearance;

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

@@ -1,70 +1,69 @@
 import type { ReactNode } from 'react';
 import { GroupBase, PropsValue } from 'react-select';
 import { Props } from 'react-select/base';
-import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeOptionProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-interface iSelectThemeColor {
+import { AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, DirectionProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, SizeOptionProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+interface SelectThemeColor {
     [key: number | string | symbol]: any;
     elevation?: number;
-    inputBorderColor?: tBorderColorProps;
-    inputBorderColorHover?: tBorderColorHoverProps;
+    inputBorderColor?: BorderColorProps;
+    inputBorderColorHover?: BorderColorHoverProps;
     inputFill?: string;
     inputShape?: string;
-    inputTextColor?: tTextColorProps;
-    inputTextSize?: tTextSizeProps;
+    inputTextColor?: TextColorProps;
+    inputTextSize?: TextSizeProps;
     noOptionsText?: ReactNode;
-    noOptionsTextColor?: tTextColorProps;
-    noOptionsTextSize?: tTextSizeProps;
+    noOptionsTextColor?: TextColorProps;
+    noOptionsTextSize?: TextSizeProps;
     optionFill?: string;
     optionFillHover?: string;
-    optionTextColor?: tTextColorProps;
-    optionTextSize?: tTextSizeProps;
+    optionTextColor?: TextColorProps;
+    optionTextSize?: TextSizeProps;
     placeholder?: React.ReactNode;
-    placeholderTextColor?: tTextColorProps;
-    placeholderTextSize?: tTextSizeProps;
-    size?: tSizeOptionProps;
+    placeholderTextColor?: TextColorProps;
+    placeholderTextSize?: TextSizeProps;
+    size?: SizeOptionProps;
 }
-type tSelectAppearance = {
-    [key in tAppearanceKeysDefault]?: iSelectThemeColor;
+type SelectAppearance = {
+    [key in AppearanceKeysDefault]?: SelectThemeColor;
 };
-interface iSelectConfig {
-    appearance: tSelectAppearance | undefined;
-    setAppearance: (newComponent: tSelectAppearance) => void;
+interface SelectConfig {
+    appearance: SelectAppearance | undefined;
+    setAppearance: (newComponent: SelectAppearance) => void;
 }
-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 SelectProps<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'>>, SelectThemeColor, SelectPropsCustom<Option> {
 }
-interface iSelectPropsCustom<Option> {
+interface SelectPropsCustom<Option> {
     [key: number | string | symbol]: any;
     after?: React.ReactNode;
-    appearance?: tAppearanceKeysDefault;
-    badgeAppearance?: tAppearanceKeysDefault;
-    badgeSize?: tSizeProps;
-    badgeTextSize?: tTextSizeProps;
+    appearance?: AppearanceKeysDefault;
+    badgeAppearance?: AppearanceKeysDefault;
+    badgeSize?: SizeProps;
+    badgeTextSize?: TextSizeProps;
     before?: React.ReactNode;
-    borderColor?: tBorderColorProps;
+    borderColor?: BorderColorProps;
     clearIcon?: any;
-    clearIconFill?: tItemColorProps;
+    clearIconFill?: ItemColorProps;
     data?: {
         label?: React.ReactNode;
         optionAfter?: React.ReactNode;
         optionBefore?: React.ReactNode;
     };
     defaultValue?: PropsValue<Option>;
-    dividerDirection?: tDirectionProps;
-    dividerFill?: tFillProps;
-    dividerSize?: tSizeProps;
-    dropdownFillHover?: tFillHoverProps;
+    dividerDirection?: DirectionProps;
+    dividerFill?: FillProps;
+    dividerSize?: SizeProps;
+    dropdownFillHover?: FillHoverProps;
     dropdownIcon?: any;
-    dropdownIconFill?: tItemColorProps;
-    dropdownIconShape?: tShapeProps;
+    dropdownIconFill?: ItemColorProps;
+    dropdownIconShape?: ShapeProps;
     fetchingData?: React.ReactNode;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
-    headingFill?: tFillProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    headingFill?: FillProps;
     headingFillHover?: string | null;
-    headingTextColor?: tTextColorProps;
-    headingTextSize?: tTextSizeProps;
-    headingTextWeight?: tTextWeightProps;
+    headingTextColor?: TextColorProps;
+    headingTextSize?: TextSizeProps;
+    headingTextWeight?: TextWeightProps;
     hideValueContainer?: boolean;
     inputAfter?: React.ReactNode;
     inputBefore?: React.ReactNode;
@@ -75,23 +74,23 @@ interface iSelectPropsCustom<Option> {
     menuBefore?: React.ReactNode;
     menuIsOpen?: boolean;
     menuItemSize?: string;
-    multipleItemFill?: tFillProps;
-    multipleItemFillHover?: tFillHoverProps;
+    multipleItemFill?: FillProps;
+    multipleItemFillHover?: FillHoverProps;
     multipleItemIcon?: any;
-    multipleItemIconFill?: tItemColorProps;
-    multipleItemTextColor?: tTextColorProps;
-    multipleItemTextSize?: tTextSizeProps;
+    multipleItemIconFill?: ItemColorProps;
+    multipleItemTextColor?: TextColorProps;
+    multipleItemTextSize?: TextSizeProps;
     noOptionsSearchText?: React.ReactNode;
     optionAfter?: React.ReactNode;
     optionBefore?: React.ReactNode;
-    optionBorder?: tBorderColorProps;
-    optionBorderType?: tBorderTypeProps;
+    optionBorder?: BorderColorProps;
+    optionBorderType?: BorderTypeProps;
     optionSelected?: React.ReactNode;
-    optionShape?: tShapeProps;
-    shape?: tShapeProps;
+    optionShape?: ShapeProps;
+    shape?: ShapeProps;
     showBadge?: boolean;
     showDivider?: boolean;
     isCreatable?: boolean;
     set?: string;
 }
-export type { iSelectThemeColor, iSelectPropsCustom, tSelectAppearance, iSelectConfig, iSelectProps, };
+export type { SelectThemeColor, SelectPropsCustom, SelectAppearance, SelectConfig, SelectProps, };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GroupBase, SelectInstance } from 'react-select';
-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>>>>;
+import type { SelectConfig, SelectProps } from './Select.interface';
+declare const selectConfig: SelectConfig;
+declare const SelectContainer: React.ForwardRefExoticComponent<Omit<SelectProps<unknown, boolean, GroupBase<unknown>>, "ref"> & React.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
 export { SelectContainer, selectConfig };

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

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

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

@@ -1,14 +1,14 @@
 import { CSSProperties, ReactNode, type Ref } from 'react';
 import { SwiperClass, type SwiperRef } from 'swiper/react';
 import { SwiperModule, SwiperOptions } from 'swiper/types';
-import { tAlignDirectionProps, tAlignProps, tFillProps, tShapeProps, tTextColorProps, tTextWeightProps, tTitleSizeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iSwiperProps extends iStyleAttributes {
+import { AlignDirectionProps, AlignProps, FillProps, ShapeProps, TextColorProps, TextWeightProps, TitleSizeProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface SwiperProps extends StyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;
     activeSlideIndex?: number;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
     allowTouchMove?: boolean;
     autoHeight?: boolean;
     breakpoints?: {
@@ -18,7 +18,7 @@ export interface iSwiperProps extends iStyleAttributes {
     children?: ReactNode;
     className?: string;
     direction?: 'horizontal' | 'vertical';
-    fill?: tFillProps;
+    fill?: FillProps;
     forwardedRef: Ref<SwiperRef>;
     freeMode?: boolean;
     items?: ReactNode[];
@@ -32,7 +32,7 @@ export interface iSwiperProps extends iStyleAttributes {
     prevButton?: ReactNode;
     preventClicks?: boolean;
     preventClicksPropagation?: boolean;
-    shape?: tShapeProps;
+    shape?: ShapeProps;
     simulateTouch?: boolean;
     slidesPerView?: number | 'auto';
     spaceBetween?: number | string;
@@ -42,9 +42,9 @@ export interface iSwiperProps extends iStyleAttributes {
     swiperSlideClass?: string;
     title?: string;
     titleAfter?: ReactNode;
-    titleSize?: tTitleSizeProps;
-    titleTextColor?: tTextColorProps;
-    titleWeight?: tTextWeightProps;
+    titleSize?: TitleSizeProps;
+    titleTextColor?: TextColorProps;
+    titleWeight?: TextWeightProps;
     isChangeOnClickSlide?: boolean;
     isInit?: boolean;
     isNavigation?: boolean;

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

@@ -1,2 +1,2 @@
-import { switchAppearanceType } from '../../components/Switch/Switch.interface';
-export declare const switchAppearance: switchAppearanceType;
+import { SwitchAppearanceType } from 'src/components/Switch/Switch.interface';
+export declare const switchAppearance: SwitchAppearanceType;

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

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

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

@@ -1,20 +1,20 @@
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iSwitchThemeColor {
+import { AppearanceKeysDefault } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface SwitchThemeColor {
     size?: string;
     set?: string;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type switchAppearanceType = {
-    [key in tAppearanceKeys]?: iSwitchThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type SwitchAppearanceType = {
+    [key in AppearanceKeys]?: SwitchThemeColor;
 };
-export interface iSwitchConfig {
-    appearance: switchAppearanceType | undefined;
-    setAppearance: (newComponent: switchAppearanceType) => void;
+export interface SwitchConfig {
+    appearance: SwitchAppearanceType | undefined;
+    setAppearance: (newComponent: SwitchAppearanceType) => void;
 }
-export interface iSwitchProps extends iSwitchThemeColor, iStyleAttributes {
+export interface SwitchProps extends SwitchThemeColor, StyleAttributes {
     id?: string;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     checked?: boolean;
     className?: string;
     disabled?: boolean;

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

@@ -1,2 +1,2 @@
-import { tTabAppearance } from './Tab.interface';
-export declare const tabAppearance: tTabAppearance;
+import { TabAppearance } from './Tab.interface';
+export declare const tabAppearance: TabAppearance;

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

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

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

@@ -1,58 +1,57 @@
 import type { CSSProperties, ReactNode } from 'react';
-import type { tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, tWrapProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-interface iTabThemeColor {
+import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextSizeProps, TextStyleProps, TextWeightProps, TextWrapProps, WidthProps, WrapProps } from '@itcase/types';
+import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+interface TabThemeColor {
     [key: number | string | symbol]: any;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    badgeAppearance?: tAppearanceKeysDefault;
-    badgeSize?: tSizeProps;
-    badgeTextColor?: tTextColorProps;
-    badgeTextSize?: tTextSizeProps;
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
+    badgeAppearance?: AppearanceKeysDefault;
+    badgeSize?: SizeProps;
+    badgeTextColor?: TextColorProps;
+    badgeTextSize?: TextSizeProps;
     badgeValue?: string;
-    dividerDirection?: tDirectionProps;
-    dividerFill?: tFillProps;
-    dividerFillActive?: tFillProps;
-    dividerFillActiveHover?: tFillHoverProps;
-    dividerFillDisabled?: tFillProps;
-    dividerFillHover?: tFillHoverProps;
-    dividerSize?: tSizeProps;
-    fill?: tFillProps;
-    fillActive?: tFillProps;
-    fillActiveHover?: tFillHoverProps;
-    fillDisabled?: tFillProps;
-    fillHover?: tFillHoverProps;
-    justifyContent?: tJustifyContentProps;
+    dividerDirection?: DirectionProps;
+    dividerFill?: FillProps;
+    dividerFillActive?: FillProps;
+    dividerFillActiveHover?: FillHoverProps;
+    dividerFillDisabled?: FillProps;
+    dividerFillHover?: FillHoverProps;
+    dividerSize?: SizeProps;
+    fill?: FillProps;
+    fillActive?: FillProps;
+    fillActiveHover?: FillHoverProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    justifyContent?: JustifyContentProps;
     label?: string;
-    labelColor?: tTextColorProps;
-    labelColorActive?: tTextColorActiveProps;
-    labelColorDisabled?: tTextColorProps;
-    labelTextAlign?: tTextAlignProps;
-    labelTextColorHover?: tTextColorHoverProps;
-    labelTextGradient?: tTextGradientProps;
-    labelTextSize?: tTextSizeProps;
-    labelTextStyle?: tTextStyleProps;
-    labelTextWeight?: tTextWeightProps;
-    labelTextWrap?: tTextWrapProps;
-    linkFill?: tFillProps;
-    shape?: tShapeProps;
-    size?: tSizeProps;
+    labelColor?: TextColorProps;
+    labelColorActive?: TextColorActiveProps;
+    labelColorDisabled?: TextColorProps;
+    labelTextAlign?: TextAlignProps;
+    labelTextColorHover?: TextColorHoverProps;
+    labelTextGradient?: TextGradientProps;
+    labelTextSize?: TextSizeProps;
+    labelTextStyle?: TextStyleProps;
+    labelTextWeight?: TextWeightProps;
+    labelTextWrap?: TextWrapProps;
+    linkFill?: FillProps;
+    shape?: ShapeProps;
+    size?: SizeProps;
     type?: string;
-    width?: tWidthProps;
+    width?: WidthProps;
 }
-type tTabAppearance = {
-    [key in tAppearanceKeysDefault]?: iTabThemeColor;
+type TabAppearance = {
+    [key in AppearanceKeysDefault]?: TabThemeColor;
 };
-interface iTabConfig {
+interface TabConfig {
     [key: number | string | symbol]: any;
-    appearance: tTabAppearance | undefined;
-    setAppearance: (newComponent: tTabAppearance) => void;
+    appearance: TabAppearance | undefined;
+    setAppearance: (newComponent: TabAppearance) => void;
 }
-interface iTabProps extends iTabThemeColor, iStyleAttributes {
+interface TabProps extends TabThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: tAppearanceKeysDefault;
+    appearance?: AppearanceKeysDefault;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
@@ -70,24 +69,24 @@ interface iTabProps extends iTabThemeColor, iStyleAttributes {
     onMouseEnter?: () => void;
     set?: string;
 }
-interface iTabGroupProps extends iStyleAttributes {
+interface TabGroupProps extends StyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    borderColor?: tBorderColorProps;
-    borderType?: tBorderTypeProps;
-    borderWidth?: tBorderWidthProps;
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
     children?: ReactNode;
     className?: string;
-    contentAlign?: tAlignProps;
+    contentAlign?: AlignProps;
     dataTour?: string;
-    direction?: tDirectionProps;
-    fill?: tFillProps;
+    direction?: DirectionProps;
+    fill?: FillProps;
     horizontalScroll?: boolean;
     style?: CSSProperties;
-    width?: tWidthProps;
-    wrap?: tWrapProps;
+    width?: WidthProps;
+    wrap?: WrapProps;
     set?: string;
 }
-export type { iTabThemeColor, tTabAppearance, iTabConfig, iTabProps, iTabGroupProps };
+export type { TabThemeColor, TabAppearance, TabConfig, TabProps, TabGroupProps };

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

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

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

@@ -1,2 +1,2 @@
-import { tAppearance } from '../../components/Text/Text.interface';
-export declare const textAppearance: tAppearance;
+import { Appearance } from 'src/components/Text/Text.interface';
+export declare const textAppearance: Appearance;

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

@@ -1,4 +1,4 @@
-import type { iTextConfig, iTextProps } from './Text.interface';
-declare const textConfig: iTextConfig;
-declare function Text(props: iTextProps): import("react/jsx-runtime").JSX.Element;
+import type { TextConfig, TextProps } from './Text.interface';
+declare const textConfig: TextConfig;
+declare function Text(props: TextProps): import("react/jsx-runtime").JSX.Element;
 export { Text, textConfig };

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

@@ -1,29 +1,28 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
-import type { tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tTypeProps, tWidthProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-interface iTextThemeColor {
+import { AppearanceKeysDefault, SizeProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextSizeProps, TextStyleProps, TextWeightProps, TextWrapProps, TypeProps, WidthProps } from '@itcase/types';
+import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+interface TextThemeColor {
     [key: number | string | symbol]: any;
-    size?: tSizeProps;
-    textColor?: tTextColorProps;
-    textColorActive?: tTextColorActiveProps;
-    textColorGradient?: tTextGradientProps;
-    textColorHover?: tTextColorHoverProps;
-    width?: tWidthProps;
+    size?: SizeProps;
+    textColor?: TextColorProps;
+    textColorActive?: TextColorActiveProps;
+    textColorGradient?: TextGradientProps;
+    textColorHover?: TextColorHoverProps;
+    width?: WidthProps;
 }
-export type tAppearance = {
-    [key in tAppearanceKeysDefault]: iTextThemeColor;
+export type Appearance = {
+    [key in AppearanceKeysDefault]: TextThemeColor;
 };
-interface iTextConfig {
+interface TextConfig {
     [key: number | string | symbol]: any;
-    appearance: tAppearance | undefined;
-    setAppearance: (newComponent: tAppearance) => void;
+    appearance: Appearance | undefined;
+    setAppearance: (newComponent: Appearance) => void;
 }
-interface iTextProps extends iTextThemeColor, iStyleAttributes {
+interface TextProps extends TextThemeColor, StyleAttributes {
     id?: number | string;
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: tAppearanceKeysDefault;
+    appearance?: AppearanceKeysDefault;
     before?: ReactNode;
     children: ReactNode;
     className?: string;
@@ -32,26 +31,26 @@ interface iTextProps extends iTextThemeColor, iStyleAttributes {
     dataTour?: string;
     htmlFor?: string;
     mode?: string;
-    size?: tTextSizeProps;
-    sizeDesktop?: tSizeProps;
-    sizeMobile?: tSizeProps;
-    sizeTablet?: tSizeProps;
+    size?: TextSizeProps;
+    sizeDesktop?: SizeProps;
+    sizeMobile?: SizeProps;
+    sizeTablet?: SizeProps;
     style?: CSSProperties;
     tag?: ElementType;
-    textAlign?: tTextAlignProps;
-    textColor?: tTextColorProps;
-    textColorDesktop?: tTextColorProps;
-    textColorMobile?: tTextColorProps;
-    textColorTablet?: tTextColorProps;
-    textStyle?: tTextStyleProps;
+    textAlign?: TextAlignProps;
+    textColor?: TextColorProps;
+    textColorDesktop?: TextColorProps;
+    textColorMobile?: TextColorProps;
+    textColorTablet?: TextColorProps;
+    textStyle?: TextStyleProps;
     textTruncate?: boolean;
-    textWeight?: tTextWeightProps;
-    textWeightDesktop?: tTextWeightProps;
-    textWeightMobile?: tTextWeightProps;
-    textWeightTablet?: tTextWeightProps;
-    textWrap?: tTextWrapProps;
-    type?: tTypeProps;
+    textWeight?: TextWeightProps;
+    textWeightDesktop?: TextWeightProps;
+    textWeightMobile?: TextWeightProps;
+    textWeightTablet?: TextWeightProps;
+    textWrap?: TextWrapProps;
+    type?: TypeProps;
     onClick?: () => void;
     onDoubleClick?: () => void;
 }
-export type { iTextConfig, iTextProps };
+export type { TextConfig, TextProps };

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

@@ -1,3 +1,3 @@
-import { textareaAppearanceType, textareaStateType } from 'components/Textarea/Textarea.interface';
-export declare const textareaAppearance: textareaAppearanceType;
-export declare const textareaState: textareaStateType;
+import { TextareaAppearanceType, TextareaStateType } from 'components/Textarea/Textarea.interface';
+export declare const textareaAppearance: TextareaAppearanceType;
+export declare const textareaState: TextareaStateType;

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

@@ -1,4 +1,4 @@
-import type { iTextareaConfig, iTextareaProps } from './Textarea.interface';
-declare const textareaConfig: iTextareaConfig;
-declare function Textarea(props: iTextareaProps): import("react/jsx-runtime").JSX.Element;
+import type { TextareaConfig, TextareaProps } from './Textarea.interface';
+declare const textareaConfig: TextareaConfig;
+declare function Textarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;
 export { Textarea, textareaConfig };