@itcase/ui 1.1.15 → 1.1.17

package/dist/HTMLContent-CgbJTAy4.js

@@ -0,0 +1,85 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+
+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(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'html-content_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass(props, {
+        prefix: 'html-content_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'html-content_shape_',
+        propsKey: 'shape',
+    });
+    var columnsClass = useDeviceTargetClass(props, {
+        prefix: 'html-content_columns_',
+        propsKey: 'columns',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var flexGrowClass = useDeviceTargetClass(props, {
+        prefix: 'flex-grow_',
+        propsKey: 'flexGrow',
+    });
+    var elevationClass = useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    var textColorClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var weightClass = useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    // @ts-expect-error
+    var htmlContentStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: content }, "data-tour": dataTour, style: Object.assign({}, htmlContentStyles, style), className: clsx(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 }));
+}
+
+export { HTMLContent as H };

package/dist/{Icon-DWnG-4KG.js → Icon-C0gtkmdU.js}

@@ -6,7 +6,7 @@ import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { a as LinkWrapper } from './Link-Co6uspFK.js';
-import { T as Tooltip } from './Tooltip-CpEQOh9v.js';
+import { T as Tooltip } from './Tooltip-D46EmkZq.js';
 
 var iconConfig = {
     appearance: {},

package/dist/{Input-CYMKQ0qF.js → Input-CYDtAlO-.js}

@@ -1,20 +1,21 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useMemo } from 'react';
+import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 
 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.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(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -79,9 +80,12 @@ var Input = React__default.forwardRef(function Input(props, ref) {
         prefix: 'width_',
         propsKey: 'width',
     });
-    var appearanceConfig = useMemo(function () { return appearance && inputConfig.appearance && inputConfig.appearance[appearance]; }, [appearance, inputConfig]);
-    var stateConfig = useMemo(function () { return state && inputConfig.state && inputConfig.state[state]; }, [state, inputConfig]);
-    return (jsxRuntimeExports.jsx("input", { className: clsx(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 (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(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) &&
@@ -121,9 +125,7 @@ var Input = React__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/{InputPassword-BOdsE_Yd.js → InputPassword-D6OLQrVC.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 
 var inputPasswordConfig = {
     state: undefined,
@@ -68,9 +68,7 @@ function InputPassword(props) {
         e.preventDefault();
         setIsRevealed(function (prev) { return !prev; });
     }, [setIsRevealed]);
-    var appearanceConfig = useMemo(function () {
-        return appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
-    }, [appearance, inputPasswordConfig]);
+    var appearanceConfig = appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
     var stateConfig = useMemo(function () { return state && inputPasswordConfig.state && inputPasswordConfig.state[state]; }, [state, inputPasswordConfig]);
     return (jsxRuntimeExports.jsxs("div", { className: "input-password", children: [jsxRuntimeExports.jsx("input", { className: clsx(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderTextColorClass, shapeClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&

package/dist/{Label-VHbRKztj.js → Label-0lMH0-AK.js}

@@ -1,10 +1,10 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useRef, useCallback, useMemo } from 'react';
+import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-CxrzHFN1.js';
-import { T as Tooltip } from './Tooltip-CpEQOh9v.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Tooltip } from './Tooltip-D46EmkZq.js';
 
 var labelConfig = {
     appearance: undefined,
@@ -65,7 +65,7 @@ function Label(props) {
     });
     // @ts-expect-error
     var labelStyles = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && labelConfig.appearance && labelConfig.appearance[appearance]; }, [appearance, labelConfig]);
+    var appearanceConfig = appearance && labelConfig.appearance && labelConfig.appearance[appearance];
     return (jsxRuntimeExports.jsxs("div", { className: clsx(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/{LanguageSelector-CzIV_gnd.js → LanguageSelector-uOmIj9mJ.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;

package/dist/{Loader-YZrWGaNy.js → Loader-DhgIcSY1.js}

@@ -1,9 +1,8 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 // TODO: is better to use context?
 var loaderConfig = {
@@ -37,7 +36,7 @@ function Loader(props) {
     });
     // @ts-expect-error
     var loader = useStyles(props).styles;
-    var appearanceConfig = 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/Logo-dRWwDqj-.js

@@ -0,0 +1,37 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { a as LinkWrapper } from './Link-Co6uspFK.js';
+
+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(props, {
+        prefix: 'logo_align-items_',
+        propsKey: 'alignItems',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    // @ts-expect-error
+    var logo = useStyles(props).styles;
+    var appearanceConfig = appearance && logoConfig.appearance && logoConfig.appearance[appearance];
+    return (jsxRuntimeExports.jsx("div", { style: logo, className: clsx(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, mode && "logo_mode_".concat(mode), size && "logo_size_".concat(size), widthClass), children: link || href ? (jsxRuntimeExports.jsx(LinkWrapper, { href: link || href, children: jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) }) })) : (jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) })) }));
+}
+
+export { Logo as L, logoConfig as l };

package/dist/{Menu-Cd-XlUmJ.js → Menu-9u6BoWRL.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { M as MenuItem } from './MenuItem-COZ-C9K2.js';
+import { M as MenuItem } from './MenuItem-CXxL099U.js';
 
 function Menu(props) {
     var after = props.after, before = props.before, children = props.children, className = props.className, items = props.items, type = props.type, onClickItem = props.onClickItem;

package/dist/{MenuItem-COZ-C9K2.js → MenuItem-CXxL099U.js}

@@ -1,10 +1,10 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useMemo } from 'react';
+import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { L as Link } from './Link-Co6uspFK.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var menuItemConfig = {
     appearance: undefined,
@@ -68,7 +68,7 @@ function MenuItem(props) {
     });
     // @ts-expect-error
     var menuItem = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance]; }, [appearance, menuItemConfig]);
+    var appearanceConfig = appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance];
     return (jsxRuntimeExports.jsx("div", { className: clsx('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: jsxRuntimeExports.jsx(Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntimeExports.jsxs(React__default.Fragment, { children: [before, children || (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [label && (jsxRuntimeExports.jsx(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 && (jsxRuntimeExports.jsx(Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
 }

package/dist/{ModalLoader-8l8YtIvz.js → ModalLoader-DHOpJqE3.js}

@@ -5,7 +5,7 @@ import ReactDOM__default from 'react-dom';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { O as Overlay } from './Overlay-C4gCb0sL.js';
-import { L as Loader } from './Loader-YZrWGaNy.js';
+import { L as Loader } from './Loader-DhgIcSY1.js';
 
 var getOrCreateModalElement = function (modalQuerySelector, className) {
     var _a;
@@ -110,7 +110,12 @@ var Modal = React__default.forwardRef(function Modal(props, ref) {
         }
     }, []);
     // Save ref things
-    useImperativeHandle(ref, function () { return ({ isOpen: isOpen, openModal: openModal, closeModal: closeModal, modalElement: modalElement }); });
+    useImperativeHandle(ref, function () { return ({ isOpen: isOpen, closeModal: closeModal, modalElement: modalElement, openModal: openModal }); }, [
+        isOpen,
+        openModal,
+        closeModal,
+        modalElement,
+    ]);
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',

package/dist/{NotificationList-C2OCJkY5.js → NotificationList-B48jz206.js}

@@ -1,10 +1,9 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useNotifications, useNotificationsAPI } from './context/Notifications.js';
-import { useMemo } from 'react';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-CxrzHFN1.js';
-import { T as Title } from './Title-BhJcCgdK.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Title } from './Title-BAdU2oW_.js';
 
 var notificationItemConfig = {
     appearance: {},
@@ -18,11 +17,9 @@ function NotificationItem(props) {
         prefix: 'fill_',
         propsKey: 'fill',
     });
-    var appearanceConfig = useMemo(function () {
-        return appearance &&
-            notificationItemConfig.appearance &&
-            notificationItemConfig.appearance[appearance];
-    }, [appearance, notificationItemConfig]);
+    var appearanceConfig = appearance &&
+        notificationItemConfig.appearance &&
+        notificationItemConfig.appearance[appearance];
     return (jsxRuntimeExports.jsxs("div", { className: clsx('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, jsxRuntimeExports.jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsxRuntimeExports.jsx(Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||

package/dist/{Pagination-QfVqvSbE.js → Pagination-Ch75clod.js}

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from './DropdownItem-Cf5vBgDu.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { D as Dropdown, a as DropdownItem } from './DropdownItem-DB5nPIdl.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function Pagination(props) {
     var allItemsCount = props.allItemsCount, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _a = props.pageCountArray, pageCountArray = _a === void 0 ? [10, 20, 50, 100] : _a, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, pageNumber = props.pageNumber, pageRangeDisplayed = props.pageRangeDisplayed, _b = props.perPageCount, perPageCount = _b === void 0 ? 0 : _b, previousLabel = props.previousLabel, isPageCount = props.isPageCount, isPageCountDropdownReversed = props.isPageCountDropdownReversed, onPageChange = props.onPageChange, onPerPageCountChange = props.onPerPageCountChange;

package/dist/{Radio-Ca2-2PPF.js → Radio-CmejVeSJ.js}

@@ -1,8 +1,7 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var radioConfig = {
     state: undefined,
@@ -56,7 +55,7 @@ function Radio(props) {
         prefix: 'border-color_',
         propsKey: checked ? 'stateBorderColorDisabledChecked' : 'stateBorderColorDisabled',
     });
-    var appearanceConfig = useMemo(function () { return appearance && radioConfig.appearance && radioConfig.appearance[appearance]; }, [appearance, radioConfig]);
+    var appearanceConfig = appearance && radioConfig.appearance && radioConfig.appearance[appearance];
     return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'radio', fillClass, shapeClass), htmlFor: id, children: [jsxRuntimeExports.jsxs("div", { className: clsx('radio__item', stateCheckmarkFillClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
                         "radio_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)

package/dist/{Response-DzfL5Sy8.js → Response-CgE3B1JS.js}

@@ -4,10 +4,10 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { B as Button } from './Button-ULZVVxWC.js';
-import { G as Group } from './Group-C2kJKhWJ.js';
-import { T as Text } from './Text-CxrzHFN1.js';
-import { T as Title } from './Title-BhJcCgdK.js';
+import { B as Button } from './Button-DxZUKQ8I.js';
+import { G as Group } from './Group-DuHn_z2p.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Title } from './Title-BAdU2oW_.js';
 
 var responseConfig = {
     appearance: undefined,
@@ -16,7 +16,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 = useMemo(function () {
         if (imageSrc) {
             // eslint-disable-next-line react/prop-types
@@ -57,14 +57,14 @@ function Response(props) {
     });
     // @ts-expect-error
     var responseStyles = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && responseConfig.appearance && responseConfig.appearance[appearance]; }, [appearance, responseConfig]);
+    var appearanceConfig = appearance && responseConfig.appearance && responseConfig.appearance[appearance];
     return (jsxRuntimeExports.jsxs("div", { className: clsx(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), jsxRuntimeExports.jsxs(Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntimeExports.jsx(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 && (jsxRuntimeExports.jsx(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), jsxRuntimeExports.jsxs(Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntimeExports.jsx(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 && (jsxRuntimeExports.jsx(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/{SearchResult-DbhHiNmy.js → SearchResult-vA2t-ZGx.js}

@@ -1,10 +1,10 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useCallback, useMemo } from 'react';
+import React__default, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 import { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
 
 var searchInputConfig = {
@@ -79,7 +79,7 @@ var SearchInput = React__default.forwardRef(function SearchInput(props, ref) {
     });
     // @ts-expect-error
     var searchInputStyles = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && searchInputConfig.appearance && searchInputConfig.appearance[appearance]; }, [appearance, searchInputConfig]);
+    var appearanceConfig = appearance && searchInputConfig.appearance && searchInputConfig.appearance[appearance];
     return (jsxRuntimeExports.jsxs("label", { className: clsx(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/{Segmented-pa7MGnor.js → Segmented-BoROz9LW.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import React__default, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var segmentedConfig = {
     appearance: undefined,
@@ -63,7 +63,8 @@ var Segmented = React__default.forwardRef(function (props, ref) {
         prefix: 'fill_hover_',
         propsKey: 'fillHover',
     });
-    var appearanceConfig = useMemo(function () { return appearance && segmentedConfig.appearance && segmentedConfig.appearance[appearance]; }, [appearance, segmentedConfig]);
+    // prettier-ignore
+    var appearanceConfig = (appearance && segmentedConfig.appearance && segmentedConfig.appearance[appearance]);
     return (jsxRuntimeExports.jsx("div", { className: clsx(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/{SiteMenuButton-BwyPO-2_.js → SiteMenuButton-CFPtqh_i.js}

@@ -3,8 +3,8 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { useSiteMenuContext } from './context/UIContext.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function SiteMenu(props) {
     var children = props.children, className = props.className, closeText = props.closeText, closeTextSize = props.closeTextSize, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, iconClose = props.iconClose, onClose = props.onClose;

package/dist/{Swiper-CL9zCKXE.js → Swiper-CP2ph4S3.js}

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useRef, useEffect, useLayoutEffec
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Title } from './Title-BhJcCgdK.js';
+import { T as Title } from './Title-BAdU2oW_.js';
 
 /**
  * SSR Window 4.0.2
@@ -330,7 +330,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 {
@@ -2595,7 +2610,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;
@@ -4664,7 +4679,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
  *
@@ -4672,7 +4687,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: July 15, 2024
+ * Released on: July 26, 2024
  */
 
 

package/dist/{SwitchField-nmu255b8.js → SwitchField-Cj0B7JdE.js}

@@ -1,12 +1,12 @@
 import { _ as __assign } from './_tslib-S-VPg1Cw.js';
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { R as Radio } from './Radio-Ca2-2PPF.js';
+import { R as Radio } from './Radio-CmejVeSJ.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { SelectInput } from './components/Select.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { T as Text } from './Text-CxrzHFN1.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 import { useStyles } from './hooks/useStyles.js';
 import { S as Switch } from './Switch-0BHqovLA.js';
 

package/dist/{TabGroup-CK6ndAuh.js → TabGroup-C4CbZgr7.js}

@@ -1,12 +1,12 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useMemo } from 'react';
+import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { B as Badge } from './Badge-BBbMdbjo.js';
+import { B as Badge } from './Badge-DtYgQu3L.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
 import { L as Link } from './Link-Co6uspFK.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var tabConfig = {
     appearance: undefined,
@@ -15,7 +15,7 @@ var tabConfig = {
     },
 };
 function Tab(props) {
-    var isActive = props.isActive, isDisabled = props.isDisabled, isHover = props.isHover, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, children = props.children, className = props.className, dataTour = props.dataTour, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, onClick = props.onClick, onMouseEnter = props.onMouseEnter, rel = props.rel, reset = props.reset, set = props.set, target = props.target;
+    var _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isHover, isHover = _c === void 0 ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, children = props.children, className = props.className, dataTour = props.dataTour, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, onClick = props.onClick, onMouseEnter = props.onMouseEnter, rel = props.rel, reset = props.reset, set = props.set, target = props.target;
     var alignDirectionClass = useDeviceTargetClass(props, {
         prefix: 'align_',
         propsKey: 'alignDirection',
@@ -66,7 +66,7 @@ function Tab(props) {
     });
     // @ts-expect-error
     var tab = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && tabConfig.appearance && tabConfig.appearance[appearance]; }, [appearance, tabConfig]);
+    var appearanceConfig = appearance && tabConfig.appearance && tabConfig.appearance[appearance];
     return (jsxRuntimeExports.jsx("div", { className: clsx('tab', isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', isHover && 'tab_state_hover', fillClass ||
             (isDisabled
                 ? fillDisabledClass ||