@xaui/native 0.9.1-alpha.21 → 0.9.1-alpha.23

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

@@ -2,10 +2,10 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { StyleProp, ViewStyle, TextStyle, ViewProps, ImageSourcePropType, TextProps, PressableStateCallbackType } from 'react-native';
-import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-B1BG5TCm.cjs';
-import { P as PressableFeedbackProps, a as AnimationProp } from '../../pressable-feedback.type-wfeiJz5m.cjs';
+import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { P as PressableFeedbackProps, a as AnimationProp } from '../../pressable-feedback.type-BA2C9sSz.cjs';
 import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
-import { R as Recipe, g as SlotStyles } from '../../create-recipe-CPBFg7ym.cjs';
+import { R as Recipe, g as SlotStyles } from '../../create-recipe-dBN_ewZc.cjs';
 import 'react-native-reanimated';
 
 type CardSlot = 'root' | 'background' | 'header' | 'body' | 'footer' | 'title' | 'description';
@@ -117,7 +117,7 @@ type CardBackgroundProps = Omit<ViewProps, 'style'> & CardBackgroundOwnProps & O
 
 declare const useCard: () => CardContextValue;
 
-declare const cardRecipe: Recipe<"background" | "body" | "footer" | "header" | "title" | "description" | "root", CardVariant, {
+declare const cardRecipe: Recipe<"body" | "footer" | "header" | "title" | "background" | "description" | "root", CardVariant, {
     readonly size: {
         readonly xs: (theme: XAUITheme) => SlotStyles<CardSlot>;
         readonly sm: (theme: XAUITheme) => SlotStyles<CardSlot>;
@@ -166,9 +166,6 @@ declare const Card: react.ForwardRefExoticComponent<{
     style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
     children?: react.ReactNode;
 } & {
-    borderWidth?: number | undefined | undefined;
-    opacity?: react_native.AnimatableNumericValue | undefined;
-    filter?: string | readonly react_native.FilterFunction[] | 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;
@@ -255,14 +252,17 @@ declare const Card: react.ForwardRefExoticComponent<{
     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;
@@ -283,12 +283,12 @@ declare const Card: react.ForwardRefExoticComponent<{
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
@@ -298,12 +298,12 @@ declare const Card: react.ForwardRefExoticComponent<{
         scaleX?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
@@ -313,12 +313,12 @@ declare const Card: react.ForwardRefExoticComponent<{
         scaleX?: undefined;
         scaleY?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
@@ -328,102 +328,102 @@ declare const Card: react.ForwardRefExoticComponent<{
         scaleX?: undefined;
         scaleY?: undefined;
         translateX?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
     }) | ({
-        perspective: react_native.AnimatableNumericValue;
+        scale: react_native.AnimatableNumericValue;
     } & {
         scaleX?: undefined;
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
     }) | ({
-        rotate: react_native.AnimatableStringValue;
+        perspective: react_native.AnimatableNumericValue;
     } & {
         scaleX?: undefined;
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
-        perspective?: undefined;
+        scale?: undefined;
+        rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
     }) | ({
-        rotateX: react_native.AnimatableStringValue;
+        rotate: react_native.AnimatableStringValue;
     } & {
         scaleX?: undefined;
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
-        rotate?: undefined;
+        rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
     }) | ({
-        rotateY: react_native.AnimatableStringValue;
+        rotateX: react_native.AnimatableStringValue;
     } & {
         scaleX?: undefined;
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
-        rotateX?: undefined;
+        rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
     }) | ({
-        rotateZ: react_native.AnimatableStringValue;
+        rotateY: react_native.AnimatableStringValue;
     } & {
         scaleX?: undefined;
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
-        rotateY?: undefined;
-        scale?: undefined;
+        rotateZ?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
     }) | ({
-        scale: react_native.AnimatableNumericValue;
+        rotateZ: react_native.AnimatableStringValue;
     } & {
         scaleX?: undefined;
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
-        rotateZ?: undefined;
         skewX?: undefined;
         skewY?: undefined;
         matrix?: undefined;
@@ -434,12 +434,12 @@ declare const Card: react.ForwardRefExoticComponent<{
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewY?: undefined;
         matrix?: undefined;
     }) | ({
@@ -449,12 +449,12 @@ declare const Card: react.ForwardRefExoticComponent<{
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         matrix?: undefined;
     }) | ({
@@ -464,12 +464,12 @@ declare const Card: react.ForwardRefExoticComponent<{
         scaleY?: undefined;
         translateX?: undefined;
         translateY?: undefined;
+        scale?: undefined;
         perspective?: undefined;
         rotate?: undefined;
         rotateX?: undefined;
         rotateY?: undefined;
         rotateZ?: undefined;
-        scale?: undefined;
         skewX?: undefined;
         skewY?: undefined;
     }))[] | undefined;
@@ -478,53 +478,13 @@ declare const Card: react.ForwardRefExoticComponent<{
     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;
-    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;
-    hitSlop?: number | react_native.Insets | null | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
-    removeClippedSubviews?: boolean | undefined | undefined;
     collapsable?: boolean | undefined | undefined;
     collapsableChildren?: boolean | undefined | undefined;
     onBlur?: null | ((event: react_native.NativeSyntheticEvent<react_native.TargetedEvent>) => void) | undefined | undefined;
@@ -568,6 +528,46 @@ declare const Card: react.ForwardRefExoticComponent<{
     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;
     onPress?: null | ((event: react_native.GestureResponderEvent) => void) | undefined | undefined;
@@ -599,7 +599,7 @@ declare const Card: react.ForwardRefExoticComponent<{
         source?: react_native.ImageSourcePropType;
         children?: react.ReactNode;
         style?: react_native.StyleProp<react_native.ViewStyle>;
-    } & Omit<ViewStyleProps, "pointerEvents" | "source" | "style" | "children" | "id" | "onLayout" | "testID" | "nativeID" | "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" | "hitSlop" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "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"> & react.RefAttributes<react_native.View>>;
+    } & 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>>;
     Header: react.ForwardRefExoticComponent<react_native.ViewProps & Omit<ViewStyleProps, keyof react_native.ViewProps> & {
         children?: react.ReactNode;
     } & react.RefAttributes<react_native.View>>;