@xaui/native 0.9.1-alpha.38 → 0.9.1-alpha.39

package/dist/components/popover/index.d.cts

@@ -0,0 +1,254 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, PressableProps, ViewProps, TextProps, View, Text } from 'react-native';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { R as RadiusKey } from '../../theme.type-C2gNHpEx.cjs';
+import { P as Placement, A as Align, a as AnchoredWidth, I as Insets, b as Anchor } from '../../placement-DHa0Rrh1.cjs';
+import { R as Recipe, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
+
+type PopoverSlot = 'trigger' | 'overlay' | 'content' | 'title' | 'description';
+type PopoverPlacement = Placement;
+type PopoverAlign = Align;
+type PopoverWidth = AnchoredWidth;
+type PopoverInsets = Insets;
+type PopoverAnchor = Anchor;
+type PopoverOwnProps = {
+    children?: ReactNode;
+    radius?: RadiusKey;
+    /** Controlled. Leave unset and the root owns it. */
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+};
+/**
+ * The root renders **no node**. It is state and resolved style around a trigger and a
+ * panel, and the trigger is whatever the caller put in it — which is why `ref`, `style`
+ * and the a11y props are on `Popover.Trigger` rather than here.
+ */
+type PopoverProps = PopoverOwnProps;
+type PopoverTriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type PopoverTriggerProps = PopoverTriggerOwnProps & Omit<PressableProps, keyof PopoverTriggerOwnProps> & Omit<ViewStyleProps, keyof PopoverTriggerOwnProps | keyof PressableProps>;
+type PopoverOverlayOwnProps = {
+    children?: ReactNode;
+    /** Pressing the backdrop closes the panel. Set false and only a `Close` closes it. */
+    isDismissable?: boolean;
+};
+type PopoverOverlayProps = PopoverOverlayOwnProps & Omit<ViewProps, keyof PopoverOverlayOwnProps> & Omit<ViewStyleProps, keyof PopoverOverlayOwnProps | keyof ViewProps>;
+type PopoverContentOwnProps = {
+    children?: ReactNode;
+    placement?: PopoverPlacement;
+    align?: PopoverAlign;
+    width?: PopoverWidth;
+    /** Distance from the trigger, in points. */
+    offset?: number;
+    /** Shift along the alignment axis, in points. */
+    alignOffset?: number;
+    /** Flip to the opposite side when the chosen one does not fit. */
+    avoidCollisions?: boolean;
+    insets?: PopoverInsets;
+};
+type PopoverContentProps = PopoverContentOwnProps & Omit<ViewProps, keyof PopoverContentOwnProps> & Omit<ViewStyleProps, keyof PopoverContentOwnProps | keyof ViewProps>;
+type PopoverTextOwnProps = {
+    children?: ReactNode;
+};
+type PopoverTitleProps = PopoverTextOwnProps & Omit<TextProps, keyof PopoverTextOwnProps> & Omit<TextStyleProps, keyof PopoverTextOwnProps | keyof TextProps>;
+type PopoverDescriptionProps = PopoverTitleProps;
+type PopoverCloseOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type PopoverCloseProps = PopoverCloseOwnProps & Omit<PressableProps, keyof PopoverCloseOwnProps> & Omit<ViewStyleProps, keyof PopoverCloseOwnProps | keyof PressableProps>;
+/** R5 — resolved style ids and the state the slots read. */
+type PopoverContextValue = {
+    triggerStyle: StyleProp<ViewStyle>;
+    overlayStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    /** The trigger publishes its measured rectangle here; the content positions off it. */
+    anchor: PopoverAnchor | null;
+    setAnchor: (anchor: PopoverAnchor) => void;
+};
+
+/**
+ * A panel anchored to whatever opened it.
+ *
+ * ```tsx
+ * <Popover>
+ *   <Popover.Trigger>
+ *     <Button>Détails</Button>
+ *   </Popover.Trigger>
+ *   <Popover.Overlay />
+ *   <Popover.Content placement="top">
+ *     <Popover.Title>Livraison</Popover.Title>
+ *     <Popover.Description>Sous trois jours ouvrés.</Popover.Description>
+ *   </Popover.Content>
+ * </Popover>
+ * ```
+ *
+ * **The root renders no node.** It holds one piece of state and the styles the slots read.
+ * `Popover.Overlay` and `Popover.Content` render into the nearest `PortalHost` rather than
+ * where they are written, so their place in the JSX says when they exist, not where they
+ * appear.
+ *
+ * This is the component the `Select` was written before. The anchored positioning, the
+ * measuring pass and the entrance keyframes are shared between the two — `Menu`, `SubMenu`
+ * and `Tooltip` read the same three.
+ */
+declare function Popover$1({ children, radius, isOpen: controlledOpen, defaultOpen, onOpenChange, isDisabled, }: PopoverProps): react.JSX.Element;
+declare namespace Popover$1 {
+    var displayName: string;
+}
+
+/**
+ * Anything that closes the panel. It renders no glyph of its own: a popover's dismissal is
+ * usually a `Button` saying "Compris", not a cross in a corner — the `Overlay` is what
+ * takes the press outside, and `system/close-button` is there for the cross.
+ */
+declare const PopoverClose: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: react.ReactNode;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+/**
+ * The panel. It renders into the nearest `PortalHost`, so it escapes the clipping and the
+ * stacking of whatever container held the trigger.
+ *
+ * Its width defaults to `content-fit` rather than the `Select`'s `trigger`: a select's
+ * list belongs to the field it drops out of, and a popover belongs to nothing — matching
+ * the width of a word or an icon would give it no room at all.
+ *
+ * `content-fit` stops at a **measure** rather than at the screen. A paragraph always wants
+ * more room than it has, so a panel bounded only by the edges is a full-width panel the
+ * moment it holds a sentence — and a popover is an aside, not a sheet. Say `width` to
+ * override it, in points or `'trigger'`.
+ */
+declare const PopoverContent: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    placement?: PopoverPlacement;
+    align?: PopoverAlign;
+    width?: PopoverWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: PopoverInsets;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    placement?: PopoverPlacement;
+    align?: PopoverAlign;
+    width?: PopoverWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: PopoverInsets;
+}> & Omit<ViewStyleProps, "width" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "offset" | "alignOffset" | "insets" | "placement" | "avoidCollisions" | "align"> & react.RefAttributes<View>>;
+
+/** The sentence under the heading. It wraps — that is what it exists to carry. */
+declare const PopoverDescription: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The backdrop, and what closes the panel on a press outside it.
+ *
+ * **Optional, and that is the point.** Written, it captures the press outside and dims
+ * nothing unless a `backgroundColor` says so; omitted, the panel has no backdrop and a
+ * `Popover.Close` or the caller's own state is what closes it.
+ */
+declare const PopoverOverlay: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDismissable"> & react.RefAttributes<View>>;
+
+/** The panel's heading. A `header` for a screen reader, so the panel announces as one. */
+declare const PopoverTitle: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * What opens the panel, and the rectangle it is anchored to.
+ *
+ * It paints nothing of its own: a popover's trigger is usually a `Button`, an `Icon` or a
+ * word in a sentence, and giving it a surface would put a second box around one of those.
+ * `asChild` is the normal way to write it.
+ */
+declare const PopoverTrigger: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: react.ReactNode;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+declare const usePopover: () => PopoverContextValue;
+
+declare const popoverRecipe: Recipe<"title" | "overlay" | "trigger" | "content" | "description", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"content">>;
+}>;
+
+declare const Popover: typeof Popover$1 & {
+    Trigger: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        children?: react.ReactNode;
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+    Overlay: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDismissable"> & react.RefAttributes<react_native.View>>;
+    Content: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        placement?: PopoverPlacement;
+        align?: PopoverAlign;
+        width?: PopoverWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: PopoverInsets;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        placement?: PopoverPlacement;
+        align?: PopoverAlign;
+        width?: PopoverWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: PopoverInsets;
+    }> & Omit<ViewStyleProps, "width" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "offset" | "alignOffset" | "insets" | "placement" | "avoidCollisions" | "align"> & react.RefAttributes<react_native.View>>;
+    Title: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Description: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Close: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        children?: react.ReactNode;
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+};
+
+export { Popover, type PopoverAlign, type PopoverAnchor, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverContextValue, PopoverDescription, type PopoverDescriptionProps, type PopoverInsets, PopoverOverlay, type PopoverOverlayProps, type PopoverPlacement, type PopoverProps, Popover$1 as PopoverRoot, type PopoverSlot, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, type PopoverWidth, popoverRecipe, usePopover };

package/dist/components/popover/index.d.ts

@@ -0,0 +1,254 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, PressableProps, ViewProps, TextProps, View, Text } from 'react-native';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { R as RadiusKey } from '../../theme.type-C2gNHpEx.js';
+import { P as Placement, A as Align, a as AnchoredWidth, I as Insets, b as Anchor } from '../../placement-DHa0Rrh1.js';
+import { R as Recipe, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
+
+type PopoverSlot = 'trigger' | 'overlay' | 'content' | 'title' | 'description';
+type PopoverPlacement = Placement;
+type PopoverAlign = Align;
+type PopoverWidth = AnchoredWidth;
+type PopoverInsets = Insets;
+type PopoverAnchor = Anchor;
+type PopoverOwnProps = {
+    children?: ReactNode;
+    radius?: RadiusKey;
+    /** Controlled. Leave unset and the root owns it. */
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+};
+/**
+ * The root renders **no node**. It is state and resolved style around a trigger and a
+ * panel, and the trigger is whatever the caller put in it — which is why `ref`, `style`
+ * and the a11y props are on `Popover.Trigger` rather than here.
+ */
+type PopoverProps = PopoverOwnProps;
+type PopoverTriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type PopoverTriggerProps = PopoverTriggerOwnProps & Omit<PressableProps, keyof PopoverTriggerOwnProps> & Omit<ViewStyleProps, keyof PopoverTriggerOwnProps | keyof PressableProps>;
+type PopoverOverlayOwnProps = {
+    children?: ReactNode;
+    /** Pressing the backdrop closes the panel. Set false and only a `Close` closes it. */
+    isDismissable?: boolean;
+};
+type PopoverOverlayProps = PopoverOverlayOwnProps & Omit<ViewProps, keyof PopoverOverlayOwnProps> & Omit<ViewStyleProps, keyof PopoverOverlayOwnProps | keyof ViewProps>;
+type PopoverContentOwnProps = {
+    children?: ReactNode;
+    placement?: PopoverPlacement;
+    align?: PopoverAlign;
+    width?: PopoverWidth;
+    /** Distance from the trigger, in points. */
+    offset?: number;
+    /** Shift along the alignment axis, in points. */
+    alignOffset?: number;
+    /** Flip to the opposite side when the chosen one does not fit. */
+    avoidCollisions?: boolean;
+    insets?: PopoverInsets;
+};
+type PopoverContentProps = PopoverContentOwnProps & Omit<ViewProps, keyof PopoverContentOwnProps> & Omit<ViewStyleProps, keyof PopoverContentOwnProps | keyof ViewProps>;
+type PopoverTextOwnProps = {
+    children?: ReactNode;
+};
+type PopoverTitleProps = PopoverTextOwnProps & Omit<TextProps, keyof PopoverTextOwnProps> & Omit<TextStyleProps, keyof PopoverTextOwnProps | keyof TextProps>;
+type PopoverDescriptionProps = PopoverTitleProps;
+type PopoverCloseOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type PopoverCloseProps = PopoverCloseOwnProps & Omit<PressableProps, keyof PopoverCloseOwnProps> & Omit<ViewStyleProps, keyof PopoverCloseOwnProps | keyof PressableProps>;
+/** R5 — resolved style ids and the state the slots read. */
+type PopoverContextValue = {
+    triggerStyle: StyleProp<ViewStyle>;
+    overlayStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    /** The trigger publishes its measured rectangle here; the content positions off it. */
+    anchor: PopoverAnchor | null;
+    setAnchor: (anchor: PopoverAnchor) => void;
+};
+
+/**
+ * A panel anchored to whatever opened it.
+ *
+ * ```tsx
+ * <Popover>
+ *   <Popover.Trigger>
+ *     <Button>Détails</Button>
+ *   </Popover.Trigger>
+ *   <Popover.Overlay />
+ *   <Popover.Content placement="top">
+ *     <Popover.Title>Livraison</Popover.Title>
+ *     <Popover.Description>Sous trois jours ouvrés.</Popover.Description>
+ *   </Popover.Content>
+ * </Popover>
+ * ```
+ *
+ * **The root renders no node.** It holds one piece of state and the styles the slots read.
+ * `Popover.Overlay` and `Popover.Content` render into the nearest `PortalHost` rather than
+ * where they are written, so their place in the JSX says when they exist, not where they
+ * appear.
+ *
+ * This is the component the `Select` was written before. The anchored positioning, the
+ * measuring pass and the entrance keyframes are shared between the two — `Menu`, `SubMenu`
+ * and `Tooltip` read the same three.
+ */
+declare function Popover$1({ children, radius, isOpen: controlledOpen, defaultOpen, onOpenChange, isDisabled, }: PopoverProps): react.JSX.Element;
+declare namespace Popover$1 {
+    var displayName: string;
+}
+
+/**
+ * Anything that closes the panel. It renders no glyph of its own: a popover's dismissal is
+ * usually a `Button` saying "Compris", not a cross in a corner — the `Overlay` is what
+ * takes the press outside, and `system/close-button` is there for the cross.
+ */
+declare const PopoverClose: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: react.ReactNode;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+/**
+ * The panel. It renders into the nearest `PortalHost`, so it escapes the clipping and the
+ * stacking of whatever container held the trigger.
+ *
+ * Its width defaults to `content-fit` rather than the `Select`'s `trigger`: a select's
+ * list belongs to the field it drops out of, and a popover belongs to nothing — matching
+ * the width of a word or an icon would give it no room at all.
+ *
+ * `content-fit` stops at a **measure** rather than at the screen. A paragraph always wants
+ * more room than it has, so a panel bounded only by the edges is a full-width panel the
+ * moment it holds a sentence — and a popover is an aside, not a sheet. Say `width` to
+ * override it, in points or `'trigger'`.
+ */
+declare const PopoverContent: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    placement?: PopoverPlacement;
+    align?: PopoverAlign;
+    width?: PopoverWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: PopoverInsets;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    placement?: PopoverPlacement;
+    align?: PopoverAlign;
+    width?: PopoverWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: PopoverInsets;
+}> & Omit<ViewStyleProps, "width" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "offset" | "alignOffset" | "insets" | "placement" | "avoidCollisions" | "align"> & react.RefAttributes<View>>;
+
+/** The sentence under the heading. It wraps — that is what it exists to carry. */
+declare const PopoverDescription: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The backdrop, and what closes the panel on a press outside it.
+ *
+ * **Optional, and that is the point.** Written, it captures the press outside and dims
+ * nothing unless a `backgroundColor` says so; omitted, the panel has no backdrop and a
+ * `Popover.Close` or the caller's own state is what closes it.
+ */
+declare const PopoverOverlay: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    isDismissable?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDismissable"> & react.RefAttributes<View>>;
+
+/** The panel's heading. A `header` for a screen reader, so the panel announces as one. */
+declare const PopoverTitle: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * What opens the panel, and the rectangle it is anchored to.
+ *
+ * It paints nothing of its own: a popover's trigger is usually a `Button`, an `Icon` or a
+ * word in a sentence, and giving it a surface would put a second box around one of those.
+ * `asChild` is the normal way to write it.
+ */
+declare const PopoverTrigger: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: react.ReactNode;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<View>>;
+
+declare const usePopover: () => PopoverContextValue;
+
+declare const popoverRecipe: Recipe<"title" | "overlay" | "trigger" | "content" | "description", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"content">>;
+}>;
+
+declare const Popover: typeof Popover$1 & {
+    Trigger: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        children?: react.ReactNode;
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+    Overlay: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        isDismissable?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDismissable"> & react.RefAttributes<react_native.View>>;
+    Content: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        placement?: PopoverPlacement;
+        align?: PopoverAlign;
+        width?: PopoverWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: PopoverInsets;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        placement?: PopoverPlacement;
+        align?: PopoverAlign;
+        width?: PopoverWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: PopoverInsets;
+    }> & Omit<ViewStyleProps, "width" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "offset" | "alignOffset" | "insets" | "placement" | "avoidCollisions" | "align"> & react.RefAttributes<react_native.View>>;
+    Title: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Description: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Close: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        children?: react.ReactNode;
+        asChild?: boolean;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "delayLongPress" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & react.RefAttributes<react_native.View>>;
+};
+
+export { Popover, type PopoverAlign, type PopoverAnchor, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverContextValue, PopoverDescription, type PopoverDescriptionProps, type PopoverInsets, PopoverOverlay, type PopoverOverlayProps, type PopoverPlacement, type PopoverProps, Popover$1 as PopoverRoot, type PopoverSlot, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, type PopoverWidth, popoverRecipe, usePopover };

package/dist/components/popover/index.js

@@ -0,0 +1,37 @@
+import {
+  Popover,
+  Popover2,
+  PopoverClose,
+  PopoverContent,
+  PopoverDescription,
+  PopoverOverlay,
+  PopoverTitle,
+  PopoverTrigger,
+  popoverRecipe,
+  usePopover
+} from "../../chunk-XAFP5JLK.js";
+import "../../chunk-2EGR4LWD.js";
+import "../../chunk-2PMXMKS5.js";
+import "../../chunk-64MXEVT3.js";
+import "../../chunk-NCTOTTVW.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-LIUO6D3D.js";
+import "../../chunk-423RQBOX.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-K72UDPVN.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  Popover2 as Popover,
+  PopoverClose,
+  PopoverContent,
+  PopoverDescription,
+  PopoverOverlay,
+  Popover as PopoverRoot,
+  PopoverTitle,
+  PopoverTrigger,
+  popoverRecipe,
+  usePopover
+};