@fluentui-react-native/tooltip 0.4.29 → 0.5.1

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,55 @@
 # Change Log - @fluentui-react-native/tooltip
 
+## 0.5.1
+
+### Patch Changes
+
+- f72b43a: Fix codegen definitions for native components in repo
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [f72b43a]
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @fluentui-react-native/callout@0.28.1
+  - @fluentui-react-native/framework-base@0.3.1
+
+## 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

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,15 +1,15 @@
+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) => {
+export const Tooltip = phasedComponent((props) => {
     const { target } = props;
     const [nativeTarget, setNativeTarget] = React.useState(null);
     React.useLayoutEffect(() => {
@@ -26,9 +26,10 @@ export const Tooltip = stagedComponent((props) => {
             setNativeTarget(null);
         }
     }, [target]);
-    const TooltipComponent = (rest, children) => {
-        return (React.createElement(NativeTooltipView, { ...(nativeTarget && { target: nativeTarget }), ...mergeProps(props, rest) }, children));
-    };
+    const TooltipComponent = directComponent((innerProps) => {
+        const { children, ...rest } = innerProps;
+        return (_jsx(NativeTooltipView, { ...(nativeTarget && { target: nativeTarget }), ...mergeProps(props, rest), children: children }));
+    });
     return TooltipComponent;
 });
 Tooltip.displayName = tooltipName;

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,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';
 export declare const tooltipName = "Tooltip";
 export type TooltipProps = React.PropsWithChildren<{
@@ -42,4 +42,7 @@ export interface TooltipType {
     props: TooltipProps;
     slotProps: TooltipSlotProps;
 }
+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/TooltipNativeComponent.win32.d.ts

@@ -0,0 +1,7 @@
+import type { HostComponent, ViewProps } from 'react-native';
+export interface NativeProps extends ViewProps {
+    content?: string;
+}
+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,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,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":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAMtD,eAAe,sBAAsB,CAAc,YAAY,CAA+B,CAAC"}

package/lib/__tests__/Tooltip.test.js

@@ -1,13 +1,15 @@
-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();
+        let component;
+        act(() => {
+            component = renderer.create(_jsx(Tooltip, { content: "Your component", children: _jsx(ButtonV1, { children: "Your component" }) }));
+        });
+        const tree = component.toJSON();
         expect(tree).toMatchSnapshot();
     });
 });

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-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

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,9 +1,4 @@
 "use strict";
-/**
- * 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);
@@ -20,25 +15,40 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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;
-/** @jsxRuntime classic */
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
+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_1.stagedComponent)((props) => {
+exports.Tooltip = (0, framework_base_1.phasedComponent)((props) => {
     const { target } = props;
     const [nativeTarget, setNativeTarget] = React.useState(null);
     React.useLayoutEffect(() => {
@@ -55,9 +65,10 @@ exports.Tooltip = (0, framework_1.stagedComponent)((props) => {
             setNativeTarget(null);
         }
     }, [target]);
-    const TooltipComponent = (rest, children) => {
-        return (React.createElement(TooltipNativeComponent_1.default, { ...(nativeTarget && { target: nativeTarget }), ...(0, framework_1.mergeProps)(props, rest) }, children));
-    };
+    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;

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,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';
 export declare const tooltipName = "Tooltip";
 export type TooltipProps = React.PropsWithChildren<{
@@ -42,4 +42,7 @@ export interface TooltipType {
     props: TooltipProps;
     slotProps: TooltipSlotProps;
 }
+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/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;;;;;AAIH,qHAA6F;kBAM9E,IAAA,gCAAsB,EAAc,YAAY,CAA+B"}

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

@@ -0,0 +1,7 @@
+import type { HostComponent, ViewProps } from 'react-native';
+export interface NativeProps extends ViewProps {
+    content?: string;
+}
+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,SAAS,EAAE,MAAM,cAAc,CAAC;AAI7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;;AAED,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":";;AAEA,+CAAsD;kBAMvC,IAAA,qCAAsB,EAAc,YAAY,CAA+B"}

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

@@ -15,24 +15,36 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 React = __importStar(require("react"));
+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();
+        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();
     });
 });

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.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tooltipName = exports.Tooltip = void 0;
-var Tooltip_1 = require("./Tooltip");
+const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
-var Tooltip_types_1 = require("./Tooltip.types");
+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,99 @@
 {
   "name": "@fluentui-react-native/tooltip",
-  "version": "0.4.29",
+  "version": "0.5.1",
   "description": "A cross-platform Tooltip component for React Native.",
+  "license": "MIT",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/experimental/Tooltip"
+  },
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "default": "./src/index.ts"
     }
   },
-  "typings": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "just": "fluentui-scripts",
     "lint": "fluentui-scripts eslint",
+    "lint-package": "fluentui-scripts lint-package",
+    "format": "fluentui-scripts format",
     "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
-    "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"
+    "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.1",
+    "@fluentui-react-native/framework-base": "0.3.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/button": "0.39.22",
-    "@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/test-tools": "0.1.1",
+    "@fluentui-react-native/button": "0.40.1",
+    "@fluentui-react-native/eslint-config-rules": "0.1.2",
+    "@fluentui-react-native/jest-config": "0.1.0",
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.0",
+    "@fluentui-react-native/test-tools": "0.1.0",
     "@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.win32.ts

@@ -0,0 +1,9 @@
+import type { HostComponent, ViewProps } from 'react-native';
+
+import { requireNativeComponent } from 'react-native';
+
+export interface NativeProps extends ViewProps {
+  content?: string;
+}
+
+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();
   });
 });