@itcase/ui 1.9.75 → 1.9.76

package/dist/components/Select.js

@@ -1,11 +1,11 @@
-export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_FnfMojiJ.js';
+export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_lcK3hLMn.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-select';
 import 'react-select/creatable';
-import '../Group_es_C5ZSQzaZ.js';
-import '../primitives_es_CFZll4Gh.js';
+import '../Group_es_QTnd0xiG.js';
+import '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -16,4 +16,4 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '@itcase/icons/default';
-import '../Loader_es_DXPtXFW_.js';
+import '../Loader_es_4Cb8_RxK.js';

package/dist/components/Swiper.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
-import { G as Group } from '../Group_es_C5ZSQzaZ.js';
-import { a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text } from '../primitives_es_CFZll4Gh.js';
+import { G as Group } from '../Group_es_QTnd0xiG.js';
+import { a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Switch.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_CFZll4Gh.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, i as Link, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon, D as Divider } from '../primitives_es_CFZll4Gh.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, i as Link, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon, D as Divider } from '../primitives_es_Dd7DZpxg.js';
 import { useActiveClasses } from '../hooks/useActiveClasses/useActiveClasses.js';
 import '@rc-component/tooltip';
 import 'lodash/camelCase';

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { b as Text, t as textAppearance, q as textConfig } from '../primitives_es_CFZll4Gh.js';
+export { b as Text, t as textAppearance, q as textConfig } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/components/Textarea.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator } from '../primitives_es_CFZll4Gh.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Tile.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon } from '../primitives_es_CFZll4Gh.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { T as Title, y as titleAppearance, z as titleConfig } from '../primitives_es_CFZll4Gh.js';
+export { T as Title, y as titleAppearance, z as titleConfig } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { l as Tooltip, h as TooltipWrapper, A as tooltipAppearance, C as tooltipConfig } from '../primitives_es_CFZll4Gh.js';
+export { l as Tooltip, h as TooltipWrapper, A as tooltipAppearance, C as tooltipConfig } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/components/Video.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { u as useStyles } from '../primitives_es_CFZll4Gh.js';
+import { u as useStyles } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Warning.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_CFZll4Gh.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_Dd7DZpxg.js';
 import { icons16 } from '@itcase/icons/default';
 import '@rc-component/tooltip';
 import 'lodash/camelCase';

package/dist/context/Notifications.js

@@ -2,7 +2,7 @@ import 'react/jsx-runtime';
 import 'react';
 import 'uuid';
 import '@itcase/common';
-export { N as NotificationsProvider, j as useNotifications, k as useNotificationsAPI } from '../primitives_es_CFZll4Gh.js';
+export { N as NotificationsProvider, j as useNotifications, k as useNotificationsAPI } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/context/UIContext.js

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import 'react';
 import 'lodash/camelCase';
-export { U as UIProvider, e as useUserDeviceContext } from '../primitives_es_CFZll4Gh.js';
+export { U as UIProvider, e as useUserDeviceContext } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/castArray';

package/dist/context/UrlAssetPrefix.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { E as UrlAssetPrefixContext, F as UrlAssetPrefixProvider } from '../primitives_es_CFZll4Gh.js';
+export { E as UrlAssetPrefixContext, F as UrlAssetPrefixProvider } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/css/styles/bundles.css

@@ -101678,13 +101678,9 @@ div.swiper-pagination {
   right: 15%;
 }
 .tooltip {
-  width: fit-content;
-  min-width: 160px;
+  width: 100%;
   position: relative;
   display: flex;
-  visibility: hidden;
-  border: solid 2px red;
-  opacity: 0%;
   &__arrow {
     width: var(--tooltip-arrow-width);
     height: var(--tooltip-arrow-height);
@@ -101702,6 +101698,41 @@ div.swiper-pagination {
     z-index: 1;
   }
 }
+.tooltip-wrapper {
+  position: absolute;
+  min-width: 160px;
+  width: fit-content;
+  animation-duration: 0.2s;
+  animation-name: tooltipShowAnimation;
+  &&-hidden {
+    visibility: hidden;
+    animation-duration: 0.2s;
+    animation-name: tooltipHideAnimation;
+    opacity: 0%;
+  }
+  &-placement {
+    &-top {
+      & .tooltip {
+        transform: translate(0, -8px);
+      }
+    }
+    &-bottom {
+      & .tooltip {
+        transform: translate(0, 8px);
+      }
+    }
+    &-left {
+      & .tooltip {
+        transform: translate(-8px, 0);
+      }
+    }
+    &-right {
+      & .tooltip {
+        transform: translate(8px, 0);
+      }
+    }
+  }
+}
 @keyframes tooltipShowAnimation {
   0% {
     visibility: hidden;
@@ -101722,9 +101753,6 @@ div.swiper-pagination {
     opacity: 0%;
   }
 }
-.tooltip-wrapper {
-  position: absolute;
-}
 .tooltip {
   &_size {
       &_s {
@@ -101856,40 +101884,6 @@ div.swiper-pagination {
     }
   }
 }
-.tooltip {
-  &_align-position {
-    &_left {
-      position: absolute;
-      transform: translate(0, -50%);
-    }
-    &_center {
-      position: absolute;
-      left: 50%;
-      top: 100%;
-      transform: translate(-50%, 0%);
-    }
-    &_right {
-      position: absolute;
-      transform: translate(0, -50%);
-    }
-  }
-}
-.tooltip {
-  &&_state_close {
-    visibility: hidden;
-    animation-duration: 0.2s;
-    animation-name: tooltipHideAnimation;
-    opacity: 0%;
-  }
-}
-.tooltip {
-  &&_state_open {
-    visibility: visible;
-    animation-duration: 0.5s;
-    animation-name: tooltipShowAnimation;
-    opacity: 100%;
-  }
-}
 :root {
   --tooltip-arrow-width: 14px;
   --tooltip-arrow-height: 14px;

package/dist/hoc/urlWithAssetPrefix.js

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import 'react';
 import '@itcase/common';
-export { c as urlWithAssetPrefix } from '../primitives_es_CFZll4Gh.js';
+export { c as urlWithAssetPrefix } from '../primitives_es_Dd7DZpxg.js';
 import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -1,5 +1,5 @@
 import 'react';
-export { d as useAppearanceConfig } from '../../primitives_es_CFZll4Gh.js';
+export { d as useAppearanceConfig } from '../../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useAppearanceConfig.js

@@ -1,4 +1,4 @@
-export { d as useAppearanceConfig } from '../primitives_es_CFZll4Gh.js';
+export { d as useAppearanceConfig } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -2,7 +2,7 @@ import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-export { a as useDevicePropsGenerator } from '../../primitives_es_CFZll4Gh.js';
+export { a as useDevicePropsGenerator } from '../../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useDevicePropsGenerator.js

@@ -1,4 +1,4 @@
-export { a as useDevicePropsGenerator } from '../primitives_es_CFZll4Gh.js';
+export { a as useDevicePropsGenerator } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/hooks/useDeviceTargetClass.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
-import { e as useUserDeviceContext } from '../primitives_es_CFZll4Gh.js';
+import { e as useUserDeviceContext } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useMediaQueries/useMediaQueries.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'react-responsive';
-export { n as useMediaQueries } from '../../primitives_es_CFZll4Gh.js';
+export { n as useMediaQueries } from '../../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useMediaQueries.js

@@ -1,4 +1,4 @@
-export { n as useMediaQueries } from '../primitives_es_CFZll4Gh.js';
+export { n as useMediaQueries } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/hooks/useStyles/styleAttributes.js

@@ -1,4 +1,4 @@
-export { p as default } from '../../primitives_es_CFZll4Gh.js';
+export { p as default } from '../../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/hooks/useStyles/useStyles.js

@@ -2,7 +2,7 @@ import 'react';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
-export { u as useStyles } from '../../primitives_es_CFZll4Gh.js';
+export { u as useStyles } from '../../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useStyles.js

@@ -1,4 +1,4 @@
-export { u as useStyles } from '../primitives_es_CFZll4Gh.js';
+export { u as useStyles } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/hooks.js

@@ -1,4 +1,4 @@
-export { o as getStyleAttributeKey } from './primitives_es_CFZll4Gh.js';
+export { o as getStyleAttributeKey } from './primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/{primitives_cjs_CqGNSrPn.js → primitives_cjs_BN8eVF01.js}

@@ -1828,7 +1828,7 @@ const tooltipConfig = {
     },
 };
 const Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    const { appearance, className, dataTestId, dataTour, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, isTooltipDisableState, children, } = props;
+    const { appearance, className, dataTestId, dataTour, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, children, } = props;
     const tooltipElementRef = React.useRef(null);
     const tooltipTimeoutHideRef = React.useRef(null);
     const tooltipTimeoutShowRef = React.useRef(null);
@@ -1873,15 +1873,11 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tooltipStyles } = useStyles(props);
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
-            ? isTooltipVisible
-                ? 'tooltip_state_open'
-                : 'tooltip_state_close'
-            : null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxRuntime.jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsxRuntime.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsxRuntime.jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxRuntime.jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsxRuntime.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsxRuntime.jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
 });
 
 const TooltipWrapper = (props) => {
-    const { destroyOnHidden = true, placement = 'right', tooltipContent, trigger = 'hover', openDelay = 0.5, closeDelay = 0.25, isOpen, children, ...tooltipProps } = props;
+    const { destroyOnHidden = false, placement = 'right', tooltipContent, trigger = 'hover', openDelay = 0.5, closeDelay = 0.25, isOpen, children, ...tooltipProps } = props;
     return (jsxRuntime.jsx(TooltipTrigger, { destroyOnHidden: destroyOnHidden, mouseEnterDelay: openDelay, mouseLeaveDelay: closeDelay, overlay: jsxRuntime.jsx(Tooltip, { initialIsVisible: true, ...tooltipProps, children: tooltipContent }), placement: placement, prefixCls: "tooltip-wrapper", trigger: trigger, visible: isOpen, children: children }));
 };
 

package/dist/{primitives_es_CFZll4Gh.js → primitives_es_Dd7DZpxg.js}

@@ -1826,7 +1826,7 @@ const tooltipConfig = {
     },
 };
 const Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    const { appearance, className, dataTestId, dataTour, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, isTooltipDisableState, children, } = props;
+    const { appearance, className, dataTestId, dataTour, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, children, } = props;
     const tooltipElementRef = useRef(null);
     const tooltipTimeoutHideRef = useRef(null);
     const tooltipTimeoutShowRef = useRef(null);
@@ -1871,15 +1871,11 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tooltipStyles } = useStyles(props);
-    return (jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
-            ? isTooltipVisible
-                ? 'tooltip_state_open'
-                : 'tooltip_state_close'
-            : null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
+    return (jsxs("div", { className: clsx(className, 'tooltip', alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
 });
 
 const TooltipWrapper = (props) => {
-    const { destroyOnHidden = true, placement = 'right', tooltipContent, trigger = 'hover', openDelay = 0.5, closeDelay = 0.25, isOpen, children, ...tooltipProps } = props;
+    const { destroyOnHidden = false, placement = 'right', tooltipContent, trigger = 'hover', openDelay = 0.5, closeDelay = 0.25, isOpen, children, ...tooltipProps } = props;
     return (jsx(TooltipTrigger, { destroyOnHidden: destroyOnHidden, mouseEnterDelay: openDelay, mouseLeaveDelay: closeDelay, overlay: jsx(Tooltip, { initialIsVisible: true, ...tooltipProps, children: tooltipContent }), placement: placement, prefixCls: "tooltip-wrapper", trigger: trigger, visible: isOpen, children: children }));
 };
 

package/dist/types/components/MenuItem/MenuItem.interface.d.ts

@@ -1,11 +1,10 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import type { LinkProps } from 'react-scroll';
-import type { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
+import type { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, ArrowPosition, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import type { IconProps } from '../Icon/Icon.interface';
 import type { TextProps } from '../Text/Text.interface';
-import type { TooltipProps } from '../Tooltip/Tooltip.interface';
-import type { TooltipWrapperPlacement, TooltipWrapperProps } from '../Tooltip/TooltipWrapper.interface';
+import type { RCComponentTooltipWrapperPlacement, TooltipProps, TooltipWrapperProps } from '../Tooltip/Tooltip.interface';
 type MenuItemAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;
@@ -83,9 +82,10 @@ type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
     showTooltip?: boolean;
     style?: CSSProperties;
     target?: LinkProps['target'];
+    tooltipArrowPosition?: ArrowPosition;
     tooltipAppearance?: TooltipProps['appearance'];
     tooltipContent?: TooltipWrapperProps['tooltipContent'];
-    tooltipPlacement?: TooltipWrapperPlacement;
+    tooltipPlacement?: RCComponentTooltipWrapperPlacement;
     underline?: UnderlineProps;
 };
 type MenuItemAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;

package/dist/types/components/Select/SelectContainer.d.ts

@@ -3,7 +3,7 @@ import { GroupBase, SelectInstance } from 'react-select';
 import { Option as SelectOptionType } from '@itcase/types-core';
 import { SelectConfig } from './Select.interface';
 declare const selectConfig: SelectConfig;
-declare const SelectContainer: React.ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<SelectOptionType, boolean, GroupBase<SelectOptionType>>, "value" | "isLoading" | "className" | "isDisabled" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("./Select.interface").SelectAppearanceProps<SelectOptionType> & {
+declare const SelectContainer: React.ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<SelectOptionType, boolean, GroupBase<SelectOptionType>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("./Select.interface").SelectAppearanceProps<SelectOptionType> & {
     onChange?: (newValue: import("react-select").OnChangeValue<SelectOptionType, boolean>, actionMeta?: import("react-select").ActionMeta<SelectOptionType>) => void;
 } & React.RefAttributes<SelectInstance<SelectOptionType, boolean, GroupBase<SelectOptionType>>>>;
 export { selectConfig, SelectContainer };

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

@@ -36,7 +36,6 @@ declare const Tooltip: React.ForwardRefExoticComponent<import("../../hooks/useSt
     initialIsVisible?: boolean;
     isDisabled?: boolean;
     isSkeleton?: boolean;
-    isTooltipDisableState?: boolean;
     onClick?: () => void;
     openTimeoutDelay?: number;
     style?: React.CSSProperties;

package/dist/types/components/Tooltip/Tooltip.interface.d.ts

@@ -1,5 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, ArrowPosition, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import type { TooltipProps as RCComponentTooltipTriggerProps } from '@rc-component/tooltip/lib/Tooltip';
+import type { Placement as RCComponentTooltipWrapperPlacement } from '@rc-component/trigger/es/interface';
+import { AlignProps, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, ArrowPosition, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 import { TitleProps } from '../Title/Title.interface';
@@ -39,13 +41,21 @@ type TooltipProps = StyleAttributes & TooltipAppearanceProps & {
     initialIsVisible?: boolean;
     isDisabled?: boolean;
     isSkeleton?: boolean;
-    isTooltipDisableState?: boolean;
     onClick?: () => void;
     openTimeoutDelay?: number;
     style?: CSSProperties;
     text?: string;
     title?: string;
 };
+type RCComponentTooltipProps = Omit<TooltipProps, keyof Pick<TooltipProps, 'align' | 'children' | 'closeTimeoutDelay' | 'initialIsVisible' | 'openTimeoutDelay' | 'zIndex'>>;
+type RCComponentTooltipPropsTrigger = Pick<RCComponentTooltipTriggerProps, 'children' | 'destroyOnHidden' | 'trigger'>;
+type TooltipWrapperProps = RCComponentTooltipProps & RCComponentTooltipPropsTrigger & {
+    closeDelay?: number;
+    isOpen?: boolean;
+    openDelay?: number;
+    placement?: RCComponentTooltipWrapperPlacement;
+    tooltipContent?: React.ReactNode;
+};
 type TooltipAppearanceKey = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
 type TooltipAppearance = {
     [key in TooltipAppearanceKey]?: TooltipAppearanceProps;
@@ -54,4 +64,4 @@ type TooltipConfig = {
     appearance: TooltipAppearance;
     setAppearance: (appearanceConfig: TooltipAppearance) => void;
 };
-export type { TooltipAppearance, TooltipConfig, TooltipProps };
+export type { RCComponentTooltipWrapperPlacement, TooltipAppearance, TooltipConfig, TooltipProps, TooltipWrapperProps, };

package/dist/types/components/Tooltip/TooltipWrapper.d.ts

@@ -1,3 +1,3 @@
-import { TooltipWrapperProps } from './TooltipWrapper.interface';
+import { TooltipWrapperProps } from './Tooltip.interface';
 declare const TooltipWrapper: (props: TooltipWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export { TooltipWrapper };

package/dist/types/components/Tooltip/index.d.ts

@@ -1,5 +1,6 @@
-export { Tooltip, tooltipConfig } from './Tooltip';
-export { tooltipAppearance } from './Tooltip.appearance';
-export type { TooltipAppearance, TooltipConfig, TooltipProps, } from './Tooltip.interface';
-export { TooltipWrapper } from './TooltipWrapper';
-export type { TooltipWrapperPlacement, TooltipWrapperProps, } from './TooltipWrapper.interface';
+import { Tooltip, tooltipConfig } from './Tooltip';
+import { tooltipAppearance } from './Tooltip.appearance';
+import type { RCComponentTooltipWrapperPlacement, TooltipAppearance, TooltipConfig, TooltipProps, TooltipWrapperProps } from './Tooltip.interface';
+import { TooltipWrapper } from './TooltipWrapper';
+export type { RCComponentTooltipWrapperPlacement, TooltipAppearance, TooltipConfig, TooltipProps, TooltipWrapperProps, };
+export { Tooltip, tooltipAppearance, tooltipConfig, TooltipWrapper };

package/dist/utils/mergeAppearanceKeys.js

@@ -1,4 +1,4 @@
-export { m as mergeAppearanceKeys } from '../primitives_es_CFZll4Gh.js';
+export { m as mergeAppearanceKeys } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/utils/setViewportProperty.js

@@ -1,4 +1,4 @@
-export { s as setViewportProperty } from '../primitives_es_CFZll4Gh.js';
+export { s as setViewportProperty } from '../primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/utils.js

@@ -1,4 +1,4 @@
-export { m as mergeAppearanceKeys, s as setViewportProperty } from './primitives_es_CFZll4Gh.js';
+export { m as mergeAppearanceKeys, s as setViewportProperty } from './primitives_es_Dd7DZpxg.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.75",
+  "version": "1.9.76",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -136,11 +136,11 @@
     "@rc-component/tooltip": "^1.4.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.37.0",
+    "framer-motion": "^12.38.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.23",
     "luxon": "^3.7.2",
-    "motion": "^12.37.0",
+    "motion": "^12.38.0",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",

package/dist/types/components/Tooltip/TooltipWrapper.interface.d.ts

@@ -1,13 +0,0 @@
-import type { TooltipProps as TooltipTriggerProps } from '@rc-component/tooltip/lib/Tooltip';
-import type { Placement as TooltipWrapperPlacement } from '@rc-component/trigger/es/interface';
-import type { TooltipProps } from './Tooltip.interface';
-type PropsFromTooltip = Omit<TooltipProps, keyof Pick<TooltipProps, 'align' | 'children' | 'closeTimeoutDelay' | 'initialIsVisible' | 'openTimeoutDelay' | 'zIndex'>>;
-type PropsFromTooltipTrigger = Pick<TooltipTriggerProps, 'children' | 'destroyOnHidden' | 'trigger'>;
-type TooltipWrapperProps = PropsFromTooltip & PropsFromTooltipTrigger & {
-    closeDelay?: number;
-    isOpen?: boolean;
-    openDelay?: number;
-    placement?: TooltipWrapperPlacement;
-    tooltipContent?: React.ReactNode;
-};
-export type { TooltipWrapperPlacement, TooltipWrapperProps };