@fluentui-react-native/tooltip 0.4.29 → 0.5.0

package/CHANGELOG.json

@@ -1,27 +1,6 @@
 {
   "name": "@fluentui-react-native/tooltip",
   "entries": [
-    {
-      "date": "Sat, 22 Nov 2025 00:55:48 GMT",
-      "version": "0.4.29",
-      "tag": "@fluentui-react-native/tooltip_v0.4.29",
-      "comments": {
-        "none": [
-          {
-            "author": "sanajmi@microsoft.com",
-            "package": "@fluentui-react-native/tooltip",
-            "commit": "e986858243200966d730f4e546ef366132ebb545",
-            "comment": "beachball sync"
-          },
-          {
-            "author": "4123478+tido64@users.noreply.github.com",
-            "package": "@fluentui-react-native/tooltip",
-            "commit": "b91dda380b291d3368f567d4bf8815b2094a38a5",
-            "comment": "Lock down `react-native-svg` version to avoid breaking changes"
-          }
-        ]
-      }
-    },
     {
       "date": "Tue, 05 Aug 2025 18:50:38 GMT",
       "version": "0.4.21",

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Change Log - @fluentui-react-native/tooltip
 
+## 0.5.0
+
+### Minor Changes
+
+- d7adbdd: # Migration from Beachball to Changesets
+
+  This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+  All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
+
+  ## What Changed
+
+  Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+  - ❌ 440+ beachball change files from `change/` directory
+  - ❌ `beachball` package dependency
+  - ❌ Beachball scripts from `package.json`
+  - ❌ `beachball.config.js` configuration file
+  - ❌ Beachball publish steps from Azure Pipelines
+
+  ## New Workflow
+
+  ✅ **Create changes**: Run `yarn changeset` to document changes
+  ✅ **Version bump PRs**: Automatically created by GitHub Actions
+  ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+  ✅ **Validation**: CI validates changesets and blocks major version bumps
+
+  For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
+
+### Patch Changes
+
+- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
+- Updated dependencies [d7adbdd]
+- Updated dependencies [d1d8c26]
+  - @fluentui-react-native/callout@0.28.0
+  - @fluentui-react-native/framework-base@0.3.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:38 GMT and should not be manually modified. -->
 
 <!-- Start content -->

package/SPEC.md

@@ -16,7 +16,7 @@ const tooltip = (
 );
 ```
 
-More examples on the [Test pages for Tooltip](../../../apps/fluent-tester/src/TestComponents/Tooltip). Instructions on running the tester app can be found [here](../../../apps/fluent-tester/README.md).
+More examples on the [Test pages for Tooltip](../../../apps/tester-core/src/TestComponents/Tooltip). Instructions on running the tester app can be found [here](../../../apps/fluent-tester/README.md).
 
 ## Visual Examples
 

package/lib/Tooltip.d.ts

@@ -4,6 +4,6 @@
  * @format
  */
 import type { TooltipProps } from './Tooltip.types';
-export declare const Tooltip: import("@fluentui-react-native/framework").ComposableFunction<TooltipProps>;
+export declare const Tooltip: import('@fluentui-react-native/framework-base').FunctionComponent<TooltipProps>;
 export default Tooltip;
-//# sourceMappingURL=Tooltip.d.ts.map
+//# sourceMappingURL=Tooltip.d.ts.map

package/lib/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,eAAO,MAAM,OAAO,6EA2BlB,CAAC;AAIH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,eAAO,MAAM,OAAO,iFA4BlB,CAAC;AAIH,eAAe,OAAO,CAAC"}

package/lib/Tooltip.js

@@ -1,36 +1,35 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
-/** @jsxRuntime classic */
 import * as React from 'react';
 import { findNodeHandle } from 'react-native';
-import { mergeProps, stagedComponent } from '@fluentui-react-native/framework';
+import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 import { tooltipName } from './Tooltip.types';
 import NativeTooltipView from './TooltipNativeComponent';
-export const Tooltip = stagedComponent((props) => {
-    const { target } = props;
-    const [nativeTarget, setNativeTarget] = React.useState(null);
-    React.useLayoutEffect(() => {
-        if (typeof target === 'string') {
-            // Pass string type `target` directly
-            setNativeTarget(target);
-        }
-        else if (target?.current) {
-            // Pass the tagID for a valid ref `target`
-            setNativeTarget(findNodeHandle(target.current));
-        }
-        else {
-            // Clear `target` so we may fall back on `anchorRect` if provided
-            setNativeTarget(null);
-        }
-    }, [target]);
-    const TooltipComponent = (rest, children) => {
-        return (React.createElement(NativeTooltipView, { ...(nativeTarget && { target: nativeTarget }), ...mergeProps(props, rest) }, children));
-    };
-    return TooltipComponent;
+export const Tooltip = phasedComponent((props) => {
+  const { target } = props;
+  const [nativeTarget, setNativeTarget] = React.useState(null);
+  React.useLayoutEffect(() => {
+    if (typeof target === 'string') {
+      // Pass string type `target` directly
+      setNativeTarget(target);
+    } else if (target?.current) {
+      // Pass the tagID for a valid ref `target`
+      setNativeTarget(findNodeHandle(target.current));
+    } else {
+      // Clear `target` so we may fall back on `anchorRect` if provided
+      setNativeTarget(null);
+    }
+  }, [target]);
+  const TooltipComponent = directComponent((innerProps) => {
+    const { children, ...rest } = innerProps;
+    return _jsx(NativeTooltipView, { ...(nativeTarget && { target: nativeTarget }), ...mergeProps(props, rest), children: children });
+  });
+  return TooltipComponent;
 });
 Tooltip.displayName = tooltipName;
 export default Tooltip;
-//# sourceMappingURL=Tooltip.js.map
+//# sourceMappingURL=Tooltip.js.map

package/lib/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,0BAA0B;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,KAAmB,EAAE,EAAE;IAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAErF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC9B,qCAAqC;YACrC,eAAe,CAAC,MAAM,CAAC,CAAC;SACzB;aAAM,IAAI,MAAM,EAAE,OAAO,EAAE;YAC1B,0CAA0C;YAC1C,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;SACjD;aAAM;YACL,iEAAiE;YACjE,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,gBAAgB,GAAG,CAAC,IAAkB,EAAE,QAAyB,EAAE,EAAE;QACzE,OAAO,CACL,oBAAC,iBAAiB,OAAK,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,KAAM,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,IAC3F,QAAQ,CACS,CACrB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AAElC,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAGrG,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,KAAmB,EAAE,EAAE,CAAC;IAC9D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAErF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC;QAC1B,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,qCAAqC;YACrC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC;aAAM,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;YAC3B,0CAA0C;YAC1C,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QAClD,CAAC;aAAM,CAAC;YACN,iEAAiE;YACjE,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IAAA,CACF,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,gBAAgB,GAAG,eAAe,CAAe,CAAC,UAAwB,EAAE,EAAE,CAAC;QACnF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC;QACzC,OAAO,CACL,KAAC,iBAAiB,OAAK,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,KAAM,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,YAC3F,QAAQ,GACS,CACrB,CAAC;IAAA,CACH,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC;AAAA,CACzB,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;AAElC,eAAe,OAAO,CAAC"}

package/lib/Tooltip.types.d.ts

@@ -1,45 +1,48 @@
 import type * as React from 'react';
-import type { ViewStyle } from 'react-native';
+import type { ViewStyle, ViewProps } from 'react-native';
 import type { DirectionalHint } from '@fluentui-react-native/callout';
-export declare const tooltipName = "Tooltip";
+export declare const tooltipName = 'Tooltip';
 export type TooltipProps = React.PropsWithChildren<{
-    /**
-     * The text of the tooltip.
-     */
-    content: string;
-    /**
-     * Notification when the visibility of the tooltip is changed.
-     */
-    onVisibleChange?: (event: any, data: any) => void;
-    /**
-     * Positioning of the tooltip relative to the target element.
-     *
-     * @default topCenter
-     */
-    positioning?: DirectionalHint;
-    /**
-     * Allow consumers to pass in Style props
-     */
-    style?: ViewStyle;
-    /**
-     * Target anchor that tooltip uses for relative positioning. Certain components may proffer a string as an anchor target, such as
-     * anchoring to a point inside the component.
-     *
-     * If not provided, will anchor to the wrapper element.
-     */
-    target?: React.RefObject<React.Component> | string;
-    /**
-     * Controls the tooltip visibility and can be used in conjunction with onVisibleChange to modify show/hide behavior. If not provided, will be updated based on hover/focus events on target element.
-     *
-     * @default false
-     */
-    visible?: boolean;
+  /**
+   * The text of the tooltip.
+   */
+  content: string;
+  /**
+   * Notification when the visibility of the tooltip is changed.
+   */
+  onVisibleChange?: (event: any, data: any) => void;
+  /**
+   * Positioning of the tooltip relative to the target element.
+   *
+   * @default topCenter
+   */
+  positioning?: DirectionalHint;
+  /**
+   * Allow consumers to pass in Style props
+   */
+  style?: ViewStyle;
+  /**
+   * Target anchor that tooltip uses for relative positioning. Certain components may proffer a string as an anchor target, such as
+   * anchoring to a point inside the component.
+   *
+   * If not provided, will anchor to the wrapper element.
+   */
+  target?: React.RefObject<React.Component> | string;
+  /**
+   * Controls the tooltip visibility and can be used in conjunction with onVisibleChange to modify show/hide behavior. If not provided, will be updated based on hover/focus events on target element.
+   *
+   * @default false
+   */
+  visible?: boolean;
 }>;
 export interface TooltipSlotProps {
-    root: TooltipProps;
+  root: TooltipProps;
 }
 export interface TooltipType {
-    props: TooltipProps;
-    slotProps: TooltipSlotProps;
+  props: TooltipProps;
+  slotProps: TooltipSlotProps;
 }
-//# sourceMappingURL=Tooltip.types.d.ts.map
+export interface NativeProps extends ViewProps {
+  content?: string;
+}
+//# sourceMappingURL=Tooltip.types.d.ts.map

package/lib/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../src/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IAEnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;CAC7B"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../src/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IAEnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/lib/Tooltip.types.js

@@ -1,2 +1,2 @@
 export const tooltipName = 'Tooltip';
-//# sourceMappingURL=Tooltip.types.js.map
+//# sourceMappingURL=Tooltip.types.js.map

package/lib/TooltipNativeComponent.d.ts

@@ -3,10 +3,8 @@
  * Licensed under the MIT License.
  * @format
  */
-import type { HostComponent, ViewProps } from 'react-native';
-export interface NativeProps extends ViewProps {
-    content?: string;
-}
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './Tooltip.types';
 declare const _default: HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=TooltipNativeComponent.d.ts.map
+//# sourceMappingURL=TooltipNativeComponent.d.ts.map

package/lib/TooltipNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipNativeComponent.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,wBAA+F"}
+{"version":3,"file":"TooltipNativeComponent.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAInD,wBAA+F"}

package/lib/TooltipNativeComponent.js

@@ -5,4 +5,4 @@
  */
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 export default codegenNativeComponent('RCTTooltip');
-//# sourceMappingURL=TooltipNativeComponent.js.map
+//# sourceMappingURL=TooltipNativeComponent.js.map

package/lib/TooltipNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipNativeComponent.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAM7F,eAAe,sBAAsB,CAAc,YAAY,CAA+B,CAAC"}
+{"version":3,"file":"TooltipNativeComponent.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAE7F,eAAe,sBAAsB,CAAc,YAAY,CAA+B,CAAC"}

package/lib/TooltipNativeComponent.win32.d.ts

@@ -0,0 +1,5 @@
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './Tooltip.types';
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=TooltipNativeComponent.win32.d.ts.map

package/lib/TooltipNativeComponent.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipNativeComponent.win32.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAInD,wBAA+F"}

package/lib/TooltipNativeComponent.win32.js

@@ -0,0 +1,3 @@
+import { requireNativeComponent } from 'react-native';
+export default requireNativeComponent('RCTTooltip');
+//# sourceMappingURL=TooltipNativeComponent.win32.js.map

package/lib/TooltipNativeComponent.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipNativeComponent.win32.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,eAAe,sBAAsB,CAAc,YAAY,CAA+B,CAAC"}

package/lib/__tests__/Tooltip.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Tooltip.test.d.ts.map
+//# sourceMappingURL=Tooltip.test.d.ts.map

package/lib/__tests__/Tooltip.test.js

@@ -1,14 +1,16 @@
-import * as React from 'react';
+import { jsx as _jsx } from 'react/jsx-runtime';
 import { ButtonV1 } from '@fluentui-react-native/button';
 import * as renderer from 'react-test-renderer';
+import { act } from 'react';
 import { Tooltip } from '../Tooltip';
 describe('Tooltip component tests', () => {
-    it('Tooltip default', () => {
-        const tree = renderer
-            .create(React.createElement(Tooltip, { content: "Your component" },
-            React.createElement(ButtonV1, null, "Your component")))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+  it('Tooltip default', () => {
+    let component;
+    act(() => {
+      component = renderer.create(_jsx(Tooltip, { content: 'Your component', children: _jsx(ButtonV1, { children: 'Your component' }) }));
     });
+    const tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=Tooltip.test.js.map
+//# sourceMappingURL=Tooltip.test.js.map

package/lib/__tests__/Tooltip.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.test.js","sourceRoot":"","sources":["../../src/__tests__/Tooltip.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,OAAO,IAAC,OAAO,EAAC,gBAAgB;YAC/B,oBAAC,QAAQ,yBAA0B,CAC3B,CACX;aACA,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Tooltip.test.js","sourceRoot":"","sources":["../../src/__tests__/Tooltip.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;IACxC,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC;QAC1B,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,KAAC,OAAO,IAAC,OAAO,EAAC,gBAAgB,YAC/B,KAAC,QAAQ,iCAA0B,GAC3B,CACX,CAAC;QAAA,CACH,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,SAAU,CAAC,MAAM,EAAE,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CAChC,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,4 +1,4 @@
 export { Tooltip } from './Tooltip';
 export { tooltipName } from './Tooltip.types';
 export type { TooltipProps, TooltipSlotProps, TooltipType } from './Tooltip.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,3 +1,3 @@
 export { Tooltip } from './Tooltip';
 export { tooltipName } from './Tooltip.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/Tooltip.d.ts

@@ -4,6 +4,6 @@
  * @format
  */
 import type { TooltipProps } from './Tooltip.types';
-export declare const Tooltip: import("@fluentui-react-native/framework").ComposableFunction<TooltipProps>;
+export declare const Tooltip: import('@fluentui-react-native/framework-base').FunctionComponent<TooltipProps>;
 export default Tooltip;
-//# sourceMappingURL=Tooltip.d.ts.map
+//# sourceMappingURL=Tooltip.d.ts.map

package/lib-commonjs/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,eAAO,MAAM,OAAO,6EA2BlB,CAAC;AAIH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,eAAO,MAAM,OAAO,iFA4BlB,CAAC;AAIH,eAAe,OAAO,CAAC"}

package/lib-commonjs/Tooltip.js

@@ -1,65 +1,97 @@
-"use strict";
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.Tooltip = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+const React = __importStar(require('react'));
+const react_native_1 = require('react-native');
+const framework_base_1 = require('@fluentui-react-native/framework-base');
+const Tooltip_types_1 = require('./Tooltip.types');
+const TooltipNativeComponent_1 = __importDefault(require('./TooltipNativeComponent'));
+exports.Tooltip = (0, framework_base_1.phasedComponent)((props) => {
+  const { target } = props;
+  const [nativeTarget, setNativeTarget] = React.useState(null);
+  React.useLayoutEffect(() => {
+    if (typeof target === 'string') {
+      // Pass string type `target` directly
+      setNativeTarget(target);
+    } else if (target?.current) {
+      // Pass the tagID for a valid ref `target`
+      setNativeTarget((0, react_native_1.findNodeHandle)(target.current));
+    } else {
+      // Clear `target` so we may fall back on `anchorRect` if provided
+      setNativeTarget(null);
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-/** @jsxRuntime classic */
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
-const Tooltip_types_1 = require("./Tooltip.types");
-const TooltipNativeComponent_1 = __importDefault(require("./TooltipNativeComponent"));
-exports.Tooltip = (0, framework_1.stagedComponent)((props) => {
-    const { target } = props;
-    const [nativeTarget, setNativeTarget] = React.useState(null);
-    React.useLayoutEffect(() => {
-        if (typeof target === 'string') {
-            // Pass string type `target` directly
-            setNativeTarget(target);
-        }
-        else if (target?.current) {
-            // Pass the tagID for a valid ref `target`
-            setNativeTarget((0, react_native_1.findNodeHandle)(target.current));
-        }
-        else {
-            // Clear `target` so we may fall back on `anchorRect` if provided
-            setNativeTarget(null);
-        }
-    }, [target]);
-    const TooltipComponent = (rest, children) => {
-        return (React.createElement(TooltipNativeComponent_1.default, { ...(nativeTarget && { target: nativeTarget }), ...(0, framework_1.mergeProps)(props, rest) }, children));
-    };
-    return TooltipComponent;
+  }, [target]);
+  const TooltipComponent = (0, framework_base_1.directComponent)((innerProps) => {
+    const { children, ...rest } = innerProps;
+    return jsx_runtime_1.jsx(TooltipNativeComponent_1.default, {
+      ...(nativeTarget && { target: nativeTarget }),
+      ...(0, framework_base_1.mergeProps)(props, rest),
+      children: children,
+    });
+  });
+  return TooltipComponent;
 });
 exports.Tooltip.displayName = Tooltip_types_1.tooltipName;
 exports.default = exports.Tooltip;
-//# sourceMappingURL=Tooltip.js.map
+//# sourceMappingURL=Tooltip.js.map

package/lib-commonjs/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,0BAA0B;AAC1B,6CAA+B;AAC/B,+CAA8C;AAE9C,gEAA+E;AAG/E,mDAA8C;AAC9C,sFAAyD;AAE5C,QAAA,OAAO,GAAG,IAAA,2BAAe,EAAC,CAAC,KAAmB,EAAE,EAAE;IAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAErF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC9B,qCAAqC;YACrC,eAAe,CAAC,MAAM,CAAC,CAAC;SACzB;aAAM,IAAI,MAAM,EAAE,OAAO,EAAE;YAC1B,0CAA0C;YAC1C,eAAe,CAAC,IAAA,6BAAc,EAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;SACjD;aAAM;YACL,iEAAiE;YACjE,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,gBAAgB,GAAG,CAAC,IAAkB,EAAE,QAAyB,EAAE,EAAE;QACzE,OAAO,CACL,oBAAC,gCAAiB,OAAK,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,KAAM,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,CAAC,IAC3F,QAAQ,CACS,CACrB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC,CAAC;AAEH,eAAO,CAAC,WAAW,GAAG,2BAAW,CAAC;AAElC,kBAAe,eAAO,CAAC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AAEH,MAAY,KAAK,kCAAc;AAC/B,+CAA8C;AAE9C,0EAAqG;AAGrG,mDAA8C;AAC9C,sFAAyD;AAE5C,QAAA,OAAO,GAAG,IAAA,gCAAe,EAAC,CAAC,KAAmB,EAAE,EAAE,CAAC;IAC9D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAErF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC;QAC1B,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,qCAAqC;YACrC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC;aAAM,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;YAC3B,0CAA0C;YAC1C,eAAe,CAAC,IAAA,6BAAc,EAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QAClD,CAAC;aAAM,CAAC;YACN,iEAAiE;YACjE,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IAAA,CACF,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,gBAAgB,GAAG,IAAA,gCAAe,EAAe,CAAC,UAAwB,EAAE,EAAE,CAAC;QACnF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC;QACzC,OAAO,CACL,kBAAC,gCAAiB,OAAK,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,KAAM,IAAA,2BAAU,EAAC,KAAK,EAAE,IAAI,CAAC,YAC3F,QAAQ,GACS,CACrB,CAAC;IAAA,CACH,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC;AAAA,CACzB,CAAC,CAAC;AAEH,QAAA,OAAO,CAAC,WAAW,GAAG,2BAAW,CAAC;kBAEnB,QAAA,OAAO"}

package/lib-commonjs/Tooltip.types.d.ts

@@ -1,45 +1,48 @@
 import type * as React from 'react';
-import type { ViewStyle } from 'react-native';
+import type { ViewStyle, ViewProps } from 'react-native';
 import type { DirectionalHint } from '@fluentui-react-native/callout';
-export declare const tooltipName = "Tooltip";
+export declare const tooltipName = 'Tooltip';
 export type TooltipProps = React.PropsWithChildren<{
-    /**
-     * The text of the tooltip.
-     */
-    content: string;
-    /**
-     * Notification when the visibility of the tooltip is changed.
-     */
-    onVisibleChange?: (event: any, data: any) => void;
-    /**
-     * Positioning of the tooltip relative to the target element.
-     *
-     * @default topCenter
-     */
-    positioning?: DirectionalHint;
-    /**
-     * Allow consumers to pass in Style props
-     */
-    style?: ViewStyle;
-    /**
-     * Target anchor that tooltip uses for relative positioning. Certain components may proffer a string as an anchor target, such as
-     * anchoring to a point inside the component.
-     *
-     * If not provided, will anchor to the wrapper element.
-     */
-    target?: React.RefObject<React.Component> | string;
-    /**
-     * Controls the tooltip visibility and can be used in conjunction with onVisibleChange to modify show/hide behavior. If not provided, will be updated based on hover/focus events on target element.
-     *
-     * @default false
-     */
-    visible?: boolean;
+  /**
+   * The text of the tooltip.
+   */
+  content: string;
+  /**
+   * Notification when the visibility of the tooltip is changed.
+   */
+  onVisibleChange?: (event: any, data: any) => void;
+  /**
+   * Positioning of the tooltip relative to the target element.
+   *
+   * @default topCenter
+   */
+  positioning?: DirectionalHint;
+  /**
+   * Allow consumers to pass in Style props
+   */
+  style?: ViewStyle;
+  /**
+   * Target anchor that tooltip uses for relative positioning. Certain components may proffer a string as an anchor target, such as
+   * anchoring to a point inside the component.
+   *
+   * If not provided, will anchor to the wrapper element.
+   */
+  target?: React.RefObject<React.Component> | string;
+  /**
+   * Controls the tooltip visibility and can be used in conjunction with onVisibleChange to modify show/hide behavior. If not provided, will be updated based on hover/focus events on target element.
+   *
+   * @default false
+   */
+  visible?: boolean;
 }>;
 export interface TooltipSlotProps {
-    root: TooltipProps;
+  root: TooltipProps;
 }
 export interface TooltipType {
-    props: TooltipProps;
-    slotProps: TooltipSlotProps;
+  props: TooltipProps;
+  slotProps: TooltipSlotProps;
 }
-//# sourceMappingURL=Tooltip.types.d.ts.map
+export interface NativeProps extends ViewProps {
+  content?: string;
+}
+//# sourceMappingURL=Tooltip.types.d.ts.map

package/lib-commonjs/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../src/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IAEnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;CAC7B"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../src/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjD;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IAEnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/lib-commonjs/Tooltip.types.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.tooltipName = void 0;
 exports.tooltipName = 'Tooltip';
-//# sourceMappingURL=Tooltip.types.js.map
+//# sourceMappingURL=Tooltip.types.js.map

package/lib-commonjs/TooltipNativeComponent.d.ts

@@ -3,10 +3,8 @@
  * Licensed under the MIT License.
  * @format
  */
-import type { HostComponent, ViewProps } from 'react-native';
-export interface NativeProps extends ViewProps {
-    content?: string;
-}
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './Tooltip.types';
 declare const _default: HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=TooltipNativeComponent.d.ts.map
+//# sourceMappingURL=TooltipNativeComponent.d.ts.map

package/lib-commonjs/TooltipNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipNativeComponent.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,wBAA+F"}
+{"version":3,"file":"TooltipNativeComponent.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAInD,wBAA+F"}

package/lib-commonjs/TooltipNativeComponent.js

@@ -1,13 +1,15 @@
-"use strict";
+'use strict';
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+const codegenNativeComponent_1 = __importDefault(require('react-native/Libraries/Utilities/codegenNativeComponent'));
 exports.default = (0, codegenNativeComponent_1.default)('RCTTooltip');
-//# sourceMappingURL=TooltipNativeComponent.js.map
+//# sourceMappingURL=TooltipNativeComponent.js.map

package/lib-commonjs/TooltipNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipNativeComponent.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAIH,qHAA6F;AAM7F,kBAAe,IAAA,gCAAsB,EAAc,YAAY,CAA+B,CAAC"}
+{"version":3,"file":"TooltipNativeComponent.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,qHAA6F;kBAE9E,IAAA,gCAAsB,EAAc,YAAY,CAA+B"}

package/lib-commonjs/TooltipNativeComponent.win32.d.ts

@@ -0,0 +1,5 @@
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './Tooltip.types';
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=TooltipNativeComponent.win32.d.ts.map

package/lib-commonjs/TooltipNativeComponent.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipNativeComponent.win32.d.ts","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAInD,wBAA+F"}

package/lib-commonjs/TooltipNativeComponent.win32.js

@@ -0,0 +1,5 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const react_native_1 = require('react-native');
+exports.default = (0, react_native_1.requireNativeComponent)('RCTTooltip');
+//# sourceMappingURL=TooltipNativeComponent.win32.js.map

package/lib-commonjs/TooltipNativeComponent.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipNativeComponent.win32.js","sourceRoot":"","sources":["../src/TooltipNativeComponent.win32.ts"],"names":[],"mappings":";;AAGA,+CAAsD;kBAEvC,IAAA,qCAAsB,EAAc,YAAY,CAA+B"}

package/lib-commonjs/__tests__/Tooltip.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Tooltip.test.d.ts.map
+//# sourceMappingURL=Tooltip.test.d.ts.map

package/lib-commonjs/__tests__/Tooltip.test.js

@@ -1,39 +1,73 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const button_1 = require("@fluentui-react-native/button");
-const renderer = __importStar(require("react-test-renderer"));
-const Tooltip_1 = require("../Tooltip");
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+const jsx_runtime_1 = require('react/jsx-runtime');
+const button_1 = require('@fluentui-react-native/button');
+const renderer = __importStar(require('react-test-renderer'));
+const react_1 = require('react');
+const Tooltip_1 = require('../Tooltip');
 describe('Tooltip component tests', () => {
-    it('Tooltip default', () => {
-        const tree = renderer
-            .create(React.createElement(Tooltip_1.Tooltip, { content: "Your component" },
-            React.createElement(button_1.ButtonV1, null, "Your component")))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+  it('Tooltip default', () => {
+    let component;
+    (0, react_1.act)(() => {
+      component = renderer.create(
+        jsx_runtime_1.jsx(Tooltip_1.Tooltip, {
+          content: 'Your component',
+          children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Your component' }),
+        }),
+      );
     });
+    const tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=Tooltip.test.js.map
+//# sourceMappingURL=Tooltip.test.js.map

package/lib-commonjs/__tests__/Tooltip.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.test.js","sourceRoot":"","sources":["../../src/__tests__/Tooltip.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,0DAAyD;AACzD,8DAAgD;AAEhD,wCAAqC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,iBAAO,IAAC,OAAO,EAAC,gBAAgB;YAC/B,oBAAC,iBAAQ,yBAA0B,CAC3B,CACX;aACA,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Tooltip.test.js","sourceRoot":"","sources":["../../src/__tests__/Tooltip.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAyD;AACzD,MAAY,QAAQ,gDAA4B;AAChD,iCAA4B;AAE5B,wCAAqC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;IACxC,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC;QAC1B,IAAI,SAAqC,CAAC;QAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CACzB,kBAAC,iBAAO,IAAC,OAAO,EAAC,gBAAgB,YAC/B,kBAAC,iBAAQ,iCAA0B,GAC3B,CACX,CAAC;QAAA,CACH,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,SAAU,CAAC,MAAM,EAAE,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CAChC,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}

package/lib-commonjs/index.d.ts

@@ -1,4 +1,4 @@
 export { Tooltip } from './Tooltip';
 export { tooltipName } from './Tooltip.types';
 export type { TooltipProps, TooltipSlotProps, TooltipType } from './Tooltip.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,8 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.tooltipName = exports.Tooltip = void 0;
-var Tooltip_1 = require("./Tooltip");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
-var Tooltip_types_1 = require("./Tooltip.types");
-Object.defineProperty(exports, "tooltipName", { enumerable: true, get: function () { return Tooltip_types_1.tooltipName; } });
-//# sourceMappingURL=index.js.map
+const Tooltip_1 = require('./Tooltip');
+Object.defineProperty(exports, 'Tooltip', {
+  enumerable: true,
+  get: function () {
+    return Tooltip_1.Tooltip;
+  },
+});
+const Tooltip_types_1 = require('./Tooltip.types');
+Object.defineProperty(exports, 'tooltipName', {
+  enumerable: true,
+  get: function () {
+    return Tooltip_types_1.tooltipName;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,iDAA8C;AAArC,4GAAA,WAAW,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,uCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,mDAA8C;AAArC,4GAAA,WAAW,OAAA"}

package/package.json

@@ -1,102 +1,98 @@
 {
   "name": "@fluentui-react-native/tooltip",
-  "version": "0.4.29",
+  "version": "0.5.0",
   "description": "A cross-platform Tooltip component for React Native.",
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/experimental/Tooltip"
+  },
+  "license": "MIT",
+  "author": "",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib-commonjs/index.js"
     }
   },
-  "typings": "lib/index.d.ts",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
-    "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
+    "lint-package": "fluentui-scripts lint-package",
     "prettier": "fluentui-scripts prettier",
-    "prettier-fix": "fluentui-scripts prettier --fix true"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/fluentui-react-native.git",
-    "directory": "packages/experimental/Tooltip"
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/callout": "0.27.17",
-    "@fluentui-react-native/framework": "0.14.17"
+    "@fluentui-react-native/callout": "0.28.0",
+    "@fluentui-react-native/framework-base": "0.3.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/button": "0.39.22",
+    "@fluentui-react-native/button": "0.40.0",
     "@fluentui-react-native/eslint-config-rules": "0.1.1",
     "@fluentui-react-native/jest-config": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.2",
     "@fluentui-react-native/test-tools": "0.1.1",
     "@office-iss/react-native-win32": "^0.74.0",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.0",
-    "@types/react": "~18.2.0",
-    "@types/react-test-renderer": "^18.2.0",
-    "react": "18.2.0",
-    "react-native": "^0.74.0",
-    "react-native-macos": "^0.74.0",
-    "react-native-svg": ">=15.4.0 <15.13.0",
-    "react-native-windows": "^0.74.0",
-    "react-test-renderer": "18.2.0"
+    "@react-native/babel-preset": "^0.81.0",
+    "@types/react": "~19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-svg": "^15.12.1",
+    "react-native-windows": "^0.81.0",
+    "react-test-renderer": "19.1.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.0 || ^0.74.0",
-    "react-native-macos": "^0.73.0 || ^0.74.0",
-    "react-native-svg": ">=15.0.0 <15.13.0 || >=15.4.0 <15.13.0",
-    "react-native-windows": "^0.73.0 || ^0.74.0"
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
+    "react": "18.2.0 || 19.0.0 || 19.1.0",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-svg": ">=15.0.0 <15.13.0 || >=15.4.0 <15.13.0 || ^15.11.2 || ^15.12.1",
+    "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
+  },
+  "peerDependenciesMeta": {
+    "@office-iss/react-native-win32": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "react-native-macos": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
   },
-  "author": "",
-  "license": "MIT",
   "rnx-kit": {
     "kitType": "library",
     "alignDeps": {
-      "presets": [
-        "microsoft/react-native"
-      ],
-      "requirements": {
-        "development": [
-          "react-native@0.74"
-        ],
-        "production": [
-          "react-native@0.73 || 0.74"
-        ]
-      },
       "capabilities": [
         "babel-preset-react-native",
         "core",
         "core-macos",
         "core-windows",
         "react",
+        "react-test-renderer",
         "svg",
-        "react-test-renderer"
+        "tools-core",
+        "tools-jest"
       ]
-    }
-  },
-  "peerDependenciesMeta": {
-    "@office-iss/react-native-win32": {
-      "optional": true
     },
-    "react-native-macos": {
-      "optional": true
-    },
-    "react-native-windows": {
-      "optional": true
-    }
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/Tooltip.tsx

@@ -4,17 +4,16 @@
  * @format
  */
 
-/** @jsxRuntime classic */
 import * as React from 'react';
 import { findNodeHandle } from 'react-native';
 
-import { mergeProps, stagedComponent } from '@fluentui-react-native/framework';
+import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 
 import type { TooltipProps } from './Tooltip.types';
 import { tooltipName } from './Tooltip.types';
 import NativeTooltipView from './TooltipNativeComponent';
 
-export const Tooltip = stagedComponent((props: TooltipProps) => {
+export const Tooltip = phasedComponent((props: TooltipProps) => {
   const { target } = props;
 
   const [nativeTarget, setNativeTarget] = React.useState<number | string | null>(null);
@@ -32,13 +31,14 @@ export const Tooltip = stagedComponent((props: TooltipProps) => {
     }
   }, [target]);
 
-  const TooltipComponent = (rest: TooltipProps, children: React.ReactNode) => {
+  const TooltipComponent = directComponent<TooltipProps>((innerProps: TooltipProps) => {
+    const { children, ...rest } = innerProps;
     return (
       <NativeTooltipView {...(nativeTarget && { target: nativeTarget })} {...mergeProps(props, rest)}>
         {children}
       </NativeTooltipView>
     );
-  };
+  });
 
   return TooltipComponent;
 });

package/src/Tooltip.types.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import type { ViewStyle } from 'react-native';
+import type { ViewStyle, ViewProps } from 'react-native';
 
 import type { DirectionalHint } from '@fluentui-react-native/callout';
 
@@ -52,3 +52,7 @@ export interface TooltipType {
   props: TooltipProps;
   slotProps: TooltipSlotProps;
 }
+
+export interface NativeProps extends ViewProps {
+  content?: string;
+}

package/src/TooltipNativeComponent.ts

@@ -4,12 +4,9 @@
  * @format
  */
 
-import type { HostComponent, ViewProps } from 'react-native';
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './Tooltip.types';
 
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
-export interface NativeProps extends ViewProps {
-  content?: string;
-}
-
 export default codegenNativeComponent<NativeProps>('RCTTooltip') as HostComponent<NativeProps>;

package/src/TooltipNativeComponent.win32.ts

@@ -0,0 +1,6 @@
+import type { HostComponent } from 'react-native';
+import type { NativeProps } from './Tooltip.types';
+
+import { requireNativeComponent } from 'react-native';
+
+export default requireNativeComponent<NativeProps>('RCTTooltip') as HostComponent<NativeProps>;

package/src/__tests__/Tooltip.test.tsx

@@ -1,19 +1,20 @@
-import * as React from 'react';
-
 import { ButtonV1 } from '@fluentui-react-native/button';
 import * as renderer from 'react-test-renderer';
+import { act } from 'react';
 
 import { Tooltip } from '../Tooltip';
 
 describe('Tooltip component tests', () => {
   it('Tooltip default', () => {
-    const tree = renderer
-      .create(
+    let component: renderer.ReactTestRenderer;
+    act(() => {
+      component = renderer.create(
         <Tooltip content="Your component">
           <ButtonV1>Your component</ButtonV1>
         </Tooltip>,
-      )
-      .toJSON();
+      );
+    });
+    const tree = component!.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });