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

package/dist/components/text-field/index.js

@@ -0,0 +1,25 @@
+import {
+  TextField,
+  TextFieldDescription,
+  TextFieldError,
+  TextFieldField,
+  TextFieldLabel,
+  TextFieldRoot,
+  textFieldRecipe,
+  useTextField
+} from "../../chunk-2NRZKJG7.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-K72UDPVN.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  TextField,
+  TextFieldDescription,
+  TextFieldError,
+  TextFieldField,
+  TextFieldLabel,
+  TextFieldRoot,
+  textFieldRecipe,
+  useTextField
+};

package/dist/components/typography/index.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunkAMCSSOJTcjs = require('../../chunk-AMCSSOJT.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-7GHM4GKL.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+exports.TextSpan = _chunkAMCSSOJTcjs.TextSpan; exports.Typography = _chunkAMCSSOJTcjs.Typography; exports.typographyRecipe = _chunkAMCSSOJTcjs.typographyRecipe;

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

@@ -0,0 +1,116 @@
+import * as react_native from 'react-native';
+import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe } from '../../create-recipe-dC7wMfnj.cjs';
+
+/**
+ * The ten roles, aligned with HeroUI Native's `text` — six headings, three body steps and
+ * inline code. Each one fixes **size, line height, weight and family together**, which is
+ * what removes the separate `size` and `weight` props the legacy component carried, and
+ * with them the illegal combinations they allowed: a heading in `weight="light"`, a
+ * caption in `lg`.
+ *
+ * `h1`–`h6` name a level, not an HTML tag — React Native has no document outline, so the
+ * number is the step on the scale and nothing more. Announcing a heading to a screen
+ * reader stays explicit: `accessibilityRole="header"`.
+ */
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body-sm' | 'body-xs' | 'code';
+type TypographySlot = 'root';
+type TypographyOwnProps = {
+    /** The role. It fixes size, line height, weight and family at once. */
+    variant?: TypographyVariant;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). In a text component there is only one
+     * thing to tint, so it lands on the text itself.
+     */
+    color?: string;
+    /** R12 — the child element becomes the text node, keeping this variant's style. */
+    asChild?: boolean;
+    style?: StyleProp<TextStyle>;
+    children?: ReactNode;
+};
+/**
+ * R14 — the role's own vocabulary, then every `TextStyle` key it does not already claim.
+ * `color` is the component's, so it keeps its R7 meaning here rather than becoming the
+ * style key of the same name; `fontSize` and `fontWeight` stay available, which is how a
+ * one-off deviation is written without inventing a prop for it.
+ */
+type TypographyProps = Omit<TextProps, 'style'> & TypographyOwnProps & Omit<TextStyleProps, keyof TypographyOwnProps | keyof TextProps>;
+type TextSpanOwnProps = {
+    /** R12 — the child element becomes the span. */
+    asChild?: boolean;
+    style?: StyleProp<TextStyle>;
+    children?: ReactNode;
+};
+type TextSpanProps = Omit<TextProps, 'style'> & TextSpanOwnProps & Omit<TextStyleProps, keyof TextSpanOwnProps | keyof TextProps>;
+
+/**
+ * Text, by the role it plays.
+ *
+ * ```tsx
+ * <Typography variant="heading-lg">Projets</Typography>
+ * <Typography>Trois en cours, un archivé.</Typography>
+ * <Typography variant="caption">Mis à jour il y a deux minutes</Typography>
+ * ```
+ *
+ * **One node, and no slots.** A paragraph is a `Text`; there is nothing inside it for the
+ * component to publish. Styling a fragment of it is `TextSpan`'s job, not a slot of this
+ * one — React Native already makes a nested `Text` inherit from its parent, so a span
+ * needs no context, no resolved style and nothing from here. This component would only be
+ * duplicating a mechanism the platform ships.
+ *
+ * **The role fixes size, line height, weight and family together**, which is why there is
+ * no `size` and no `weight` prop: those axes are not free to combine. A one-off deviation
+ * is a style prop — `fontSize={17}` — said plainly rather than dressed as vocabulary.
+ *
+ * Alignment likewise has no prop of its own: `textAlign` is a `TextStyle` key, so R14
+ * already exposes it, and the caller writes the value React Native understands instead of
+ * a translation layer this component would have to keep honest.
+ */
+declare const Typography: react.ForwardRefExoticComponent<Omit<react_native.TextProps, "style"> & {
+    variant?: TypographyVariant;
+    color?: string;
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.TextStyle>;
+    children?: react.ReactNode;
+} & 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" | "variant" | "asChild" | "pressRetentionOffset" | "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.
+ *
+ * ```tsx
+ * <Typography>
+ *   Supprimer <TextSpan fontWeight="600">trois projets</TextSpan> définitivement.
+ * </Typography>
+ * ```
+ *
+ * **It is a bare React Native `Text`, and that is the whole design.** Nesting a `Text`
+ * inside a `Text` already inherits the parent's font, size, weight and colour on both
+ * platforms — so a span needs no context to read, no role to resolve and no provider
+ * above it. The legacy component published a `TextSpanContext` to carry that inheritance
+ * by hand; it was reimplementing the platform, and it is gone.
+ *
+ * What is left is R14 and nothing else: every `TextStyle` key as a prop, and `style` after
+ * them. There is no `variant` here on purpose — a span that names a role would be a
+ * `Typography`, and nesting one of those is how you change role mid-sentence.
+ */
+declare const TextSpan: react.ForwardRefExoticComponent<Omit<react_native.TextProps, "style"> & {
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.TextStyle>;
+    children?: react.ReactNode;
+} & 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" | "asChild" | "pressRetentionOffset" | "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>;
+/**
+ * There is no `base`. A text node's defaults are React Native's own, and restating them
+ * here would only give them a second place to drift from.
+ */
+declare const typographyRecipe: Recipe<"root", TypographyVariant, {
+    readonly variant: Record<TypographyVariant, StyleFn>;
+}>;
+
+export { TextSpan, type TextSpanProps, Typography, type TypographyProps, type TypographySlot, type TypographyVariant, typographyRecipe };

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

@@ -0,0 +1,116 @@
+import * as react_native from 'react-native';
+import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
+import { R as Recipe } from '../../create-recipe-BdVd2ffi.js';
+
+/**
+ * The ten roles, aligned with HeroUI Native's `text` — six headings, three body steps and
+ * inline code. Each one fixes **size, line height, weight and family together**, which is
+ * what removes the separate `size` and `weight` props the legacy component carried, and
+ * with them the illegal combinations they allowed: a heading in `weight="light"`, a
+ * caption in `lg`.
+ *
+ * `h1`–`h6` name a level, not an HTML tag — React Native has no document outline, so the
+ * number is the step on the scale and nothing more. Announcing a heading to a screen
+ * reader stays explicit: `accessibilityRole="header"`.
+ */
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body-sm' | 'body-xs' | 'code';
+type TypographySlot = 'root';
+type TypographyOwnProps = {
+    /** The role. It fixes size, line height, weight and family at once. */
+    variant?: TypographyVariant;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). In a text component there is only one
+     * thing to tint, so it lands on the text itself.
+     */
+    color?: string;
+    /** R12 — the child element becomes the text node, keeping this variant's style. */
+    asChild?: boolean;
+    style?: StyleProp<TextStyle>;
+    children?: ReactNode;
+};
+/**
+ * R14 — the role's own vocabulary, then every `TextStyle` key it does not already claim.
+ * `color` is the component's, so it keeps its R7 meaning here rather than becoming the
+ * style key of the same name; `fontSize` and `fontWeight` stay available, which is how a
+ * one-off deviation is written without inventing a prop for it.
+ */
+type TypographyProps = Omit<TextProps, 'style'> & TypographyOwnProps & Omit<TextStyleProps, keyof TypographyOwnProps | keyof TextProps>;
+type TextSpanOwnProps = {
+    /** R12 — the child element becomes the span. */
+    asChild?: boolean;
+    style?: StyleProp<TextStyle>;
+    children?: ReactNode;
+};
+type TextSpanProps = Omit<TextProps, 'style'> & TextSpanOwnProps & Omit<TextStyleProps, keyof TextSpanOwnProps | keyof TextProps>;
+
+/**
+ * Text, by the role it plays.
+ *
+ * ```tsx
+ * <Typography variant="heading-lg">Projets</Typography>
+ * <Typography>Trois en cours, un archivé.</Typography>
+ * <Typography variant="caption">Mis à jour il y a deux minutes</Typography>
+ * ```
+ *
+ * **One node, and no slots.** A paragraph is a `Text`; there is nothing inside it for the
+ * component to publish. Styling a fragment of it is `TextSpan`'s job, not a slot of this
+ * one — React Native already makes a nested `Text` inherit from its parent, so a span
+ * needs no context, no resolved style and nothing from here. This component would only be
+ * duplicating a mechanism the platform ships.
+ *
+ * **The role fixes size, line height, weight and family together**, which is why there is
+ * no `size` and no `weight` prop: those axes are not free to combine. A one-off deviation
+ * is a style prop — `fontSize={17}` — said plainly rather than dressed as vocabulary.
+ *
+ * Alignment likewise has no prop of its own: `textAlign` is a `TextStyle` key, so R14
+ * already exposes it, and the caller writes the value React Native understands instead of
+ * a translation layer this component would have to keep honest.
+ */
+declare const Typography: react.ForwardRefExoticComponent<Omit<react_native.TextProps, "style"> & {
+    variant?: TypographyVariant;
+    color?: string;
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.TextStyle>;
+    children?: react.ReactNode;
+} & 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" | "variant" | "asChild" | "pressRetentionOffset" | "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.
+ *
+ * ```tsx
+ * <Typography>
+ *   Supprimer <TextSpan fontWeight="600">trois projets</TextSpan> définitivement.
+ * </Typography>
+ * ```
+ *
+ * **It is a bare React Native `Text`, and that is the whole design.** Nesting a `Text`
+ * inside a `Text` already inherits the parent's font, size, weight and colour on both
+ * platforms — so a span needs no context to read, no role to resolve and no provider
+ * above it. The legacy component published a `TextSpanContext` to carry that inheritance
+ * by hand; it was reimplementing the platform, and it is gone.
+ *
+ * What is left is R14 and nothing else: every `TextStyle` key as a prop, and `style` after
+ * them. There is no `variant` here on purpose — a span that names a role would be a
+ * `Typography`, and nesting one of those is how you change role mid-sentence.
+ */
+declare const TextSpan: react.ForwardRefExoticComponent<Omit<react_native.TextProps, "style"> & {
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.TextStyle>;
+    children?: react.ReactNode;
+} & 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" | "asChild" | "pressRetentionOffset" | "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>;
+/**
+ * There is no `base`. A text node's defaults are React Native's own, and restating them
+ * here would only give them a second place to drift from.
+ */
+declare const typographyRecipe: Recipe<"root", TypographyVariant, {
+    readonly variant: Record<TypographyVariant, StyleFn>;
+}>;
+
+export { TextSpan, type TextSpanProps, Typography, type TypographyProps, type TypographySlot, type TypographyVariant, typographyRecipe };

package/dist/components/typography/index.js

@@ -0,0 +1,15 @@
+import {
+  TextSpan,
+  Typography,
+  typographyRecipe
+} from "../../chunk-73RKQC5X.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-K72UDPVN.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  TextSpan,
+  Typography,
+  typographyRecipe
+};

package/dist/components/view/index.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _chunkTDTUAIFFcjs = require('../../chunk-TDTUAIFF.cjs');
+require('../../chunk-7GHM4GKL.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+exports.Column = _chunkTDTUAIFFcjs.Column; exports.Grid = _chunkTDTUAIFFcjs.Grid; exports.Row = _chunkTDTUAIFFcjs.Row; exports.Stack = _chunkTDTUAIFFcjs.Stack; exports.useGrid = _chunkTDTUAIFFcjs.useGrid;

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

@@ -0,0 +1,152 @@
+import * as react_native from 'react-native';
+import { View, ViewProps, StyleProp, ViewStyle } from 'react-native';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.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" | "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" | "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" | "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" | "asChild"> & react.RefAttributes<View>>;
+
+type GridContextValue = {
+    /**
+     * The width of one column in points, or `undefined` on the very first render — the grid
+     * has not been measured yet. A cell falls back to a percentage for that one frame.
+     */
+    cellWidth: number | undefined;
+    columns: number;
+    gap: number;
+};
+/**
+ * R10 — the resolved geometry a cell needs, published by the root that measured it.
+ *
+ * Strict, and named: a `Grid.Item` outside a `Grid` has no column width to span, and
+ * failing with the component's name beats rendering a cell of arbitrary size.
+ */
+declare function useGrid(): GridContextValue;
+
+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;
+/**
+ * `Stack` and `Stack.Item` take the full R14 set: unlike the axes, neither claims a style
+ * key as its identity. `position` is set by each of them and remains overridable, because
+ * a layer that has to be `relative` for one screen should not need a different component.
+ */
+type StackProps = Omit<ViewProps, 'style'> & AxisOwnProps & Omit<ViewStyleProps, keyof AxisOwnProps | keyof ViewProps>;
+type StackItemProps = StackProps;
+type GridOwnProps = {
+    /** How many columns. Floored, and never below one. @default 2 */
+    columns?: number;
+    /**
+     * The space between cells, in points — React Native's `gap`, taken as a prop because the
+     * root has to read it to size the columns. @default 0
+     */
+    gap?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * No `asChild`: the root measures itself through `onLayout` and publishes the result, so
+ * it has to be the node it renders. `flexDirection`, `flexWrap` and the three gap keys are
+ * withheld for the same reason — they are the grid's mechanism, not its decoration.
+ */
+type GridProps = Omit<ViewProps, 'style'> & GridOwnProps & Omit<ViewStyleProps, keyof GridOwnProps | keyof ViewProps | 'flexDirection' | 'flexWrap' | 'columnGap' | 'rowGap'>;
+type GridItemOwnProps = {
+    /** How many columns the cell covers. Clamped to the grid's count. @default 1 */
+    span?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/** `width` is the grid's answer, so it is not a prop here. */
+type GridItemProps = Omit<ViewProps, 'style'> & GridItemOwnProps & Omit<ViewStyleProps, keyof GridItemOwnProps | keyof ViewProps | 'width'>;
+
+/** Overlaying is composed: the root is the containing block, `Item` is a layer in it. */
+declare const Stack: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    asChild?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & 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" | "asChild"> & react.RefAttributes<react_native.View>> & {
+    Item: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+        asChild?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+        children?: react.ReactNode;
+    } & 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" | "asChild"> & react.RefAttributes<react_native.View>>;
+};
+/** Every child is a cell; `Item` is the one that spans more than a column. */
+declare const Grid: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    columns?: number;
+    gap?: number;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<ViewStyleProps, "columnGap" | "flexDirection" | "flexWrap" | "gap" | "rowGap" | "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" | "columns"> & react.RefAttributes<react_native.View>> & {
+    Item: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+        span?: number;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+        children?: react.ReactNode;
+    } & Omit<ViewStyleProps, "width" | "pointerEvents" | "style" | "children" | "span" | "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"> & react.RefAttributes<react_native.View>>;
+};
+
+export { type AxisProps, Column, type ColumnProps, Grid, type GridContextValue, type GridItemProps, type GridProps, Row, type RowProps, Stack, type StackItemProps, type StackProps, useGrid };