@itcase/ui 1.9.58 → 1.9.60

package/dist/cjs/components/Dropzone.js

@@ -4,33 +4,19 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDropzone = require('react-dropzone');
-var Button = require('../../Button_cjs_BCcz3-Fw.js');
-var Loader = require('../../Loader_cjs_CJpdLndn.js');
-var Text = require('../../Text_cjs_erTy2pUN.js');
-var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var Button = require('../../Button_cjs_cNwSkY7f.js');
+var Loader = require('../../Loader_cjs_Bi6IoQFb.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 var useDropzoneFieldFiles = require('../hooks/useDropzoneFieldFiles.js');
-require('../../Icon_cjs_DTvdhr8B.js');
-require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../hooks/useStyles/useStyles.js');
+require('../hooks/useHoldProgress.js');
 require('lodash/camelCase');
-require('lodash/maxBy');
+require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
-require('../hooks/useHoldProgress.js');
-require('lodash/castArray');
+require('lodash/maxBy');
+require('react-inlinesvg');
 require('util');
 require('stream');
 require('path');
@@ -1641,8 +1627,8 @@ const Dropzone = React.memo(function Dropzone(props) {
     // className, unused
     // size, unused
      } = props;
-    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, dropzoneConfig);
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const appearanceConfig = primitives.useAppearanceConfig(appearance, dropzoneConfig);
+    const propsGenerator = primitives.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, errorMessageTextColor, errorMessageTextSize, errorMessageTextWeight, hintDescriptionTextColor, hintDescriptionTextSize, hintDescriptionTextWeight, hintDescriptionTextWrap, hintTitle, hintTitleTextColor, hintTitleTextSize, hintTitleTextWeight, hintTitleTextWrap, removeThumbAppearance, removeThumbShape, removeThumbText, removeThumbTextWeight, shapeClass, sizeClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass, thumbBorderWidthClass, thumbDirectionClass, thumbNameTextColor, thumbNameTextSize, thumbNameTextWeight, thumbNameTextWrap, } = propsGenerator;
     const fieldValuesList = React.useMemo(() => {
         return Array.isArray(maybeFieldValuesList) ? maybeFieldValuesList : [];
@@ -1742,10 +1728,10 @@ const Dropzone = React.memo(function Dropzone(props) {
                                 const fileName = name || file?.name;
                                 return (jsxRuntime.jsxs("aside", { className: clsx('dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass), children: [isPreviews && !error && preview && (jsxRuntime.jsx("div", { className: "dropzone__thumb-image", children: jsxRuntime.jsx("img", { className: "dropzone__thumb-image-inner", src: preview, onClick: (event) => {
                                                     onClickPreview && onClickPreview(fileItem, event);
-                                                } }) })), (fileErrorText || fileErrorMessage) && (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Text.Text, { size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileErrorText || fileErrorMessage }) })), showFilename && fileName && (jsxRuntime.jsx("div", { className: "dropzone__thumb-name", children: jsxRuntime.jsx(Text.Text, { className: "dropzone__thumb-name-inner", size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileName }) })), fileIsLoading && (jsxRuntime.jsx("div", { className: "dropzone__thumb-loader", children: jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill" }) })), jsxRuntime.jsx("div", { className: clsx('dropzone__thumb-remove'), children: jsxRuntime.jsx(Button.Button, { appearance: removeThumbAppearance, className: "dropzone__thumb-remove-text", label: removeThumbText || 'Удалить', labelTextWeight: removeThumbTextWeight, shape: removeThumbShape, 
+                                                } }) })), (fileErrorText || fileErrorMessage) && (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(primitives.Text, { size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileErrorText || fileErrorMessage }) })), showFilename && fileName && (jsxRuntime.jsx("div", { className: "dropzone__thumb-name", children: jsxRuntime.jsx(primitives.Text, { className: "dropzone__thumb-name-inner", size: thumbNameTextSize, textColor: thumbNameTextColor, textWeight: thumbNameTextWeight, textWrap: thumbNameTextWrap, children: fileName }) })), fileIsLoading && (jsxRuntime.jsx("div", { className: "dropzone__thumb-loader", children: jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill" }) })), jsxRuntime.jsx("div", { className: clsx('dropzone__thumb-remove'), children: jsxRuntime.jsx(Button.Button, { appearance: removeThumbAppearance, className: "dropzone__thumb-remove-text", label: removeThumbText || 'Удалить', labelTextWeight: removeThumbTextWeight, shape: removeThumbShape, 
                                                 // TODO: Use id of dropzone special object
                                                 onClick: (event) => onClickRemoveFile(event, index) }) })] }, id || index));
-                            }), fieldValuesList.length === 0 ? (jsxRuntime.jsxs("div", { className: "dropzone__hint", children: [jsxRuntime.jsx(Text.Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (jsxRuntime.jsx(Text.Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] })) : (jsxRuntime.jsxs("div", { className: "dropzone__hint dropzone__hint_type_add-more", children: [jsxRuntime.jsx(Text.Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (jsxRuntime.jsx(Text.Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] }))] })] }), fileRejectedMessage && (jsxRuntime.jsx("div", { className: "form-field__message", children: jsxRuntime.jsx(Text.Text, { className: "form-field__message-item form-field__message-item_type_message", size: errorMessageTextSize, textColor: errorMessageTextColor, textWeight: errorMessageTextWeight, children: fileRejectedMessage }) }))] }));
+                            }), fieldValuesList.length === 0 ? (jsxRuntime.jsxs("div", { className: "dropzone__hint", children: [jsxRuntime.jsx(primitives.Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (jsxRuntime.jsx(primitives.Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] })) : (jsxRuntime.jsxs("div", { className: "dropzone__hint dropzone__hint_type_add-more", children: [jsxRuntime.jsx(primitives.Text, { className: "dropzone__hint-title", size: hintTitleTextSize, textColor: hintTitleTextColor, textWeight: hintTitleTextWeight, textWrap: hintTitleTextWrap, children: hintTitle || 'Select a file or drag in form' }), hintDescription && (jsxRuntime.jsx(primitives.Text, { className: "dropzone__hint-text", size: hintDescriptionTextSize, textColor: hintDescriptionTextColor, textWeight: hintDescriptionTextWeight, textWrap: hintDescriptionTextWrap, children: hintDescription }))] }))] })] }), fileRejectedMessage && (jsxRuntime.jsx("div", { className: "form-field__message", children: jsxRuntime.jsx(primitives.Text, { className: "form-field__message-item form-field__message-item_type_message", size: errorMessageTextSize, textColor: errorMessageTextColor, textWeight: errorMessageTextWeight, children: fileRejectedMessage }) }))] }));
 });
 
 exports.Dropzone = Dropzone;

package/dist/cjs/components/Flex.js

@@ -2,36 +2,30 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('../hooks/useStyles/useStyles.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
+require('react-inlinesvg');
 
 function Flex(props) {
     const { id, className, dataTestId, dataTour, type, dataId, print, style, tag: Tag = 'div', onClick, children, } = props;
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    const propsGenerator = primitives.useDevicePropsGenerator(props);
     const { directionClass, justifyContentClass, alignContentClass, alignItemsClass, fillClass, borderColorClass, borderTypeClass, flowClass, positionClass, shapeClass, widthClass, wrapClass, } = propsGenerator;
-    const { styles: flexStyles, wrapper: flexWrapperStyles } = useStyles.useStyles(props);
+    const { styles: flexStyles, wrapper: flexWrapperStyles } = primitives.useStyles(props);
     return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'flex', widthClass && `width_${widthClass}`, alignContentClass && `flex_align-content_${alignContentClass}`, alignItemsClass && `flex_align-items_${alignItemsClass}`, directionClass && `flex_direction_${directionClass}`, fillClass && `fill_${fillClass}`, flowClass && `flex_flow_${flowClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, positionClass && `position_${positionClass}`, justifyContentClass && `flex_justify-content_${justifyContentClass}`, shapeClass && `flex_shape_${shapeClass}`, type && `flex_type_${type}`, !print && 'no-print', print && 'print', wrapClass && `flex_wrap_${wrapClass}`), "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, flexStyles, style), onClick: onClick, children: jsxRuntime.jsx("div", { className: "flex__wrapper", style: flexWrapperStyles, children: children }) }));
 }
 
 function FlexItem(props) {
     const { className, htmlFor, print, style, tag: Tag = 'div', children } = props;
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    const propsGenerator = primitives.useDevicePropsGenerator(props);
     const { dataTestId, dataTour, directionClass, justifyContentClass, alignItemsClass, alignSelfClass, fillClass, fillHoverClass, dataId, growClass, positionClass, shapeClass, widthClass, wrapClass, } = propsGenerator;
-    const { styles: flexItemStyles } = useStyles.useStyles(props);
+    const { styles: flexItemStyles } = primitives.useStyles(props);
     return (jsxRuntime.jsx(Tag, { className: clsx(className, 'flex__item', positionClass && `position_${positionClass}`, alignItemsClass && `flex__item_align-items_${alignItemsClass}`, alignSelfClass && `flex__item_align-self_${alignSelfClass}`, directionClass && `flex__item_direction_${directionClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, growClass && `flex__item_grow_${growClass}`, justifyContentClass &&
             `flex__item_justify-content_${justifyContentClass}`, shapeClass && `flex__item_shape_${shapeClass}`, !print && 'no-print', print && 'print', widthClass && `width_${widthClass}`, wrapClass && `flex__item_wrap_${wrapClass}`), "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, flexItemStyles, style), children: children }));
 }

package/dist/cjs/components/Grid.js

@@ -2,44 +2,38 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('../hooks/useStyles/useStyles.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
+require('react-inlinesvg');
 
 function Grid(props) {
     const { id, className, dataTestId, dataTour, type, horizontalResizing, horizontalScroll, print, tag: Tag = 'div', useGridSystem, verticalResizing, before, after, onClick, onDoubleClick, children, } = props;
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    const propsGenerator = primitives.useDevicePropsGenerator(props);
     const { justifyContentClass, justifyItemsClass, alignContentClass, alignItemsClass, fillClass, fillHoverClass, borderColorClass, columnGapClass, columnsClass, heightClass, rowGapClass, rowsClass, widthClass, } = propsGenerator;
-    const { styles: gridStyles } = useStyles.useStyles(props);
+    const { styles: gridStyles } = primitives.useStyles(props);
     return (jsxRuntime.jsxs(Tag, { id: id, className: clsx(className, 'grid', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, useGridSystem && `grid_state_system`, horizontalScroll && `grid_scroll_horizontal`, type && `grid_type_${type}`, columnsClass && `grid_columns_${columnsClass}`, rowsClass && `grid_rows_${rowsClass}`, rowGapClass && `grid_row-gap_${rowGapClass}`, columnGapClass && `grid_column-gap_${columnGapClass}`, alignContentClass && `grid_align-content_${alignContentClass}`, alignItemsClass && `grid_align-items_${alignItemsClass}`, borderColorClass && `border-color_${borderColorClass}`, justifyContentClass && `grid_justify-content_${justifyContentClass}`, justifyItemsClass && `grid_justify-items_${justifyItemsClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, horizontalResizing && `grid_horizontal-resizing_${horizontalResizing}`, verticalResizing && `grid_vertical-resizing_${verticalResizing}`, !print && 'no-print', print && 'print'), "data-testid": dataTestId, "data-tour": dataTour, style: gridStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before && jsxRuntime.jsx("div", { className: "grid__before", children: before }), children, after && jsxRuntime.jsx("div", { className: "grid__after", children: after })] }));
 }
 
 function GridItem(props) {
     const { id, className, dataTestId, dataTour, print, style, onClick, children, } = props;
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    const propsGenerator = primitives.useDevicePropsGenerator(props);
     const { directionClass, justifySelfClass, alignSelfClass, fillClass, fillHoverClass, columnEndClass, columnGapClass, columnSpanClass, columnStartClass, gapClass, heightClass, orderClass, rowEndClass, rowGapClass, rowSpanClass, rowStartClass, widthClass, } = propsGenerator;
-    const { styles: gridItemStyles } = useStyles.useStyles(props);
+    const { styles: gridItemStyles } = primitives.useStyles(props);
     return (jsxRuntime.jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && `order_${orderClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, alignSelfClass && `grid__item_align-self_${alignSelfClass}`, justifySelfClass && `grid__item_justify-self_${justifySelfClass}`, columnStartClass && `grid__item_column-start_${columnStartClass}`, columnEndClass && `grid__item_column-end_${columnEndClass}`, columnSpanClass && `grid__item_column-span_${columnSpanClass}`, rowStartClass && `grid__item_row-start_${rowStartClass}`, rowEndClass && `grid__item_row-end_${rowEndClass}`, rowSpanClass && `grid__item_row-span_${rowSpanClass}`, directionClass && `direction_${directionClass}`, gapClass && `gap_${gapClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, rowGapClass && `row-gap_${rowGapClass}`, !print && 'no-print', print && 'print', columnGapClass && `column-gap_${columnGapClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, gridItemStyles, style), onClick: onClick, children: children }));
 }
 
 function GridRow(props) {
     const { id, className, dataTestId, dataTour, dataId, htmlFor, print, tag: Tag = 'div', onClick, children, } = props;
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    const propsGenerator = primitives.useDevicePropsGenerator(props);
     const { fillClass, fillHoverClass, borderColorClass, heightClass, widthClass, } = propsGenerator;
-    const { styles: gridRowStyles } = useStyles.useStyles(props);
+    const { styles: gridRowStyles } = primitives.useStyles(props);
     return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, !print && 'no-print', print && 'print', borderColorClass && `border-color_${borderColorClass}`), "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: gridRowStyles, onClick: onClick, children: children }));
 }
 

package/dist/cjs/components/Group.js

@@ -1,25 +1,18 @@
 'use strict';
 
-var Group = require('../../Group_cjs_BLGSskb3.js');
+var Group = require('../../Group_cjs_DtBLfpiv.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+require('../../primitives_cjs_CnyJ13MJ.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
+require('react-inlinesvg');
 
 
 

package/dist/cjs/components/HTMLContent.js

@@ -2,28 +2,22 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('../hooks/useStyles/useStyles.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
+require('react-inlinesvg');
 
 function HTMLContent(props) {
     const { className, dataTestId, dataTour, content, style, onClick, children } = props;
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    const propsGenerator = primitives.useDevicePropsGenerator(props);
     const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillClass, fillHoverClass, borderColorClass, borderTypeClass, borderWidthClass, textColorClass, textWeightClass, columnsClass, elevationClass, heightClass, shapeClass, widthClass, wrapClass, } = propsGenerator;
-    const { styles: htmlContentStyles } = useStyles.useStyles(props);
+    const { styles: htmlContentStyles } = primitives.useStyles(props);
     return (jsxRuntime.jsx("div", { className: clsx(className, 'html-content', alignClass && `align_${alignClass}`, alignDirectionClass && `align_${alignDirectionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderWidthClass && `border-width_${borderWidthClass}`, columnsClass && `html-content_columns_${columnsClass}`, directionClass && `html-content_direction_${directionClass}`, elevationClass && `elevation_${elevationClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, flexGrowClass && `flex-grow_${flexGrowClass}`, heightClass && `height_${heightClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, shapeClass && `html-content_shape_${shapeClass}`, textColorClass && `text-color_${textColorClass}`, textWeightClass && `text-weight_${textWeightClass}`, wrapClass && `html-content_wrap_${wrapClass}`, widthClass && `width_${widthClass}`), dangerouslySetInnerHTML: { __html: content }, "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, htmlContentStyles, style), onClick: onClick, children: children }));
 }
 

package/dist/cjs/components/HeroTitle.js

@@ -3,29 +3,15 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_DTvdhr8B.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../../Text_cjs_erTy2pUN.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
 
 const heroTitleAppearanceSize = {
     sizeH1: {
@@ -60,10 +46,10 @@ const heroTitleConfig = {
 };
 function HeroTitle(props) {
     const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, tag = 'span', before, after, isDisabled, isSkeleton, onClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, heroTitleConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const appearanceConfig = primitives.useAppearanceConfig(appearance, heroTitleConfig, isDisabled);
+    const propsGenerator = primitives.useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, size, fillClass, textAlignClass, textColorActiveClass, textColorClass, textColorGradientClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, typeClass, widthClass, wrapperDirectionClass, } = propsGenerator;
-    const { styles: heroTitleStyles, wrapper: heroTitleWrapperStyles } = useStyles.useStyles(props);
+    const { styles: heroTitleStyles, wrapper: heroTitleWrapperStyles } = primitives.useStyles(props);
     const Tag = React.useMemo(() => {
         if (tag) {
             return tag;
@@ -71,7 +57,7 @@ function HeroTitle(props) {
         return size ? size : 'span';
     }, [size, tag]);
     return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && `fill_${fillClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, size && `hero-title_size_${size}`, directionClass && `hero-title_direction_${directionClass}`, 'text', textColorClass && `text-color_${textColorClass}`, textColorActiveClass && `text-color_active_${textColorActiveClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, typeClass && `hero-title_type_${typeClass}`, textColorGradientClass && `text-gradient_${textColorGradientClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, isSkeleton && 'hero-title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: heroTitleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass &&
-                    `hero-title-direction_${wrapperDirectionClass}`, 'hero-title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: heroTitleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
+                    `hero-title-direction_${wrapperDirectionClass}`, 'hero-title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: heroTitleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(primitives.Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(primitives.Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
 }
 
 exports.HeroTitle = HeroTitle;

package/dist/cjs/components/Icon.js

@@ -1,34 +1,20 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_DTvdhr8B.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Text_cjs_erTy2pUN.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
+require('react-inlinesvg');
 
 
 
-exports.Icon = Icon.Icon;
-exports.iconAppearance = Icon.iconAppearance;
-exports.iconConfig = Icon.iconConfig;
+exports.Icon = primitives.Icon;
+exports.iconAppearance = primitives.iconAppearance;
+exports.iconConfig = primitives.iconConfig;

package/dist/cjs/components/Image.js

@@ -1,26 +1,18 @@
 'use strict';
 
-var Image = require('../../Image_cjs_Hvjp2QDB.js');
+var Image = require('../../Image_cjs_BSwaz7r5.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../hoc/urlWithAssetPrefix.js');
-require('@itcase/common');
-require('../context/UrlAssetPrefix.js');
-require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+require('../../primitives_cjs_CnyJ13MJ.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
+require('@itcase/common');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
+require('react-inlinesvg');
 
 
 

package/dist/cjs/components/Input.js

@@ -1,23 +1,18 @@
 'use strict';
 
-var Input = require('../../Input_cjs_BQIi1N63.js');
+var Input = require('../../Input_cjs_Cr6u1JXB.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+require('../../primitives_cjs_CnyJ13MJ.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
 
 

package/dist/cjs/components/InputNumber.js

@@ -3,32 +3,18 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_BCcz3-Fw.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
+var Button = require('../../Button_cjs_cNwSkY7f.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_DTvdhr8B.js');
-require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Text_cjs_erTy2pUN.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
-require('../../Loader_cjs_CJpdLndn.js');
+require('react-inlinesvg');
+require('../../Loader_cjs_Bi6IoQFb.js');
 require('../hooks/useHoldProgress.js');
 
 const inputNumberAppearanceShape = {
@@ -144,8 +130,8 @@ const InputNumber = (props) => {
         setNumber(value);
         onChange?.(value);
     };
-    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputNumberConfig);
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const appearanceConfig = primitives.useAppearanceConfig(appearance, inputNumberConfig);
+    const propsGenerator = primitives.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, iconFill, iconFillHover, iconFillIcon, iconMinus, iconPlus, iconShape, iconSize, inputNumberTextColorClass, inputNumberTextSizeClass, inputNumberTextWeightClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     if (type === 'number') {
         return (jsxRuntime.jsx("input", { id: String(id), type: "number", min: min, max: max, step: step, value: number, onChange: (event) => handleInputValue(event) }));

package/dist/cjs/components/InputPassword.js

@@ -1,32 +1,18 @@
 'use strict';
 
-var _default = require('@itcase/icons/default');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('../../Icon_cjs_DTvdhr8B.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
+var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Text_cjs_erTy2pUN.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
+require('react-inlinesvg');
 
 const inputPasswordAppearanceDefault = {
     defaultPrimary: {
@@ -237,12 +223,12 @@ function InputPassword(props) {
         event?.preventDefault();
         setIsRevealed((prev) => !prev);
     }, []);
-    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputPasswordConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const appearanceConfig = primitives.useAppearanceConfig(appearance, inputPasswordConfig, isDisabled);
+    const propsGenerator = primitives.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, iconFill, iconFillHover, iconRevealableHide, iconRevealableShow, iconShape, iconSize, imageRevealableHide, imageRevealableShow, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     return (jsxRuntime.jsxs("div", { className: "input-password", children: [jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input-password__input', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
                     `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, placeholderTextColorClass &&
-                    `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input-password__input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), type: inputType, "data-testid": dataTestId || (name ? `${name}-input-password` : 'input-password'), "data-tour": dataTour, "date-testid": dataTestId, disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), jsxRuntime.jsx(Icon.Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: onClickIconReveal })] }));
+                    `placeholder-text-color_${placeholderTextColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `input-password__input_size_${sizeClass}`, textColorClass && `text-color_${textColorClass}`, textColorClass && `text-color_${textColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), type: inputType, "data-testid": dataTestId || (name ? `${name}-input-password` : 'input-password'), "data-tour": dataTour, "date-testid": dataTestId, disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), jsxRuntime.jsx(primitives.Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: onClickIconReveal })] }));
 }
 
 exports.InputPassword = InputPassword;

package/dist/cjs/components/Label.js

@@ -1,32 +1,18 @@
 'use strict';
 
-var Label = require('../../Label_cjs_RI5tFcPt.js');
+var Label = require('../../Label_cjs_DMOG-8Eu.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+require('../../primitives_cjs_CnyJ13MJ.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_DTvdhr8B.js');
 require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../../Text_cjs_erTy2pUN.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
 
 
 

package/dist/cjs/components/Link.js

@@ -1,29 +1,21 @@
 'use strict';
 
-var Link = require('../../Link_cjs_Dn7UhCYe.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
+require('react-inlinesvg');
 
 
 
-exports.Link = Link.Link;
-exports.LinkWrapper = Link.LinkWrapper;
-exports.linkAppearance = Link.linkAppearance;
-exports.linkConfig = Link.linkConfig;
+exports.Link = primitives.Link;
+exports.LinkWrapper = primitives.LinkWrapper;
+exports.linkAppearance = primitives.linkAppearance;
+exports.linkConfig = primitives.linkConfig;