@itcase/ui 1.9.65 → 1.9.67

package/dist/components/Select.js

@@ -1,11 +1,11 @@
-export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_CNxXsYuI.js';
+export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_DLaJIthi.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-select';
 import 'react-select/creatable';
-import '../Group_es_cz4hL9nk.js';
-import '../primitives_es_dSATude_.js';
+import '../Group_es_DDZnHcqu.js';
+import '../primitives_es_C7NgMhaK.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -15,4 +15,4 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '@itcase/icons/default';
-import '../Loader_es_C-sMV0xq.js';
+import '../Loader_es_Cy7YeNYi.js';

package/dist/components/Swiper.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
-import { G as Group } from '../Group_es_cz4hL9nk.js';
-import { a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text } from '../primitives_es_dSATude_.js';
+import { G as Group } from '../Group_es_DDZnHcqu.js';
+import { a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text } from '../primitives_es_C7NgMhaK.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Switch.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_dSATude_.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_C7NgMhaK.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Tab.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, h as Link, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon, D as Divider } from '../primitives_es_dSATude_.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, h as Link, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon, D as Divider } from '../primitives_es_C7NgMhaK.js';
 import { useActiveClasses } from '../hooks/useActiveClasses/useActiveClasses.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -83,6 +83,7 @@ const tabAppearanceStyle = {
         fill: 'none',
         borderColor: 'none',
         borderColorActive: 'none',
+        dividerFill: 'none',
     },
 };
 

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { b as Text, t as textAppearance, p as textConfig } from '../primitives_es_dSATude_.js';
+export { b as Text, t as textAppearance, p as textConfig } from '../primitives_es_C7NgMhaK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Textarea.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator } from '../primitives_es_dSATude_.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator } from '../primitives_es_C7NgMhaK.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tile.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon } from '../primitives_es_dSATude_.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon } from '../primitives_es_C7NgMhaK.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { T as Title, x as titleAppearance, y as titleConfig } from '../primitives_es_dSATude_.js';
+export { T as Title, x as titleAppearance, y as titleConfig } from '../primitives_es_C7NgMhaK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { i as Tooltip, z as tooltipAppearance, A as tooltipConfig } from '../primitives_es_dSATude_.js';
+export { i as Tooltip, z as tooltipAppearance, A as tooltipConfig } from '../primitives_es_C7NgMhaK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Video.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { u as useStyles } from '../primitives_es_dSATude_.js';
+import { u as useStyles } from '../primitives_es_C7NgMhaK.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Warning.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_dSATude_.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_C7NgMhaK.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/context/Notifications.js

@@ -1,186 +1,12 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
-import { v4 as uuidv4 } from 'uuid';
-import { axiosInstanceITCase } from '@itcase/common';
-const STATUSES = {
-    error: 'error',
-    info: 'info',
-    success: 'success',
-    warning: 'warning',
-};
-const NotificationsContext = createContext([]);
-/* eslint-disable @typescript-eslint/no-unused-vars */
-const NotificationsAPIContext = createContext({
-    hideNotifications: (targetId) => { },
-    showNotification: (notification, onClose) => { },
-    notificationStatuses: STATUSES,
-});
-/* eslint-enable @typescript-eslint/no-unused-vars */
-function NotificationsProvider(props) {
-    const { initialNotificationsList = [], isLogRequestsErrors, children } = props;
-    const [notificationsList, setNotificationsList] = useState(() => {
-        // We need to set id to every notification item and original list also be have new id's
-        return (initialNotificationsList || []).map((notificationItem) => {
-            return createNotification(notificationItem, notificationItem.onClose);
-        });
-    });
-    const hideNotifications = useCallback((targetId) => {
-        // If not target, then nothing to hide
-        if (!targetId) {
-            return;
-        }
-        setNotificationsList((prevNotificationsList) => {
-            const newState = prevNotificationsList.filter((notificationItem) => {
-                // Check on need to hide, if current notification is target for hide
-                const isNeedToHide = String(notificationItem.id) === String(targetId);
-                // Callback for close if exists
-                if (isNeedToHide) {
-                    clearTimeout(notificationItem._closeTimeout);
-                    // @typescript-eslint/no-unused-expressions
-                    notificationItem.onClose && notificationItem.onClose();
-                }
-                // Save in state if no need to hide
-                return !isNeedToHide;
-            });
-            // Set new notifications list without target item to state
-            return newState;
-        });
-    }, []);
-    const showNotification = useCallback((notification, onClose) => {
-        const newNotificationItem = createNotification(notification, onClose);
-        setNotificationsList((prevNotificationsList) => {
-            const newState = prevNotificationsList.slice();
-            const existsNotificationIndex = newState.findIndex((notificationItem) => String(notificationItem.id) === String(newNotificationItem.id));
-            // Add new notification
-            if (existsNotificationIndex === -1) {
-                return [...newState, newNotificationItem];
-            }
-            // Or update exists notification
-            const updatedNotificationItem = newState[existsNotificationIndex];
-            // Clear timeout to avoid close event for updated notification
-            clearTimeout(updatedNotificationItem._closeTimeout);
-            updatedNotificationItem._closeTimeout = undefined;
-            // Replace exists notification by new one
-            newState[existsNotificationIndex] = newNotificationItem;
-            return newState;
-        });
-        if (newNotificationItem.closeByTime) {
-            newNotificationItem._closeTimeout = setTimeout(() => hideNotifications(newNotificationItem.id), newNotificationItem.closeByTime);
-        }
-        return newNotificationItem;
-    }, 
-    // "hideNotifications" is never changed
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    const notificationsAPI = useMemo(() => ({
-        hideNotifications: hideNotifications,
-        notificationStatuses: STATUSES,
-        showNotification: showNotification,
-    }), 
-    // Functions is never changes, no sense to set as dependencies
-    // eslint-disable-next-line
-    []);
-    useEffect(() => {
-        // Set timeout for initial notifications list one time on first render
-        notificationsList.forEach((notificationItem) => {
-            if (notificationItem.closeByTime) {
-                setTimeout(() => hideNotifications(notificationItem.id), notificationItem.closeByTime);
-            }
-        });
-        // Show notifications on all requests errors.
-        // Enable one time without disabling. Use "isLogging" on request config level
-        // to disable notifications logger.
-        if (isLogRequestsErrors) {
-            axiosInstanceITCase.responseErrorHandler.loggerManager = {
-                log: (responseError) => {
-                    if (responseError.message) {
-                        // prevent from showing many network errors
-                        const errorListToDedupe = ['network'];
-                        const id = errorListToDedupe.includes(responseError.key)
-                            ? responseError.key
-                            : undefined;
-                        showNotification({
-                            id: id,
-                            title: responseError.message,
-                            status: 'error',
-                            closeByTime: 4000,
-                        });
-                    }
-                },
-            };
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return (_jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: _jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
-}
-function useNotifications() {
-    return useContext(NotificationsContext);
-}
-function useNotificationsAPI() {
-    return useContext(NotificationsAPIContext);
-}
-const statusToAppearanceList = {
-    error: 'errorPrimary sizeS solid rounded',
-    info: 'infoPrimary sizeS solid rounded',
-    success: 'successPrimary sizeS solid rounded',
-    warning: 'warningPrimary sizeS solid rounded',
-};
-function createNotification(notification, onClose) {
-    // Default notification item properties
-    let id = uuidv4().split('-')[0];
-    let title = '';
-    let text = '';
-    let closeIcon = '';
-    let closeIconSrc = '';
-    let type = 'float';
-    let buttonLabel = '';
-    let status = STATUSES.warning;
-    let closeByTime = 4500;
-    let appearance = statusToAppearanceList[status];
-    let after = null;
-    let isLoading = false;
-    let closeIconAppearance = '';
-    let onClickButton = () => { };
-    if (typeof notification === 'string') {
-        text = notification;
-    }
-    else if (typeof notification === 'object') {
-        id = String(notification.id ?? id);
-        title = notification.title ?? title;
-        text = notification.text ?? text;
-        closeIconAppearance =
-            notification.closeIconAppearance ?? closeIconAppearance;
-        type = notification.type ?? type;
-        closeIcon = notification.closeIcon ?? closeIcon;
-        closeIconSrc = notification.closeIconSrc ?? closeIconSrc;
-        buttonLabel = notification.buttonLabel ?? buttonLabel;
-        onClickButton = notification.onClickButton ?? onClickButton;
-        status = notification.status ?? status;
-        closeByTime = notification.closeByTime ?? closeByTime;
-        isLoading = notification.isLoading ?? isLoading;
-        after = notification.after ?? after;
-        appearance =
-            notification.appearance ??
-                statusToAppearanceList[notification.status] ??
-                appearance;
-    }
-    return {
-        id: id,
-        appearance: appearance,
-        type: type,
-        title: title,
-        status: status,
-        text: text,
-        buttonLabel: buttonLabel,
-        after: after,
-        closeByTime: closeByTime,
-        closeIcon: closeIcon,
-        closeIconAppearance: closeIconAppearance,
-        closeIconSrc: closeIconSrc,
-        isLoading: isLoading,
-        onClickButton: onClickButton,
-        onClose: onClose,
-    };
-}
-export { NotificationsProvider, useNotifications, useNotificationsAPI };
+import 'react/jsx-runtime';
+import 'react';
+import 'uuid';
+import '@itcase/common';
+export { N as NotificationsProvider, j as useNotifications, k as useNotificationsAPI } from '../primitives_es_C7NgMhaK.js';
+import 'clsx';
+import 'lodash/camelCase';
+import 'lodash/castArray';
+import 'lodash/upperFirst';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'react-inlinesvg';

package/dist/context/UIContext.js

@@ -1,70 +1,12 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, memo, useContext, useEffect, useMemo, } from 'react';
-import camelCase from 'lodash/camelCase';
-import { useMediaQueries } from '../hooks/useMediaQueries';
-import { setViewportProperty } from '../utils';
-const UserDeviceContext = createContext({
-    isMobile: false,
-    isTablet: false,
-    isDesktop: false,
-    deviceCurrentMainType: '',
-    deviceCurrentType: '',
-    deviceTypesList: [],
-});
-const UIProvider = memo(function UIProvider(props) {
-    const { userDeviceState = {}, children } = props;
-    /** NOTE:
-     * Remember that the "useMediaQueries" hook works by next scenario:
-     * when changing the device type(browser width), the hook will first "enable"
-     * the new type(set true), and then "disable" the previous one(set false),
-     * what provoke to double rendering, and in moment we have two different types as "true".
-     * We will need to look at how to change this behavior.
-     */
-    const allDevicesTypes = useMediaQueries(userDeviceState);
-    const { isMobile, isTablet, isDesktop, ...fullNamedDeviceTypes } = allDevicesTypes;
-    const deviceCurrentMainType = (isMobile && 'mobile') ||
-        (isTablet && 'tablet') ||
-        (isDesktop && 'desktop') ||
-        '';
-    const [deviceCurrentType, deviceTypesList] = useMemo(() => {
-        const deviceTypesList = Object.keys(allDevicesTypes).map((key) => camelCase(key.replace('is', '')));
-        // In same time "allDevicesTypes" can contain "isMobile" and "isMobileLarge" as true
-        let deviceCurrentType = Object.keys(fullNamedDeviceTypes).find(
-        // If "fullNamedDeviceTypes.isMobileLarge: true" - that our device
-        (key) => fullNamedDeviceTypes[key]);
-        // Or set main type (e.g. "isMobile")
-        if (!deviceCurrentType) {
-            deviceCurrentType = deviceCurrentMainType;
-        }
-        deviceCurrentType = camelCase(deviceCurrentType.replace('is', ''));
-        // On server side render we doesn't known user device and we need to set special word
-        return [deviceCurrentType || '_none_', deviceTypesList];
-    }, [allDevicesTypes, deviceCurrentMainType, fullNamedDeviceTypes]);
-    const deviceContextState = useMemo(() => {
-        return {
-            ...allDevicesTypes,
-            deviceCurrentMainType: deviceCurrentMainType,
-            deviceCurrentType: deviceCurrentType,
-            deviceTypesList: deviceTypesList,
-        };
-    }, [
-        allDevicesTypes,
-        deviceCurrentMainType,
-        deviceCurrentType,
-        deviceTypesList,
-    ]);
-    useEffect(() => {
-        setViewportProperty();
-        window.addEventListener('resize', setViewportProperty);
-    }, []);
-    return (_jsx(UserDeviceContext.Provider, { value: deviceContextState, children: children }));
-});
-function useUserDeviceContext() {
-    const context = useContext(UserDeviceContext);
-    if (!context) {
-        throw new Error('useUserDeviceContext is not defined');
-    }
-    return context;
-}
-export { UIProvider, useUserDeviceContext };
+import 'react/jsx-runtime';
+import 'react';
+import 'lodash/camelCase';
+export { U as UIProvider, e as useUserDeviceContext } from '../primitives_es_C7NgMhaK.js';
+import 'clsx';
+import 'lodash/castArray';
+import 'lodash/upperFirst';
+import 'uuid';
+import '@itcase/common';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'react-inlinesvg';

package/dist/context/UrlAssetPrefix.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useMemo } from 'react';
-const UrlAssetPrefixContext = createContext({
-    assetPrefix: undefined,
-    ignorePathsList: undefined,
-});
-function UrlAssetPrefixProvider(props) {
-    const { assetPrefix, ignorePathsList, children } = props;
-    const value = useMemo(() => ({ assetPrefix, ignorePathsList }), [assetPrefix, ignorePathsList]);
-    return (_jsx(UrlAssetPrefixContext.Provider, { value: value, children: children }));
-}
-export { UrlAssetPrefixContext, UrlAssetPrefixProvider };
+import 'react/jsx-runtime';
+import 'react';
+export { C as UrlAssetPrefixContext, E as UrlAssetPrefixProvider } from '../primitives_es_C7NgMhaK.js';
+import 'clsx';
+import 'lodash/camelCase';
+import 'lodash/castArray';
+import 'lodash/upperFirst';
+import 'uuid';
+import '@itcase/common';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'react-inlinesvg';

package/dist/hoc/urlWithAssetPrefix.js

@@ -1,74 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useContext } from 'react';
-import { formatURL } from '@itcase/common';
-import { UrlAssetPrefixContext } from '../context/UrlAssetPrefix';
-const urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
-/**
- * HOC, который добавляет assetPrefix к URL-пропсам.
- *
- * @template P - Тип пропсов оборачиваемого компонента.
- * @template T - Тип ref (если используется forwardRef).
- * @template Check - Проверка на наличие хотя бы одного URL-пропа.
- *
- * @param WrappedComponent - Компонент, который оборачиваем.
- * @param _error - Проверка: если ни одного URL-пропа нет, будет ошибка компиляции.
- *
- * @example
- * const A = (props: { src?: string }) => <div />;
- * urlWithAssetPrefix(A); // ✅ OK
- *
- * const B = (props: { id: string }) => <div />;
- * urlWithAssetPrefix(B); // ❌ TS ошибка (нет url-пропов)
- */
-const urlWithAssetPrefix = (WrappedComponent, ..._error) => {
-    const HOC = React.forwardRef(function HOC(props, ref) {
-        const { assetPrefix, ignorePathsList } = useContext(UrlAssetPrefixContext);
-        const overrideProps = urlPropsList.reduce((resultProps, propKey) => {
-            let url = props[propKey];
-            if (url && typeof url === 'string') {
-                if (assetPrefix) {
-                    const isNeedAssetPrefix = checkIsNeedAssetPrefix(url, assetPrefix, ignorePathsList);
-                    if (isNeedAssetPrefix) {
-                        const prefixPath = formatURL(assetPrefix).slice(0, -1);
-                        url = `${prefixPath}${url}`;
-                    }
-                }
-                resultProps[propKey] = url;
-            }
-            return resultProps;
-        }, {});
-        return _jsx(WrappedComponent, { ...props, ...overrideProps, ref: ref });
-    });
-    return HOC;
-};
-const checkIsNeedAssetPrefix = (url, assetPrefix, ignorePathsList = []) => {
-    // Ignore prefix if:
-    const isPrefixIgnore = 
-    // Url is absolute
-    url.startsWith('http:') ||
-        url.startsWith('https:') ||
-        // Url is data string
-        url.startsWith('data:') ||
-        // Url already have prefix
-        url.startsWith(assetPrefix);
-    if (isPrefixIgnore) {
-        return false;
-    }
-    // And check special paths for ignore prefix
-    for (const urlPath of ignorePathsList) {
-        if (urlPath instanceof RegExp) {
-            if (urlPath.test(url)) {
-                return false;
-            }
-        }
-        else {
-            if (formatURL(url).startsWith(formatURL(urlPath))) {
-                return false;
-            }
-        }
-    }
-    // Need to add prefix to url
-    return true;
-};
-export { urlWithAssetPrefix };
+import 'react/jsx-runtime';
+import 'react';
+import '@itcase/common';
+export { c as urlWithAssetPrefix } from '../primitives_es_C7NgMhaK.js';
+import 'clsx';
+import 'lodash/camelCase';
+import 'lodash/castArray';
+import 'lodash/upperFirst';
+import 'uuid';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'react-inlinesvg';

package/dist/hooks/useActiveClasses/useActiveClasses.helpers.js

@@ -85,4 +85,5 @@ const formatState = (key) => {
 const toKebabCase = (str) => {
     return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 };
+
 export { CLASS_RULES, formatState, toKebabCase };

package/dist/hooks/useActiveClasses/useActiveClasses.interface.js

@@ -59,4 +59,5 @@ const suffix = [
     'Video',
     'Warning',
 ];
+
 export { suffix };

package/dist/hooks/useActiveClasses/useActiveClasses.js

@@ -1,5 +1,6 @@
 import clsx from 'clsx';
-import { CLASS_RULES, formatState, toKebabCase, } from './useActiveClasses.helpers';
+import { CLASS_RULES, toKebabCase, formatState } from './useActiveClasses.helpers.js';
+
 const useActiveClasses = (params) => {
     const { propsGenerator, suffixes = [], isActive, isDisabled } = params;
     const rootClassesArray = [];
@@ -53,4 +54,5 @@ const useActiveClasses = (params) => {
         suffixClasses,
     };
 };
+
 export { useActiveClasses };

package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -1,25 +1,12 @@
-import { useMemo } from 'react';
-const useAppearanceConfig = (appearance, componentConfig, isDisabled) => {
-    const appearanceConfig = useMemo(() => {
-        if (appearance) {
-            const appearanceProps = appearance.split(' ').reduce((resultConfig, appearanceKey) => ({
-                ...resultConfig,
-                ...componentConfig.appearance?.[appearanceKey],
-            }), {});
-            if (isDisabled &&
-                (componentConfig?.appearance?.disabled ||
-                    componentConfig?.appearance?.disabledPrimary)) {
-                Object.assign(appearanceProps, componentConfig?.appearance?.disabled ||
-                    componentConfig?.appearance?.disabledPrimary);
-            }
-            return appearanceProps;
-        }
-        if (isDisabled) {
-            return (componentConfig?.appearance?.disabled ||
-                componentConfig?.appearance?.disabledPrimary);
-        }
-        return {};
-    }, [appearance, componentConfig?.appearance, isDisabled]);
-    return appearanceConfig;
-};
-export { useAppearanceConfig };
+import 'react';
+export { d as useAppearanceConfig } from '../../primitives_es_C7NgMhaK.js';
+import 'react/jsx-runtime';
+import 'clsx';
+import 'lodash/camelCase';
+import 'lodash/castArray';
+import 'lodash/upperFirst';
+import 'uuid';
+import '@itcase/common';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'react-inlinesvg';

package/dist/hooks/useAppearanceConfig.js

@@ -1,4 +1,4 @@
-export { d as useAppearanceConfig } from '../primitives_es_dSATude_.js';
+export { d as useAppearanceConfig } from '../primitives_es_C7NgMhaK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.js

@@ -1 +1 @@
-export {};
+