@multiplatform.one/components 6.7.0 → 7.0.0

package/dist/cjs/Toast/store.cjs

@@ -23,15 +23,27 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var store_exports = {};
 __export(store_exports, {
   TOAST_ACTION_MIN_MS: () => TOAST_ACTION_MIN_MS,
+  TOAST_DEFAULT_MS: () => TOAST_DEFAULT_MS,
+  TOAST_ERROR_MS: () => TOAST_ERROR_MS,
   TOAST_EXIT_MS: () => TOAST_EXIT_MS,
+  TOAST_WARNING_MS: () => TOAST_WARNING_MS,
+  __resetToastViewportRegistry: () => __resetToastViewportRegistry,
+  claimToastViewport: () => claimToastViewport,
   dismissAllToasts: () => dismissAllToasts,
   dismissToast: () => dismissToast,
+  getToastViewportOwner: () => getToastViewportOwner,
   getToasts: () => getToasts,
+  releaseToastViewport: () => releaseToastViewport,
   resetToasts: () => resetToasts,
+  resolveToastPolicy: () => resolveToastPolicy,
   showToast: () => showToast,
+  subscribeToastViewport: () => subscribeToastViewport,
   subscribeToasts: () => subscribeToasts
 });
 module.exports = __toCommonJS(store_exports);
+const TOAST_DEFAULT_MS = 5e3;
+const TOAST_WARNING_MS = 8e3;
+const TOAST_ERROR_MS = 12e3;
 const TOAST_ACTION_MIN_MS = 1e4;
 const TOAST_EXIT_MS = 320;
 let entries = [];
@@ -50,11 +62,35 @@ function subscribeToasts(listener) {
     listeners.delete(listener);
   };
 }
-function resolveToastDuration(duration, hasAction) {
-  if (duration === 0 || duration === Number.POSITIVE_INFINITY) return duration;
-  if (!hasAction) return duration;
-  if (duration === void 0) return TOAST_ACTION_MIN_MS;
-  return Math.max(duration, TOAST_ACTION_MIN_MS);
+function intentDefaultDuration(intent) {
+  if (intent === "error") return TOAST_ERROR_MS;
+  if (intent === "warning") return TOAST_WARNING_MS;
+  return TOAST_DEFAULT_MS;
+}
+function resolveToastPolicy(options) {
+  const intent = options.intent ?? "accent";
+  const hasAction = options.action != null;
+  const sticky = options.sticky === true || options.duration === 0 || options.duration === Number.POSITIVE_INFINITY;
+  let duration;
+  if (sticky) {
+    duration = 0;
+  } else {
+    const base = options.duration ?? intentDefaultDuration(intent);
+    duration = hasAction ? Math.max(base, TOAST_ACTION_MIN_MS) : base;
+  }
+  const mustStayDismissible = sticky || intent === "error";
+  let dismissible = options.dismissible ?? true;
+  if (mustStayDismissible && !dismissible) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`[toast] dismissible: false ignored for ${sticky ? "sticky" : "error"} toast "${options.title}" \u2014 persistent toasts must stay dismissable by hand.`);
+    }
+    dismissible = true;
+  }
+  return {
+    duration,
+    sticky,
+    dismissible
+  };
 }
 function showToast(options) {
   const id = options.id ?? `mp-toast-${++counter}`;
@@ -63,14 +99,17 @@ function showToast(options) {
     clearTimeout(pendingRemoval);
     removalTimers.delete(id);
   }
-  const duration = resolveToastDuration(options.duration, options.action != null);
+  const {
+    duration,
+    sticky,
+    dismissible
+  } = resolveToastPolicy(options);
   const entry = {
     intent: "accent",
-    dismissible: true,
     ...options,
-    ...(duration !== void 0 ? {
-      duration
-    } : {}),
+    duration,
+    sticky,
+    dismissible,
     id,
     open: true
   };
@@ -103,4 +142,38 @@ function resetToasts() {
   removalTimers.clear();
   entries = [];
   emit();
+}
+let viewportClaimants = [];
+const viewportListeners = /* @__PURE__ */new Set();
+let warnedDuplicateViewport = false;
+function emitViewport() {
+  for (const listener of viewportListeners) listener();
+}
+function claimToastViewport(id) {
+  if (viewportClaimants.includes(id)) return;
+  viewportClaimants = [...viewportClaimants, id];
+  if (viewportClaimants.length > 1 && !warnedDuplicateViewport && process.env.NODE_ENV !== "production") {
+    warnedDuplicateViewport = true;
+    console.warn("[toast] a second ToastViewport mounted \u2014 the first mounted viewport renders and this one no-ops. Mount one viewport at the app shell (NotifyHost includes it).");
+  }
+  emitViewport();
+}
+function releaseToastViewport(id) {
+  if (!viewportClaimants.includes(id)) return;
+  viewportClaimants = viewportClaimants.filter(claimant => claimant !== id);
+  emitViewport();
+}
+function getToastViewportOwner() {
+  return viewportClaimants[0];
+}
+function subscribeToastViewport(listener) {
+  viewportListeners.add(listener);
+  return () => {
+    viewportListeners.delete(listener);
+  };
+}
+function __resetToastViewportRegistry() {
+  viewportClaimants = [];
+  warnedDuplicateViewport = false;
+  emitViewport();
 }

package/dist/cjs/Toast/store.native.js

@@ -25,15 +25,27 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var store_exports = {};
 __export(store_exports, {
   TOAST_ACTION_MIN_MS: () => TOAST_ACTION_MIN_MS,
+  TOAST_DEFAULT_MS: () => TOAST_DEFAULT_MS,
+  TOAST_ERROR_MS: () => TOAST_ERROR_MS,
   TOAST_EXIT_MS: () => TOAST_EXIT_MS,
+  TOAST_WARNING_MS: () => TOAST_WARNING_MS,
+  __resetToastViewportRegistry: () => __resetToastViewportRegistry,
+  claimToastViewport: () => claimToastViewport,
   dismissAllToasts: () => dismissAllToasts,
   dismissToast: () => dismissToast,
+  getToastViewportOwner: () => getToastViewportOwner,
   getToasts: () => getToasts,
+  releaseToastViewport: () => releaseToastViewport,
   resetToasts: () => resetToasts,
+  resolveToastPolicy: () => resolveToastPolicy,
   showToast: () => showToast,
+  subscribeToastViewport: () => subscribeToastViewport,
   subscribeToasts: () => subscribeToasts
 });
 module.exports = __toCommonJS(store_exports);
+var TOAST_DEFAULT_MS = 5e3;
+var TOAST_WARNING_MS = 8e3;
+var TOAST_ERROR_MS = 12e3;
 var TOAST_ACTION_MIN_MS = 1e4;
 var TOAST_EXIT_MS = 320;
 var entries = [];
@@ -73,11 +85,37 @@ function subscribeToasts(listener) {
     listeners.delete(listener);
   };
 }
-function resolveToastDuration(duration, hasAction) {
-  if (duration === 0 || duration === Number.POSITIVE_INFINITY) return duration;
-  if (!hasAction) return duration;
-  if (duration === void 0) return TOAST_ACTION_MIN_MS;
-  return Math.max(duration, TOAST_ACTION_MIN_MS);
+function intentDefaultDuration(intent) {
+  if (intent === "error") return TOAST_ERROR_MS;
+  if (intent === "warning") return TOAST_WARNING_MS;
+  return TOAST_DEFAULT_MS;
+}
+function resolveToastPolicy(options) {
+  var _options_intent, _options_dismissible;
+  var intent = (_options_intent = options.intent) !== null && _options_intent !== void 0 ? _options_intent : "accent";
+  var hasAction = options.action != null;
+  var sticky = options.sticky === true || options.duration === 0 || options.duration === Number.POSITIVE_INFINITY;
+  var duration;
+  if (sticky) {
+    duration = 0;
+  } else {
+    var _options_duration;
+    var base = (_options_duration = options.duration) !== null && _options_duration !== void 0 ? _options_duration : intentDefaultDuration(intent);
+    duration = hasAction ? Math.max(base, TOAST_ACTION_MIN_MS) : base;
+  }
+  var mustStayDismissible = sticky || intent === "error";
+  var dismissible = (_options_dismissible = options.dismissible) !== null && _options_dismissible !== void 0 ? _options_dismissible : true;
+  if (mustStayDismissible && !dismissible) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`[toast] dismissible: false ignored for ${sticky ? "sticky" : "error"} toast "${options.title}" \u2014 persistent toasts must stay dismissable by hand.`);
+    }
+    dismissible = true;
+  }
+  return {
+    duration,
+    sticky,
+    dismissible
+  };
 }
 function showToast(options) {
   var _options_id;
@@ -87,14 +125,17 @@ function showToast(options) {
     clearTimeout(pendingRemoval);
     removalTimers.delete(id);
   }
-  var duration = resolveToastDuration(options.duration, options.action != null);
+  var {
+    duration,
+    sticky,
+    dismissible
+  } = resolveToastPolicy(options);
   var entry = {
     intent: "accent",
-    dismissible: true,
     ...options,
-    ...(duration !== void 0 ? {
-      duration
-    } : {}),
+    duration,
+    sticky,
+    dismissible,
     id,
     open: true
   };
@@ -176,4 +217,61 @@ function resetToasts() {
   entries = [];
   emit();
 }
+var viewportClaimants = [];
+var viewportListeners = /* @__PURE__ */new Set();
+var warnedDuplicateViewport = false;
+function emitViewport() {
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = viewportListeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var listener = _step.value;
+      listener();
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+}
+function claimToastViewport(id) {
+  if (viewportClaimants.includes(id)) return;
+  viewportClaimants = [...viewportClaimants, id];
+  if (viewportClaimants.length > 1 && !warnedDuplicateViewport && process.env.NODE_ENV !== "production") {
+    warnedDuplicateViewport = true;
+    console.warn("[toast] a second ToastViewport mounted \u2014 the first mounted viewport renders and this one no-ops. Mount one viewport at the app shell (NotifyHost includes it).");
+  }
+  emitViewport();
+}
+function releaseToastViewport(id) {
+  if (!viewportClaimants.includes(id)) return;
+  viewportClaimants = viewportClaimants.filter(function (claimant) {
+    return claimant !== id;
+  });
+  emitViewport();
+}
+function getToastViewportOwner() {
+  return viewportClaimants[0];
+}
+function subscribeToastViewport(listener) {
+  viewportListeners.add(listener);
+  return function () {
+    viewportListeners.delete(listener);
+  };
+}
+function __resetToastViewportRegistry() {
+  viewportClaimants = [];
+  warnedDuplicateViewport = false;
+  emitViewport();
+}
 //# sourceMappingURL=store.native.js.map

package/dist/cjs/Toast/store.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","store_exports","__export","TOAST_ACTION_MIN_MS","TOAST_EXIT_MS","dismissAllToasts","dismissToast","getToasts","resetToasts","showToast","subscribeToasts","module","exports","entries","counter","listeners","Set","removalTimers","Map","emit","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","listener","err","return","add","delete","resolveToastDuration","duration","hasAction","Number","POSITIVE_INFINITY","Math","max","options","_options_id","id","pendingRemoval","get","clearTimeout","action","entry","intent","dismissible","open","filter","e"],"sources":["../../../src/Toast/store.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","store_exports","__export","TOAST_ACTION_MIN_MS","TOAST_DEFAULT_MS","TOAST_ERROR_MS","TOAST_EXIT_MS","TOAST_WARNING_MS","__resetToastViewportRegistry","claimToastViewport","dismissAllToasts","dismissToast","getToastViewportOwner","getToasts","releaseToastViewport","resetToasts","resolveToastPolicy","showToast","subscribeToastViewport","subscribeToasts","module","exports","entries","counter","listeners","Set","removalTimers","Map","emit","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","listener","err","return","add","delete","intentDefaultDuration","intent","options","_options_intent","_options_dismissible","hasAction","action","sticky","duration","Number","POSITIVE_INFINITY","_options_duration","base","Math","max","mustStayDismissible","dismissible","process","env","NODE_ENV","console","warn","title","_options_id","id","pendingRemoval","get","clearTimeout","entry","open","filter","e","find","map","set","setTimeout","snapshot"],"sources":["../../../src/Toast/store.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tooltip/index.cjs

@@ -33,24 +33,89 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var Tooltip_exports = {};
 __export(Tooltip_exports, {
-  Tooltip: () => Tooltip
+  TOOLTIP_COLLISION_PADDING_PX: () => TOOLTIP_COLLISION_PADDING_PX,
+  TOOLTIP_DEFAULT_DELAY_MS: () => TOOLTIP_DEFAULT_DELAY_MS,
+  TOOLTIP_OFFSET_PX: () => TOOLTIP_OFFSET_PX,
+  TOOLTIP_SKIP_DELAY_MS: () => TOOLTIP_SKIP_DELAY_MS,
+  Tooltip: () => Tooltip,
+  __resetTooltipSkipForTests: () => __resetTooltipSkipForTests,
+  noteTooltipClosed: () => noteTooltipClosed,
+  resolveTooltipDelay: () => resolveTooltipDelay,
+  resolveTooltipPadRecipe: () => resolveTooltipPadRecipe,
+  resolveTooltipSizeRecipe: () => resolveTooltipSizeRecipe,
+  tooltipPadRecipes: () => tooltipPadRecipes,
+  tooltipSizeRecipes: () => tooltipSizeRecipes,
+  wrapTooltipContent: () => wrapTooltipContent
 });
 module.exports = __toCommonJS(Tooltip_exports);
+var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = __toESM(require("react"));
 var import_tamagui = require("tamagui");
-var import_componentColors = require("../componentColors.cjs");
+var import_textRidesText = require("../shared/textRidesText.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+const tooltipSizeRecipes = {
+  small: {
+    maxWidth: 160
+  },
+  medium: {
+    maxWidth: 250
+  },
+  large: {
+    maxWidth: 320
+  }
+};
+const tooltipPadRecipes = {
+  small: {
+    paddingHorizontal: "$1.5",
+    paddingVertical: "$1"
+  },
+  medium: {
+    paddingHorizontal: "$2",
+    paddingVertical: "$1.5"
+  },
+  large: {
+    paddingHorizontal: "$3",
+    paddingVertical: "$2"
+  }
+};
+const TOOLTIP_OFFSET_PX = 4;
+const TOOLTIP_COLLISION_PADDING_PX = 8;
+const TOOLTIP_SKIP_DELAY_MS = 300;
+const TOOLTIP_DEFAULT_DELAY_MS = 300;
+let tooltipSkipUntil = 0;
+const tooltipSkipListeners = /* @__PURE__ */new Set();
+function noteTooltipClosed(now = Date.now()) {
+  tooltipSkipUntil = now + TOOLTIP_SKIP_DELAY_MS;
+  for (const listener of tooltipSkipListeners) listener();
+}
+function resolveTooltipDelay(delay, now = Date.now()) {
+  return now < tooltipSkipUntil ? 0 : delay;
+}
+function resolveTooltipSizeRecipe(size) {
+  return tooltipSizeRecipes[size] ?? tooltipSizeRecipes.medium;
+}
+function resolveTooltipPadRecipe(space) {
+  return tooltipPadRecipes[space] ?? tooltipPadRecipes.medium;
+}
+function __resetTooltipSkipForTests() {
+  tooltipSkipUntil = 0;
+}
+function useTooltipSkipDelay(delay) {
+  const [, bump] = import_react.default.useState(0);
+  import_react.default.useEffect(() => {
+    const listener = () => bump(n => n + 1);
+    tooltipSkipListeners.add(listener);
+    return () => {
+      tooltipSkipListeners.delete(listener);
+    };
+  }, []);
+  return resolveTooltipDelay(delay);
+}
 const TooltipContent = (0, import_tamagui.styled)(import_tamagui.Tooltip.Content, {
   name: "TooltipContent",
-  backgroundColor: import_componentColors.componentColors.overlay.background,
-  borderWidth: 1,
-  borderColor: import_componentColors.componentColors.overlay.border,
-  paddingHorizontal: "$2",
-  paddingVertical: "$1.5",
-  maxWidth: 250,
-  // enterStyle/exitStyle are inert without a transition token (tamagui 2.0).
-  // Runtime `transition={knobProps.transition}` on the instance wires the driver.
+  // Surface, radius, elevation, pad, and type come from knob recipes on
+  // the instance (LC-18). enterStyle/exitStyle need a transition token (LC-24).
   opacity: 1,
   enterStyle: {
     opacity: 0,
@@ -65,41 +130,57 @@ const TooltipContent = (0, import_tamagui.styled)(import_tamagui.Tooltip.Content
 });
 const TooltipArrow = (0, import_tamagui.styled)(import_tamagui.Tooltip.Arrow, {
   name: "TooltipArrow",
-  borderWidth: 0,
-  backgroundColor: import_componentColors.componentColors.overlay.background
+  backgroundColor: "$color1",
+  borderColor: "$color1"
 });
 const TooltipText = (0, import_tamagui.styled)(import_tamagui.Text, {
-  name: "TooltipText",
-  fontSize: "$1",
-  lineHeight: "$1",
-  color: import_componentColors.componentColors.overlay.text
+  name: "TooltipText"
 });
-const tooltipPadMap = {
-  small: {
-    h: "$1.5",
-    v: "$1"
-  },
-  medium: {
-    h: "$2",
-    v: "$1.5"
-  },
-  large: {
-    h: "$3",
-    v: "$2"
+function wrapTooltipContent(content, bodyProps) {
+  return (0, import_textRidesText.wrapBareTextChildren)(content, (label, key) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(TooltipText, {
+    ...bodyProps,
+    children: label
+  }, key));
+}
+function resolveThemeColor(token, fallback) {
+  const raw = token?.val ?? token?.get?.() ?? fallback;
+  if (typeof raw === "string" && raw.startsWith("var(") && typeof document !== "undefined") {
+    const name = raw.slice(4, -1).trim();
+    const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+    if (value) return value;
   }
-};
+  return typeof raw === "string" ? raw : fallback;
+}
+function preventTooltipFocus(event) {
+  event.preventDefault?.();
+}
 function Tooltip({
   children,
   content,
   placement = "top",
-  delay = 300,
-  disabled = false
+  delay = TOOLTIP_DEFAULT_DELAY_MS,
+  disabled = false,
+  open: openProp,
+  onOpenChange: onOpenChangeProp
 }) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  const pad = tooltipPadMap[knobProps.space] ?? tooltipPadMap.medium;
-  const [open, setOpen] = import_react.default.useState(false);
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Tooltip"
+  });
+  const theme = (0, import_tamagui.useTheme)();
+  const surfaceFill = resolveThemeColor(theme.color1, "$color1");
+  const pad = resolveTooltipPadRecipe(knobProps.space);
+  const sizeRecipe = resolveTooltipSizeRecipe(knobProps.size);
+  const delayMs = useTooltipSkipDelay(delay);
+  const [uncontrolledOpen, setUncontrolledOpen] = import_react.default.useState(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : uncontrolledOpen;
+  const setOpen = import_react.default.useCallback(next => {
+    if (!isControlled) setUncontrolledOpen(next);
+    onOpenChangeProp?.(next);
+    if (!next) noteTooltipClosed();
+  }, [isControlled, onOpenChangeProp]);
   if (import_react.default.isValidElement(children)) {
     const childProps = children.props;
     const childDisabled = childProps.disabled === true || childProps["aria-disabled"] === true || childProps["aria-disabled"] === "true";
@@ -108,6 +189,16 @@ function Tooltip({
       childDisabled
     });
   }
+  import_react.default.useEffect(() => {
+    if (!open || typeof document === "undefined") return;
+    const onKeyDown = event => {
+      if (event.key !== "Escape") return;
+      event.stopPropagation();
+      setOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open, setOpen]);
   const trigger = import_react.default.isValidElement(children) ? import_react.default.cloneElement(children, {
     onFocus: e => {
       children.props.onFocus?.(e);
@@ -125,27 +216,53 @@ function Tooltip({
       children
     });
   }
+  const elevated = knobProps.elevatedSurface;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {
     placement,
-    delay,
+    delay: {
+      open: delayMs,
+      close: 0
+    },
+    restMs: 100,
+    offset: TOOLTIP_OFFSET_PX,
+    zIndex: import_forms.zIndex.dropdown,
     open,
     onOpenChange: setOpen,
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {
       asChild: true,
       children: trigger
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(TooltipContent, {
-      ...knobProps.borderRadius,
-      paddingHorizontal: pad.h,
-      paddingVertical: pad.v,
+      ...elevated,
+      paddingHorizontal: pad.paddingHorizontal,
+      paddingVertical: pad.paddingVertical,
+      maxWidth: sizeRecipe.maxWidth,
       transition: knobProps.transition,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TooltipArrow, {}), typeof content === "string" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TooltipText, {
+      role: "tooltip",
+      "data-tooltip": "content",
+      "data-tooltip-size": knobProps.size,
+      "data-tooltip-space": knobProps.space,
+      "data-tooltip-density": knobProps.density,
+      "data-tooltip-fill": surfaceFill,
+      onOpenAutoFocus: preventTooltipFocus,
+      onCloseAutoFocus: preventTooltipFocus,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TooltipArrow, {
+        backgroundColor: surfaceFill,
+        borderColor: surfaceFill,
+        style: {
+          backgroundColor: surfaceFill,
+          borderColor: surfaceFill
+        }
+      }), wrapTooltipContent(content, {
         ...knobProps.body,
-        children: content
-      }) : content]
+        ...knobProps.label,
+        color: "$color12",
+        lineHeight: knobProps.label.fontSize
+      })]
     })]
   });
 }
 Tooltip.Content = TooltipContent;
 Tooltip.Arrow = TooltipArrow;
 Tooltip.Text = TooltipText;
-Tooltip.Trigger = import_tamagui.Tooltip.Trigger;
+Tooltip.Trigger = import_tamagui.Tooltip.Trigger;
+Tooltip.Group = import_tamagui.TooltipGroup;