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

package/dist/components/chip/index.d.ts

@@ -164,26 +164,179 @@ declare const Chip: react.ForwardRefExoticComponent<{
     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;
-    columnGap?: number | string | undefined | undefined;
-    direction?: "inherit" | "ltr" | "rtl" | 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;
-    gap?: number | string | 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;
-    rowGap?: number | string | undefined | undefined;
-    bottom?: react_native.DimensionValue | undefined;
-    end?: react_native.DimensionValue | 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;
@@ -191,80 +344,18 @@ declare const Chip: react.ForwardRefExoticComponent<{
     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;
@@ -272,9 +363,6 @@ declare const Chip: react.ForwardRefExoticComponent<{
     }> | 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;
     } & {
@@ -471,117 +559,29 @@ declare const Chip: react.ForwardRefExoticComponent<{
         skewX?: undefined;
         skewY?: undefined;
     }))[] | undefined;
-    transformMatrix?: number[] | 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;
-    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;
-    onHoverIn?: null | ((event: react_native.MouseEvent) => void) | undefined | undefined;
-    onHoverOut?: null | ((event: react_native.MouseEvent) => void) | undefined | 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;
-    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;
-    asChild?: boolean | undefined;
     animation?: AnimationProp | undefined;
 } & Omit<ViewStyleProps, keyof {
     variant?: ChipVariant;
@@ -601,7 +601,7 @@ declare const Chip: react.ForwardRefExoticComponent<{
     Avatar: react.ForwardRefExoticComponent<{
         source?: react_native.ImageSourcePropType;
         children?: react.ReactNode;
-    } & react_native.ViewProps & 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" | "source"> & react.RefAttributes<react_native.View>>;
+    } & react_native.ViewProps & 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" | "source"> & react.RefAttributes<react_native.View>>;
     Close: react.ForwardRefExoticComponent<ChipCloseProps & react.RefAttributes<react_native.View>>;
 };
 

package/dist/components/chip/index.js

@@ -2,12 +2,12 @@ import {
   Chip,
   chipRecipe,
   useChip
-} from "../../chunk-FMZQW35T.js";
+} from "../../chunk-ZH6BHLQR.js";
 import "../../chunk-V4WDMM6Z.js";
 import "../../chunk-BFMTUMTU.js";
 import "../../chunk-423RQBOX.js";
-import "../../chunk-3FV4COTM.js";
 import "../../chunk-EGLLDKN6.js";
+import "../../chunk-3FV4COTM.js";
 import "../../chunk-4GTAZM2C.js";
 import "../../chunk-A3EGFI6T.js";
 import "../../chunk-E2CWBQTV.js";

package/dist/components/divider/index.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkAETWQQWUcjs = require('../../chunk-AETWQQWU.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-ZP2E2H2G.cjs');
+require('../../chunk-GLGU2WFL.cjs');
+require('../../chunk-MC7SY2QH.cjs');
+
+
+
+exports.Divider = _chunkAETWQQWUcjs.Divider; exports.dividerRecipe = _chunkAETWQQWUcjs.dividerRecipe;

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

@@ -0,0 +1,117 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { S as Size, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe, S as SlotStyles } from '../../create-recipe-dC7wMfnj.cjs';
+
+type DividerSlot = 'root';
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerSize = Size;
+/**
+ * What the `Divider` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `size` is the divider's scale and never
+ * `ViewStyle`'s, and `color` is R7's tint.
+ *
+ * **No `variant`**, and it is the only component in the core without one. A variant is the
+ * design system's *vocabulary* (§1 bis) — a name that means the same thing across the
+ * library. On a rule there is nothing for that name to describe: no fill against a
+ * foreground, no border against a surface, no intent to report. It had three values naming
+ * the three separator tokens, which is a shade of grey wearing a word. `size` says how
+ * heavy the rule is and `color` says what colour it is, in React Native's own values —
+ * between them there is nothing a third name would add.
+ */
+type DividerOwnProps = {
+    /**
+     * Which way the rule runs. A horizontal one stretches across its parent and a vertical
+     * one stretches down it, so the axis a divider does *not* run along is the one it takes
+     * from whatever contains it.
+     */
+    orientation?: DividerOrientation;
+    /**
+     * The thickness — height when horizontal, width when vertical. It is `size` and not
+     * `thickness` because that is the vocabulary word (§1 bis), and it is consistent with
+     * the rest of the library rather than in spite of it: "`size` drives height, never
+     * width" is exactly what this does, on the axis the orientation names.
+     *
+     * `xs` is the hairline and it is the default, unlike everywhere else in the library.
+     * A rule you notice is a rule that is too thick.
+     */
+    size?: DividerSize;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a rule,
+     * so it lands on the rule.
+     */
+    color?: string;
+    /**
+     * R12 — the child element becomes the rule and keeps its resolved style. What it is
+     * for here is the animated one: an `Animated.View` that collapses a section takes the
+     * thickness and the colour from the recipe and the height from a shared value.
+     */
+    asChild?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** Only meaningful under `asChild`, where it is the element that becomes the rule. */
+    children?: ReactNode;
+};
+type DividerProps = Omit<ViewProps, 'style'> & DividerOwnProps & Omit<ViewStyleProps, keyof DividerOwnProps | keyof ViewProps>;
+
+/**
+ * The line between two things.
+ *
+ * ```tsx
+ * <Column gap={12}>
+ *   <Row>…</Row>
+ *   <Divider />
+ *   <Row>…</Row>
+ * </Column>
+ *
+ * <Row gap={12}>
+ *   <Typography>Brouillon</Typography>
+ *   <Divider orientation="vertical" />
+ *   <Typography>Il y a deux minutes</Typography>
+ * </Row>
+ * ```
+ *
+ * **One node and no slots.** A rule is a filled box one point thick; there is nothing
+ * inside it. A divider with a word in the middle of it is a `Row` holding two of these
+ * and a `Typography`, which is the composition the library already has — inventing a
+ * `Divider.Label` would put a layout inside a line.
+ *
+ * **It takes the axis it does not run along from its parent.** `alignSelf: 'stretch'` is
+ * the whole mechanism: in a `Column` that is full width, in a `Row` it is full height, and
+ * on the axis the thickness fixes it is ignored. So a divider needs no width prop, and a
+ * horizontal one written inside a `Row` collapses on purpose rather than guessing.
+ */
+declare const Divider: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    orientation?: DividerOrientation;
+    size?: DividerSize;
+    color?: string;
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<ViewStyleProps, "size" | "color" | "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" | "asChild" | "orientation"> & react.RefAttributes<View>>;
+
+declare const dividerRecipe: Recipe<"root", "default", {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<DividerSlot>;
+    };
+    /** Second, so it releases the axis `size` had to write blind. */
+    readonly orientation: {
+        readonly horizontal: () => {
+            root: {
+                width: "auto";
+            };
+        };
+        readonly vertical: () => {
+            root: {
+                height: "auto";
+            };
+        };
+    };
+}>;
+
+export { Divider, type DividerOrientation, type DividerProps, type DividerSize, type DividerSlot, dividerRecipe };