@xaui/native 0.9.1-alpha.13 → 0.9.1-alpha.14

package/dist/{chunk-MLJ543GP.cjs → chunk-MMSNVFXU.cjs}

@@ -36,11 +36,11 @@ function _optionalChain(ops) {
   }
   return value;
 }
-var _chunkIVVFYUDWcjs = require('./chunk-IVVFYUDW.cjs');
+var _chunkGRXC6J5Mcjs = require('./chunk-GRXC6J5M.cjs');
 var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
 
 // src/components/button/button.context.ts
-var [ButtonProvider, useButton] = _chunkIVVFYUDWcjs.createSlotContext.call(void 0, "Button");
+var [ButtonProvider, useButton] = _chunkGRXC6J5Mcjs.createSlotContext.call(void 0, "Button");
 
 // src/components/button/button-icon.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -52,7 +52,7 @@ function ButtonIcon({
   const {
     icon
   } = useButton();
-  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkIVVFYUDWcjs.Icon, {
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGRXC6J5Mcjs.Icon, {
     size: _nullishCoalesce(size, () => icon.size),
     color: _nullishCoalesce(color, () => icon.color),
     ...rest
@@ -72,7 +72,7 @@ var ButtonLabel = _react.forwardRef.call(void 0, function ButtonLabel2({
   const {
     labelStyle
   } = useButton();
-  const [styleProps, rest] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGRXC6J5Mcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
     ref,
     numberOfLines,
@@ -96,7 +96,7 @@ function ButtonSpinner({
   const {
     spinnerStyle
   } = useButton();
-  const [styleProps] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
+  const [styleProps] = _chunkGRXC6J5Mcjs.useStyleProps.call(void 0, props);
   const ringStyle = [spinnerStyle, styleProps, style];
   if (!animation) return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
     style: ringStyle
@@ -106,10 +106,10 @@ function ButtonSpinner({
   });
 }
 ButtonSpinner.displayName = "XAUI.Button.Spinner";
-const _worklet_13959851668106_init_data = {
-  code: "function chunkMLJ543GPCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MLJ543GP.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkMLJ543GPCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MLJ543GP.cjs\"],\"mappings\":\"AA0E6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE/E,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_6282049362596_init_data = {
+  code: "function chunkMMSNVFXUCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MMSNVFXU.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkMMSNVFXUCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MMSNVFXU.cjs\"],\"mappings\":\"AA0E6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE/E,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function SpinningRing({
   style
@@ -122,28 +122,28 @@ function SpinningRing({
     }), -1, false);
     return () => _reactnativereanimated.cancelAnimation.call(void 0, angle);
   }, [angle]);
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkMLJ543GPCjs1Factory({
-    _worklet_13959851668106_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkMMSNVFXUCjs1Factory({
+    _worklet_6282049362596_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkMLJ543GPCjs1 = function () {
+    const chunkMMSNVFXUCjs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunkMLJ543GPCjs1.__closure = {
+    chunkMMSNVFXUCjs1.__closure = {
       angle
     };
-    chunkMLJ543GPCjs1.__workletHash = 13959851668106;
-    chunkMLJ543GPCjs1.__pluginVersion = "0.7.4";
-    chunkMLJ543GPCjs1.__initData = _worklet_13959851668106_init_data;
-    chunkMLJ543GPCjs1.__stackDetails = _e;
-    return chunkMLJ543GPCjs1;
+    chunkMMSNVFXUCjs1.__workletHash = 6282049362596;
+    chunkMMSNVFXUCjs1.__pluginVersion = "0.7.4";
+    chunkMMSNVFXUCjs1.__initData = _worklet_6282049362596_init_data;
+    chunkMMSNVFXUCjs1.__stackDetails = _e;
+    return chunkMMSNVFXUCjs1;
   }({
-    _worklet_13959851668106_init_data,
+    _worklet_6282049362596_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
@@ -254,7 +254,7 @@ function sizeAxis(step) {
     spinner: ring(theme, theme.fontSizes[glyph])
   });
 }
-var buttonRecipe = _chunkIVVFYUDWcjs.createRecipe.call(void 0, {
+var buttonRecipe = _chunkGRXC6J5Mcjs.createRecipe.call(void 0, {
   slots: SLOTS,
   base: theme => ({
     root: {
@@ -443,7 +443,7 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
   ...props
 }, ref) {
   const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
-  const [styleProps, rest] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGRXC6J5Mcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = usePressState({
     onPressIn,
     onPressOut
@@ -487,14 +487,14 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
   const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _8 => _8.root]), styleProps, typeof style === "function" ? style({
     pressed: isPressed
   }) : style];
-  const text = _chunkIVVFYUDWcjs.childrenToString.call(void 0, children);
+  const text = _chunkGRXC6J5Mcjs.childrenToString.call(void 0, children);
   const showSpinner = isLoading && !containsElementOfType(children, ButtonSpinner);
   if (isIconOnly && !rest.accessibilityLabel && !rest["aria-label"]) {
     warnDev("Button: an icon-only button needs an `accessibilityLabel` \u2014 there is no text for a screen reader to read, so it announces as an unlabelled button.");
   }
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, ButtonProvider, {
     value: context,
-    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkIVVFYUDWcjs.PressableFeedback, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGRXC6J5Mcjs.PressableFeedback, {
       ref,
       isPressed,
       isDisabled: isDisabled || isLoading,

package/dist/components/button/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkMLJ543GPcjs = require('../../chunk-MLJ543GP.cjs');
-require('../../chunk-IVVFYUDW.cjs');
+var _chunkMMSNVFXUcjs = require('../../chunk-MMSNVFXU.cjs');
+require('../../chunk-GRXC6J5M.cjs');
 require('../../chunk-6N5JXRUZ.cjs');
 
 
 
 
-exports.Button = _chunkMLJ543GPcjs.Button; exports.buttonRecipe = _chunkMLJ543GPcjs.buttonRecipe; exports.useButton = _chunkMLJ543GPcjs.useButton;
+exports.Button = _chunkMMSNVFXUcjs.Button; exports.buttonRecipe = _chunkMMSNVFXUcjs.buttonRecipe; exports.useButton = _chunkMMSNVFXUcjs.useButton;

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

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { StyleProp, TextStyle, ViewStyle, TextProps, PressableStateCallbackType } from 'react-native';
-import { a as IconContextValue, b as IconProps, w as TextStyleProps, P as PressableFeedbackProps, x as ViewStyleProps, g as Recipe, o as SlotStyles, c as AnimationProp } from '../../create-recipe-oiLAlJ4u.cjs';
+import { a as IconContextValue, b as IconProps, w as TextStyleProps, P as PressableFeedbackProps, x as ViewStyleProps, g as Recipe, o as SlotStyles, c as AnimationProp } from '../../create-recipe-BcUu9b2I.cjs';
 import { S as Size, R as RadiusKey, g as XAUITheme } from '../../theme.type-C9bFJKFm.cjs';
 import 'react-native-reanimated';
 
@@ -55,11 +55,15 @@ type ButtonOwnProps = {
 type ButtonBehaviourProps = Omit<PressableFeedbackProps, 'isPressed' | 'isDisabled' | 'style' | 'children'>;
 /**
  * R14 — the button's own props, the press behaviour it forwards, and every `ViewStyle`
- * key the two do not already claim. `height` therefore beats the height `size` chose and
- * `width="100%"` is what replaced `fullWidth`, both because the style props resolve after
- * the recipe. That is the escape hatch, not the normal path.
+ * key its own vocabulary does not already claim. `height` therefore beats the height
+ * `size` chose and `width="100%"` is what replaced `fullWidth`, both because the style
+ * props resolve after the recipe. That is the escape hatch, not the normal path.
+ *
+ * `PressableFeedback` carries the same keys, so the third term is redundant today. It
+ * stays because it is the `Button` that owes them: a root states the rule for its own
+ * node rather than inheriting it from whatever it happens to render.
  */
-type ButtonProps = ButtonOwnProps & ButtonBehaviourProps & Omit<ViewStyleProps, keyof ButtonOwnProps | keyof ButtonBehaviourProps>;
+type ButtonProps = ButtonOwnProps & ButtonBehaviourProps & Omit<ViewStyleProps, keyof ButtonOwnProps>;
 /** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
 type ButtonLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
     children?: ReactNode;
@@ -212,54 +216,14 @@ declare const Button: react.ForwardRefExoticComponent<{
     style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
     children?: react.ReactNode;
 } & {
-    id?: string | undefined | undefined;
-    onLayout?: ((event: react_native.LayoutChangeEvent) => void) | 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;
+    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;
@@ -303,6 +267,46 @@ declare const Button: 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;
@@ -318,9 +322,320 @@ declare const Button: react.ForwardRefExoticComponent<{
     android_ripple?: react_native.PressableAndroidRippleConfig | null | undefined;
     testOnly_pressed?: null | boolean | undefined | undefined;
     unstable_pressDelay?: number | undefined | undefined;
+    backfaceVisibility?: "visible" | "hidden" | undefined | undefined;
+    backgroundColor?: react_native.ColorValue | undefined;
+    borderBlockColor?: react_native.ColorValue | undefined;
+    borderBlockEndColor?: react_native.ColorValue | undefined;
+    borderBlockStartColor?: react_native.ColorValue | undefined;
+    borderBottomColor?: react_native.ColorValue | undefined;
+    borderBottomEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderBottomStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderColor?: react_native.ColorValue | undefined;
+    borderCurve?: "circular" | "continuous" | undefined | undefined;
+    borderEndColor?: react_native.ColorValue | undefined;
+    borderEndEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderEndStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartColor?: react_native.ColorValue | undefined;
+    borderStartEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStartStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
+    borderTopColor?: react_native.ColorValue | undefined;
+    borderTopEndRadius?: string | react_native.AnimatableNumericValue | undefined;
+    borderTopStartRadius?: string | react_native.AnimatableNumericValue | undefined;
+    outlineColor?: react_native.ColorValue | undefined;
+    outlineOffset?: react_native.AnimatableNumericValue | undefined;
+    outlineStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
+    outlineWidth?: react_native.AnimatableNumericValue | undefined;
+    opacity?: react_native.AnimatableNumericValue | undefined;
+    elevation?: number | undefined | undefined;
+    isolation?: "auto" | "isolate" | undefined | undefined;
+    cursor?: react_native.CursorValue | undefined;
+    boxShadow?: string | readonly react_native.BoxShadowValue[] | undefined;
+    filter?: string | readonly react_native.FilterFunction[] | undefined;
+    mixBlendMode?: react_native.BlendMode | undefined;
+    experimental_backgroundImage?: string | readonly react_native.GradientValue[] | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    alignItems?: react_native.FlexAlignType | undefined;
+    alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+    aspectRatio?: number | string | undefined | undefined;
+    borderBottomWidth?: number | undefined | undefined;
+    borderEndWidth?: number | undefined | undefined;
+    borderStartWidth?: number | undefined | undefined;
+    borderTopWidth?: number | undefined | undefined;
+    borderWidth?: number | undefined | undefined;
+    bottom?: react_native.DimensionValue | undefined;
+    boxSizing?: "border-box" | "content-box" | undefined | undefined;
+    display?: "none" | "flex" | "contents" | undefined | undefined;
+    end?: react_native.DimensionValue | undefined;
+    flex?: number | undefined | undefined;
+    flexBasis?: react_native.DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
+    rowGap?: number | string | undefined | undefined;
+    gap?: number | string | undefined | undefined;
+    columnGap?: number | string | undefined | undefined;
+    flexGrow?: number | undefined | undefined;
+    flexShrink?: number | undefined | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
+    height?: react_native.DimensionValue | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    margin?: react_native.DimensionValue | undefined;
+    marginBottom?: react_native.DimensionValue | undefined;
+    marginEnd?: react_native.DimensionValue | undefined;
+    marginHorizontal?: react_native.DimensionValue | undefined;
+    marginStart?: react_native.DimensionValue | undefined;
+    marginTop?: react_native.DimensionValue | undefined;
+    marginVertical?: react_native.DimensionValue | undefined;
+    maxHeight?: react_native.DimensionValue | undefined;
+    maxWidth?: react_native.DimensionValue | undefined;
+    minHeight?: react_native.DimensionValue | undefined;
+    minWidth?: react_native.DimensionValue | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
+    padding?: react_native.DimensionValue | undefined;
+    paddingBottom?: react_native.DimensionValue | undefined;
+    paddingEnd?: react_native.DimensionValue | undefined;
+    paddingHorizontal?: react_native.DimensionValue | undefined;
+    paddingStart?: react_native.DimensionValue | undefined;
+    paddingTop?: react_native.DimensionValue | undefined;
+    paddingVertical?: react_native.DimensionValue | undefined;
+    position?: "absolute" | "relative" | "static" | undefined | undefined;
+    start?: react_native.DimensionValue | undefined;
+    top?: react_native.DimensionValue | undefined;
+    width?: react_native.DimensionValue | undefined;
+    zIndex?: number | undefined | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | undefined | undefined;
+    inset?: react_native.DimensionValue | undefined;
+    insetBlock?: react_native.DimensionValue | undefined;
+    insetBlockEnd?: react_native.DimensionValue | undefined;
+    insetBlockStart?: react_native.DimensionValue | undefined;
+    insetInline?: react_native.DimensionValue | undefined;
+    insetInlineEnd?: react_native.DimensionValue | undefined;
+    insetInlineStart?: react_native.DimensionValue | undefined;
+    marginBlock?: react_native.DimensionValue | undefined;
+    marginBlockEnd?: react_native.DimensionValue | undefined;
+    marginBlockStart?: react_native.DimensionValue | undefined;
+    marginInline?: react_native.DimensionValue | undefined;
+    marginInlineEnd?: react_native.DimensionValue | undefined;
+    marginInlineStart?: react_native.DimensionValue | undefined;
+    paddingBlock?: react_native.DimensionValue | undefined;
+    paddingBlockEnd?: react_native.DimensionValue | undefined;
+    paddingBlockStart?: react_native.DimensionValue | undefined;
+    paddingInline?: react_native.DimensionValue | undefined;
+    paddingInlineEnd?: react_native.DimensionValue | undefined;
+    paddingInlineStart?: react_native.DimensionValue | undefined;
+    shadowColor?: react_native.ColorValue | undefined;
+    shadowOffset?: Readonly<{
+        width: number;
+        height: number;
+    }> | undefined;
+    shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+    shadowRadius?: number | undefined | undefined;
+    transform?: string | readonly (({
+        scaleX: react_native.AnimatableNumericValue;
+    } & {
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scaleY: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateX: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        translateY: react_native.AnimatableNumericValue | `${number}%`;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        perspective: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotate: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        rotateZ: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        scale: react_native.AnimatableNumericValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        skewX?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewX: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewY?: undefined;
+        matrix?: undefined;
+    }) | ({
+        skewY: react_native.AnimatableStringValue;
+    } & {
+        scaleX?: undefined;
+        scaleY?: undefined;
+        translateX?: undefined;
+        translateY?: undefined;
+        perspective?: undefined;
+        rotate?: undefined;
+        rotateX?: undefined;
+        rotateY?: undefined;
+        rotateZ?: undefined;
+        scale?: undefined;
+        skewX?: undefined;
+        matrix?: undefined;
+    }) | ({
+        matrix: 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;
+    }))[] | undefined;
+    transformOrigin?: string | (string | number)[] | undefined;
+    transformMatrix?: number[] | undefined;
+    rotation?: react_native.AnimatableNumericValue | undefined;
+    scaleX?: react_native.AnimatableNumericValue | undefined;
+    scaleY?: react_native.AnimatableNumericValue | undefined;
+    translateX?: react_native.AnimatableNumericValue | undefined;
+    translateY?: react_native.AnimatableNumericValue | undefined;
     asChild?: boolean | undefined;
     animation?: AnimationProp | undefined;
-} & Omit<ViewStyleProps, "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" | "pointerEvents" | "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" | "onHoverIn" | "onHoverOut" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "asChild" | "animation" | keyof {
+} & Omit<ViewStyleProps, keyof {
     variant?: ButtonVariant;
     size?: ButtonSize;
     radius?: RadiusKey;