@itcase/ui 1.8.109 → 1.8.110

package/dist/{DatePicker_cjs_Bm8nwWKa.js → DatePicker_cjs_C9rI2uTl.js}

@@ -11,7 +11,7 @@ var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDe
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var Button = require('./Button_cjs_mau_55Fl.js');
 var Icon = require('./Icon_cjs_ZerVip3X.js');
-var Input = require('./Input_cjs_CFy0tfAO.js');
+var Input = require('./Input_cjs_TC7DOpvh.js');
 var Label = require('./Label_cjs_CaTh_laL.js');
 var Text = require('./Text_cjs_DpRclhwc.js');
 var _default = require('@itcase/icons/default');

package/dist/{DatePicker_es_DAV92A4A.js → DatePicker_es_Bi6lgbTb.js}

@@ -9,7 +9,7 @@ import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevi
 import { useStyles } from './hooks/useStyles/useStyles.js';
 import { B as Button } from './Button_es_D_IlkeBp.js';
 import { I as Icon } from './Icon_es_C76te22j.js';
-import { I as Input } from './Input_es_l3ry6luZ.js';
+import { I as Input } from './Input_es_RtN2gtZq.js';
 import { L as Label } from './Label_es_CoIII7Ty.js';
 import { T as Text } from './Text_es_CtCwsa3V.js';
 import { icons14 } from '@itcase/icons/default';

package/dist/{Input_cjs_CFy0tfAO.js → Input_cjs_TC7DOpvh.js}

@@ -10,10 +10,10 @@ var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var inputAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceSecondary',
+        textColorDisabled: 'surfaceTextDisabled',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        textColorDisabled: 'surfaceTextDisabled',
         caret: 'accentItemSecondary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
@@ -21,10 +21,10 @@ var inputAppearanceDefault = {
     },
     defaultSecondary: {
         fill: 'surfacePrimary',
+        textColorDisabled: 'surfaceTextDisabled',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        textColorDisabled: 'surfaceTextDisabled',
         caret: 'accentItemSecondary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
@@ -103,21 +103,21 @@ var inputAppearanceShape = {
     rounded: {
         shape: 'rounded',
     },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-    roundedM: {
+    roundedXL: {
         shape: 'rounded',
-        shapeStrength: '1m',
+        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
         shapeStrength: '1_5m',
     },
-    roundedXL: {
+    roundedM: {
         shape: 'rounded',
-        shapeStrength: '2m',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
     },
 };
 
@@ -201,11 +201,11 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, dataTestId = props.dataTestId, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, dataTestId = props.dataTestId, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputConfig);
     // const stateConfig = state && inputConfig.state && inputConfig.state[state]
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
             ? fillClass && "fill_".concat(fillClass)
             : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isDisabled
@@ -222,7 +222,7 @@ var Input = React.forwardRef(function Input(props, ref) {
             : placeholderTextColorDisabledClass &&
                 "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
             ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, ref: ref, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, ref: ref, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 exports.Input = Input;

package/dist/{Input_es_l3ry6luZ.js → Input_es_RtN2gtZq.js}

@@ -8,10 +8,10 @@ import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 var inputAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceSecondary',
+        textColorDisabled: 'surfaceTextDisabled',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        textColorDisabled: 'surfaceTextDisabled',
         caret: 'accentItemSecondary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
@@ -19,10 +19,10 @@ var inputAppearanceDefault = {
     },
     defaultSecondary: {
         fill: 'surfacePrimary',
+        textColorDisabled: 'surfaceTextDisabled',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        textColorDisabled: 'surfaceTextDisabled',
         caret: 'accentItemSecondary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemPrimary',
@@ -101,21 +101,21 @@ var inputAppearanceShape = {
     rounded: {
         shape: 'rounded',
     },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-    roundedM: {
+    roundedXL: {
         shape: 'rounded',
-        shapeStrength: '1m',
+        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
         shapeStrength: '1_5m',
     },
-    roundedXL: {
+    roundedM: {
         shape: 'rounded',
-        shapeStrength: '2m',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
     },
 };
 
@@ -199,11 +199,11 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, dataTestId = props.dataTestId, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, dataTestId = props.dataTestId, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var appearanceConfig = useAppearanceConfig(appearance, inputConfig);
     // const stateConfig = state && inputConfig.state && inputConfig.state[state]
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
             ? fillClass && "fill_".concat(fillClass)
             : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isDisabled
@@ -220,7 +220,7 @@ var Input = React.forwardRef(function Input(props, ref) {
             : placeholderTextColorDisabledClass &&
                 "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
             ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, ref: ref, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, ref: ref, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 export { Input as I, inputAppearance as a, inputConfig as i };

package/dist/cjs/components/Choice.js

@@ -187,7 +187,7 @@ var choiceConfig = {
     },
 };
 function Choice(props) {
-    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, dataTestId = props.dataTestId, dataTour = props.dataTour, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, isSkeleton = props.isSkeleton, setActiveSegment = props.setActiveSegment;
+    var id = props.id, dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, setActiveSegment = props.setActiveSegment, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, isSkeleton = props.isSkeleton;
     var controlRef = React.useRef(null);
     var optionsRefs = React.useMemo(function () {
         return new Map(options.map(function (item) { return [item.value, React.createRef()]; }));
@@ -198,9 +198,9 @@ function Choice(props) {
     }, [isCheckbox, setActiveSegment]);
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, choiceConfig);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillItemActiveClass = propsGenerator.fillItemActiveClass, fillItemActiveDisabledClass = propsGenerator.fillItemActiveDisabledClass, fillItemActiveHoverClass = propsGenerator.fillItemActiveHoverClass, fillItemClass = propsGenerator.fillItemClass, fillItemDisabledClass = propsGenerator.fillItemDisabledClass, fillItemHoverClass = propsGenerator.fillItemHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, wrapClass = propsGenerator.wrapClass;
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillItemActiveClass = propsGenerator.fillItemActiveClass, fillItemActiveDisabledClass = propsGenerator.fillItemActiveDisabledClass, fillItemActiveHoverClass = propsGenerator.fillItemActiveHoverClass, fillItemClass = propsGenerator.fillItemClass, fillItemDisabledClass = propsGenerator.fillItemDisabledClass, fillItemHoverClass = propsGenerator.fillItemHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, wrapClass = propsGenerator.wrapClass;
     var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "choice_skeleton"), dataTestId: dataTestId && "".concat(dataTestId, "Choice"), dataTour: dataTour, ref: controlRef, style: styles, children: [before && jsxRuntime.jsx("div", { className: "choice__before", children: before }), isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsxRuntime.jsx(React.Fragment, { children: options.map(function (item) {
+    return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "choice_skeleton"), ref: controlRef, "data-test-id": dataTestId && "".concat(dataTestId, "Choice"), "data-tour": dataTour, style: styles, children: [before && jsxRuntime.jsx("div", { className: "choice__before", children: before }), isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsxRuntime.jsx(React.Fragment, { children: options.map(function (item) {
                     var isActive = typeof active === 'object'
                         ? String(item.value) === String(active.value)
                         : String(item.value) === String(active);
@@ -220,7 +220,7 @@ function Choice(props) {
                             : !isDisabled
                                 ? fillItemClass && "fill_".concat(fillItemClass)
                                 : fillItemDisabledClass &&
-                                    "fill_disabled_".concat(fillItemDisabledClass), !isActive && isDisabled && 'choice__item_state_disabled', isActive &&
+                                    "fill_disabled_".concat(fillItemDisabledClass), !isActive && isDisabled && 'choice__item_state_disabled', (item.icon || item.iconActive) && 'asdasdasdasd', isActive &&
                             isDisabled &&
                             'choice__item_active_state_disabled', isActive && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsxRuntime.jsx("input", { id: "".concat(name, "-").concat(item.value), className: "choice__item-radio", type: isCheckbox ? 'checkbox' : 'radio', name: name, disabled: isDisabled, checked: isActive, value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntime.jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [itemBefore, (item.iconBefore || item.iconBeforeActive) && (jsxRuntime.jsx(Icon.Icon, { className: "choice__item-icon", iconFillDisabled: iconBeforeFillDisabled, isDisabled: isDisabled, iconFill: iconBeforeFill, iconFillActive: iconBeforeFillActive, iconSize: iconBeforeSize, SvgImage: isActive
                                             ? item.iconBeforeActive || item.iconBefore

package/dist/cjs/components/Dadata.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input_cjs_CFy0tfAO.js');
+var Input = require('../../Input_cjs_TC7DOpvh.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');

package/dist/cjs/components/DatePeriod.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_Bm8nwWKa.js');
+var DatePicker = require('../../DatePicker_cjs_C9rI2uTl.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var ChipsGroup = require('../../ChipsGroup_cjs_D454M1-p.js');
@@ -31,7 +31,7 @@ require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_BqT6eVl6.js');
 require('../../Text_cjs_DpRclhwc.js');
 require('../../Loader_cjs_c6yF7akz.js');
-require('../../Input_cjs_CFy0tfAO.js');
+require('../../Input_cjs_TC7DOpvh.js');
 require('../../Label_cjs_CaTh_laL.js');
 require('@itcase/icons/default');
 require('lodash/castArray');

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_Bm8nwWKa.js');
+var DatePicker = require('../../DatePicker_cjs_C9rI2uTl.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -31,7 +31,7 @@ require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_BqT6eVl6.js');
 require('../../Text_cjs_DpRclhwc.js');
 require('../../Loader_cjs_c6yF7akz.js');
-require('../../Input_cjs_CFy0tfAO.js');
+require('../../Input_cjs_TC7DOpvh.js');
 require('../../Label_cjs_CaTh_laL.js');
 require('@itcase/icons/default');
 

package/dist/cjs/components/Input.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Input = require('../../Input_cjs_CFy0tfAO.js');
+var Input = require('../../Input_cjs_TC7DOpvh.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/hoc/urlWithAssetPrefix.js

@@ -7,6 +7,23 @@ var common = require('@itcase/common');
 var UrlAssetPrefix = require('../context/UrlAssetPrefix.js');
 
 var 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-пропов)
+ */
 var urlWithAssetPrefix = function (WrappedComponent) {
     var HOC = React.forwardRef(function HOC(props, ref) {
         var _a = React.useContext(UrlAssetPrefix.UrlAssetPrefixContext), assetPrefix = _a.assetPrefix, ignorePathsList = _a.ignorePathsList;

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

@@ -140,7 +140,6 @@ 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) => {

package/dist/components/Choice.js

@@ -185,7 +185,7 @@ var choiceConfig = {
     },
 };
 function Choice(props) {
-    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, dataTestId = props.dataTestId, dataTour = props.dataTour, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, isSkeleton = props.isSkeleton, setActiveSegment = props.setActiveSegment;
+    var id = props.id, dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, setActiveSegment = props.setActiveSegment, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, isSkeleton = props.isSkeleton;
     var controlRef = useRef(null);
     var optionsRefs = useMemo(function () {
         return new Map(options.map(function (item) { return [item.value, createRef()]; }));
@@ -196,9 +196,9 @@ function Choice(props) {
     }, [isCheckbox, setActiveSegment]);
     var appearanceConfig = useAppearanceConfig(appearance, choiceConfig);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillItemActiveClass = propsGenerator.fillItemActiveClass, fillItemActiveDisabledClass = propsGenerator.fillItemActiveDisabledClass, fillItemActiveHoverClass = propsGenerator.fillItemActiveHoverClass, fillItemClass = propsGenerator.fillItemClass, fillItemDisabledClass = propsGenerator.fillItemDisabledClass, fillItemHoverClass = propsGenerator.fillItemHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, wrapClass = propsGenerator.wrapClass;
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillItemActiveClass = propsGenerator.fillItemActiveClass, fillItemActiveDisabledClass = propsGenerator.fillItemActiveDisabledClass, fillItemActiveHoverClass = propsGenerator.fillItemActiveHoverClass, fillItemClass = propsGenerator.fillItemClass, fillItemDisabledClass = propsGenerator.fillItemDisabledClass, fillItemHoverClass = propsGenerator.fillItemHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, wrapClass = propsGenerator.wrapClass;
     var styles = useStyles(props).styles;
-    return (jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "choice_skeleton"), dataTestId: dataTestId && "".concat(dataTestId, "Choice"), dataTour: dataTour, ref: controlRef, style: styles, children: [before && jsx("div", { className: "choice__before", children: before }), isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsx(React.Fragment, { children: options.map(function (item) {
+    return (jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "choice_skeleton"), ref: controlRef, "data-test-id": dataTestId && "".concat(dataTestId, "Choice"), "data-tour": dataTour, style: styles, children: [before && jsx("div", { className: "choice__before", children: before }), isLoading ? (jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsx(React.Fragment, { children: options.map(function (item) {
                     var isActive = typeof active === 'object'
                         ? String(item.value) === String(active.value)
                         : String(item.value) === String(active);
@@ -218,7 +218,7 @@ function Choice(props) {
                             : !isDisabled
                                 ? fillItemClass && "fill_".concat(fillItemClass)
                                 : fillItemDisabledClass &&
-                                    "fill_disabled_".concat(fillItemDisabledClass), !isActive && isDisabled && 'choice__item_state_disabled', isActive &&
+                                    "fill_disabled_".concat(fillItemDisabledClass), !isActive && isDisabled && 'choice__item_state_disabled', (item.icon || item.iconActive) && 'asdasdasdasd', isActive &&
                             isDisabled &&
                             'choice__item_active_state_disabled', isActive && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsx("input", { id: "".concat(name, "-").concat(item.value), className: "choice__item-radio", type: isCheckbox ? 'checkbox' : 'radio', name: name, disabled: isDisabled, checked: isActive, value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [itemBefore, (item.iconBefore || item.iconBeforeActive) && (jsx(Icon, { className: "choice__item-icon", iconFillDisabled: iconBeforeFillDisabled, isDisabled: isDisabled, iconFill: iconBeforeFill, iconFillActive: iconBeforeFillActive, iconSize: iconBeforeSize, SvgImage: isActive
                                             ? item.iconBeforeActive || item.iconBefore

package/dist/components/Dadata.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { PartySuggestions } from 'react-dadata';
-import { I as Input } from '../Input_es_l3ry6luZ.js';
+import { I as Input } from '../Input_es_RtN2gtZq.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';

package/dist/components/DatePeriod.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
-import { D as DatePickerInput } from '../DatePicker_es_DAV92A4A.js';
+import { D as DatePickerInput } from '../DatePicker_es_Bi6lgbTb.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BKG5mK5N.js';
@@ -29,7 +29,7 @@ import '../context/UrlAssetPrefix.js';
 import '../Link_es_BnUIX0QT.js';
 import '../Text_es_CtCwsa3V.js';
 import '../Loader_es_C8ETXkiZ.js';
-import '../Input_es_l3ry6luZ.js';
+import '../Input_es_RtN2gtZq.js';
 import '../Label_es_CoIII7Ty.js';
 import '@itcase/icons/default';
 import 'lodash/castArray';

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_DAV92A4A.js';
+export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_Bi6lgbTb.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -29,6 +29,6 @@ import '../context/UrlAssetPrefix.js';
 import '../Link_es_BnUIX0QT.js';
 import '../Text_es_CtCwsa3V.js';
 import '../Loader_es_C8ETXkiZ.js';
-import '../Input_es_l3ry6luZ.js';
+import '../Input_es_RtN2gtZq.js';
 import '../Label_es_CoIII7Ty.js';
 import '@itcase/icons/default';

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_l3ry6luZ.js';
+export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_RtN2gtZq.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/css/components/Choice/Choice.css

@@ -45,10 +45,10 @@
   &_size {
     @each $size in xxl, xl, l, m, s, xs, xxs {
       &_$(size) {
-        min-height: var(--choice-item-size-$(size)-min-height);
-        padding: var(--choice-item-size-$(size)-padding);
+        min-height: var(--choice-item-$(size)-min-height);
+        padding: var(--choice-item-$(size)-padding);
         ^^&-label {
-          gap: var(--choice-item-size-$(size)-gap);
+          gap: var(--choice-item-$(size)-gap);
         }
       }
     }
@@ -138,30 +138,30 @@
   }
 }
 :root {
-  --choice-size-s-height: 28px;
-  --choice-size-s-min-height: 28px;
-  --choice-size-s-row-gap: 12px;
-  --choice-size-s-column-gap: 12px;
+  --choice-size-l-height: 48px;
+  --choice-size-l-min-height: 48px;
+  --choice-size-l-row-gap: 12px;
+  --choice-size-l-column-gap: 12px;
 
   --choice-size-m-row-gap: 12px;
   --choice-size-m-column-gap: 12px;
-  --choice-size-m-height: 36px;
-  --choice-size-m-min-height: 36px;
+  --choice-size-m-height: 40px;
+  --choice-size-m-min-height: 40px;
 
-  --choice-size-l-height: 40px;
-  --choice-size-l-min-height: 40px;
-  --choice-size-l-row-gap: 12px;
-  --choice-size-l-column-gap: 12px;
+  --choice-size-s-height: 28px;
+  --choice-size-s-min-height: 28px;
+  --choice-size-s-row-gap: 12px;
+  --choice-size-s-column-gap: 12px;
 
-  --choice-item-size-s-padding: 0px 6px;
-  --choice-item-size-s-min-height: 24px;
-  --choice-item-size-s-gap: 8px;
+  --choice-item-l-padding: 0px 12px;
+  --choice-item-l-min-height: 44px;
+  --choice-item-l-gap: 8px;
 
-  --choice-item-size-m-padding: 0px 12px;
-  --choice-item-size-m-min-height: 32px;
-  --choice-item-size-m-gap: 8px;
+  --choice-item-m-padding: 0px 12px;
+  --choice-item-m-min-height: 36px;
+  --choice-item-m-gap: 8px;
 
-  --choice-item-size-l-padding: 0px 12px;
-  --choice-item-size-l-min-height: 36px;
-  --choice-item-size-l-gap: 8px;
+  --choice-item-s-padding: 0px 6px;
+  --choice-item-s-min-height: 24px;
+  --choice-item-s-gap: 8px;
 }

package/dist/css/components/Choice/css/__item/choice__item_size.css

@@ -2,10 +2,10 @@
   &_size {
     @each $size in xxl, xl, l, m, s, xs, xxs {
       &_$(size) {
-        min-height: var(--choice-item-size-$(size)-min-height);
-        padding: var(--choice-item-size-$(size)-padding);
+        min-height: var(--choice-item-$(size)-min-height);
+        padding: var(--choice-item-$(size)-padding);
         ^^&-label {
-          gap: var(--choice-item-size-$(size)-gap);
+          gap: var(--choice-item-$(size)-gap);
         }
       }
     }

package/dist/css/components/Input/Input.css

@@ -3,6 +3,7 @@
   padding: 0;
   margin: 0;
   border: none;
+  border: solid 2px red;
   position: relative;
   box-shadow: none;
   appearance: none;
@@ -32,10 +33,10 @@
 }
 .input {
   &&_size {
-    @each $size in xxl, xl, l, m, s, xs, xxs {
+    @each $size in xl, l, m, s {
       &_$(size) {
-        min-height: var(--input-size-$(size)-min-height);
-        padding: var(--input-size-$(size)-padding);
+        min-height: var(--input-$(size)-min-height);
+        padding: var(--input-$(size)-padding);
       }
     }
   }
@@ -70,16 +71,14 @@
   --input-shape-rounded: 8px;
 
   /* Size */
-  --input-size-s-padding: 5px 10px;
-  --input-size-m-padding: 7px 12px;
-  --input-size-l-padding: 9px 15px;
-  --input-size-xl-padding: 13px 20px;
-  --input-size-xxl-padding: 17px 25px;
-  --input-size-s-min-height: 28px;
-  --input-size-m-min-height: 36px;
-  --input-size-l-min-height: 40px;
-  --input-size-xl-min-height: 48px;
-  --input-size-xxl-min-height: 56px;
+  --input-xl-min-height: 56px;
+  --input-xl-padding: 12px 16px;
+  --input-l-min-height: 48px;
+  --input-l-padding: 12px 12px;
+  --input-m-min-height: 40px;
+  --input-m-padding: 8px 12px;
+  --input-s-min-height: 28px;
+  --input-s-padding: 2px 6px;
 
   --input-caret-color: var(--color-accent-fill-primary);
 

package/dist/css/components/Select/Select.css

@@ -32,7 +32,7 @@
 
 .select {
   &&_size {
-    @each $size in xxl, xl, l, m, s, xs, xxs {
+    @each $size in xl, l, m, s {
       &_$(size) {
         ^^&__control {
           padding: var(--select-$(size)-padding);
@@ -300,11 +300,14 @@
 }
 
 :root {
-  --select-xxl-padding: 16px 12px;
-  --select-xl-padding: 12px 12px;
+  --select-xl-min-height: 56px;
+  --select-xl-padding: 12px 16px;
+  --select-l-min-height: 48px;
+  --select-l-padding: 12px 12px;
+  --select-m-min-height: 40px;
   --select-m-padding: 8px 12px;
-  --select-s-padding: 2px 12px;
-  --select-xs-padding: 2px 12px;
+  --select-s-min-height: 28px;
+  --select-s-padding: 2px 6px;
 
   --select-multi-item-xxl-padding: 5px;
   --select-multi-item-xl-padding: 5px;

package/dist/css/styles/bundle.css

@@ -1572,7 +1572,8 @@ div.alignment {
   }
 }
 /* stylelint-disable order/order */
-.text {
+span.text,
+div.text {
   &-weight {
     @each $val in 100, 200, 300, 400, 500, 600, 700, 800, 900, 950 {
       &_$(val) {

package/dist/css/styles/text-weight/text-weight.css

@@ -1,6 +1,7 @@
 /* stylelint-disable order/order */
 
-.text {
+span.text,
+div.text {
   &-weight {
     @each $val in 100, 200, 300, 400, 500, 600, 700, 800, 900, 950 {
       &_$(val) {

package/dist/hoc/urlWithAssetPrefix.js

@@ -5,6 +5,23 @@ import { formatURL } from '@itcase/common';
 import { UrlAssetPrefixContext } from '../context/UrlAssetPrefix.js';
 
 var 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-пропов)
+ */
 var urlWithAssetPrefix = function (WrappedComponent) {
     var HOC = React.forwardRef(function HOC(props, ref) {
         var _a = useContext(UrlAssetPrefixContext), assetPrefix = _a.assetPrefix, ignorePathsList = _a.ignorePathsList;

package/dist/hooks/useStyles/useStyles.js

@@ -138,7 +138,6 @@ 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) => {

package/dist/types/components/Image/Image.d.ts

@@ -1,3 +1,2 @@
-import type { ImageProps } from './Image.interface';
-declare const Image: import("react").ForwardRefExoticComponent<Omit<ImageProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const Image: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
 export { Image };

package/dist/types/components/Input/appearance/inputDefault.d.ts

@@ -1,10 +1,10 @@
 declare const inputAppearanceDefault: {
     defaultPrimary: {
         fill: string;
+        textColorDisabled: string;
         borderColor: string;
         borderColorHover: string;
         textColor: string;
-        textColorDisabled: string;
         caret: string;
         iconBeforeFill: string;
         iconClearFill: string;
@@ -12,10 +12,10 @@ declare const inputAppearanceDefault: {
     };
     defaultSecondary: {
         fill: string;
+        textColorDisabled: string;
         borderColor: string;
         borderColorHover: string;
         textColor: string;
-        textColorDisabled: string;
         caret: string;
         iconBeforeFill: string;
         iconClearFill: string;

package/dist/types/components/Input/appearance/inputShape.d.ts

@@ -5,19 +5,19 @@ declare const inputAppearanceShape: {
     rounded: {
         shape: string;
     };
-    roundedS: {
+    roundedXL: {
         shape: string;
         shapeStrength: string;
     };
-    roundedM: {
+    roundedL: {
         shape: string;
         shapeStrength: string;
     };
-    roundedL: {
+    roundedM: {
         shape: string;
         shapeStrength: string;
     };
-    roundedXL: {
+    roundedS: {
         shape: string;
         shapeStrength: string;
     };

package/dist/types/components/Logo/Logo.d.ts

@@ -1,4 +1,4 @@
-import type { LogoConfig, LogoProps } from './Logo.interface';
+import type { LogoConfig } from './Logo.interface';
 declare const logoConfig: LogoConfig;
-declare const Logo: import("react").ForwardRefExoticComponent<Omit<LogoProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const Logo: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
 export { Logo, logoConfig };

package/dist/types/components/Response/Response.d.ts

@@ -1,4 +1,4 @@
-import type { ResponseConfig, ResponseProps } from './Response.interface';
+import type { ResponseConfig } from './Response.interface';
 declare const responseConfig: ResponseConfig;
-declare const Response: import("react").ForwardRefExoticComponent<Omit<ResponseProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const Response: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
 export { Response, responseConfig };

package/dist/types/components/SVGContent/SVGContent.d.ts

@@ -1,3 +1,2 @@
-import type { SVGContentProps } from './SVGContent.interface';
-declare const SVGContent: import("react").ForwardRefExoticComponent<Omit<SVGContentProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const SVGContent: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
 export { SVGContent };

package/dist/types/hoc/urlWithAssetPrefix.d.ts

@@ -1,9 +1,28 @@
-import React, { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, type ComponentType } from 'react';
-type UrlWithAssetPrefixProps = {
-    imageSrc?: string;
-    placeholderUrl?: string;
-    src?: string;
-    svgSrc?: string;
-};
-declare const urlWithAssetPrefix: <P extends UrlWithAssetPrefixProps, R = unknown>(WrappedComponent: ComponentType<P> | ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<R>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>;
+import React from 'react';
+import type { ComponentType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import { RequireAtLeastOneProp, RequireAtLeastOnePropError } from 'src/types';
+type UrlPropKeys = (typeof urlPropsList)[number];
+type OnePropCheckError = [
+    'urlWithAssetPrefix: компонент должен содержать хотя бы один из пропсов',
+    UrlPropKeys
+];
+declare const urlPropsList: readonly ["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-пропов)
+ */
+declare const urlWithAssetPrefix: <P extends Record<string, any>, T = unknown, OnePropCheck extends RequireAtLeastOneProp<P, UrlPropKeys> = RequireAtLeastOneProp<P, UrlPropKeys>>(WrappedComponent: ComponentType<P> | ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>, ..._error: RequireAtLeastOnePropError<OnePropCheck, OnePropCheckError>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
 export { urlWithAssetPrefix };

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

@@ -7,3 +7,37 @@ export type WithClassKeys<T> = T & {
     [K in keyof T & string as `${K}Class`]: NonNullable<T[K]> extends string ? KebabCase<T[K]> | undefined : string | undefined;
 };
 export type KebabCase<S> = S extends string ? S extends `${infer F}${infer R}` ? R extends Uncapitalize<R> ? `${Lowercase<F>}${KebabCase<R>}` : `${Lowercase<F>}-${KebabCase<Uncapitalize<R>>}` : Lowercase<S> : never;
+/**
+ * Проверяет, что у типа `P` есть хотя бы один ключ из списка `Keys`.
+ *
+ * @template P - Объект, который проверяем (обычно тип пропсов компонента).
+ * @template Keys - Набор ключей, хотя бы один из которых должен присутствовать.
+ *
+ * @example
+ * type Props = { id: string; placeholderUrl?: string };
+ *
+ * type Check1 = RequireAtLeastOneProp<Props, 'src' | 'placeholderUrl'>;
+ * // ✅ "placeholderUrl" (совпадение есть)
+ *
+ * type Check2 = RequireAtLeastOneProp<Props, 'src' | 'imageSrc'>;
+ * // ❌ never (совпадений нет)
+ */
+export type RequireAtLeastOneProp<P, Keys> = Extract<keyof P, Keys>;
+/**
+ * Выводит типовую ошибку, если в `Check` нет ни одного ключа (равен `never`).
+ *
+ * @template Check - Результат проверки из `RequireAtLeastOneProp`.
+ * @template Error - Текст ошибки, который будет показан в TS.
+ *
+ * @example
+ * type Props = { id: string };
+ *
+ * type Check = RequireAtLeastOneProp<Props, 'src' | 'imageSrc'>;
+ *
+ * type ErrorCheck = RequireAtLeastOnePropError<
+ *   Check,
+ *   ['Компонент должен содержать хотя бы один из пропсов', 'src' | 'imageSrc']
+ * >;
+ * // ❌ TS ошибка: ["Компонент должен содержать хотя бы один из пропсов", "src" | "imageSrc"]
+ */
+export type RequireAtLeastOnePropError<Check, Error> = [Check] extends [never] ? Error : [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.109",
+  "version": "1.8.110",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -166,12 +166,12 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^9.1.0",
-    "eslint": "9.33.0",
+    "eslint": "9.34.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.5",
     "prettier": "^3.6.2",
     "react-docgen-typescript": "^2.4.0",
-    "rollup": "^4.47.1",
+    "rollup": "^4.48.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",