@alfalab/core-components 47.22.0-beta.2 → 47.23.0

package/tabs/modern/components/primary-tablist/Component.collapsible.js

@@ -7,7 +7,7 @@ import { getComponentBreakpoint } from '../../../../shared/modern';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-4ddba9c9.js';
+import { s as styles } from '../../index.module-4c4cb7fe.js';
 import '../../../../mq/modern';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/modern/components/primary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-4ddba9c9.js';
+import { s as styles } from '../../index.module-4c4cb7fe.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.mobile.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-4ddba9c9.js';
+import { s as styles$1 } from '../../index.module-4c4cb7fe.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -19,7 +19,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-4ddba9c9.js';
+import '../../index.module-4c4cb7fe.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint = getComponentBreakpoint(), fullWidthScroll, defaultMatchMediaValue, ...restProps }) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-5fcf2825.js';
+import { c as commonStyles } from '../../index.module-3b459d83.js';
 import 'classnames';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-5fcf2825.js';
+import { c as commonStyles } from '../../index.module-3b459d83.js';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -17,7 +17,7 @@ import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-5fcf2825.js';
+import '../../index.module-3b459d83.js';
 import '../../../../tag/modern/mobile';
 
 const SecondaryTabListResponsive = ({ defaultMatchMediaValue, fullWidthScroll, breakpoint = getComponentBreakpoint(), ...restProps }) => {

package/tabs/modern/components/tabs/Component.collapsible.js

@@ -16,7 +16,7 @@ import 'react-merge-refs';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-4ddba9c9.js';
+import '../../index.module-4c4cb7fe.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-4ddba9c9.js';
+import '../../index.module-4c4cb7fe.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-5fcf2825.js';
+import '../../index.module-3b459d83.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

package/tabs/modern/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-4ddba9c9.js';
+import '../../index.module-4c4cb7fe.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-5fcf2825.js';
+import '../../index.module-3b459d83.js';
 
 const views = {
     primary: PrimaryTabListMobile,

package/tabs/modern/components/tabs/Component.responsive.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-4ddba9c9.js';
+import '../../index.module-4c4cb7fe.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-5fcf2825.js';
+import '../../index.module-3b459d83.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-4ddba9c9.js';
+import '../index.module-4c4cb7fe.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-5fcf2825.js';
+import '../index.module-3b459d83.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/modern';
-import './index.module-4ddba9c9.js';
+import './index.module-4c4cb7fe.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-5fcf2825.js';
+import './index.module-3b459d83.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-4ddba9c9.js';
+import '../index.module-4c4cb7fe.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-5fcf2825.js';
+import '../index.module-3b459d83.js';
 import '../components/tabs/Component.js';

package/textarea/Component.js

@@ -8,7 +8,7 @@ var cn = require('classnames');
 var coreComponentsFormControl = require('../form-control');
 var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
-var components_PseudoTextArea = require('./PseudoTextArea-cfb00b82.js');
+var components_PseudoTextArea = require('./PseudoTextArea-562716f3.js');
 var consts = require('./consts.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/textarea/components/PseudoTextArea.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../consts.js');
-var components_PseudoTextArea = require('../PseudoTextArea-cfb00b82.js');
+var components_PseudoTextArea = require('../PseudoTextArea-562716f3.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-cfb00b82";
+export * from "../PseudoTextArea-562716f3";

package/textarea/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_PseudoTextArea = require('../PseudoTextArea-cfb00b82.js');
+var components_PseudoTextArea = require('../PseudoTextArea-562716f3.js');
 
 
 

package/textarea/esm/Component.js

@@ -6,7 +6,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/esm';
 import { getDataTestId } from '../../shared/esm';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-54aebe45.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-92fcda1c.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 var defaultColors = {"input":"textarea__input_z75ig","hasInnerLabel":"textarea__hasInnerLabel_z75ig","disableUserInput":"textarea__disableUserInput_z75ig","error":"textarea__error_z75ig","textarea":"textarea__textarea_z75ig","hint":"textarea__hint_z75ig"};

package/textarea/esm/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-54aebe45.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-92fcda1c.js';
 import '../consts.js';

package/textarea/esm/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-54aebe45";
+export * from "../PseudoTextArea-92fcda1c";

package/textarea/esm/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-54aebe45.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-92fcda1c.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/esm/index.js

@@ -7,5 +7,5 @@ import 'classnames';
 import '../../form-control/esm';
 import '../../shared/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-54aebe45.js';
+import './PseudoTextArea-92fcda1c.js';
 import './consts.js';

package/textarea/modern/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { getDataTestId } from '../../shared/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-590649d6.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-b882eb24.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 const defaultColors = {"input":"textarea__input_z75ig","hasInnerLabel":"textarea__hasInnerLabel_z75ig","disableUserInput":"textarea__disableUserInput_z75ig","error":"textarea__error_z75ig","textarea":"textarea__textarea_z75ig","hint":"textarea__hint_z75ig"};

package/textarea/modern/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-590649d6.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-b882eb24.js';
 import '../consts.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-590649d6";
+export * from "../PseudoTextArea-b882eb24";

package/textarea/modern/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-590649d6.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-b882eb24.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/modern/index.js

@@ -6,5 +6,5 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-590649d6.js';
+import './PseudoTextArea-b882eb24.js';
 import './consts.js';

package/themes/compiled/mobile-dark-bluetint.css

@@ -170,7 +170,14 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_sbxky {
         background: #f83a2a;
-    }.indicator__component_174yz {
+    }.icon-view__component_os410 {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_os410 {
+    fill: #1c1c1e;
+} .icon-view__border_os410 {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_174yz {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_174yz {
@@ -188,14 +195,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_174yz.indicator__border_174yz {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_os410 {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_os410 {
-    fill: #1c1c1e;
-} .icon-view__border_os410 {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_d5nu9 {
+    }@keyframes loader__blink_d5nu9 {
 }.link__primary_11bgk {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)

package/tooltip/cssm/desktop/Component.desktop.js

@@ -24,7 +24,7 @@ var colorStyles = {
 };
 var DEFAULT_OFFSET = [0, 16];
 var TooltipDesktop = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? DEFAULT_OFFSET : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, _f = _a.targetTag, TargetTag = _f === void 0 ? 'div' : _f, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _g = _a.view, view = _g === void 0 ? 'tooltip' : _g, _h = _a.targetRef, targetRef = _h === void 0 ? null : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k, _l = _a.anchor, anchor = _l === void 0 ? null : _l, _m = _a.colors, colors = _m === void 0 ? 'default' : _m, useAnchorWidth = _a.useAnchorWidth;
+    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? DEFAULT_OFFSET : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, _f = _a.targetTag, TargetTag = _f === void 0 ? 'div' : _f, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _g = _a.view, view = _g === void 0 ? 'tooltip' : _g, _h = _a.targetRef, targetRef = _h === void 0 ? null : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k, _l = _a.anchor, anchor = _l === void 0 ? null : _l, _m = _a.colors, colors = _m === void 0 ? 'default' : _m, useAnchorWidth = _a.useAnchorWidth, onTargetClick = _a.onTargetClick;
     var _o = React.useState(!!forcedOpen), visible = _o[0], setVisible = _o[1];
     var _p = React.useState(null), target = _p[0], setTarget = _p[1];
     var contentRef = React.useRef(null);
@@ -78,7 +78,9 @@ var TooltipDesktop = function (_a) {
             clearTimeout(timer.current);
         };
     }, [clickedOutside, close]);
-    var handleTargetClick = function () {
+    var handleTargetClick = function (event) {
+        event.persist();
+        onTargetClick === null || onTargetClick === void 0 ? void 0 : onTargetClick(event);
         toggle();
     };
     var handleMouseOver = function () {

package/tooltip/cssm/types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import React from 'react';
-import { MutableRefObject, ReactElement, ReactNode } from "react";
+import { MouseEvent, MutableRefObject, ReactElement, ReactNode } from "react";
 import { BottomSheetProps } from "../../bottom-sheet";
 import { PopoverProps, Position } from "../../popover";
 type Trigger = 'click' | 'hover';
@@ -117,6 +116,7 @@ type TooltipDesktopProps = {
      * @default div
      */
     targetTag?: 'div' | 'span';
+    onTargetClick?: (event: MouseEvent<HTMLElement>) => void;
 };
 type TooltipMobileProps = Omit<Partial<BottomSheetProps>, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer' | 'targetTag'> & {
     /**

package/tooltip/desktop/Component.desktop.js

@@ -27,7 +27,7 @@ var colorStyles = {
 };
 var DEFAULT_OFFSET = [0, 16];
 var TooltipDesktop = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? DEFAULT_OFFSET : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, _f = _a.targetTag, TargetTag = _f === void 0 ? 'div' : _f, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _g = _a.view, view = _g === void 0 ? 'tooltip' : _g, _h = _a.targetRef, targetRef = _h === void 0 ? null : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k, _l = _a.anchor, anchor = _l === void 0 ? null : _l, _m = _a.colors, colors = _m === void 0 ? 'default' : _m, useAnchorWidth = _a.useAnchorWidth;
+    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? DEFAULT_OFFSET : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, _f = _a.targetTag, TargetTag = _f === void 0 ? 'div' : _f, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _g = _a.view, view = _g === void 0 ? 'tooltip' : _g, _h = _a.targetRef, targetRef = _h === void 0 ? null : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k, _l = _a.anchor, anchor = _l === void 0 ? null : _l, _m = _a.colors, colors = _m === void 0 ? 'default' : _m, useAnchorWidth = _a.useAnchorWidth, onTargetClick = _a.onTargetClick;
     var _o = React.useState(!!forcedOpen), visible = _o[0], setVisible = _o[1];
     var _p = React.useState(null), target = _p[0], setTarget = _p[1];
     var contentRef = React.useRef(null);
@@ -81,7 +81,9 @@ var TooltipDesktop = function (_a) {
             clearTimeout(timer.current);
         };
     }, [clickedOutside, close]);
-    var handleTargetClick = function () {
+    var handleTargetClick = function (event) {
+        event.persist();
+        onTargetClick === null || onTargetClick === void 0 ? void 0 : onTargetClick(event);
         toggle();
     };
     var handleMouseOver = function () {

package/tooltip/esm/desktop/Component.desktop.js

@@ -19,7 +19,7 @@ var colorStyles = {
 };
 var DEFAULT_OFFSET = [0, 16];
 var TooltipDesktop = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? DEFAULT_OFFSET : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, _f = _a.targetTag, TargetTag = _f === void 0 ? 'div' : _f, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _g = _a.view, view = _g === void 0 ? 'tooltip' : _g, _h = _a.targetRef, targetRef = _h === void 0 ? null : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k, _l = _a.anchor, anchor = _l === void 0 ? null : _l, _m = _a.colors, colors = _m === void 0 ? 'default' : _m, useAnchorWidth = _a.useAnchorWidth;
+    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? DEFAULT_OFFSET : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, _f = _a.targetTag, TargetTag = _f === void 0 ? 'div' : _f, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _g = _a.view, view = _g === void 0 ? 'tooltip' : _g, _h = _a.targetRef, targetRef = _h === void 0 ? null : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k, _l = _a.anchor, anchor = _l === void 0 ? null : _l, _m = _a.colors, colors = _m === void 0 ? 'default' : _m, useAnchorWidth = _a.useAnchorWidth, onTargetClick = _a.onTargetClick;
     var _o = useState(!!forcedOpen), visible = _o[0], setVisible = _o[1];
     var _p = useState(null), target = _p[0], setTarget = _p[1];
     var contentRef = useRef(null);
@@ -73,7 +73,9 @@ var TooltipDesktop = function (_a) {
             clearTimeout(timer.current);
         };
     }, [clickedOutside, close]);
-    var handleTargetClick = function () {
+    var handleTargetClick = function (event) {
+        event.persist();
+        onTargetClick === null || onTargetClick === void 0 ? void 0 : onTargetClick(event);
         toggle();
     };
     var handleMouseOver = function () {

package/tooltip/esm/types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import React from 'react';
-import { MutableRefObject, ReactElement, ReactNode } from "react";
+import { MouseEvent, MutableRefObject, ReactElement, ReactNode } from "react";
 import { BottomSheetProps } from "../../bottom-sheet";
 import { PopoverProps, Position } from "../../popover";
 type Trigger = 'click' | 'hover';
@@ -117,6 +116,7 @@ type TooltipDesktopProps = {
      * @default div
      */
     targetTag?: 'div' | 'span';
+    onTargetClick?: (event: MouseEvent<HTMLElement>) => void;
 };
 type TooltipMobileProps = Omit<Partial<BottomSheetProps>, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer' | 'targetTag'> & {
     /**

package/tooltip/modern/desktop/Component.desktop.js

@@ -17,7 +17,7 @@ const colorStyles = {
     inverted: invertedColors,
 };
 const DEFAULT_OFFSET = [0, 16];
-const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = DEFAULT_OFFSET, position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, targetTag: TargetTag = 'div', zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, preventOverflow = true, availableHeight = false, anchor = null, colors = 'default', useAnchorWidth, }) => {
+const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = DEFAULT_OFFSET, position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, targetTag: TargetTag = 'div', zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, preventOverflow = true, availableHeight = false, anchor = null, colors = 'default', useAnchorWidth, onTargetClick, }) => {
     const [visible, setVisible] = useState(!!forcedOpen);
     const [target, setTarget] = useState(null);
     const contentRef = useRef(null);
@@ -71,7 +71,9 @@ const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 3
             clearTimeout(timer.current);
         };
     }, [clickedOutside, close]);
-    const handleTargetClick = () => {
+    const handleTargetClick = (event) => {
+        event.persist();
+        onTargetClick?.(event);
         toggle();
     };
     const handleMouseOver = () => {

package/tooltip/modern/types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import React from 'react';
-import { MutableRefObject, ReactElement, ReactNode } from "react";
+import { MouseEvent, MutableRefObject, ReactElement, ReactNode } from "react";
 import { BottomSheetProps } from "../../bottom-sheet";
 import { PopoverProps, Position } from "../../popover";
 type Trigger = 'click' | 'hover';
@@ -117,6 +116,7 @@ type TooltipDesktopProps = {
      * @default div
      */
     targetTag?: 'div' | 'span';
+    onTargetClick?: (event: MouseEvent<HTMLElement>) => void;
 };
 type TooltipMobileProps = Omit<Partial<BottomSheetProps>, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer' | 'targetTag'> & {
     /**

package/tooltip/moderncssm/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ const colorStyles = {
     inverted: invertedColors,
 };
 const DEFAULT_OFFSET = [0, 16];
-const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = DEFAULT_OFFSET, position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, targetTag: TargetTag = 'div', zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, preventOverflow = true, availableHeight = false, anchor = null, colors = 'default', useAnchorWidth, }) => {
+const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = DEFAULT_OFFSET, position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, targetTag: TargetTag = 'div', zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, preventOverflow = true, availableHeight = false, anchor = null, colors = 'default', useAnchorWidth, onTargetClick, }) => {
     const [visible, setVisible] = useState(!!forcedOpen);
     const [target, setTarget] = useState(null);
     const contentRef = useRef(null);
@@ -65,7 +65,9 @@ const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 3
             clearTimeout(timer.current);
         };
     }, [clickedOutside, close]);
-    const handleTargetClick = () => {
+    const handleTargetClick = (event) => {
+        event.persist();
+        onTargetClick?.(event);
         toggle();
     };
     const handleMouseOver = () => {

package/tooltip/moderncssm/types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import React from 'react';
-import { MutableRefObject, ReactElement, ReactNode } from "react";
+import { MouseEvent, MutableRefObject, ReactElement, ReactNode } from "react";
 import { BottomSheetProps } from "../../bottom-sheet";
 import { PopoverProps, Position } from "../../popover";
 type Trigger = 'click' | 'hover';
@@ -117,6 +116,7 @@ type TooltipDesktopProps = {
      * @default div
      */
     targetTag?: 'div' | 'span';
+    onTargetClick?: (event: MouseEvent<HTMLElement>) => void;
 };
 type TooltipMobileProps = Omit<Partial<BottomSheetProps>, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer' | 'targetTag'> & {
     /**

package/tooltip/types.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import React from 'react';
-import { MutableRefObject, ReactElement, ReactNode } from "react";
+import { MouseEvent, MutableRefObject, ReactElement, ReactNode } from "react";
 import { BottomSheetProps } from "../bottom-sheet";
 import { PopoverProps, Position } from "../popover";
 type Trigger = 'click' | 'hover';
@@ -117,6 +116,7 @@ type TooltipDesktopProps = {
      * @default div
      */
     targetTag?: 'div' | 'span';
+    onTargetClick?: (event: MouseEvent<HTMLElement>) => void;
 };
 type TooltipMobileProps = Omit<Partial<BottomSheetProps>, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer' | 'targetTag'> & {
     /**

package/accordion/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/attach/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/bank-card/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/calendar/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/calendar-input/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/checkbox/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}

package/collapse/@alfalab/icons-glyph/package.json

@@ -1,14 +0,0 @@
-{
-    "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
-    "license": "MIT",
-    "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-    },
-    "main": "./index.js",
-    "module": "./esm/index.js",
-    "publishConfig": {
-        "access": "public"
-    }
-}