@itcase/ui 1.9.51 → 1.9.53

package/dist/types/components/Dropzone/stories/DropzoneDemo.stories.d.ts

@@ -0,0 +1,19 @@
+import { DropzoneProps } from '../Dropzone.interface';
+declare const meta: {
+    title: string;
+    component: import("react").NamedExoticComponent<DropzoneProps>;
+    args: {
+        appearance: string;
+        inputName: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Skeleton: {
+    args: {
+        isSkeleton: boolean;
+    };
+    render: (args: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -41,7 +41,7 @@ type HeroTitleAppearanceProps = {
     textColorHover?: TextProps['textColorHover'];
     textFont?: TextProps['font'];
     textGradient?: string;
-    textStyle?: 'italic' | 'normal';
+    textStyle?: TextProps['textStyle'];
     textTruncate?: boolean;
     textWeight?: TextProps['textWeight'];
     textWrap?: TextProps['textWrap'];

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

@@ -1,13 +1,14 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceDefaultStyleShapeKey, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { LinkWrapperProps } from 'src/components/Link/Link.interface';
 import { TitleProps } from 'src/components/Title/Title.interface';
 import { TooltipProps } from 'src/components/Tooltip/Tooltip.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type IconAppearanceProps = {
     alignment?: AlignmentProps;
     badgeAppearance?: BadgeProps['appearance'];
+    badgeAppearanceSize?: AppearanceSizeKey;
     badgeShape?: BadgeProps['shape'];
     badgeSize?: BadgeProps['size'];
     badgeTextColor?: BadgeProps['textColor'];

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

@@ -34,7 +34,7 @@ type LinkAppearanceProps = {
     textColorMobile?: TextProps['textColor'];
     textColorTablet?: TextProps['textColor'];
     textGradient?: string;
-    textStyle?: 'italic' | 'normal';
+    textStyle?: TextProps['textStyle'];
     textWeight?: TextWeightProps;
     textWeightDesktop?: TextWeightProps;
     textWeightMobile?: TextWeightProps;

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

@@ -29,7 +29,7 @@ type ListItemAppearanceProps = {
     fill?: FillProps;
     size?: SizeProps;
     textColor?: TextProps['textColor'];
-    textStyle?: 'italic' | 'normal';
+    textStyle?: TextProps['textStyle'];
     textWeight?: TextProps['textWeight'];
 };
 type ListItemProps = ListItemAppearanceProps & StyleAttributes & {

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

@@ -1,13 +1,14 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type LoaderAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;
     itemFill?: ItemFillProps;
     size?: SizeProps;
-    textColor?: TextColorProps;
-    textSize?: TextSizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
 };
 type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceKey;
@@ -21,7 +22,7 @@ type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
     shapeStrength?: ShapeStrengthProps;
     style?: CSSProperties;
     text?: string;
-    type?: 'circular' | 'dot' | 'simple';
+    type?: 'circular' | 'dot';
 };
 type LoaderAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
 type LoaderAppearance = {

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

@@ -3,6 +3,9 @@ import { LoaderProps } from '../Loader.interface';
 declare const meta: {
     title: string;
     component: typeof Loader;
+    args: {
+        type: string;
+    };
     parameters: {
         layout: string;
     };

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

@@ -0,0 +1,25 @@
+import { Loader } from '../Loader';
+import { LoaderProps } from '../Loader.interface';
+declare const meta: {
+    title: string;
+    component: typeof Loader;
+    args: {
+        appearance: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Text: {
+    args: {
+        text: string;
+    };
+    render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoText: {
+    args: {
+        text: string;
+    };
+    render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,25 @@
+import { Loader } from '../Loader';
+import { LoaderProps } from '../Loader.interface';
+declare const meta: {
+    title: string;
+    component: typeof Loader;
+    args: {
+        appearance: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Dot: {
+    args: {
+        type: string;
+    };
+    render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Circular: {
+    args: {
+        type: string;
+    };
+    render: (args: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -37,7 +37,7 @@ type MenuItemAppearanceProps = {
     iconBeforeSrc?: IconProps['imageSrc'];
     isSkeleton?: boolean;
     justifyContent?: JustifyContentProps;
-    labelStyle?: 'italic' | 'normal';
+    labelStyle?: TextProps['textStyle'];
     labelTextActiveColor?: TextProps['textColorActive'];
     labelTextActiveColorHover?: TextProps['textColorActiveHover'];
     labelTextColor?: TextProps['textColor'];

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

@@ -47,8 +47,8 @@ type NotificationProps = NotificationAppearanceProps & StyleAttributes & {
     dataTour?: string;
     isLoading?: boolean;
     isSkeleton?: boolean;
-    onClickButton?: ButtonProps['onClick'];
-    onClickClose?: (id?: number | string) => void;
+    onClickButton: ButtonProps['onClick'];
+    onClickClose?: (targetId?: GeneratedId) => void;
     style?: CSSProperties;
     title?: string;
     type?: string;

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

@@ -1,7 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
 import { IconProps } from 'src/components/Icon/Icon.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
 type SearchAppearanceProps = {
     borderColor?: BorderColorProps;
     borderColorHover?: BorderColorHoverProps;
@@ -22,14 +23,14 @@ type SearchAppearanceProps = {
     iconClearSize?: IconProps['size'];
     iconClearSrc?: IconProps['imageSrc'];
     inputFill?: FillProps;
-    inputTextColor?: TextColorProps;
-    inputTextSize?: TextSizeProps;
-    inputTextStyle?: 'italic' | 'normal';
+    inputTextColor?: TextProps['textColor'];
+    inputTextSize?: TextProps['size'];
+    inputTextStyle?: TextProps['textStyle'];
     inputTextWeight?: TextWeightProps;
-    placeholderTextColor?: TextColorProps;
-    placeholderTextSize?: TextSizeProps;
-    placeholderTextStyle?: 'italic' | 'normal';
-    placeholderTextWeight?: TextWeightProps;
+    placeholderTextColor?: TextProps['textColor'];
+    placeholderTextSize?: TextProps['size'];
+    placeholderTextStyle?: TextProps['textStyle'];
+    placeholderTextWeight?: TextProps['textWeight'];
     shape?: ShapeProps;
     shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;

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

@@ -21,14 +21,14 @@ declare const SearchInput: React.ForwardRefExoticComponent<{
     iconClearSize?: import("../Icon/Icon.interface").IconProps["size"];
     iconClearSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
     inputFill?: import("@itcase/types-ui").FillProps;
-    inputTextColor?: import("@itcase/types-ui").TextColorProps;
-    inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-    inputTextStyle?: "italic" | "normal";
+    inputTextColor?: import("../Text/Text.interface").TextProps["textColor"];
+    inputTextSize?: import("../Text/Text.interface").TextProps["size"];
+    inputTextStyle?: import("../Text/Text.interface").TextProps["textStyle"];
     inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-    placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-    placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-    placeholderTextStyle?: "italic" | "normal";
-    placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+    placeholderTextColor?: import("../Text/Text.interface").TextProps["textColor"];
+    placeholderTextSize?: import("../Text/Text.interface").TextProps["size"];
+    placeholderTextStyle?: import("../Text/Text.interface").TextProps["textStyle"];
+    placeholderTextWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     shape?: import("@itcase/types-ui").ShapeProps;
     shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
     size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputDemo.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputError.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputStyle.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/stories/SearchInputSuccess.stories.d.ts

@@ -21,14 +21,14 @@ declare const meta: {
         iconClearSize?: import("../../Icon/Icon.interface").IconProps["size"];
         iconClearSrc?: import("../../Icon/Icon.interface").IconProps["imageSrc"];
         inputFill?: import("@itcase/types-ui").FillProps;
-        inputTextColor?: import("@itcase/types-ui").TextColorProps;
-        inputTextSize?: import("@itcase/types-ui").TextSizeProps;
-        inputTextStyle?: "italic" | "normal";
+        inputTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        inputTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        inputTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
         inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-        placeholderTextColor?: import("@itcase/types-ui").TextColorProps;
-        placeholderTextSize?: import("@itcase/types-ui").TextSizeProps;
-        placeholderTextStyle?: "italic" | "normal";
-        placeholderTextWeight?: import("@itcase/types-ui").TextWeightProps;
+        placeholderTextColor?: import("../../Text/Text.interface").TextProps["textColor"];
+        placeholderTextSize?: import("../../Text/Text.interface").TextProps["size"];
+        placeholderTextStyle?: import("../../Text/Text.interface").TextProps["textStyle"];
+        placeholderTextWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         shape?: import("@itcase/types-ui").ShapeProps;
         shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
         size?: import("@itcase/types-ui").SizeProps;

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

@@ -1,17 +1,17 @@
 import type { ReactNode } from 'react';
-import { GroupBase, PropsValue } from 'react-select';
+import { ActionMeta, GroupBase, OnChangeValue, PropsValue, SingleValue } from 'react-select';
 import { Props } from 'react-select/base';
 import { Option as SelectOption } from '@itcase/types-core';
-import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, CompositeAppearanceStateKeys, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import { BadgeProps } from 'src/components/Badge/Badge.interface';
 import { DividerProps } from 'src/components/Divider/Divider.interface';
 import { DropdownProps } from 'src/components/Dropdown/Dropdown.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { LoaderProps } from 'src/components/Loader/Loader.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
-type SelectAppearanceProps<Option = SelectOption> = {
+type SelectAppearanceProps<Option> = {
     after?: React.ReactNode;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceStateKeys;
     badgeAppearance?: BadgeProps['appearance'];
     badgeAppearanceSize?: AppearanceSizeKey;
     badgeSize?: BadgeProps['size'];
@@ -127,12 +127,14 @@ type SelectAppearanceProps<Option = SelectOption> = {
 };
 type AppearanceKeys = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
 type SelectAppearance = {
-    [key in AppearanceKeys]?: SelectAppearanceProps;
+    [key in AppearanceKeys]?: SelectAppearanceProps<SelectOption>;
 };
 type SelectConfig = {
     appearance: SelectAppearance;
     setAppearance: (appearanceConfig: SelectAppearance) => void;
 };
-type SelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Partial<Pick<Props<Option, IsMulti, Group>, 'className' | 'closeMenuOnSelect' | 'filterOption' | 'hideSelectedOptions' | 'hideValueContainer' | 'instanceId' | 'isClearable' | 'isDisabled' | 'isLoading' | 'isMulti' | 'isSearchable' | 'loadingMessage' | 'onChange' | 'onInputChange' | 'openMenuOnClick' | 'options' | 'value'>> & SelectAppearanceProps<Option> & SelectPropsCustom<Option> & {};
-type SelectPropsCustom<Option> = SelectAppearanceProps<Option> & {};
+type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Partial<Pick<Props<Option, IsMulti, Group>, 'className' | 'closeMenuOnSelect' | 'filterOption' | 'hideSelectedOptions' | 'hideValueContainer' | 'instanceId' | 'isClearable' | 'isDisabled' | 'isLoading' | 'isMulti' | 'isSearchable' | 'loadingMessage' | 'onInputChange' | 'openMenuOnClick' | 'options' | 'value'>> & SelectAppearanceProps<Option> & SelectPropsCustom<Option>;
+type SelectPropsCustom<Option> = SelectAppearanceProps<Option> & {
+    onChange?: (newValue: OnChangeValue<Option, boolean> | SingleValue<Option>, actionMeta?: ActionMeta<Option>) => void;
+};
 export type { SelectAppearance, SelectAppearanceProps, SelectConfig, SelectProps, SelectPropsCustom, };

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { GroupBase, SelectInstance } from 'react-select';
+import { Option as SelectOptionType } from '@itcase/types-core';
 import { SelectConfig } from './Select.interface';
 declare const selectConfig: SelectConfig;
-declare const SelectContainer: React.ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("./Select.interface").SelectAppearanceProps<unknown> & React.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
+declare const SelectContainer: React.ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<SelectOptionType, boolean, GroupBase<SelectOptionType>>, "value" | "isLoading" | "className" | "isDisabled" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("./Select.interface").SelectAppearanceProps<SelectOptionType> & {
+    onChange?: (newValue: import("react-select").OnChangeValue<SelectOptionType, boolean>, actionMeta?: import("react-select").ActionMeta<SelectOptionType>) => void;
+} & React.RefAttributes<SelectInstance<SelectOptionType, boolean, GroupBase<SelectOptionType>>>>;
 export { selectConfig, SelectContainer };

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

@@ -1,4 +1,4 @@
 import { GroupBase, MultiValueProps } from 'react-select';
-import { Option } from '@itcase/types-core';
-declare const SelectMultiValue: <SelectOption extends Option, IsMulti extends boolean, Group extends GroupBase<SelectOption>>(props: MultiValueProps<SelectOption, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+import { Option as SelectOption } from '@itcase/types-core';
+declare const SelectMultiValue: <Option extends SelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectMultiValue };

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

@@ -2,7 +2,9 @@ import { Option } from '@itcase/types-core';
 import { SelectPropsCustom } from '../Select.interface';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "value" | "isLoading" | "className" | "isDisabled" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<Option> & {
+        onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
+    } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
     args: {
         appearance: string;
         elevation: number;
@@ -16,14 +18,14 @@ declare const meta: {
                 label: string;
                 value: string;
             }[];
-            isDisabled?: undefined;
             value?: undefined;
+            isDisabled?: undefined;
             isFixed?: undefined;
             isSelected?: undefined;
         } | {
             label: string;
-            isDisabled: boolean;
             value: string;
+            isDisabled: boolean;
             options?: undefined;
             isFixed?: undefined;
             isSelected?: undefined;

package/dist/types/components/Select/stories/SelectDefault.stories.d.ts

@@ -2,7 +2,9 @@ import { Option } from '@itcase/types-core';
 import { SelectPropsCustom } from '../Select.interface';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "value" | "isLoading" | "className" | "isDisabled" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<Option> & {
+        onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
+    } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
     args: {
         appearance: string;
         elevation: number;
@@ -16,14 +18,14 @@ declare const meta: {
                 label: string;
                 value: string;
             }[];
-            isDisabled?: undefined;
             value?: undefined;
+            isDisabled?: undefined;
             isFixed?: undefined;
             isSelected?: undefined;
         } | {
             label: string;
-            isDisabled: boolean;
             value: string;
+            isDisabled: boolean;
             options?: undefined;
             isFixed?: undefined;
             isSelected?: undefined;