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

package/dist/components/accordion/index.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+var _chunk7KLBTMXVcjs = require('../../chunk-7KLBTMXV.cjs');
+require('../../chunk-EKS3W46M.cjs');
+require('../../chunk-4KFKWBN5.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.Accordion = _chunk7KLBTMXVcjs.Accordion; exports.AccordionContent = _chunk7KLBTMXVcjs.AccordionContent; exports.AccordionIndicator = _chunk7KLBTMXVcjs.AccordionIndicator; exports.AccordionItem = _chunk7KLBTMXVcjs.AccordionItem; exports.AccordionRoot = _chunk7KLBTMXVcjs.AccordionRoot; exports.AccordionTrigger = _chunk7KLBTMXVcjs.AccordionTrigger; exports.accordionLayoutTransition = _chunk7KLBTMXVcjs.LAYOUT; exports.accordionRecipe = _chunk7KLBTMXVcjs.accordionRecipe; exports.useAccordion = _chunk7KLBTMXVcjs.useAccordion; exports.useAccordionItem = _chunk7KLBTMXVcjs.useAccordionItem;

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

@@ -0,0 +1,299 @@
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, ViewProps, PressableProps, View } from 'react-native';
+import * as react from 'react';
+import { ComponentType, ReactNode } from 'react';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
+import { b as IconComponentProps, I as IconContextValue } from '../../icon.type-d_i9ma-i.cjs';
+import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
+import * as react_native_reanimated from 'react-native-reanimated';
+
+type AccordionSlot = 'root'
+/** The clipping layer inside the root. See the recipe for why it is not the root. */
+ | 'container' | 'separator' | 'item' | 'trigger' | 'indicator' | 'content';
+/**
+ * Four emphasis levels, no intent — `danger` on a list of expandable rows would be
+ * colouring a container rather than reporting a meaning.
+ *
+ * The ladder descends without a gap: `primary` is the strong fill, `secondary` the
+ * quieter one, `tertiary` an edge with nothing behind it, `ghost` nothing at all. Neither
+ * the `Button`'s five nor the `Card`'s four read that cleanly — both put `default`
+ * somewhere in the middle of an order it does not name a position in.
+ *
+ * `ghost` is the default here, and it is HeroUI's own `default`: rows separated by
+ * hairlines, on whatever page they sit on. `primary` is their `surface`.
+ */
+type AccordionVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+type AccordionSize = Size;
+/** One open at a time, or as many as the reader wants. */
+type AccordionSelectionMode = 'single' | 'multiple';
+/** A string in `single` mode, a list of them in `multiple`. */
+type AccordionValue = string | readonly string[];
+type AccordionOwnProps = {
+    children?: ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    /** The tint (R7) — a raw value, never a token. */
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    /** Controlled. Leave unset and the root owns it. */
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    /**
+     * Whether an open item can be closed by pressing it again. Off, the accordion always
+     * has one item open — which is what a set of tabs pretending to be an accordion needs.
+     *
+     * @default true
+     */
+    isCollapsible?: boolean;
+    /** The hairline between rows. It is the only thing separating them in `ghost`. */
+    hasSeparator?: boolean;
+    asChild?: boolean;
+};
+type AccordionProps = AccordionOwnProps & Omit<ViewProps, keyof AccordionOwnProps> & Omit<ViewStyleProps, keyof AccordionOwnProps | keyof ViewProps>;
+type AccordionItemOwnProps = {
+    /** What identifies this row in the root's value. */
+    value: string;
+    isDisabled?: boolean;
+    children?: ReactNode | ((state: AccordionItemRenderState) => ReactNode);
+};
+type AccordionItemProps = AccordionItemOwnProps & Omit<ViewProps, keyof AccordionItemOwnProps> & Omit<ViewStyleProps, keyof AccordionItemOwnProps | keyof ViewProps>;
+/** What an item's render function is handed, so a row can paint its own open state. */
+type AccordionItemRenderState = {
+    isExpanded: boolean;
+    isDisabled: boolean;
+    value: string;
+};
+type AccordionTriggerOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+type AccordionTriggerProps = AccordionTriggerOwnProps & Omit<PressableProps, keyof AccordionTriggerOwnProps> & Omit<ViewStyleProps, keyof AccordionTriggerOwnProps | keyof PressableProps>;
+/** The chevron, turning with the panel. */
+type AccordionIndicatorProps = {
+    /** The glyph. Defaults to the chevron the library ships. */
+    as?: ComponentType<IconComponentProps>;
+    size?: number;
+    /** A raw value (R7), never a token. */
+    color?: string;
+};
+type AccordionContentOwnProps = {
+    children?: ReactNode;
+};
+type AccordionContentProps = AccordionContentOwnProps & Omit<ViewProps, keyof AccordionContentOwnProps> & Omit<ViewStyleProps, keyof AccordionContentOwnProps | keyof ViewProps>;
+/** R5 — resolved style ids and the state the slots read. No slot re-resolves anything. */
+type AccordionContextValue = {
+    separatorStyle: StyleProp<ViewStyle>;
+    itemStyle: StyleProp<ViewStyle>;
+    triggerStyle: StyleProp<ViewStyle>;
+    triggerPressedStyle: StyleProp<ViewStyle>;
+    indicatorStyle: StyleProp<ViewStyle>;
+    contentStyle: StyleProp<ViewStyle>;
+    /** Text colour for a stringifiable trigger child, wrapped the way R3 asks. */
+    labelStyle: StyleProp<TextStyle>;
+    glyph: IconContextValue;
+    isDisabled: boolean;
+    isExpanded: (value: string) => boolean;
+    toggle: (value: string) => void;
+};
+/** One row's own state. Everything visual still comes from `useAccordion()`. */
+type AccordionItemContextValue = {
+    value: string;
+    isExpanded: boolean;
+    isDisabled: boolean;
+};
+
+/**
+ * The chevron, turning with the panel.
+ *
+ * The same spring as the `Select`'s, for the same reason: a 180-degree turn on a timing
+ * curve reads as an animation playing beside the row, and on a spring heavy enough not to
+ * overshoot it reads as the panel pushing the glyph round. It is a worklet, so it keeps
+ * turning while the panel's content mounts.
+ */
+declare function AccordionIndicator({ as, ...props }: AccordionIndicatorProps): react.JSX.Element;
+declare namespace AccordionIndicator {
+    var displayName: string;
+}
+
+/**
+ * A list of rows that open.
+ *
+ * ```tsx
+ * <Accordion defaultValue="shipping">
+ *   <Accordion.Item value="shipping">
+ *     <Accordion.Trigger>
+ *       Livraison
+ *       <Accordion.Indicator />
+ *     </Accordion.Trigger>
+ *     <Accordion.Content>
+ *       <Text>Sous trois jours ouvrés.</Text>
+ *     </Accordion.Content>
+ *   </Accordion.Item>
+ * </Accordion>
+ * ```
+ *
+ * The separators are the root's, drawn between the children rather than by them. A row
+ * that drew its own would draw one under the last item too, and every accordion would
+ * start by hiding it.
+ */
+declare const AccordionRoot: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    isCollapsible?: boolean;
+    hasSeparator?: boolean;
+    asChild?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    isCollapsible?: boolean;
+    hasSeparator?: boolean;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "color" | "value" | "pointerEvents" | "style" | "children" | "size" | "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" | "variant" | "radius" | "selectionMode" | "defaultValue" | "onValueChange" | "isDisabled" | "isCollapsible" | "hasSeparator" | "asChild"> & react.RefAttributes<View>>;
+
+/**
+ * The panel.
+ *
+ * **It is mounted or it is not** — there is no measured height anywhere in this component,
+ * and no `maxHeight` either. The row's layout transition animates the height between the
+ * two states, which is what lets a panel whose content grows afterwards — an image
+ * loading, a list filling — grow with it instead of being stuck at whatever it measured.
+ *
+ * It fades rather than sliding. The height is already moving underneath it, and two
+ * things travelling at once reads as the panel fighting itself.
+ */
+declare const AccordionContent: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<View>>;
+
+/**
+ * One row: its trigger, and the panel under it.
+ *
+ * The height animation lives here rather than on the content, because the height that
+ * changes is the row's. `overflow: 'hidden'` on it is what turns a mounted panel into one
+ * unrolling — without it the content is drawn outside the row from the first frame.
+ *
+ * `children` may be a function, which is how a row paints its own open state without the
+ * caller wiring `useAccordionItem` themselves.
+ */
+declare const AccordionItem: react.ForwardRefExoticComponent<{
+    value: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: AccordionItemRenderState) => react.ReactNode);
+} & Omit<react_native.ViewProps, keyof {
+    value: string;
+    isDisabled?: boolean;
+    children?: react.ReactNode | ((state: AccordionItemRenderState) => react.ReactNode);
+}> & Omit<ViewStyleProps, "value" | "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" | "isDisabled"> & react.RefAttributes<View>>;
+
+/**
+ * The row you press. It carries `expanded` for a screen reader, which is the only thing
+ * telling one whether the panel under it is open — the chevron says nothing out loud.
+ */
+declare const AccordionTrigger: react.ForwardRefExoticComponent<{
+    children?: ReactNode;
+    asChild?: boolean;
+} & Omit<react_native.PressableProps, keyof {
+    children?: 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 useAccordion: () => AccordionContextValue;
+declare const useAccordionItem: () => AccordionItemContextValue;
+
+declare const accordionRecipe: Recipe<"separator" | "root" | "container" | "item" | "trigger" | "indicator" | "content", AccordionVariant, {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<AccordionSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<AccordionSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<AccordionSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<AccordionSlot>;
+    };
+    readonly radius: Record<RadiusKey, StyleFn<"root" | "container">>;
+}>;
+
+/**
+ * How the panel opens.
+ *
+ * There is no measured height anywhere in this component: the content is mounted or it is
+ * not, and Reanimated's layout transition animates the row's height between the two.
+ * Measuring it ourselves would mean a hidden pass on every open, and a panel whose
+ * content grows afterwards — an image loading, a list filling — would be stuck at the
+ * height it had when it was measured.
+ *
+ * HeroUI's spring, and stiffer than the chevron's: 1600 against 1000. A height is a
+ * bigger distance than a rotation, and at the chevron's stiffness the same damping makes
+ * a long panel take almost half a second to settle.
+ */
+declare const LAYOUT: react_native_reanimated.ComplexAnimationBuilder;
+
+declare const Accordion: react.ForwardRefExoticComponent<{
+    children?: react.ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    isCollapsible?: boolean;
+    hasSeparator?: boolean;
+    asChild?: boolean;
+} & Omit<react_native.ViewProps, keyof {
+    children?: react.ReactNode;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    radius?: RadiusKey;
+    color?: string;
+    selectionMode?: AccordionSelectionMode;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    isDisabled?: boolean;
+    isCollapsible?: boolean;
+    hasSeparator?: boolean;
+    asChild?: boolean;
+}> & Omit<ViewStyleProps, "color" | "value" | "pointerEvents" | "style" | "children" | "size" | "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" | "variant" | "radius" | "selectionMode" | "defaultValue" | "onValueChange" | "isDisabled" | "isCollapsible" | "hasSeparator" | "asChild"> & react.RefAttributes<react_native.View>> & {
+    Item: react.ForwardRefExoticComponent<{
+        value: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: AccordionItemRenderState) => react.ReactNode);
+    } & Omit<react_native.ViewProps, keyof {
+        value: string;
+        isDisabled?: boolean;
+        children?: react.ReactNode | ((state: AccordionItemRenderState) => react.ReactNode);
+    }> & Omit<ViewStyleProps, "value" | "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" | "isDisabled"> & react.RefAttributes<react_native.View>>;
+    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>>;
+    Indicator: typeof AccordionIndicator;
+    Content: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, "children"> & Omit<ViewStyleProps, keyof react_native.ViewProps> & react.RefAttributes<react_native.View>>;
+};
+
+export { Accordion, AccordionContent, type AccordionContentProps, type AccordionContextValue, AccordionIndicator, type AccordionIndicatorProps, AccordionItem, type AccordionItemContextValue, type AccordionItemProps, type AccordionItemRenderState, type AccordionProps, AccordionRoot, type AccordionSelectionMode, type AccordionSize, type AccordionSlot, AccordionTrigger, type AccordionTriggerProps, type AccordionValue, type AccordionVariant, LAYOUT as accordionLayoutTransition, accordionRecipe, useAccordion, useAccordionItem };