@itcase/ui 1.1.15 → 1.1.17

package/dist/cjs/{Group-C9BxTKs-.js → Group-CtseVj34.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
@@ -92,7 +91,7 @@ function Group(props) {
     });
     // @ts-expect-error
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    var appearanceConfig = React.useMemo(function () { return appearance && groupConfig.appearance && groupConfig.appearance[appearance]; }, [appearance, groupConfig]);
+    var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { className: clsx__default.default(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)

package/dist/cjs/HTMLContent-4vI2pdQC.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function HTMLContent(props) {
+    var children = props.children, className = props.className, content = props.content, dataTour = props.dataTour, style = props.style, onClick = props.onClick;
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'html-content_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'html-content_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'html-content_shape_',
+        propsKey: 'shape',
+    });
+    var columnsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'html-content_columns_',
+        propsKey: 'columns',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var flexGrowClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'flex-grow_',
+        propsKey: 'flexGrow',
+    });
+    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    // @ts-expect-error
+    var htmlContentStyles = useStyles.useStyles(props).styles;
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: content }, "data-tour": dataTour, style: Object.assign({}, htmlContentStyles, style), className: clsx__default.default(className, 'html-content', alignClass, alignDirectionClass, borderColorClass, borderTypeClass, borderWidthClass, columnsClass, directionClass, elevationClass, fillClass, fillHoverClass, flexGrowClass, heightClass, justifyContentClass, shapeClass, textColorClass, weightClass, wrapClass, widthClass), onClick: onClick, children: children }));
+}
+
+exports.HTMLContent = HTMLContent;

package/dist/cjs/{Icon-2rv_L0yY.js → Icon-BUwWk_dS.js}

@@ -8,7 +8,7 @@ var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Link = require('./Link-B6Xq7PWn.js');
-var Tooltip = require('./Tooltip-DRsL77n1.js');
+var Tooltip = require('./Tooltip-VrKQ8W1G.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Input-BqKlyvEt.js → Input-vwyG3XF0.js}

@@ -11,17 +11,18 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 var inputConfig = {
-    state: undefined,
-    setState: function (newComponent) {
-        inputConfig.state = newComponent;
-    },
     appearance: undefined,
     setAppearance: function (newComponent) {
         inputConfig.appearance = newComponent;
     },
+    state: undefined,
+    // eslint-disable-next-line perfectionist/sort-objects
+    setState: function (newComponent) {
+        inputConfig.state = newComponent;
+    },
 };
 var Input = React__default.default.forwardRef(function Input(props, ref) {
-    var appearance = props.appearance, state = props.state, index = props.index, id = props.id, dataTestId = props.dataTestId, type = props.type, className = props.className, name = props.name, placeholder = props.placeholder, isDisabled = props.isDisabled, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -86,9 +87,12 @@ var Input = React__default.default.forwardRef(function Input(props, ref) {
         prefix: 'width_',
         propsKey: 'width',
     });
-    var appearanceConfig = React.useMemo(function () { return appearance && inputConfig.appearance && inputConfig.appearance[appearance]; }, [appearance, inputConfig]);
-    var stateConfig = React.useMemo(function () { return state && inputConfig.state && inputConfig.state[state]; }, [state, inputConfig]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("input", { className: clsx__default.default(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && inputConfig.appearance && inputConfig.appearance[appearance]);
+    var stateConfig = state && inputConfig.state && inputConfig.state[state];
+    return (jsxRuntime.jsxRuntimeExports.jsx("input", { "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
+        // @ts-ignore
+        index: index, placeholder: placeholder, ref: ref, type: type, value: value, className: clsx__default.default(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "input_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), textSizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
@@ -128,9 +132,7 @@ var Input = React__default.default.forwardRef(function Input(props, ref) {
                     "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())
             : textColorDisabledClass ||
                 ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
-        // @ts-ignore
-        index: index, placeholder: placeholder, ref: ref, type: type, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 Input.defaultProps = {
     size: 'm',

package/dist/cjs/{InputPassword-BXCwerW2.js → InputPassword-BqbSnWDE.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-2rv_L0yY.js');
+var Icon = require('./Icon-BUwWk_dS.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -74,9 +74,7 @@ function InputPassword(props) {
         e.preventDefault();
         setIsRevealed(function (prev) { return !prev; });
     }, [setIsRevealed]);
-    var appearanceConfig = React.useMemo(function () {
-        return appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
-    }, [appearance, inputPasswordConfig]);
+    var appearanceConfig = appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
     var stateConfig = React.useMemo(function () { return state && inputPasswordConfig.state && inputPasswordConfig.state[state]; }, [state, inputPasswordConfig]);
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "input-password", children: [jsxRuntime.jsxRuntimeExports.jsx("input", { className: clsx__default.default(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderTextColorClass, shapeClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&

package/dist/cjs/{Label-EFoxH21m.js → Label-Bc4u2NRI.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Tooltip = require('./Tooltip-DRsL77n1.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Tooltip = require('./Tooltip-VrKQ8W1G.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -71,7 +71,7 @@ function Label(props) {
     });
     // @ts-expect-error
     var labelStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && labelConfig.appearance && labelConfig.appearance[appearance]; }, [appearance, labelConfig]);
+    var appearanceConfig = appearance && labelConfig.appearance && labelConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'label', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||

package/dist/cjs/{LanguageSelector-CFKki1Sr.js → LanguageSelector-BswZL8dZ.js}

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
-var Icon = require('./Icon-2rv_L0yY.js');
+var Icon = require('./Icon-BUwWk_dS.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Loader-2vQxF_aO.js → Loader-2CPNhu-4.js}

@@ -1,11 +1,10 @@
 'use strict';
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -43,7 +42,7 @@ function Loader(props) {
     });
     // @ts-expect-error
     var loader = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && loaderConfig.appearance && loaderConfig.appearance[appearance]; }, [appearance, loaderConfig]);
+    var appearanceConfig = appearance && loaderConfig.appearance && loaderConfig.appearance[appearance];
     /*
      * TODO: set temporary variables by other way
      */

package/dist/cjs/Logo-BjDQjs3w.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+var Link = require('./Link-B6Xq7PWn.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+var logoConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        logoConfig.appearance = newComponent;
+    },
+};
+function Logo(props) {
+    var alt = props.alt, appearance = props.appearance, className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src, srcSize = props.srcSize;
+    var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'logo_align-items_',
+        propsKey: 'alignItems',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    // @ts-expect-error
+    var logo = useStyles.useStyles(props).styles;
+    var appearanceConfig = appearance && logoConfig.appearance && logoConfig.appearance[appearance];
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { style: logo, className: clsx__default.default(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, mode && "logo_mode_".concat(mode), size && "logo_size_".concat(size), widthClass), children: link || href ? (jsxRuntime.jsxRuntimeExports.jsx(Link.LinkWrapper, { href: link || href, children: jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) }) })) : (jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) })) }));
+}
+
+exports.Logo = Logo;
+exports.logoConfig = logoConfig;

package/dist/cjs/{Menu-rXCCn52A.js → Menu-Bn0hqLr-.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var MenuItem = require('./MenuItem-C__OMtEI.js');
+var MenuItem = require('./MenuItem-C-0vQBaj.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{MenuItem-C__OMtEI.js → MenuItem-C-0vQBaj.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Link = require('./Link-B6Xq7PWn.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -75,7 +75,7 @@ function MenuItem(props) {
     });
     // @ts-expect-error
     var menuItem = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance]; }, [appearance, menuItemConfig]);
+    var appearanceConfig = appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
             (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsxRuntimeExports.jsx(Link.Link, { className: clsx__default.default('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [before, children || (jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textColorGradient: textGradient, textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, children: label })), desc && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
 }

package/dist/cjs/{ModalLoader-A2KkSC3x.js → ModalLoader-DJWtjEvf.js}

@@ -7,7 +7,7 @@ var ReactDOM = require('react-dom');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Overlay = require('./Overlay-18bnPZPd.js');
-var Loader = require('./Loader-2vQxF_aO.js');
+var Loader = require('./Loader-2CPNhu-4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -118,7 +118,12 @@ var Modal = React__default.default.forwardRef(function Modal(props, ref) {
         }
     }, []);
     // Save ref things
-    React.useImperativeHandle(ref, function () { return ({ isOpen: isOpen, openModal: openModal, closeModal: closeModal, modalElement: modalElement }); });
+    React.useImperativeHandle(ref, function () { return ({ isOpen: isOpen, closeModal: closeModal, modalElement: modalElement, openModal: openModal }); }, [
+        isOpen,
+        openModal,
+        closeModal,
+        modalElement,
+    ]);
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',

package/dist/cjs/{NotificationList-CKd0PxLU.js → NotificationList-D7rD4PAW.js}

@@ -3,10 +3,9 @@
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var Notifications = require('./context/Notifications.js');
-var React = require('react');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-DZn77tSl.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Title = require('./Title-BzopkHQY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -24,11 +23,9 @@ function NotificationItem(props) {
         prefix: 'fill_',
         propsKey: 'fill',
     });
-    var appearanceConfig = React.useMemo(function () {
-        return appearance &&
-            notificationItemConfig.appearance &&
-            notificationItemConfig.appearance[appearance];
-    }, [appearance, notificationItemConfig]);
+    var appearanceConfig = appearance &&
+        notificationItemConfig.appearance &&
+        notificationItemConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), "data-tour": dataTour, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'notification__item-wrapper'), children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||

package/dist/cjs/{Pagination-D6thfJMP.js → Pagination-XAVYtca1.js}

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var DropdownItem = require('./DropdownItem-BhpFr7Z0.js');
-var Icon = require('./Icon-2rv_L0yY.js');
-var Text = require('./Text-C8vlKWNN.js');
+var DropdownItem = require('./DropdownItem-CCuDjUjH.js');
+var Icon = require('./Icon-BUwWk_dS.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Radio-Cvbuwkx3.js → Radio-BH3uHZDb.js}

@@ -1,10 +1,9 @@
 'use strict';
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -62,7 +61,7 @@ function Radio(props) {
         prefix: 'border-color_',
         propsKey: checked ? 'stateBorderColorDisabledChecked' : 'stateBorderColorDisabled',
     });
-    var appearanceConfig = React.useMemo(function () { return appearance && radioConfig.appearance && radioConfig.appearance[appearance]; }, [appearance, radioConfig]);
+    var appearanceConfig = appearance && radioConfig.appearance && radioConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'radio', fillClass, shapeClass), htmlFor: id, children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('radio__item', stateCheckmarkFillClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
                         "radio_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)

package/dist/cjs/{Response-DOQQr9jP.js → Response-BmR09awR.js}

@@ -6,10 +6,10 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Button = require('./Button-DfUQ11Hs.js');
-var Group = require('./Group-C9BxTKs-.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-DZn77tSl.js');
+var Button = require('./Button-C-K_KVjd.js');
+var Group = require('./Group-CtseVj34.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Title = require('./Title-BzopkHQY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -23,7 +23,7 @@ var responseConfig = {
     },
 };
 function Response(props) {
-    var after = props.after, before = props.before, appearance = props.appearance, imageSrc = props.imageSrc, className = props.className, title = props.title, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextColor = props.titleTextColor, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
+    var after = props.after, before = props.before, appearance = props.appearance, imageSrc = props.imageSrc, className = props.className, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, messageTextWeight = props.messageTextWeight, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
     var ImageComponent = React.useMemo(function () {
         if (imageSrc) {
             // eslint-disable-next-line react/prop-types
@@ -64,14 +64,14 @@ function Response(props) {
     });
     // @ts-expect-error
     var responseStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && responseConfig.appearance && responseConfig.appearance[appearance]; }, [appearance, responseConfig]);
+    var appearanceConfig = appearance && responseConfig.appearance && responseConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'response', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                 "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "fill_hover_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, set && "response_set_".concat(set)), style: responseStyles, children: [before, ImageComponent || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc), jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "response__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize) || 'h2', textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight) || '600', children: title })), message && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "response__message", size: messageTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextSize) || 'xxl', textColor: messageTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextColor), children: message }))] }), (primaryButtonLabel ||
+                "fill_hover_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, set && "response_set_".concat(set)), style: responseStyles, children: [before, ImageComponent || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc), jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "response__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize) || 'h2', textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight) || '600', children: title })), message && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "response__message", size: messageTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextSize) || 'xxl', textColor: messageTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextColor), textWeight: messageTextWeight, children: message }))] }), (primaryButtonLabel ||
                 primaryButton ||
                 secondaryButtonLabel ||
                 secondaryButton ||

package/dist/cjs/{SearchResult-BnIZD8lL.js → SearchResult-gHEwq0ay.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-2rv_L0yY.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Icon = require('./Icon-BUwWk_dS.js');
+var Text = require('./Text-D2YDVhGJ.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -86,7 +86,7 @@ var SearchInput = React__default.default.forwardRef(function SearchInput(props,
     });
     // @ts-expect-error
     var searchInputStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && searchInputConfig.appearance && searchInputConfig.appearance[appearance]; }, [appearance, searchInputConfig]);
+    var appearanceConfig = appearance && searchInputConfig.appearance && searchInputConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("label", { className: clsx__default.default(className, 'search-input', shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "search_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||

package/dist/cjs/{Segmented-BHblcvck.js → Segmented-BtzSR0xB.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -70,7 +70,8 @@ var Segmented = React__default.default.forwardRef(function (props, ref) {
         prefix: 'fill_hover_',
         propsKey: 'fillHover',
     });
-    var appearanceConfig = React.useMemo(function () { return appearance && segmentedConfig.appearance && segmentedConfig.appearance[appearance]; }, [appearance, segmentedConfig]);
+    // prettier-ignore
+    var appearanceConfig = (appearance && segmentedConfig.appearance && segmentedConfig.appearance[appearance]);
     return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'segmented', shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "segmented_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||

package/dist/cjs/{SiteMenuButton-B2wBLVOJ.js → SiteMenuButton-B6QISdea.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var UIContext = require('./context/UIContext.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-2rv_L0yY.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Icon = require('./Icon-BUwWk_dS.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Swiper-DrXdHybn.js → Swiper--idB5Ci6.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Title = require('./Title-DZn77tSl.js');
+var Title = require('./Title-BzopkHQY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -337,7 +337,22 @@ function elementChildren(element, selector) {
   if (selector === void 0) {
     selector = '';
   }
-  return [...element.children].filter(el => el.matches(selector));
+  const children = [...element.children];
+  if (element instanceof HTMLSlotElement) {
+    children.push(...element.assignedElements());
+  }
+  if (!selector) {
+    return children;
+  }
+  return children.filter(el => el.matches(selector));
+}
+function elementIsChildOf(el, parent) {
+  const isChild = parent.contains(el);
+  if (!isChild && parent instanceof HTMLSlotElement) {
+    const children = [...parent.assignedElements()];
+    return children.includes(el);
+  }
+  return isChild;
 }
 function showWarning(text) {
   try {
@@ -2602,7 +2617,7 @@ function onTouchStart(event) {
   }
   let targetEl = e.target;
   if (params.touchEventsTarget === 'wrapper') {
-    if (!swiper.wrapperEl.contains(targetEl)) return;
+    if (!elementIsChildOf(targetEl, swiper.wrapperEl)) return;
   }
   if ('which' in e && e.which === 3) return;
   if ('button' in e && e.button > 0) return;
@@ -4671,7 +4686,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.1.5
+ * Swiper React 11.1.8
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4679,7 +4694,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: July 15, 2024
+ * Released on: July 26, 2024
  */
 
 

package/dist/cjs/{SwitchField-B0N-28Ne.js → SwitchField-CCHC2ZHS.js}

@@ -2,13 +2,13 @@
 
 var _tslib = require('./_tslib-CKiUdo7p.js');
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var Radio = require('./Radio-Cvbuwkx3.js');
+var Radio = require('./Radio-BH3uHZDb.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var index = require('./components/Select.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Icon = require('./Icon-2rv_L0yY.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Icon = require('./Icon-BUwWk_dS.js');
 var useStyles = require('./hooks/useStyles.js');
 var Switch = require('./Switch-K1p9h3aF.js');