intergalactic 15.129.0 → 15.130.0

package/tooltip/lib/esm/Tooltip.mjs

@@ -1,249 +1,299 @@
-import S from "@babel/runtime/helpers/esm/get";
-import x from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _ from "@babel/runtime/helpers/esm/objectSpread2";
-import K from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import C from "@babel/runtime/helpers/esm/classCallCheck";
-import A from "@babel/runtime/helpers/esm/createClass";
-import d from "@babel/runtime/helpers/esm/assertThisInitialized";
-import E from "@babel/runtime/helpers/esm/inherits";
-import R from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as L } from 'intergalactic/utils/lib/core/index';
-import N, { CREATE_COMPONENT as j, assignProps as I, Component as X, sstyled as F } from 'intergalactic/core';
-import i from "react";
-import q from 'intergalactic/popper';
-import { Box as B } from 'intergalactic/flex-box';
-import z from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
-import { isAdvanceMode as U } from 'intergalactic/utils/lib/findComponent';
-import Y from 'intergalactic/utils/lib/logger';
-import D from 'intergalactic/utils/lib/uniqueID';
-import G from 'intergalactic/portal';
-import { useZIndexStacking as J, ZIndexStackingContextProvider as Q } from 'intergalactic/utils/lib/zIndexStacking';
-var rr = ["Children", "title", "offset", "forcedAdvancedMode"], M = (
+import _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { CREATE_COMPONENT, assignProps, Component, sstyled as sstyled$1 } from 'intergalactic/core';
+import React from "react";
+import PopperOrigin from 'intergalactic/popper';
+import { Box } from 'intergalactic/flex-box';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
+import logger from 'intergalactic/utils/lib/logger';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import Portal from 'intergalactic/portal';
+import { useZIndexStacking, ZIndexStackingContextProvider } from 'intergalactic/utils/lib/zIndexStacking';
+var _excluded = ["Children", "title", "offset", "forcedAdvancedMode"];
+/*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (L.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___STooltip_th7kb_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:228px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_th7kb_gg_._theme_invert_th7kb_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_th7kb_gg_._theme_warning_th7kb_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_th7kb_gg_{position:absolute;border:6px solid;border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_th7kb_gg_:before{content:"";position:absolute;border:6px solid;border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_th7kb_gg_._theme_invert_th7kb_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_th7kb_gg_._theme_invert_th7kb_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_th7kb_gg_._theme_warning_th7kb_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_th7kb_gg_._theme_warning_th7kb_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___SArrow_th7kb_gg_.__bgColor_th7kb_gg_{border-color:var(--shadowColor_th7kb)}.___SArrow_th7kb_gg_.__bgColor_th7kb_gg_::before{border-color:var(--bgColor_th7kb)}.___STooltip_th7kb_gg_[data-popper-placement^=top] .___SArrow_th7kb_gg_,.___STooltip_th7kb_gg_[data-popper-placement^=top] .___SArrow_th7kb_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_th7kb_gg_[data-popper-placement^=top] .___SArrow_th7kb_gg_::before{top:-7px;left:-6px}.___STooltip_th7kb_gg_[data-popper-placement^=bottom] .___SArrow_th7kb_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_th7kb_gg_[data-popper-placement^=bottom] .___SArrow_th7kb_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_th7kb_gg_[data-popper-placement^=left] .___SArrow_th7kb_gg_,.___STooltip_th7kb_gg_[data-popper-placement^=left] .___SArrow_th7kb_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_th7kb_gg_[data-popper-placement^=left] .___SArrow_th7kb_gg_::before{top:-6px;left:-7px}.___STooltip_th7kb_gg_[data-popper-placement^=right] .___SArrow_th7kb_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_th7kb_gg_[data-popper-placement^=right] .___SArrow_th7kb_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_th7kb_gg_{position:absolute;width:100vw;left:calc(-50vw + 50%)}',
-    "th7kb_gg_"
-  ), {
-    __STooltip: "___STooltip_th7kb_gg_",
-    _theme_invert: "_theme_invert_th7kb_gg_",
-    _theme_warning: "_theme_warning_th7kb_gg_",
-    __STooltipPortalledWrapper: "___STooltipPortalledWrapper_th7kb_gg_",
-    __SArrow: "___SArrow_th7kb_gg_",
-    _bgColor: "__bgColor_th7kb_gg_",
-    "--shadowColor": "--shadowColor_th7kb",
-    "--bgColor": "--bgColor_th7kb"
+    '.___STooltip_1j76m_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:228px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_1j76m_gg_._theme_invert_1j76m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_1j76m_gg_._theme_warning_1j76m_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_1j76m_gg_{position:absolute;border:6px solid;border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_1j76m_gg_:before{content:"";position:absolute;border:6px solid;border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_1j76m_gg_._theme_invert_1j76m_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_1j76m_gg_._theme_invert_1j76m_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_1j76m_gg_._theme_warning_1j76m_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_1j76m_gg_._theme_warning_1j76m_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___SArrow_1j76m_gg_.__bgColor_1j76m_gg_{border-color:var(--shadowColor_1j76m)}.___SArrow_1j76m_gg_.__bgColor_1j76m_gg_::before{border-color:var(--bgColor_1j76m)}.___STooltip_1j76m_gg_[data-popper-placement^=top] .___SArrow_1j76m_gg_,.___STooltip_1j76m_gg_[data-popper-placement^=top] .___SArrow_1j76m_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1j76m_gg_[data-popper-placement^=top] .___SArrow_1j76m_gg_::before{top:-7px;left:-6px}.___STooltip_1j76m_gg_[data-popper-placement^=bottom] .___SArrow_1j76m_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1j76m_gg_[data-popper-placement^=bottom] .___SArrow_1j76m_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1j76m_gg_[data-popper-placement^=left] .___SArrow_1j76m_gg_,.___STooltip_1j76m_gg_[data-popper-placement^=left] .___SArrow_1j76m_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1j76m_gg_[data-popper-placement^=left] .___SArrow_1j76m_gg_::before{top:-6px;left:-7px}.___STooltip_1j76m_gg_[data-popper-placement^=right] .___SArrow_1j76m_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1j76m_gg_[data-popper-placement^=right] .___SArrow_1j76m_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_1j76m_gg_{position:absolute;width:100vw;left:calc(-50vw + 50%)}',
+    /*__inner_css_end__*/
+    "1j76m_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__STooltip": "___STooltip_1j76m_gg_",
+    "_theme_invert": "_theme_invert_1j76m_gg_",
+    "_theme_warning": "_theme_warning_1j76m_gg_",
+    "__STooltipPortalledWrapper": "___STooltipPortalledWrapper_1j76m_gg_",
+    "__SArrow": "___SArrow_1j76m_gg_",
+    "_bgColor": "__bgColor_1j76m_gg_",
+    "--shadowColor": "--shadowColor_1j76m",
+    "--bgColor": "--bgColor_1j76m"
   })
-), m = q[j](), W = {
+);
+var Popper = PopperOrigin[CREATE_COMPONENT]();
+var defaultProps = {
   placement: "top",
   interaction: "hover",
   timeout: [100, 50],
   offset: [0, 10],
   flip: {
-    flipVariations: !0,
-    flipVariationsByContent: !0
+    flipVariations: true,
+    flipVariationsByContent: true
   },
-  defaultVisible: !1,
-  focusLoop: !1,
-  liveRegion: !0
-}, h = /* @__PURE__ */ function(p) {
-  E(t, p);
-  var s = R(t);
-  function t() {
-    var o;
-    C(this, t);
-    for (var r = arguments.length, a = new Array(r), e = 0; e < r; e++)
-      a[e] = arguments[e];
-    return o = s.call.apply(s, [this].concat(a)), l(d(o), "state", {
+  defaultVisible: false,
+  focusLoop: false,
+  liveRegion: true
+};
+var TooltipRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(TooltipRoot2, _Component);
+  var _super = _createSuper(TooltipRoot2);
+  function TooltipRoot2() {
+    var _this;
+    _classCallCheck(this, TooltipRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       popperChildren: null
-    }), l(d(o), "subcomponents", [u.Trigger.displayName, u.Popper.displayName]), l(d(o), "defaultChildren", function(n, c, g) {
-      return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(u.Trigger, g, /* @__PURE__ */ i.createElement(c, null)), /* @__PURE__ */ i.createElement(u.Popper, null, n));
-    }), o;
+    });
+    _defineProperty(_assertThisInitialized(_this), "subcomponents", [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
+    _defineProperty(_assertThisInitialized(_this), "defaultChildren", function(title, Children, props) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, props, /* @__PURE__ */ React.createElement(Children, null)), /* @__PURE__ */ React.createElement(Tooltip.Popper, null, title));
+    });
+    return _this;
   }
-  return A(t, [{
+  _createClass(TooltipRoot2, [{
     key: "uncontrolledProps",
-    value: function() {
-      var r = this;
+    value: function uncontrolledProps() {
+      var _this2 = this;
       return {
-        visible: [null, function(a) {
-          var e;
-          (e = r.handlePopperVisibleChange) === null || e === void 0 || e.call(r, a);
+        visible: [null, function(visible) {
+          var _this2$handlePopperVi;
+          (_this2$handlePopperVi = _this2.handlePopperVisibleChange) === null || _this2$handlePopperVi === void 0 ? void 0 : _this2$handlePopperVi.call(_this2, visible);
         }]
       };
     }
   }, {
     key: "getTriggerProps",
-    value: function() {
-      var r = this.asProps, a = r.uid, e = r.visible, n = e ? "igc-".concat(a, "-popper") : void 0;
+    value: function getTriggerProps() {
+      var _this$asProps = this.asProps, uid = _this$asProps.uid, visible = _this$asProps.visible;
+      var popperId = visible ? "igc-".concat(uid, "-popper") : void 0;
       return {
         "aria-haspopup": void 0,
-        "aria-describedby": n,
-        popperId: n
+        "aria-describedby": popperId,
+        popperId
       };
     }
   }, {
     key: "getPopperProps",
-    value: function() {
-      var r = this.asProps, a = r.theme, e = r.uid, n = r.liveRegion, c = r.disablePortal, g = r.ignorePortalsStacking, b = r.interaction, f = r.resolveColor, y = r.visible, k = a === "warning" ? "assertive" : "polite";
-      return n || (k = void 0), {
-        id: "igc-".concat(e, "-popper"),
-        theme: a,
-        disablePortal: c,
-        ignorePortalsStacking: g,
-        interaction: b,
-        resolveColor: f,
+    value: function getPopperProps() {
+      var _this$asProps2 = this.asProps, theme = _this$asProps2.theme, uid = _this$asProps2.uid, liveRegion = _this$asProps2.liveRegion, disablePortal = _this$asProps2.disablePortal, ignorePortalsStacking = _this$asProps2.ignorePortalsStacking, interaction = _this$asProps2.interaction, resolveColor = _this$asProps2.resolveColor, visible = _this$asProps2.visible;
+      var ariaLive = theme === "warning" ? "assertive" : "polite";
+      if (!liveRegion) {
+        ariaLive = void 0;
+      }
+      return {
+        id: "igc-".concat(uid, "-popper"),
+        theme,
+        disablePortal,
+        ignorePortalsStacking,
+        interaction,
+        resolveColor,
         role: "tooltip",
-        "aria-live": k,
-        visible: y
+        "aria-live": ariaLive,
+        visible
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var r = this.asProps, a = this.asProps, e = a.Children, n = a.title;
-      a.offset;
-      var c = a.forcedAdvancedMode, g = K(a, rr), b = c || U(e, this.subcomponents);
-      return Y.warn(n && b, "You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time", g["data-ui-name"] || u.displayName), /* @__PURE__ */ i.createElement(m, I({}, r), b ? /* @__PURE__ */ i.createElement(e, null) : this.defaultChildren(n, e, g));
+    value: function render() {
+      var _ref = this.asProps;
+      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, title = _this$asProps3.title;
+      _this$asProps3.offset;
+      var forcedAdvancedMode = _this$asProps3.forcedAdvancedMode, other = _objectWithoutProperties(_this$asProps3, _excluded);
+      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, this.subcomponents);
+      logger.warn(title && advancedMode, "You can't use 'title' and '<Tooltip.Trigger/>/<Tooltip.Popper/>' at the same time", other["data-ui-name"] || Tooltip.displayName);
+      return /* @__PURE__ */ React.createElement(Popper, assignProps({}, _ref), advancedMode ? /* @__PURE__ */ React.createElement(Children, null) : this.defaultChildren(title, Children, other));
     }
-  }]), t;
-}(X);
-l(h, "displayName", "Tooltip");
-l(h, "style", M);
-l(h, "enhance", [D(), z()]);
-l(h, "defaultProps", _({}, W));
-function $(p) {
-  var s = arguments[0], t, o = p.Children, r = p.styles, a = m.Trigger;
-  return t = F(r), /* @__PURE__ */ i.createElement(a, t.cn("STrigger", _({}, I({}, s))), /* @__PURE__ */ i.createElement(o, t.cn("Children", {})));
+  }]);
+  return TooltipRoot2;
+}(Component);
+_defineProperty(TooltipRoot, "displayName", "Tooltip");
+_defineProperty(TooltipRoot, "style", style);
+_defineProperty(TooltipRoot, "enhance", [uniqueIDEnhancement(), resolveColorEnhance()]);
+_defineProperty(TooltipRoot, "defaultProps", _objectSpread({}, defaultProps));
+function TooltipTrigger(props) {
+  var _ref2 = arguments[0], _ref4;
+  var Children = props.Children, styles = props.styles;
+  var STrigger = Popper.Trigger;
+  return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STrigger, _ref4.cn("STrigger", _objectSpread({}, assignProps({}, _ref2))), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})));
 }
-function V(p) {
-  var s = arguments[0], t, o = p.Children, r = p.styles, a = p.theme, e = p.resolveColor, n = p.disablePortal, c = p.ignorePortalsStacking, g = p["aria-live"], b = p.arrowBgColor, f = p.arrowShadowColor, y = m.Popper, k = B, H = B, O = J("z-index-tooltip"), Z = p.zIndex || O;
-  return t = F(r), /* @__PURE__ */ i.createElement(Q, t.cn("ZIndexStackingContextProvider", {
-    designToken: "z-index-tooltip"
-  }), /* @__PURE__ */ i.createElement(G, t.cn("Portal", {
-    disablePortal: n,
-    ignorePortalsStacking: c
-  }), /* @__PURE__ */ i.createElement(H, t.cn("STooltipPortalledWrapper", {
-    role: g === "polite" ? "status" : void 0,
-    "aria-live": g,
-    zIndex: Z
-  }), /* @__PURE__ */ i.createElement(y, t.cn("STooltip", _({}, I({
-    "use:disablePortal": !0,
-    "use:theme": e(a),
+function TooltipPopper(props) {
+  var _ref3 = arguments[0], _ref5;
+  var Children = props.Children, styles = props.styles, theme = props.theme, resolveColor = props.resolveColor, disablePortal = props.disablePortal, ignorePortalsStacking = props.ignorePortalsStacking, ariaLive = props["aria-live"], arrowBgColor = props.arrowBgColor, arrowShadowColor = props.arrowShadowColor;
+  var STooltip = Popper.Popper;
+  var SArrow = Box;
+  var STooltipPortalledWrapper = Box;
+  var contextZIndex = useZIndexStacking("z-index-tooltip");
+  var zIndex = props.zIndex || contextZIndex;
+  return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(ZIndexStackingContextProvider, _ref5.cn("ZIndexStackingContextProvider", {
+    "designToken": "z-index-tooltip"
+  }), /* @__PURE__ */ React.createElement(Portal, _ref5.cn("Portal", {
+    "disablePortal": disablePortal,
+    "ignorePortalsStacking": ignorePortalsStacking
+  }), /* @__PURE__ */ React.createElement(STooltipPortalledWrapper, _ref5.cn("STooltipPortalledWrapper", {
+    "role": ariaLive === "polite" ? "status" : void 0,
+    "aria-live": ariaLive,
+    "zIndex": zIndex
+  }), /* @__PURE__ */ React.createElement(STooltip, _ref5.cn("STooltip", _objectSpread({}, assignProps({
+    "use:disablePortal": true,
+    "use:theme": resolveColor(theme),
     "use:aria-live": void 0,
     "use:zIndex": void 0
-  }, s))), /* @__PURE__ */ i.createElement(o, t.cn("Children", {})), /* @__PURE__ */ i.createElement(k, t.cn("SArrow", {
-    "data-popper-arrow": !0,
-    "use:theme": e(a),
-    bgColor: e(b),
-    shadowColor: e(f ?? b)
+  }, _ref3))), /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})), /* @__PURE__ */ React.createElement(SArrow, _ref5.cn("SArrow", {
+    "data-popper-arrow": true,
+    "use:theme": resolveColor(theme),
+    "bgColor": resolveColor(arrowBgColor),
+    "shadowColor": resolveColor(arrowShadowColor !== null && arrowShadowColor !== void 0 ? arrowShadowColor : arrowBgColor)
   }))))));
 }
-var v = /* @__PURE__ */ function(p) {
-  E(t, p);
-  var s = R(t);
-  function t() {
-    var o;
-    C(this, t);
-    for (var r = arguments.length, a = new Array(r), e = 0; e < r; e++)
-      a[e] = arguments[e];
-    return o = s.call.apply(s, [this].concat(a)), l(d(o), "subcomponents", [T.Trigger.displayName, T.Popper.displayName]), l(d(o), "defaultChildren", function(n, c, g) {
-      return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(T.Trigger, g, /* @__PURE__ */ i.createElement(c, null)), /* @__PURE__ */ i.createElement(T.Popper, null, n));
-    }), o;
+var HintRoot = /* @__PURE__ */ function(_TooltipRoot) {
+  _inherits(HintRoot2, _TooltipRoot);
+  var _super2 = _createSuper(HintRoot2);
+  function HintRoot2() {
+    var _this3;
+    _classCallCheck(this, HintRoot2);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "subcomponents", [Hint.Trigger.displayName, Hint.Popper.displayName]);
+    _defineProperty(_assertThisInitialized(_this3), "defaultChildren", function(title, Children, props) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Hint.Trigger, props, /* @__PURE__ */ React.createElement(Children, null)), /* @__PURE__ */ React.createElement(Hint.Popper, null, title));
+    });
+    return _this3;
   }
-  return A(t, [{
+  _createClass(HintRoot2, [{
     key: "getTriggerProps",
-    value: function() {
-      var r = S(x(t.prototype), "getTriggerProps", this).call(this);
-      return _(_({}, r), {}, {
+    value: function getTriggerProps() {
+      var props = _get(_getPrototypeOf(HintRoot2.prototype), "getTriggerProps", this).call(this);
+      return _objectSpread(_objectSpread({}, props), {}, {
         "aria-describedby": void 0,
         "aria-label": this.asProps.title
       });
     }
   }, {
     key: "getPopperProps",
-    value: function() {
-      var r = S(x(t.prototype), "getPopperProps", this).call(this);
-      return _(_({}, r), {}, {
-        "aria-hidden": !0,
+    value: function getPopperProps() {
+      var props = _get(_getPrototypeOf(HintRoot2.prototype), "getPopperProps", this).call(this);
+      return _objectSpread(_objectSpread({}, props), {}, {
+        "aria-hidden": true,
         role: void 0,
         children: this.asProps.title
       });
     }
-  }]), t;
-}(h);
-l(v, "displayName", "Hint");
-l(v, "style", M);
-l(v, "enhance", [D(), z()]);
-l(v, "defaultProps", _(_({}, W), {}, {
-  liveRegion: !1
+  }]);
+  return HintRoot2;
+}(TooltipRoot);
+_defineProperty(HintRoot, "displayName", "Hint");
+_defineProperty(HintRoot, "style", style);
+_defineProperty(HintRoot, "enhance", [uniqueIDEnhancement(), resolveColorEnhance()]);
+_defineProperty(HintRoot, "defaultProps", _objectSpread(_objectSpread({}, defaultProps), {}, {
+  liveRegion: false
 }));
-var P = /* @__PURE__ */ function(p) {
-  E(t, p);
-  var s = R(t);
-  function t() {
-    var o;
-    C(this, t);
-    for (var r = arguments.length, a = new Array(r), e = 0; e < r; e++)
-      a[e] = arguments[e];
-    return o = s.call.apply(s, [this].concat(a)), l(d(o), "popperRef", /* @__PURE__ */ i.createRef()), l(d(o), "subcomponents", [w.Trigger.displayName, w.Popper.displayName]), l(d(o), "defaultChildren", function(n, c, g) {
-      return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(w.Trigger, g, /* @__PURE__ */ i.createElement(c, null)), /* @__PURE__ */ i.createElement(w.Popper, null, n));
-    }), l(d(o), "handleTriggerKeyDown", function(n) {
-      o.asProps.interaction === "click" && (n.key === " " && ["INPUT", "TEXTAREA"].includes(n.target.tagName) || n.key === "Enter" && n.target.tagName === "TEXTAREA" || ["Enter", " "].includes(n.key) && (n.preventDefault(), o.handlers.visible(!0)));
-    }), o;
+var DescriptionTooltipRoot = /* @__PURE__ */ function(_TooltipRoot2) {
+  _inherits(DescriptionTooltipRoot2, _TooltipRoot2);
+  var _super3 = _createSuper(DescriptionTooltipRoot2);
+  function DescriptionTooltipRoot2() {
+    var _this4;
+    _classCallCheck(this, DescriptionTooltipRoot2);
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    _this4 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this4), "popperRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this4), "subcomponents", [DescriptionTooltip.Trigger.displayName, DescriptionTooltip.Popper.displayName]);
+    _defineProperty(_assertThisInitialized(_this4), "defaultChildren", function(title, Children, props) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DescriptionTooltip.Trigger, props, /* @__PURE__ */ React.createElement(Children, null)), /* @__PURE__ */ React.createElement(DescriptionTooltip.Popper, null, title));
+    });
+    _defineProperty(_assertThisInitialized(_this4), "handleTriggerKeyDown", function(event) {
+      if (_this4.asProps.interaction !== "click") return;
+      if (event.key === " " && ["INPUT", "TEXTAREA"].includes(event.target.tagName)) return;
+      if (event.key === "Enter" && event.target.tagName === "TEXTAREA") return;
+      if (["Enter", " "].includes(event.key)) {
+        event.preventDefault();
+        _this4.handlers.visible(true);
+      }
+    });
+    return _this4;
   }
-  return A(t, [{
+  _createClass(DescriptionTooltipRoot2, [{
     key: "getTriggerProps",
-    value: function() {
-      var r = this.asProps, a = r.disabled, e = r.visible, n = S(x(t.prototype), "getTriggerProps", this).call(this);
-      return _(_({}, n), {}, {
-        "aria-haspopup": a || n.disabled ? "false" : "dialog",
-        "aria-expanded": e,
+    value: function getTriggerProps() {
+      var _this$asProps4 = this.asProps, disabled = _this$asProps4.disabled, visible = _this$asProps4.visible;
+      var props = _get(_getPrototypeOf(DescriptionTooltipRoot2.prototype), "getTriggerProps", this).call(this);
+      return _objectSpread(_objectSpread({}, props), {}, {
+        "aria-haspopup": !(disabled || props.disabled) ? "dialog" : "false",
+        "aria-expanded": visible,
         "aria-describedby": void 0,
-        "aria-controls": e ? "igc-".concat(this.asProps.uid, "-popper") : void 0,
+        "aria-controls": visible ? "igc-".concat(this.asProps.uid, "-popper") : void 0,
         onKeyDown: this.handleTriggerKeyDown,
         role: "button"
       });
     }
   }, {
     key: "getPopperProps",
-    value: function() {
-      var r = S(x(t.prototype), "getPopperProps", this).call(this);
-      return _(_({}, r), {}, {
+    value: function getPopperProps() {
+      var props = _get(_getPrototypeOf(DescriptionTooltipRoot2.prototype), "getPopperProps", this).call(this);
+      return _objectSpread(_objectSpread({}, props), {}, {
         ref: this.popperRef,
         role: "dialog",
         tabIndex: 0,
         autoFocus: "enforced"
       });
     }
-  }]), t;
-}(h);
-l(P, "displayName", "DescriptionTooltip");
-l(P, "style", M);
-l(P, "enhance", [D(), z()]);
-l(P, "defaultProps", _(_({}, W), {}, {
-  liveRegion: !1,
+  }]);
+  return DescriptionTooltipRoot2;
+}(TooltipRoot);
+_defineProperty(DescriptionTooltipRoot, "displayName", "DescriptionTooltip");
+_defineProperty(DescriptionTooltipRoot, "style", style);
+_defineProperty(DescriptionTooltipRoot, "enhance", [uniqueIDEnhancement(), resolveColorEnhance()]);
+_defineProperty(DescriptionTooltipRoot, "defaultProps", _objectSpread(_objectSpread({}, defaultProps), {}, {
+  liveRegion: false,
   interaction: "click"
 }));
-var T = N(v, {
-  Trigger: $,
-  Popper: V
+var Hint = createComponent(HintRoot, {
+  Trigger: TooltipTrigger,
+  Popper: TooltipPopper
 }, {
-  parent: m
-}), u = N(h, {
-  Trigger: $,
-  Popper: V
+  parent: Popper
+});
+var Tooltip = createComponent(TooltipRoot, {
+  Trigger: TooltipTrigger,
+  Popper: TooltipPopper
 }, {
-  parent: m
-}), w = N(P, {
-  Trigger: $,
-  Popper: V
+  parent: Popper
+});
+var DescriptionTooltip = createComponent(DescriptionTooltipRoot, {
+  Trigger: TooltipTrigger,
+  Popper: TooltipPopper
 }, {
-  parent: m
+  parent: Popper
 });
 export {
-  w as DescriptionTooltip,
-  T as Hint,
-  u as Tooltip,
-  u as default
+  DescriptionTooltip,
+  Hint,
+  Tooltip,
+  Tooltip as default
 };

package/tooltip/lib/esm/index.mjs

@@ -1,6 +1,6 @@
-import { DescriptionTooltip as i, Hint as p, Tooltip as e } from "./Tooltip.mjs";
+import { DescriptionTooltip, Hint, Tooltip } from "./Tooltip.mjs";
 export {
-  i as DescriptionTooltip,
-  p as Hint,
-  e as default
+  DescriptionTooltip,
+  Hint,
+  Tooltip as default
 };