@fluentui-react-native/callout 0.28.5 → 0.29.2

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # Change Log - @fluentui-react-native/callout
 
+## 0.29.2
+
+### Patch Changes
+
+- 853f1fd: Moved the location of callout, with links to new location
+- 5bc9e81: Fix the macOS Fabric build for Callout.
+
+  `codegenConfig.includesGeneratedCode` is read by React Native core's codegen executor rather than by
+  `react-native-windows`, so it told React Native that Callout ships generated code for every platform. Callout only ships
+  generated code for Windows, so Apple codegen stopped emitting
+  `react/renderer/components/FRNCalloutSpec/*`. `RCTCalloutComponentView.mm` then failed to compile, `libFRNCallout.a` was
+  never produced, and consuming apps failed at the link step with `library 'FRNCallout' not found`.
+
+  Removed the flag and updated the macOS component view for the `RCTCallout` to `Callout` component rename: the generated
+  types are now `CalloutProps`, `CalloutEventEmitter`, `CalloutState`, `CalloutDirectionalHint`,
+  `RCTCalloutViewProtocol`, and `RCTCalloutHandleCommand`. The view no longer redeclares the component name, shadow node,
+  or component descriptor by hand and imports them from the generated headers instead, which also removes a duplicate
+  `CalloutComponentName` definition.
+
+- 5bc9e81: Normalize component controlled and uncontrolled state patterns and utilities
+- cbd319c: Bump package to publish via ESRP (no changes)
+- Updated dependencies [5bc9e81]
+- Updated dependencies [5bc9e81]
+- Updated dependencies [cbd319c]
+  - @fluentui-react-native/framework-base@0.6.1
+
+## 0.29.1
+
+### Patch Changes
+
+- 2cb34bb: Use generated Windows Fabric bindings for Callout while preserving the native popup implementation.
+- 3405262: Very initial framework for RNW fabric callout implementation
+
+## 0.29.0
+
+### Minor Changes
+
+- 0f2b987: Reauthor Callout as an unstyled native primitive with modern props and command handle types
+
+### Patch Changes
+
+- a99b3a8: Add macOS and Windows Fabric component views and interactive Callout stories
+- 0f2b987: Use the RCTCallout native component name on macOS and share its native component definition across platforms
+- Updated dependencies [778d82b]
+- Updated dependencies [3abc13a]
+- Updated dependencies [778d82b]
+  - @fluentui-react-native/framework-base@0.6.0
+
+## 0.28.6
+
+### Patch Changes
+
+- 801d8b1: Switch to the released typescript 7
+- 5b5afea: Remove depcheck script, allow jest to run tests with platform module suffixes
+- Updated dependencies [801d8b1]
+- Updated dependencies [e2a4065]
+- Updated dependencies [5b5afea]
+- Updated dependencies [d2690c9]
+- Updated dependencies [9d2bb3e]
+  - @uifabricshared/foundation-composable@0.15.0
+  - @uifabricshared/foundation-settings@0.16.6
+  - @uifabricshared/foundation-compose@1.16.6
+  - @fluentui-react-native/adapters@0.15.0
+  - @fluentui-react-native/tokens@0.24.6
+
 ## 0.28.5
 
 ### Patch Changes

package/FRNCallout.podspec

@@ -16,7 +16,7 @@ Pod::Spec.new do |s|
   s.swift_version    = "5"
 
   s.osx.deployment_target = "10.15"
-  s.osx.source_files      = "macos/*.{swift,h,m}"
+  s.osx.source_files      = "macos/*.{swift,h,m,mm}"
 
   s.dependency 'React'
 

package/NuGet.config

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<configuration>
+  <packageSources>
+    <clear />
+    <add key="react-native" value="https://pkgs.dev.azure.com/ms/react-native/_packaging/react-native-public/nuget/v3/index.json" />
+  </packageSources>
+  <disabledPackageSources>
+    <clear />
+  </disabledPackageSources>
+</configuration>

package/SPEC.md

@@ -0,0 +1,46 @@
+# Callout
+
+## Purpose
+
+Callout is an unstyled native primitive that presents children in transient UI
+positioned relative to a target ref, registered native anchor, or anchor
+rectangle. It remains a standalone package because it owns native code and
+CocoaPods integration.
+
+## Contract
+
+- `CalloutProps` extends React Native `ViewProps` with target resolution,
+  dismissal callbacks, and `componentRef`.
+- `target` accepts a React component ref or registered native anchor string.
+  When omitted, native positioning may use `anchorRect`.
+- `componentRef` exposes `focusWindow()` and `blurWindow()`.
+- Caller-supplied background, border, and dimension values are translated to
+  native view style. User `style` is applied last.
+- The primitive applies no theme tokens or visible appearance defaults.
+  `position: 'absolute'` keeps popup content out of the parent page layout.
+  Transparent colors and zero-width/radius values satisfy the macOS native
+  layer contract when callers omit border and background props.
+- Children, accessibility props, test props, native events, and supported
+  Callout behavior props are forwarded to `RCTCallout`.
+
+## Platform behavior
+
+- macOS presents children in a native popup window and supports window focus
+  commands through both Paper and Fabric component registrations.
+- Windows uses the platform's built-in Paper `RCTCallout` and supplies a
+  package-owned Fabric registration for React Native Windows 0.81 and newer.
+- Win32 supplies the platform `RCTCallout` implementation and supports native
+  dismissal, pointer capture, beak, and focus-restoration behavior.
+- Unsupported native behavior remains platform-defined rather than being
+  simulated in JavaScript.
+
+## Compatibility
+
+`ICalloutProps`, `ICalloutTokens`, and `CalloutNativeCommands` remain as
+deprecated aliases for the modern public types.
+
+## Demonstration
+
+Interactive scenarios live in
+`apps/tester-core/src/TestComponents/Callout/CalloutTest.tsx`, with end-to-end
+coverage under `apps/E2E/src/Callout`.

package/lib/Callout.d.ts

@@ -1,9 +1,6 @@
 /**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
+ * Renders the native Callout without applying theme or appearance defaults.
  */
-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 declare const Callout: any;
 export default Callout;
 //# sourceMappingURL=Callout.d.ts.map

package/lib/Callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAWH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAgB,MAAM,iBAAiB,CAAC;AAMtF,eAAO,MAAM,OAAO,6JAqDlB,CAAC;eAEY,OAAO"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../src/Callout.tsx"],"names":[],"mappings":"AAkBA;;GAEG;AACH,eAAO,MAAM,OAAO,KAqFlB,CAAC;eAIY,OAAO"}

package/lib/Callout.js

@@ -1,65 +1,64 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
+import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import * as React from 'react';
-import { findNodeHandle } from 'react-native';
-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 { findNodeHandle, StyleSheet } from 'react-native';
+import { directComponent, mergeProps, phasedComponent } from '@fluentui-react-native/framework-base';
 import { calloutName } from './Callout.types';
-import NativeCalloutView from './CalloutNativeComponent';
-import { Commands } from './CalloutNativeComponent';
-export const Callout = compose({
-    displayName: calloutName,
-    usePrepareProps: (props, useStyling) => {
-        const { componentRef, target, ...rest } = props;
-        React.useImperativeHandle(componentRef, () => ({
-            blurWindow() {
-                if (componentRef.current != null) {
-                    Commands.blurWindow(nativeComponentRef.current);
-                }
-            },
-            focusWindow() {
-                if (componentRef.current != null) {
-                    Commands.focusWindow(nativeComponentRef.current);
-                }
-            },
-        }), [componentRef]);
-        const nativeComponentRef = React.useRef(null);
-        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));
+import NativeCalloutView, { Commands } from './CalloutNativeComponent';
+const colorTransparent = '#00000000';
+const styles = StyleSheet.create({
+    root: {
+        position: 'absolute',
+    },
+});
+/**
+ * Renders the native Callout without applying theme or appearance defaults.
+ */
+export const Callout = phasedComponent((props) => {
+    const { componentRef, target } = props;
+    const nativeComponentRef = React.useRef(null);
+    const [nativeTarget, setNativeTarget] = React.useState(undefined);
+    React.useImperativeHandle(componentRef, () => ({
+        blurWindow() {
+            if (nativeComponentRef.current !== null) {
+                Commands.blurWindow(nativeComponentRef.current);
             }
-            else {
-                // Clear `target` so we may fall back on `anchorRect` if provided
-                setNativeTarget(null);
+        },
+        focusWindow() {
+            if (nativeComponentRef.current !== null) {
+                Commands.focusWindow(nativeComponentRef.current);
             }
-        }, [target]);
-        const slotProps = mergeSettings(useStyling(props), {
-            root: {
-                ref: nativeComponentRef,
-                ...(nativeTarget && { target: nativeTarget }),
-                ...rest,
-            },
-        });
-        return { slotProps };
-    },
-    settings: settings,
-    slots: {
-        root: NativeCalloutView,
-    },
-    styles: {
-        root: [backgroundColorTokens, borderTokens],
-    },
+        },
+    }), []);
+    React.useLayoutEffect(() => {
+        if (typeof target === 'string') {
+            setNativeTarget(target);
+        }
+        else if (target?.current) {
+            setNativeTarget(findNodeHandle(target.current) ?? undefined);
+        }
+        else {
+            setNativeTarget(undefined);
+        }
+    }, [target]);
+    return directComponent((renderProps) => {
+        const { anchorRect, backgroundColor, beakWidth, borderColor, borderRadius, borderWidth, componentRef: _componentRef, directionalHint, dismissBehaviors, gapSpace, maxHeight, maxWidth, minPadding, minWidth, style, target: _target, ...nativeProps } = mergeProps(props, renderProps);
+        /**
+         * Build the style for the callout based on the props. For `borderColor`, `borderWidth`, `backgroundColor`, and
+         * `borderRadius` defaults values are required otherwise crashes in CalloutView.swift:updateLayer() will occur.
+         */
+        const calloutStyle = {
+            backgroundColor: backgroundColor ?? colorTransparent,
+            borderColor: borderColor ?? colorTransparent,
+            borderWidth: borderWidth ?? 0,
+            borderRadius: borderRadius ?? 0,
+            ...(maxHeight != null && { maxHeight }),
+            ...(maxWidth != null && { maxWidth }),
+            ...(minWidth != null && { minWidth }),
+        };
+        return (_jsx(NativeCalloutView, { ...nativeProps, anchorRect: anchorRect, beakWidth: beakWidth, directionalHint: directionalHint, dismissBehaviors: dismissBehaviors, gapSpace: gapSpace, maxHeight: typeof maxHeight === 'number' ? maxHeight : undefined, maxWidth: typeof maxWidth === 'number' ? maxWidth : undefined, minPadding: minPadding, minWidth: typeof minWidth === 'number' ? minWidth : undefined, ref: nativeComponentRef, style: [styles.root, calloutStyle, style], ...(nativeTarget !== undefined && { target: nativeTarget }) }));
+    });
 });
+Callout.displayName = calloutName;
 export default Callout;
 //# sourceMappingURL=Callout.js.map

package/lib/Callout.js.map

@@ -1 +1 @@
-{"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,MAAM,cAAc,CAAC;AAE9C,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,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAe;IAC3C,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,CAAC,KAAoB,EAAE,UAA4C,EAAE,EAAE;QACtF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAChD,KAAK,CAAC,mBAAmB,CACvB,YAAY,EACZ,GAAG,EAAE,CAAC,CAAC;YACL,UAAU;gBACR,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;oBACjC,QAAQ,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBAClD,CAAC;YACH,CAAC;YACD,WAAW;gBACT,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;oBACjC,QAAQ,CAAC,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBACnD,CAAC;YACH,CAAC;SACF,CAAC,EACF,CAAC,YAAY,CAAC,CACf,CAAC;QACF,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAoD,IAAI,CAAC,CAAC;QACjG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;QAErF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;YACzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,qCAAqC;gBACrC,eAAe,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC;iBAAM,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;gBAC3B,0CAA0C;gBAC1C,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;YAClD,CAAC;iBAAM,CAAC;gBACN,iEAAiE;gBACjE,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,MAAM,SAAS,GAAG,aAAa,CAAoB,UAAU,CAAC,KAAK,CAAC,EAAE;YACpE,IAAI,EAAE;gBACJ,GAAG,EAAE,kBAAkB;gBACvB,GAAG,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;gBAC7C,GAAG,IAAI;aACR;SACF,CAAC,CAAC;QAEH,OAAO,EAAE,SAAS,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":"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"}

package/lib/Callout.types.d.ts

@@ -1,186 +1,85 @@
 import type * as React from 'react';
-import type { KeyboardMetrics, ViewStyle } from 'react-native';
-import type { IViewProps } from '@fluentui-react-native/adapters';
-import type { IBackgroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
-import type { IRenderData } from '@uifabricshared/foundation-composable';
-import type { CalloutNativeCommands } from './CalloutNativeComponent';
+import type { AnimatableNumericValue, ColorValue, KeyboardMetrics, ViewProps } from 'react-native';
 export declare const calloutName = "Callout";
-/**
- * Properties and Tokens for FluentUI React Native Callout
- */
-export type DirectionalHint = 'leftTopEdge' | 'leftCenter' | 'leftBottomEdge' | 'topLeftEdge' | 'topAutoEdge' | 'topCenter' | 'topRightEdge' | 'rightTopEdge' | 'rightCenter' | 'rightBottomEdge' | 'bottomLeftEdge' | 'bottonLeftEdge' | 'bottomAutoEdge' | 'bottomCenter' | 'bottomRightEdge';
+export type DirectionalHint = 'leftTopEdge' | 'leftCenter' | 'leftBottomEdge' | 'topLeftEdge' | 'topAutoEdge' | 'topCenter' | 'topRightEdge' | 'rightTopEdge' | 'rightCenter' | 'rightBottomEdge' | 'bottomLeftEdge' | 'bottomAutoEdge' | 'bottomCenter' | 'bottomRightEdge';
 export type DismissBehaviors = 'preventDismissOnKeyDown' | 'preventDismissOnClickOutside';
 export interface RestoreFocusEvent {
     nativeEvent: {
-        /**
-         * containsFocus is true if the Callout had focus while being dismissed.
-         */
+        /** True when the Callout contained focus while it was dismissed. */
         containsFocus: boolean;
     };
 }
-interface OmittedBorderTokens {
-    borderStyle?: ViewStyle['borderStyle'];
-}
-type CalloutBorderTokens = Omit<IBorderTokens, keyof OmittedBorderTokens>;
-export interface ICalloutTokens extends IBackgroundColorTokens, CalloutBorderTokens {
-    /**
-     * AnchorRect arbitrary anchor rectangle; coordinate system is in DIPs, relative
-     * to the React surface origin.
-     */
+/**
+ * Optional native appearance and positioning values. Callout applies only values
+ * supplied by the caller and does not resolve theme defaults.
+ */
+export interface CalloutTokens {
+    /** Anchor rectangle in DIPs relative to the React surface origin. */
     anchorRect?: KeyboardMetrics;
-    /**
-     * Width of the beak on the Callout indicating its anchor.
-     */
+    /** Native Callout background color. */
+    backgroundColor?: ColorValue;
+    /** Width of the beak that points toward the anchor. */
     beakWidth?: number;
-    /**
-     * Defines the suggested drop direction and alignment for the Callout to use, relative
-     * to the anchor information.
-     */
+    /** Native Callout border color. */
+    borderColor?: ColorValue;
+    /** Native Callout corner radius. */
+    borderRadius?: AnimatableNumericValue | string;
+    /** Native Callout border width. */
+    borderWidth?: number;
+    /** Preferred placement relative to the anchor. */
     directionalHint?: DirectionalHint;
-    /**
-     * Defines variations on how the callout dismissal may be controlled.  the async eventing
-     * of React-Native makes passing some aspects of dismissal control over to JS difficult.
-     * Moreover, the native platform or host may have competing priorities with regards to transient UI
-     * that generate bi-directional lifetime management between JS (which mounts and unmounts the
-     * component) and native (which may tear down the transient UI without JS input).
-     *
-     * This property provides control over the latter issue, enabling relevant native platform
-     * interactions with transient UI to be managed from JS.
-     *
-     * These behaviors should generally be orthogonal, and therefore combinable.
-     */
+    /** Native dismissal behaviors that may be combined. */
     dismissBehaviors?: DismissBehaviors[];
-    /**
-     * Defines the size of the gap between the anchor and the Callout.  Not used if
-     * no anchor information is provided.
-     */
+    /** Gap between the anchor and Callout. */
     gapSpace?: number;
-    /**
-     * Defines a maximum height for the Callout.
-     */
+    /** Maximum Callout height. */
     maxHeight?: number | `${number}%`;
-    /**
-     * Defines a maximum width for the Callout.
-     */
+    /** Maximum Callout width. */
     maxWidth?: number | `${number}%`;
-    /**
-     * Defines a minimum width for the Callout.
-     */
-    minWidth?: number | `${number}%`;
-    /**
-     * Defines the minimum padding between the Callout and the display edges.
-     */
+    /** Minimum padding from display edges. */
     minPadding?: number;
+    /** Minimum Callout width. */
+    minWidth?: number | `${number}%`;
 }
-export interface ICalloutProps extends IViewProps, ICalloutTokens {
+export interface CalloutHandle {
+    /** Makes the native Callout window resign key status. */
+    blurWindow: () => void;
+    /** Makes the native Callout window key. */
+    focusWindow: () => void;
+}
+export interface CalloutProps extends ViewProps, CalloutTokens {
     /**
-     * A string that should be announced when the callout is shown.
+     * A string announced when the Callout is shown.
      * @platform win32
      */
     accessibilityOnShowAnnouncement?: string;
+    /** Ref used to invoke native Callout window commands. */
+    componentRef?: React.Ref<CalloutHandle>;
     /**
-     * A RefObject to access the IFocusable interface. Use this to access the public methods and properties of the component.
-     */
-    componentRef?: React.RefObject<CalloutNativeCommands>;
-    /**
-     * Defines event redirection behaviors for pointer events relative to the Callout control.
-     *
-     * Pointer events (i.e. mouse, pen, touch) often have the effect of initiating and dismissing Callout controls.
-     * Typically the instigating events are click events, but when using a mouse may also include pointer enter
-     * and leave events i.e. hover.  Once opened, many Callout scenarios desire modal-like interactions, where
-     * the user must interact with or relative to the Callout before interacting with other controls again. A common
-     * example is context menus, where pointer events away from the menu may dismiss the context menu.  Such an interaction
-     * can initiate unintended actions such as invoking a button or otherwise pointer-responsive surface.  The modal-like
-     * behavior is the most common case of Callout usage, and having "safe" areas to press-dismiss the Callout without
-     * invoking additional actions is useful.
-     *
-     * This modal-like behavior, where true modal behavior would specifically require interacting with the modal component until
-     * it is dismissed, has implications for canonical event routing in React-Native.  Canonically all pointer events are passed in
-     * a Capture phase from the root element to the target element, then bubbled back from the target element to the root element.
-     * This structure allows many interaction patterns to be implemented that may include stopping event routing in each phase.
-     * This event routing can disrupt the modal-like behavior desired by a Callout control, which in native frameworks may take
-     * advantage of a "take event capture" feature -- making the Callout the first handler of the pointer event.  The event may optionally
-     * be forwarded afterwards to the canonical event routing pattern for further handling (and often is not forwarded).
-     *
-     * One impact of "taking event capture" is the implicit behavior for mouse events on the parent surface of the Callout -- if
-     * event capture is taken by the Callout, paired events may fire such as a mouse leave event.  This makes sense if we think about
-     * the event behavior after the Callout has taken capture; mouse enter and mouse leave events would only propagate to the parent surface
-     * if the Callout event handling decided to forward said events (often not).  As paired events, however, there should not be a
-     * mouse enter event without a corresponding mouse leave event (or vice versa).  Since mouse enter and mouse leave events would not
-     * naturally fire on the parent surface when the Callout has pointer capture, the parent surface should receive a mouse leave event when
-     * the Callout takes capture.
-     *
-     * Coming back to the start of this comment, some Callout scenarios may be initiated by mouse enter/leave events.  A common example is
-     * tooltips, which are supported on lower-level React-Native components, but such behavior is not exclusive to tooltips.
-     * The Callout control is generally used for more advanced scenarios, as mentioned before often desiring modal-like behavior and accordingly
-     * the default behavior of the Callout control is to take pointer capture.  Accounting for the paired mouse enter/leave events in the paragraph
-     * above, it is difficult to have a mouse enter/leave-invoked Callout that takes pointer capture -- without significant workarounds,
-     * the Callout would open and close cyclically from repeated mouse enter/leave events.  There are other scenarios where taking pointer capture
-     * is not desirable, such as a semi-persistent Callout; to support these scenarios the doNotTakePointerCapture property is offered to
-     * specify if the Callout should not take pointer capture when it opens.
-     *
-     * While pointer capture is generally managed in native frameworks via imperative APIs, managing pointer capture is offered as a property that
-     * only affects the Callout's on-show behavior when it would typically take pointer capture.  This design implies that changing this property after
-     * the Callout has been shown has no effect -- similar to the Callout's onShow callback.  Doing so simplifies Callout usage for developers,
-     * not needing to mind native platform pointer capture that may be complex particularly when React-Native is integrated into a larger app.
-     * Pointer capture may be lost (and regained) but is otherwise abstracted away from the developer.  More advanced control of pointer capture
-     * would need to be provided by a native module independent of any particular control.
-     *
-     * When the Callout is closed, pointer capture is released by the Callout and further handled by the native platform -- generally returning
-     * pointer capture to the parent surface.
+     * Prevents the native Callout from taking pointer capture when shown.
      * @platform win32
      */
     doNotTakePointerCapture?: boolean;
-    /**
-     * Adds a beak to the Callout, pointing to the anchor target.
-     * Notable Win32 limitation: Beak rendering currently limits the border width to its default, and the
-     * border width prop will not be honored.
-     * @platform win32
-     */
+    /** Displays a beak that points toward the anchor. */
     isBeakVisible?: boolean;
-    /**
-     * Callback invoked when the callout has been dismissed.
-     */
+    /** Invoked after native dismissal. */
     onDismiss?: () => void;
     /**
-     * Callback invoked during callout dismissal; if set, focus will not be restored by the callout and onRestoreFocus must
-     * result in focus being moved to the appropriate focusable target.
-     *
-     * The callee should carefully consider their scenarios to avoid dropping focus, or inappropriately
-     * moving focus from another component.  Focus is not guaranteed to have entered the React-Native surface at all, and
-     * this callback is most appropriate for components strictly controlling focus.
-     *
-     * restoreFocusEvent.nativeEvent.containsFocus is true if the Callout had focus while being dismissed.
+     * Invoked during dismissal when the caller owns focus restoration.
      * @platform win32
      */
-    onRestoreFocus?: (restoreFocusEvent: RestoreFocusEvent) => void;
-    /**
-     * Callback invoked when the callout has been shown.
-     */
+    onRestoreFocus?: (event: RestoreFocusEvent) => void;
+    /** Invoked after the Callout is shown. */
     onShow?: () => void;
-    /**
-     * Determines whether the Callout sets focus when displayed.
-     * On macOS: this determines whether the Callout becomes the key window.
-     * On win32: If true then the callout will attempt to focus the first focusable element that it contains.
-     * If it doesn't find an element, no focus will be set. This means that it's the contents responsibility
-     * to either set focus or have focusable items.
-     */
+    /** Requests initial focus when the Callout is shown. */
     setInitialFocus?: boolean;
-    /**
-     * Target node the callout uses for relative positioning; the anchor of the callout.
-     * A ref is the typical usage; certain components may proffer a string as an anchor target, such as
-     * anchoring to a point inside the component.
-     */
-    target?: React.RefObject<React.Component> | string;
-}
-export type ICalloutSlotProps = {
-    root: ICalloutProps;
-};
-export type ICalloutRenderData = IRenderData<ICalloutSlotProps>;
-export interface ICalloutType {
-    props: ICalloutProps;
-    slotProps: ICalloutSlotProps;
-    tokens: ICalloutTokens;
+    /** Ref or registered native anchor identifier used for relative positioning. */
+    target?: React.RefObject<React.Component | null> | string;
 }
-export {};
+/** @deprecated Use CalloutProps. */
+export type ICalloutProps = CalloutProps;
+/** @deprecated Use CalloutTokens. */
+export type ICalloutTokens = CalloutTokens;
+/** @deprecated Use CalloutHandle. */
+export type CalloutNativeCommands = CalloutHandle;
 //# sourceMappingURL=Callout.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Callout.types.d.ts","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Callout.types.d.ts","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnG,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC,MAAM,MAAM,eAAe,GACvB,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,CAAC;AAEtB,MAAM,MAAM,gBAAgB,GAAG,yBAAyB,GAAG,8BAA8B,CAAC;AAE1F,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE;QACX,oEAAoE;QACpE,aAAa,EAAE,OAAO,CAAC;KACxB,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,qEAAqE;IACrE,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,uCAAuC;IACvC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,oCAAoC;IACpC,YAAY,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAC/C,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACtC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAClC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IACjC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,yDAAyD;IACzD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS,EAAE,aAAa;IAC5D;;;OAGG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,yDAAyD;IACzD,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACxC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gFAAgF;IAChF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,MAAM,CAAC;CAC3D;AAED,oCAAoC;AACpC,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC;AACzC,qCAAqC;AACrC,MAAM,MAAM,cAAc,GAAG,aAAa,CAAC;AAC3C,qCAAqC;AACrC,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC"}

package/lib/Callout.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.types.js","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Callout.types.js","sourceRoot":"","sources":["../src/Callout.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC"}

package/lib/CalloutNativeComponent.d.ts

@@ -13,12 +13,16 @@ export interface NativeProps extends ViewProps {
     accessibilityLabel?: string;
     accessibilityOnShowAnnouncement?: string;
     anchorRect?: AnchorRect;
+    beakWidth?: Int32;
     dismissBehaviors?: string[];
     doNotTakePointerCapture?: boolean;
     focusable?: boolean;
+    gapSpace?: Int32;
     isBeakVisible?: boolean;
     maxHeight?: Int32;
     maxWidth?: Int32;
+    minPadding?: Int32;
+    minWidth?: Int32;
     setInitialFocus?: boolean;
     testID?: string;
     onRestoreFocus?: DirectEventHandler<{
@@ -31,15 +35,15 @@ export interface NativeProps extends ViewProps {
     onShow?: DirectEventHandler<{
         target: Int32;
     }>;
-    directionalHint?: WithDefault<'leftTopEdge' | 'leftCenter' | 'leftBottomEdge' | 'topLeftEdge' | 'topAutoEdge' | 'topCenter' | 'topRightEdge' | 'rightTopEdge' | 'rightCenter' | 'rightBottomEdge' | 'bottomLeftEdge' | 'bottonLeftEdge' | 'bottomAutoEdge' | 'bottomCenter' | 'bottomRightEdge', 'bottonLeftEdge'>;
+    directionalHint?: WithDefault<'leftTopEdge' | 'leftCenter' | 'leftBottomEdge' | 'topLeftEdge' | 'topAutoEdge' | 'topCenter' | 'topRightEdge' | 'rightTopEdge' | 'rightCenter' | 'rightBottomEdge' | 'bottomLeftEdge' | 'bottomAutoEdge' | 'bottomCenter' | 'bottomRightEdge', 'bottomLeftEdge'>;
     target?: UnsafeMixed;
 }
 export type CalloutComponentType = HostComponent<NativeProps>;
-export interface CalloutNativeCommands {
+interface NativeCalloutCommands {
     focusWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
     blurWindow: (viewRef: React.ElementRef<CalloutComponentType>) => void;
 }
-export declare const Commands: CalloutNativeCommands;
+export declare const Commands: NativeCalloutCommands;
 declare const _default: CalloutComponentType;
 export default _default;
 //# sourceMappingURL=CalloutNativeComponent.d.ts.map

package/lib/CalloutNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7H,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,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;IAG1B,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;IAE/C,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,gBAAgB,GAChB,cAAc,GACd,iBAAiB,EACnB,gBAAgB,CACjB,CAAC;IACF,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAE9D,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,QAAQ,EAAE,qBAErB,CAAC;wBAEiE,oBAAoB"}
+{"version":3,"file":"CalloutNativeComponent.d.ts","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7H,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,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;IAE/C,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,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAE9D,UAAU,qBAAqB;IAC7B,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,QAAQ,EAAE,qBAErB,CAAC;wBAIG,oBAAoB"}

package/lib/CalloutNativeComponent.js

@@ -3,5 +3,7 @@ import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNati
 export const Commands = codegenNativeCommands({
     supportedCommands: ['blurWindow', 'focusWindow'],
 });
-export default codegenNativeComponent('RCTCallout');
+export default codegenNativeComponent('Callout', {
+    paperComponentName: 'RCTCallout',
+});
 //# sourceMappingURL=CalloutNativeComponent.js.map

package/lib/CalloutNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutNativeComponent.js","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,wDAAwD,CAAC;AAC3F,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AA+D7F,MAAM,CAAC,MAAM,QAAQ,GAA0B,qBAAqB,CAAwB;IAC1F,iBAAiB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACjD,CAAC,CAAC;AAEH,eAAe,sBAAsB,CAAc,YAAY,CAAyB,CAAC"}
+{"version":3,"file":"CalloutNativeComponent.js","sourceRoot":"","sources":["../src/CalloutNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,wDAAwD,CAAC;AAC3F,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAkE7F,MAAM,CAAC,MAAM,QAAQ,GAA0B,qBAAqB,CAAwB;IAC1F,iBAAiB,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;CACjD,CAAC,CAAC;AAEH,eAAe,sBAAsB,CAAc,SAAS,EAAE;IAC5D,kBAAkB,EAAE,YAAY;CACjC,CAAyB,CAAC"}