@itcase/ui 1.8.108 → 1.8.109

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

@@ -0,0 +1,120 @@
+'use strict';
+
+var CLASS_RULES = {
+    fill: [
+        {
+            key: 'fillClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return !isActive && !isDisabled;
+            },
+        },
+        {
+            key: 'fillHoverClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return !isActive && !isDisabled;
+            },
+        },
+        {
+            key: 'fillActiveClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return Boolean(isActive) && !isDisabled;
+            },
+        },
+        {
+            key: 'fillActiveHoverClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return Boolean(isActive) && !isDisabled;
+            },
+        },
+        {
+            key: 'fillDisabledClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return !isActive && Boolean(isDisabled);
+            },
+        },
+    ],
+    borderColor: [
+        {
+            key: 'borderColorClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return !isActive && !isDisabled;
+            },
+        },
+        {
+            key: 'borderColorHoverClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return !isActive && !isDisabled;
+            },
+        },
+        {
+            key: 'borderColorActiveClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return Boolean(isActive) && !isDisabled;
+            },
+        },
+    ],
+    textColor: [
+        {
+            key: 'textColorClass',
+            stateFn: function (_a) {
+                var isDisabled = _a.isDisabled, isActive = _a.isActive;
+                return !isActive && !isDisabled;
+            },
+        },
+    ],
+};
+var formatState = function (key) {
+    // Try to find one of the state tokens in the input key:
+    // - matches "ActiveHover", "Active", "Hover" or "Disabled"
+    // - case-insensitive because of the /i flag
+    // Examples of matches:
+    //  "fillActiveHoverColor"  -> match[0] === "ActiveHover"
+    //  "borderDisabled"        -> match[0] === "Disabled"
+    var stateMatch = key.match(/(ActiveHover|Active|Hover|Disabled)/i);
+    if (!stateMatch) {
+        return '';
+    }
+    // Replace the matched token with a normalized snake-like form and
+    // prepend an underscore. The chained replace calls map:
+    //  ActiveHover -> active_hover
+    //  Active      -> active
+    //  Hover       -> hover
+    //  Disabled    -> disabled
+    // The final .toLowerCase() ensures output is lowercased regardless of input casing.
+    // Examples:
+    //  "fillActiveHoverColor"  -> "_active_hover"
+    //  "borderDisabled"        -> "disabled"
+    return ('_' +
+        stateMatch[0]
+            .replace(/ActiveHover/i, 'active_hover')
+            .replace(/Active/i, 'active')
+            .replace(/Hover/i, 'hover')
+            .replace(/Disabled/i, 'disabled')
+            .toLowerCase());
+};
+// Insert a hyphen between a lowercase letter followed by an uppercase letter:
+// - regex: /([a-z])([A-Z])/g
+//   ([a-z])  -> capture group 1: a lowercase letter
+//   ([A-Z])  -> capture group 2: an uppercase letter
+//   g        -> global: replace all occurrences
+// - replacement: '$1-$2' puts a hyphen between the two captured groups
+// - finally .toLowerCase() to produce a full kebab-case string
+//
+// Examples:
+//  "myTestString"           -> "my-test-string"
+//  "borderColorActiveHover" -> "border-color-active-hover"
+var toKebabCase = function (str) {
+    return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+};
+
+exports.CLASS_RULES = CLASS_RULES;
+exports.formatState = formatState;
+exports.toKebabCase = toKebabCase;

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

@@ -0,0 +1,65 @@
+'use strict';
+
+var suffix = [
+    'Button',
+    'Checkbox',
+    'Radio',
+    'Checkmark',
+    'Avatar',
+    'AvatarStack',
+    'Badge',
+    'Breadcrumbs',
+    'Cell',
+    'Chips',
+    'Choice',
+    'Code',
+    'CookiesWarning',
+    'Dadata',
+    'DatePeriod',
+    'Divider',
+    'Dot',
+    'Drawer',
+    'Dropdown',
+    'DropdownItem',
+    'Flex',
+    'Grid',
+    'Group',
+    'HeroTitle',
+    'HTMLContent',
+    'Icon',
+    'Image',
+    'Input',
+    'InputPassword',
+    'Label',
+    'Link',
+    'List',
+    'Loader',
+    'Logo',
+    'MenuItem',
+    'Modal',
+    'ModalSheetBottom',
+    'Notification',
+    'Overlay',
+    'Pagination',
+    'RangeSlider',
+    'Response',
+    'ScrollBar',
+    'ScrollOnDrag',
+    'ScrollToView',
+    'Search',
+    'Segmented',
+    'Select',
+    'SvgContent',
+    'Swiper',
+    'Switch',
+    'Tab',
+    'Text',
+    'Textarea',
+    'Tile',
+    'Title',
+    'Tooltip',
+    'Video',
+    'Warning',
+];
+
+exports.suffix = suffix;

package/dist/cjs/hooks/useActiveClasses/useActiveClasses.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var clsx = require('clsx');
+var useActiveClasses_helpers = require('./useActiveClasses.helpers.js');
+
+var useActiveClasses = function (params) {
+    var isDisabled = params.isDisabled, propsGenerator = params.propsGenerator, _a = params.suffixes, suffixes = _a === void 0 ? [] : _a, isActive = params.isActive;
+    var rootClassesArray = [];
+    Object.entries(useActiveClasses_helpers.CLASS_RULES).forEach(function (_a) {
+        var rulesName = _a[0], rules = _a[1];
+        var kebabRuleName = useActiveClasses_helpers.toKebabCase(rulesName);
+        rules.forEach(function (_a) {
+            var key = _a.key, stateFn = _a.stateFn;
+            var value = propsGenerator[key];
+            if (!value) {
+                return;
+            }
+            if (stateFn) {
+                var active = stateFn({ isDisabled: isDisabled, isActive: isActive });
+                if (!active) {
+                    return;
+                }
+            }
+            var stateName = useActiveClasses_helpers.formatState(key);
+            rootClassesArray.push("".concat(kebabRuleName).concat(stateName, "_").concat(value));
+        });
+    });
+    var rootClasses = clsx(rootClassesArray);
+    var suffixClasses = suffixes.reduce(function (acc, suffix) {
+        var classes = [];
+        Object.entries(useActiveClasses_helpers.CLASS_RULES).forEach(function (_a) {
+            var rulesName = _a[0], rules = _a[1];
+            rules.forEach(function (_a) {
+                var key = _a.key, stateFn = _a.stateFn;
+                var withoutPrefixRulesName = key.replace(rulesName, '');
+                var propKey = rulesName + suffix + withoutPrefixRulesName;
+                var value = propsGenerator[propKey];
+                if (!value) {
+                    return;
+                }
+                if (stateFn) {
+                    var active = stateFn({ isDisabled: isDisabled, isActive: isActive });
+                    if (!active) {
+                        return;
+                    }
+                }
+                var state = useActiveClasses_helpers.formatState(propKey);
+                var kebabName = useActiveClasses_helpers.toKebabCase(rulesName);
+                classes.push("".concat(kebabName).concat(state, "_").concat(value));
+            });
+        });
+        var suffixKey = suffix === 'HTMLContent'
+            ? 'htmlContent'
+            : (suffix[0].toLowerCase() + suffix.slice(1));
+        acc[suffixKey] = clsx(classes);
+        return acc;
+    }, {});
+    return {
+        rootClasses: rootClasses,
+        suffixClasses: suffixClasses,
+    };
+};
+
+exports.useActiveClasses = useActiveClasses;

package/dist/cjs/hooks/useActiveClasses.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var useActiveClasses = require('./useActiveClasses/useActiveClasses.js');
+require('clsx');
+require('./useActiveClasses/useActiveClasses.helpers.js');
+
+
+
+exports.useActiveClasses = useActiveClasses.useActiveClasses;

package/dist/cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -7,6 +7,8 @@ var castArray = require('lodash/castArray');
 var upperFirst = require('lodash/upperFirst');
 require('../../context/Notifications.js');
 var UIContext = require('../../context/UIContext.js');
+var index_helpers = require('../../hooks.js');
+var styleAttributes = require('../useStyles/styleAttributes.js');
 require('react/jsx-runtime');
 require('uuid');
 require('@itcase/common');
@@ -72,8 +74,16 @@ function useDevicePropsGenerator(componentProps, appearanceConfig) {
             // eslint-disable-next-line perfectionist/sort-objects
             getClassName: function (propKey, params) {
                 var _a = params || {}, _b = _a.prefix, prefix = _b === void 0 ? '' : _b, _c = _a.replace, replace = _c === void 0 ? [/([A-Z])/g, '-$1'] : _c;
-                // prettier-ignore
                 var targetClassValue = this.getProp(String(propKey));
+                var styleAttributeKeys = styleAttributes.default.map(function (attr) {
+                    return index_helpers.getStyleAttributeKey(attr);
+                });
+                if (styleAttributeKeys.includes(String(propKey)) &&
+                    (typeof targetClassValue === 'number' ||
+                        (typeof targetClassValue === 'string' &&
+                            !isNaN(parseFloat(targetClassValue))))) {
+                    return '';
+                }
                 if (targetClassValue) {
                     var cleanClassValue = String(targetClassValue);
                     if (!cleanClassValue.includes('.')) {

package/dist/cjs/hooks/useDevicePropsGenerator.js

@@ -14,6 +14,8 @@ require('../context/UIContext.js');
 require('./useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
+require('../hooks.js');
+require('./useStyles/styleAttributes.js');
 
 
 

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

@@ -6,6 +6,7 @@ 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('../../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
@@ -139,6 +140,7 @@ function useStyles(props) {
     return resultStylesGroups;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [deviceCurrentMainType, deviceCurrentType, ...Object.values(propsStyleAttributes)]);
+  console.error('collectedStyles', collectedStyles);
   return collectedStyles;
 }
 const removeDeviceType = (originalKey, deviceTypesList) => {
@@ -183,10 +185,10 @@ const getTargetStyleAttributeKey = (styleKey, styleValue = '') => {
 
   // Get longest style key (e.g. "borderLeftWidth")
   const targetStyleAttribute = maxBy(possibleStyleAttributesList, styleAttribute => {
-    const styleAttributeKey = Array.isArray(styleAttribute) ? styleAttribute[0] : styleAttribute;
-    return styleAttributeKey.length;
+    const key = index_helpers.getStyleAttributeKey(styleAttribute);
+    return key.length;
   });
-  const styleAttributeKey = Array.isArray(targetStyleAttribute) ? targetStyleAttribute[0] : targetStyleAttribute;
+  const styleAttributeKey = index_helpers.getStyleAttributeKey(targetStyleAttribute);
   return styleAttributeKey;
 };
 

package/dist/cjs/hooks/useStyles.js

@@ -14,6 +14,7 @@ require('../context/UIContext.js');
 require('./useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
+require('../hooks.js');
 require('./useStyles/styleAttributes.js');
 
 

package/dist/cjs/hooks.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var getStyleAttributeKey = function (targetStyleAttribute) {
+    return Array.isArray(targetStyleAttribute)
+        ? targetStyleAttribute[0]
+        : targetStyleAttribute;
+};
+
+exports.getStyleAttributeKey = getStyleAttributeKey;

package/dist/components/Accordion.js

@@ -6,9 +6,9 @@ import castArray from 'lodash/castArray';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { B as Badge, I as Icon } from '../Icon_es_BYO1LdXJ.js';
+import { B as Badge, I as Icon } from '../Icon_es_C76te22j.js';
 import { D as Divider } from '../Divider_es_CCLBFIx6.js';
-import { T as Text } from '../Text_es_BXh9Y3hR.js';
+import { T as Text } from '../Text_es_CtCwsa3V.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/upperFirst';
@@ -19,8 +19,9 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
+import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_CEiiRkAd.js';
+export { A as Avatar, b as avatarAppearance, a as avatarConfig } from '../Avatar_es_C3HGSiHU.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -15,13 +15,14 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../Icon_es_BYO1LdXJ.js';
+import '../hooks.js';
+import '../hooks/useStyles/styleAttributes.js';
+import '../Icon_es_C76te22j.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_BXh9Y3hR.js';
+import '../Text_es_CtCwsa3V.js';
 import '../Image_es_BvYo_cHH.js';

package/dist/components/AvatarStack.js

@@ -3,9 +3,9 @@ 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 { A as Avatar } from '../Avatar_es_CEiiRkAd.js';
+import { A as Avatar } from '../Avatar_es_C3HGSiHU.js';
 import { G as Group } from '../Group_es_DIfmrMSM.js';
-import { T as Text } from '../Text_es_BXh9Y3hR.js';
+import { T as Text } from '../Text_es_CtCwsa3V.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
@@ -18,9 +18,10 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
+import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_BYO1LdXJ.js';
+import 'lodash/maxBy';
+import '../Icon_es_C76te22j.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_BYO1LdXJ.js';
+export { B as Badge, f as badgeAppearance, g as badgeConfig } from '../Icon_es_C76te22j.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -18,8 +18,9 @@ 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 '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_BXh9Y3hR.js';
+import '../Text_es_CtCwsa3V.js';

package/dist/components/Breadcrumbs.js

@@ -4,9 +4,9 @@ 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_BYO1LdXJ.js';
+import { I as Icon } from '../Icon_es_C76te22j.js';
 import { a as LinkWrapper } from '../Link_es_BnUIX0QT.js';
-import { T as Text } from '../Text_es_BXh9Y3hR.js';
+import { T as Text } from '../Text_es_CtCwsa3V.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons12, icons14, icons16, icons20, icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
@@ -19,8 +19,9 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
+import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Button.js

@@ -1,8 +1,8 @@
-export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_CEXL2diU.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button_es_D_IlkeBp.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../Icon_es_BYO1LdXJ.js';
+import '../Icon_es_C76te22j.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
@@ -19,9 +19,10 @@ 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 '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_BXh9Y3hR.js';
-import '../Loader_es_AhHU-s7_.js';
+import '../Text_es_CtCwsa3V.js';
+import '../Loader_es_C8ETXkiZ.js';

package/dist/components/Cell.js

@@ -3,9 +3,9 @@ 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_BYO1LdXJ.js';
-import { L as Label } from '../Label_es_Dl5zb0RD.js';
-import { T as Text } from '../Text_es_BXh9Y3hR.js';
+import { I as Icon } from '../Icon_es_C76te22j.js';
+import { L as Label } from '../Label_es_CoIII7Ty.js';
+import { T as Text } from '../Text_es_CtCwsa3V.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
@@ -18,8 +18,9 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
+import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Checkbox.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_BXh9Y3hR.js';
+import { T as Text } from '../Text_es_CtCwsa3V.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
@@ -15,9 +15,10 @@ 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 '../hooks/useStyles/styleAttributes.js';
 
 var checkboxAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Checkmark.js

@@ -15,8 +15,9 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
+import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import 'lodash/maxBy';
 
 var checkmarkAppearanceAccent = {
     accentPrimary: {

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_vMh6YMRm.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_BKG5mK5N.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -15,12 +15,13 @@ 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 '../hooks/useStyles/styleAttributes.js';
-import '../Icon_es_BYO1LdXJ.js';
+import '../Icon_es_C76te22j.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_BXh9Y3hR.js';
+import '../Text_es_CtCwsa3V.js';

package/dist/components/Choice.js

@@ -4,9 +4,9 @@ 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_BYO1LdXJ.js';
-import { L as Loader } from '../Loader_es_AhHU-s7_.js';
-import { T as Text } from '../Text_es_BXh9Y3hR.js';
+import { I as Icon } from '../Icon_es_C76te22j.js';
+import { L as Loader } from '../Loader_es_C8ETXkiZ.js';
+import { T as Text } from '../Text_es_CtCwsa3V.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -18,8 +18,9 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
+import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
+import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Code.js

@@ -15,6 +15,8 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
+import '../hooks.js';
+import '../hooks/useStyles/styleAttributes.js';
 
 var codeAppearanceDefault = {
     defaultPrimary: {

package/dist/components/CookiesWarning.js

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_CEXL2diU.js';
-import { T as Text } from '../Text_es_BXh9Y3hR.js';
+import { B as Button } from '../Button_es_D_IlkeBp.js';
+import { T as Text } from '../Text_es_CtCwsa3V.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -17,15 +17,16 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
-import '../Icon_es_BYO1LdXJ.js';
+import '../hooks.js';
+import '../hooks/useStyles/styleAttributes.js';
+import '../Icon_es_C76te22j.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Loader_es_AhHU-s7_.js';
+import '../Loader_es_C8ETXkiZ.js';
 
 var cookiesWarningAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Dadata.js

@@ -16,6 +16,8 @@ import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../utils/setViewportProperty.js';
+import '../hooks.js';
+import '../hooks/useStyles/styleAttributes.js';
 
 function Dadata(props) {
     var delay = props.delay, input = props.input, inputProps = props.inputProps, meta = props.meta, token = props.token, setValue = props.setValue;