@itcase/ui 1.9.51 → 1.9.52

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;

package/dist/types/components/Select/stories/SelectDisabled.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/SelectError.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/SelectRequire.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/SelectShape.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/SelectSize.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/SelectStyle.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: {
         elevation: number;
         hideSelectedOptions: boolean;
@@ -15,14 +17,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/SelectSuccess.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/__mock__/index.d.ts

@@ -10,14 +10,14 @@ export namespace SelectDefaultMock {
             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/Swiper/Swiper.interface.d.ts

@@ -6,17 +6,6 @@ import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type SwiperAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;
-    allowTouchMove?: boolean;
-    autoHeight?: boolean;
-    breakpoints?: {
-        [ratio: string]: SwiperOptions;
-        [width: number]: SwiperOptions;
-    };
-    children?: ReactNode;
-    className?: string;
-    dataTestId?: string;
-    dataTour?: string;
-    direction?: 'horizontal' | 'vertical';
     fill?: FillProps;
     shape?: ShapeProps;
 };
@@ -31,6 +20,8 @@ type SwiperProps = StyleAttributes & SwiperAppearanceProps & {
     };
     children?: ReactNode;
     className?: string;
+    dataTestId?: string;
+    dataTour?: string;
     direction?: 'horizontal' | 'vertical';
     forwardedRef: Ref<SwiperRef>;
     freeMode?: boolean;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceSizePxKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextFontProps, TextSizeProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceSizePxKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextFontProps, TextSizeProps, TextStyleProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type TextAppearanceProps = {
     cursor?: string;
@@ -13,7 +13,7 @@ type TextAppearanceProps = {
     textColorGradient?: string;
     textColorHover?: TextColorHoverProps | TextColorProps;
     textFont?: TextFontProps;
-    textStyle?: 'italic' | 'normal';
+    textStyle?: TextStyleProps;
     textTruncate?: boolean;
     textWeight?: TextWeightProps;
     textWrap?: TextWrapProps;

package/dist/types/context/Notifications.d.ts

@@ -3,7 +3,7 @@ import type { CreatedNotification, Notification, NotificationsProviderProps } fr
 declare function NotificationsProvider(props: NotificationsProviderProps): import("react/jsx-runtime").JSX.Element;
 declare function useNotifications(): Notification[];
 declare function useNotificationsAPI(): {
-    hideNotifications: (targetId: GeneratedId) => void;
+    hideNotifications: (targetId?: GeneratedId) => void;
     showNotification: (notification: string | CreatedNotification, onClose?: SimpleCallback) => void;
     notificationStatuses: {
         readonly error: "error";

package/dist/types/context/Notifications.interface.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { GeneratedId } from '@itcase/types-core';
+import { ButtonProps } from 'src/components/Button/Button.interface';
 import { NotificationProps } from 'src/components/Notification/Notification.interface';
 interface Notification {
     id: GeneratedId;
@@ -17,7 +18,7 @@ interface Notification {
     title: string;
     type?: 'float' | 'global' | 'toast';
     isLoading: boolean;
-    onClickButton: (() => void) | null;
+    onClickButton: ButtonProps['onClick'];
     onClose?: () => void;
 }
 interface CreatedNotification {

package/dist/types/context/UIContext.d.ts

@@ -1,7 +1,11 @@
 import { ReactNode } from 'react';
+type DeviceType = '' | 'desktop' | 'mobile' | 'tablet';
 type UIProviderProps = {
     children?: ReactNode;
     userDeviceState?: {
+        deviceCurrentMainType: DeviceType;
+        deviceCurrentType: string;
+        deviceTypesList: string[];
         isDesktop?: boolean;
         isMobile?: boolean;
         isTablet?: boolean;
@@ -9,9 +13,11 @@ type UIProviderProps = {
 };
 declare const UIProvider: import("react").NamedExoticComponent<UIProviderProps>;
 declare function useUserDeviceContext(): {
-    isMobile: boolean;
-    isTablet: boolean;
-    isDesktop: boolean;
-    deviceCurrentMainType: string;
+    deviceCurrentMainType: DeviceType;
+    deviceCurrentType: string;
+    deviceTypesList: string[];
+    isDesktop?: boolean;
+    isMobile?: boolean;
+    isTablet?: boolean;
 };
 export { UIProvider, useUserDeviceContext };

package/dist/types/hooks/useActiveClasses/useActiveClasses.interface.d.ts

@@ -3,9 +3,8 @@ type SuffixComponents = (typeof suffix)[number];
 type SpecialSuffix<T extends string> = T extends 'HTMLContent' ? 'htmlContent' : Uncapitalize<T>;
 type SuffixKeys = SpecialSuffix<SuffixComponents>;
 interface PropsGenerator {
-    [key: string]: string | number | undefined | any;
+    [key: string]: any | number | string | undefined;
     getProp?: (propKey: string) => number | string | undefined;
-    getClassName?: <K extends string, P = undefined>(propKey: K, params?: P) => string;
 }
 interface UseActiveClassesReturn {
     rootClasses: string;

package/dist/types/hooks/useStyles/styleAttributes.d.ts

@@ -1,4 +1,3 @@
-declare const _default: (string | (string | {
-    validate: (value: any) => boolean;
-})[])[];
+import { StyleAttributeOrValidator } from './styleAttributes.interface';
+declare const _default: StyleAttributeOrValidator[];
 export default _default;

package/dist/types/hooks/useStyles/styleAttributes.interface.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 import type * as CSS from 'csstype';
 import { HeightProps, ResizeModeProps, WidthProps } from '@itcase/types-ui';
 export interface StyleAttributes {
@@ -129,13 +130,18 @@ type LabelInterface<T> = {
 type ImageInterface<T> = {
     [P in keyof T as `${P & string}Image`]: T[P];
 };
+export type CSSPropertiesKey = keyof CSSProperties;
 export interface TypeStyleWrapperAttributes extends WrappedInterface<StyleAttributes> {
 }
 export interface TypeStyleLabelAttributes extends LabelInterface<StyleAttributes> {
 }
 export interface TypeStyleImageAttributes extends ImageInterface<StyleAttributes> {
 }
-export type StyleAttributeOrValidator = StyleAttributes | [StyleAttributes['width'], {
-    validate?: (value: string) => boolean;
-}];
+export type StyleValidator = [
+    StyleAttributes['width'],
+    {
+        validate?: (value: string) => boolean;
+    }
+];
+export type StyleAttributeOrValidator = StyleAttributes | StyleValidator;
 export {};

package/dist/types/hooks/useStyles/useStyles.d.ts

@@ -1 +1,4 @@
-export function useStyles(props: any): {};
+import { CSSProperties } from 'react';
+import { ComponentProps } from '../useDevicePropsGenerator/useDevicePropsGenerator.interface';
+declare function useStyles<Props extends ComponentProps>(props: Props): Record<string, CSSProperties>;
+export { useStyles };

package/dist/types/utils/mergeAppearanceKeys.d.ts

@@ -1,2 +1,7 @@
-declare const mergeAppearanceKeys: <T extends string>(...values: string[]) => T;
+type MergeAppearanceKeysReturn = any;
+/**
+ * @example
+ * mergeAppearanceKeys(' ', '1', undefined, '2', '1') === '1 2'
+ */
+declare const mergeAppearanceKeys: (...appearances: Array<string | undefined>) => MergeAppearanceKeysReturn;
 export { mergeAppearanceKeys };

package/dist/utils/mergeAppearanceKeys.js

@@ -1,3 +1,16 @@
-const mergeAppearanceKeys = (...values) => values.join(' ');
+/**
+ * @example
+ * mergeAppearanceKeys(' ', '1', undefined, '2', '1') === '1 2'
+ */
+const mergeAppearanceKeys = (...appearances) => {
+    const trimmedAppearances = appearances
+        .map((appearance) => appearance?.trim())
+        .filter(Boolean);
+    if (trimmedAppearances.length < 2) {
+        return trimmedAppearances[0] ?? '';
+    }
+    const uniqueAppearances = Array.from(new Set(trimmedAppearances));
+    return uniqueAppearances.join(' ');
+};
 
 export { mergeAppearanceKeys };