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

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

@@ -0,0 +1,1136 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, ViewProps, TextProps, PressableStateCallbackType, GestureResponderEvent, View, Text } from 'react-native';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
+import { a as AnimationProp, P as PressableFeedbackProps } from '../../pressable-feedback.type-BA2C9sSz.cjs';
+import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
+import 'react-native-reanimated';
+
+type CheckboxSlot = 'root' | 'indicator' | 'fill' | 'check' | 'dash' | 'label';
+/**
+ * Three of the `Input`'s four levels, and they mean here what they mean there — this is
+ * the `field*` family again, on a box 24pt wide instead of a field 48pt tall.
+ *
+ * - **`primary`** — the `fieldBackground` fill plus the theme's `field` shadow. HeroUI's
+ *   `primary`, with the elevation their flat token only implies.
+ * - **`secondary`** — the neutral `default` fill, and the default here for the reason it
+ *   is the `Input`'s: on a plain background a white box is its border and nothing else,
+ *   while on a card `fieldBackground` *is* the card's own colour.
+ * - **`tertiary`** — the border alone, no fill.
+ *
+ * **`ghost` is absent**, where the `Input` has it: a field with no border is still a line
+ * of text you can see, and a checkbox with no border and no fill is nothing at all.
+ *
+ * A variant describes the box **at rest**. What it looks like once ticked is the accent
+ * for all three — or `color`, which is the point of the `bgSelected` role.
+ */
+type CheckboxVariant = 'primary' | 'secondary' | 'tertiary';
+/**
+ * Three of the four, and `xs` is the one missing. That box was 16 points square with a
+ * 1.5pt stroke — a tick drawn in a space that small stops reading as a tick, and the touch
+ * target is already the row rather than the box, so shrinking the box buys nothing a
+ * caller can press. `sm` is the compact size.
+ */
+type CheckboxSize = Exclude<Size, 'xs'>;
+type CheckboxOwnProps = {
+    variant?: CheckboxVariant;
+    /** The box, the glyph inside it, the gap and the label's type. Never width. */
+    size?: CheckboxSize;
+    /** Overrides the corner the size chose. */
+    radius?: RadiusKey;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). It is **the colour the box checks in**,
+     * with a mark derived to read against it — the accent is only the default.
+     *
+     * It is ignored while `isInvalid`: an error outranks a brand colour, the same way it
+     * outranks focus on the `Input`.
+     */
+    color?: string;
+    /** Controlled. Leave it out and the checkbox keeps its own state. */
+    isSelected?: boolean;
+    /** The starting value when uncontrolled. @default false */
+    defaultSelected?: boolean;
+    /** Fired with the new value on every tick, controlled or not. */
+    onSelectedChange?: (isSelected: boolean) => void;
+    /**
+     * Neither ticked nor empty — the state a "select all" sits in while some of its rows
+     * are. The box fills as if selected and the mark is a dash; a screen reader hears
+     * `mixed`, and a press resolves it to selected, which is what a browser's own
+     * indeterminate checkbox does.
+     *
+     * It is a **display** state and does not touch `isSelected`: the caller decides when
+     * the tri-state collapses, because only the caller knows what the rows say.
+     */
+    isIndeterminate?: boolean;
+    /** Paints the border, the fill and the label in `danger`. */
+    isInvalid?: boolean;
+    /** 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 four
+ * props this component owns itself. `asChild` (R12) is in there, and so is `animation`.
+ */
+type CheckboxBehaviourProps = Omit<PressableFeedbackProps, 'isPressed' | 'isDisabled' | 'style' | 'children' | 'animation'>;
+/**
+ * R14 — the checkbox's own props, the pressable's, and every `ViewStyle` key neither
+ * claims. `onPress` is the pressable's and still fires: composed with the tick, never
+ * instead of it.
+ */
+type CheckboxProps = CheckboxOwnProps & CheckboxBehaviourProps & Omit<ViewStyleProps, keyof CheckboxOwnProps>;
+type CheckboxIndicatorOwnProps = {
+    /**
+     * Replaces the built-in check — an icon set's glyph, a dash, anything. It is rendered
+     * inside the fill, so it appears and disappears with it.
+     */
+    children?: ReactNode;
+    /** `false` shows the mark without the fade and the scale. */
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+/** `View`'s own props win over the `ViewStyle` keys of the same name (R14). */
+type CheckboxIndicatorProps = CheckboxIndicatorOwnProps & Omit<ViewProps, keyof CheckboxIndicatorOwnProps> & Omit<ViewStyleProps, keyof CheckboxIndicatorOwnProps | keyof ViewProps>;
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+type CheckboxLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+/**
+ * R5 — resolved styles, not props for a slot to resolve a second time, plus the two
+ * values a slot cannot compute: whether the box is ticked, and whether it may be.
+ */
+type CheckboxContextValue = {
+    indicatorStyle: StyleProp<ViewStyle>;
+    /** Laid over the box while selected, and the node the mark sits in. */
+    fillStyle: StyleProp<ViewStyle>;
+    checkStyle: StyleProp<ViewStyle>;
+    /** The mark of the third state — one bar where the check has two. */
+    dashStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    isSelected: boolean;
+    isIndeterminate: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+};
+
+/**
+ * A box that is either ticked or not, with the label that says what it means.
+ *
+ * ```tsx
+ * <Checkbox isSelected={accepted} onSelectedChange={setAccepted}>
+ *   J'accepte les conditions
+ * </Checkbox>
+ *
+ * <Checkbox defaultSelected isInvalid={!accepted} size="lg">
+ *   <Checkbox.Indicator />
+ *   <Checkbox.Label>Recevoir la lettre d'information</Checkbox.Label>
+ * </Checkbox>
+ * ```
+ *
+ * **The root is the row, not the box.** It is the pressable, so the label toggles the
+ * checkbox as surely as the box does — which is the whole reason the label is a slot here
+ * rather than a `Text` the caller puts beside it and wires up by hand.
+ *
+ * R3 — a stringifiable tree becomes the label **and the root supplies the box**, because
+ * a checkbox without one is not a checkbox; written with no children at all, it is the box
+ * alone. Anything else is yours to arrange.
+ *
+ * Controlled by `isSelected`, uncontrolled by `defaultSelected`, and `onSelectedChange`
+ * fires either way.
+ */
+declare const CheckboxRoot: react.ForwardRefExoticComponent<{
+    variant?: CheckboxVariant;
+    size?: CheckboxSize;
+    radius?: RadiusKey;
+    color?: string;
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (isSelected: boolean) => void;
+    isIndeterminate?: boolean;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    animation?: AnimationProp;
+    style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
+    children?: react.ReactNode;
+} & {
+    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;
+    boxSizing?: "border-box" | "content-box" | undefined | undefined;
+    columnGap?: number | string | undefined | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | undefined | undefined;
+    display?: "none" | "flex" | "contents" | undefined | undefined;
+    flex?: number | undefined | undefined;
+    flexBasis?: react_native.DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
+    flexGrow?: number | undefined | undefined;
+    flexShrink?: number | undefined | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
+    gap?: number | string | undefined | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
+    rowGap?: number | string | undefined | undefined;
+    bottom?: react_native.DimensionValue | undefined;
+    end?: react_native.DimensionValue | 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;
+    position?: "absolute" | "relative" | "static" | undefined | undefined;
+    start?: react_native.DimensionValue | undefined;
+    top?: react_native.DimensionValue | undefined;
+    zIndex?: number | undefined | undefined;
+    margin?: react_native.DimensionValue | undefined;
+    marginBlock?: react_native.DimensionValue | undefined;
+    marginBlockEnd?: react_native.DimensionValue | undefined;
+    marginBlockStart?: react_native.DimensionValue | undefined;
+    marginBottom?: react_native.DimensionValue | undefined;
+    marginEnd?: react_native.DimensionValue | undefined;
+    marginHorizontal?: react_native.DimensionValue | undefined;
+    marginInline?: react_native.DimensionValue | undefined;
+    marginInlineEnd?: react_native.DimensionValue | undefined;
+    marginInlineStart?: react_native.DimensionValue | undefined;
+    marginStart?: react_native.DimensionValue | undefined;
+    marginTop?: react_native.DimensionValue | undefined;
+    marginVertical?: react_native.DimensionValue | undefined;
+    padding?: react_native.DimensionValue | undefined;
+    paddingBlock?: react_native.DimensionValue | undefined;
+    paddingBlockEnd?: react_native.DimensionValue | undefined;
+    paddingBlockStart?: react_native.DimensionValue | undefined;
+    paddingBottom?: react_native.DimensionValue | undefined;
+    paddingEnd?: react_native.DimensionValue | undefined;
+    paddingHorizontal?: react_native.DimensionValue | undefined;
+    paddingInline?: react_native.DimensionValue | undefined;
+    paddingInlineEnd?: react_native.DimensionValue | undefined;
+    paddingInlineStart?: react_native.DimensionValue | undefined;
+    paddingStart?: react_native.DimensionValue | undefined;
+    paddingTop?: react_native.DimensionValue | undefined;
+    paddingVertical?: react_native.DimensionValue | undefined;
+    height?: react_native.DimensionValue | undefined;
+    maxHeight?: react_native.DimensionValue | undefined;
+    maxWidth?: react_native.DimensionValue | undefined;
+    minHeight?: react_native.DimensionValue | undefined;
+    minWidth?: react_native.DimensionValue | undefined;
+    width?: react_native.DimensionValue | 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;
+    borderBottomWidth?: number | undefined | 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;
+    borderEndWidth?: number | undefined | undefined;
+    borderRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartColor?: react_native.ColorValue | undefined;
+    borderStartEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartWidth?: number | undefined | undefined;
+    borderStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
+    borderTopColor?: react_native.ColorValue | undefined;
+    borderTopEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderTopStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderTopWidth?: number | undefined | undefined;
+    borderWidth?: number | undefined | undefined;
+    backfaceVisibility?: "visible" | "hidden" | undefined | undefined;
+    backgroundColor?: react_native.ColorValue | undefined;
+    boxShadow?: string | readonly react_native.BoxShadowValue[] | undefined;
+    cursor?: react_native.CursorValue | undefined;
+    elevation?: number | undefined | undefined;
+    experimental_backgroundImage?: string | readonly react_native.GradientValue[] | undefined;
+    filter?: string | readonly react_native.FilterFunction[] | undefined;
+    isolation?: "auto" | "isolate" | undefined | undefined;
+    mixBlendMode?: react_native.BlendMode | undefined;
+    opacity?: 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;
+    shadowColor?: react_native.ColorValue | undefined;
+    shadowOffset?: Readonly<{
+        width: number;
+        height: number;
+    }> | undefined;
+    shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+    shadowRadius?: number | undefined | undefined;
+    rotation?: react_native.AnimatableNumericValue | undefined;
+    scaleX?: react_native.AnimatableNumericValue | undefined;
+    scaleY?: react_native.AnimatableNumericValue | undefined;
+    transform?: string | readonly (({
+        scaleX: react_native.AnimatableNumericValue;
+    } & {
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scaleY: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateX: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateY: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scale: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        perspective: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotate: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateZ: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        matrix: react_native.AnimatableNumericValue[];
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+    }))[] | undefined;
+    transformMatrix?: number[] | undefined;
+    transformOrigin?: string | (string | number)[] | undefined;
+    translateX?: react_native.AnimatableNumericValue | undefined;
+    translateY?: react_native.AnimatableNumericValue | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+    hitSlop?: number | react_native.Insets | null | undefined;
+    id?: string | undefined | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+    onLayout?: ((event: react_native.LayoutChangeEvent) => void) | 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;
+    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;
+    delayLongPress?: null | number | undefined | undefined;
+    asChild?: boolean | 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;
+    pressRetentionOffset?: number | react_native.Insets | null | 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?: CheckboxVariant;
+    size?: CheckboxSize;
+    radius?: RadiusKey;
+    color?: string;
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (isSelected: boolean) => void;
+    isIndeterminate?: boolean;
+    isInvalid?: boolean;
+    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<View>>;
+
+/**
+ * The box itself, and the mark inside it.
+ *
+ * ```tsx
+ * <Checkbox.Indicator />
+ *
+ * <Checkbox.Indicator>
+ *   <Icon as={CheckIcon} size={14} color={theme.colors.accentForeground} />
+ * </Checkbox.Indicator>
+ * ```
+ *
+ * With no children it draws its own check — two borders of an empty box, a quarter turn
+ * from where they look like a tick — so a checkbox works in a project that has installed
+ * no icon set. That is the `CloseButton`'s bargain, taken for the same reason.
+ *
+ * The fill and its motion are `SelectionFill`'s, shared with the `Radio`: what differs
+ * between the two controls is the mark and the shape it sits in, not how either arrives.
+ */
+declare const CheckboxIndicator: 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, "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" | "animation"> & react.RefAttributes<View>>;
+
+/**
+ * What ticking the box means.
+ *
+ * It sits **inside** the pressable, so tapping the words toggles the checkbox — which is
+ * why this is a slot rather than a `Text` beside the component. It turns `danger` with
+ * `isInvalid`, like the `Input`'s label.
+ *
+ * A label long enough to wrap wants the box against its first line rather than centred on
+ * the paragraph: `<Checkbox alignItems="flex-start">` is that, in style props (R14).
+ */
+declare const CheckboxLabel: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+    children?: react.ReactNode;
+} & react.RefAttributes<Text>>;
+
+declare const useCheckbox: () => CheckboxContextValue;
+
+declare const checkboxRecipe: Recipe<"fill" | "label" | "root" | "indicator" | "check" | "dash", CheckboxVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<CheckboxSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<CheckboxSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<CheckboxSlot>;
+    };
+    readonly radius: Record<RadiusKey, StyleFn<"indicator">>;
+    /**
+     * Declared after `size` so its border wins. The resting fill is dropped rather than
+     * repainted — `undefined` over a colour is what RN reads as "no background" — because
+     * a box that is wrong should read as an outline, not as a filled control that happens
+     * to be red at the edge. HeroUI reaches the same shape with a compound.
+     */
+    readonly isInvalid: {
+        readonly true: (theme: XAUITheme) => {
+            indicator: {
+                borderColor: string;
+                backgroundColor: undefined;
+            };
+            fill: {
+                backgroundColor: string;
+            };
+            check: {
+                borderColor: string;
+            };
+            dash: {
+                backgroundColor: string;
+            };
+            label: {
+                color: string;
+            };
+        };
+    };
+}>;
+
+declare const Checkbox: react.ForwardRefExoticComponent<{
+    variant?: CheckboxVariant;
+    size?: CheckboxSize;
+    radius?: RadiusKey;
+    color?: string;
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (isSelected: boolean) => void;
+    isIndeterminate?: boolean;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    animation?: AnimationProp;
+    style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
+    children?: react.ReactNode;
+} & {
+    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;
+    boxSizing?: "border-box" | "content-box" | undefined | undefined;
+    columnGap?: number | string | undefined | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | undefined | undefined;
+    display?: "none" | "flex" | "contents" | undefined | undefined;
+    flex?: number | undefined | undefined;
+    flexBasis?: react_native.DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
+    flexGrow?: number | undefined | undefined;
+    flexShrink?: number | undefined | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
+    gap?: number | string | undefined | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
+    rowGap?: number | string | undefined | undefined;
+    bottom?: react_native.DimensionValue | undefined;
+    end?: react_native.DimensionValue | 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;
+    position?: "absolute" | "relative" | "static" | undefined | undefined;
+    start?: react_native.DimensionValue | undefined;
+    top?: react_native.DimensionValue | undefined;
+    zIndex?: number | undefined | undefined;
+    margin?: react_native.DimensionValue | undefined;
+    marginBlock?: react_native.DimensionValue | undefined;
+    marginBlockEnd?: react_native.DimensionValue | undefined;
+    marginBlockStart?: react_native.DimensionValue | undefined;
+    marginBottom?: react_native.DimensionValue | undefined;
+    marginEnd?: react_native.DimensionValue | undefined;
+    marginHorizontal?: react_native.DimensionValue | undefined;
+    marginInline?: react_native.DimensionValue | undefined;
+    marginInlineEnd?: react_native.DimensionValue | undefined;
+    marginInlineStart?: react_native.DimensionValue | undefined;
+    marginStart?: react_native.DimensionValue | undefined;
+    marginTop?: react_native.DimensionValue | undefined;
+    marginVertical?: react_native.DimensionValue | undefined;
+    padding?: react_native.DimensionValue | undefined;
+    paddingBlock?: react_native.DimensionValue | undefined;
+    paddingBlockEnd?: react_native.DimensionValue | undefined;
+    paddingBlockStart?: react_native.DimensionValue | undefined;
+    paddingBottom?: react_native.DimensionValue | undefined;
+    paddingEnd?: react_native.DimensionValue | undefined;
+    paddingHorizontal?: react_native.DimensionValue | undefined;
+    paddingInline?: react_native.DimensionValue | undefined;
+    paddingInlineEnd?: react_native.DimensionValue | undefined;
+    paddingInlineStart?: react_native.DimensionValue | undefined;
+    paddingStart?: react_native.DimensionValue | undefined;
+    paddingTop?: react_native.DimensionValue | undefined;
+    paddingVertical?: react_native.DimensionValue | undefined;
+    height?: react_native.DimensionValue | undefined;
+    maxHeight?: react_native.DimensionValue | undefined;
+    maxWidth?: react_native.DimensionValue | undefined;
+    minHeight?: react_native.DimensionValue | undefined;
+    minWidth?: react_native.DimensionValue | undefined;
+    width?: react_native.DimensionValue | 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;
+    borderBottomWidth?: number | undefined | 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;
+    borderEndWidth?: number | undefined | undefined;
+    borderRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartColor?: react_native.ColorValue | undefined;
+    borderStartEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartWidth?: number | undefined | undefined;
+    borderStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
+    borderTopColor?: react_native.ColorValue | undefined;
+    borderTopEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderTopStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderTopWidth?: number | undefined | undefined;
+    borderWidth?: number | undefined | undefined;
+    backfaceVisibility?: "visible" | "hidden" | undefined | undefined;
+    backgroundColor?: react_native.ColorValue | undefined;
+    boxShadow?: string | readonly react_native.BoxShadowValue[] | undefined;
+    cursor?: react_native.CursorValue | undefined;
+    elevation?: number | undefined | undefined;
+    experimental_backgroundImage?: string | readonly react_native.GradientValue[] | undefined;
+    filter?: string | readonly react_native.FilterFunction[] | undefined;
+    isolation?: "auto" | "isolate" | undefined | undefined;
+    mixBlendMode?: react_native.BlendMode | undefined;
+    opacity?: 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;
+    shadowColor?: react_native.ColorValue | undefined;
+    shadowOffset?: Readonly<{
+        width: number;
+        height: number;
+    }> | undefined;
+    shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+    shadowRadius?: number | undefined | undefined;
+    rotation?: react_native.AnimatableNumericValue | undefined;
+    scaleX?: react_native.AnimatableNumericValue | undefined;
+    scaleY?: react_native.AnimatableNumericValue | undefined;
+    transform?: string | readonly (({
+        scaleX: react_native.AnimatableNumericValue;
+    } & {
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scaleY: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateX: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateY: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scale: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        perspective: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotate: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateZ?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateZ: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        matrix: react_native.AnimatableNumericValue[];
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+    }))[] | undefined;
+    transformMatrix?: number[] | undefined;
+    transformOrigin?: string | (string | number)[] | undefined;
+    translateX?: react_native.AnimatableNumericValue | undefined;
+    translateY?: react_native.AnimatableNumericValue | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+    hitSlop?: number | react_native.Insets | null | undefined;
+    id?: string | undefined | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+    onLayout?: ((event: react_native.LayoutChangeEvent) => void) | 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;
+    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;
+    delayLongPress?: null | number | undefined | undefined;
+    asChild?: boolean | 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;
+    pressRetentionOffset?: number | react_native.Insets | null | 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?: CheckboxVariant;
+    size?: CheckboxSize;
+    radius?: RadiusKey;
+    color?: string;
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (isSelected: boolean) => void;
+    isIndeterminate?: boolean;
+    isInvalid?: boolean;
+    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>> & {
+    Indicator: 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, "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" | "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 { Checkbox, type CheckboxContextValue, CheckboxIndicator, type CheckboxIndicatorProps, CheckboxLabel, type CheckboxLabelProps, type CheckboxProps, CheckboxRoot, type CheckboxSize, type CheckboxSlot, type CheckboxVariant, checkboxRecipe, useCheckbox };