@xaui/native 0.9.1-alpha.3 → 0.9.1-alpha.31

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

@@ -0,0 +1,1154 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, TextProps, PressableStateCallbackType, ViewProps, GestureResponderEvent, View, Text } from 'react-native';
+import { T as TextStyleProps, V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { a as AnimationProp, P as PressableFeedbackProps } from '../../pressable-feedback.type-BA2C9sSz.cjs';
+import { S as Size, R as RadiusKey } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
+import 'react-native-reanimated';
+
+type SwitchSlot = 'root' | 'track' | 'trackSelected' | 'thumb' | 'thumbSelected' | 'label';
+/**
+ * The two shapes a switch comes in — the legacy component's `inside` and `overlap`, under
+ * the library's own two names.
+ *
+ * - **`primary`** — the thumb rides **inside** the track, clear of its edges by the
+ *   track's padding. The shape everything else in this library shares: a filled surface
+ *   with something on it.
+ * - **`secondary`** — the track is a thin bar and the thumb **overlaps** it, standing
+ *   above and below. Less ink, and the knob reads as the thing you drag.
+ *
+ * It is a **geometry** axis, unusually: both take the same colours, because a switch that
+ * is on is the accent either way. What changes is the track's height, the thumb's size and
+ * whether the track's padding holds it in.
+ */
+type SwitchVariant = 'primary' | 'secondary';
+/**
+ * Three of the four, the same three as the `Checkbox` and the `Radio` — `xs` is the one
+ * missing. That track was 40 by 24 with an 18pt knob, and a switch is aimed at rather than
+ * read: unlike those two it has no row to press, the track *is* the target. Below `sm` it
+ * stops being comfortably hittable, and shrinking the one control whose whole surface is
+ * the touch target buys width nobody asked for.
+ */
+type SwitchSize = Exclude<Size, 'xs'>;
+type SwitchOwnProps = {
+    variant?: SwitchVariant;
+    /** The track, the thumb, the gap and the label's type. */
+    size?: SwitchSize;
+    /** Overrides the track's corner, which is `full`. The thumb stays round. */
+    radius?: RadiusKey;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7): the colour the track takes once the
+     * switch is on, with a thumb derived to read against it. The track at rest keeps the
+     * neutral it had — a switch that is off is off in every brand.
+     */
+    color?: string;
+    /** Controlled. Leave it out and the switch keeps its own state. */
+    isSelected?: boolean;
+    /** The starting value when uncontrolled. @default false */
+    defaultSelected?: boolean;
+    /** Fired with the new value on every flip, controlled or not. */
+    onSelectedChange?: (isSelected: boolean) => void;
+    /** Dims the row and stops the press. */
+    isDisabled?: boolean;
+    animation?: AnimationProp;
+    /** R9 — `Pressable`'s function form as much as an object or an array. */
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+};
+/**
+ * The press behaviour the root forwards — `PressableFeedback`'s surface, minus the props
+ * this component owns itself. `asChild` (R12) is in there, and so is `animation`.
+ */
+type SwitchBehaviourProps = Omit<PressableFeedbackProps, 'isPressed' | 'isDisabled' | 'style' | 'children' | 'animation'>;
+/**
+ * R14 — the switch's own props, the pressable's, and every `ViewStyle` key neither claims.
+ *
+ * **There is no `isInvalid`**, where the `Checkbox` and the `Radio` have one: a switch
+ * applies its change the moment it is flipped, so there is no later moment at which it can
+ * be wrong. A setting that cannot be turned on is `isDisabled`, with the reason written
+ * beside it.
+ */
+type SwitchProps = SwitchOwnProps & SwitchBehaviourProps & Omit<ViewStyleProps, keyof SwitchOwnProps>;
+type SwitchTrackOwnProps = {
+    /** The thumb, and anything else the caller lays over the track. */
+    children?: ReactNode;
+    /** `false` swaps the colour at the flip instead of crossing to it. */
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+/** `View`'s own props win over the `ViewStyle` keys of the same name (R14). */
+type SwitchTrackProps = SwitchTrackOwnProps & Omit<ViewProps, keyof SwitchTrackOwnProps> & Omit<ViewStyleProps, keyof SwitchTrackOwnProps | keyof ViewProps>;
+type SwitchThumbOwnProps = {
+    /** A glyph on the knob — a check, a moon. It travels with it. */
+    children?: ReactNode;
+    /** `false` puts the thumb at its end of the track with no slide. */
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+type SwitchThumbProps = SwitchThumbOwnProps & Omit<ViewProps, keyof SwitchThumbOwnProps> & Omit<ViewStyleProps, keyof SwitchThumbOwnProps | keyof ViewProps>;
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+type SwitchLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+/**
+ * R5 — resolved styles, plus the four things a slot cannot resolve for itself.
+ *
+ * The two colour pairs and the travel are **values, not styles**: a colour that is crossed
+ * and a distance that is slid are interpolated on the UI thread, and a worklet needs
+ * numbers and strings rather than a style object it would have to flatten every frame.
+ */
+type SwitchContextValue = {
+    trackStyle: StyleProp<ViewStyle>;
+    thumbStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    /** The track's colour off and on. The tint moves the second one. */
+    track: {
+        off: string;
+        on: string;
+    };
+    /** The thumb's colour off and on. */
+    thumb: {
+        off: string;
+        on: string;
+    };
+    /** How far the thumb travels, in points, from its resting inset to the far end. */
+    travel: number;
+    isSelected: boolean;
+    isDisabled: boolean;
+};
+
+/**
+ * A setting that is on or off, and takes effect the moment it is flipped.
+ *
+ * ```tsx
+ * <Switch isSelected={isOn} onSelectedChange={setIsOn}>
+ *   Mode sombre
+ * </Switch>
+ *
+ * <Switch variant="secondary" size="lg" defaultSelected>
+ *   <Switch.Track>
+ *     <Switch.Thumb />
+ *   </Switch.Track>
+ *   <Switch.Label>Synchroniser en Wi-Fi seulement</Switch.Label>
+ * </Switch>
+ * ```
+ *
+ * **The root is the row, not the track** — the `Checkbox`'s shape, for its reason: tapping
+ * the label flips the switch, and the label is a slot rather than a `Text` you wire up
+ * beside the component.
+ *
+ * **A switch is not a checkbox.** It applies its change immediately, where a checkbox
+ * states an intention a form submits later — which is why there is no `isInvalid` here: a
+ * setting that has already taken effect has no later moment at which it can be wrong.
+ *
+ * The two variants are a **shape**: `primary` rides the thumb inside the track,
+ * `secondary` stands it over a thinner bar. Both are the accent when they are on.
+ */
+declare const SwitchRoot: react.ForwardRefExoticComponent<{
+    variant?: SwitchVariant;
+    size?: SwitchSize;
+    radius?: RadiusKey;
+    color?: string;
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (isSelected: boolean) => void;
+    isDisabled?: boolean;
+    animation?: AnimationProp;
+    style?: react_native.StyleProp<ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<ViewStyle>);
+    children?: react.ReactNode;
+} & {
+    hitSlop?: number | react_native.Insets | null | undefined;
+    id?: string | undefined | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+    onLayout?: ((event: react_native.LayoutChangeEvent) => void) | undefined | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+    removeClippedSubviews?: boolean | undefined | undefined;
+    testID?: string | undefined | undefined;
+    nativeID?: string | undefined | undefined;
+    collapsable?: boolean | undefined | undefined;
+    collapsableChildren?: boolean | undefined | undefined;
+    onBlur?: null | ((event: react_native.NativeSyntheticEvent<react_native.TargetedEvent>) => void) | undefined | undefined;
+    onFocus?: null | ((event: react_native.NativeSyntheticEvent<react_native.TargetedEvent>) => void) | undefined | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined | undefined;
+    focusable?: boolean | undefined | undefined;
+    tabIndex?: 0 | -1 | undefined | undefined;
+    shouldRasterizeIOS?: boolean | undefined | undefined;
+    isTVSelectable?: boolean | undefined | undefined;
+    hasTVPreferredFocus?: boolean | undefined | undefined;
+    tvParallaxShiftDistanceX?: number | undefined | undefined;
+    tvParallaxShiftDistanceY?: number | undefined | undefined;
+    tvParallaxTiltAngle?: number | undefined | undefined;
+    tvParallaxMagnification?: number | undefined | undefined;
+    onStartShouldSetResponder?: ((event: GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponder?: ((event: GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderEnd?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onResponderGrant?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onResponderReject?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onResponderMove?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onResponderRelease?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onResponderStart?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onResponderTerminationRequest?: ((event: GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderTerminate?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onStartShouldSetResponderCapture?: ((event: GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponderCapture?: ((event: GestureResponderEvent) => boolean) | undefined | undefined;
+    onTouchStart?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onTouchMove?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEnd?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onTouchCancel?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEndCapture?: ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onPointerEnter?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerEnterCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerLeave?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerLeaveCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerMove?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerMoveCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerCancel?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerCancelCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerDown?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerDownCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerUp?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerUpCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    accessible?: boolean | undefined | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: react_native.AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | undefined;
+    accessibilityLabel?: string | undefined | undefined;
+    'aria-label'?: string | undefined | undefined;
+    accessibilityRole?: react_native.AccessibilityRole | undefined;
+    accessibilityState?: react_native.AccessibilityState | undefined;
+    'aria-busy'?: boolean | undefined | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined | undefined;
+    'aria-disabled'?: boolean | undefined | undefined;
+    'aria-expanded'?: boolean | undefined | undefined;
+    'aria-selected'?: boolean | undefined | undefined;
+    accessibilityHint?: string | undefined | undefined;
+    accessibilityValue?: react_native.AccessibilityValue | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    onAccessibilityAction?: ((event: react_native.AccessibilityActionEvent) => void) | undefined | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
+    'aria-hidden'?: boolean | undefined | undefined;
+    'aria-modal'?: boolean | undefined | undefined;
+    role?: react_native.Role | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined | undefined;
+    'aria-labelledby'?: string | undefined | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
+    'aria-live'?: ("polite" | "assertive" | "off") | undefined | undefined;
+    screenReaderFocusable?: boolean | undefined | undefined;
+    accessibilityElementsHidden?: boolean | undefined | undefined;
+    accessibilityViewIsModal?: boolean | undefined | undefined;
+    onAccessibilityEscape?: (() => void) | undefined | undefined;
+    onAccessibilityTap?: (() => void) | undefined | undefined;
+    onMagicTap?: (() => void) | undefined | undefined;
+    accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
+    accessibilityLanguage?: string | undefined | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
+    accessibilityLargeContentTitle?: string | undefined | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined | undefined;
+    backfaceVisibility?: "visible" | "hidden" | undefined | undefined;
+    backgroundColor?: react_native.ColorValue | undefined;
+    borderBlockColor?: react_native.ColorValue | undefined;
+    borderBlockEndColor?: react_native.ColorValue | undefined;
+    borderBlockStartColor?: react_native.ColorValue | undefined;
+    borderBottomColor?: react_native.ColorValue | undefined;
+    borderBottomEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderBottomStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderColor?: react_native.ColorValue | undefined;
+    borderCurve?: "circular" | "continuous" | undefined | undefined;
+    borderEndColor?: react_native.ColorValue | undefined;
+    borderEndEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderEndStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartColor?: react_native.ColorValue | undefined;
+    borderStartEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
+    borderTopColor?: react_native.ColorValue | undefined;
+    borderTopEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderTopStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    outlineColor?: react_native.ColorValue | undefined;
+    outlineOffset?: react_native.AnimatableNumericValue | undefined;
+    outlineStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
+    outlineWidth?: react_native.AnimatableNumericValue | undefined;
+    opacity?: react_native.AnimatableNumericValue | undefined;
+    elevation?: number | undefined | undefined;
+    isolation?: "auto" | "isolate" | undefined | undefined;
+    cursor?: react_native.CursorValue | undefined;
+    boxShadow?: string | readonly react_native.BoxShadowValue[] | undefined;
+    filter?: string | readonly react_native.FilterFunction[] | undefined;
+    mixBlendMode?: react_native.BlendMode | undefined;
+    experimental_backgroundImage?: string | readonly react_native.GradientValue[] | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    alignItems?: react_native.FlexAlignType | undefined;
+    alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+    aspectRatio?: number | string | undefined | undefined;
+    borderBottomWidth?: number | undefined | undefined;
+    borderEndWidth?: number | undefined | undefined;
+    borderStartWidth?: number | undefined | undefined;
+    borderTopWidth?: number | undefined | undefined;
+    borderWidth?: number | undefined | undefined;
+    bottom?: react_native.DimensionValue | undefined;
+    boxSizing?: "border-box" | "content-box" | undefined | undefined;
+    display?: "none" | "flex" | "contents" | undefined | undefined;
+    end?: react_native.DimensionValue | undefined;
+    flex?: number | undefined | undefined;
+    flexBasis?: react_native.DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
+    rowGap?: number | string | undefined | undefined;
+    gap?: number | string | undefined | undefined;
+    columnGap?: number | string | undefined | undefined;
+    flexGrow?: number | undefined | undefined;
+    flexShrink?: number | undefined | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
+    height?: react_native.DimensionValue | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    margin?: react_native.DimensionValue | undefined;
+    marginBottom?: react_native.DimensionValue | undefined;
+    marginEnd?: react_native.DimensionValue | undefined;
+    marginHorizontal?: react_native.DimensionValue | undefined;
+    marginStart?: react_native.DimensionValue | undefined;
+    marginTop?: react_native.DimensionValue | undefined;
+    marginVertical?: react_native.DimensionValue | undefined;
+    maxHeight?: react_native.DimensionValue | undefined;
+    maxWidth?: react_native.DimensionValue | undefined;
+    minHeight?: react_native.DimensionValue | undefined;
+    minWidth?: react_native.DimensionValue | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
+    padding?: react_native.DimensionValue | undefined;
+    paddingBottom?: react_native.DimensionValue | undefined;
+    paddingEnd?: react_native.DimensionValue | undefined;
+    paddingHorizontal?: react_native.DimensionValue | undefined;
+    paddingStart?: react_native.DimensionValue | undefined;
+    paddingTop?: react_native.DimensionValue | undefined;
+    paddingVertical?: react_native.DimensionValue | undefined;
+    position?: "absolute" | "relative" | "static" | undefined | undefined;
+    start?: react_native.DimensionValue | undefined;
+    top?: react_native.DimensionValue | undefined;
+    width?: react_native.DimensionValue | undefined;
+    zIndex?: number | undefined | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | undefined | undefined;
+    inset?: react_native.DimensionValue | undefined;
+    insetBlock?: react_native.DimensionValue | undefined;
+    insetBlockEnd?: react_native.DimensionValue | undefined;
+    insetBlockStart?: react_native.DimensionValue | undefined;
+    insetInline?: react_native.DimensionValue | undefined;
+    insetInlineEnd?: react_native.DimensionValue | undefined;
+    insetInlineStart?: react_native.DimensionValue | undefined;
+    marginBlock?: react_native.DimensionValue | undefined;
+    marginBlockEnd?: react_native.DimensionValue | undefined;
+    marginBlockStart?: react_native.DimensionValue | undefined;
+    marginInline?: react_native.DimensionValue | undefined;
+    marginInlineEnd?: react_native.DimensionValue | undefined;
+    marginInlineStart?: react_native.DimensionValue | undefined;
+    paddingBlock?: react_native.DimensionValue | undefined;
+    paddingBlockEnd?: react_native.DimensionValue | undefined;
+    paddingBlockStart?: react_native.DimensionValue | undefined;
+    paddingInline?: react_native.DimensionValue | undefined;
+    paddingInlineEnd?: react_native.DimensionValue | undefined;
+    paddingInlineStart?: react_native.DimensionValue | undefined;
+    shadowColor?: react_native.ColorValue | undefined;
+    shadowOffset?: Readonly<{
+        width: number;
+        height: number;
+    }> | undefined;
+    shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+    shadowRadius?: number | undefined | undefined;
+    transform?: string | readonly (({
+        scaleX: react_native.AnimatableNumericValue;
+    } & {
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scaleY: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateX: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateY: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scale: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        perspective: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotate: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateZ: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        matrix?: undefined;
+    }) | ({
+        matrix: react_native.AnimatableNumericValue[];
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+    }))[] | undefined;
+    transformOrigin?: string | (string | number)[] | undefined;
+    transformMatrix?: number[] | undefined;
+    rotation?: react_native.AnimatableNumericValue | undefined;
+    scaleX?: react_native.AnimatableNumericValue | undefined;
+    scaleY?: react_native.AnimatableNumericValue | undefined;
+    translateX?: react_native.AnimatableNumericValue | undefined;
+    translateY?: react_native.AnimatableNumericValue | undefined;
+    asChild?: boolean | undefined;
+    onPress?: null | ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onPressIn?: null | ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onPressOut?: null | ((event: GestureResponderEvent) => void) | undefined | undefined;
+    onLongPress?: null | ((event: GestureResponderEvent) => void) | undefined | undefined;
+    pressRetentionOffset?: number | react_native.Insets | null | undefined;
+    onHoverIn?: null | ((event: react_native.MouseEvent) => void) | undefined | undefined;
+    onHoverOut?: null | ((event: react_native.MouseEvent) => void) | undefined | undefined;
+    cancelable?: null | boolean | undefined | undefined;
+    delayHoverIn?: number | null | undefined | undefined;
+    delayHoverOut?: number | null | undefined | undefined;
+    delayLongPress?: null | number | undefined | undefined;
+    android_disableSound?: null | boolean | undefined | undefined;
+    android_ripple?: react_native.PressableAndroidRippleConfig | null | undefined;
+    testOnly_pressed?: null | boolean | undefined | undefined;
+    unstable_pressDelay?: number | undefined | undefined;
+} & Omit<ViewStyleProps, keyof {
+    variant?: SwitchVariant;
+    size?: SwitchSize;
+    radius?: RadiusKey;
+    color?: string;
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (isSelected: boolean) => void;
+    isDisabled?: boolean;
+    animation?: AnimationProp;
+    style?: react_native.StyleProp<ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<ViewStyle>);
+    children?: react.ReactNode;
+}> & react.RefAttributes<View>>;
+
+/**
+ * What the setting is.
+ *
+ * It sits **inside** the pressable, so tapping the words flips the switch — the reason
+ * this is a slot rather than a `Text` beside the component.
+ *
+ * It does not change with the state: "Mode sombre" is the setting whether it is on or off,
+ * and a label that read "Activé" would be saying what the track already says.
+ */
+declare const SwitchLabel: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+    children?: react.ReactNode;
+} & react.RefAttributes<Text>>;
+
+/**
+ * The knob. It slides from one end of the track to the other, and it is the only thing on
+ * this component that moves.
+ *
+ * ```tsx
+ * <Switch.Thumb>
+ *   <Icon as={CheckIcon} size={12} color={theme.colors.accent} />
+ * </Switch.Thumb>
+ * ```
+ *
+ * The travel is a **number** the root computed — the track's width less the knob and its
+ * padding at both ends — because a slide happens in a worklet and a worklet needs a
+ * number, not a style to flatten every frame. Its colour is crossed on the same timing, so
+ * the knob and the track arrive together.
+ *
+ * **`translateX`, not `start`.** R13 bans a directional edge in a style, and a transform
+ * is not one — but a transform does not mirror under RTL either, so the sign is flipped
+ * here by hand. It is the one place in the library that reads `I18nManager`, and it reads
+ * it for a movement rather than for a layout.
+ */
+declare const SwitchThumb: react.ForwardRefExoticComponent<{
+    children?: ReactNode;
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+} & Omit<react_native.ViewProps, keyof {
+    children?: ReactNode;
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+}> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "animation"> & react.RefAttributes<View>>;
+
+/**
+ * The bar the knob slides on, and the surface that says on or off.
+ *
+ * ```tsx
+ * <Switch.Track>
+ *   <Switch.Thumb />
+ * </Switch.Track>
+ * ```
+ *
+ * Its colour is **crossed rather than swapped**: the two ends are values on the context
+ * and `interpolateColor` walks between them on the UI thread, which is what makes a flip
+ * read as one movement together with the knob rather than as a repaint under it.
+ *
+ * It never clips. On `secondary` the thumb stands outside the track, and `overflow:
+ * hidden` would cut the knob in half rather than let it overlap.
+ */
+declare const SwitchTrack: react.ForwardRefExoticComponent<{
+    children?: ReactNode;
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+} & Omit<react_native.ViewProps, keyof {
+    children?: ReactNode;
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+}> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "animation"> & react.RefAttributes<View>>;
+
+declare const useSwitch: () => SwitchContextValue;
+
+declare const switchRecipe: Recipe<"label" | "track" | "root" | "thumb" | "trackSelected" | "thumbSelected", SwitchVariant, {
+    /**
+     * Declared and empty, which is unusual and deliberate: **every** number of this
+     * component depends on the shape as well as the size, so the whole table lives in the
+     * compounds below. The axis is here because the selection needs it to be typed, and
+     * because a reader looking for "what does `size` do" should find the answer next to
+     * the other axes rather than infer it from an absence.
+     */
+    readonly size: {
+        readonly sm: () => {};
+        readonly md: () => {};
+        readonly lg: () => {};
+    };
+    /**
+     * Both, always together: a track that lost its capsule while the knob kept its circle
+     * is a control rounded by halves. The knob's corner is the same named value rather
+     * than the track's less the padding — that nesting rule reaches zero before the outer
+     * radius does, and a sharp knob inside a slightly rounded track looks like a mistake.
+     */
+    readonly radius: Record<RadiusKey, StyleFn<SwitchSlot>>;
+}>;
+
+declare const Switch: react.ForwardRefExoticComponent<{
+    variant?: SwitchVariant;
+    size?: SwitchSize;
+    radius?: RadiusKey;
+    color?: string;
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (isSelected: boolean) => void;
+    isDisabled?: boolean;
+    animation?: AnimationProp;
+    style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
+    children?: react.ReactNode;
+} & {
+    hitSlop?: number | react_native.Insets | null | undefined;
+    id?: string | undefined | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+    onLayout?: ((event: react_native.LayoutChangeEvent) => void) | undefined | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+    removeClippedSubviews?: boolean | undefined | undefined;
+    testID?: string | undefined | undefined;
+    nativeID?: string | undefined | undefined;
+    collapsable?: boolean | undefined | undefined;
+    collapsableChildren?: boolean | undefined | undefined;
+    onBlur?: null | ((event: react_native.NativeSyntheticEvent<react_native.TargetedEvent>) => void) | undefined | undefined;
+    onFocus?: null | ((event: react_native.NativeSyntheticEvent<react_native.TargetedEvent>) => void) | undefined | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined | undefined;
+    focusable?: boolean | undefined | undefined;
+    tabIndex?: 0 | -1 | undefined | undefined;
+    shouldRasterizeIOS?: boolean | undefined | undefined;
+    isTVSelectable?: boolean | undefined | undefined;
+    hasTVPreferredFocus?: boolean | undefined | undefined;
+    tvParallaxShiftDistanceX?: number | undefined | undefined;
+    tvParallaxShiftDistanceY?: number | undefined | undefined;
+    tvParallaxTiltAngle?: number | undefined | undefined;
+    tvParallaxMagnification?: number | undefined | undefined;
+    onStartShouldSetResponder?: ((event: react_native.GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponder?: ((event: react_native.GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderEnd?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onResponderGrant?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onResponderReject?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onResponderMove?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onResponderRelease?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onResponderStart?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onResponderTerminationRequest?: ((event: react_native.GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderTerminate?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onStartShouldSetResponderCapture?: ((event: react_native.GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponderCapture?: ((event: react_native.GestureResponderEvent) => boolean) | undefined | undefined;
+    onTouchStart?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onTouchMove?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEnd?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onTouchCancel?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEndCapture?: ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onPointerEnter?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerEnterCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerLeave?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerLeaveCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerMove?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerMoveCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerCancel?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerCancelCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerDown?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerDownCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerUp?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    onPointerUpCapture?: ((event: react_native.PointerEvent) => void) | undefined | undefined;
+    accessible?: boolean | undefined | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: react_native.AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | undefined;
+    accessibilityLabel?: string | undefined | undefined;
+    'aria-label'?: string | undefined | undefined;
+    accessibilityRole?: react_native.AccessibilityRole | undefined;
+    accessibilityState?: react_native.AccessibilityState | undefined;
+    'aria-busy'?: boolean | undefined | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined | undefined;
+    'aria-disabled'?: boolean | undefined | undefined;
+    'aria-expanded'?: boolean | undefined | undefined;
+    'aria-selected'?: boolean | undefined | undefined;
+    accessibilityHint?: string | undefined | undefined;
+    accessibilityValue?: react_native.AccessibilityValue | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    onAccessibilityAction?: ((event: react_native.AccessibilityActionEvent) => void) | undefined | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
+    'aria-hidden'?: boolean | undefined | undefined;
+    'aria-modal'?: boolean | undefined | undefined;
+    role?: react_native.Role | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined | undefined;
+    'aria-labelledby'?: string | undefined | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
+    'aria-live'?: ("polite" | "assertive" | "off") | undefined | undefined;
+    screenReaderFocusable?: boolean | undefined | undefined;
+    accessibilityElementsHidden?: boolean | undefined | undefined;
+    accessibilityViewIsModal?: boolean | undefined | undefined;
+    onAccessibilityEscape?: (() => void) | undefined | undefined;
+    onAccessibilityTap?: (() => void) | undefined | undefined;
+    onMagicTap?: (() => void) | undefined | undefined;
+    accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
+    accessibilityLanguage?: string | undefined | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
+    accessibilityLargeContentTitle?: string | undefined | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined | undefined;
+    backfaceVisibility?: "visible" | "hidden" | undefined | undefined;
+    backgroundColor?: react_native.ColorValue | undefined;
+    borderBlockColor?: react_native.ColorValue | undefined;
+    borderBlockEndColor?: react_native.ColorValue | undefined;
+    borderBlockStartColor?: react_native.ColorValue | undefined;
+    borderBottomColor?: react_native.ColorValue | undefined;
+    borderBottomEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderBottomStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderColor?: react_native.ColorValue | undefined;
+    borderCurve?: "circular" | "continuous" | undefined | undefined;
+    borderEndColor?: react_native.ColorValue | undefined;
+    borderEndEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderEndStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartColor?: react_native.ColorValue | undefined;
+    borderStartEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
+    borderTopColor?: react_native.ColorValue | undefined;
+    borderTopEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderTopStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    outlineColor?: react_native.ColorValue | undefined;
+    outlineOffset?: react_native.AnimatableNumericValue | undefined;
+    outlineStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
+    outlineWidth?: react_native.AnimatableNumericValue | undefined;
+    opacity?: react_native.AnimatableNumericValue | undefined;
+    elevation?: number | undefined | undefined;
+    isolation?: "auto" | "isolate" | undefined | undefined;
+    cursor?: react_native.CursorValue | undefined;
+    boxShadow?: string | readonly react_native.BoxShadowValue[] | undefined;
+    filter?: string | readonly react_native.FilterFunction[] | undefined;
+    mixBlendMode?: react_native.BlendMode | undefined;
+    experimental_backgroundImage?: string | readonly react_native.GradientValue[] | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    alignItems?: react_native.FlexAlignType | undefined;
+    alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+    aspectRatio?: number | string | undefined | undefined;
+    borderBottomWidth?: number | undefined | undefined;
+    borderEndWidth?: number | undefined | undefined;
+    borderStartWidth?: number | undefined | undefined;
+    borderTopWidth?: number | undefined | undefined;
+    borderWidth?: number | undefined | undefined;
+    bottom?: react_native.DimensionValue | undefined;
+    boxSizing?: "border-box" | "content-box" | undefined | undefined;
+    display?: "none" | "flex" | "contents" | undefined | undefined;
+    end?: react_native.DimensionValue | undefined;
+    flex?: number | undefined | undefined;
+    flexBasis?: react_native.DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
+    rowGap?: number | string | undefined | undefined;
+    gap?: number | string | undefined | undefined;
+    columnGap?: number | string | undefined | undefined;
+    flexGrow?: number | undefined | undefined;
+    flexShrink?: number | undefined | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
+    height?: react_native.DimensionValue | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    margin?: react_native.DimensionValue | undefined;
+    marginBottom?: react_native.DimensionValue | undefined;
+    marginEnd?: react_native.DimensionValue | undefined;
+    marginHorizontal?: react_native.DimensionValue | undefined;
+    marginStart?: react_native.DimensionValue | undefined;
+    marginTop?: react_native.DimensionValue | undefined;
+    marginVertical?: react_native.DimensionValue | undefined;
+    maxHeight?: react_native.DimensionValue | undefined;
+    maxWidth?: react_native.DimensionValue | undefined;
+    minHeight?: react_native.DimensionValue | undefined;
+    minWidth?: react_native.DimensionValue | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
+    padding?: react_native.DimensionValue | undefined;
+    paddingBottom?: react_native.DimensionValue | undefined;
+    paddingEnd?: react_native.DimensionValue | undefined;
+    paddingHorizontal?: react_native.DimensionValue | undefined;
+    paddingStart?: react_native.DimensionValue | undefined;
+    paddingTop?: react_native.DimensionValue | undefined;
+    paddingVertical?: react_native.DimensionValue | undefined;
+    position?: "absolute" | "relative" | "static" | undefined | undefined;
+    start?: react_native.DimensionValue | undefined;
+    top?: react_native.DimensionValue | undefined;
+    width?: react_native.DimensionValue | undefined;
+    zIndex?: number | undefined | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | undefined | undefined;
+    inset?: react_native.DimensionValue | undefined;
+    insetBlock?: react_native.DimensionValue | undefined;
+    insetBlockEnd?: react_native.DimensionValue | undefined;
+    insetBlockStart?: react_native.DimensionValue | undefined;
+    insetInline?: react_native.DimensionValue | undefined;
+    insetInlineEnd?: react_native.DimensionValue | undefined;
+    insetInlineStart?: react_native.DimensionValue | undefined;
+    marginBlock?: react_native.DimensionValue | undefined;
+    marginBlockEnd?: react_native.DimensionValue | undefined;
+    marginBlockStart?: react_native.DimensionValue | undefined;
+    marginInline?: react_native.DimensionValue | undefined;
+    marginInlineEnd?: react_native.DimensionValue | undefined;
+    marginInlineStart?: react_native.DimensionValue | undefined;
+    paddingBlock?: react_native.DimensionValue | undefined;
+    paddingBlockEnd?: react_native.DimensionValue | undefined;
+    paddingBlockStart?: react_native.DimensionValue | undefined;
+    paddingInline?: react_native.DimensionValue | undefined;
+    paddingInlineEnd?: react_native.DimensionValue | undefined;
+    paddingInlineStart?: react_native.DimensionValue | undefined;
+    shadowColor?: react_native.ColorValue | undefined;
+    shadowOffset?: Readonly<{
+        width: number;
+        height: number;
+    }> | undefined;
+    shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+    shadowRadius?: number | undefined | undefined;
+    transform?: string | readonly (({
+        scaleX: react_native.AnimatableNumericValue;
+    } & {
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scaleY: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateX: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateY: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scale: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        perspective: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotate: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateZ: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        matrix?: undefined;
+    }) | ({
+        matrix: react_native.AnimatableNumericValue[];
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+    }))[] | undefined;
+    transformOrigin?: string | (string | number)[] | undefined;
+    transformMatrix?: number[] | undefined;
+    rotation?: react_native.AnimatableNumericValue | undefined;
+    scaleX?: react_native.AnimatableNumericValue | undefined;
+    scaleY?: react_native.AnimatableNumericValue | undefined;
+    translateX?: react_native.AnimatableNumericValue | undefined;
+    translateY?: react_native.AnimatableNumericValue | undefined;
+    asChild?: boolean | undefined;
+    onPress?: null | ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onPressIn?: null | ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onPressOut?: null | ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    onLongPress?: null | ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
+    pressRetentionOffset?: number | react_native.Insets | null | undefined;
+    onHoverIn?: null | ((event: react_native.MouseEvent) => void) | undefined | undefined;
+    onHoverOut?: null | ((event: react_native.MouseEvent) => void) | undefined | undefined;
+    cancelable?: null | boolean | undefined | undefined;
+    delayHoverIn?: number | null | undefined | undefined;
+    delayHoverOut?: number | null | undefined | undefined;
+    delayLongPress?: null | number | undefined | undefined;
+    android_disableSound?: null | boolean | undefined | undefined;
+    android_ripple?: react_native.PressableAndroidRippleConfig | null | undefined;
+    testOnly_pressed?: null | boolean | undefined | undefined;
+    unstable_pressDelay?: number | undefined | undefined;
+} & Omit<ViewStyleProps, keyof {
+    variant?: SwitchVariant;
+    size?: SwitchSize;
+    radius?: RadiusKey;
+    color?: string;
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (isSelected: boolean) => void;
+    isDisabled?: boolean;
+    animation?: AnimationProp;
+    style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
+    children?: react.ReactNode;
+}> & react.RefAttributes<react_native.View>> & {
+    Track: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        animation?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        animation?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+    }> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "animation"> & react.RefAttributes<react_native.View>>;
+    Thumb: react.ForwardRefExoticComponent<{
+        children?: react.ReactNode;
+        animation?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+    } & Omit<react_native.ViewProps, keyof {
+        children?: react.ReactNode;
+        animation?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+    }> & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "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" | "animation"> & react.RefAttributes<react_native.View>>;
+    Label: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+        children?: react.ReactNode;
+    } & react.RefAttributes<react_native.Text>>;
+};
+
+export { Switch, type SwitchContextValue, SwitchLabel, type SwitchLabelProps, type SwitchProps, SwitchRoot, type SwitchSize, type SwitchSlot, SwitchThumb, type SwitchThumbProps, SwitchTrack, type SwitchTrackProps, type SwitchVariant, switchRecipe, useSwitch };