@fluentui-react-native/callout 0.25.14 → 0.25.16

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui-react-native/callout",
   "entries": [
     {
-      "date": "Fri, 15 Mar 2024 16:21:19 GMT",
+      "date": "Fri, 29 Mar 2024 18:05:02 GMT",
+      "version": "0.25.16",
+      "tag": "@fluentui-react-native/callout_v0.25.16",
+      "comments": {
+        "patch": [
+          {
+            "author": "30809111+acoates-ms@users.noreply.github.com",
+            "package": "@fluentui-react-native/callout",
+            "commit": "a722aa94799f4afee55baa03a5a754b0d4b2fdce",
+            "comment": "Use codegenNativeComponent so JS View configs can be generated for all native components"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 15 Mar 2024 16:26:18 GMT",
       "version": "0.25.14",
       "tag": "@fluentui-react-native/callout_v0.25.14",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,20 @@
 # Change Log - @fluentui-react-native/callout
 
-This log was last generated on Fri, 15 Mar 2024 16:21:19 GMT and should not be manually modified.
+This log was last generated on Fri, 29 Mar 2024 18:05:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.25.16
+
+Fri, 29 Mar 2024 18:05:02 GMT
+
+### Patches
+
+- Use codegenNativeComponent so JS View configs can be generated for all native components (30809111+acoates-ms@users.noreply.github.com)
+
 ## 0.25.14
 
-Fri, 15 Mar 2024 16:21:19 GMT
+Fri, 15 Mar 2024 16:26:18 GMT
 
 ### Patches
 

package/lib/Callout.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
 import type { ICalloutProps, ICalloutSlotProps } from './Callout.types';
 export declare const Callout: import("@uifabricshared/foundation-compose").IComposeReturnType<ICalloutProps, ICalloutSlotProps, import("./Callout.types").ICalloutTokens, object, object>;
 export default Callout;

package/lib/Callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgB,MAAM,iBAAiB,CAAC;AAQtF,eAAO,MAAM,OAAO,6JAqClB,CAAC;AAEH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgB,MAAM,iBAAiB,CAAC;AAYtF,eAAO,MAAM,OAAO,6JAqClB,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/lib/Callout.js

@@ -1,3 +1,8 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -22,16 +27,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { findNodeHandle, Platform } from 'react-native';
-import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
 import { useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
 import { backgroundColorTokens, borderTokens } from '@fluentui-react-native/tokens';
 import { compose } from '@uifabricshared/foundation-compose';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
 import { settings } from './Callout.settings';
 import { calloutName } from './Callout.types';
+import CalloutNativeComponent from './CalloutNativeComponent';
+import MacOSCalloutNativeComponent from './MacOSCalloutNativeComponent';
 var NativeCalloutView = Platform.select({
-    macos: ensureNativeComponent('FRNCallout'),
-    default: ensureNativeComponent('RCTCallout'), // win32
+    macos: MacOSCalloutNativeComponent,
+    default: CalloutNativeComponent, // win32
 });
 export var Callout = compose({
     displayName: calloutName,

package/lib/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,IAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC;IACxC,KAAK,EAAE,qBAAqB,CAAC,YAAY,CAAC;IAC1C,OAAO,EAAE,qBAAqB,CAAC,YAAY,CAAC,EAAE,QAAQ;CACvD,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,OAAO,GAAG,OAAO,CAAe;IAC3C,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,UAAC,KAAoB,EAAE,UAA4C;QAC1E,IAAA,YAAY,GAAsB,KAAK,aAA3B,EAAE,MAAM,GAAc,KAAK,OAAnB,EAAK,IAAI,UAAK,KAAK,EAAzC,0BAAiC,CAAF,CAAW;QAChD,IAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAC/C,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC;YACpB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC9B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;aACzB;iBAAM,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;gBAC1B,0CAA0C;gBAC1C,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aACjD;iBAAM;gBACL,iEAAiE;gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC;aACvB;QACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,IAAM,SAAS,GAAG,aAAa,CAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,sBACF,GAAG,EAAE,UAAU,IACZ,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAC1C,IAAI,CACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,WAAA,EAAE,CAAC;IACvB,CAAC;IACD,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC;KAC5C;CACF,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,2BAA2B,MAAM,+BAA+B,CAAC;AAExE,IAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAA6E;IACpH,KAAK,EAAE,2BAA2B;IAClC,OAAO,EAAE,sBAAsB,EAAE,QAAQ;CAC1C,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,OAAO,GAAG,OAAO,CAAe;IAC3C,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,UAAC,KAAoB,EAAE,UAA4C;QAC1E,IAAA,YAAY,GAAsB,KAAK,aAA3B,EAAE,MAAM,GAAc,KAAK,OAAnB,EAAK,IAAI,UAAK,KAAK,EAAzC,0BAAiC,CAAF,CAAW;QAChD,IAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAC/C,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC;YACpB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC9B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;aACzB;iBAAM,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;gBAC1B,0CAA0C;gBAC1C,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aACjD;iBAAM;gBACL,iEAAiE;gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC;aACvB;QACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,IAAM,SAAS,GAAG,aAAa,CAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,sBACF,GAAG,EAAE,UAAU,IACZ,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAC1C,IAAI,CACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,WAAA,EAAE,CAAC;IACvB,CAAC;IACD,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC;KAC5C;CACF,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/lib/CalloutNativeComponent.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import type { HostComponent, ViewProps } from 'react-native';
+import type { WithDefault, DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+import type { UnsafeMixed } from './codegenTypes';
+type AnchorRect = {
+    screenX: Double;
+    screenY: Double;
+    width: Double;
+    height: Double;
+};
+export interface NativeProps extends ViewProps {
+    accessibilityLabel?: string;
+    accessibilityOnShowAnnouncement?: string;
+    anchorRect?: AnchorRect;
+    directionalHint?: WithDefault<'leftTopEdge' | 'leftCenter' | 'leftBottomEdge' | 'topLeftEdge' | 'topAutoEdge' | 'topCenter' | 'topRightEdge' | 'rightTopEdge' | 'rightCenter' | 'rightBottomEdge' | 'bottonLeftEdge' | 'bottomAutoEdge' | 'bottomCenter' | 'bottomRightEdge', 'bottonLeftEdge'>;
+    dismissBehaviors?: string[];
+    doNotTakePointerCapture?: boolean;
+    focusable?: boolean;
+    isBeakVisible?: boolean;
+    maxHeight?: Int32;
+    maxWidth?: Int32;
+    setInitialFocus?: boolean;
+    target?: UnsafeMixed;
+    testID?: string;
+    onRestoreFocus?: DirectEventHandler<{
+        target: Int32;
+        containsFocus: boolean;
+    }>;
+    onDismiss?: DirectEventHandler<{
+        target: Int32;
+    }>;
+    onShow?: DirectEventHandler<{
+        target: Int32;
+    }>;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=CalloutNativeComponent.d.ts.map

package/lib/CalloutNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAGhH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,WAAW,CACzB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,gBAAgB,CACjB,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAChD;;AAED,wBAA+F"}

package/lib/CalloutNativeComponent.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('RCTCallout');
+//# sourceMappingURL=CalloutNativeComponent.js.map

package/lib/CalloutNativeComponent.js.map

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

package/lib/MacOSCalloutNativeComponent.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import type { HostComponent, ViewProps } from 'react-native';
+import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+type AnchorRect = {
+    screenX: Double;
+    screenY: Double;
+    width: Double;
+    height: Double;
+};
+export interface NativeProps extends ViewProps {
+    accessibilityLabel?: string;
+    accessibilityOnShowAnnouncement?: string;
+    anchorRect?: AnchorRect;
+    directionalHint?: WithDefault<'leftTopEdge' | 'leftCenter' | 'leftBottomEdge' | 'topLeftEdge' | 'topAutoEdge' | 'topCenter' | 'topRightEdge' | 'rightTopEdge' | 'rightCenter' | 'rightBottomEdge' | 'bottonLeftEdge' | 'bottomAutoEdge' | 'bottomCenter' | 'bottomRightEdge', 'topLeftEdge'>;
+    dismissBehaviors?: string[];
+    doNotTakePointerCapture?: boolean;
+    focusable?: boolean;
+    isBeakVisible?: boolean;
+    maxHeight?: Int32;
+    maxWidth?: Int32;
+    setInitialFocus?: boolean;
+    target?: Int32;
+    testID?: string;
+    onRestoreFocus?: DirectEventHandler<{
+        target: Int32;
+        containsFocus: boolean;
+    }>;
+    onDismiss?: DirectEventHandler<{
+        target: Int32;
+    }>;
+    onShow?: DirectEventHandler<{
+        target: Int32;
+    }>;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=MacOSCalloutNativeComponent.d.ts.map

package/lib/MacOSCalloutNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MacOSCalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAGhH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,WAAW,CACzB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,aAAa,CACd,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAChD;;AAED,wBAA+F"}

package/lib/MacOSCalloutNativeComponent.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('FRNCallout');
+//# sourceMappingURL=MacOSCalloutNativeComponent.js.map

package/lib/MacOSCalloutNativeComponent.js.map

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

package/lib-commonjs/Callout.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
 import type { ICalloutProps, ICalloutSlotProps } from './Callout.types';
 export declare const Callout: import("@uifabricshared/foundation-compose").IComposeReturnType<ICalloutProps, ICalloutSlotProps, import("./Callout.types").ICalloutTokens, object, object>;
 export default Callout;

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

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgB,MAAM,iBAAiB,CAAC;AAQtF,eAAO,MAAM,OAAO,6JAqClB,CAAC;AAEH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgB,MAAM,iBAAiB,CAAC;AAYtF,eAAO,MAAM,OAAO,6JAqClB,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/lib-commonjs/Callout.js

@@ -1,4 +1,9 @@
 "use strict";
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -44,20 +49,24 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Callout = void 0;
 var React = __importStar(require("react"));
 var react_native_1 = require("react-native");
-var component_cache_1 = require("@fluentui-react-native/component-cache");
 var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
 var tokens_1 = require("@fluentui-react-native/tokens");
 var foundation_compose_1 = require("@uifabricshared/foundation-compose");
 var foundation_settings_1 = require("@uifabricshared/foundation-settings");
 var Callout_settings_1 = require("./Callout.settings");
 var Callout_types_1 = require("./Callout.types");
+var CalloutNativeComponent_1 = __importDefault(require("./CalloutNativeComponent"));
+var MacOSCalloutNativeComponent_1 = __importDefault(require("./MacOSCalloutNativeComponent"));
 var NativeCalloutView = react_native_1.Platform.select({
-    macos: (0, component_cache_1.ensureNativeComponent)('FRNCallout'),
-    default: (0, component_cache_1.ensureNativeComponent)('RCTCallout'), // win32
+    macos: MacOSCalloutNativeComponent_1.default,
+    default: CalloutNativeComponent_1.default, // win32
 });
 exports.Callout = (0, foundation_compose_1.compose)({
     displayName: Callout_types_1.calloutName,

package/lib-commonjs/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,6CAAwD;AAExD,0EAA+E;AAC/E,8EAA+E;AAC/E,wDAAoF;AAEpF,yEAA6D;AAC7D,2EAAoE;AAEpE,uDAA8C;AAE9C,iDAA8C;AAE9C,IAAM,iBAAiB,GAAG,uBAAQ,CAAC,MAAM,CAAC;IACxC,KAAK,EAAE,IAAA,uCAAqB,EAAC,YAAY,CAAC;IAC1C,OAAO,EAAE,IAAA,uCAAqB,EAAC,YAAY,CAAC,EAAE,QAAQ;CACvD,CAAC,CAAC;AAEU,QAAA,OAAO,GAAG,IAAA,4BAAO,EAAe;IAC3C,WAAW,EAAE,2BAAW;IACxB,eAAe,EAAE,UAAC,KAAoB,EAAE,UAA4C;QAC1E,IAAA,YAAY,GAAsB,KAAK,aAA3B,EAAE,MAAM,GAAc,KAAK,OAAnB,EAAK,IAAI,UAAK,KAAK,EAAzC,0BAAiC,CAAF,CAAW;QAChD,IAAM,UAAU,GAAG,IAAA,uCAAmB,EAAC,YAAY,CAAC,CAAC;QAC/C,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC;YACpB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC9B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;aACzB;iBAAM,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;gBAC1B,0CAA0C;gBAC1C,eAAe,CAAC,IAAA,6BAAc,EAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aACjD;iBAAM;gBACL,iEAAiE;gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC;aACvB;QACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,IAAM,SAAS,GAAG,IAAA,mCAAa,EAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,sBACF,GAAG,EAAE,UAAU,IACZ,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAC1C,IAAI,CACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,WAAA,EAAE,CAAC;IACvB,CAAC;IACD,QAAQ,EAAE,2BAAQ;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,8BAAqB,EAAE,qBAAY,CAAC;KAC5C;CACF,CAAC,CAAC;AAEH,kBAAe,eAAO,CAAC"}
+{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,2CAA+B;AAC/B,6CAAwD;AAGxD,8EAA+E;AAC/E,wDAAoF;AAEpF,yEAA6D;AAC7D,2EAAoE;AAEpE,uDAA8C;AAE9C,iDAA8C;AAE9C,oFAA8D;AAE9D,8FAAwE;AAExE,IAAM,iBAAiB,GAAG,uBAAQ,CAAC,MAAM,CAA6E;IACpH,KAAK,EAAE,qCAA2B;IAClC,OAAO,EAAE,gCAAsB,EAAE,QAAQ;CAC1C,CAAC,CAAC;AAEU,QAAA,OAAO,GAAG,IAAA,4BAAO,EAAe;IAC3C,WAAW,EAAE,2BAAW;IACxB,eAAe,EAAE,UAAC,KAAoB,EAAE,UAA4C;QAC1E,IAAA,YAAY,GAAsB,KAAK,aAA3B,EAAE,MAAM,GAAc,KAAK,OAAnB,EAAK,IAAI,UAAK,KAAK,EAAzC,0BAAiC,CAAF,CAAW;QAChD,IAAM,UAAU,GAAG,IAAA,uCAAmB,EAAC,YAAY,CAAC,CAAC;QAC/C,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC;YACpB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC9B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;aACzB;iBAAM,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;gBAC1B,0CAA0C;gBAC1C,eAAe,CAAC,IAAA,6BAAc,EAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aACjD;iBAAM;gBACL,iEAAiE;gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC;aACvB;QACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,IAAM,SAAS,GAAG,IAAA,mCAAa,EAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,sBACF,GAAG,EAAE,UAAU,IACZ,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAC1C,IAAI,CACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,WAAA,EAAE,CAAC;IACvB,CAAC;IACD,QAAQ,EAAE,2BAAQ;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,8BAAqB,EAAE,qBAAY,CAAC;KAC5C;CACF,CAAC,CAAC;AAEH,kBAAe,eAAO,CAAC"}

package/lib-commonjs/CalloutNativeComponent.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import type { HostComponent, ViewProps } from 'react-native';
+import type { WithDefault, DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+import type { UnsafeMixed } from './codegenTypes';
+type AnchorRect = {
+    screenX: Double;
+    screenY: Double;
+    width: Double;
+    height: Double;
+};
+export interface NativeProps extends ViewProps {
+    accessibilityLabel?: string;
+    accessibilityOnShowAnnouncement?: string;
+    anchorRect?: AnchorRect;
+    directionalHint?: WithDefault<'leftTopEdge' | 'leftCenter' | 'leftBottomEdge' | 'topLeftEdge' | 'topAutoEdge' | 'topCenter' | 'topRightEdge' | 'rightTopEdge' | 'rightCenter' | 'rightBottomEdge' | 'bottonLeftEdge' | 'bottomAutoEdge' | 'bottomCenter' | 'bottomRightEdge', 'bottonLeftEdge'>;
+    dismissBehaviors?: string[];
+    doNotTakePointerCapture?: boolean;
+    focusable?: boolean;
+    isBeakVisible?: boolean;
+    maxHeight?: Int32;
+    maxWidth?: Int32;
+    setInitialFocus?: boolean;
+    target?: UnsafeMixed;
+    testID?: string;
+    onRestoreFocus?: DirectEventHandler<{
+        target: Int32;
+        containsFocus: boolean;
+    }>;
+    onDismiss?: DirectEventHandler<{
+        target: Int32;
+    }>;
+    onShow?: DirectEventHandler<{
+        target: Int32;
+    }>;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=CalloutNativeComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAGhH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,WAAW,CACzB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,gBAAgB,CACjB,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAChD;;AAED,wBAA+F"}

package/lib-commonjs/CalloutNativeComponent.js

@@ -0,0 +1,13 @@
+"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 });
+var codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+exports.default = (0, codegenNativeComponent_1.default)('RCTCallout');
+//# sourceMappingURL=CalloutNativeComponent.js.map

package/lib-commonjs/CalloutNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutNativeComponent.js","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,mHAA6F;AAkD7F,kBAAe,IAAA,gCAAsB,EAAc,YAAY,CAA+B,CAAC"}

package/lib-commonjs/MacOSCalloutNativeComponent.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+import type { HostComponent, ViewProps } from 'react-native';
+import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+type AnchorRect = {
+    screenX: Double;
+    screenY: Double;
+    width: Double;
+    height: Double;
+};
+export interface NativeProps extends ViewProps {
+    accessibilityLabel?: string;
+    accessibilityOnShowAnnouncement?: string;
+    anchorRect?: AnchorRect;
+    directionalHint?: WithDefault<'leftTopEdge' | 'leftCenter' | 'leftBottomEdge' | 'topLeftEdge' | 'topAutoEdge' | 'topCenter' | 'topRightEdge' | 'rightTopEdge' | 'rightCenter' | 'rightBottomEdge' | 'bottonLeftEdge' | 'bottomAutoEdge' | 'bottomCenter' | 'bottomRightEdge', 'topLeftEdge'>;
+    dismissBehaviors?: string[];
+    doNotTakePointerCapture?: boolean;
+    focusable?: boolean;
+    isBeakVisible?: boolean;
+    maxHeight?: Int32;
+    maxWidth?: Int32;
+    setInitialFocus?: boolean;
+    target?: Int32;
+    testID?: string;
+    onRestoreFocus?: DirectEventHandler<{
+        target: Int32;
+        containsFocus: boolean;
+    }>;
+    onDismiss?: DirectEventHandler<{
+        target: Int32;
+    }>;
+    onShow?: DirectEventHandler<{
+        target: Int32;
+    }>;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=MacOSCalloutNativeComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MacOSCalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAGhH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,WAAW,CACzB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,aAAa,CACd,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,cAAc,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,kBAAkB,CAAC;QAAE,MAAM,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CAChD;;AAED,wBAA+F"}

package/lib-commonjs/MacOSCalloutNativeComponent.js

@@ -0,0 +1,13 @@
+"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 });
+var codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+exports.default = (0, codegenNativeComponent_1.default)('FRNCallout');
+//# sourceMappingURL=MacOSCalloutNativeComponent.js.map

package/lib-commonjs/MacOSCalloutNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MacOSCalloutNativeComponent.js","sourceRoot":"","sources":["../src/MacOSCalloutNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,mHAA6F;AA6C7F,kBAAe,IAAA,gCAAsB,EAAc,YAAY,CAA+B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/callout",
-  "version": "0.25.14",
+  "version": "0.25.16",
   "description": "A cross-platform Callout component using the Fluent Design System",
   "license": "MIT",
   "author": "",
@@ -25,12 +25,11 @@
     "directory": "packages/components/Callout"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.12.2",
-    "@fluentui-react-native/component-cache": "1.6.1",
-    "@fluentui-react-native/interactive-hooks": "0.26.3",
-    "@fluentui-react-native/tokens": "0.22.8",
+    "@fluentui-react-native/adapters": "0.12.3",
+    "@fluentui-react-native/interactive-hooks": "0.26.4",
+    "@fluentui-react-native/tokens": "0.22.9",
     "@uifabricshared/foundation-composable": "0.12.5",
-    "@uifabricshared/foundation-compose": "1.14.24",
+    "@uifabricshared/foundation-compose": "1.14.25",
     "@uifabricshared/foundation-settings": "0.14.1"
   },
   "devDependencies": {

package/src/Callout.tsx

@@ -1,7 +1,13 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+
 import * as React from 'react';
 import { findNodeHandle, Platform } from 'react-native';
+import type { HostComponent } from 'react-native';
 
-import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
 import { useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
 import { backgroundColorTokens, borderTokens } from '@fluentui-react-native/tokens';
 import type { IUseComposeStyling } from '@uifabricshared/foundation-compose';
@@ -11,10 +17,14 @@ import { mergeSettings } from '@uifabricshared/foundation-settings';
 import { settings } from './Callout.settings';
 import type { ICalloutProps, ICalloutSlotProps, ICalloutType } from './Callout.types';
 import { calloutName } from './Callout.types';
+import type { NativeProps as CalloutNativeProps } from './CalloutNativeComponent';
+import CalloutNativeComponent from './CalloutNativeComponent';
+import type { NativeProps as MacOSCalloutNativeProps } from './MacOSCalloutNativeComponent';
+import MacOSCalloutNativeComponent from './MacOSCalloutNativeComponent';
 
-const NativeCalloutView = Platform.select({
-  macos: ensureNativeComponent('FRNCallout'),
-  default: ensureNativeComponent('RCTCallout'), // win32
+const NativeCalloutView = Platform.select<HostComponent<MacOSCalloutNativeProps> | HostComponent<CalloutNativeProps>>({
+  macos: MacOSCalloutNativeComponent,
+  default: CalloutNativeComponent, // win32
 });
 
 export const Callout = compose<ICalloutType>({

package/src/CalloutNativeComponent.ts

@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+
+import type { HostComponent, ViewProps } from 'react-native';
+
+import type { WithDefault, DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+import type { UnsafeMixed } from './codegenTypes';
+// Should be:
+// import type {UnsafeMixed} from 'react-native/Libraries/Types/CodegenTypes';
+
+type AnchorRect = {
+  screenX: Double;
+  screenY: Double;
+  width: Double;
+  height: Double;
+};
+
+export interface NativeProps extends ViewProps {
+  accessibilityLabel?: string;
+  accessibilityOnShowAnnouncement?: string;
+  anchorRect?: AnchorRect;
+  directionalHint?: WithDefault<
+    | 'leftTopEdge'
+    | 'leftCenter'
+    | 'leftBottomEdge'
+    | 'topLeftEdge'
+    | 'topAutoEdge'
+    | 'topCenter'
+    | 'topRightEdge'
+    | 'rightTopEdge'
+    | 'rightCenter'
+    | 'rightBottomEdge'
+    | 'bottonLeftEdge'
+    | 'bottomAutoEdge'
+    | 'bottomCenter'
+    | 'bottomRightEdge',
+    'bottonLeftEdge'
+  >;
+  dismissBehaviors?: string[];
+  doNotTakePointerCapture?: boolean;
+  focusable?: boolean;
+  isBeakVisible?: boolean;
+  maxHeight?: Int32;
+  maxWidth?: Int32;
+  setInitialFocus?: boolean;
+  target?: UnsafeMixed;
+  // targetAnchor?: string; // Win32 only Callout can target an anchor registered in the anchor registry // Can be a node id or an anchor ID - This need to be reworked as Mixed types are not supported going forward
+  testID?: string;
+
+  onRestoreFocus?: DirectEventHandler<{ target: Int32; containsFocus: boolean }>;
+  onDismiss?: DirectEventHandler<{ target: Int32 }>;
+  onShow?: DirectEventHandler<{ target: Int32 }>;
+}
+
+export default codegenNativeComponent<NativeProps>('RCTCallout') as HostComponent<NativeProps>;

package/src/MacOSCalloutNativeComponent.ts

@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+
+import type { HostComponent, ViewProps } from 'react-native';
+
+import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+type AnchorRect = {
+  screenX: Double;
+  screenY: Double;
+  width: Double;
+  height: Double;
+};
+
+export interface NativeProps extends ViewProps {
+  accessibilityLabel?: string;
+  accessibilityOnShowAnnouncement?: string;
+  anchorRect?: AnchorRect;
+  directionalHint?: WithDefault<
+    | 'leftTopEdge'
+    | 'leftCenter'
+    | 'leftBottomEdge'
+    | 'topLeftEdge'
+    | 'topAutoEdge'
+    | 'topCenter'
+    | 'topRightEdge'
+    | 'rightTopEdge'
+    | 'rightCenter'
+    | 'rightBottomEdge'
+    | 'bottonLeftEdge'
+    | 'bottomAutoEdge'
+    | 'bottomCenter'
+    | 'bottomRightEdge',
+    'topLeftEdge'
+  >;
+  dismissBehaviors?: string[];
+  doNotTakePointerCapture?: boolean;
+  focusable?: boolean;
+  isBeakVisible?: boolean;
+  maxHeight?: Int32;
+  maxWidth?: Int32;
+  setInitialFocus?: boolean;
+  target?: Int32;
+  testID?: string;
+
+  onRestoreFocus?: DirectEventHandler<{ target: Int32; containsFocus: boolean }>;
+  onDismiss?: DirectEventHandler<{ target: Int32 }>;
+  onShow?: DirectEventHandler<{ target: Int32 }>;
+}
+
+export default codegenNativeComponent<NativeProps>('FRNCallout') as HostComponent<NativeProps>;

package/src/codegenTypes.d.ts

@@ -0,0 +1,2 @@
+// Separate .d.ts file to fool codegen, since UnsafeMixed does not existing in the TS types of RN currently.
+export type UnsafeMixed = any;