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

package/dist/components/field-group/index.js

@@ -7,13 +7,13 @@ import {
   FieldGroupSuffix,
   decoratorPadding,
   useFieldGroup
-} from "../../chunk-QZ24MZRX.js";
-import "../../chunk-S2WNWMNT.js";
+} from "../../chunk-GA6PBWNT.js";
+import "../../chunk-2NRZKJG7.js";
 import "../../chunk-FHUYHV6J.js";
-import "../../chunk-K72UDPVN.js";
-import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
 import "../../chunk-A3EGFI6T.js";
+import "../../chunk-K72UDPVN.js";
+import "../../chunk-36PRYGAM.js";
 import "../../chunk-M63GFNKV.js";
 export {
   FieldGroup,

package/dist/components/input-otp/index.cjs

@@ -8,13 +8,13 @@
 
 
 
-var _chunkSIP5J7HUcjs = require('../../chunk-SIP5J7HU.cjs');
+var _chunkABAGZTXZcjs = require('../../chunk-ABAGZTXZ.cjs');
 require('../../chunk-7EIHHOHP.cjs');
 require('../../chunk-EJQCQPET.cjs');
-require('../../chunk-7GHM4GKL.cjs');
-require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
 require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-7GHM4GKL.cjs');
+require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-TK44VBIE.cjs');
 
 
@@ -26,4 +26,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.InputOTP = _chunkSIP5J7HUcjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkSIP5J7HUcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkSIP5J7HUcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkSIP5J7HUcjs.OTP_LETTERS; exports.buildSlots = _chunkSIP5J7HUcjs.buildSlots; exports.extractPastedCode = _chunkSIP5J7HUcjs.extractPastedCode; exports.inputOTPRecipe = _chunkSIP5J7HUcjs.inputOTPRecipe; exports.useInputOTP = _chunkSIP5J7HUcjs.useInputOTP; exports.useInputOTPBox = _chunkSIP5J7HUcjs.useInputOTPBox;
+exports.InputOTP = _chunkABAGZTXZcjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkABAGZTXZcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkABAGZTXZcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkABAGZTXZcjs.OTP_LETTERS; exports.buildSlots = _chunkABAGZTXZcjs.buildSlots; exports.extractPastedCode = _chunkABAGZTXZcjs.extractPastedCode; exports.inputOTPRecipe = _chunkABAGZTXZcjs.inputOTPRecipe; exports.useInputOTP = _chunkABAGZTXZcjs.useInputOTP; exports.useInputOTPBox = _chunkABAGZTXZcjs.useInputOTPBox;

package/dist/components/input-otp/index.js

@@ -8,13 +8,13 @@ import {
   inputOTPRecipe,
   useInputOTP,
   useInputOTPBox
-} from "../../chunk-SACDOFGF.js";
+} from "../../chunk-DG2I4PJG.js";
 import "../../chunk-F6W3JQ7K.js";
 import "../../chunk-EGLLDKN6.js";
-import "../../chunk-K72UDPVN.js";
-import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
 import "../../chunk-A3EGFI6T.js";
+import "../../chunk-K72UDPVN.js";
+import "../../chunk-36PRYGAM.js";
 import "../../chunk-M63GFNKV.js";
 export {
   InputOTP,

package/dist/components/menu/index.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkT5FV5F7Acjs = require('../../chunk-T5FV5F7A.cjs');
+require('../../chunk-GTR5X65M.cjs');
+require('../../chunk-LUPCPLND.cjs');
+require('../../chunk-WDDXU3OH.cjs');
+require('../../chunk-EKS3W46M.cjs');
+require('../../chunk-WFEMJCXO.cjs');
+require('../../chunk-4KFKWBN5.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-3E7CDKFO.cjs');
+require('../../chunk-7DPL3ZDS.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-7GHM4GKL.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Menu = _chunkT5FV5F7Acjs.Menu2; exports.MenuContent = _chunkT5FV5F7Acjs.MenuContent; exports.MenuGroup = _chunkT5FV5F7Acjs.MenuGroup; exports.MenuItem = _chunkT5FV5F7Acjs.MenuItem; exports.MenuItemDescription = _chunkT5FV5F7Acjs.MenuItemDescription; exports.MenuItemIndicator = _chunkT5FV5F7Acjs.MenuItemIndicator; exports.MenuItemTitle = _chunkT5FV5F7Acjs.MenuItemTitle; exports.MenuLabel = _chunkT5FV5F7Acjs.MenuLabel; exports.MenuOverlay = _chunkT5FV5F7Acjs.MenuOverlay; exports.MenuRoot = _chunkT5FV5F7Acjs.Menu; exports.MenuSeparator = _chunkT5FV5F7Acjs.MenuSeparator; exports.MenuTrigger = _chunkT5FV5F7Acjs.MenuTrigger; exports.menuRecipe = _chunkT5FV5F7Acjs.menuRecipe; exports.useMenu = _chunkT5FV5F7Acjs.useMenu; exports.useMenuItem = _chunkT5FV5F7Acjs.useMenuItem;

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

@@ -0,0 +1,351 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, ViewProps, TextProps, PressableProps, View, Text } from 'react-native';
+import { I as IconContextValue } from '../../icon.type-d_i9ma-i.cjs';
+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 MenuSlot = 'trigger' | 'overlay' | 'content' | 'label' | 'separator' | 'group' | 'item' | 'itemTitle' | 'itemDescription' | 'itemIndicator';
+type MenuPlacement = Placement;
+type MenuAlign = Align;
+type MenuWidth = AnchoredWidth;
+type MenuInsets = Insets;
+type MenuAnchor = Anchor;
+/**
+ * A row's intent, and the only place a menu carries one. `danger` is not decoration: a
+ * list where "Supprimer" reads like "Renommer" is the list that gets misread.
+ */
+type MenuItemVariant = 'default' | 'danger';
+type MenuOwnProps = {
+    children?: ReactNode;
+    radius?: RadiusKey;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+};
+/** The root renders **no node** — see `Menu.Trigger` for where `ref` and `style` live. */
+type MenuProps = MenuOwnProps;
+type MenuTriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type MenuTriggerProps = MenuTriggerOwnProps & Omit<PressableProps, keyof MenuTriggerOwnProps> & Omit<ViewStyleProps, keyof MenuTriggerOwnProps | keyof PressableProps>;
+type MenuOverlayOwnProps = {
+    children?: ReactNode;
+    isDismissable?: boolean;
+};
+type MenuOverlayProps = MenuOverlayOwnProps & Omit<ViewProps, keyof MenuOverlayOwnProps> & Omit<ViewStyleProps, keyof MenuOverlayOwnProps | keyof ViewProps>;
+type MenuContentOwnProps = {
+    children?: ReactNode;
+    placement?: MenuPlacement;
+    align?: MenuAlign;
+    width?: MenuWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: MenuInsets;
+};
+type MenuContentProps = MenuContentOwnProps & Omit<ViewProps, keyof MenuContentOwnProps> & Omit<ViewStyleProps, keyof MenuContentOwnProps | keyof ViewProps>;
+type MenuTextOwnProps = {
+    children?: ReactNode;
+};
+type MenuLabelProps = MenuTextOwnProps & Omit<TextProps, keyof MenuTextOwnProps> & Omit<TextStyleProps, keyof MenuTextOwnProps | keyof TextProps>;
+type MenuItemDescriptionProps = MenuLabelProps;
+/** It draws a rule and holds nothing, so there is no `children`. */
+type MenuSeparatorProps = Omit<ViewProps, 'children'> & ViewStyleProps;
+type MenuGroupOwnProps = {
+    children?: ReactNode;
+};
+type MenuGroupProps = MenuGroupOwnProps & Omit<ViewProps, keyof MenuGroupOwnProps> & Omit<ViewStyleProps, keyof MenuGroupOwnProps | keyof ViewProps>;
+/** What a row's render function is handed, so it can paint its own state. */
+type MenuItemRenderState = {
+    isPressed: boolean;
+    isDisabled: boolean;
+};
+type MenuItemOwnProps = {
+    variant?: MenuItemVariant;
+    isDisabled?: boolean;
+    /**
+     * Whether choosing this row closes the menu.
+     *
+     * @default true
+     */
+    closesOnPress?: boolean;
+    children?: ReactNode | ((state: MenuItemRenderState) => ReactNode);
+    asChild?: boolean;
+};
+type MenuItemProps = MenuItemOwnProps & Omit<PressableProps, keyof MenuItemOwnProps> & Omit<ViewStyleProps, keyof MenuItemOwnProps | keyof PressableProps>;
+/** The title takes the row's intent, so it is the one text that is not written by hand. */
+type MenuItemTitleProps = MenuLabelProps;
+type MenuItemIndicatorProps = MenuGroupProps;
+/** R5 — resolved style ids and the state the slots read. */
+type MenuContextValue = {
+    triggerStyle: StyleProp<ViewStyle>;
+    overlayStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    separatorStyle: StyleProp<ViewStyle>;
+    groupStyle: StyleProp<ViewStyle>;
+    itemStyle: StyleProp<ViewStyle>;
+    itemPressedStyle: StyleProp<ViewStyle>;
+    itemTitleStyle: Record<MenuItemVariant, StyleProp<TextStyle>>;
+    itemDescriptionStyle: StyleProp<TextStyle>;
+    itemIndicatorStyle: StyleProp<ViewStyle>;
+    glyph: Record<MenuItemVariant, IconContextValue>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    anchor: MenuAnchor | null;
+    setAnchor: (anchor: MenuAnchor) => void;
+};
+/** One row's own state, for the slots inside it. */
+type MenuItemContextValue = MenuItemRenderState & {
+    variant: MenuItemVariant;
+};
+
+/**
+ * A list of actions, anchored to whatever opened it.
+ *
+ * ```tsx
+ * <Menu>
+ *   <Menu.Trigger asChild>
+ *     <Button variant="tertiary">Actions</Button>
+ *   </Menu.Trigger>
+ *   <Menu.Overlay />
+ *   <Menu.Content>
+ *     <Menu.Item onPress={rename}>
+ *       <Menu.ItemTitle>Renommer</Menu.ItemTitle>
+ *     </Menu.Item>
+ *     <Menu.Item variant="danger" onPress={remove}>
+ *       <Menu.ItemTitle>Supprimer</Menu.ItemTitle>
+ *     </Menu.Item>
+ *   </Menu.Content>
+ * </Menu>
+ * ```
+ *
+ * **The root renders no node**, and its positioning is the `Popover`'s — the same measuring
+ * pass, the same host origin, the same keyframes. What is a menu's own is the row: a list
+ * of actions where one of them can be the destructive one.
+ */
+declare function Menu$1({ children, radius, isOpen: controlledOpen, defaultOpen, onOpenChange, isDisabled, }: MenuProps): react.JSX.Element;
+declare namespace Menu$1 {
+    var displayName: string;
+}
+
+/**
+ * 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 menu belongs to nothing — matching
+ * the width of a word or an icon would give it no room at all.
+ */
+declare const MenuContent: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    placement?: MenuPlacement;
+    align?: MenuAlign;
+    width?: MenuWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: MenuInsets;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    placement?: MenuPlacement;
+    align?: MenuAlign;
+    width?: MenuWidth;
+    offset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    insets?: MenuInsets;
+}> & 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>>;
+
+/**
+ * A run of rows under one heading, announced as a group.
+ *
+ * It draws nothing — no fill, no separator. What separates two groups is the heading over
+ * the second one, and a rule as well would be saying it twice.
+ */
+declare const MenuGroup: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<View>>;
+
+/**
+ * One action.
+ *
+ * It closes the menu after the caller's `onPress` has run, and in that order: a handler
+ * that reads the menu's state has to run while there is still a menu. `closesOnPress`
+ * turns it off for a row that toggles something the reader will want to toggle again.
+ */
+declare const MenuItem: react.ForwardRefExoticComponent<{
+    variant?: MenuItemVariant;
+    isDisabled?: boolean;
+    closesOnPress?: boolean;
+    children?: react.ReactNode | ((state: MenuItemRenderState) => react.ReactNode);
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    variant?: MenuItemVariant;
+    isDisabled?: boolean;
+    closesOnPress?: boolean;
+    children?: react.ReactNode | ((state: MenuItemRenderState) => 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" | "variant" | "isDisabled" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "closesOnPress"> & react.RefAttributes<View>>;
+
+/**
+ * The second line of a row. It stays muted whatever the row's intent: a `danger` row says
+ * what it does in red once, and a red sentence under it says it twice.
+ */
+declare const MenuItemDescription: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * A fixed box at either end of a row — a check, a glyph, a count. Its size does not depend
+ * on what is in it, so two rows whose indicators differ still line their titles up.
+ *
+ * It renders nothing on its own, unlike the `Select`'s: a menu has no selected row to mark,
+ * so what goes in the box is always the caller's.
+ */
+declare const MenuItemIndicator: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<View>>;
+
+/**
+ * The row's text, and the one node that carries its intent — a `danger` row is a red
+ * label, not a red row. It takes the row's width so an indicator stays pinned to the end
+ * whatever the label's length.
+ */
+declare const MenuItemTitle: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * A heading over a run of rows. Not a row: no press, and a screen reader announces it as a
+ * header so the group it opens is announced with it.
+ */
+declare const MenuLabel: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * A rule between two runs of rows.
+ *
+ * **Placed by you, not drawn between every pair.** A menu of four related actions wants
+ * none; a menu whose last row is "Supprimer" wants exactly one, above it. Drawing them all
+ * and asking for the exceptions is the wrong way round — a menu is short enough that the
+ * one place a break belongs is obvious to whoever wrote it, and invisible to the component.
+ *
+ * It is not a `Divider`, and does not take that component's variants: this one is the
+ * menu's own trim, resolved on the menu's root with everything else the panel reads.
+ */
+declare const MenuSeparator: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "children"> & ViewStyleProps & react.RefAttributes<View>>;
+
+/**
+ * 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
+ * `Menu.Close` or the caller's own state is what closes it.
+ */
+declare const MenuOverlay: 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>>;
+
+/**
+ * What opens the panel, and the rectangle it is anchored to.
+ *
+ * It paints nothing of its own: a menu'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 MenuTrigger: 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 useMenu: () => MenuContextValue;
+declare const useMenuItem: () => MenuItemContextValue;
+
+declare const menuRecipe: Recipe<"label" | "overlay" | "separator" | "item" | "trigger" | "content" | "group" | "itemTitle" | "itemDescription" | "itemIndicator", MenuItemVariant, {
+    readonly radius: Record<RadiusKey, StyleFn<"content">>;
+}>;
+
+declare const Menu: typeof Menu$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?: MenuPlacement;
+        align?: MenuAlign;
+        width?: MenuWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: MenuInsets;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        placement?: MenuPlacement;
+        align?: MenuAlign;
+        width?: MenuWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: MenuInsets;
+    }> & 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>>;
+    Label: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    Separator: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "children"> & ViewStyleProps & react.RefAttributes<react_native.View>>;
+    Group: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<react_native.View>>;
+    Item: react.ForwardRefExoticComponent<{
+        variant?: MenuItemVariant;
+        isDisabled?: boolean;
+        closesOnPress?: boolean;
+        children?: react.ReactNode | ((state: MenuItemRenderState) => react.ReactNode);
+        asChild?: boolean;
+    } & Omit<react_native.PressableProps, keyof {
+        variant?: MenuItemVariant;
+        isDisabled?: boolean;
+        closesOnPress?: boolean;
+        children?: react.ReactNode | ((state: MenuItemRenderState) => 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" | "variant" | "isDisabled" | "asChild" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "closesOnPress"> & react.RefAttributes<react_native.View>>;
+    ItemTitle: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    ItemDescription: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<react_native.Text>>;
+    ItemIndicator: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<react_native.View>>;
+};
+
+export { Menu, type MenuAlign, type MenuAnchor, MenuContent, type MenuContentProps, type MenuContextValue, MenuGroup, type MenuGroupProps, type MenuInsets, MenuItem, type MenuItemContextValue, MenuItemDescription, type MenuItemDescriptionProps, MenuItemIndicator, type MenuItemIndicatorProps, type MenuItemProps, type MenuItemRenderState, MenuItemTitle, type MenuItemTitleProps, type MenuItemVariant, MenuLabel, type MenuLabelProps, MenuOverlay, type MenuOverlayProps, type MenuPlacement, type MenuProps, Menu$1 as MenuRoot, MenuSeparator, type MenuSeparatorProps, type MenuSlot, MenuTrigger, type MenuTriggerProps, type MenuWidth, menuRecipe, useMenu, useMenuItem };