@xaui/native 0.9.1-alpha.9 → 0.9.1-alpha.91

package/dist/components/fab/fab.d.cts

@@ -0,0 +1,57 @@
+import { View } from 'react-native';
+import type { ViewStyle } from 'react-native';
+/**
+ * The one thing to do on a screen, floating over the thing it does it to.
+ *
+ * ```tsx
+ * <Fab accessibilityLabel="Nouveau message" placement="bottom-end" onPress={compose}>
+ *   <Fab.Icon as={PlusIcon} />
+ * </Fab>
+ *
+ * <Fab isExtended>
+ *   <Fab.Icon as={PlusIcon} />
+ *   <Fab.Label>Nouveau</Fab.Label>
+ * </Fab>
+ * ```
+ *
+ * **It is not a `Button`, and it shares the `Button`'s table.** The seven intents are the
+ * same seven — the FAB it floats over is as likely to be a delete as a compose — but the
+ * boxes are not: a button is a row of text with padding, and this is a fixed square that
+ * carries a shadow *at rest*, because floating over content is what it does. Sharing the
+ * recipe would have meant a `size` axis meaning a height on one and a side on the other.
+ *
+ * **`isExtended` is a prop rather than "there is a label in here".** The root's recipe
+ * resolves before its children do: the shape has to be known when the box is measured, and
+ * the box is measured before the label inside it exists.
+ *
+ * **A round FAB needs an `accessibilityLabel`.** A mark is not text, and there is nothing
+ * beside it to fall back on — the same rule the `CloseButton` states, enforced there by a
+ * warning and here by the fact that an extended FAB has a label and a round one does not.
+ */
+export declare const FabRoot: import("react").ForwardRefExoticComponent<{
+    variant?: import("./fab.type").FabVariant;
+    size?: import("./fab.type").FabSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExtended?: boolean;
+    placement?: import("./fab.type").FabPlacement;
+    offset?: number;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<ViewStyle>);
+    children?: import("react").ReactNode;
+} & Omit<import("../..").PressableFeedbackProps, "isPressed" | keyof {
+    variant?: import("./fab.type").FabVariant;
+    size?: import("./fab.type").FabSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExtended?: boolean;
+    placement?: import("./fab.type").FabPlacement;
+    offset?: number;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<ViewStyle>);
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<View>>;

package/dist/components/fab/fab.d.ts

@@ -0,0 +1,57 @@
+import { View } from 'react-native';
+import type { ViewStyle } from 'react-native';
+/**
+ * The one thing to do on a screen, floating over the thing it does it to.
+ *
+ * ```tsx
+ * <Fab accessibilityLabel="Nouveau message" placement="bottom-end" onPress={compose}>
+ *   <Fab.Icon as={PlusIcon} />
+ * </Fab>
+ *
+ * <Fab isExtended>
+ *   <Fab.Icon as={PlusIcon} />
+ *   <Fab.Label>Nouveau</Fab.Label>
+ * </Fab>
+ * ```
+ *
+ * **It is not a `Button`, and it shares the `Button`'s table.** The seven intents are the
+ * same seven — the FAB it floats over is as likely to be a delete as a compose — but the
+ * boxes are not: a button is a row of text with padding, and this is a fixed square that
+ * carries a shadow *at rest*, because floating over content is what it does. Sharing the
+ * recipe would have meant a `size` axis meaning a height on one and a side on the other.
+ *
+ * **`isExtended` is a prop rather than "there is a label in here".** The root's recipe
+ * resolves before its children do: the shape has to be known when the box is measured, and
+ * the box is measured before the label inside it exists.
+ *
+ * **A round FAB needs an `accessibilityLabel`.** A mark is not text, and there is nothing
+ * beside it to fall back on — the same rule the `CloseButton` states, enforced there by a
+ * warning and here by the fact that an extended FAB has a label and a round one does not.
+ */
+export declare const FabRoot: import("react").ForwardRefExoticComponent<{
+    variant?: import("./fab.type").FabVariant;
+    size?: import("./fab.type").FabSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExtended?: boolean;
+    placement?: import("./fab.type").FabPlacement;
+    offset?: number;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<ViewStyle>);
+    children?: import("react").ReactNode;
+} & Omit<import("../..").PressableFeedbackProps, "isPressed" | keyof {
+    variant?: import("./fab.type").FabVariant;
+    size?: import("./fab.type").FabSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExtended?: boolean;
+    placement?: import("./fab.type").FabPlacement;
+    offset?: number;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<ViewStyle>);
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<View>>;

package/dist/components/fab/fab.recipe.d.cts

@@ -0,0 +1,25 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { XAUITheme } from '../../theme/theme.type';
+import type { FabSize, FabSlot, FabVariant } from './fab.type';
+/** The glyph the size implies, read as a value — an `Icon` takes props, not styles. */
+export declare function fabGlyph(size: FabSize): number;
+export declare const fabRecipe: import("../..").Recipe<"label" | "root" | "icon" | "spinner", FabVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<FabSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<FabSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<FabSlot>;
+    };
+    readonly radius: Record<import("../..").RadiusKey, import("../..").StyleFn<"root">>;
+    /**
+     * Wider than it is tall. The width is given up — `auto`, so the box is its content plus
+     * its inset — and the height stays the size's own, which is what keeps an extended FAB
+     * and a round one on the same line at the same height.
+     */
+    readonly extended: {
+        readonly true: () => {
+            root: {
+                width: "auto";
+            };
+        };
+    };
+}>;

package/dist/components/fab/fab.recipe.d.ts

@@ -0,0 +1,25 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { XAUITheme } from '../../theme/theme.type';
+import type { FabSize, FabSlot, FabVariant } from './fab.type';
+/** The glyph the size implies, read as a value — an `Icon` takes props, not styles. */
+export declare function fabGlyph(size: FabSize): number;
+export declare const fabRecipe: import("../..").Recipe<"label" | "root" | "icon" | "spinner", FabVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<FabSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<FabSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<FabSlot>;
+    };
+    readonly radius: Record<import("../..").RadiusKey, import("../..").StyleFn<"root">>;
+    /**
+     * Wider than it is tall. The width is given up — `auto`, so the box is its content plus
+     * its inset — and the height stays the size's own, which is what keeps an extended FAB
+     * and a round one on the same line at the same height.
+     */
+    readonly extended: {
+        readonly true: () => {
+            root: {
+                width: "auto";
+            };
+        };
+    };
+}>;

package/dist/components/fab/fab.style.d.cts

@@ -0,0 +1,13 @@
+/**
+ * The round FAB's own geometry — no token in it, which is why it is here and not in the
+ * recipe.
+ *
+ * A fixed square with one mark in it wants no padding at all, and `overflow: hidden` is what
+ * keeps the press feedback's ripple inside the circle rather than square at its corners.
+ */
+export declare const fabSheet: {
+    round: {
+        paddingHorizontal: number;
+        overflow: "hidden";
+    };
+};

package/dist/components/fab/fab.style.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The round FAB's own geometry — no token in it, which is why it is here and not in the
+ * recipe.
+ *
+ * A fixed square with one mark in it wants no padding at all, and `overflow: hidden` is what
+ * keeps the press feedback's ripple inside the circle rather than square at its corners.
+ */
+export declare const fabSheet: {
+    round: {
+        paddingHorizontal: number;
+        overflow: "hidden";
+    };
+};

package/dist/components/fab/fab.type.d.cts

@@ -0,0 +1,75 @@
+import type { ReactNode } from 'react';
+import type { PressableStateCallbackType, StyleProp, TextProps, TextStyle, ViewStyle } from 'react-native';
+import type { IconProps } from '../../system/icon';
+import type { PressableFeedbackProps } from '../../system/pressable-feedback';
+import type { TextStyleProps } from '../../system/style-props';
+import type { RadiusKey } from '../../theme/theme.type';
+export type FabSlot = 'root' | 'label' | 'icon' | 'spinner';
+/**
+ * The `Button`'s union, minus nothing: a floating action button is a button, and the one it
+ * floats over is as likely to be a delete as a compose.
+ */
+export type FabVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'danger' | 'danger-soft';
+/** Three steps on the square's side: 40, 56 and 72 points. */
+export type FabSize = 'sm' | 'md' | 'lg';
+/**
+ * Where it floats, or nowhere.
+ *
+ * Unset it sits in the flow like any other control, which is what a FAB inside a card or a
+ * toolbar wants. The three others pin it to the bottom of its nearest positioned ancestor —
+ * `start` and `end` rather than left and right, so a right-to-left layout moves it without a
+ * second branch (R13).
+ */
+export type FabPlacement = 'bottom-start' | 'bottom-center' | 'bottom-end';
+type FabOwnProps = {
+    variant?: FabVariant;
+    /** The square's side, or an extended one's height. Never its width. */
+    size?: FabSize;
+    /** Overrides the circle. `full` is the default and what makes it a FAB. */
+    radius?: RadiusKey;
+    /** A raw tint (R7), landing where the variant put its tokens. */
+    color?: string;
+    /**
+     * Wider than it is tall, with room for a word beside the mark.
+     *
+     * A prop rather than "there is a `Fab.Label` in here", because the root's recipe resolves
+     * before its children do: the shape has to be known when the box is measured, and the box
+     * is measured before the label inside it exists.
+     */
+    isExtended?: boolean;
+    /** Pinned to the bottom of the nearest positioned ancestor. Unset, it sits in the flow. */
+    placement?: FabPlacement;
+    /** How far in from that edge, in points. @default 16 */
+    offset?: number;
+    isDisabled?: boolean;
+    /** Swaps the mark for a spinner and stops the press. The label stays. */
+    isLoading?: boolean;
+    /** R12 — merge into the single child instead of rendering a pressable. */
+    asChild?: boolean;
+    /** R9 — `Pressable`'s function form as much as an object or an array. */
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+};
+/** R14 — it renders a `PressableFeedback`, so it carries that node's style keys through it. */
+export type FabProps = FabOwnProps & Omit<PressableFeedbackProps, 'isPressed' | 'style' | 'children' | keyof FabOwnProps>;
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+export type FabLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+export type FabIconProps = IconProps;
+/** R5 — resolved style ids, never a token for a slot to resolve again. */
+export type FabContextValue = {
+    labelStyle: StyleProp<TextStyle>;
+    spinnerStyle: StyleProp<ViewStyle>;
+    /**
+     * Values, not a style: an icon is a third party's component and takes `size` and `color`
+     * as props. Flattened once here, the way the `Button` and the `Chip` publish theirs.
+     */
+    icon: {
+        size: number | undefined;
+        color: string | undefined;
+    };
+    isDisabled: boolean;
+    isLoading: boolean;
+};
+export {};

package/dist/components/fab/fab.type.d.ts

@@ -0,0 +1,75 @@
+import type { ReactNode } from 'react';
+import type { PressableStateCallbackType, StyleProp, TextProps, TextStyle, ViewStyle } from 'react-native';
+import type { IconProps } from '../../system/icon';
+import type { PressableFeedbackProps } from '../../system/pressable-feedback';
+import type { TextStyleProps } from '../../system/style-props';
+import type { RadiusKey } from '../../theme/theme.type';
+export type FabSlot = 'root' | 'label' | 'icon' | 'spinner';
+/**
+ * The `Button`'s union, minus nothing: a floating action button is a button, and the one it
+ * floats over is as likely to be a delete as a compose.
+ */
+export type FabVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'danger' | 'danger-soft';
+/** Three steps on the square's side: 40, 56 and 72 points. */
+export type FabSize = 'sm' | 'md' | 'lg';
+/**
+ * Where it floats, or nowhere.
+ *
+ * Unset it sits in the flow like any other control, which is what a FAB inside a card or a
+ * toolbar wants. The three others pin it to the bottom of its nearest positioned ancestor —
+ * `start` and `end` rather than left and right, so a right-to-left layout moves it without a
+ * second branch (R13).
+ */
+export type FabPlacement = 'bottom-start' | 'bottom-center' | 'bottom-end';
+type FabOwnProps = {
+    variant?: FabVariant;
+    /** The square's side, or an extended one's height. Never its width. */
+    size?: FabSize;
+    /** Overrides the circle. `full` is the default and what makes it a FAB. */
+    radius?: RadiusKey;
+    /** A raw tint (R7), landing where the variant put its tokens. */
+    color?: string;
+    /**
+     * Wider than it is tall, with room for a word beside the mark.
+     *
+     * A prop rather than "there is a `Fab.Label` in here", because the root's recipe resolves
+     * before its children do: the shape has to be known when the box is measured, and the box
+     * is measured before the label inside it exists.
+     */
+    isExtended?: boolean;
+    /** Pinned to the bottom of the nearest positioned ancestor. Unset, it sits in the flow. */
+    placement?: FabPlacement;
+    /** How far in from that edge, in points. @default 16 */
+    offset?: number;
+    isDisabled?: boolean;
+    /** Swaps the mark for a spinner and stops the press. The label stays. */
+    isLoading?: boolean;
+    /** R12 — merge into the single child instead of rendering a pressable. */
+    asChild?: boolean;
+    /** R9 — `Pressable`'s function form as much as an object or an array. */
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+};
+/** R14 — it renders a `PressableFeedback`, so it carries that node's style keys through it. */
+export type FabProps = FabOwnProps & Omit<PressableFeedbackProps, 'isPressed' | 'style' | 'children' | keyof FabOwnProps>;
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+export type FabLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+export type FabIconProps = IconProps;
+/** R5 — resolved style ids, never a token for a slot to resolve again. */
+export type FabContextValue = {
+    labelStyle: StyleProp<TextStyle>;
+    spinnerStyle: StyleProp<ViewStyle>;
+    /**
+     * Values, not a style: an icon is a third party's component and takes `size` and `color`
+     * as props. Flattened once here, the way the `Button` and the `Chip` publish theirs.
+     */
+    icon: {
+        size: number | undefined;
+        color: string | undefined;
+    };
+    isDisabled: boolean;
+    isLoading: boolean;
+};
+export {};

package/dist/components/fab/index.cjs

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkAR7667VNcjs = require('../../chunk-AR7667VN.cjs');
+require('../../chunk-GTR5X65M.cjs');
+require('../../chunk-XSQPVDFH.cjs');
+require('../../chunk-H2FTAU5C.cjs');
+require('../../chunk-YVYYONTP.cjs');
+require('../../chunk-WDDXU3OH.cjs');
+require('../../chunk-EKS3W46M.cjs');
+require('../../chunk-WFEMJCXO.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-OW4N2C3M.cjs');
+require('../../chunk-7DPL3ZDS.cjs');
+require('../../chunk-GSZDN6EZ.cjs');
+require('../../chunk-FHNIGHN5.cjs');
+require('../../chunk-SL3V7R2Y.cjs');
+require('../../chunk-TVJXC4HY.cjs');
+require('../../chunk-CDRGTUYF.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-IIAQISBG.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Fab = _chunkAR7667VNcjs.Fab; exports.FabDiscovery = _chunkAR7667VNcjs.FabDiscovery2; exports.FabDiscoveryAction = _chunkAR7667VNcjs.FabDiscoveryAction; exports.FabDiscoveryContent = _chunkAR7667VNcjs.FabDiscoveryContent; exports.FabDiscoveryDescription = _chunkAR7667VNcjs.FabDiscoveryDescription; exports.FabDiscoveryOverlay = _chunkAR7667VNcjs.FabDiscoveryOverlay; exports.FabDiscoveryRoot = _chunkAR7667VNcjs.FabDiscovery; exports.FabDiscoveryTarget = _chunkAR7667VNcjs.FabDiscoveryTarget; exports.FabDiscoveryTitle = _chunkAR7667VNcjs.FabDiscoveryTitle; exports.FabIcon = _chunkAR7667VNcjs.FabIcon; exports.FabLabel = _chunkAR7667VNcjs.FabLabel; exports.FabMenu = _chunkAR7667VNcjs.FabMenu2; exports.FabMenuContent = _chunkAR7667VNcjs.FabMenuContent; exports.FabMenuIcon = _chunkAR7667VNcjs.FabMenuIcon; exports.FabMenuItem = _chunkAR7667VNcjs.FabMenuItem; exports.FabMenuLabel = _chunkAR7667VNcjs.FabMenuLabel; exports.FabMenuOverlay = _chunkAR7667VNcjs.FabMenuOverlay; exports.FabMenuRoot = _chunkAR7667VNcjs.FabMenu; exports.FabMenuTrigger = _chunkAR7667VNcjs.FabMenuTrigger; exports.FabRoot = _chunkAR7667VNcjs.FabRoot; exports.FabSpinner = _chunkAR7667VNcjs.FabSpinner; exports.fabDiscoveryRecipe = _chunkAR7667VNcjs.fabDiscoveryRecipe; exports.fabMenuRecipe = _chunkAR7667VNcjs.fabMenuRecipe; exports.fabRecipe = _chunkAR7667VNcjs.fabRecipe; exports.useFab = _chunkAR7667VNcjs.useFab; exports.useFabDiscovery = _chunkAR7667VNcjs.useFabDiscovery; exports.useFabMenu = _chunkAR7667VNcjs.useFabMenu;

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

@@ -0,0 +1,166 @@
+import { FabDiscovery as FabDiscoveryRoot } from './fab-discovery';
+import { FabIcon } from './fab-icon';
+import { FabMenu as FabMenuRoot } from './fab-menu';
+import { FabMenuIcon } from './fab-menu-icon';
+import { FabSpinner } from './fab-spinner';
+/** A FAB menu compound, exported alongside `Fab` from the same entry point. */
+export declare const FabMenu: typeof FabMenuRoot & {
+    Trigger: import("react").ForwardRefExoticComponent<import("./fab-menu.type").FabMenuTriggerProps & import("react").RefAttributes<import("react-native").View>>;
+    Overlay: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+        isDismissable?: boolean;
+    } & Omit<import("react-native").ViewProps, keyof {
+        children?: import("react").ReactNode;
+        isDismissable?: boolean;
+    }> & Omit<import("../..").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"> & import("react").RefAttributes<import("react-native").View>>;
+    Content: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+        placement?: import("./fab-menu.type").FabMenuPlacement;
+        align?: import("./fab-menu.type").FabMenuAlign;
+        width?: import("./fab-menu.type").FabMenuWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: import("./fab-menu.type").FabMenuInsets;
+    } & Omit<import("react-native").ViewProps, keyof {
+        children?: import("react").ReactNode;
+        placement?: import("./fab-menu.type").FabMenuPlacement;
+        align?: import("./fab-menu.type").FabMenuAlign;
+        width?: import("./fab-menu.type").FabMenuWidth;
+        offset?: number;
+        alignOffset?: number;
+        avoidCollisions?: boolean;
+        insets?: import("./fab-menu.type").FabMenuInsets;
+    }> & Omit<import("../..").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"> & import("react").RefAttributes<import("react-native").View>>;
+    Item: import("react").ForwardRefExoticComponent<{
+        isDisabled?: boolean;
+        closesOnPress?: boolean;
+        children?: import("react").ReactNode;
+        asChild?: boolean;
+    } & Omit<import("react-native").PressableProps, keyof {
+        isDisabled?: boolean;
+        closesOnPress?: boolean;
+        children?: import("react").ReactNode;
+        asChild?: boolean;
+    }> & Omit<import("../..").ViewStyleProps, "pointerEvents" | "disabled" | "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" | "onHoverIn" | "onHoverOut" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "isDisabled" | "asChild" | "closesOnPress"> & import("react").RefAttributes<import("react-native").View>>;
+    Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Icon: typeof FabMenuIcon;
+};
+/** A coach-mark compound, exported alongside `Fab` from the same entry point. */
+export declare const FabDiscovery: typeof FabDiscoveryRoot & {
+    Target: import("react").ForwardRefExoticComponent<{
+        variant?: import("./fab.type").FabVariant;
+        size?: import("./fab.type").FabSize;
+        radius?: import("../..").RadiusKey;
+        color?: string;
+        isExtended?: boolean;
+        placement?: import("./fab.type").FabPlacement;
+        offset?: number;
+        isDisabled?: boolean;
+        isLoading?: boolean;
+        asChild?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+        children?: import("react").ReactNode;
+    } & Omit<import("../..").PressableFeedbackProps, "isPressed" | keyof {
+        variant?: import("./fab.type").FabVariant;
+        size?: import("./fab.type").FabSize;
+        radius?: import("../..").RadiusKey;
+        color?: string;
+        isExtended?: boolean;
+        placement?: import("./fab.type").FabPlacement;
+        offset?: number;
+        isDisabled?: boolean;
+        isLoading?: boolean;
+        asChild?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+        children?: import("react").ReactNode;
+    }> & import("react").RefAttributes<import("react-native").View>>;
+    Overlay: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+        isDismissable?: boolean;
+    } & Omit<import("react-native").ViewProps, keyof {
+        children?: import("react").ReactNode;
+        isDismissable?: boolean;
+    }> & Omit<import("../..").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"> & import("react").RefAttributes<import("react-native").View>>;
+    Content: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & import("../..").ViewStyleProps & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Title: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Description: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Action: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+        closesOnPress?: boolean;
+        asChild?: boolean;
+    } & Omit<import("react-native").PressableProps, keyof {
+        children?: import("react").ReactNode;
+        closesOnPress?: boolean;
+        asChild?: boolean;
+    }> & Omit<import("../..").ViewStyleProps, "pointerEvents" | "disabled" | "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" | "onHoverIn" | "onHoverOut" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "asChild" | "closesOnPress"> & import("react").RefAttributes<import("react-native").View>>;
+};
+export declare const Fab: import("react").ForwardRefExoticComponent<{
+    variant?: import("./fab.type").FabVariant;
+    size?: import("./fab.type").FabSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExtended?: boolean;
+    placement?: import("./fab.type").FabPlacement;
+    offset?: number;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+} & Omit<import("../..").PressableFeedbackProps, "isPressed" | keyof {
+    variant?: import("./fab.type").FabVariant;
+    size?: import("./fab.type").FabSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    isExtended?: boolean;
+    placement?: import("./fab.type").FabPlacement;
+    offset?: number;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    asChild?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<import("react-native").View>> & {
+    Icon: typeof FabIcon;
+    Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Spinner: typeof FabSpinner;
+};
+export { FabRoot } from './fab';
+export { FabIcon } from './fab-icon';
+export { FabLabel } from './fab-label';
+export { FabSpinner } from './fab-spinner';
+export { useFab } from './fab.context';
+export { fabRecipe } from './fab.recipe';
+export { FabMenu as FabMenuRoot } from './fab-menu';
+export { FabMenuContent } from './fab-menu-content';
+export { FabMenuIcon } from './fab-menu-icon';
+export { FabMenuItem } from './fab-menu-item';
+export { FabMenuLabel } from './fab-menu-label';
+export { FabMenuOverlay } from './fab-menu-overlay';
+export { FabMenuTrigger } from './fab-menu-trigger';
+export { useFabMenu } from './fab-menu.context';
+export { fabMenuRecipe } from './fab-menu.recipe';
+export { FabDiscovery as FabDiscoveryRoot } from './fab-discovery';
+export { FabDiscoveryAction } from './fab-discovery-action';
+export { FabDiscoveryContent } from './fab-discovery-content';
+export { FabDiscoveryDescription } from './fab-discovery-description';
+export { FabDiscoveryOverlay } from './fab-discovery-overlay';
+export { FabDiscoveryTarget } from './fab-discovery-target';
+export { FabDiscoveryTitle } from './fab-discovery-title';
+export { useFabDiscovery } from './fab-discovery.context';
+export { fabDiscoveryRecipe } from './fab-discovery.recipe';
+export type { FabDiscoveryActionProps, FabDiscoveryAnchor, FabDiscoveryContentProps, FabDiscoveryContextValue, FabDiscoveryDescriptionProps, FabDiscoveryOverlayProps, FabDiscoveryProps, FabDiscoverySlot, FabDiscoveryTargetProps, FabDiscoveryTitleProps, } from './fab-discovery.type';
+export type { FabMenuAlign, FabMenuAnchor, FabMenuContentProps, FabMenuContextValue, FabMenuIconProps, FabMenuInsets, FabMenuItemProps, FabMenuLabelProps, FabMenuOverlayProps, FabMenuPlacement, FabMenuProps, FabMenuSize, FabMenuSlot, FabMenuTriggerProps, FabMenuWidth, } from './fab-menu.type';
+export type { FabSpinnerProps } from './fab-spinner';
+export type { FabContextValue, FabIconProps, FabLabelProps, FabPlacement, FabProps, FabSize, FabSlot, FabVariant, } from './fab.type';