@synerise/ds-tooltip 1.4.9 → 1.4.10

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.10](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@1.4.9...@synerise/ds-tooltip@1.4.10) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-tooltip
+
 ## [1.4.9](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@1.4.8...@synerise/ds-tooltip@1.4.9) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-tooltip

package/dist/Tooltip.const.d.ts

@@ -1,4 +1,4 @@
-import { type FlipConfig, type ShiftConfig } from '@synerise/ds-popover';
+import { FlipConfig, ShiftConfig } from '@synerise/ds-popover';
 export declare const POPOVER_TRANSITION_DURATION = 150;
 export declare const POPOVER_FLIP_CONFIG: FlipConfig;
 export declare const POPOVER_SHIFT_CONFIG: ShiftConfig;

package/dist/Tooltip.const.js

@@ -1,5 +1,10 @@
-export var POPOVER_TRANSITION_DURATION = 150;
-export var POPOVER_FLIP_CONFIG = {};
-export var POPOVER_SHIFT_CONFIG = {
+const POPOVER_TRANSITION_DURATION = 150;
+const POPOVER_FLIP_CONFIG = {};
+const POPOVER_SHIFT_CONFIG = {
   crossAxis: true
-};
+};
+export {
+  POPOVER_FLIP_CONFIG,
+  POPOVER_SHIFT_CONFIG,
+  POPOVER_TRANSITION_DURATION
+};

package/dist/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { TooltipProps } from './Tooltip.types';
+import { default as React } from 'react';
+import { TooltipProps } from './Tooltip.types';
 declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLElement>>;
 export default Tooltip;

package/dist/Tooltip.js

@@ -1,121 +1,89 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import { useTheme } from '@synerise/ds-core';
-import { Popover, PopoverContent, PopoverTrigger, getPlacement } from '@synerise/ds-popover';
-import { getPopupContainer as defaultGetPopupContainer } from '@synerise/ds-utils';
-import { POPOVER_FLIP_CONFIG, POPOVER_SHIFT_CONFIG, POPOVER_TRANSITION_DURATION } from './Tooltip.const';
-import * as S from './Tooltip.styles';
-import { getOffsetConfig, getTransitionConfig } from './Tooltip.utils';
-import { TooltipContent } from './TooltipContent';
-var Tooltip = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    icon = _ref.icon,
-    title = _ref.title,
-    shortCuts = _ref.shortCuts,
-    status = _ref.status,
-    description = _ref.description,
-    _ref$timeToHideAfterC = _ref.timeToHideAfterClick,
-    timeToHideAfterClick = _ref$timeToHideAfterC === void 0 ? 0 : _ref$timeToHideAfterC,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? 'default' : _ref$offset,
-    children = _ref.children,
-    button = _ref.button,
-    render = _ref.render,
-    image = _ref.image,
-    disabled = _ref.disabled,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
-    open = _ref.open,
-    zIndex = _ref.zIndex,
-    onOpenChange = _ref.onOpenChange,
-    popoverProps = _ref.popoverProps,
-    getPopupContainer = _ref.getPopupContainer,
-    overlayStyle = _ref.overlayStyle;
-  var _useState = useState(open || false),
-    isOpen = _useState[0],
-    setIsOpen = _useState[1];
-  var timeoutClickRef = useRef(null);
-  var theme = useTheme();
-  var floatingPlacement = getPlacement(placement);
-  var tooltipContentExists = Boolean(description || title || icon || typeof render === 'function');
-  useEffect(function () {
-    return function () {
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useEffect, useMemo } from "react";
+import { useTheme } from "@synerise/ds-core";
+import { getPlacement, Popover, PopoverTrigger, PopoverContent } from "@synerise/ds-popover";
+import { getPopupContainer } from "@synerise/ds-utils";
+import { POPOVER_SHIFT_CONFIG, POPOVER_FLIP_CONFIG, POPOVER_TRANSITION_DURATION } from "./Tooltip.const.js";
+import { TooltipWrapper } from "./Tooltip.styles.js";
+import { getTransitionConfig, getOffsetConfig } from "./Tooltip.utils.js";
+import { TooltipContent } from "./TooltipContent.js";
+const Tooltip = forwardRef(({
+  type = "default",
+  icon,
+  title,
+  shortCuts,
+  status,
+  description,
+  timeToHideAfterClick = 0,
+  offset = "default",
+  children,
+  button,
+  render,
+  image,
+  disabled,
+  placement = "top",
+  trigger = "hover",
+  open,
+  zIndex,
+  onOpenChange,
+  popoverProps,
+  getPopupContainer: getPopupContainer$1,
+  overlayStyle
+}, ref) => {
+  const [isOpen, setIsOpen] = useState(open || false);
+  const timeoutClickRef = useRef(null);
+  const theme = useTheme();
+  const floatingPlacement = getPlacement(placement);
+  const tooltipContentExists = Boolean(description || title || icon || typeof render === "function");
+  useEffect(() => {
+    return () => {
       timeoutClickRef.current && clearTimeout(timeoutClickRef.current);
     };
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     setIsOpen(!!open);
   }, [open]);
-  useEffect(function () {
+  useEffect(() => {
     if (!tooltipContentExists) {
       setIsOpen(false);
     }
   }, [tooltipContentExists]);
-  var handleOnClickHideDelay = function handleOnClickHideDelay(visible) {
+  const handleOnClickHideDelay = (visible) => {
     if (!visible) {
       timeoutClickRef.current && clearTimeout(timeoutClickRef.current);
       setIsOpen(false);
-      onOpenChange == null || onOpenChange(false);
+      onOpenChange?.(false);
     } else {
       setIsOpen(true);
-      timeoutClickRef.current = setTimeout(function () {
-        onOpenChange == null || onOpenChange(false);
+      timeoutClickRef.current = setTimeout(() => {
+        onOpenChange?.(false);
         setIsOpen(false);
       }, timeToHideAfterClick);
     }
   };
-  var handleOpenChange = function handleOpenChange(newOpen) {
-    if (trigger === 'click' && timeToHideAfterClick) {
+  const handleOpenChange = (newOpen) => {
+    if (trigger === "click" && timeToHideAfterClick) {
       handleOnClickHideDelay(newOpen);
     } else {
       setIsOpen(newOpen);
-      onOpenChange == null || onOpenChange(newOpen);
+      onOpenChange?.(newOpen);
     }
   };
-  var tooltipContent = useMemo(function () {
-    return render ? /*#__PURE__*/React.createElement(S.TooltipWrapper, {
-      style: overlayStyle
-    }, render()) : /*#__PURE__*/React.createElement(TooltipContent, {
-      title: title,
-      description: description,
-      icon: icon,
-      button: button,
-      shortCuts: shortCuts,
-      type: type,
-      image: image,
-      status: status,
-      overlayStyle: overlayStyle
-    });
+  const tooltipContent = useMemo(() => {
+    return render ? /* @__PURE__ */ jsx(TooltipWrapper, { style: overlayStyle, children: render() }) : /* @__PURE__ */ jsx(TooltipContent, { title, description, icon, button, shortCuts, type, image, status, overlayStyle });
   }, [button, description, icon, image, render, shortCuts, status, overlayStyle, title, type]);
-  var isTriggeredByClick = Array.isArray(trigger) ? trigger.includes('click') : trigger === 'click';
-  var handleTriggerClick = function handleTriggerClick() {
+  const isTriggeredByClick = Array.isArray(trigger) ? trigger.includes("click") : trigger === "click";
+  const handleTriggerClick = () => {
     isTriggeredByClick && handleOpenChange(!isOpen);
   };
   if (!tooltipContentExists || disabled) {
     return children;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover, _extends({
-    placement: floatingPlacement,
-    trigger: trigger,
-    modal: false,
-    onOpenChange: handleOpenChange,
-    open: isOpen,
-    autoUpdate: true,
-    offsetConfig: getOffsetConfig(offset),
-    transitionDuration: POPOVER_TRANSITION_DURATION,
-    flipConfig: POPOVER_FLIP_CONFIG,
-    shiftConfig: POPOVER_SHIFT_CONFIG,
-    getTransitionConfig: getTransitionConfig,
-    getPopupContainer: getPopupContainer || defaultGetPopupContainer,
-    testId: "tooltip",
-    zIndex: zIndex || parseInt(theme.variables['zindex-tooltip'])
-  }, popoverProps), /*#__PURE__*/React.createElement(PopoverTrigger, {
-    ref: ref,
-    asChild: true,
-    onClick: handleTriggerClick
-  }, children), /*#__PURE__*/React.createElement(PopoverContent, null, tooltipContent)));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Popover, { placement: floatingPlacement, trigger, modal: false, onOpenChange: handleOpenChange, open: isOpen, autoUpdate: true, offsetConfig: getOffsetConfig(offset), transitionDuration: POPOVER_TRANSITION_DURATION, flipConfig: POPOVER_FLIP_CONFIG, shiftConfig: POPOVER_SHIFT_CONFIG, getTransitionConfig, getPopupContainer: getPopupContainer$1 || getPopupContainer, testId: "tooltip", zIndex: zIndex || parseInt(theme.variables["zindex-tooltip"]), ...popoverProps, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { ref, asChild: true, onClick: handleTriggerClick, children }),
+    /* @__PURE__ */ jsx(PopoverContent, { children: tooltipContent })
+  ] }) });
 });
-export default Tooltip;
+export {
+  Tooltip as default
+};

package/dist/Tooltip.styles.d.ts

@@ -1,20 +1,20 @@
-import type { TooltipTypes } from './Tooltip.types';
-export declare const TooltipDescription: import("styled-components").StyledComponent<"div", any, {
+import { TooltipTypes } from './Tooltip.types';
+export declare const TooltipDescription: import('styled-components').StyledComponent<"div", any, {
     tooltipType: TooltipTypes;
 }, never>;
-export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, {
+export declare const TooltipTitle: import('styled-components').StyledComponent<"div", any, {
     tooltipType: TooltipTypes;
 }, never>;
-export declare const TooltipTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipHint: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipKey: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipStatus: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipImage: import("styled-components").StyledComponent<"div", any, {
+export declare const TooltipTitleWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TooltipHint: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TooltipKey: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TooltipButton: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TooltipContent: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TooltipStatus: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TooltipImage: import('styled-components').StyledComponent<"div", any, {
     extraMargin: boolean;
 }, never>;
-export declare const TooltipWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipComponent: import("styled-components").StyledComponent<"div", any, {
+export declare const TooltipWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TooltipComponent: import('styled-components').StyledComponent<"div", any, {
     tooltipType: TooltipTypes;
 }, never>;

package/dist/Tooltip.styles.js

@@ -1,64 +1,59 @@
-import styled, { css } from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-export var TooltipDescription = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+const TooltipDescription = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipDescription",
   componentId: "sc-mghjny-0"
-})(["font-size:13px;line-height:1.38;font-weight:normal;text-align:inherit;overflow-wrap:break-word;min-width:0;max-width:100%;display:flex;flex-direction:column;", ";"], function (props) {
-  return props.tooltipType === 'largeScrollable' && css(["margin-top:6px;margin-right:-16px;"]);
-});
-export var TooltipTitle = styled.div.withConfig({
+})(["font-size:13px;line-height:1.38;font-weight:normal;text-align:inherit;overflow-wrap:break-word;min-width:0;max-width:100%;display:flex;flex-direction:column;", ";"], (props) => props.tooltipType === "largeScrollable" && css(["margin-top:6px;margin-right:-16px;"]));
+const TooltipTitle = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipTitle",
   componentId: "sc-mghjny-1"
-})(["font-size:13px;line-height:1.38;font-weight:", ";display:flex;width:100%;align-items:center;justify-content:flex-start;text-align:inherit;", "{align-self:flex-start;}"], function (props) {
-  return props.tooltipType === 'default' ? 400 : 500;
-}, IconContainer);
-export var TooltipTitleWrapper = styled.div.withConfig({
+})(["font-size:13px;line-height:1.38;font-weight:", ";display:flex;width:100%;align-items:center;justify-content:flex-start;text-align:inherit;", "{align-self:flex-start;}"], (props) => props.tooltipType === "default" ? 400 : 500, IconContainer);
+const TooltipTitleWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipTitleWrapper",
   componentId: "sc-mghjny-2"
 })(["min-width:0;width:max-content;overflow-wrap:break-word;"]);
-export var TooltipHint = styled.div.withConfig({
+const TooltipHint = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipHint",
   componentId: "sc-mghjny-3"
 })(["margin-left:8px;margin-right:-4px;display:flex;gap:4px;"]);
-export var TooltipKey = styled.div.withConfig({
+const TooltipKey = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipKey",
   componentId: "sc-mghjny-4"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;background:", ";border-bottom:1px solid ", ";box-shadow:0px 1px 8px rgba(35,41,54,0.5);border-radius:3px;"], function (props) {
-  return props.theme.palette['grey-700'];
-}, function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var TooltipButton = styled.div.withConfig({
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;background:", ";border-bottom:1px solid ", ";box-shadow:0px 1px 8px rgba(35,41,54,0.5);border-radius:3px;"], (props) => props.theme.palette["grey-700"], (props) => props.theme.palette["grey-500"]);
+const TooltipButton = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipButton",
   componentId: "sc-mghjny-5"
 })(["width:100%;padding:8px;background-color:rgba(56,67,80,0.9);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;"]);
-export var TooltipContent = styled.div.withConfig({
+const TooltipContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipContent",
   componentId: "sc-mghjny-6"
 })(["width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;"]);
-export var TooltipStatus = styled.div.withConfig({
+const TooltipStatus = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipStatus",
   componentId: "sc-mghjny-7"
 })(["padding-bottom:2px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;"]);
-export var TooltipImage = styled.div.withConfig({
+const TooltipImage = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipImage",
   componentId: "sc-mghjny-8"
-})(["display:flex;align-items:center;flex-direction:column;", " img,video{max-width:100%;}"], function (props) {
-  return props.extraMargin && 'margin-bottom: 4px;';
-});
-export var TooltipWrapper = styled.div.withConfig({
+})(["display:flex;align-items:center;flex-direction:column;", " img,video{max-width:100%;}"], (props) => props.extraMargin && "margin-bottom: 4px;");
+const TooltipWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipWrapper",
   componentId: "sc-mghjny-9"
-})(["box-shadow:", ";"], function (props) {
-  return props.theme.variables['box-shadow-2'];
-});
-export var TooltipComponent = styled(TooltipWrapper).withConfig({
+})(["box-shadow:", ";"], (props) => props.theme.variables["box-shadow-2"]);
+const TooltipComponent = /* @__PURE__ */ styled(TooltipWrapper).withConfig({
   displayName: "Tooltipstyles__TooltipComponent",
   componentId: "sc-mghjny-10"
-})(["font-size:11px;font-weight:500;min-height:24px;text-align:center;max-width:", ";width:max-content;background-color:rgba(56,67,80,0.9);min-height:24px;width:100%;border-radius:3px;color:", ";overflow:hidden;text-align:left;", "{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:", ";}"], function (props) {
-  return props.tooltipType === 'largeScrollable' ? '400px' : '250px';
-}, function (props) {
-  return props.theme.palette['grey-200'];
-}, TooltipContent, function (props) {
-  return props.tooltipType === 'default' ? '3px 8px' : '12px';
-});
+})(["font-size:11px;font-weight:500;min-height:24px;text-align:center;max-width:", ";width:max-content;background-color:rgba(56,67,80,0.9);min-height:24px;width:100%;border-radius:3px;color:", ";overflow:hidden;text-align:left;", "{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:", ";}"], (props) => props.tooltipType === "largeScrollable" ? "400px" : "250px", (props) => props.theme.palette["grey-200"], TooltipContent, (props) => props.tooltipType === "default" ? "3px 8px" : "12px");
+export {
+  TooltipButton,
+  TooltipComponent,
+  TooltipContent,
+  TooltipDescription,
+  TooltipHint,
+  TooltipImage,
+  TooltipKey,
+  TooltipStatus,
+  TooltipTitle,
+  TooltipTitleWrapper,
+  TooltipWrapper
+};

package/dist/Tooltip.types.d.ts

@@ -1,5 +1,5 @@
-import { type CSSProperties, type ReactNode } from 'react';
-import { type LegacyTooltipPlacement, type PopoverOptions, type PopoverTriggerType } from '@synerise/ds-popover';
+import { CSSProperties, ReactNode } from 'react';
+import { LegacyTooltipPlacement, PopoverOptions, PopoverTriggerType } from '@synerise/ds-popover';
 export type TooltipContentProps = Pick<TooltipProps, 'title' | 'description' | 'image' | 'icon' | 'shortCuts' | 'button' | 'status' | 'overlayStyle'> & Required<Pick<TooltipProps, 'type'>>;
 export type TooltipTypes = 'default' | 'largeSimple' | 'largeScrollable';
 export type TooltipProps = {

package/dist/Tooltip.types.js

@@ -1 +1 @@
-export {};
+

package/dist/Tooltip.utils.d.ts

@@ -1,5 +1,5 @@
-import { type TooltipProps } from 'Tooltip.types';
-import { type OffsetConfig } from '@synerise/ds-popover';
+import { TooltipProps } from 'Tooltip.types';
+import { OffsetConfig } from '@synerise/ds-popover';
 export declare const getTransitionConfig: () => {
     open: {
         opacity: number;

package/dist/Tooltip.utils.js

@@ -1,6 +1,4 @@
-// import { type UseTransitionStylesProps } from '@floating-ui/react';
-
-export var getTransitionConfig = function getTransitionConfig() {
+const getTransitionConfig = () => {
   return {
     open: {
       opacity: 1
@@ -10,8 +8,10 @@ export var getTransitionConfig = function getTransitionConfig() {
     }
   };
 };
-export var getOffsetConfig = function getOffsetConfig(offset) {
-  return {
-    mainAxis: offset === 'small' ? 4 : 8
-  };
-};
+const getOffsetConfig = (offset) => ({
+  mainAxis: offset === "small" ? 4 : 8
+});
+export {
+  getOffsetConfig,
+  getTransitionConfig
+};

package/dist/TooltipContent.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type TooltipContentProps } from './Tooltip.types';
+import { default as React } from 'react';
+import { TooltipContentProps } from './Tooltip.types';
 export declare const TooltipContent: ({ type, title, button, description, shortCuts, icon, status, image, overlayStyle, }: TooltipContentProps) => React.JSX.Element;

package/dist/TooltipContent.js

@@ -1,39 +1,37 @@
-import React from 'react';
-import Scrollbar from '@synerise/ds-scrollbar';
-import * as S from './Tooltip.styles';
-export var TooltipContent = function TooltipContent(_ref) {
-  var type = _ref.type,
-    title = _ref.title,
-    button = _ref.button,
-    description = _ref.description,
-    shortCuts = _ref.shortCuts,
-    icon = _ref.icon,
-    status = _ref.status,
-    image = _ref.image,
-    overlayStyle = _ref.overlayStyle;
-  var captureClick = function captureClick(event) {
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import Scrollbar from "@synerise/ds-scrollbar";
+import { TooltipComponent, TooltipContent as TooltipContent$1, TooltipStatus, TooltipTitle, TooltipTitleWrapper, TooltipHint, TooltipKey, TooltipImage, TooltipDescription, TooltipButton } from "./Tooltip.styles.js";
+const TooltipContent = ({
+  type,
+  title,
+  button,
+  description,
+  shortCuts,
+  icon,
+  status,
+  image,
+  overlayStyle
+}) => {
+  const captureClick = (event) => {
     event.stopPropagation();
   };
-  var shouldRenderDescription = type !== 'default' && description;
-  return /*#__PURE__*/React.createElement(S.TooltipComponent, {
-    onClick: captureClick,
-    tooltipType: type,
-    style: overlayStyle
-  }, /*#__PURE__*/React.createElement(S.TooltipContent, null, status && /*#__PURE__*/React.createElement(S.TooltipStatus, null, status), title && /*#__PURE__*/React.createElement(S.TooltipTitle, {
-    tooltipType: type
-  }, icon, /*#__PURE__*/React.createElement(S.TooltipTitleWrapper, null, title), shortCuts && /*#__PURE__*/React.createElement(S.TooltipHint, null, Array.isArray(shortCuts) ? shortCuts.map(function (hint, index) {
-    return /*#__PURE__*/React.createElement(S.TooltipKey, {
-      key: "key-" + index
-    }, hint);
-  }) : /*#__PURE__*/React.createElement(S.TooltipKey, null, shortCuts))), image && /*#__PURE__*/React.createElement(S.TooltipImage, {
-    extraMargin: !!shouldRenderDescription
-  }, image), shouldRenderDescription && /*#__PURE__*/React.createElement(S.TooltipDescription, {
-    tooltipType: type
-  }, type === 'largeScrollable' ? /*#__PURE__*/React.createElement(Scrollbar, {
-    absolute: true,
-    maxHeight: 90,
-    style: {
-      paddingRight: 16
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderDescription)) : shouldRenderDescription)), button && /*#__PURE__*/React.createElement(S.TooltipButton, null, button));
-};
+  const shouldRenderDescription = type !== "default" && description;
+  return /* @__PURE__ */ jsxs(TooltipComponent, { onClick: captureClick, tooltipType: type, style: overlayStyle, children: [
+    /* @__PURE__ */ jsxs(TooltipContent$1, { children: [
+      status && /* @__PURE__ */ jsx(TooltipStatus, { children: status }),
+      title && /* @__PURE__ */ jsxs(TooltipTitle, { tooltipType: type, children: [
+        icon,
+        /* @__PURE__ */ jsx(TooltipTitleWrapper, { children: title }),
+        shortCuts && /* @__PURE__ */ jsx(TooltipHint, { children: Array.isArray(shortCuts) ? shortCuts.map((hint, index) => /* @__PURE__ */ jsx(TooltipKey, { children: hint }, `key-${index}`)) : /* @__PURE__ */ jsx(TooltipKey, { children: shortCuts }) })
+      ] }),
+      image && /* @__PURE__ */ jsx(TooltipImage, { extraMargin: !!shouldRenderDescription, children: image }),
+      shouldRenderDescription && /* @__PURE__ */ jsx(TooltipDescription, { tooltipType: type, children: type === "largeScrollable" ? /* @__PURE__ */ jsx(Scrollbar, { absolute: true, maxHeight: 90, style: {
+        paddingRight: 16
+      }, children: /* @__PURE__ */ jsx(Fragment, { children: shouldRenderDescription }) }) : shouldRenderDescription })
+    ] }),
+    button && /* @__PURE__ */ jsx(TooltipButton, { children: button })
+  ] });
+};
+export {
+  TooltipContent
+};

package/dist/index.js

@@ -1,2 +1,4 @@
-export * from './Tooltip.types';
-export { default } from './Tooltip';
+import { default as default2 } from "./Tooltip.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tooltip",
-  "version": "1.4.9",
+  "version": "1.4.10",
   "description": "Tooltip UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -36,10 +36,10 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-popover": "^1.5.2",
-    "@synerise/ds-scrollbar": "^1.2.16",
-    "@synerise/ds-utils": "^1.7.0"
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-popover": "^1.5.3",
+    "@synerise/ds-scrollbar": "^1.2.17",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -49,5 +49,5 @@
   "devDependencies": {
     "@testing-library/user-event": "^14.6.1"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }

package/dist/__specs__/Tooltip.spec.d.ts

@@ -1 +0,0 @@
-export {};