@itcase/ui 1.9.58 → 1.9.59

package/dist/cjs/hooks/useStyles/useStyles.js

@@ -1,204 +1,18 @@
 'use strict';
 
-var React = require('react');
-var camelCase = require('lodash/camelCase');
-var maxBy = require('lodash/maxBy');
-var upperFirst = require('lodash/upperFirst');
-require('../../context/Notifications.js');
-var UIContext = require('../../context/UIContext.js');
-var index_helpers = require('../../hooks.js');
-var styleAttributes = require('./styleAttributes.js');
+require('react');
+require('lodash/camelCase');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+var primitives = require('../../../primitives_cjs_DX--6Yn5.js');
 require('react/jsx-runtime');
+require('clsx');
+require('lodash/castArray');
 require('uuid');
 require('@itcase/common');
-require('../useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../../utils/setViewportProperty.js');
+require('react-inlinesvg');
 
-/*
- * rule of prop key:
- *
- * first is style     second is div target  third is device
- * paddingHorizontal  GridInnerWrapper      MobileNormal
- *
- * paddingHorizontalGridInnerWrapperMobileNormal: "10px"
- */
-function useStyles(props) {
-    const { deviceCurrentMainType, deviceCurrentType, deviceTypesList } = UIContext.useUserDeviceContext();
-    const propsStyleAttributes = React.useMemo(() => {
-        const styles = Object.entries(props).reduce((result, [propKey, propValue]) => {
-            const styleAttributeKey = getTargetStyleAttributeKey(propKey, propValue);
-            if (styleAttributeKey) {
-                result[propKey] = propValue;
-            }
-            return result;
-        }, {});
-        return styles;
-        // "props" object maybe big and frequently changing
-    }, [props]);
-    const collectedStyles = React.useMemo(() => {
-        const resultStylesGroups = {};
-        for (const [propKey, propValue] of Object.entries(propsStyleAttributes)) {
-            let value = null;
-            const styleAttributeKey = getTargetStyleAttributeKey(propKey, propValue);
-            const isStyleForCurrentDevice = propKey
-                .toLowerCase()
-                .endsWith(deviceCurrentType.toLowerCase());
-            // e.g. "GridWrapperInner"
-            const targetElementKey = removeDeviceType(propKey.replace(styleAttributeKey, ''), deviceTypesList);
-            const targetElementGroupKey = camelCase(targetElementKey) || 'styles';
-            if (!resultStylesGroups[targetElementGroupKey]) {
-                resultStylesGroups[targetElementGroupKey] = {};
-            }
-            if (isStyleForCurrentDevice) {
-                value = propValue;
-            }
-            else {
-                const propKeyWithOutDeviceType = `${styleAttributeKey}${targetElementKey}`;
-                const propKeyWithBaseDeviceType = `${propKeyWithOutDeviceType}${upperFirst(deviceCurrentMainType)}`;
-                const defaultValue = props[propKeyWithBaseDeviceType] || props[propKeyWithOutDeviceType];
-                let currentValue = resultStylesGroups[targetElementGroupKey][styleAttributeKey];
-                if (propKeyWithOutDeviceType.includes('Horizontal')) {
-                    const keyLeft = styleAttributeKey.replace('Horizontal', 'Left');
-                    currentValue =
-                        resultStylesGroups[targetElementGroupKey][keyLeft];
-                }
-                else if (propKeyWithOutDeviceType.includes('Vertical')) {
-                    const keyTop = styleAttributeKey.replace('Vertical', 'Top');
-                    currentValue =
-                        resultStylesGroups[targetElementGroupKey][keyTop];
-                }
-                if (!currentValue) {
-                    value = defaultValue;
-                }
-            }
-            if (value) {
-                // Check not digit symbols. Chars means some unit ("px", "em", "rem" or custom "m")
-                const isValueHasUnit = /\D/.test(value);
-                // If value has some unit
-                if (isValueHasUnit) {
-                    // Check value on our custom "m"(module) unit
-                    /** Pattern for:
-                     * 1m
-                     * 1.5m
-                     * 1m 1m 1.5m
-                     * 0 0 1m 1m
-                     */
-                    const isValueHasModuleUnit = /\d+\.?\d*m\s?(?![a-zA-Z]+)/.test(value);
-                    // If value has module unit
-                    if (isValueHasModuleUnit) {
-                        /** Order for shorthand properties:
-                         *   top
-                         *   right
-                         *   bottom
-                         *   left
-                         * or:
-                         *   top
-                         *   right and left
-                         *   bottom
-                         * or:
-                         *   top and bottom
-                         *   right and left
-                         */
-                        const valuePxPartsList = value
-                            .split(' ')
-                            .map((valuePart) => {
-                            const valueModule = valuePart.replace(/[a-z]/gi, '');
-                            const valuePx = parseFloat(valueModule) * 8;
-                            return `${valuePx}px`;
-                        }, []);
-                        value = valuePxPartsList.join(' ');
-                    }
-                }
-                else {
-                    // Some properties doesn't have any units
-                    const ignorePX = ['zIndex', 'order', 'flexGrow'].includes(styleAttributeKey);
-                    if (!ignorePX) {
-                        // Add px to non-unit value
-                        value = `${value}px`;
-                    }
-                }
-                if (styleAttributeKey.includes('Horizontal')) {
-                    const keyRight = styleAttributeKey.replace('Horizontal', 'Right');
-                    const keyLeft = styleAttributeKey.replace('Horizontal', 'Left');
-                    const valuePartsList = value.split(' ');
-                    const valueRight = valuePartsList[0];
-                    const valueLeft = valuePartsList[1] || valuePartsList[0];
-                    resultStylesGroups[targetElementGroupKey][keyRight] = valueRight;
-                    resultStylesGroups[targetElementGroupKey][keyLeft] = valueLeft;
-                }
-                else if (styleAttributeKey.includes('Vertical')) {
-                    const keyTop = styleAttributeKey.replace('Vertical', 'Top');
-                    const keyBottom = styleAttributeKey.replace('Vertical', 'Bottom');
-                    const valuePartsList = value.split(' ');
-                    const valueTop = valuePartsList[0];
-                    const valueBottom = valuePartsList[1] || valuePartsList[0];
-                    resultStylesGroups[targetElementGroupKey][keyTop] = valueTop;
-                    resultStylesGroups[targetElementGroupKey][keyBottom] = valueBottom;
-                }
-                else {
-                    resultStylesGroups[targetElementGroupKey][styleAttributeKey] = value;
-                }
-            }
-        }
-        return resultStylesGroups;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        deviceCurrentMainType,
-        deviceCurrentType,
-        ...Object.values(propsStyleAttributes),
-    ]);
-    return collectedStyles;
-}
-const removeDeviceType = (originalKey, deviceTypesList) => {
-    // Remove "mobile"/"tablet"/"desktop"
-    const withOutDeviceType = deviceTypesList.reduce((cleanKey, deviceType) => {
-        if (cleanKey.endsWith(upperFirst(deviceType))) {
-            return cleanKey.replace(upperFirst(deviceType), '');
-        }
-        return cleanKey;
-    }, originalKey);
-    return withOutDeviceType;
-};
-const getTargetStyleAttributeKey = (styleKey, styleValue = '') => {
-    // Collect list of possible styles for propKey. e.g:
-    // "borderLeftWidthWrapperInnerMobileNormal" to ["border", "borderLeftWidth"]
-    const possibleStyleAttributesList = styleAttributes.default.filter((styleAttribute) => {
-        // Attribute can be array with key on first position and params on second
-        if (Array.isArray(styleAttribute)) {
-            // First item always attribute key (e.g. border, width, etc)
-            const styleAttributeKey = styleAttribute[0];
-            // Second item always params with some settings or methods
-            const styleAttributeParams = styleAttribute[1] || {};
-            // If is target attribute key
-            if (styleKey.startsWith(styleAttributeKey)) {
-                // If target attribute params has validate method
-                if (styleAttributeParams.validate) {
-                    // Return validation result for target attribute
-                    return styleAttributeParams.validate(styleValue);
-                }
-                else {
-                    // Or always add to list
-                    return true;
-                }
-            }
-            else {
-                // Else ignore
-                return false;
-            }
-        }
-        else {
-            // If is target attribute
-            return styleKey.startsWith(String(styleAttribute));
-        }
-    });
-    // Get longest style key (e.g. "borderLeftWidth")
-    const targetStyleAttribute = maxBy(possibleStyleAttributesList, (styleAttribute) => {
-        const key = index_helpers.getStyleAttributeKey(styleAttribute);
-        return key.length;
-    });
-    const styleAttributeKey = index_helpers.getStyleAttributeKey(targetStyleAttribute);
-    return styleAttributeKey;
-};
 
-exports.useStyles = useStyles;
+
+exports.useStyles = primitives.useStyles;

package/dist/cjs/hooks/useStyles.js

@@ -1,21 +1,18 @@
 'use strict';
 
-var useStyles = require('./useStyles/useStyles.js');
+var primitives = require('../../primitives_cjs_DX--6Yn5.js');
+require('react/jsx-runtime');
 require('react');
+require('clsx');
 require('lodash/camelCase');
-require('lodash/maxBy');
+require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
-require('react/jsx-runtime');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('./useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('./useStyles/styleAttributes.js');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
 
 
-exports.useStyles = useStyles.useStyles;
+exports.useStyles = primitives.useStyles;

package/dist/cjs/hooks.js

@@ -1,9 +1,18 @@
 'use strict';
 
-const getStyleAttributeKey = (targetStyleAttribute) => {
-    return Array.isArray(targetStyleAttribute)
-        ? targetStyleAttribute[0]
-        : targetStyleAttribute;
-};
+var primitives = require('../primitives_cjs_DX--6Yn5.js');
+require('react/jsx-runtime');
+require('react');
+require('clsx');
+require('lodash/camelCase');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('uuid');
+require('@itcase/common');
+require('react-responsive');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
-exports.getStyleAttributeKey = getStyleAttributeKey;
+
+
+exports.getStyleAttributeKey = primitives.getStyleAttributeKey;

package/dist/cjs/utils/mergeAppearanceKeys.js

@@ -1,18 +1,18 @@
 'use strict';
 
-/**
- * @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(' ');
-};
+var primitives = require('../../primitives_cjs_DX--6Yn5.js');
+require('react/jsx-runtime');
+require('react');
+require('clsx');
+require('lodash/camelCase');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('uuid');
+require('@itcase/common');
+require('react-responsive');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
-exports.mergeAppearanceKeys = mergeAppearanceKeys;
+
+
+exports.mergeAppearanceKeys = primitives.mergeAppearanceKeys;

package/dist/cjs/utils/setViewportProperty.js

@@ -1,8 +1,18 @@
 'use strict';
 
-const setViewportProperty = () => {
-    const vh = window.innerHeight * 0.01;
-    document.documentElement.style.setProperty('--vh', `${vh}px`);
-};
+var primitives = require('../../primitives_cjs_DX--6Yn5.js');
+require('react/jsx-runtime');
+require('react');
+require('clsx');
+require('lodash/camelCase');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('uuid');
+require('@itcase/common');
+require('react-responsive');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
-exports.setViewportProperty = setViewportProperty;
+
+
+exports.setViewportProperty = primitives.setViewportProperty;

package/dist/cjs/utils.js

@@ -1,9 +1,19 @@
 'use strict';
 
-var mergeAppearanceKeys = require('./utils/mergeAppearanceKeys.js');
-var setViewportProperty = require('./utils/setViewportProperty.js');
+var primitives = require('../primitives_cjs_DX--6Yn5.js');
+require('react/jsx-runtime');
+require('react');
+require('clsx');
+require('lodash/camelCase');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('uuid');
+require('@itcase/common');
+require('react-responsive');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
 
 
-exports.mergeAppearanceKeys = mergeAppearanceKeys.mergeAppearanceKeys;
-exports.setViewportProperty = setViewportProperty.setViewportProperty;
+exports.mergeAppearanceKeys = primitives.mergeAppearanceKeys;
+exports.setViewportProperty = primitives.setViewportProperty;

package/dist/components/Accordion.js

@@ -2,30 +2,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useCallback, useState, useMemo } from 'react';
 import clsx from 'clsx';
 import castArray from 'lodash/castArray';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
-import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { B as Badge, I as Icon } from '../Icon_es_kewxGRUB.js';
-import { D as Divider } from '../Divider_es_D2snK_vn.js';
-import { T as Text } from '../Text_es_DVNvU0m0.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon, D as Divider } from '../primitives_es_BNlMaZfZ.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
-import '../Link_es_BDAmhIzd.js';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
 
 const accordionAppearanceSize = {
     sizeXXL: {

package/dist/components/Avatar.js

@@ -1,28 +1,14 @@
-export { A as Avatar, a as avatarAppearance, b as avatarConfig } from '../Avatar_es_CtP68jPM.js';
+export { A as Avatar, a as avatarAppearance, b as avatarConfig } from '../Avatar_es_Dn6PILdH.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import '../primitives_es_BNlMaZfZ.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_kewxGRUB.js';
-import 'react-inlinesvg';
-import '../Link_es_BDAmhIzd.js';
-import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Text_es_DVNvU0m0.js';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
-import '../utils/mergeAppearanceKeys.js';
-import '../Image_es_DpOCNWpn.js';
+import 'react-inlinesvg';
+import '../Image_es_5EyRL35j.js';

package/dist/components/AvatarStack.js

@@ -1,32 +1,18 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
-import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { A as Avatar } from '../Avatar_es_CtP68jPM.js';
-import { G as Group } from '../Group_es_CP-uIchb.js';
-import { T as Text } from '../Text_es_DVNvU0m0.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, m as mergeAppearanceKeys, b as Text } from '../primitives_es_BNlMaZfZ.js';
+import { A as Avatar } from '../Avatar_es_Dn6PILdH.js';
+import { G as Group } from '../Group_es_BgJhtaOv.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
-import '../Icon_es_kewxGRUB.js';
 import 'react-inlinesvg';
-import '../Link_es_BDAmhIzd.js';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
-import '../Image_es_DpOCNWpn.js';
+import '../Image_es_5EyRL35j.js';
 
 const avatarStackAppearanceSize = {
     size16: {

package/dist/components/Badge.js

@@ -1,26 +1,12 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_kewxGRUB.js';
+export { B as Badge, q as badgeAppearance, r as badgeConfig } from '../primitives_es_BNlMaZfZ.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import 'react-inlinesvg';
-import '../Link_es_BDAmhIzd.js';
-import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
-import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Text_es_DVNvU0m0.js';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
-import '../utils/mergeAppearanceKeys.js';
+import 'react-inlinesvg';

package/dist/components/Breadcrumbs.js

@@ -1,30 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { I as Icon } from '../Icon_es_kewxGRUB.js';
-import { a as LinkWrapper } from '../Link_es_BDAmhIzd.js';
-import { T as Text } from '../Text_es_DVNvU0m0.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, L as LinkWrapper, b as Text, I as Icon } from '../primitives_es_BNlMaZfZ.js';
 import { icons12, icons14, icons16, icons20, icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
-import '../utils/mergeAppearanceKeys.js';
 
 const breadcrumbsAppearanceAccent = {
     accentPrimary: {

package/dist/components/Button.js

@@ -1,29 +1,15 @@
-export { B as Button, b as buttonAppearance, a as buttonConfig } from '../Button_es_DAzeb-vJ.js';
+export { B as Button, b as buttonAppearance, a as buttonConfig } from '../Button_es_C9pw5qr_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../Icon_es_kewxGRUB.js';
-import 'react-inlinesvg';
-import '../Link_es_BDAmhIzd.js';
-import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+import '../primitives_es_BNlMaZfZ.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
-import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Text_es_DVNvU0m0.js';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
-import '../utils/mergeAppearanceKeys.js';
-import '../Loader_es_CqlLujBJ.js';
+import 'react-inlinesvg';
+import '../Loader_es_DzjoV2MF.js';
 import '../hooks/useHoldProgress.js';

package/dist/components/Cell.js

@@ -1,30 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
-import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_kewxGRUB.js';
-import { L as Label } from '../Label_es_CNRTIAWo.js';
-import { T as Text } from '../Text_es_DVNvU0m0.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, b as Text, I as Icon, m as mergeAppearanceKeys } from '../primitives_es_BNlMaZfZ.js';
+import { L as Label } from '../Label_es_SG60qCRL.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
-import '../Link_es_BDAmhIzd.js';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
 
 const cellAppearanceSize = {
     sizeXL: {

package/dist/components/Checkbox.js

@@ -1,23 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { T as Text } from '../Text_es_DVNvU0m0.js';
-import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import '../hooks/useStyles/useStyles.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_BNlMaZfZ.js';
 import 'react';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
+import 'lodash/castArray';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
-import 'lodash/castArray';
+import 'lodash/maxBy';
+import 'react-inlinesvg';
 
 const checkboxAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Checkmark.js

@@ -1,30 +1,16 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_kewxGRUB.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon } from '../primitives_es_BNlMaZfZ.js';
 import { icons14, icons20, icons24, icons32, icons40 } from '@itcase/icons/default';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-import '../context/Notifications.js';
 import 'uuid';
 import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../hooks.js';
-import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
-import '../Link_es_BDAmhIzd.js';
-import '../Text_es_DVNvU0m0.js';
-import '../hoc/urlWithAssetPrefix.js';
-import '../context/UrlAssetPrefix.js';
-import '../utils/mergeAppearanceKeys.js';
 
 const checkmarkAppearanceAccent = {
     accentPrimary: {