@itcase/ui 1.9.51 → 1.9.53

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/useDropzoneFieldFiles.d.ts

@@ -0,0 +1,14 @@
+import { DropzoneProps, FileItem } from 'src/components/Dropzone/Dropzone.interface';
+/**
+ * Hook for file and state management in "react-dropzone".
+ * @param {Array} fieldValuesList - value from "react-final-form"
+ * @param {boolean} isPreviews - marker for create previews for files
+ * @returns {Object} data with states and functions for working with files
+ */
+declare function useDropzoneFieldFiles(fieldValuesList: DropzoneProps['fieldValuesList'], isPreviews?: boolean): {
+    convertValueFilesToDropzoneItems: (currentFilesList: File[] | FileItem[], isSilent?: boolean) => Promise<FileItem[]>;
+    fileIsLoading: boolean;
+    fileRejectedMessage: string;
+    setFileRejectedMessage: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+export { useDropzoneFieldFiles };

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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.51",
+  "version": "1.9.53",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -78,7 +78,7 @@
     "prepare": "husky",
     "prepack": "NODE_ENV=production npm run build",
     "semantic-release": "semantic-release",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit --pretty",
     "storybook": "rm -rf node_modules/.cache/ && STORYBOOK=true storybook dev -p 6006 --disable-telemetry",
     "build-storybook": "STORYBOOK=true storybook build"
   },
@@ -101,24 +101,25 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
-    "@itcase/common": "^1.2.38",
-    "@itcase/icons": "^1.2.28",
+    "@itcase/common": "^1.2.40",
+    "@itcase/icons": "^1.2.29",
     "@itcase/storybook-config": "^1.2.35",
     "@itcase/tokens-am": "^1.1.45",
     "@itcase/tokens-baikal": "^1.1.41",
     "@itcase/tokens-palette": "^1.1.41",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.28.1",
+    "framer-motion": "^12.29.2",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.23",
     "luxon": "^3.7.2",
-    "motion": "^12.28.1",
+    "motion": "^12.29.2",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
     "react-datepicker": "^9.1.0",
     "react-dom": "^18.3.1",
+    "react-dropzone": "^14.4.0",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.2.0",
     "react-modal-sheet": "5.2.1",
@@ -130,18 +131,18 @@
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.10.2",
     "simplebar-react": "^3.3.2",
-    "swiper": "^12.0.3",
+    "swiper": "^12.1.0",
     "uuid": "^13.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.28.6",
     "@babel/preset-react": "^7.28.5",
-    "@commitlint/cli": "^20.3.1",
-    "@commitlint/config-conventional": "^20.3.1",
-    "@itcase/config": "^1.6.43",
-    "@itcase/lint": "^1.1.93",
-    "@itcase/types-core": "^1.1.28",
-    "@itcase/types-ui": "^1.1.28",
+    "@commitlint/cli": "^20.4.0",
+    "@commitlint/config-conventional": "^20.4.0",
+    "@itcase/config": "^1.6.45",
+    "@itcase/lint": "^1.1.95",
+    "@itcase/types-core": "^1.1.30",
+    "@itcase/types-ui": "^1.1.30",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -168,13 +169,13 @@
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
     "prettier": "^3.8.1",
-    "rollup": "4.56.0",
+    "rollup": "4.57.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.2.0",
+    "storybook": "^10.2.2",
     "stylelint": "^17.0.0",
     "typescript": "^5.9.3"
   }