@itcase/ui 1.1.14 → 1.1.16

package/dist/cjs/{DropdownItem-bjpmcFH1.js → DropdownItem-BhpFr7Z0.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Link = require('./Link-3qPujNn9.js');
+var Link = require('./Link-B6Xq7PWn.js');
 var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -7,8 +7,8 @@ var clsx = require('clsx');
 var SVG = require('react-inlinesvg');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Link = require('./Link-3qPujNn9.js');
-var Tooltip = require('./Tooltip-CnnungCh.js');
+var Link = require('./Link-B6Xq7PWn.js');
+var Tooltip = require('./Tooltip-DRsL77n1.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-DHgR_QTK.js → InputPassword-BXCwerW2.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-DzJtiBBk.js');
+var Icon = require('./Icon-2rv_L0yY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

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

@@ -6,7 +6,7 @@ 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-CnnungCh.js');
+var Tooltip = require('./Tooltip-DRsL77n1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

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

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

package/dist/cjs/{Link-3qPujNn9.js → Link-B6Xq7PWn.js}

@@ -36,6 +36,14 @@ function Link(props) {
         prefix: 'fill_',
         propsKey: 'fill',
     });
+    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'svg_fill_',
+        propsKey: 'svgFill',
+    });
+    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'svg_fill_hover_',
+        propsKey: 'svgFillHover',
+    });
     var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'text-weight_',
         propsKey: 'textWeight',
@@ -54,7 +62,7 @@ function Link(props) {
     });
     // @ts-expect-error
     var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(className, 'link', directionClass, sizeClass, underline && "link_underline_".concat(underline), (textColorClass ||
+    return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(className, 'link', directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), (textColorClass ||
             textColorHoverClass ||
             textGradientClass ||
             textStyleClass ||

package/dist/cjs/{ListItem-CvMoKXM-.js → ListItem-C3tWa-2I.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useStyles = require('./hooks/useStyles.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Link = require('./Link-3qPujNn9.js');
+var Link = require('./Link-B6Xq7PWn.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Logo-YADZn1N4.js → Logo-CcEF4P2z.js}

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
-var Link = require('./Link-3qPujNn9.js');
+var Link = require('./Link-B6Xq7PWn.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 
@@ -11,7 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Logo(props) {
-    var className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src;
+    var alt = props.alt, className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src;
     var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'logo_align-items_',
         propsKey: 'alignItems',
@@ -30,7 +30,7 @@ function Logo(props) {
     });
     // @ts-expect-error
     var logo = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'logo', alignDirectionClass, alignClass, widthClass, alignItemsClass, size && "logo_size_".concat(size), mode && "logo_mode_".concat(mode)), style: logo, children: link || href ? (jsxRuntime.jsxRuntimeExports.jsxs(Link.LinkWrapper, { href: link || href, children: [' ', jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source })] })) : (jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source })) }));
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, mode && "logo_mode_".concat(mode), size && "logo_size_".concat(size), widthClass), style: logo, children: link || href ? (jsxRuntime.jsxRuntimeExports.jsxs(Link.LinkWrapper, { href: link || href, children: [' ', jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source })] })) : (jsxRuntime.jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source })) }));
 }
 
 exports.Logo = Logo;

package/dist/cjs/{Menu-CDlB7QNf.js → Menu-rXCCn52A.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-4uVtNhb4.js');
+var MenuItem = require('./MenuItem-C__OMtEI.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{MenuItem-4uVtNhb4.js → MenuItem-C__OMtEI.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 Link = require('./Link-3qPujNn9.js');
+var Link = require('./Link-B6Xq7PWn.js');
 var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -71,6 +71,8 @@ var Modal = React__default.default.forwardRef(function Modal(props, ref) {
     // Show modal with children content
     var openModal = React.useCallback(function () {
         setIsOpen(true);
+        console.warn('========   openModal   ========');
+        console.log('onOpenModal ', onOpenModal);
         // Callback
         if (typeof onOpenModal === 'function') {
             onOpenModal();
@@ -118,7 +120,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-BTvz_kvZ.js → NotificationList-CKd0PxLU.js}

@@ -6,7 +6,7 @@ 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-C3lN-EvU.js');
+var Title = require('./Title-DZn77tSl.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -42,8 +42,8 @@ NotificationItem.defaultProps = {
 function NotificationList(props) {
     var notifications = Notifications.useNotifications();
     var hideNotifications = Notifications.useNotificationsAPI().hideNotifications;
-    var className = props.className, size = props.size, type = props.type, set = props.set, closeButton = props.closeButton;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('notification', className), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsxRuntime.jsxRuntimeExports.jsx(NotificationItem, { id: notification.id, type: notification.type || type, set: notification.set || set, size: notification.size || size, title: notification.title, text: notification.text, status: notification.status, closeButton: closeButton, onClickClose: hideNotifications }, i)); }) }) }));
+    var className = props.className, closeButton = props.closeButton, set = props.set, size = props.size, type = props.type;
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('notification', className), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsxRuntime.jsxRuntimeExports.jsx(NotificationItem, { closeButton: closeButton, id: notification.id, size: notification.size || size, status: notification.status, text: notification.text, title: notification.title, type: notification.type || type, set: notification.set || set, onClickClose: hideNotifications }, i)); }) }) }));
 }
 
 exports.NotificationItem = NotificationItem;

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

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

package/dist/cjs/{Response-XesiDp89.js → Response-CwdUpO-8.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-C4_FRFZe.js');
+var Button = require('./Button-DfUQ11Hs.js');
 var Group = require('./Group-C9BxTKs-.js');
 var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-C3lN-EvU.js');
+var Title = require('./Title-DZn77tSl.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
@@ -71,7 +71,7 @@ function Response(props) {
             ((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-D147g0-n.js → SearchResult-BnIZD8lL.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 Icon = require('./Icon-DzJtiBBk.js');
+var Icon = require('./Icon-2rv_L0yY.js');
 var Text = require('./Text-C8vlKWNN.js');
 var Scrollbar = require('./Scrollbar-DOujlQOb.js');
 

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

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

package/dist/cjs/{Swiper-DHjkfpbP.js → Swiper-DrXdHybn.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-C3lN-EvU.js');
+var Title = require('./Title-DZn77tSl.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -617,7 +617,7 @@ function Observer(_ref) {
     });
     observer.observe(target, {
       attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
-      childList: typeof options.childList === 'undefined' ? true : options.childList,
+      childList: swiper.isElement || (typeof options.childList === 'undefined' ? true : options).childList,
       characterData: typeof options.characterData === 'undefined' ? true : options.characterData
     });
     observers.push(observer);
@@ -4671,7 +4671,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.1.4
+ * Swiper React 11.1.5
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4679,7 +4679,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: May 30, 2024
+ * Released on: July 15, 2024
  */
 
 

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

@@ -8,7 +8,7 @@ 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-DzJtiBBk.js');
+var Icon = require('./Icon-2rv_L0yY.js');
 var useStyles = require('./hooks/useStyles.js');
 var Switch = require('./Switch-K1p9h3aF.js');
 

package/dist/cjs/{TabGroup-Vn5oELiY.js → TabGroup-BCw7IKuz.js}

@@ -5,9 +5,9 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Badge = require('./Badge-zYZKun4n.js');
+var Badge = require('./Badge-D7W3B9G5.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Link = require('./Link-3qPujNn9.js');
+var Link = require('./Link-B6Xq7PWn.js');
 var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Tile-j8EfyWDg.js → Tile-2VY0LzsE.js}

@@ -4,16 +4,16 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Badge = require('./Badge-zYZKun4n.js');
+var Badge = require('./Badge-D7W3B9G5.js');
 var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-C3lN-EvU.js');
+var Title = require('./Title-DZn77tSl.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Tile(props) {
-    var after = props.after, badge = props.badge, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, before = props.before, children = props.children, className = props.className, direction = props.direction, reverse = props.reverse, size = props.size, text = props.text, textColor = props.textColor, textSize = props.textSize, textWrap = props.textWrap, title = props.title, titleTextAlign = props.titleTextAlign, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, type = props.type, onClick = props.onClick;
+    var children = props.children, after = props.after, badge = props.badge, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, before = props.before, className = props.className, direction = props.direction, reverse = props.reverse, size = props.size, text = props.text, textColor = props.textColor, textSize = props.textSize, textWrap = props.textWrap, title = props.title, titleTextAlign = props.titleTextAlign, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, type = props.type, onClick = props.onClick;
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',

package/dist/cjs/{Title-C3lN-EvU.js → Title-DZn77tSl.js}

@@ -18,8 +18,16 @@ var titleConfig = {
     },
 };
 function Title(props) {
-    var appearance = props.appearance, children = props.children, className = props.className, dataTour = props.dataTour, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
+    var appearance = props.appearance, children = props.children, className = props.className, dataTour = props.dataTour, before = props.before, beforeWrapper = props.beforeWrapper, afterWrapper = props.afterWrapper, after = props.after, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
     var _b = UIContext.useUserDeviceContext(), isMobile = _b.isMobile, isTablet = _b.isTablet, isDesktop = _b.isDesktop;
+    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'title_direction_',
+        propsKey: 'direction',
+    });
+    var directionWrapperClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'title-direction_',
+        propsKey: 'wrapperDirection',
+    });
     var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'text-color_',
         propsKey: 'textColor',
@@ -32,6 +40,14 @@ function Title(props) {
         prefix: 'text-color_hover_',
         propsKey: 'textColorHover',
     });
+    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'svg_fill_',
+        propsKey: 'svgFill',
+    });
+    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'svg_fill_hover_',
+        propsKey: 'svgFillHover',
+    });
     var textAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'text-align_',
         propsKey: 'textAlign',
@@ -61,7 +77,7 @@ function Title(props) {
         propsKey: 'textTruncate',
     });
     // @ts-expect-error
-    var titleStyles = useStyles.useStyles(props).styles;
+    var _c = useStyles.useStyles(props), titleStyles = _c.styles, titleWrapperStyles = _c.wrapper;
     var appearanceConfig = React.useMemo(function () { return appearance && titleConfig.appearance && titleConfig.appearance[appearance]; }, [appearance, titleConfig]);
     // Element type (h1, h2, ..., h6)
     var Tag = React.useMemo(function () {
@@ -79,9 +95,9 @@ function Title(props) {
         }
         return size ? size : 'span';
     }, [isMobile, isTablet, isDesktop]);
-    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { className: clsx__default.default(className, 'title', fillColorClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), textColorClass ||
+    return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, onClick: onClick, style: titleStyles, children: jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx__default.default(textAlignClass, 'title__wrapper', textTruncateClass), children: children || text }) }));
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, onClick: onClick, style: titleStyles, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("span", { className: clsx__default.default(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 Title.defaultProps = {
     size: 'h3',

package/dist/cjs/{Tooltip-CnnungCh.js → Tooltip-DRsL77n1.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-C3lN-EvU.js');
+var Title = require('./Title-DZn77tSl.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/components/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
-import { IAccordionProps } from './Accordion.interface';
-declare function Accordion(props: IAccordionProps): import("react/jsx-runtime").JSX.Element;
+import type { iAccordionProps } from './Accordion.interface';
+declare function Accordion(props: iAccordionProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Accordion {
     var defaultProps: {
         initial: never[];

package/dist/cjs/components/Accordion/Accordion.interface.d.ts

@@ -1,70 +1,70 @@
-import { CSSProperties, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../types';
-export interface IAccordionProps extends TypeStyleAttributes {
-    children?: ReactNode;
+import type { CSSProperties, ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextWeightProps, tWidthProps } from '../../types';
+interface iAccordionItemEventData {
+    id: number | string;
+    content?: ReactNode;
+    title: string;
+    isExpanded: boolean;
+}
+interface iAccordionProps extends iStyleAttributes {
+    borderColor?: tBorderColorProps;
+    children?: Element | React.ReactNode;
     className: string;
+    direction?: tDirectionProps;
+    fill?: tFillProps;
+    height?: tHeightProps;
     initial: any;
-    isMultiple: boolean;
     items?: {
-        content: ReactNode;
         id: number | string;
+        content?: ReactNode;
         title: string;
     }[];
+    shape?: tShapeProps;
     style?: CSSProperties;
-    onClickItem?: ({}: {
-        id: number | string;
-    }) => void;
-    borderColor?: borderColorPropsType;
-    direction?: directionPropsType;
-    fill?: fillPropsType;
-    height?: heightPropsType;
-    shape?: shapePropsType;
-    width?: widthPropsType;
+    width?: tWidthProps;
+    isMultiple: boolean;
+    onClickItem?: (T: iAccordionItemEventData) => void;
 }
-export interface IAccordionItemProps extends TypeStyleAttributes {
+interface iAccordionItemProps extends iStyleAttributes {
+    id: number | string;
     afterContent?: ReactNode;
     beforeContent?: ReactNode;
+    borderColor?: tBorderColorProps;
     children?: ReactNode;
     className?: string;
     content?: ReactNode;
-    contentTextColor?: textColorPropsType;
-    contentTextSize?: sizePropsType;
-    contentTextWeight?: textWeightPropsType;
+    contentBorderColor?: tBorderColorProps;
+    contentFill?: tFillProps;
+    contentTextColor?: tTextColorProps;
+    contentTextSize?: tSizeProps;
+    contentTextWeight?: tTextWeightProps;
+    fill?: tFillProps;
+    fillDesktop?: tFillProps;
+    fillHover?: tFillHoverProps;
+    fillMobile?: tFillProps;
+    fillTablet?: tFillProps;
+    height?: tHeightProps;
     icon?: ReactNode;
-    id: number | string;
-    size?: sizePropsType;
+    iconFill?: tItemColorProps;
+    iconFillDesktop?: tItemColorProps;
+    iconFillMobile?: tItemColorProps;
+    iconFillTablet?: tItemColorProps;
+    shape?: tShapeProps;
+    shapeDesktop?: tShapeProps;
+    shapeMobile?: tShapeProps;
+    shapeTablet?: tShapeProps;
+    size?: tSizeProps;
     style?: CSSProperties;
     title?: string;
-    titleTextColor?: textColorPropsType;
-    titleTextSize?: sizePropsType;
-    titleTextWeight?: textWeightPropsType;
+    titleBorderColor?: tBorderColorProps;
+    titleFill?: tFillProps;
+    titleFillHover?: tFillHoverProps;
+    titleTextColor?: tTextColorProps;
+    titleTextSize?: tSizeProps;
+    titleTextWeight?: tTextWeightProps;
+    width?: tWidthProps;
     isExpanded?: boolean;
-    onClick?: ({}: {
-        id: number | string;
-        title?: string;
-        content?: ReactNode;
-        isExpanded?: boolean;
-    }) => void;
-    fillDesktop?: fillPropsType;
-    fillMobile?: fillPropsType;
-    fillTablet?: fillPropsType;
-    iconFill?: itemColorPropsType;
-    iconFillDesktop?: itemColorPropsType;
-    iconFillMobile?: itemColorPropsType;
-    iconFillTablet?: itemColorPropsType;
-    shapeDesktop?: shapePropsType;
-    shapeMobile?: shapePropsType;
-    shapeTablet?: shapePropsType;
-    borderColor?: borderColorPropsType;
-    contentBorderColor?: borderColorPropsType;
-    titleBorderColor?: borderColorPropsType;
-    fill?: fillPropsType;
-    fillHover?: fillHoverPropsType;
-    contentFill?: fillPropsType;
-    titleFill?: fillPropsType;
-    titleFillHover?: fillHoverPropsType;
-    shape?: shapePropsType;
-    width?: widthPropsType;
-    height?: heightPropsType;
+    onClick?: (T: iAccordionItemEventData) => void;
 }
+export type { iAccordionItemEventData, iAccordionProps, iAccordionItemProps };

package/dist/cjs/components/Accordion/AccordionItem.d.ts

@@ -1,5 +1,5 @@
-import { IAccordionItemProps } from './Accordion.interface';
-declare function AccordionItem(props: IAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+import type { iAccordionItemProps } from './Accordion.interface';
+declare function AccordionItem(props: iAccordionItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionItem {
     var defaultProps: {
         iconFill: string;

package/dist/cjs/components/Accordion.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Accordion = require('../Accordion-BPSF6By2.js');
+var Accordion = require('../Accordion-rCFDAon3.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
@@ -16,12 +16,12 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-DzJtiBBk.js');
+require('../Icon-2rv_L0yY.js');
 require('react-inlinesvg');
-require('../Link-3qPujNn9.js');
-require('../Tooltip-CnnungCh.js');
+require('../Link-B6Xq7PWn.js');
+require('../Tooltip-DRsL77n1.js');
 require('../Text-C8vlKWNN.js');
-require('../Title-C3lN-EvU.js');
+require('../Title-DZn77tSl.js');