@fluentui/react-tooltip 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

package/.swcrc

@@ -1,15 +1,5 @@
 {
   "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
   "exclude": [
     "/testing",
     "/**/*.cy.ts",
@@ -32,7 +22,8 @@
         "runtime": "classic",
         "useSpread": true
       }
-    }
+    },
+    "target": "es2019"
   },
   "minify": false,
   "sourceMaps": true

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-tooltip",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:08 GMT",
-      "tag": "@fluentui/react-tooltip_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Wed, 22 Mar 2023 04:46:55 GMT",
+      "tag": "@fluentui/react-tooltip_v0.0.0-nightly-20230322-0439.1",
+      "version": "0.0.0-nightly-20230322-0439.1",
       "comments": {
         "prerelease": [
           {
@@ -16,44 +16,107 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:23:13 GMT",
+      "tag": "@fluentui/react-tooltip_v9.2.5",
+      "version": "9.2.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-portal to v9.2.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-positioning to v9.5.6",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-theme to v9.1.7",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-utilities to v9.7.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,24 +1,41 @@
 # Change Log - @fluentui/react-tooltip
 
-This log was last generated on Fri, 17 Mar 2023 15:00:08 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Mar 2023 04:46:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightly-20230322-0439.1)
 
-Fri, 17 Mar 2023 15:00:08 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.2.4..@fluentui/react-tooltip_v0.0.0-nightly-20230317-1454.1)
+Wed, 22 Mar 2023 04:46:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.2.5..@fluentui/react-tooltip_v0.0.0-nightly-20230322-0439.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-portal to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-positioning to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
+- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-portal to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-positioning to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+
+## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.5)
+
+Tue, 21 Mar 2023 21:23:13 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.2.4..@fluentui/react-tooltip_v9.2.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-portal to v9.2.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-positioning to v9.5.6 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
 
 ## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.4)
 

package/lib/Tooltip.js

@@ -1,2 +1,2 @@
-export * from "./components/Tooltip/index";
+export * from './components/Tooltip/index';
 //# sourceMappingURL=Tooltip.js.map

package/lib/components/Tooltip/Tooltip.js

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { useTooltip_unstable } from "./useTooltip";
-import { renderTooltip_unstable } from "./renderTooltip";
-import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
-import { useTooltipStyles_unstable } from "./useTooltipStyles";
+import * as React from 'react';
+import { useTooltip_unstable } from './useTooltip';
+import { renderTooltip_unstable } from './renderTooltip';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useTooltipStyles_unstable } from './useTooltipStyles';
 /**
  * A tooltip provides light weight contextual information on top of its target element.
  */
@@ -15,7 +15,7 @@ export const Tooltip = props => {
   useCustomStyles(state);
   return renderTooltip_unstable(state);
 };
-Tooltip.displayName = "Tooltip";
+Tooltip.displayName = 'Tooltip';
 // type casting here is required to ensure internal type FluentTriggerComponent is not leaked
 Tooltip.isFluentTriggerComponent = true;
 //# sourceMappingURL=Tooltip.js.map

package/lib/components/Tooltip/Tooltip.types.js

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 //# sourceMappingURL=Tooltip.types.js.map

package/lib/components/Tooltip/index.js

@@ -1,6 +1,6 @@
-export * from "./Tooltip";
-export * from "./Tooltip.types";
-export * from "./renderTooltip";
-export * from "./useTooltip";
-export * from "./useTooltipStyles";
+export * from './Tooltip';
+export * from './Tooltip.types';
+export * from './renderTooltip';
+export * from './useTooltip';
+export * from './useTooltipStyles';
 //# sourceMappingURL=index.js.map

package/lib/components/Tooltip/renderTooltip.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { Portal } from "@fluentui/react-portal";
-import { getSlots } from "@fluentui/react-utilities";
+import * as React from 'react';
+import { Portal } from '@fluentui/react-portal';
+import { getSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Tooltip
  */

package/lib/components/Tooltip/useTooltip.js

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from "@fluentui/react-positioning";
-import { useTooltipVisibility_unstable as useTooltipVisibility, useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
-import { applyTriggerPropsToChildren, resolveShorthand, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout, getTriggerChild, mergeCallbacks, useEventCallback } from "@fluentui/react-utilities";
-import { arrowHeight, tooltipBorderRadius } from "./private/constants";
-import { Escape } from "@fluentui/keyboard-keys";
+import * as React from 'react';
+import { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';
+import { useTooltipVisibility_unstable as useTooltipVisibility, useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+import { applyTriggerPropsToChildren, resolveShorthand, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout, getTriggerChild, mergeCallbacks, useEventCallback } from '@fluentui/react-utilities';
+import { arrowHeight, tooltipBorderRadius } from './private/constants';
+import { Escape } from '@fluentui/keyboard-keys';
 /**
  * Create the state required to render Tooltip.
  *
@@ -13,6 +13,7 @@ import { Escape } from "@fluentui/keyboard-keys";
  * @param props - props from this instance of Tooltip
  */
 export const useTooltip_unstable = props => {
+  var _child_props, _child_props1, _child_props2, _child_props3;
   const context = useTooltipVisibility();
   const isServerSideRender = useIsSSR();
   const {
@@ -20,11 +21,11 @@ export const useTooltip_unstable = props => {
   } = useFluent();
   const [setDelayTimeout, clearDelayTimeout] = useTimeout();
   const {
-    appearance = "normal",
+    appearance = 'normal',
     children,
     content,
     withArrow = false,
-    positioning = "above",
+    positioning = 'above',
     onVisibleChange,
     relationship,
     showDelay = 250,
@@ -39,7 +40,7 @@ export const useTooltip_unstable = props => {
     clearDelayTimeout();
     setVisibleInternal(oldVisible => {
       if (newVisible !== oldVisible) {
-        onVisibleChange?.(ev, {
+        onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(ev, {
           visible: newVisible
         });
       }
@@ -58,21 +59,21 @@ export const useTooltip_unstable = props => {
     mountNode,
     // Slots
     components: {
-      content: "div"
+      content: 'div'
     },
     content: resolveShorthand(content, {
       defaultProps: {
-        role: "tooltip"
+        role: 'tooltip'
       },
       required: true
     })
   };
-  state.content.id = useId("tooltip-", state.content.id);
+  state.content.id = useId('tooltip-', state.content.id);
   const positioningOptions = {
     enabled: state.visible,
     arrowPadding: 2 * tooltipBorderRadius,
-    position: "above",
-    align: "center",
+    position: 'above',
+    align: 'center',
     offset: 4,
     ...resolvePositioningShorthand(state.positioning)
   };
@@ -91,10 +92,11 @@ export const useTooltip_unstable = props => {
   // Also add a listener on document to hide the tooltip if Escape is pressed
   useIsomorphicLayoutEffect(() => {
     if (visible) {
+      var _context_visibleTooltip;
       const thisTooltip = {
         hide: () => setVisible(false)
       };
-      context.visibleTooltip?.hide();
+      (_context_visibleTooltip = context.visibleTooltip) === null || _context_visibleTooltip === void 0 ? void 0 : _context_visibleTooltip.hide();
       context.visibleTooltip = thisTooltip;
       const onDocumentKeyDown = ev => {
         if (ev.key === Escape) {
@@ -104,7 +106,7 @@ export const useTooltip_unstable = props => {
           ev.stopPropagation();
         }
       };
-      targetDocument?.addEventListener("keydown", onDocumentKeyDown, {
+      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {
         // As this event is added at targeted document,
         // we need to capture the event to be sure keydown handling from tooltip happens first
         capture: true
@@ -113,7 +115,7 @@ export const useTooltip_unstable = props => {
         if (context.visibleTooltip === thisTooltip) {
           context.visibleTooltip = undefined;
         }
-        targetDocument?.removeEventListener("keydown", onDocumentKeyDown, {
+        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {
           capture: true
         });
       };
@@ -127,7 +129,7 @@ export const useTooltip_unstable = props => {
   const ignoreNextFocusEventRef = React.useRef(false);
   // Listener for onPointerEnter and onFocus on the trigger element
   const onEnterTrigger = React.useCallback(ev => {
-    if (ev.type === "focus" && ignoreNextFocusEventRef.current) {
+    if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {
       ignoreNextFocusEventRef.current = false;
       return;
     }
@@ -141,10 +143,10 @@ export const useTooltip_unstable = props => {
   // Listener for onPointerLeave and onBlur on the trigger element
   const onLeaveTrigger = React.useCallback(ev => {
     let delay = state.hideDelay;
-    if (ev.type === "blur") {
+    if (ev.type === 'blur') {
       // Hide immediately when losing focus
       delay = 0;
-      ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;
+      ignoreNextFocusEventRef.current = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) === ev.target;
     }
     setDelayTimeout(() => {
       setVisible(false, ev);
@@ -159,17 +161,17 @@ export const useTooltip_unstable = props => {
   state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);
   const child = getTriggerChild(children);
   const triggerAriaProps = {};
-  if (relationship === "label") {
+  if (relationship === 'label') {
     // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.
-    if (typeof state.content.children === "string") {
-      triggerAriaProps["aria-label"] = state.content.children;
+    if (typeof state.content.children === 'string') {
+      triggerAriaProps['aria-label'] = state.content.children;
     } else {
-      triggerAriaProps["aria-labelledby"] = state.content.id;
+      triggerAriaProps['aria-labelledby'] = state.content.id;
       // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element
       state.shouldRenderTooltip = true;
     }
-  } else if (relationship === "description") {
-    triggerAriaProps["aria-describedby"] = state.content.id;
+  } else if (relationship === 'description') {
+    triggerAriaProps['aria-describedby'] = state.content.id;
     // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element
     state.shouldRenderTooltip = true;
   }
@@ -177,17 +179,17 @@ export const useTooltip_unstable = props => {
   if (isServerSideRender) {
     state.shouldRenderTooltip = false;
   }
-  const childTargetRef = useMergedRefs(child?.ref, targetRef);
+  const childTargetRef = useMergedRefs(child === null || child === void 0 ? void 0 : child.ref, targetRef);
   // Apply the trigger props to the child, either by calling the render function, or cloning with the new props
   state.children = applyTriggerPropsToChildren(children, {
     ...triggerAriaProps,
-    ...child?.props,
+    ...(child === null || child === void 0 ? void 0 : child.props),
     // If the target prop is not provided, attach targetRef to the trigger element's ref prop
-    ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,
-    onPointerEnter: useEventCallback(mergeCallbacks(child?.props?.onPointerEnter, onEnterTrigger)),
-    onPointerLeave: useEventCallback(mergeCallbacks(child?.props?.onPointerLeave, onLeaveTrigger)),
-    onFocus: useEventCallback(mergeCallbacks(child?.props?.onFocus, onEnterTrigger)),
-    onBlur: useEventCallback(mergeCallbacks(child?.props?.onBlur, onLeaveTrigger))
+    ref: positioningOptions.target === undefined ? childTargetRef : child === null || child === void 0 ? void 0 : child.ref,
+    onPointerEnter: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.onPointerEnter, onEnterTrigger)),
+    onPointerLeave: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props1 = child.props) === null || _child_props1 === void 0 ? void 0 : _child_props1.onPointerLeave, onLeaveTrigger)),
+    onFocus: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props2 = child.props) === null || _child_props2 === void 0 ? void 0 : _child_props2.onFocus, onEnterTrigger)),
+    onBlur: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props3 = child.props) === null || _child_props3 === void 0 ? void 0 : _child_props3.onBlur, onLeaveTrigger))
   });
   return state;
 };

package/lib/components/Tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","mergeArrowOffset","resolvePositioningShorthand","usePositioning","useTooltipVisibility_unstable","useTooltipVisibility","useFluent_unstable","useFluent","applyTriggerPropsToChildren","resolveShorthand","useControllableState","useId","useIsomorphicLayoutEffect","useIsSSR","useMergedRefs","useTimeout","getTriggerChild","mergeCallbacks","useEventCallback","arrowHeight","tooltipBorderRadius","Escape","useTooltip_unstable","props","context","isServerSideRender","targetDocument","setDelayTimeout","clearDelayTimeout","appearance","children","content","withArrow","positioning","onVisibleChange","relationship","showDelay","hideDelay","mountNode","visible","setVisibleInternal","state","initialState","setVisible","useCallback","newVisible","ev","oldVisible","shouldRenderTooltip","components","defaultProps","role","required","id","positioningOptions","enabled","arrowPadding","position","align","offset","targetRef","containerRef","arrowRef","ref","thisTooltip","hide","visibleTooltip","onDocumentKeyDown","key","stopPropagation","addEventListener","capture","undefined","removeEventListener","ignoreNextFocusEventRef","useRef","onEnterTrigger","type","current","delay","persist","onLeaveTrigger","activeElement","target","onPointerEnter","onPointerLeave","onFocus","onBlur","child","triggerAriaProps","childTargetRef"],"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport {\n  useTooltipVisibility_unstable as useTooltipVisibility,\n  useFluent_unstable as useFluent,\n} from '@fluentui/react-shared-contexts';\nimport {\n  applyTriggerPropsToChildren,\n  resolveShorthand,\n  useControllableState,\n  useId,\n  useIsomorphicLayoutEffect,\n  useIsSSR,\n  useMergedRefs,\n  useTimeout,\n  getTriggerChild,\n  mergeCallbacks,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport type { TooltipProps, TooltipState, TooltipChildProps } from './Tooltip.types';\nimport { arrowHeight, tooltipBorderRadius } from './private/constants';\nimport { Escape } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render Tooltip.\n *\n * The returned state can be modified with hooks such as useTooltipStyles_unstable,\n * before being passed to renderTooltip_unstable.\n *\n * @param props - props from this instance of Tooltip\n */\nexport const useTooltip_unstable = (props: TooltipProps): TooltipState => {\n  const context = useTooltipVisibility();\n  const isServerSideRender = useIsSSR();\n  const { targetDocument } = useFluent();\n  const [setDelayTimeout, clearDelayTimeout] = useTimeout();\n\n  const {\n    appearance = 'normal',\n    children,\n    content,\n    withArrow = false,\n    positioning = 'above',\n    onVisibleChange,\n    relationship,\n    showDelay = 250,\n    hideDelay = 250,\n    mountNode,\n  } = props;\n\n  const [visible, setVisibleInternal] = useControllableState({ state: props.visible, initialState: false });\n  const setVisible = React.useCallback(\n    (newVisible: boolean, ev?: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      clearDelayTimeout();\n      setVisibleInternal(oldVisible => {\n        if (newVisible !== oldVisible) {\n          onVisibleChange?.(ev, { visible: newVisible });\n        }\n        return newVisible;\n      });\n    },\n    [clearDelayTimeout, setVisibleInternal, onVisibleChange],\n  );\n\n  const state: TooltipState = {\n    withArrow,\n    positioning,\n    showDelay,\n    hideDelay,\n    relationship,\n    visible,\n    shouldRenderTooltip: visible,\n    appearance,\n    mountNode,\n    // Slots\n    components: {\n      content: 'div',\n    },\n    content: resolveShorthand(content, {\n      defaultProps: {\n        role: 'tooltip',\n      },\n      required: true,\n    }),\n  };\n\n  state.content.id = useId('tooltip-', state.content.id);\n\n  const positioningOptions = {\n    enabled: state.visible,\n    arrowPadding: 2 * tooltipBorderRadius,\n    position: 'above' as const,\n    align: 'center' as const,\n    offset: 4,\n    ...resolvePositioningShorthand(state.positioning),\n  };\n\n  if (state.withArrow) {\n    positioningOptions.offset = mergeArrowOffset(positioningOptions.offset, arrowHeight);\n  }\n\n  const {\n    targetRef,\n    containerRef,\n    arrowRef,\n  }: {\n    targetRef: React.MutableRefObject<unknown>;\n    containerRef: React.MutableRefObject<HTMLDivElement>;\n    arrowRef: React.MutableRefObject<HTMLDivElement>;\n  } = usePositioning(positioningOptions);\n\n  state.content.ref = useMergedRefs(state.content.ref, containerRef);\n  state.arrowRef = arrowRef;\n\n  // When this tooltip is visible, hide any other tooltips, and register it\n  // as the visibleTooltip with the TooltipContext.\n  // Also add a listener on document to hide the tooltip if Escape is pressed\n  useIsomorphicLayoutEffect(() => {\n    if (visible) {\n      const thisTooltip = { hide: () => setVisible(false) };\n\n      context.visibleTooltip?.hide();\n      context.visibleTooltip = thisTooltip;\n\n      const onDocumentKeyDown = (ev: KeyboardEvent) => {\n        if (ev.key === Escape) {\n          thisTooltip.hide();\n          // stop propagation to avoid conflicting with other elements that listen for `Escape`\n          // e,g: Dialog, Popover, Menu\n          ev.stopPropagation();\n        }\n      };\n\n      targetDocument?.addEventListener('keydown', onDocumentKeyDown, {\n        // As this event is added at targeted document,\n        // we need to capture the event to be sure keydown handling from tooltip happens first\n        capture: true,\n      });\n\n      return () => {\n        if (context.visibleTooltip === thisTooltip) {\n          context.visibleTooltip = undefined;\n        }\n\n        targetDocument?.removeEventListener('keydown', onDocumentKeyDown, { capture: true });\n      };\n    }\n  }, [context, targetDocument, visible, setVisible]);\n\n  // The focused element gets a blur event when the document loses focus\n  // (e.g. switching tabs in the browser), but we don't want to show the\n  // tooltip again when the document gets focus back. Handle this case by\n  // checking if the blurred element is still the document's activeElement.\n  // See https://github.com/microsoft/fluentui/issues/13541\n  const ignoreNextFocusEventRef = React.useRef(false);\n\n  // Listener for onPointerEnter and onFocus on the trigger element\n  const onEnterTrigger = React.useCallback(\n    (ev: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {\n        ignoreNextFocusEventRef.current = false;\n        return;\n      }\n\n      // Show immediately if another tooltip is already visible\n      const delay = context.visibleTooltip ? 0 : state.showDelay;\n\n      setDelayTimeout(() => {\n        setVisible(true, ev);\n      }, delay);\n\n      ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n    },\n    [setDelayTimeout, setVisible, state.showDelay, context],\n  );\n\n  // Listener for onPointerLeave and onBlur on the trigger element\n  const onLeaveTrigger = React.useCallback(\n    (ev: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      let delay = state.hideDelay;\n\n      if (ev.type === 'blur') {\n        // Hide immediately when losing focus\n        delay = 0;\n\n        ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;\n      }\n\n      setDelayTimeout(() => {\n        setVisible(false, ev);\n      }, delay);\n\n      ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n    },\n    [setDelayTimeout, setVisible, state.hideDelay, targetDocument],\n  );\n\n  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.\n  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.\n  state.content.onPointerEnter = mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);\n  state.content.onPointerLeave = mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);\n  state.content.onFocus = mergeCallbacks(state.content.onFocus, clearDelayTimeout);\n  state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);\n\n  const child = getTriggerChild(children);\n\n  const triggerAriaProps: Pick<TooltipChildProps, 'aria-label' | 'aria-labelledby' | 'aria-describedby'> = {};\n\n  if (relationship === 'label') {\n    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.\n    if (typeof state.content.children === 'string') {\n      triggerAriaProps['aria-label'] = state.content.children;\n    } else {\n      triggerAriaProps['aria-labelledby'] = state.content.id;\n      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element\n      state.shouldRenderTooltip = true;\n    }\n  } else if (relationship === 'description') {\n    triggerAriaProps['aria-describedby'] = state.content.id;\n    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element\n    state.shouldRenderTooltip = true;\n  }\n\n  // Don't render the Tooltip in SSR to avoid hydration errors\n  if (isServerSideRender) {\n    state.shouldRenderTooltip = false;\n  }\n\n  const childTargetRef = useMergedRefs(child?.ref, targetRef);\n\n  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props\n  state.children = applyTriggerPropsToChildren(children, {\n    ...triggerAriaProps,\n    ...child?.props,\n    // If the target prop is not provided, attach targetRef to the trigger element's ref prop\n    ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,\n    onPointerEnter: useEventCallback(mergeCallbacks(child?.props?.onPointerEnter, onEnterTrigger)),\n    onPointerLeave: useEventCallback(mergeCallbacks(child?.props?.onPointerLeave, onLeaveTrigger)),\n    onFocus: useEventCallback(mergeCallbacks(child?.props?.onFocus, onEnterTrigger)),\n    onBlur: useEventCallback(mergeCallbacks(child?.props?.onBlur, onLeaveTrigger)),\n  });\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","mergeArrowOffset","resolvePositioningShorthand","usePositioning","useTooltipVisibility_unstable","useTooltipVisibility","useFluent_unstable","useFluent","applyTriggerPropsToChildren","resolveShorthand","useControllableState","useId","useIsomorphicLayoutEffect","useIsSSR","useMergedRefs","useTimeout","getTriggerChild","mergeCallbacks","useEventCallback","arrowHeight","tooltipBorderRadius","Escape","useTooltip_unstable","props","_child_props","_child_props1","_child_props2","_child_props3","context","isServerSideRender","targetDocument","setDelayTimeout","clearDelayTimeout","appearance","children","content","withArrow","positioning","onVisibleChange","relationship","showDelay","hideDelay","mountNode","visible","setVisibleInternal","state","initialState","setVisible","useCallback","newVisible","ev","oldVisible","shouldRenderTooltip","components","defaultProps","role","required","id","positioningOptions","enabled","arrowPadding","position","align","offset","targetRef","containerRef","arrowRef","ref","_context_visibleTooltip","thisTooltip","hide","visibleTooltip","onDocumentKeyDown","key","stopPropagation","addEventListener","capture","undefined","removeEventListener","ignoreNextFocusEventRef","useRef","onEnterTrigger","type","current","delay","persist","onLeaveTrigger","activeElement","target","onPointerEnter","onPointerLeave","onFocus","onBlur","child","triggerAriaProps","childTargetRef"],"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport {\n  useTooltipVisibility_unstable as useTooltipVisibility,\n  useFluent_unstable as useFluent,\n} from '@fluentui/react-shared-contexts';\nimport {\n  applyTriggerPropsToChildren,\n  resolveShorthand,\n  useControllableState,\n  useId,\n  useIsomorphicLayoutEffect,\n  useIsSSR,\n  useMergedRefs,\n  useTimeout,\n  getTriggerChild,\n  mergeCallbacks,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport type { TooltipProps, TooltipState, TooltipChildProps } from './Tooltip.types';\nimport { arrowHeight, tooltipBorderRadius } from './private/constants';\nimport { Escape } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render Tooltip.\n *\n * The returned state can be modified with hooks such as useTooltipStyles_unstable,\n * before being passed to renderTooltip_unstable.\n *\n * @param props - props from this instance of Tooltip\n */\nexport const useTooltip_unstable = (props: TooltipProps): TooltipState => {\n  const context = useTooltipVisibility();\n  const isServerSideRender = useIsSSR();\n  const { targetDocument } = useFluent();\n  const [setDelayTimeout, clearDelayTimeout] = useTimeout();\n\n  const {\n    appearance = 'normal',\n    children,\n    content,\n    withArrow = false,\n    positioning = 'above',\n    onVisibleChange,\n    relationship,\n    showDelay = 250,\n    hideDelay = 250,\n    mountNode,\n  } = props;\n\n  const [visible, setVisibleInternal] = useControllableState({ state: props.visible, initialState: false });\n  const setVisible = React.useCallback(\n    (newVisible: boolean, ev?: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      clearDelayTimeout();\n      setVisibleInternal(oldVisible => {\n        if (newVisible !== oldVisible) {\n          onVisibleChange?.(ev, { visible: newVisible });\n        }\n        return newVisible;\n      });\n    },\n    [clearDelayTimeout, setVisibleInternal, onVisibleChange],\n  );\n\n  const state: TooltipState = {\n    withArrow,\n    positioning,\n    showDelay,\n    hideDelay,\n    relationship,\n    visible,\n    shouldRenderTooltip: visible,\n    appearance,\n    mountNode,\n    // Slots\n    components: {\n      content: 'div',\n    },\n    content: resolveShorthand(content, {\n      defaultProps: {\n        role: 'tooltip',\n      },\n      required: true,\n    }),\n  };\n\n  state.content.id = useId('tooltip-', state.content.id);\n\n  const positioningOptions = {\n    enabled: state.visible,\n    arrowPadding: 2 * tooltipBorderRadius,\n    position: 'above' as const,\n    align: 'center' as const,\n    offset: 4,\n    ...resolvePositioningShorthand(state.positioning),\n  };\n\n  if (state.withArrow) {\n    positioningOptions.offset = mergeArrowOffset(positioningOptions.offset, arrowHeight);\n  }\n\n  const {\n    targetRef,\n    containerRef,\n    arrowRef,\n  }: {\n    targetRef: React.MutableRefObject<unknown>;\n    containerRef: React.MutableRefObject<HTMLDivElement>;\n    arrowRef: React.MutableRefObject<HTMLDivElement>;\n  } = usePositioning(positioningOptions);\n\n  state.content.ref = useMergedRefs(state.content.ref, containerRef);\n  state.arrowRef = arrowRef;\n\n  // When this tooltip is visible, hide any other tooltips, and register it\n  // as the visibleTooltip with the TooltipContext.\n  // Also add a listener on document to hide the tooltip if Escape is pressed\n  useIsomorphicLayoutEffect(() => {\n    if (visible) {\n      const thisTooltip = { hide: () => setVisible(false) };\n\n      context.visibleTooltip?.hide();\n      context.visibleTooltip = thisTooltip;\n\n      const onDocumentKeyDown = (ev: KeyboardEvent) => {\n        if (ev.key === Escape) {\n          thisTooltip.hide();\n          // stop propagation to avoid conflicting with other elements that listen for `Escape`\n          // e,g: Dialog, Popover, Menu\n          ev.stopPropagation();\n        }\n      };\n\n      targetDocument?.addEventListener('keydown', onDocumentKeyDown, {\n        // As this event is added at targeted document,\n        // we need to capture the event to be sure keydown handling from tooltip happens first\n        capture: true,\n      });\n\n      return () => {\n        if (context.visibleTooltip === thisTooltip) {\n          context.visibleTooltip = undefined;\n        }\n\n        targetDocument?.removeEventListener('keydown', onDocumentKeyDown, { capture: true });\n      };\n    }\n  }, [context, targetDocument, visible, setVisible]);\n\n  // The focused element gets a blur event when the document loses focus\n  // (e.g. switching tabs in the browser), but we don't want to show the\n  // tooltip again when the document gets focus back. Handle this case by\n  // checking if the blurred element is still the document's activeElement.\n  // See https://github.com/microsoft/fluentui/issues/13541\n  const ignoreNextFocusEventRef = React.useRef(false);\n\n  // Listener for onPointerEnter and onFocus on the trigger element\n  const onEnterTrigger = React.useCallback(\n    (ev: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {\n        ignoreNextFocusEventRef.current = false;\n        return;\n      }\n\n      // Show immediately if another tooltip is already visible\n      const delay = context.visibleTooltip ? 0 : state.showDelay;\n\n      setDelayTimeout(() => {\n        setVisible(true, ev);\n      }, delay);\n\n      ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n    },\n    [setDelayTimeout, setVisible, state.showDelay, context],\n  );\n\n  // Listener for onPointerLeave and onBlur on the trigger element\n  const onLeaveTrigger = React.useCallback(\n    (ev: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement>) => {\n      let delay = state.hideDelay;\n\n      if (ev.type === 'blur') {\n        // Hide immediately when losing focus\n        delay = 0;\n\n        ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;\n      }\n\n      setDelayTimeout(() => {\n        setVisible(false, ev);\n      }, delay);\n\n      ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n    },\n    [setDelayTimeout, setVisible, state.hideDelay, targetDocument],\n  );\n\n  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.\n  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.\n  state.content.onPointerEnter = mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);\n  state.content.onPointerLeave = mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);\n  state.content.onFocus = mergeCallbacks(state.content.onFocus, clearDelayTimeout);\n  state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);\n\n  const child = getTriggerChild(children);\n\n  const triggerAriaProps: Pick<TooltipChildProps, 'aria-label' | 'aria-labelledby' | 'aria-describedby'> = {};\n\n  if (relationship === 'label') {\n    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.\n    if (typeof state.content.children === 'string') {\n      triggerAriaProps['aria-label'] = state.content.children;\n    } else {\n      triggerAriaProps['aria-labelledby'] = state.content.id;\n      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element\n      state.shouldRenderTooltip = true;\n    }\n  } else if (relationship === 'description') {\n    triggerAriaProps['aria-describedby'] = state.content.id;\n    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element\n    state.shouldRenderTooltip = true;\n  }\n\n  // Don't render the Tooltip in SSR to avoid hydration errors\n  if (isServerSideRender) {\n    state.shouldRenderTooltip = false;\n  }\n\n  const childTargetRef = useMergedRefs(child?.ref, targetRef);\n\n  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props\n  state.children = applyTriggerPropsToChildren(children, {\n    ...triggerAriaProps,\n    ...child?.props,\n    // If the target prop is not provided, attach targetRef to the trigger element's ref prop\n    ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,\n    onPointerEnter: useEventCallback(mergeCallbacks(child?.props?.onPointerEnter, onEnterTrigger)),\n    onPointerLeave: useEventCallback(mergeCallbacks(child?.props?.onPointerLeave, onLeaveTrigger)),\n    onFocus: useEventCallback(mergeCallbacks(child?.props?.onFocus, onEnterTrigger)),\n    onBlur: useEventCallback(mergeCallbacks(child?.props?.onBlur, onLeaveTrigger)),\n  });\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/Tooltip/useTooltipStyles.js

@@ -1,9 +1,9 @@
-import { shorthands, __styles, mergeClasses } from "@griffel/react";
-import { createArrowStyles } from "@fluentui/react-positioning";
-import { tokens } from "@fluentui/react-theme";
-import { arrowHeight } from "./private/constants";
+import { shorthands, __styles, mergeClasses } from '@griffel/react';
+import { createArrowStyles } from '@fluentui/react-positioning';
+import { tokens } from '@fluentui/react-theme';
+import { arrowHeight } from './private/constants';
 export const tooltipClassNames = {
-  content: "fui-Tooltip__content"
+  content: 'fui-Tooltip__content'
 };
 /**
  * Styles for the tooltip
@@ -87,7 +87,7 @@ const useStyles = /*#__PURE__*/__styles({
  */
 export const useTooltipStyles_unstable = state => {
   const styles = useStyles();
-  state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === "inverted" && styles.inverted, state.visible && styles.visible, state.content.className);
+  state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);
   state.arrowClassName = styles.arrow;
   return state;
 };

package/lib/index.js

@@ -1,2 +1,2 @@
-export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltipStyles_unstable, useTooltip_unstable } from "./Tooltip";
+export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltipStyles_unstable, useTooltip_unstable } from './Tooltip';
 //# sourceMappingURL=index.js.map

package/lib-commonjs/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/Tooltip.js"],"sourcesContent":["export * from \"./components/Tooltip/index\";\n//# sourceMappingURL=Tooltip.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}
+{"version":3,"sources":["../lib/Tooltip.js"],"sourcesContent":["export * from './components/Tooltip/index';\n//# sourceMappingURL=Tooltip.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}

package/lib-commonjs/components/Tooltip/Tooltip.js

@@ -19,7 +19,7 @@ const Tooltip = (props)=>{
     useCustomStyles(state);
     return (0, _renderTooltip.renderTooltip_unstable)(state);
 };
-Tooltip.displayName = "Tooltip";
+Tooltip.displayName = 'Tooltip';
 // type casting here is required to ensure internal type FluentTriggerComponent is not leaked
 Tooltip.isFluentTriggerComponent = true; //# sourceMappingURL=Tooltip.js.map
 

package/lib-commonjs/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Tooltip/Tooltip.js"],"sourcesContent":["import * as React from \"react\";\nimport { useTooltip_unstable } from \"./useTooltip\";\nimport { renderTooltip_unstable } from \"./renderTooltip\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\nimport { useTooltipStyles_unstable } from \"./useTooltipStyles\";\n/**\n * A tooltip provides light weight contextual information on top of its target element.\n */\nexport const Tooltip = props => {\n  const state = useTooltip_unstable(props);\n  useTooltipStyles_unstable(state);\n  const {\n    useTooltipStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderTooltip_unstable(state);\n};\nTooltip.displayName = \"Tooltip\";\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\nTooltip.isFluentTriggerComponent = true;\n//# sourceMappingURL=Tooltip.js.map"],"names":["Tooltip","props","state","useTooltip_unstable","useTooltipStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTooltip_unstable","displayName","isFluentTriggerComponent"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;4BACa;+BACG;qCACM;kCACH;AAInC,MAAMA,UAAUC,CAAAA,QAAS;IAC9B,MAAMC,QAAQC,IAAAA,+BAAmB,EAACF;IAClCG,IAAAA,2CAAyB,EAACF;IAC1B,MAAM,EACJE,2BAA2BC,gBAAe,EAC3C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,qCAAsB,EAACL;AAChC;AACAF,QAAQQ,WAAW,GAAG;AACtB,6FAA6F;AAC7FR,QAAQS,wBAAwB,GAAG,IAAI,EACvC,mCAAmC"}
+{"version":3,"sources":["../../../lib/components/Tooltip/Tooltip.js"],"sourcesContent":["import * as React from 'react';\nimport { useTooltip_unstable } from './useTooltip';\nimport { renderTooltip_unstable } from './renderTooltip';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useTooltipStyles_unstable } from './useTooltipStyles';\n/**\n * A tooltip provides light weight contextual information on top of its target element.\n */\nexport const Tooltip = props => {\n  const state = useTooltip_unstable(props);\n  useTooltipStyles_unstable(state);\n  const {\n    useTooltipStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderTooltip_unstable(state);\n};\nTooltip.displayName = 'Tooltip';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\nTooltip.isFluentTriggerComponent = true;\n//# sourceMappingURL=Tooltip.js.map"],"names":["Tooltip","props","state","useTooltip_unstable","useTooltipStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTooltip_unstable","displayName","isFluentTriggerComponent"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;4BACa;+BACG;qCACM;kCACH;AAInC,MAAMA,UAAUC,CAAAA,QAAS;IAC9B,MAAMC,QAAQC,IAAAA,+BAAmB,EAACF;IAClCG,IAAAA,2CAAyB,EAACF;IAC1B,MAAM,EACJE,2BAA2BC,gBAAe,EAC3C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,qCAAsB,EAACL;AAChC;AACAF,QAAQQ,WAAW,GAAG;AACtB,6FAA6F;AAC7FR,QAAQS,wBAAwB,GAAG,IAAI,EACvC,mCAAmC"}

package/lib-commonjs/components/Tooltip/Tooltip.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Tooltip/Tooltip.types.js"],"sourcesContent":["import * as React from \"react\";\n//# sourceMappingURL=Tooltip.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,yCAAyC"}
+{"version":3,"sources":["../../../lib/components/Tooltip/Tooltip.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Tooltip.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,yCAAyC"}

package/lib-commonjs/components/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Tooltip/index.js"],"sourcesContent":["export * from \"./Tooltip\";\nexport * from \"./Tooltip.types\";\nexport * from \"./renderTooltip\";\nexport * from \"./useTooltip\";\nexport * from \"./useTooltipStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Tooltip/index.js"],"sourcesContent":["export * from './Tooltip';\nexport * from './Tooltip.types';\nexport * from './renderTooltip';\nexport * from './useTooltip';\nexport * from './useTooltipStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Tooltip/renderTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Tooltip/renderTooltip.js"],"sourcesContent":["import * as React from \"react\";\nimport { Portal } from \"@fluentui/react-portal\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render the final JSX of Tooltip\n */\nexport const renderTooltip_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(React.Fragment, null, state.children, state.shouldRenderTooltip && /*#__PURE__*/React.createElement(Portal, {\n    mountNode: state.mountNode\n  }, /*#__PURE__*/React.createElement(slots.content, slotProps.content, state.withArrow && /*#__PURE__*/React.createElement(\"div\", {\n    ref: state.arrowRef,\n    className: state.arrowClassName\n  }), state.content.children)));\n};\n//# sourceMappingURL=renderTooltip.js.map"],"names":["renderTooltip_unstable","state","slots","slotProps","getSlots","React","createElement","Fragment","children","shouldRenderTooltip","Portal","mountNode","content","withArrow","ref","arrowRef","className","arrowClassName"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;6BACA;gCACE;AAIlB,MAAMA,yBAAyBC,CAAAA,QAAS;IAC7C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACD,OAAME,QAAQ,EAAE,IAAI,EAAEN,MAAMO,QAAQ,EAAEP,MAAMQ,mBAAmB,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACI,mBAAM,EAAE;QAClJC,WAAWV,MAAMU,SAAS;IAC5B,GAAG,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMU,OAAO,EAAET,UAAUS,OAAO,EAAEX,MAAMY,SAAS,IAAI,WAAW,GAAER,OAAMC,aAAa,CAAC,OAAO;QAC/HQ,KAAKb,MAAMc,QAAQ;QACnBC,WAAWf,MAAMgB,cAAc;IACjC,IAAIhB,MAAMW,OAAO,CAACJ,QAAQ;AAC5B,GACA,yCAAyC"}
+{"version":3,"sources":["../../../lib/components/Tooltip/renderTooltip.js"],"sourcesContent":["import * as React from 'react';\nimport { Portal } from '@fluentui/react-portal';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Tooltip\n */\nexport const renderTooltip_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(React.Fragment, null, state.children, state.shouldRenderTooltip && /*#__PURE__*/React.createElement(Portal, {\n    mountNode: state.mountNode\n  }, /*#__PURE__*/React.createElement(slots.content, slotProps.content, state.withArrow && /*#__PURE__*/React.createElement(\"div\", {\n    ref: state.arrowRef,\n    className: state.arrowClassName\n  }), state.content.children)));\n};\n//# sourceMappingURL=renderTooltip.js.map"],"names":["renderTooltip_unstable","state","slots","slotProps","getSlots","React","createElement","Fragment","children","shouldRenderTooltip","Portal","mountNode","content","withArrow","ref","arrowRef","className","arrowClassName"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;6BACA;gCACE;AAIlB,MAAMA,yBAAyBC,CAAAA,QAAS;IAC7C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACD,OAAME,QAAQ,EAAE,IAAI,EAAEN,MAAMO,QAAQ,EAAEP,MAAMQ,mBAAmB,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACI,mBAAM,EAAE;QAClJC,WAAWV,MAAMU,SAAS;IAC5B,GAAG,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMU,OAAO,EAAET,UAAUS,OAAO,EAAEX,MAAMY,SAAS,IAAI,WAAW,GAAER,OAAMC,aAAa,CAAC,OAAO;QAC/HQ,KAAKb,MAAMc,QAAQ;QACnBC,WAAWf,MAAMgB,cAAc;IACjC,IAAIhB,MAAMW,OAAO,CAACJ,QAAQ;AAC5B,GACA,yCAAyC"}

package/lib-commonjs/components/Tooltip/useTooltip.js

@@ -14,11 +14,12 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const _constants = require("./private/constants");
 const _keyboardKeys = require("@fluentui/keyboard-keys");
 const useTooltip_unstable = (props)=>{
+    var _child_props, _child_props1, _child_props2, _child_props3;
     const context = (0, _reactSharedContexts.useTooltipVisibility_unstable)();
     const isServerSideRender = (0, _reactUtilities.useIsSSR)();
     const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
     const [setDelayTimeout, clearDelayTimeout] = (0, _reactUtilities.useTimeout)();
-    const { appearance ="normal" , children , content , withArrow =false , positioning ="above" , onVisibleChange , relationship , showDelay =250 , hideDelay =250 , mountNode  } = props;
+    const { appearance ='normal' , children , content , withArrow =false , positioning ='above' , onVisibleChange , relationship , showDelay =250 , hideDelay =250 , mountNode  } = props;
     const [visible, setVisibleInternal] = (0, _reactUtilities.useControllableState)({
         state: props.visible,
         initialState: false
@@ -27,7 +28,7 @@ const useTooltip_unstable = (props)=>{
         clearDelayTimeout();
         setVisibleInternal((oldVisible)=>{
             if (newVisible !== oldVisible) {
-                onVisibleChange?.(ev, {
+                onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(ev, {
                     visible: newVisible
                 });
             }
@@ -50,21 +51,21 @@ const useTooltip_unstable = (props)=>{
         mountNode,
         // Slots
         components: {
-            content: "div"
+            content: 'div'
         },
         content: (0, _reactUtilities.resolveShorthand)(content, {
             defaultProps: {
-                role: "tooltip"
+                role: 'tooltip'
             },
             required: true
         })
     };
-    state.content.id = (0, _reactUtilities.useId)("tooltip-", state.content.id);
+    state.content.id = (0, _reactUtilities.useId)('tooltip-', state.content.id);
     const positioningOptions = {
         enabled: state.visible,
         arrowPadding: 2 * _constants.tooltipBorderRadius,
-        position: "above",
-        align: "center",
+        position: 'above',
+        align: 'center',
         offset: 4,
         ...(0, _reactPositioning.resolvePositioningShorthand)(state.positioning)
     };
@@ -79,10 +80,11 @@ const useTooltip_unstable = (props)=>{
     // Also add a listener on document to hide the tooltip if Escape is pressed
     (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
         if (visible) {
+            var _context_visibleTooltip;
             const thisTooltip = {
                 hide: ()=>setVisible(false)
             };
-            context.visibleTooltip?.hide();
+            (_context_visibleTooltip = context.visibleTooltip) === null || _context_visibleTooltip === void 0 ? void 0 : _context_visibleTooltip.hide();
             context.visibleTooltip = thisTooltip;
             const onDocumentKeyDown = (ev)=>{
                 if (ev.key === _keyboardKeys.Escape) {
@@ -92,7 +94,7 @@ const useTooltip_unstable = (props)=>{
                     ev.stopPropagation();
                 }
             };
-            targetDocument?.addEventListener("keydown", onDocumentKeyDown, {
+            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {
                 // As this event is added at targeted document,
                 // we need to capture the event to be sure keydown handling from tooltip happens first
                 capture: true
@@ -101,7 +103,7 @@ const useTooltip_unstable = (props)=>{
                 if (context.visibleTooltip === thisTooltip) {
                     context.visibleTooltip = undefined;
                 }
-                targetDocument?.removeEventListener("keydown", onDocumentKeyDown, {
+                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {
                     capture: true
                 });
             };
@@ -120,7 +122,7 @@ const useTooltip_unstable = (props)=>{
     const ignoreNextFocusEventRef = _react.useRef(false);
     // Listener for onPointerEnter and onFocus on the trigger element
     const onEnterTrigger = _react.useCallback((ev)=>{
-        if (ev.type === "focus" && ignoreNextFocusEventRef.current) {
+        if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {
             ignoreNextFocusEventRef.current = false;
             return;
         }
@@ -139,10 +141,10 @@ const useTooltip_unstable = (props)=>{
     // Listener for onPointerLeave and onBlur on the trigger element
     const onLeaveTrigger = _react.useCallback((ev)=>{
         let delay = state.hideDelay;
-        if (ev.type === "blur") {
+        if (ev.type === 'blur') {
             // Hide immediately when losing focus
             delay = 0;
-            ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;
+            ignoreNextFocusEventRef.current = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) === ev.target;
         }
         setDelayTimeout(()=>{
             setVisible(false, ev);
@@ -162,17 +164,17 @@ const useTooltip_unstable = (props)=>{
     state.content.onBlur = (0, _reactUtilities.mergeCallbacks)(state.content.onBlur, onLeaveTrigger);
     const child = (0, _reactUtilities.getTriggerChild)(children);
     const triggerAriaProps = {};
-    if (relationship === "label") {
+    if (relationship === 'label') {
         // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.
-        if (typeof state.content.children === "string") {
-            triggerAriaProps["aria-label"] = state.content.children;
+        if (typeof state.content.children === 'string') {
+            triggerAriaProps['aria-label'] = state.content.children;
         } else {
-            triggerAriaProps["aria-labelledby"] = state.content.id;
+            triggerAriaProps['aria-labelledby'] = state.content.id;
             // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element
             state.shouldRenderTooltip = true;
         }
-    } else if (relationship === "description") {
-        triggerAriaProps["aria-describedby"] = state.content.id;
+    } else if (relationship === 'description') {
+        triggerAriaProps['aria-describedby'] = state.content.id;
         // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element
         state.shouldRenderTooltip = true;
     }
@@ -180,17 +182,17 @@ const useTooltip_unstable = (props)=>{
     if (isServerSideRender) {
         state.shouldRenderTooltip = false;
     }
-    const childTargetRef = (0, _reactUtilities.useMergedRefs)(child?.ref, targetRef);
+    const childTargetRef = (0, _reactUtilities.useMergedRefs)(child === null || child === void 0 ? void 0 : child.ref, targetRef);
     // Apply the trigger props to the child, either by calling the render function, or cloning with the new props
     state.children = (0, _reactUtilities.applyTriggerPropsToChildren)(children, {
         ...triggerAriaProps,
-        ...child?.props,
+        ...child === null || child === void 0 ? void 0 : child.props,
         // If the target prop is not provided, attach targetRef to the trigger element's ref prop
-        ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,
-        onPointerEnter: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props?.onPointerEnter, onEnterTrigger)),
-        onPointerLeave: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props?.onPointerLeave, onLeaveTrigger)),
-        onFocus: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props?.onFocus, onEnterTrigger)),
-        onBlur: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child?.props?.onBlur, onLeaveTrigger))
+        ref: positioningOptions.target === undefined ? childTargetRef : child === null || child === void 0 ? void 0 : child.ref,
+        onPointerEnter: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : (_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.onPointerEnter, onEnterTrigger)),
+        onPointerLeave: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : (_child_props1 = child.props) === null || _child_props1 === void 0 ? void 0 : _child_props1.onPointerLeave, onLeaveTrigger)),
+        onFocus: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : (_child_props2 = child.props) === null || _child_props2 === void 0 ? void 0 : _child_props2.onFocus, onEnterTrigger)),
+        onBlur: (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(child === null || child === void 0 ? void 0 : (_child_props3 = child.props) === null || _child_props3 === void 0 ? void 0 : _child_props3.onBlur, onLeaveTrigger))
     });
     return state;
 }; //# sourceMappingURL=useTooltip.js.map

package/lib-commonjs/components/Tooltip/useTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Tooltip/useTooltip.js"],"sourcesContent":["import * as React from \"react\";\nimport { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from \"@fluentui/react-positioning\";\nimport { useTooltipVisibility_unstable as useTooltipVisibility, useFluent_unstable as useFluent } from \"@fluentui/react-shared-contexts\";\nimport { applyTriggerPropsToChildren, resolveShorthand, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout, getTriggerChild, mergeCallbacks, useEventCallback } from \"@fluentui/react-utilities\";\nimport { arrowHeight, tooltipBorderRadius } from \"./private/constants\";\nimport { Escape } from \"@fluentui/keyboard-keys\";\n/**\n * Create the state required to render Tooltip.\n *\n * The returned state can be modified with hooks such as useTooltipStyles_unstable,\n * before being passed to renderTooltip_unstable.\n *\n * @param props - props from this instance of Tooltip\n */\nexport const useTooltip_unstable = props => {\n  const context = useTooltipVisibility();\n  const isServerSideRender = useIsSSR();\n  const {\n    targetDocument\n  } = useFluent();\n  const [setDelayTimeout, clearDelayTimeout] = useTimeout();\n  const {\n    appearance = \"normal\",\n    children,\n    content,\n    withArrow = false,\n    positioning = \"above\",\n    onVisibleChange,\n    relationship,\n    showDelay = 250,\n    hideDelay = 250,\n    mountNode\n  } = props;\n  const [visible, setVisibleInternal] = useControllableState({\n    state: props.visible,\n    initialState: false\n  });\n  const setVisible = React.useCallback((newVisible, ev) => {\n    clearDelayTimeout();\n    setVisibleInternal(oldVisible => {\n      if (newVisible !== oldVisible) {\n        onVisibleChange?.(ev, {\n          visible: newVisible\n        });\n      }\n      return newVisible;\n    });\n  }, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);\n  const state = {\n    withArrow,\n    positioning,\n    showDelay,\n    hideDelay,\n    relationship,\n    visible,\n    shouldRenderTooltip: visible,\n    appearance,\n    mountNode,\n    // Slots\n    components: {\n      content: \"div\"\n    },\n    content: resolveShorthand(content, {\n      defaultProps: {\n        role: \"tooltip\"\n      },\n      required: true\n    })\n  };\n  state.content.id = useId(\"tooltip-\", state.content.id);\n  const positioningOptions = {\n    enabled: state.visible,\n    arrowPadding: 2 * tooltipBorderRadius,\n    position: \"above\",\n    align: \"center\",\n    offset: 4,\n    ...resolvePositioningShorthand(state.positioning)\n  };\n  if (state.withArrow) {\n    positioningOptions.offset = mergeArrowOffset(positioningOptions.offset, arrowHeight);\n  }\n  const {\n    targetRef,\n    containerRef,\n    arrowRef\n  } = usePositioning(positioningOptions);\n  state.content.ref = useMergedRefs(state.content.ref, containerRef);\n  state.arrowRef = arrowRef;\n  // When this tooltip is visible, hide any other tooltips, and register it\n  // as the visibleTooltip with the TooltipContext.\n  // Also add a listener on document to hide the tooltip if Escape is pressed\n  useIsomorphicLayoutEffect(() => {\n    if (visible) {\n      const thisTooltip = {\n        hide: () => setVisible(false)\n      };\n      context.visibleTooltip?.hide();\n      context.visibleTooltip = thisTooltip;\n      const onDocumentKeyDown = ev => {\n        if (ev.key === Escape) {\n          thisTooltip.hide();\n          // stop propagation to avoid conflicting with other elements that listen for `Escape`\n          // e,g: Dialog, Popover, Menu\n          ev.stopPropagation();\n        }\n      };\n      targetDocument?.addEventListener(\"keydown\", onDocumentKeyDown, {\n        // As this event is added at targeted document,\n        // we need to capture the event to be sure keydown handling from tooltip happens first\n        capture: true\n      });\n      return () => {\n        if (context.visibleTooltip === thisTooltip) {\n          context.visibleTooltip = undefined;\n        }\n        targetDocument?.removeEventListener(\"keydown\", onDocumentKeyDown, {\n          capture: true\n        });\n      };\n    }\n  }, [context, targetDocument, visible, setVisible]);\n  // The focused element gets a blur event when the document loses focus\n  // (e.g. switching tabs in the browser), but we don't want to show the\n  // tooltip again when the document gets focus back. Handle this case by\n  // checking if the blurred element is still the document's activeElement.\n  // See https://github.com/microsoft/fluentui/issues/13541\n  const ignoreNextFocusEventRef = React.useRef(false);\n  // Listener for onPointerEnter and onFocus on the trigger element\n  const onEnterTrigger = React.useCallback(ev => {\n    if (ev.type === \"focus\" && ignoreNextFocusEventRef.current) {\n      ignoreNextFocusEventRef.current = false;\n      return;\n    }\n    // Show immediately if another tooltip is already visible\n    const delay = context.visibleTooltip ? 0 : state.showDelay;\n    setDelayTimeout(() => {\n      setVisible(true, ev);\n    }, delay);\n    ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n  }, [setDelayTimeout, setVisible, state.showDelay, context]);\n  // Listener for onPointerLeave and onBlur on the trigger element\n  const onLeaveTrigger = React.useCallback(ev => {\n    let delay = state.hideDelay;\n    if (ev.type === \"blur\") {\n      // Hide immediately when losing focus\n      delay = 0;\n      ignoreNextFocusEventRef.current = targetDocument?.activeElement === ev.target;\n    }\n    setDelayTimeout(() => {\n      setVisible(false, ev);\n    }, delay);\n    ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n  }, [setDelayTimeout, setVisible, state.hideDelay, targetDocument]);\n  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.\n  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.\n  state.content.onPointerEnter = mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);\n  state.content.onPointerLeave = mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);\n  state.content.onFocus = mergeCallbacks(state.content.onFocus, clearDelayTimeout);\n  state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);\n  const child = getTriggerChild(children);\n  const triggerAriaProps = {};\n  if (relationship === \"label\") {\n    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.\n    if (typeof state.content.children === \"string\") {\n      triggerAriaProps[\"aria-label\"] = state.content.children;\n    } else {\n      triggerAriaProps[\"aria-labelledby\"] = state.content.id;\n      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element\n      state.shouldRenderTooltip = true;\n    }\n  } else if (relationship === \"description\") {\n    triggerAriaProps[\"aria-describedby\"] = state.content.id;\n    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element\n    state.shouldRenderTooltip = true;\n  }\n  // Don't render the Tooltip in SSR to avoid hydration errors\n  if (isServerSideRender) {\n    state.shouldRenderTooltip = false;\n  }\n  const childTargetRef = useMergedRefs(child?.ref, targetRef);\n  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props\n  state.children = applyTriggerPropsToChildren(children, {\n    ...triggerAriaProps,\n    ...child?.props,\n    // If the target prop is not provided, attach targetRef to the trigger element's ref prop\n    ref: positioningOptions.target === undefined ? childTargetRef : child?.ref,\n    onPointerEnter: useEventCallback(mergeCallbacks(child?.props?.onPointerEnter, onEnterTrigger)),\n    onPointerLeave: useEventCallback(mergeCallbacks(child?.props?.onPointerLeave, onLeaveTrigger)),\n    onFocus: useEventCallback(mergeCallbacks(child?.props?.onFocus, onEnterTrigger)),\n    onBlur: useEventCallback(mergeCallbacks(child?.props?.onBlur, onLeaveTrigger))\n  });\n  return state;\n};\n//# sourceMappingURL=useTooltip.js.map"],"names":["useTooltip_unstable","props","context","useTooltipVisibility","isServerSideRender","useIsSSR","targetDocument","useFluent","setDelayTimeout","clearDelayTimeout","useTimeout","appearance","children","content","withArrow","positioning","onVisibleChange","relationship","showDelay","hideDelay","mountNode","visible","setVisibleInternal","useControllableState","state","initialState","setVisible","React","useCallback","newVisible","ev","oldVisible","shouldRenderTooltip","components","resolveShorthand","defaultProps","role","required","id","useId","positioningOptions","enabled","arrowPadding","tooltipBorderRadius","position","align","offset","resolvePositioningShorthand","mergeArrowOffset","arrowHeight","targetRef","containerRef","arrowRef","usePositioning","ref","useMergedRefs","useIsomorphicLayoutEffect","thisTooltip","hide","visibleTooltip","onDocumentKeyDown","key","Escape","stopPropagation","addEventListener","capture","undefined","removeEventListener","ignoreNextFocusEventRef","useRef","onEnterTrigger","type","current","delay","persist","onLeaveTrigger","activeElement","target","onPointerEnter","mergeCallbacks","onPointerLeave","onFocus","onBlur","child","getTriggerChild","triggerAriaProps","childTargetRef","applyTriggerPropsToChildren","useEventCallback"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Tooltip/useTooltip.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeArrowOffset, resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport { useTooltipVisibility_unstable as useTooltipVisibility, useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyTriggerPropsToChildren, resolveShorthand, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout, getTriggerChild, mergeCallbacks, useEventCallback } from '@fluentui/react-utilities';\nimport { arrowHeight, tooltipBorderRadius } from './private/constants';\nimport { Escape } from '@fluentui/keyboard-keys';\n/**\n * Create the state required to render Tooltip.\n *\n * The returned state can be modified with hooks such as useTooltipStyles_unstable,\n * before being passed to renderTooltip_unstable.\n *\n * @param props - props from this instance of Tooltip\n */\nexport const useTooltip_unstable = props => {\n  var _child_props, _child_props1, _child_props2, _child_props3;\n  const context = useTooltipVisibility();\n  const isServerSideRender = useIsSSR();\n  const {\n    targetDocument\n  } = useFluent();\n  const [setDelayTimeout, clearDelayTimeout] = useTimeout();\n  const {\n    appearance = 'normal',\n    children,\n    content,\n    withArrow = false,\n    positioning = 'above',\n    onVisibleChange,\n    relationship,\n    showDelay = 250,\n    hideDelay = 250,\n    mountNode\n  } = props;\n  const [visible, setVisibleInternal] = useControllableState({\n    state: props.visible,\n    initialState: false\n  });\n  const setVisible = React.useCallback((newVisible, ev) => {\n    clearDelayTimeout();\n    setVisibleInternal(oldVisible => {\n      if (newVisible !== oldVisible) {\n        onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(ev, {\n          visible: newVisible\n        });\n      }\n      return newVisible;\n    });\n  }, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);\n  const state = {\n    withArrow,\n    positioning,\n    showDelay,\n    hideDelay,\n    relationship,\n    visible,\n    shouldRenderTooltip: visible,\n    appearance,\n    mountNode,\n    // Slots\n    components: {\n      content: 'div'\n    },\n    content: resolveShorthand(content, {\n      defaultProps: {\n        role: 'tooltip'\n      },\n      required: true\n    })\n  };\n  state.content.id = useId('tooltip-', state.content.id);\n  const positioningOptions = {\n    enabled: state.visible,\n    arrowPadding: 2 * tooltipBorderRadius,\n    position: 'above',\n    align: 'center',\n    offset: 4,\n    ...resolvePositioningShorthand(state.positioning)\n  };\n  if (state.withArrow) {\n    positioningOptions.offset = mergeArrowOffset(positioningOptions.offset, arrowHeight);\n  }\n  const {\n    targetRef,\n    containerRef,\n    arrowRef\n  } = usePositioning(positioningOptions);\n  state.content.ref = useMergedRefs(state.content.ref, containerRef);\n  state.arrowRef = arrowRef;\n  // When this tooltip is visible, hide any other tooltips, and register it\n  // as the visibleTooltip with the TooltipContext.\n  // Also add a listener on document to hide the tooltip if Escape is pressed\n  useIsomorphicLayoutEffect(() => {\n    if (visible) {\n      var _context_visibleTooltip;\n      const thisTooltip = {\n        hide: () => setVisible(false)\n      };\n      (_context_visibleTooltip = context.visibleTooltip) === null || _context_visibleTooltip === void 0 ? void 0 : _context_visibleTooltip.hide();\n      context.visibleTooltip = thisTooltip;\n      const onDocumentKeyDown = ev => {\n        if (ev.key === Escape) {\n          thisTooltip.hide();\n          // stop propagation to avoid conflicting with other elements that listen for `Escape`\n          // e,g: Dialog, Popover, Menu\n          ev.stopPropagation();\n        }\n      };\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {\n        // As this event is added at targeted document,\n        // we need to capture the event to be sure keydown handling from tooltip happens first\n        capture: true\n      });\n      return () => {\n        if (context.visibleTooltip === thisTooltip) {\n          context.visibleTooltip = undefined;\n        }\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {\n          capture: true\n        });\n      };\n    }\n  }, [context, targetDocument, visible, setVisible]);\n  // The focused element gets a blur event when the document loses focus\n  // (e.g. switching tabs in the browser), but we don't want to show the\n  // tooltip again when the document gets focus back. Handle this case by\n  // checking if the blurred element is still the document's activeElement.\n  // See https://github.com/microsoft/fluentui/issues/13541\n  const ignoreNextFocusEventRef = React.useRef(false);\n  // Listener for onPointerEnter and onFocus on the trigger element\n  const onEnterTrigger = React.useCallback(ev => {\n    if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {\n      ignoreNextFocusEventRef.current = false;\n      return;\n    }\n    // Show immediately if another tooltip is already visible\n    const delay = context.visibleTooltip ? 0 : state.showDelay;\n    setDelayTimeout(() => {\n      setVisible(true, ev);\n    }, delay);\n    ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n  }, [setDelayTimeout, setVisible, state.showDelay, context]);\n  // Listener for onPointerLeave and onBlur on the trigger element\n  const onLeaveTrigger = React.useCallback(ev => {\n    let delay = state.hideDelay;\n    if (ev.type === 'blur') {\n      // Hide immediately when losing focus\n      delay = 0;\n      ignoreNextFocusEventRef.current = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) === ev.target;\n    }\n    setDelayTimeout(() => {\n      setVisible(false, ev);\n    }, delay);\n    ev.persist(); // Persist the event since the setVisible call will happen asynchronously\n  }, [setDelayTimeout, setVisible, state.hideDelay, targetDocument]);\n  // Cancel the hide timer when the mouse or focus enters the tooltip, and restart it when the mouse or focus leaves.\n  // This keeps the tooltip visible when the mouse is moved over it, or it has focus within.\n  state.content.onPointerEnter = mergeCallbacks(state.content.onPointerEnter, clearDelayTimeout);\n  state.content.onPointerLeave = mergeCallbacks(state.content.onPointerLeave, onLeaveTrigger);\n  state.content.onFocus = mergeCallbacks(state.content.onFocus, clearDelayTimeout);\n  state.content.onBlur = mergeCallbacks(state.content.onBlur, onLeaveTrigger);\n  const child = getTriggerChild(children);\n  const triggerAriaProps = {};\n  if (relationship === 'label') {\n    // aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.\n    if (typeof state.content.children === 'string') {\n      triggerAriaProps['aria-label'] = state.content.children;\n    } else {\n      triggerAriaProps['aria-labelledby'] = state.content.id;\n      // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element\n      state.shouldRenderTooltip = true;\n    }\n  } else if (relationship === 'description') {\n    triggerAriaProps['aria-describedby'] = state.content.id;\n    // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element\n    state.shouldRenderTooltip = true;\n  }\n  // Don't render the Tooltip in SSR to avoid hydration errors\n  if (isServerSideRender) {\n    state.shouldRenderTooltip = false;\n  }\n  const childTargetRef = useMergedRefs(child === null || child === void 0 ? void 0 : child.ref, targetRef);\n  // Apply the trigger props to the child, either by calling the render function, or cloning with the new props\n  state.children = applyTriggerPropsToChildren(children, {\n    ...triggerAriaProps,\n    ...(child === null || child === void 0 ? void 0 : child.props),\n    // If the target prop is not provided, attach targetRef to the trigger element's ref prop\n    ref: positioningOptions.target === undefined ? childTargetRef : child === null || child === void 0 ? void 0 : child.ref,\n    onPointerEnter: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.onPointerEnter, onEnterTrigger)),\n    onPointerLeave: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props1 = child.props) === null || _child_props1 === void 0 ? void 0 : _child_props1.onPointerLeave, onLeaveTrigger)),\n    onFocus: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props2 = child.props) === null || _child_props2 === void 0 ? void 0 : _child_props2.onFocus, onEnterTrigger)),\n    onBlur: useEventCallback(mergeCallbacks(child === null || child === void 0 ? void 0 : (_child_props3 = child.props) === null || _child_props3 === void 0 ? void 0 : _child_props3.onBlur, onLeaveTrigger))\n  });\n  return state;\n};\n//# sourceMappingURL=useTooltip.js.map"],"names":["useTooltip_unstable","props","_child_props","_child_props1","_child_props2","_child_props3","context","useTooltipVisibility","isServerSideRender","useIsSSR","targetDocument","useFluent","setDelayTimeout","clearDelayTimeout","useTimeout","appearance","children","content","withArrow","positioning","onVisibleChange","relationship","showDelay","hideDelay","mountNode","visible","setVisibleInternal","useControllableState","state","initialState","setVisible","React","useCallback","newVisible","ev","oldVisible","shouldRenderTooltip","components","resolveShorthand","defaultProps","role","required","id","useId","positioningOptions","enabled","arrowPadding","tooltipBorderRadius","position","align","offset","resolvePositioningShorthand","mergeArrowOffset","arrowHeight","targetRef","containerRef","arrowRef","usePositioning","ref","useMergedRefs","useIsomorphicLayoutEffect","_context_visibleTooltip","thisTooltip","hide","visibleTooltip","onDocumentKeyDown","key","Escape","stopPropagation","addEventListener","capture","undefined","removeEventListener","ignoreNextFocusEventRef","useRef","onEnterTrigger","type","current","delay","persist","onLeaveTrigger","activeElement","target","onPointerEnter","mergeCallbacks","onPointerLeave","onFocus","onBlur","child","getTriggerChild","triggerAriaProps","childTargetRef","applyTriggerPropsToChildren","useEventCallback"],"mappings":"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"}

package/lib-commonjs/components/Tooltip/useTooltipStyles.js

@@ -14,7 +14,7 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const tooltipClassNames = {
-    content: "fui-Tooltip__content"
+    content: 'fui-Tooltip__content'
 };
 /**
  * Styles for the tooltip
@@ -172,7 +172,7 @@ const tooltipClassNames = {
         ".f1bsuimh{z-index:-1;}",
         ".f1ekdpwm{width:8.484px;}",
         ".f83vc9z{height:8.484px;}",
-        '.f1wl9k8s::before{content:"";}',
+        ".f1wl9k8s::before{content:\"\";}",
         ".f1wkw4r9::before{visibility:visible;}",
         ".f1j7ml58::before{position:absolute;}",
         ".fyl8oag::before{box-sizing:border-box;}",
@@ -189,19 +189,19 @@ const tooltipClassNames = {
         ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
         ".ftj5xct::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}",
         ".fyavhwi::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}",
-        '[data-popper-placement^="top"] .f1773hnp{bottom:-1px;}',
-        '[data-popper-placement^="top"] .f1n8855c{--angle:0;}',
-        '[data-popper-placement^="right"] .f1v7783n{left:-1px;}',
-        '[data-popper-placement^="right"] .fsw6im5{--angle:90deg;}',
-        '[data-popper-placement^="bottom"] .fh2hsk5{top:-1px;}',
-        '[data-popper-placement^="bottom"] .f159pzir{--angle:180deg;}',
-        '[data-popper-placement^="left"] .f11yvu4{right:-1px;}',
-        '[data-popper-placement^="left"] .fm1ycve{--angle:270deg;}'
+        "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}",
+        "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}",
+        "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}",
+        "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}",
+        "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}",
+        "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}",
+        "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}",
+        "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"
     ]
 });
 const useTooltipStyles_unstable = (state)=>{
     const styles = useStyles();
-    state.content.className = (0, _react.mergeClasses)(tooltipClassNames.content, styles.root, state.appearance === "inverted" && styles.inverted, state.visible && styles.visible, state.content.className);
+    state.content.className = (0, _react.mergeClasses)(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);
     state.arrowClassName = styles.arrow;
     return state;
 }; //# sourceMappingURL=useTooltipStyles.js.map

package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Tooltip/useTooltipStyles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from \"@griffel/react\";\nimport { createArrowStyles } from \"@fluentui/react-positioning\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { arrowHeight } from \"./private/constants\";\nexport const tooltipClassNames = {\n  content: \"fui-Tooltip__content\"\n};\n/**\n * Styles for the tooltip\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"fjseox\",\n    B7ck84d: \"f1ewtqcl\",\n    B2u0y6b: \"f132xexn\",\n    Bceei9c: \"f158kwzp\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bg96gwp: \"fwrc4pm\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"fd9xhir\", \"f1jlaasf\"],\n    Byoj8tv: \"f1d7kygh\",\n    uwmqm3: [\"f1jlaasf\", \"fd9xhir\"],\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f19n0e5\",\n    Bhu2qc9: \"fxeb0a7\"\n  },\n  visible: {\n    mc9l5x: \"ftgm304\"\n  },\n  inverted: {\n    De3pzq: \"fg3r6xk\",\n    sj55zd: \"fonrgv7\"\n  },\n  arrow: {\n    qhf8xq: \"f1euv43f\",\n    De3pzq: \"f1u2r49w\",\n    Bcdw1i0: \"fd7fpy0\",\n    Bj3rh1h: \"f1bsuimh\",\n    a9b677: \"f1ekdpwm\",\n    Bqenvij: \"f83vc9z\",\n    Ftih45: \"f1wl9k8s\",\n    B1puzpu: \"f1wkw4r9\",\n    Brfgrao: \"f1j7ml58\",\n    Bcvre1j: \"fyl8oag\",\n    Ccq8qp: \"frdoeuz\",\n    Baz25je: \"fb81m9q\",\n    cmx5o7: \"f1ljr5q2\",\n    B4f6apu: \"fyfemzf\",\n    m598lv: \"focyt6c\",\n    Bk5zm6e: \"fnhxbxj\",\n    y0oebl: \"fdw6hkg\",\n    qa3bma: \"f11yjt3y\",\n    Bqjgrrk: \"f1172wan\",\n    Budzafs: [\"f9e5op9\", \"f112wvtl\"],\n    Hv9wc6: [\"ftj5xct\", \"fyavhwi\"],\n    hl6cv3: \"f1773hnp\",\n    Bh2vraf: \"f1n8855c\",\n    yayu3t: \"f1v7783n\",\n    wedwtw: \"fsw6im5\",\n    rhl9o9: \"fh2hsk5\",\n    Bu8t5uz: \"f159pzir\",\n    B6q6orb: \"f11yvu4\",\n    Bwwlvwl: \"fm1ycve\"\n  }\n}, {\n  d: [\".fjseox{display:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f132xexn{max-width:240px;}\", \".f158kwzp{cursor:default;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f10ra9hq{padding-top:4px;}\", \".fd9xhir{padding-right:11px;}\", \".f1jlaasf{padding-left:11px;}\", \".f1d7kygh{padding-bottom:6px;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}\", \".ftgm304{display:block;}\", \".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1euv43f{position:absolute;}\", \".f1u2r49w{background-color:inherit;}\", \".fd7fpy0{visibility:hidden;}\", \".f1bsuimh{z-index:-1;}\", \".f1ekdpwm{width:8.484px;}\", \".f83vc9z{height:8.484px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1wkw4r9::before{visibility:visible;}\", \".f1j7ml58::before{position:absolute;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".frdoeuz::before{width:inherit;}\", \".fb81m9q::before{height:inherit;}\", \".f1ljr5q2::before{background-color:inherit;}\", \".fyfemzf::before{border-right-width:1px;}\", \".focyt6c::before{border-right-style:solid;}\", \".fnhxbxj::before{border-right-color:var(--colorTransparentStroke);}\", \".fdw6hkg::before{border-bottom-width:1px;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}\", \".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".ftj5xct::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}\", \".fyavhwi::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}\", \"[data-popper-placement^=\\\"top\\\"] .f1773hnp{bottom:-1px;}\", \"[data-popper-placement^=\\\"top\\\"] .f1n8855c{--angle:0;}\", \"[data-popper-placement^=\\\"right\\\"] .f1v7783n{left:-1px;}\", \"[data-popper-placement^=\\\"right\\\"] .fsw6im5{--angle:90deg;}\", \"[data-popper-placement^=\\\"bottom\\\"] .fh2hsk5{top:-1px;}\", \"[data-popper-placement^=\\\"bottom\\\"] .f159pzir{--angle:180deg;}\", \"[data-popper-placement^=\\\"left\\\"] .f11yvu4{right:-1px;}\", \"[data-popper-placement^=\\\"left\\\"] .fm1ycve{--angle:270deg;}\"]\n});\n/**\n * Apply styling to the Tooltip slots based on the state\n */\nexport const useTooltipStyles_unstable = state => {\n  const styles = useStyles();\n  state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === \"inverted\" && styles.inverted, state.visible && styles.visible, state.content.className);\n  state.arrowClassName = styles.arrow;\n  return state;\n};\n//# sourceMappingURL=useTooltipStyles.js.map"],"names":["tooltipClassNames","useTooltipStyles_unstable","content","useStyles","__styles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","Bcdw1i0","Bj3rh1h","a9b677","Bqenvij","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","B4f6apu","m598lv","Bk5zm6e","y0oebl","qa3bma","Bqjgrrk","Budzafs","Hv9wc6","hl6cv3","Bh2vraf","yayu3t","wedwtw","rhl9o9","Bu8t5uz","B6q6orb","Bwwlvwl","d","state","styles","className","mergeClasses","appearance","arrowClassName"],"mappings":";;;;;;;;;;;IAIaA,iBAAiB,MAAjBA;IAmFAC,yBAAyB,MAAzBA;;uBAvFsC;AAI5C,MAAMD,oBAAoB;IAC/BE,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,SAAS;QACP9B,QAAQ;IACV;IACA+B,UAAU;QACRJ,QAAQ;QACRC,QAAQ;IACV;IACAI,OAAO;QACLC,QAAQ;QACRN,QAAQ;QACRO,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA0B;QAAqC;QAA+B;QAA8B;QAAgD;QAA+C;QAAmD;QAAoE;QAAmE;QAAiE;QAA+D;QAAmC;QAAsC;QAAoC;QAAuC;QAAqC;QAAuC;QAAsC;QAAwC;QAA6D;QAAgE;QAA8D;QAAgE;QAA+B;QAAiC;QAAiC;QAAkC;QAA8D;QAAmD;QAAwP;QAA4B;QAAmE;QAAgE;QAAiC;QAAwC;QAAgC;QAA0B;QAA6B;QAA6B;QAAoC;QAA0C;QAAyC;QAA4C;QAAoC;QAAqC;QAAgD;QAA6C;QAA+C;QAAuE;QAA8C;QAAiD;QAAyE;QAA0E;QAA0E;QAAmS;QAAuS;QAA4D;QAA0D;QAA4D;QAA+D;QAA2D;QAAkE;QAA2D;KAA8D;AACxrH;AAIO,MAAMlE,4BAA4BmE,CAAAA,QAAS;IAChD,MAAMC,SAASlE;IACfiE,MAAMlE,OAAO,CAACoE,SAAS,GAAGC,IAAAA,mBAAY,EAACvE,kBAAkBE,OAAO,EAAEmE,OAAOhE,IAAI,EAAE+D,MAAMI,UAAU,KAAK,cAAcH,OAAOhC,QAAQ,EAAE+B,MAAMhC,OAAO,IAAIiC,OAAOjC,OAAO,EAAEgC,MAAMlE,OAAO,CAACoE,SAAS;IAC3LF,MAAMK,cAAc,GAAGJ,OAAO/B,KAAK;IACnC,OAAO8B;AACT,GACA,4CAA4C"}
+{"version":3,"sources":["../../../lib/components/Tooltip/useTooltipStyles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nexport const tooltipClassNames = {\n  content: 'fui-Tooltip__content'\n};\n/**\n * Styles for the tooltip\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"fjseox\",\n    B7ck84d: \"f1ewtqcl\",\n    B2u0y6b: \"f132xexn\",\n    Bceei9c: \"f158kwzp\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bg96gwp: \"fwrc4pm\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"fd9xhir\", \"f1jlaasf\"],\n    Byoj8tv: \"f1d7kygh\",\n    uwmqm3: [\"f1jlaasf\", \"fd9xhir\"],\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f19n0e5\",\n    Bhu2qc9: \"fxeb0a7\"\n  },\n  visible: {\n    mc9l5x: \"ftgm304\"\n  },\n  inverted: {\n    De3pzq: \"fg3r6xk\",\n    sj55zd: \"fonrgv7\"\n  },\n  arrow: {\n    qhf8xq: \"f1euv43f\",\n    De3pzq: \"f1u2r49w\",\n    Bcdw1i0: \"fd7fpy0\",\n    Bj3rh1h: \"f1bsuimh\",\n    a9b677: \"f1ekdpwm\",\n    Bqenvij: \"f83vc9z\",\n    Ftih45: \"f1wl9k8s\",\n    B1puzpu: \"f1wkw4r9\",\n    Brfgrao: \"f1j7ml58\",\n    Bcvre1j: \"fyl8oag\",\n    Ccq8qp: \"frdoeuz\",\n    Baz25je: \"fb81m9q\",\n    cmx5o7: \"f1ljr5q2\",\n    B4f6apu: \"fyfemzf\",\n    m598lv: \"focyt6c\",\n    Bk5zm6e: \"fnhxbxj\",\n    y0oebl: \"fdw6hkg\",\n    qa3bma: \"f11yjt3y\",\n    Bqjgrrk: \"f1172wan\",\n    Budzafs: [\"f9e5op9\", \"f112wvtl\"],\n    Hv9wc6: [\"ftj5xct\", \"fyavhwi\"],\n    hl6cv3: \"f1773hnp\",\n    Bh2vraf: \"f1n8855c\",\n    yayu3t: \"f1v7783n\",\n    wedwtw: \"fsw6im5\",\n    rhl9o9: \"fh2hsk5\",\n    Bu8t5uz: \"f159pzir\",\n    B6q6orb: \"f11yvu4\",\n    Bwwlvwl: \"fm1ycve\"\n  }\n}, {\n  d: [\".fjseox{display:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f132xexn{max-width:240px;}\", \".f158kwzp{cursor:default;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f10ra9hq{padding-top:4px;}\", \".fd9xhir{padding-right:11px;}\", \".f1jlaasf{padding-left:11px;}\", \".f1d7kygh{padding-bottom:6px;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}\", \".ftgm304{display:block;}\", \".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1euv43f{position:absolute;}\", \".f1u2r49w{background-color:inherit;}\", \".fd7fpy0{visibility:hidden;}\", \".f1bsuimh{z-index:-1;}\", \".f1ekdpwm{width:8.484px;}\", \".f83vc9z{height:8.484px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1wkw4r9::before{visibility:visible;}\", \".f1j7ml58::before{position:absolute;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".frdoeuz::before{width:inherit;}\", \".fb81m9q::before{height:inherit;}\", \".f1ljr5q2::before{background-color:inherit;}\", \".fyfemzf::before{border-right-width:1px;}\", \".focyt6c::before{border-right-style:solid;}\", \".fnhxbxj::before{border-right-color:var(--colorTransparentStroke);}\", \".fdw6hkg::before{border-bottom-width:1px;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}\", \".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".ftj5xct::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}\", \".fyavhwi::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}\", \"[data-popper-placement^=\\\"top\\\"] .f1773hnp{bottom:-1px;}\", \"[data-popper-placement^=\\\"top\\\"] .f1n8855c{--angle:0;}\", \"[data-popper-placement^=\\\"right\\\"] .f1v7783n{left:-1px;}\", \"[data-popper-placement^=\\\"right\\\"] .fsw6im5{--angle:90deg;}\", \"[data-popper-placement^=\\\"bottom\\\"] .fh2hsk5{top:-1px;}\", \"[data-popper-placement^=\\\"bottom\\\"] .f159pzir{--angle:180deg;}\", \"[data-popper-placement^=\\\"left\\\"] .f11yvu4{right:-1px;}\", \"[data-popper-placement^=\\\"left\\\"] .fm1ycve{--angle:270deg;}\"]\n});\n/**\n * Apply styling to the Tooltip slots based on the state\n */\nexport const useTooltipStyles_unstable = state => {\n  const styles = useStyles();\n  state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);\n  state.arrowClassName = styles.arrow;\n  return state;\n};\n//# sourceMappingURL=useTooltipStyles.js.map"],"names":["tooltipClassNames","useTooltipStyles_unstable","content","useStyles","__styles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","Bcdw1i0","Bj3rh1h","a9b677","Bqenvij","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","B4f6apu","m598lv","Bk5zm6e","y0oebl","qa3bma","Bqjgrrk","Budzafs","Hv9wc6","hl6cv3","Bh2vraf","yayu3t","wedwtw","rhl9o9","Bu8t5uz","B6q6orb","Bwwlvwl","d","state","styles","className","mergeClasses","appearance","arrowClassName"],"mappings":";;;;;;;;;;;IAIaA,iBAAiB,MAAjBA;IAmFAC,yBAAyB,MAAzBA;;uBAvFsC;AAI5C,MAAMD,oBAAoB;IAC/BE,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,SAAS;QACP9B,QAAQ;IACV;IACA+B,UAAU;QACRJ,QAAQ;QACRC,QAAQ;IACV;IACAI,OAAO;QACLC,QAAQ;QACRN,QAAQ;QACRO,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA0B;QAAqC;QAA+B;QAA8B;QAAgD;QAA+C;QAAmD;QAAoE;QAAmE;QAAiE;QAA+D;QAAmC;QAAsC;QAAoC;QAAuC;QAAqC;QAAuC;QAAsC;QAAwC;QAA6D;QAAgE;QAA8D;QAAgE;QAA+B;QAAiC;QAAiC;QAAkC;QAA8D;QAAmD;QAAwP;QAA4B;QAAmE;QAAgE;QAAiC;QAAwC;QAAgC;QAA0B;QAA6B;QAA6B;QAAoC;QAA0C;QAAyC;QAA4C;QAAoC;QAAqC;QAAgD;QAA6C;QAA+C;QAAuE;QAA8C;QAAiD;QAAyE;QAA0E;QAA0E;QAAmS;QAAuS;QAA4D;QAA0D;QAA4D;QAA+D;QAA2D;QAAkE;QAA2D;KAA8D;AACxrH;AAIO,MAAMlE,4BAA4BmE,CAAAA,QAAS;IAChD,MAAMC,SAASlE;IACfiE,MAAMlE,OAAO,CAACoE,SAAS,GAAGC,IAAAA,mBAAY,EAACvE,kBAAkBE,OAAO,EAAEmE,OAAOhE,IAAI,EAAE+D,MAAMI,UAAU,KAAK,cAAcH,OAAOhC,QAAQ,EAAE+B,MAAMhC,OAAO,IAAIiC,OAAOjC,OAAO,EAAEgC,MAAMlE,OAAO,CAACoE,SAAS;IAC3LF,MAAMK,cAAc,GAAGJ,OAAO/B,KAAK;IACnC,OAAO8B;AACT,GACA,4CAA4C"}

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltipStyles_unstable, useTooltip_unstable } from \"./Tooltip\";\n//# sourceMappingURL=index.js.map"],"names":["Tooltip","renderTooltip_unstable","tooltipClassNames","useTooltipStyles_unstable","useTooltip_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CACnH,iCAAiC"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltipStyles_unstable, useTooltip_unstable } from './Tooltip';\n//# sourceMappingURL=index.js.map"],"names":["Tooltip","renderTooltip_unstable","tooltipClassNames","useTooltipStyles_unstable","useTooltip_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CACnH,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tooltip",
-  "version": "0.0.0-nightly-20230317-1454.1",
+  "version": "0.0.0-nightly-20230322-0439.1",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,17 +27,17 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230322-0439.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-portal": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-positioning": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-portal": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-positioning": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230322-0439.1",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },
@@ -51,6 +51,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },