@itcase/ui 1.3.12 → 1.3.13

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

@@ -1,11 +1,11 @@
 import type { FocusEvent, MouseEvent, MouseEventHandler, ReactNode } from 'react';
+import type { tBorderColorProps, tElevationProps, tFillGradientProps, tFillProps, tShapeProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { elevationPropsType, tBorderColorProps, tFillGradientProps, tFillProps, tShapeProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iModalThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    elevation?: elevationPropsType;
+    elevation?: tElevationProps;
     fill?: tFillProps;
     overlayFill?: tFillProps;
     overlayFillGradient?: tFillGradientProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { Sheet } from 'react-modal-sheet';
-import { tFillProps } from '../../types';
+import { tFillProps } from 'types';
 export type a = typeof Sheet;
 export interface iModalSheetBottomProps extends a {
     children?: ReactNode;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
+import { tFillProps, tSizeProps, tTextColorProps, tTextSizeProps, tTitleSizeProps, tWidthProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tFillProps, titleSizePropsType, tSizeProps, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iNotificationItemThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;
@@ -9,7 +9,7 @@ export interface iNotificationItemThemeColor {
     textColor?: tTextColorProps;
     textSize?: tTextSizeProps;
     titleTextColor?: tTextColorProps;
-    titleTextSize?: titleSizePropsType;
+    titleTextSize?: tTitleSizeProps;
     width?: tWidthProps;
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};
@@ -39,7 +39,7 @@ export interface iNotificationItemProps extends iStyleAttributes {
     textSize?: tTextSizeProps;
     title?: string;
     titleTextColor?: tTextColorProps;
-    titleTextSize?: titleSizePropsType;
+    titleTextSize?: tTitleSizeProps;
     type?: string;
     onClickClose?: (id?: number | string) => void;
     set?: string;

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

@@ -1,6 +1,6 @@
+import type { tFillGradientProps, tFillProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { tFillGradientProps, tFillProps } from '../../types';
 export interface iOverlayThemeColor {
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
+import { tAlignmentProps, tDirectionProps, tElevationProps, tFillHoverProps, tFillProps, tIconFillSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignmentPropsType, elevationPropsType, iconFillSizePropsType, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iPaginationThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;
@@ -11,8 +11,8 @@ export interface iPaginationThemeColor {
     pageCountDesc?: string;
     pageCountDescTextColor?: tTextColorProps;
     pageCountDescTextSize?: tTextSizeProps;
-    pageCountDropdownAlignment?: alignmentPropsType;
-    pageCountDropdownElevation?: elevationPropsType;
+    pageCountDropdownAlignment?: tAlignmentProps;
+    pageCountDropdownElevation?: tElevationProps;
     pageCountDropdownFill?: tFillProps;
     pageCountDropdownItemDividerFill?: tFillProps;
     pageCountDropdownItemDividerSize?: tSizeProps;
@@ -30,7 +30,7 @@ export interface iPaginationThemeColor {
     pageCountDropdownSet?: string;
     pageCountDropdownShape?: tShapeProps;
     pageCountInputIconColor?: tItemColorProps;
-    pageCountInputIconFillSize?: iconFillSizePropsType;
+    pageCountInputIconFillSize?: tIconFillSizeProps;
     pageCountInputTextColor?: tTextColorProps;
     pageCountInputTextSize?: tTextSizeProps;
     pageRangeDisplayed?: number;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
+import { tAlignDirectionProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tElevationProps, tFillHoverProps, tFillProps, tFlexAlignProps, tFlexJustifyContentProps, tFlexWrapProps, tHeightProps, tPositionProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderTypePropsType, elevationPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, positionPropsType, tAlignDirectionProps, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     [key: number | string | symbol]: any;
     border?: string;
@@ -23,37 +23,37 @@ export interface iPanelConfig {
 }
 export interface iPanelProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
+    alignContent?: tFlexJustifyContentProps;
+    alignItems?: tFlexAlignProps;
     appearance?: tAppearanceKeys;
+    borderColor?: tBorderColorProps;
+    borderType?: tBorderTypeProps;
+    borderWidth?: tBorderWidthProps;
     children?: ReactNode;
     className?: string;
     dataTour?: string;
-    horizontalScroll?: boolean;
-    htmlFor?: string;
-    set?: string;
-    style?: CSSProperties;
-    verticalScroll?: boolean;
-    alignContent?: flexJustifyContentPropsType;
-    alignItems?: flexAlignPropsType;
-    borderColor?: tBorderColorProps;
-    borderType?: borderTypePropsType;
-    borderWidth?: tBorderWidthProps;
+    desc?: string;
+    descTextColor?: tTextColorProps;
+    descTextSize?: tTextSizeProps;
+    descTextWeight?: tTextWeightProps;
     direction?: tAlignDirectionProps;
-    elevation?: elevationPropsType;
+    elevation?: tElevationProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
     height?: tHeightProps;
-    justifyContent?: flexJustifyContentPropsType;
-    position?: positionPropsType;
+    horizontalScroll?: boolean;
+    htmlFor?: string;
+    justifyContent?: tFlexJustifyContentProps;
+    position?: tPositionProps;
     shape?: tShapeProps;
-    width?: tWidthProps;
-    wrap?: flexWrapPropsType;
-    desc?: string;
-    descTextColor?: tTextColorProps;
-    descTextSize?: tTextSizeProps;
-    descTextWeight?: tTextWeightProps;
+    style?: CSSProperties;
     title?: string;
     titleTextColor?: tTextColorProps;
     titleTextSize?: tTextSizeProps;
     titleTextWeight?: tTextWeightProps;
+    verticalScroll?: boolean;
+    width?: tWidthProps;
+    wrap?: tFlexWrapProps;
+    set?: string;
 }
 export {};

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

@@ -1,7 +1,7 @@
 import { ElementType } from 'react';
+import { tBorderColorHoverProps, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iRadioThemeColor {
     [key: number | string | symbol]: any;
     descTextColor?: tTextColorProps;
@@ -16,8 +16,8 @@ export interface iRadioThemeColor {
     stateBorderColorChecked?: tBorderColorProps;
     stateBorderColorDisabled?: tBorderColorProps;
     stateBorderColorDisabledChecked?: tBorderColorProps;
-    stateBorderColorHover?: borderColorHoverPropsType;
-    stateBorderColorHoverChecked?: borderColorHoverPropsType;
+    stateBorderColorHover?: tBorderColorHoverProps;
+    stateBorderColorHoverChecked?: tBorderColorHoverProps;
     stateBorderWidth?: tBorderWidthProps;
     stateCheckmarkFill?: tItemColorProps;
     stateCheckmarkFillDisabled?: tItemColorProps;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
+import { tFillProps, tItemColorProps, tShapeProps, tWidthProps } from 'types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tFillProps, tItemColorProps, tShapeProps, tWidthProps } from '../../types';
 export interface iRangeSliderProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;

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

@@ -1,12 +1,12 @@
 import { CSSProperties, ReactNode } from 'react';
+import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTitleSizeProps, tWidthProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iResponseThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    borderColorHover?: borderColorHoverPropsType;
-    borderType?: borderTypePropsType;
+    borderColorHover?: tBorderColorHoverProps;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
@@ -34,7 +34,7 @@ export interface iResponseThemeColor {
     secondaryButtonWidth?: tWidthProps;
     shape?: tShapeProps;
     titleTextColor?: tTextColorProps;
-    titleTextSize?: titleSizePropsType;
+    titleTextSize?: tTitleSizeProps;
     titleTextWeight?: tTextWeightProps;
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};

package/dist/types/components/Response/stories/args.d.ts

@@ -0,0 +1,174 @@
+export declare const argTypes: {
+    borderWidth: {
+        if: {
+            arg: string;
+        };
+    };
+    borderColor: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
+    };
+    advancedProps: {
+        control: string;
+    };
+    after: {
+        if: {
+            arg: string;
+        };
+    };
+    appearance: {
+        control: string;
+        options: string[];
+    };
+    before: {
+        if: {
+            arg: string;
+        };
+    };
+    borderType: {
+        if: {
+            arg: string;
+        };
+    };
+    className: {
+        if: {
+            arg: string;
+        };
+    };
+    fill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    fillHover: {
+        control: string;
+        options: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+    };
+    messageTextColor: {
+        control: string;
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
+    };
+    messageTextSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    primaryButton: {
+        if: {
+            arg: string;
+        };
+    };
+    primaryButtonAfter: {
+        if: {
+            arg: string;
+        };
+    };
+    primaryButtonAppearance: {
+        control: string;
+        options: (string | null)[];
+    };
+    primaryButtonBefore: {
+        if: {
+            arg: string;
+        };
+    };
+    primaryButtonFill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    primaryButtonFillHover: {
+        control: string;
+        options: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+    };
+    primaryButtonLabelTextColor: {
+        control: string;
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
+    };
+    primaryButtonLabelTextSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    primaryButtonShape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    primaryButtonSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    primaryButtonWidth: {
+        control: string;
+        options: readonly ["auto", "fixed", "hug", "fill"];
+    };
+    secondaryButton: {
+        if: {
+            arg: string;
+        };
+    };
+    secondaryButtonAfter: {
+        if: {
+            arg: string;
+        };
+    };
+    secondaryButtonAppearance: {
+        control: string;
+        options: (string | null)[];
+    };
+    secondaryButtonBefore: {
+        if: {
+            arg: string;
+        };
+    };
+    secondaryButtonFill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    secondaryButtonFillHover: {
+        control: string;
+        options: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
+    };
+    secondaryButtonLabelTextColor: {
+        control: string;
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
+    };
+    secondaryButtonLabelTextSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    secondaryButtonShape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    secondaryButtonSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    secondaryButtonWidth: {
+        control: string;
+        options: readonly ["auto", "fixed", "hug", "fill"];
+    };
+    shape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    titleTextColor: {
+        control: string;
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
+    };
+    titleTextSize: {
+        control: string;
+        options: readonly [undefined, "h1", "h2", "h3", "h4", "h5", "h6"];
+    };
+    titleTextWeight: {
+        control: string;
+        options: readonly [undefined, "normal", "bold", "light", "lighter", "bolder", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
+    };
+    onClickPrimaryButton: {
+        if: {
+            arg: string;
+        };
+    };
+    onClickSecondaryButton: {
+        if: {
+            arg: string;
+        };
+    };
+};

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

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
+import { tSvgFillProps } from 'types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { svgFillPropsType } from '../../types';
 export interface iSVGContentProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     src?: string;
-    svgFill?: svgFillPropsType;
-    svgFillHover?: svgFillPropsType;
+    svgFill?: tSvgFillProps;
+    svgFillHover?: tSvgFillProps;
     SvgImage?: any;
 }

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

@@ -1,15 +1,15 @@
 import { CSSProperties, ReactNode } from 'react';
 import ScrollContainer from 'react-indiana-drag-scroll';
+import { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tElevationProps, tFillHoverProps, tFillProps, tHeightProps, tWidthProps } from 'types';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderTypePropsType, elevationPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tHeightProps, tWidthProps } from '../../types';
 export interface iScrollOnDragProps extends iStyleAttributes {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     children?: ReactNode;
     className?: string;
-    elevation?: elevationPropsType;
+    elevation?: tElevationProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;
     height?: tHeightProps;

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

@@ -1,25 +1,25 @@
 import { CSSProperties, ReactNode } from 'react';
+import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillProps, tIconSizeProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderTypePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iSearchThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;
-    borderHover?: borderColorHoverPropsType;
-    borderType?: borderTypePropsType;
+    borderHover?: tBorderColorHoverProps;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     fill?: tFillProps;
     iconAfter?: string;
     iconAfterFill?: tItemColorProps;
-    iconAfterSize?: iconSizePropsType;
+    iconAfterSize?: tIconSizeProps;
     iconAfterSrc?: string;
     iconBefore?: string;
     iconBeforeFill?: tItemColorProps;
-    iconBeforeSize?: iconSizePropsType;
+    iconBeforeSize?: tIconSizeProps;
     iconBeforeSrc?: string;
     iconClear?: string;
     iconClearFill?: tItemColorProps;
-    iconClearSize?: iconSizePropsType;
+    iconClearSize?: tIconSizeProps;
     iconClearSrc?: string;
     inputFill?: tFillProps;
     inputShape?: tShapeProps;

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

@@ -1,9 +1,9 @@
+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/styleAttributes.interface';
-import { borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps, tWidthProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iSegmentedThemeColor {
     [key: number | string | symbol]: any;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     fill?: tFillProps;
     fillHover?: tFillHoverProps;

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

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
 import { GroupBase, PropsValue } from 'react-select';
 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';
+import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeOptionProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 interface iSelectThemeColor {
     [key: number | string | symbol]: any;
     elevation?: number;
     inputBorderColor?: tBorderColorProps;
-    inputBorderColorHover?: borderColorHoverPropsType;
+    inputBorderColorHover?: tBorderColorHoverProps;
     inputFill?: string;
     inputShape?: string;
     inputTextColor?: tTextColorProps;
@@ -22,7 +22,7 @@ interface iSelectThemeColor {
     placeholder?: React.ReactNode;
     placeholderTextColor?: tTextColorProps;
     placeholderTextSize?: tTextSizeProps;
-    size?: sizeOptionPropsType;
+    size?: tSizeOptionProps;
 }
 type tSelectAppearance = {
     [key in tAppearanceKeysDefault]?: iSelectThemeColor;
@@ -85,7 +85,7 @@ interface iSelectPropsCustom<Option> {
     optionAfter?: React.ReactNode;
     optionBefore?: React.ReactNode;
     optionBorder?: tBorderColorProps;
-    optionBorderType?: borderTypePropsType;
+    optionBorderType?: tBorderTypeProps;
     optionSelected?: React.ReactNode;
     optionShape?: tShapeProps;
     shape?: tShapeProps;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
+import { tFillProps, tIconSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { iconSizePropsType, tFillProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iSiteMenuThemeColor {
     [key: number | string | symbol]: any;
     closeTextColor?: tTextColorProps;
@@ -11,7 +11,7 @@ export interface iSiteMenuThemeColor {
     iconClose?: ReactNode;
     iconCloseBgFill?: tFillProps;
     iconCloseFill?: tFillProps;
-    iconCloseSize?: iconSizePropsType;
+    iconCloseSize?: tIconSizeProps;
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};
 export type siteMenuAppearanceType = {

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

@@ -1,8 +1,8 @@
 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/styleAttributes.interface';
-import { tAlignDirectionProps, tAlignProps, tFillProps, titleSizePropsType, tShapeProps, tTextColorProps, tTextWeightProps } from '../../types';
 export interface iSwiperProps extends iStyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;
@@ -42,7 +42,7 @@ export interface iSwiperProps extends iStyleAttributes {
     swiperSlideClass?: string;
     title?: string;
     titleAfter?: ReactNode;
-    titleSize?: titleSizePropsType;
+    titleSize?: tTitleSizeProps;
     titleTextColor?: tTextColorProps;
     titleWeight?: tTextWeightProps;
     isChangeOnClickSlide?: boolean;

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

@@ -1,5 +1,5 @@
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface iSwitchThemeColor {
     size?: string;
     set?: string;

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

@@ -1,7 +1,7 @@
 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/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;
@@ -76,7 +76,7 @@ interface iTabGroupProps extends iStyleAttributes {
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
     borderColor?: tBorderColorProps;
-    borderType?: borderTypePropsType;
+    borderType?: tBorderTypeProps;
     borderWidth?: tBorderWidthProps;
     children?: ReactNode;
     className?: string;
@@ -87,7 +87,7 @@ interface iTabGroupProps extends iStyleAttributes {
     horizontalScroll?: boolean;
     style?: CSSProperties;
     width?: tWidthProps;
-    wrap?: wrapPropsType;
+    wrap?: tWrapProps;
     set?: string;
 }
 export type { iTabThemeColor, tTabAppearance, iTabConfig, iTabProps, iTabGroupProps };