@xaui/native 0.9.1-alpha.17 → 0.9.1-alpha.19

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

@@ -2,7 +2,8 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
-import { o as TextStyleProps, R as Recipe } from '../../create-recipe-3_ElpCYt.cjs';
+import { T as TextStyleProps } from '../../style-props.type-B1BG5TCm.cjs';
+import { R as Recipe } from '../../create-recipe-C0XXjuow.cjs';
 import { X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
 
 /**
@@ -75,7 +76,7 @@ declare const Typography: react.ForwardRefExoticComponent<Omit<react_native.Text
     asChild?: boolean;
     style?: react_native.StyleProp<react_native.TextStyle>;
     children?: react.ReactNode;
-} & Omit<TextStyleProps, "color" | "pointerEvents" | "children" | "style" | "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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "asChild" | "variant" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "minimumFontScale" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
+} & Omit<TextStyleProps, "color" | "pointerEvents" | "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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "asChild" | "variant" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "minimumFontScale" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
 
 /**
  * A fragment of text, styled apart from the text around it.
@@ -100,7 +101,7 @@ declare const TextSpan: react.ForwardRefExoticComponent<Omit<react_native.TextPr
     asChild?: boolean;
     style?: react_native.StyleProp<react_native.TextStyle>;
     children?: react.ReactNode;
-} & Omit<TextStyleProps, "pointerEvents" | "children" | "style" | "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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "asChild" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "minimumFontScale" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
+} & Omit<TextStyleProps, "pointerEvents" | "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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "asChild" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "minimumFontScale" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
 
 /** Every role produces the same one slot, so the recipe's style functions share a shape. */
 type StyleFn = (theme: XAUITheme) => Record<TypographySlot, TextStyle>;

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

@@ -2,7 +2,8 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
-import { o as TextStyleProps, R as Recipe } from '../../create-recipe-DImq1AZA.js';
+import { T as TextStyleProps } from '../../style-props.type-B1BG5TCm.js';
+import { R as Recipe } from '../../create-recipe-CPXFo2rk.js';
 import { X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
 
 /**
@@ -75,7 +76,7 @@ declare const Typography: react.ForwardRefExoticComponent<Omit<react_native.Text
     asChild?: boolean;
     style?: react_native.StyleProp<react_native.TextStyle>;
     children?: react.ReactNode;
-} & Omit<TextStyleProps, "color" | "pointerEvents" | "children" | "style" | "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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "asChild" | "variant" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "minimumFontScale" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
+} & Omit<TextStyleProps, "color" | "pointerEvents" | "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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "asChild" | "variant" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "minimumFontScale" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
 
 /**
  * A fragment of text, styled apart from the text around it.
@@ -100,7 +101,7 @@ declare const TextSpan: react.ForwardRefExoticComponent<Omit<react_native.TextPr
     asChild?: boolean;
     style?: react_native.StyleProp<react_native.TextStyle>;
     children?: react.ReactNode;
-} & Omit<TextStyleProps, "pointerEvents" | "children" | "style" | "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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "asChild" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "minimumFontScale" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
+} & Omit<TextStyleProps, "pointerEvents" | "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" | "disabled" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "asChild" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "minimumFontScale" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
 
 /** Every role produces the same one slot, so the recipe's style functions share a shape. */
 type StyleFn = (theme: XAUITheme) => Record<TypographySlot, TextStyle>;

package/dist/components/typography/index.js

@@ -2,9 +2,11 @@ import {
   TextSpan,
   Typography,
   typographyRecipe
-} from "../../chunk-6PZF4PI7.js";
-import "../../chunk-4K3LZS7M.js";
-import "../../chunk-XJARE6SC.js";
+} from "../../chunk-RMLFMRWL.js";
+import "../../chunk-N7C4UNUL.js";
+import "../../chunk-EXX6ATAS.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-GGW42MY4.js";
 export {
   TextSpan,
   Typography,

package/dist/components/view/index.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkBFB6K4M7cjs = require('../../chunk-BFB6K4M7.cjs');
+require('../../chunk-EVXZGNPA.cjs');
+require('../../chunk-MC7SY2QH.cjs');
+
+
+
+exports.Column = _chunkBFB6K4M7cjs.Column; exports.Row = _chunkBFB6K4M7cjs.Row;

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

@@ -0,0 +1,77 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { View, ViewProps, StyleProp, ViewStyle } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-B1BG5TCm.cjs';
+
+/**
+ * A horizontal axis.
+ *
+ * ```tsx
+ * <Row gap={8} alignItems="center">
+ *   <Button.Icon as={Trash2} />
+ *   <Typography variant="h6">Supprimer</Typography>
+ * </Row>
+ * ```
+ *
+ * **It contributes one declaration**, `flexDirection: 'row'`, and everything else it looks
+ * like it offers comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` and the
+ * rest are `ViewStyle` keys every node already exposes as props. That is deliberate — the
+ * legacy component invented `mainAxisAlignment`, `crossAxisAlignment` and `mainAxisSize`,
+ * a vocabulary to learn for saying what React Native already says.
+ *
+ * There is no `reversed` prop either. `row` already flips in an RTL layout, which is the
+ * case that matters, and a genuine reversal is `style={{ flexDirection: 'row-reverse' }}`.
+ */
+declare const Row: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "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" | "asChild"> & react.RefAttributes<View>>;
+
+/**
+ * A vertical axis.
+ *
+ * ```tsx
+ * <Column gap={16} padding={16}>
+ *   <Typography variant="h3">Projets</Typography>
+ *   <Typography variant="body-sm">Trois en cours, un archivé.</Typography>
+ * </Column>
+ * ```
+ *
+ * **It contributes one declaration**, `flexDirection: 'column'` — which is React Native's
+ * default, so this component exists for what it *says* rather than for what it changes.
+ * A column written as a column reads as a deliberate axis, and its siblings in a layout
+ * are then all named the same way; a bare `View` leaves the reader to infer it.
+ *
+ * Everything else comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` are
+ * `ViewStyle` keys every node already exposes as props, under React Native's own names.
+ */
+declare const Column: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "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" | "asChild"> & react.RefAttributes<View>>;
+
+type AxisOwnProps = {
+    /** R12 — the child element becomes the axis, keeping its direction. */
+    asChild?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * Everything a `View` can be styled with, as props (R14), **minus `flexDirection`** — that
+ * one is the component's identity, and a `Row` that could be told to lay out as a column
+ * would only be a `View` with a longer name. Reversal and the rest go through `style`,
+ * which is the escape hatch for what has no readable prop.
+ *
+ * Note what is *not* declared here: no `mainAxisAlignment`, no `crossAxisAlignment`, no
+ * `gap` prop of our own. They are `justifyContent`, `alignItems` and `gap` — React
+ * Native's own names, carrying React Native's own values, and R14 already exposes every
+ * one of them. A vocabulary of ours would be a second set of words for the same thing.
+ */
+type AxisProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps | 'flexDirection'>;
+type RowProps = AxisProps;
+type ColumnProps = AxisProps;
+
+export { type AxisProps, Column, type ColumnProps, Row, type RowProps };

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

@@ -0,0 +1,77 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { View, ViewProps, StyleProp, ViewStyle } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-B1BG5TCm.js';
+
+/**
+ * A horizontal axis.
+ *
+ * ```tsx
+ * <Row gap={8} alignItems="center">
+ *   <Button.Icon as={Trash2} />
+ *   <Typography variant="h6">Supprimer</Typography>
+ * </Row>
+ * ```
+ *
+ * **It contributes one declaration**, `flexDirection: 'row'`, and everything else it looks
+ * like it offers comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` and the
+ * rest are `ViewStyle` keys every node already exposes as props. That is deliberate — the
+ * legacy component invented `mainAxisAlignment`, `crossAxisAlignment` and `mainAxisSize`,
+ * a vocabulary to learn for saying what React Native already says.
+ *
+ * There is no `reversed` prop either. `row` already flips in an RTL layout, which is the
+ * case that matters, and a genuine reversal is `style={{ flexDirection: 'row-reverse' }}`.
+ */
+declare const Row: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "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" | "asChild"> & react.RefAttributes<View>>;
+
+/**
+ * A vertical axis.
+ *
+ * ```tsx
+ * <Column gap={16} padding={16}>
+ *   <Typography variant="h3">Projets</Typography>
+ *   <Typography variant="body-sm">Trois en cours, un archivé.</Typography>
+ * </Column>
+ * ```
+ *
+ * **It contributes one declaration**, `flexDirection: 'column'` — which is React Native's
+ * default, so this component exists for what it *says* rather than for what it changes.
+ * A column written as a column reads as a deliberate axis, and its siblings in a layout
+ * are then all named the same way; a bare `View` leaves the reader to infer it.
+ *
+ * Everything else comes from R14: `gap`, `alignItems`, `justifyContent`, `padding` are
+ * `ViewStyle` keys every node already exposes as props, under React Native's own names.
+ */
+declare const Column: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "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" | "asChild"> & react.RefAttributes<View>>;
+
+type AxisOwnProps = {
+    /** R12 — the child element becomes the axis, keeping its direction. */
+    asChild?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * Everything a `View` can be styled with, as props (R14), **minus `flexDirection`** — that
+ * one is the component's identity, and a `Row` that could be told to lay out as a column
+ * would only be a `View` with a longer name. Reversal and the rest go through `style`,
+ * which is the escape hatch for what has no readable prop.
+ *
+ * Note what is *not* declared here: no `mainAxisAlignment`, no `crossAxisAlignment`, no
+ * `gap` prop of our own. They are `justifyContent`, `alignItems` and `gap` — React
+ * Native's own names, carrying React Native's own values, and R14 already exposes every
+ * one of them. A vocabulary of ours would be a second set of words for the same thing.
+ */
+type AxisProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps | 'flexDirection'>;
+type RowProps = AxisProps;
+type ColumnProps = AxisProps;
+
+export { type AxisProps, Column, type ColumnProps, Row, type RowProps };

package/dist/components/view/index.js

@@ -0,0 +1,10 @@
+import {
+  Column,
+  Row
+} from "../../chunk-MAYVGK6W.js";
+import "../../chunk-EXX6ATAS.js";
+import "../../chunk-GGW42MY4.js";
+export {
+  Column,
+  Row
+};

package/dist/{create-recipe-3_ElpCYt.d.cts → create-recipe-C0XXjuow.d.cts}

@@ -1,33 +1,5 @@
-import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
 import { X as XAUITheme, a as XAUIColors } from './theme.type-C2gNHpEx.cjs';
-
-/**
- * R13 — React Native mirrors a layout under RTL through the Start/End properties and only
- * those. A props API is exactly where someone writes `paddingLeft` without thinking, so
- * the type removes the temptation instead of leaving it to a review.
- */
-type DirectionalStyleKey = 'left' | 'right' | 'paddingLeft' | 'paddingRight' | 'marginLeft' | 'marginRight' | 'borderLeftWidth' | 'borderRightWidth' | 'borderLeftColor' | 'borderRightColor' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomLeftRadius' | 'borderBottomRightRadius';
-/**
- * `pointerEvents` is a style key *and* a `View` prop. R14 says the component's own prop
- * wins, so it stays the prop it has always been and is not exposed twice — the one name
- * where the two vocabularies collide.
- */
-type ComponentOwnedStyleKey = 'pointerEvents';
-/**
- * The style keys of a node, exposed as props (R14). Not a maintained list: it derives
- * from the React Native type, minus what R13 forbids.
- *
- * ```ts
- * type CardProps = ViewStyleProps & { variant?: CardVariant }
- * ```
- */
-type StyleProps<Style> = Omit<Style, DirectionalStyleKey | ComponentOwnedStyleKey>;
-/** A root, or any slot that renders a view. */
-type ViewStyleProps = StyleProps<ViewStyle>;
-/** A text slot — `color`, `fontSize`, `letterSpacing`… */
-type TextStyleProps = StyleProps<TextStyle>;
-/** An image slot — `resizeMode`, `tintColor`… */
-type ImageStyleProps = StyleProps<ImageStyle>;
+import { ViewStyle, TextStyle } from 'react-native';
 
 /**
  * A slot is a view or a text node, and a recipe writes one object per slot, so the two
@@ -114,4 +86,4 @@ type Recipe<Slot extends string, Variant extends string, A extends Axes<Slot>> =
  */
 declare function createRecipe<Slot extends string, Variant extends string, const A extends Axes<Slot>>(config: RecipeConfig<Slot, Variant, A>): Recipe<Slot, Variant, A>;
 
-export { type Axes as A, type CompoundVariant as C, type DirectionalStyleKey as D, type ImageStyleProps as I, type Recipe as R, type Selection as S, type TintArgs as T, type ViewStyleProps as V, type ResolveArgs as a, type RecipeConfig as b, createRecipe as c, type ResolvedSelection as d, type ResolvedStyles as e, type SlotStyle as f, type SlotStyles as g, type StateName as h, type States as i, type StyleFn as j, type VariantColors as k, type VariantRole as l, type VariantTokens as m, type StyleProps as n, type TextStyleProps as o };
+export { type Axes as A, type CompoundVariant as C, type Recipe as R, type Selection as S, type TintArgs as T, type VariantColors as V, type ResolveArgs as a, type RecipeConfig as b, createRecipe as c, type ResolvedSelection as d, type ResolvedStyles as e, type SlotStyle as f, type SlotStyles as g, type StateName as h, type States as i, type StyleFn as j, type VariantRole as k, type VariantTokens as l };

package/dist/{create-recipe-DImq1AZA.d.ts → create-recipe-CPXFo2rk.d.ts}

@@ -1,33 +1,5 @@
-import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
 import { X as XAUITheme, a as XAUIColors } from './theme.type-C2gNHpEx.js';
-
-/**
- * R13 — React Native mirrors a layout under RTL through the Start/End properties and only
- * those. A props API is exactly where someone writes `paddingLeft` without thinking, so
- * the type removes the temptation instead of leaving it to a review.
- */
-type DirectionalStyleKey = 'left' | 'right' | 'paddingLeft' | 'paddingRight' | 'marginLeft' | 'marginRight' | 'borderLeftWidth' | 'borderRightWidth' | 'borderLeftColor' | 'borderRightColor' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomLeftRadius' | 'borderBottomRightRadius';
-/**
- * `pointerEvents` is a style key *and* a `View` prop. R14 says the component's own prop
- * wins, so it stays the prop it has always been and is not exposed twice — the one name
- * where the two vocabularies collide.
- */
-type ComponentOwnedStyleKey = 'pointerEvents';
-/**
- * The style keys of a node, exposed as props (R14). Not a maintained list: it derives
- * from the React Native type, minus what R13 forbids.
- *
- * ```ts
- * type CardProps = ViewStyleProps & { variant?: CardVariant }
- * ```
- */
-type StyleProps<Style> = Omit<Style, DirectionalStyleKey | ComponentOwnedStyleKey>;
-/** A root, or any slot that renders a view. */
-type ViewStyleProps = StyleProps<ViewStyle>;
-/** A text slot — `color`, `fontSize`, `letterSpacing`… */
-type TextStyleProps = StyleProps<TextStyle>;
-/** An image slot — `resizeMode`, `tintColor`… */
-type ImageStyleProps = StyleProps<ImageStyle>;
+import { ViewStyle, TextStyle } from 'react-native';
 
 /**
  * A slot is a view or a text node, and a recipe writes one object per slot, so the two
@@ -114,4 +86,4 @@ type Recipe<Slot extends string, Variant extends string, A extends Axes<Slot>> =
  */
 declare function createRecipe<Slot extends string, Variant extends string, const A extends Axes<Slot>>(config: RecipeConfig<Slot, Variant, A>): Recipe<Slot, Variant, A>;
 
-export { type Axes as A, type CompoundVariant as C, type DirectionalStyleKey as D, type ImageStyleProps as I, type Recipe as R, type Selection as S, type TintArgs as T, type ViewStyleProps as V, type ResolveArgs as a, type RecipeConfig as b, createRecipe as c, type ResolvedSelection as d, type ResolvedStyles as e, type SlotStyle as f, type SlotStyles as g, type StateName as h, type States as i, type StyleFn as j, type VariantColors as k, type VariantRole as l, type VariantTokens as m, type StyleProps as n, type TextStyleProps as o };
+export { type Axes as A, type CompoundVariant as C, type Recipe as R, type Selection as S, type TintArgs as T, type VariantColors as V, type ResolveArgs as a, type RecipeConfig as b, createRecipe as c, type ResolvedSelection as d, type ResolvedStyles as e, type SlotStyle as f, type SlotStyles as g, type StateName as h, type States as i, type StyleFn as j, type VariantRole as k, type VariantTokens as l };

package/dist/index.cjs

@@ -4,20 +4,21 @@
 
 
 
-var _chunkIZYRU7S2cjs = require('./chunk-IZYRU7S2.cjs');
+var _chunk6ARON3XTcjs = require('./chunk-6ARON3XT.cjs');
 
 
 
 
-var _chunk6VTBGBPPcjs = require('./chunk-6VTBGBPP.cjs');
+var _chunkUBA6AEY6cjs = require('./chunk-UBA6AEY6.cjs');
 
 
 
+var _chunkBFB6K4M7cjs = require('./chunk-BFB6K4M7.cjs');
 
-var _chunkM2VYRHVScjs = require('./chunk-M2VYRHVS.cjs');
 
 
 
+var _chunk2WMVDMFVcjs = require('./chunk-2WMVDMFV.cjs');
 
 
 
@@ -39,20 +40,21 @@ var _chunkM2VYRHVScjs = require('./chunk-M2VYRHVS.cjs');
 
 
 
-var _chunk2UICXD3Qcjs = require('./chunk-2UICXD3Q.cjs');
 
 
 
+var _chunkA4VD4MHKcjs = require('./chunk-A4VD4MHK.cjs');
 
 
+var _chunkUVO4GFSWcjs = require('./chunk-UVO4GFSW.cjs');
 
 
 
-var _chunk5SU7FXWHcjs = require('./chunk-5SU7FXWH.cjs');
 
 
 
 
+var _chunkEVXZGNPAcjs = require('./chunk-EVXZGNPA.cjs');
 
 
 
@@ -60,14 +62,19 @@ var _chunk5SU7FXWHcjs = require('./chunk-5SU7FXWH.cjs');
 
 
 
-var _chunkBHAHJHAIcjs = require('./chunk-BHAHJHAI.cjs');
 
 
 
 
+var _chunkBHTFIZTQcjs = require('./chunk-BHTFIZTQ.cjs');
 
 
-var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
+
+
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+require('./chunk-MC7SY2QH.cjs');
 
 // src/hooks/use-controllable-state.ts
 var _react = require('react');
@@ -97,7 +104,7 @@ function useControllableState({
 function useControlWarning(isControlled) {
   const wasControlled = _react.useRef.call(void 0, isControlled);
   if (wasControlled.current !== isControlled) {
-    _chunkIZYRU7S2cjs.warnDev.call(void 0, 
+    _chunk6ARON3XTcjs.warnDev.call(void 0, 
       `a component switched from ${wasControlled.current ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}. Decide for the life of the component: pass \`value\` always, or never. Passing \`undefined\` for a value you do control reads as "uncontrolled" here.`
     );
     wasControlled.current = isControlled;
@@ -107,7 +114,7 @@ function useControlWarning(isControlled) {
 // src/hooks/use-merged-ref.ts
 
 function useMergedRef(...refs) {
-  return _react.useMemo.call(void 0, () => _chunk5SU7FXWHcjs.mergeRefs.call(void 0, ...refs), refs);
+  return _react.useMemo.call(void 0, () => _chunkEVXZGNPAcjs.mergeRefs.call(void 0, ...refs), refs);
 }
 
 // src/hooks/use-previous.ts
@@ -178,4 +185,6 @@ function usePrevious(value) {
 
 
 
-exports.Button = _chunkIZYRU7S2cjs.Button; exports.FEEDBACK_OVERLAY = _chunk2UICXD3Qcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunk2UICXD3Qcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunk2UICXD3Qcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunk2UICXD3Qcjs.Icon; exports.IconContext = _chunk2UICXD3Qcjs.IconContext; exports.PRESS_DURATION = _chunk2UICXD3Qcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunk2UICXD3Qcjs.PRESS_SCALE; exports.Portal = _chunkM2VYRHVScjs.Portal; exports.PortalContext = _chunkM2VYRHVScjs.PortalContext; exports.PortalHost = _chunkM2VYRHVScjs.PortalHost; exports.PressableFeedback = _chunk2UICXD3Qcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunk2UICXD3Qcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunk2UICXD3Qcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunk2UICXD3Qcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunk2UICXD3Qcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunk2UICXD3Qcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunk2UICXD3Qcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunk2UICXD3Qcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunk2UICXD3Qcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunk5SU7FXWHcjs.Slot; exports.TextSpan = _chunk6VTBGBPPcjs.TextSpan; exports.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.Typography = _chunk6VTBGBPPcjs.Typography; exports.XAUIProvider = _chunkBHAHJHAIcjs.XAUIProvider; exports.buildRadius = _chunkBHAHJHAIcjs.buildRadius; exports.buildShadows = _chunkBHAHJHAIcjs.buildShadows; exports.buttonRecipe = _chunkIZYRU7S2cjs.buttonRecipe; exports.childrenToString = _chunk5SU7FXWHcjs.childrenToString; exports.createRecipe = _chunk5SU7FXWHcjs.createRecipe; exports.createSlotContext = _chunk5SU7FXWHcjs.createSlotContext; exports.createTheme = _chunkBHAHJHAIcjs.createTheme; exports.defaultTheme = _chunkBHAHJHAIcjs.defaultTheme; exports.deriveColors = _chunkBHAHJHAIcjs.deriveColors; exports.deriveTint = _chunk6N5JXRUZcjs.deriveTint; exports.markOverlay = _chunk2UICXD3Qcjs.markOverlay; exports.mergeProps = _chunk5SU7FXWHcjs.mergeProps; exports.mergeRefs = _chunk5SU7FXWHcjs.mergeRefs; exports.palette = _chunkBHAHJHAIcjs.palette; exports.pressScaleFor = _chunk2UICXD3Qcjs.pressScaleFor; exports.primitives = _chunkBHAHJHAIcjs.primitives; exports.resolveAnimation = _chunk2UICXD3Qcjs.resolveAnimation; exports.resolveSlotAnimation = _chunk2UICXD3Qcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunk2UICXD3Qcjs.rippleRadiusFor; exports.sourceKeys = _chunkBHAHJHAIcjs.sourceKeys; exports.tokens = _chunkBHAHJHAIcjs.tokens; exports.typographyRecipe = _chunk6VTBGBPPcjs.typographyRecipe; exports.useButton = _chunkIZYRU7S2cjs.useButton; exports.useColorMode = _chunk6N5JXRUZcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunk2UICXD3Qcjs.useFeedback; exports.useIconContext = _chunk2UICXD3Qcjs.useIconContext; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIZYRU7S2cjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunk5SU7FXWHcjs.useStyleProps; exports.useThemeColor = _chunk6N5JXRUZcjs.useThemeColor; exports.useXAUITheme = _chunk6N5JXRUZcjs.useXAUITheme;
+
+
+exports.Button = _chunk6ARON3XTcjs.Button; exports.Column = _chunkBFB6K4M7cjs.Column; exports.FEEDBACK_OVERLAY = _chunkA4VD4MHKcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkA4VD4MHKcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkA4VD4MHKcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkA4VD4MHKcjs.Icon; exports.IconContext = _chunkA4VD4MHKcjs.IconContext; exports.PRESS_DURATION = _chunkA4VD4MHKcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkA4VD4MHKcjs.PRESS_SCALE; exports.Portal = _chunk2WMVDMFVcjs.Portal; exports.PortalContext = _chunk2WMVDMFVcjs.PortalContext; exports.PortalHost = _chunk2WMVDMFVcjs.PortalHost; exports.PressableFeedback = _chunkA4VD4MHKcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkA4VD4MHKcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkA4VD4MHKcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkA4VD4MHKcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkA4VD4MHKcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkA4VD4MHKcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkA4VD4MHKcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkA4VD4MHKcjs.RIPPLE_START_SCALE; exports.Row = _chunkBFB6K4M7cjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkA4VD4MHKcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkEVXZGNPAcjs.Slot; exports.TextSpan = _chunkUBA6AEY6cjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkUBA6AEY6cjs.Typography; exports.XAUIProvider = _chunkBHTFIZTQcjs.XAUIProvider; exports.buildRadius = _chunkBHTFIZTQcjs.buildRadius; exports.buildShadows = _chunkBHTFIZTQcjs.buildShadows; exports.buttonRecipe = _chunk6ARON3XTcjs.buttonRecipe; exports.childrenToString = _chunkEVXZGNPAcjs.childrenToString; exports.createRecipe = _chunkUVO4GFSWcjs.createRecipe; exports.createSlotContext = _chunkEVXZGNPAcjs.createSlotContext; exports.createTheme = _chunkBHTFIZTQcjs.createTheme; exports.defaultTheme = _chunkBHTFIZTQcjs.defaultTheme; exports.deriveColors = _chunkBHTFIZTQcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.markOverlay = _chunkA4VD4MHKcjs.markOverlay; exports.mergeProps = _chunkEVXZGNPAcjs.mergeProps; exports.mergeRefs = _chunkEVXZGNPAcjs.mergeRefs; exports.palette = _chunkBHTFIZTQcjs.palette; exports.pressScaleFor = _chunkA4VD4MHKcjs.pressScaleFor; exports.primitives = _chunkBHTFIZTQcjs.primitives; exports.resolveAnimation = _chunkA4VD4MHKcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkA4VD4MHKcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkA4VD4MHKcjs.rippleRadiusFor; exports.sourceKeys = _chunkBHTFIZTQcjs.sourceKeys; exports.tokens = _chunkBHTFIZTQcjs.tokens; exports.typographyRecipe = _chunkUBA6AEY6cjs.typographyRecipe; exports.useButton = _chunk6ARON3XTcjs.useButton; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunkA4VD4MHKcjs.useFeedback; exports.useIconContext = _chunkA4VD4MHKcjs.useIconContext; exports.useMergedRef = useMergedRef; exports.usePressState = _chunk6ARON3XTcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkEVXZGNPAcjs.useStyleProps; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/index.d.cts

@@ -1,11 +1,13 @@
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
+export { AxisProps, Column, ColumnProps, Row, RowProps } from './components/view/index.cjs';
 import { RefCallback } from 'react';
 import { PossibleRef } from './system/index.cjs';
 export { AsChildProps, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, Slot, SlotProps, childrenToString, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
 import { GestureResponderEvent } from 'react-native';
-export { A as AnimationConfig, c as AnimationProp, F as FeedbackContext, I as IconComponentProps, a as IconContextValue, b as IconProps, P as PressableFeedbackProps, R as RadiusStyle, d as ResolvedAnimation, e as RippleWave, S as SlotAnimation } from './pressable-feedback.type-C9kjAuVQ.cjs';
-export { A as Axes, C as CompoundVariant, D as DirectionalStyleKey, I as ImageStyleProps, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, n as StyleProps, o as TextStyleProps, T as TintArgs, k as VariantColors, l as VariantRole, m as VariantTokens, V as ViewStyleProps, c as createRecipe } from './create-recipe-3_ElpCYt.cjs';
+export { A as AnimationConfig, c as AnimationProp, F as FeedbackContext, I as IconComponentProps, a as IconContextValue, b as IconProps, P as PressableFeedbackProps, R as RadiusStyle, d as ResolvedAnimation, e as RippleWave, S as SlotAnimation } from './pressable-feedback.type-1K8YEOb8.cjs';
+export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-C0XXjuow.cjs';
+export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-B1BG5TCm.cjs';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.cjs';
 export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.cjs';
 import 'react-native-reanimated';

package/dist/index.d.ts

@@ -1,11 +1,13 @@
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
+export { AxisProps, Column, ColumnProps, Row, RowProps } from './components/view/index.js';
 import { RefCallback } from 'react';
 import { PossibleRef } from './system/index.js';
 export { AsChildProps, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, Slot, SlotProps, childrenToString, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
 import { GestureResponderEvent } from 'react-native';
-export { A as AnimationConfig, c as AnimationProp, F as FeedbackContext, I as IconComponentProps, a as IconContextValue, b as IconProps, P as PressableFeedbackProps, R as RadiusStyle, d as ResolvedAnimation, e as RippleWave, S as SlotAnimation } from './pressable-feedback.type-KcPvFf6f.js';
-export { A as Axes, C as CompoundVariant, D as DirectionalStyleKey, I as ImageStyleProps, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, n as StyleProps, o as TextStyleProps, T as TintArgs, k as VariantColors, l as VariantRole, m as VariantTokens, V as ViewStyleProps, c as createRecipe } from './create-recipe-DImq1AZA.js';
+export { A as AnimationConfig, c as AnimationProp, F as FeedbackContext, I as IconComponentProps, a as IconContextValue, b as IconProps, P as PressableFeedbackProps, R as RadiusStyle, d as ResolvedAnimation, e as RippleWave, S as SlotAnimation } from './pressable-feedback.type-BwkKLQlX.js';
+export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-CPXFo2rk.js';
+export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-B1BG5TCm.js';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.js';
 export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.js';
 import 'react-native-reanimated';

package/dist/index.js

@@ -4,17 +4,21 @@ import {
   useButton,
   usePressState,
   warnDev
-} from "./chunk-ASXK7XU4.js";
+} from "./chunk-4EPS7UBO.js";
 import {
   TextSpan,
   Typography,
   typographyRecipe
-} from "./chunk-6PZF4PI7.js";
+} from "./chunk-RMLFMRWL.js";
+import {
+  Column,
+  Row
+} from "./chunk-MAYVGK6W.js";
 import {
   Portal,
   PortalContext,
   PortalHost
-} from "./chunk-L3AQNVRN.js";
+} from "./chunk-XHZBXYVU.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -39,16 +43,18 @@ import {
   rippleRadiusFor,
   useFeedback,
   useIconContext
-} from "./chunk-F432IDIW.js";
+} from "./chunk-WXAME7KB.js";
+import {
+  createRecipe
+} from "./chunk-N7C4UNUL.js";
 import {
   Slot,
   childrenToString,
-  createRecipe,
   createSlotContext,
   mergeProps,
   mergeRefs,
   useStyleProps
-} from "./chunk-4K3LZS7M.js";
+} from "./chunk-EXX6ATAS.js";
 import {
   XAUIProvider,
   buildRadius,
@@ -60,14 +66,15 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "./chunk-XQE5PXOD.js";
+} from "./chunk-MWXE7D4L.js";
 import {
   ThemeContext,
   deriveTint,
   useColorMode,
   useThemeColor,
   useXAUITheme
-} from "./chunk-XJARE6SC.js";
+} from "./chunk-A3EGFI6T.js";
+import "./chunk-GGW42MY4.js";
 
 // src/hooks/use-controllable-state.ts
 import { useCallback, useRef, useState } from "react";
@@ -121,6 +128,7 @@ function usePrevious(value) {
 }
 export {
   Button,
+  Column,
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
   HIGHLIGHT_OPACITY,
@@ -139,6 +147,7 @@ export {
   RIPPLE_FADE_OUT_DELAY,
   RIPPLE_OPACITY,
   RIPPLE_START_SCALE,
+  Row,
   SCALE_REFERENCE_WIDTH,
   Slot,
   TextSpan,