@xaui/native 0.9.1-alpha.41 → 0.9.1-alpha.43

package/dist/components/bottom-sheet/index.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+var _chunkP2GKAAA3cjs = require('../../chunk-P2GKAAA3.cjs');
+require('../../chunk-WDDXU3OH.cjs');
+require('../../chunk-EKS3W46M.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-TGMVEHV7.cjs');
+require('../../chunk-7DPL3ZDS.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-7GHM4GKL.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+exports.BottomSheet = _chunkP2GKAAA3cjs.BottomSheet2; exports.BottomSheetClose = _chunkP2GKAAA3cjs.BottomSheetClose; exports.BottomSheetContent = _chunkP2GKAAA3cjs.BottomSheetContent; exports.BottomSheetDescription = _chunkP2GKAAA3cjs.BottomSheetDescription; exports.BottomSheetHandle = _chunkP2GKAAA3cjs.BottomSheetHandle; exports.BottomSheetOverlay = _chunkP2GKAAA3cjs.BottomSheetOverlay; exports.BottomSheetRoot = _chunkP2GKAAA3cjs.BottomSheet; exports.BottomSheetTitle = _chunkP2GKAAA3cjs.BottomSheetTitle; exports.BottomSheetTrigger = _chunkP2GKAAA3cjs.BottomSheetTrigger; exports.bottomSheetRecipe = _chunkP2GKAAA3cjs.bottomSheetRecipe; exports.useBottomSheet = _chunkP2GKAAA3cjs.useBottomSheet;

package/dist/components/bottom-sheet/index.d.cts

@@ -0,0 +1,230 @@
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, TextStyle, PressableProps, TextProps, View, Text } from 'react-native';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe } from '../../create-recipe-dC7wMfnj.cjs';
+
+type BottomSheetSlot = 'overlay' | 'content' | 'handle' | 'title' | 'description';
+type BottomSheetOwnProps = {
+    children?: ReactNode;
+    radius?: RadiusKey;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+    /**
+     * How far down the sheet has to be dragged before letting go closes it, as a fraction
+     * of its own height.
+     *
+     * @default 0.35
+     */
+    dismissThreshold?: number;
+};
+/** The root renders **no node** — `ref` and `style` live on the parts that draw. */
+type BottomSheetProps = BottomSheetOwnProps;
+type TriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type BottomSheetTriggerProps = TriggerOwnProps & Omit<PressableProps, keyof TriggerOwnProps> & Omit<ViewStyleProps, keyof TriggerOwnProps | keyof PressableProps>;
+type OverlayOwnProps = {
+    children?: ReactNode;
+    isDismissable?: boolean;
+};
+type BottomSheetOverlayProps = OverlayOwnProps & Omit<ViewProps, keyof OverlayOwnProps> & Omit<ViewStyleProps, keyof OverlayOwnProps | keyof ViewProps>;
+type ContentOwnProps = {
+    children?: ReactNode;
+    /** Whether dragging the sheet down closes it. */
+    isSwipeable?: boolean;
+};
+type BottomSheetContentProps = ContentOwnProps & Omit<ViewProps, keyof ContentOwnProps> & Omit<ViewStyleProps, keyof ContentOwnProps | keyof ViewProps>;
+/** The grab bar. It draws a pill and holds nothing. */
+type BottomSheetHandleProps = Omit<ViewProps, 'children'> & ViewStyleProps;
+type TextOwnProps = {
+    children?: ReactNode;
+};
+type BottomSheetTitleProps = TextOwnProps & Omit<TextProps, keyof TextOwnProps> & Omit<TextStyleProps, keyof TextOwnProps | keyof TextProps>;
+type BottomSheetDescriptionProps = BottomSheetTitleProps;
+type CloseOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type BottomSheetCloseProps = CloseOwnProps & Omit<PressableProps, keyof CloseOwnProps> & Omit<ViewStyleProps, keyof CloseOwnProps | keyof PressableProps>;
+/** R5 — resolved style ids and the state the slots read. */
+type BottomSheetContextValue = {
+    overlayStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    handleStyle: StyleProp<ViewStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    dismissThreshold: number;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+
+/**
+ * The sheet itself.
+ *
+ * **It measures its own height, then slides that far.** A sheet is as tall as what is in
+ * it, and nothing else on the screen knows that number — so the first layout is what tells
+ * the animation how far "down" is. Until it has one the sheet sits off-screen at a
+ * pessimistic distance rather than flashing at its resting place.
+ *
+ * The drag runs on `react-native-gesture-handler`, an **optional** peer of this package.
+ * It is imported here and in the `Slider`, so an app that uses neither never pays for it.
+ *
+ * Downward only. A sheet dragged upward has nowhere to go — it is already against the
+ * top of its own content — and letting it stretch there is a rubber-band nobody asked for.
+ */
+declare function BottomSheetContent({ children, isSwipeable, accessibilityViewIsModal, style, onLayout, ...props }: BottomSheetContentProps): react.JSX.Element | null;
+declare namespace BottomSheetContent {
+    var displayName: string;
+}
+
+/**
+ * A surface that comes up from the bottom edge and can be thrown back down.
+ *
+ * ```tsx
+ * <BottomSheet>
+ *   <BottomSheet.Trigger asChild>
+ *     <Button>Partager</Button>
+ *   </BottomSheet.Trigger>
+ *   <BottomSheet.Overlay />
+ *   <BottomSheet.Content>
+ *     <BottomSheet.Handle />
+ *     <BottomSheet.Title>Partager</BottomSheet.Title>
+ *   </BottomSheet.Content>
+ * </BottomSheet>
+ * ```
+ *
+ * **The root renders no node.** It holds one piece of state and the styles the slots read.
+ *
+ * It is built on this library's own peers rather than on `@gorhom/bottom-sheet`, which is
+ * what HeroUI wraps. A sheet that slides, springs and dismisses is a pan gesture and a
+ * shared value; taking a dependency for that would put a second animation library in every
+ * app that installs one component.
+ */
+declare function BottomSheet$1({ children, radius, isOpen: controlledOpen, defaultOpen, onOpenChange, isDisabled, dismissThreshold, }: BottomSheetProps): react.JSX.Element;
+declare namespace BottomSheet$1 {
+    var displayName: string;
+}
+
+/**
+ * Anything that sends the sheet back down. It renders no glyph of its own: a sheet is
+ * dismissed by dragging it or by a button that says what it did, far more often than by a
+ * cross in a corner. `system/close-button` is there for the cross.
+ */
+declare const BottomSheetClose: 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 sentence under it. It wraps — that is what it exists to carry. */
+declare const BottomSheetDescription: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The grab bar.
+ *
+ * It is the only thing telling a reader the sheet can be dragged — the gesture has no other
+ * affordance, and a sheet without one reads as a panel that happens to have arrived from
+ * below. Written by the caller rather than drawn by the content, because a sheet with
+ * `isSwipeable={false}` should not be advertising a gesture it refuses.
+ */
+declare const BottomSheetHandle: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "children"> & ViewStyleProps & react.RefAttributes<View>>;
+
+/**
+ * The backdrop.
+ *
+ * **It dims.** A sheet takes the screen over, and the page behind it is not available until
+ * the sheet is gone — the dimming is what says so.
+ *
+ * `isDismissable={false}` for a sheet that has to be answered rather than escaped. The drag
+ * is a separate refusal: `isSwipeable={false}` on the content.
+ */
+declare const BottomSheetOverlay: 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 the sheet is for. A `header`, so it announces as one. */
+declare const BottomSheetTitle: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * What brings the sheet up. It paints nothing of its own — a sheet's trigger is a `Button`
+ * far more often than not, and giving it a surface would put a second box around one.
+ */
+declare const BottomSheetTrigger: 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 useBottomSheet: () => BottomSheetContextValue;
+
+/**
+ * Only the **top** corners, and only they can be overridden.
+ *
+ * A sheet sits on the bottom edge of the screen, so its lower corners are off it. Rounding
+ * them would put two arcs against a straight edge nobody can see, and `radiusAxis` — which
+ * writes `borderRadius` — would round all four.
+ */
+declare function topCorners(radius: RadiusKey): (theme: XAUITheme) => {
+    content: {
+        borderTopStartRadius: number;
+        borderTopEndRadius: number;
+    };
+};
+declare const bottomSheetRecipe: Recipe<"title" | "overlay" | "content" | "description" | "handle", "default", {
+    readonly radius: Record<RadiusKey, ReturnType<typeof topCorners>>;
+}>;
+
+declare const BottomSheet: typeof BottomSheet$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: typeof BottomSheetContent;
+    Handle: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "children"> & ViewStyleProps & 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 { BottomSheet, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, type BottomSheetContextValue, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetHandle, type BottomSheetHandleProps, BottomSheetOverlay, type BottomSheetOverlayProps, type BottomSheetProps, BottomSheet$1 as BottomSheetRoot, type BottomSheetSlot, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, bottomSheetRecipe, useBottomSheet };

package/dist/components/bottom-sheet/index.d.ts

@@ -0,0 +1,230 @@
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, TextStyle, PressableProps, TextProps, View, Text } from 'react-native';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
+import { R as Recipe } from '../../create-recipe-BdVd2ffi.js';
+
+type BottomSheetSlot = 'overlay' | 'content' | 'handle' | 'title' | 'description';
+type BottomSheetOwnProps = {
+    children?: ReactNode;
+    radius?: RadiusKey;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+    /**
+     * How far down the sheet has to be dragged before letting go closes it, as a fraction
+     * of its own height.
+     *
+     * @default 0.35
+     */
+    dismissThreshold?: number;
+};
+/** The root renders **no node** — `ref` and `style` live on the parts that draw. */
+type BottomSheetProps = BottomSheetOwnProps;
+type TriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type BottomSheetTriggerProps = TriggerOwnProps & Omit<PressableProps, keyof TriggerOwnProps> & Omit<ViewStyleProps, keyof TriggerOwnProps | keyof PressableProps>;
+type OverlayOwnProps = {
+    children?: ReactNode;
+    isDismissable?: boolean;
+};
+type BottomSheetOverlayProps = OverlayOwnProps & Omit<ViewProps, keyof OverlayOwnProps> & Omit<ViewStyleProps, keyof OverlayOwnProps | keyof ViewProps>;
+type ContentOwnProps = {
+    children?: ReactNode;
+    /** Whether dragging the sheet down closes it. */
+    isSwipeable?: boolean;
+};
+type BottomSheetContentProps = ContentOwnProps & Omit<ViewProps, keyof ContentOwnProps> & Omit<ViewStyleProps, keyof ContentOwnProps | keyof ViewProps>;
+/** The grab bar. It draws a pill and holds nothing. */
+type BottomSheetHandleProps = Omit<ViewProps, 'children'> & ViewStyleProps;
+type TextOwnProps = {
+    children?: ReactNode;
+};
+type BottomSheetTitleProps = TextOwnProps & Omit<TextProps, keyof TextOwnProps> & Omit<TextStyleProps, keyof TextOwnProps | keyof TextProps>;
+type BottomSheetDescriptionProps = BottomSheetTitleProps;
+type CloseOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type BottomSheetCloseProps = CloseOwnProps & Omit<PressableProps, keyof CloseOwnProps> & Omit<ViewStyleProps, keyof CloseOwnProps | keyof PressableProps>;
+/** R5 — resolved style ids and the state the slots read. */
+type BottomSheetContextValue = {
+    overlayStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    handleStyle: StyleProp<ViewStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    dismissThreshold: number;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+
+/**
+ * The sheet itself.
+ *
+ * **It measures its own height, then slides that far.** A sheet is as tall as what is in
+ * it, and nothing else on the screen knows that number — so the first layout is what tells
+ * the animation how far "down" is. Until it has one the sheet sits off-screen at a
+ * pessimistic distance rather than flashing at its resting place.
+ *
+ * The drag runs on `react-native-gesture-handler`, an **optional** peer of this package.
+ * It is imported here and in the `Slider`, so an app that uses neither never pays for it.
+ *
+ * Downward only. A sheet dragged upward has nowhere to go — it is already against the
+ * top of its own content — and letting it stretch there is a rubber-band nobody asked for.
+ */
+declare function BottomSheetContent({ children, isSwipeable, accessibilityViewIsModal, style, onLayout, ...props }: BottomSheetContentProps): react.JSX.Element | null;
+declare namespace BottomSheetContent {
+    var displayName: string;
+}
+
+/**
+ * A surface that comes up from the bottom edge and can be thrown back down.
+ *
+ * ```tsx
+ * <BottomSheet>
+ *   <BottomSheet.Trigger asChild>
+ *     <Button>Partager</Button>
+ *   </BottomSheet.Trigger>
+ *   <BottomSheet.Overlay />
+ *   <BottomSheet.Content>
+ *     <BottomSheet.Handle />
+ *     <BottomSheet.Title>Partager</BottomSheet.Title>
+ *   </BottomSheet.Content>
+ * </BottomSheet>
+ * ```
+ *
+ * **The root renders no node.** It holds one piece of state and the styles the slots read.
+ *
+ * It is built on this library's own peers rather than on `@gorhom/bottom-sheet`, which is
+ * what HeroUI wraps. A sheet that slides, springs and dismisses is a pan gesture and a
+ * shared value; taking a dependency for that would put a second animation library in every
+ * app that installs one component.
+ */
+declare function BottomSheet$1({ children, radius, isOpen: controlledOpen, defaultOpen, onOpenChange, isDisabled, dismissThreshold, }: BottomSheetProps): react.JSX.Element;
+declare namespace BottomSheet$1 {
+    var displayName: string;
+}
+
+/**
+ * Anything that sends the sheet back down. It renders no glyph of its own: a sheet is
+ * dismissed by dragging it or by a button that says what it did, far more often than by a
+ * cross in a corner. `system/close-button` is there for the cross.
+ */
+declare const BottomSheetClose: 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 sentence under it. It wraps — that is what it exists to carry. */
+declare const BottomSheetDescription: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * The grab bar.
+ *
+ * It is the only thing telling a reader the sheet can be dragged — the gesture has no other
+ * affordance, and a sheet without one reads as a panel that happens to have arrived from
+ * below. Written by the caller rather than drawn by the content, because a sheet with
+ * `isSwipeable={false}` should not be advertising a gesture it refuses.
+ */
+declare const BottomSheetHandle: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "children"> & ViewStyleProps & react.RefAttributes<View>>;
+
+/**
+ * The backdrop.
+ *
+ * **It dims.** A sheet takes the screen over, and the page behind it is not available until
+ * the sheet is gone — the dimming is what says so.
+ *
+ * `isDismissable={false}` for a sheet that has to be answered rather than escaped. The drag
+ * is a separate refusal: `isSwipeable={false}` on the content.
+ */
+declare const BottomSheetOverlay: 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 the sheet is for. A `header`, so it announces as one. */
+declare const BottomSheetTitle: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.TextProps, "children"> & Omit<TextStyleProps, keyof react_native.TextProps> & react.RefAttributes<Text>>;
+
+/**
+ * What brings the sheet up. It paints nothing of its own — a sheet's trigger is a `Button`
+ * far more often than not, and giving it a surface would put a second box around one.
+ */
+declare const BottomSheetTrigger: 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 useBottomSheet: () => BottomSheetContextValue;
+
+/**
+ * Only the **top** corners, and only they can be overridden.
+ *
+ * A sheet sits on the bottom edge of the screen, so its lower corners are off it. Rounding
+ * them would put two arcs against a straight edge nobody can see, and `radiusAxis` — which
+ * writes `borderRadius` — would round all four.
+ */
+declare function topCorners(radius: RadiusKey): (theme: XAUITheme) => {
+    content: {
+        borderTopStartRadius: number;
+        borderTopEndRadius: number;
+    };
+};
+declare const bottomSheetRecipe: Recipe<"title" | "overlay" | "content" | "description" | "handle", "default", {
+    readonly radius: Record<RadiusKey, ReturnType<typeof topCorners>>;
+}>;
+
+declare const BottomSheet: typeof BottomSheet$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: typeof BottomSheetContent;
+    Handle: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "children"> & ViewStyleProps & 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 { BottomSheet, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, type BottomSheetContextValue, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetHandle, type BottomSheetHandleProps, BottomSheetOverlay, type BottomSheetOverlayProps, type BottomSheetProps, BottomSheet$1 as BottomSheetRoot, type BottomSheetSlot, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, bottomSheetRecipe, useBottomSheet };

package/dist/components/bottom-sheet/index.js

@@ -0,0 +1,37 @@
+import {
+  BottomSheet,
+  BottomSheet2,
+  BottomSheetClose,
+  BottomSheetContent,
+  BottomSheetDescription,
+  BottomSheetHandle,
+  BottomSheetOverlay,
+  BottomSheetTitle,
+  BottomSheetTrigger,
+  bottomSheetRecipe,
+  useBottomSheet
+} from "../../chunk-J5WXI5NU.js";
+import "../../chunk-2PMXMKS5.js";
+import "../../chunk-64MXEVT3.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 {
+  BottomSheet2 as BottomSheet,
+  BottomSheetClose,
+  BottomSheetContent,
+  BottomSheetDescription,
+  BottomSheetHandle,
+  BottomSheetOverlay,
+  BottomSheet as BottomSheetRoot,
+  BottomSheetTitle,
+  BottomSheetTrigger,
+  bottomSheetRecipe,
+  useBottomSheet
+};

package/dist/components/button/index.cjs

@@ -2,21 +2,21 @@
 
 
 
-var _chunkR73XQK7Xcjs = require('../../chunk-R73XQK7X.cjs');
+var _chunkNCCRQK3Pcjs = require('../../chunk-NCCRQK3P.cjs');
 require('../../chunk-XSQPVDFH.cjs');
 require('../../chunk-WFEMJCXO.cjs');
 require('../../chunk-4KFKWBN5.cjs');
 require('../../chunk-7EIHHOHP.cjs');
-require('../../chunk-3E7CDKFO.cjs');
+require('../../chunk-TGMVEHV7.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-FNEUOBCV.cjs');
+require('../../chunk-57SJ4LJF.cjs');
 require('../../chunk-TK44VBIE.cjs');
 
 
 
 
-exports.Button = _chunkR73XQK7Xcjs.Button; exports.buttonRecipe = _chunkR73XQK7Xcjs.buttonRecipe; exports.useButton = _chunkR73XQK7Xcjs.useButton;
+exports.Button = _chunkNCCRQK3Pcjs.Button; exports.buttonRecipe = _chunkNCCRQK3Pcjs.buttonRecipe; exports.useButton = _chunkNCCRQK3Pcjs.useButton;