@xaui/native 0.9.1-alpha.35 → 0.9.1-alpha.37

package/dist/{input.type-BUMDlzL9.d.cts → text-field.type-DBh06DU5.d.cts}

@@ -3,7 +3,7 @@ import { StyleProp, TextStyle, ViewStyle, TextInputProps, TextProps, ViewProps }
 import { T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
 import { S as Size, R as RadiusKey } from './theme.type-C2gNHpEx.cjs';
 
-type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error' | 'prefix' | 'suffix' | 'icon';
+type TextFieldSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error' | 'prefix' | 'suffix' | 'icon';
 /**
  * The library's four emphasis levels, narrowed like the `Card`'s (§1 bis). A field
  * **reports nothing** — an error is `isInvalid`, which is a state and not a variant — so
@@ -27,7 +27,7 @@ type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'desc
  * and we ship at `1`. That is the one shipped default where the two differ;
  * `createTheme({ borderWidth: { field: 0 } })` reproduces theirs.
  */
-type InputVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+type TextFieldVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
 /**
  * Where the label sits relative to the field's box.
  *
@@ -36,24 +36,24 @@ type InputVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
  * own padding, so the JSX is identical either way and nothing is reparented (R4).
  *
  * Because the inside label positions itself against the top of the root, it assumes the
- * field is the first thing in the column's flow: write `Input.Description` and
- * `Input.Error` after the field, which is where they belong anyway.
+ * field is the first thing in the column's flow: write `TextField.Description` and
+ * `TextField.Error` after the field, which is where they belong anyway.
  */
-type InputLabelPlacement = 'outside' | 'inside';
-type InputSize = Size;
+type TextFieldLabelPlacement = 'outside' | 'inside';
+type TextFieldSize = Size;
 /**
- * What the `Input` itself understands. R14 — a name in here is the component's, so the
+ * What the `TextField` itself understands. R14 — a name in here is the component's, so the
  * style prop that shares it is not exposed: `size` is the field's scale and never
  * `ViewStyle`'s, and `color` is R7's tint.
  */
-type InputOwnProps = {
-    variant?: InputVariant;
+type TextFieldOwnProps = {
+    variant?: TextFieldVariant;
     /** The field's height, its padding, the gaps and the type. Never width. */
-    size?: InputSize;
+    size?: TextFieldSize;
     /** Overrides the `field` radius the theme chose for every size. */
     radius?: RadiusKey;
     /** Above the box, or lifted into it. @default 'outside' */
-    labelPlacement?: InputLabelPlacement;
+    labelPlacement?: TextFieldLabelPlacement;
     /**
      * A raw tint (`'#7c3aed'`), never a token (R7). It lands where the variant put its
      * tokens — the fill of a `default`, the border of a `tertiary` — and, because the focus
@@ -65,7 +65,7 @@ type InputOwnProps = {
      * treatment off: an error outranks focus, and a field that is both should read as
      * wrong rather than as busy.
      *
-     * It does **not** mount or unmount `Input.Error`. That stays the caller's — a slot that
+     * It does **not** mount or unmount `TextField.Error`. That stays the caller's — a slot that
      * silently renders nothing is a slot you cannot debug.
      */
     isInvalid?: boolean;
@@ -76,10 +76,10 @@ type InputOwnProps = {
 };
 /**
  * R14 — the input's own props, the wrapper `View`'s, and every `ViewStyle` key neither
- * already claims. **`TextInputProps` are not here**: they belong to `Input.Field`, which
+ * already claims. **`TextInputProps` are not here**: they belong to `TextField.Field`, which
  * is the node that has them.
  */
-type InputProps = InputOwnProps & Omit<ViewProps, keyof InputOwnProps> & Omit<ViewStyleProps, keyof InputOwnProps | keyof ViewProps> & {
+type TextFieldProps = TextFieldOwnProps & Omit<ViewProps, keyof TextFieldOwnProps> & Omit<ViewStyleProps, keyof TextFieldOwnProps | keyof ViewProps> & {
     /** R12 — merge into the single child instead of rendering a `View`. */
     asChild?: boolean;
 };
@@ -89,14 +89,14 @@ type InputProps = InputOwnProps & Omit<ViewProps, keyof InputOwnProps> & Omit<Vi
  * `editable` is absent: it is `disabled` under another name, and R8 keeps that off the
  * public surface — `isDisabled` on the root is what stops the field.
  */
-type InputFieldProps = Omit<TextInputProps, 'editable'> & Omit<TextStyleProps, keyof TextInputProps>;
+type TextFieldFieldProps = Omit<TextInputProps, 'editable'> & Omit<TextStyleProps, keyof TextInputProps>;
 /** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
-type InputTextProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+type TextFieldTextProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
     children?: ReactNode;
 };
-type InputLabelProps = InputTextProps;
-type InputDescriptionProps = InputTextProps;
-type InputErrorProps = InputTextProps;
+type TextFieldLabelProps = TextFieldTextProps;
+type TextFieldDescriptionProps = TextFieldTextProps;
+type TextFieldErrorProps = TextFieldTextProps;
 /**
  * Read off `TextInput`'s own props rather than spelled out: React Native has renamed the
  * payload of these two more than once, and a hand-written `NativeSyntheticEvent<…>` here
@@ -109,10 +109,10 @@ type FieldBlurEvent = Parameters<NonNullable<TextInputProps['onBlur']>>[0];
  * cached `StyleSheet` reference with the uncached tint pass layered over it, so a slot
  * merges its own `style` on top and does no work of its own.
  */
-type InputContextValue = {
+type TextFieldContextValue = {
     labelStyle: StyleProp<TextStyle>;
     fieldStyle: StyleProp<TextStyle>;
-    /** Layered *over* `fieldStyle` by `Input.TextArea`: only what a multiline field adds. */
+    /** Layered *over* `fieldStyle` by `TextField.TextArea`: only what a multiline field adds. */
     textAreaStyle: StyleProp<TextStyle>;
     /**
      * Values, not a style: `rows` is a raw number, so the height it implies is arithmetic
@@ -126,7 +126,7 @@ type InputContextValue = {
     descriptionStyle: StyleProp<TextStyle>;
     errorStyle: StyleProp<TextStyle>;
     /**
-     * The two decorators of an `InputGroup`, already pinned to their edge and inset by the
+     * The two decorators of a `FieldGroup`, already pinned to their edge and inset by the
      * field's own padding. They are resolved here, on the root, because the size that
      * decides that padding is the root's — the group itself adds no axis of its own.
      */
@@ -149,7 +149,7 @@ type InputContextValue = {
     /**
      * The focus state lives on the **root**, because the root's recipe resolves on it (R5)
      * and it needs the value before it renders — but the node that hears the event is
-     * `Input.Field`, three levels down. These are how it reports back. Their identity is
+     * `TextField.Field`, three levels down. These are how it reports back. Their identity is
      * stable, so publishing them costs no re-render of a memoized slot.
      */
     onFieldFocus: (event: FieldFocusEvent) => void;
@@ -164,4 +164,4 @@ type InputContextValue = {
     isInvalid: boolean;
 };
 
-export type { InputFieldProps as I, InputProps as a, InputContextValue as b, InputDescriptionProps as c, InputErrorProps as d, InputLabelPlacement as e, InputLabelProps as f, InputSize as g, InputSlot as h, InputVariant as i };
+export type { TextFieldFieldProps as T, TextFieldProps as a, TextFieldContextValue as b, TextFieldDescriptionProps as c, TextFieldErrorProps as d, TextFieldLabelPlacement as e, TextFieldLabelProps as f, TextFieldSize as g, TextFieldSlot as h, TextFieldVariant as i };

package/dist/theme/index.cjs

@@ -9,7 +9,8 @@
 
 
 
-var _chunkOHEHPQLCcjs = require('../chunk-OHEHPQLC.cjs');
+var _chunkACAPTWE3cjs = require('../chunk-ACAPTWE3.cjs');
+require('../chunk-WDDXU3OH.cjs');
 
 
 
@@ -17,7 +18,7 @@ var _chunkOHEHPQLCcjs = require('../chunk-OHEHPQLC.cjs');
 
 
 var _chunk57SJ4LJFcjs = require('../chunk-57SJ4LJF.cjs');
-require('../chunk-MC7SY2QH.cjs');
+require('../chunk-TK44VBIE.cjs');
 
 
 
@@ -34,4 +35,4 @@ require('../chunk-MC7SY2QH.cjs');
 
 
 
-exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.palette = _chunkOHEHPQLCcjs.palette; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
+exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.XAUIProvider = _chunkACAPTWE3cjs.XAUIProvider; exports.buildRadius = _chunkACAPTWE3cjs.buildRadius; exports.buildShadows = _chunkACAPTWE3cjs.buildShadows; exports.createTheme = _chunkACAPTWE3cjs.createTheme; exports.defaultTheme = _chunkACAPTWE3cjs.defaultTheme; exports.deriveColors = _chunkACAPTWE3cjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.palette = _chunkACAPTWE3cjs.palette; exports.primitives = _chunkACAPTWE3cjs.primitives; exports.sourceKeys = _chunkACAPTWE3cjs.sourceKeys; exports.tokens = _chunkACAPTWE3cjs.tokens; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/theme/index.d.cts

@@ -12,6 +12,14 @@ type XAUIProviderProps = {
     theme?: XAUIThemeSet;
     /** Controlled: the library owns neither the state nor its persistence. */
     colorMode?: ColorModePreference;
+    /**
+     * Mounts the `PortalHost` overlays render into. Set false only to mount one yourself,
+     * somewhere the provider cannot reach — under a gesture root, say. Without a host
+     * anywhere, `Portal` renders nothing and overlays are silently absent.
+     *
+     * @default true
+     */
+    hasPortalHost?: boolean;
 };
 
 /**
@@ -20,8 +28,14 @@ type XAUIProviderProps = {
  * `theme` is expected to come from `createTheme` at module level. The provider selects a
  * mode from an already-resolved set rather than memoizing on the prop's identity — which
  * is what the v0 provider did, rebuilding every style in the app on each parent render.
+ *
+ * It also mounts the `PortalHost` every overlay renders into. That is here rather than in
+ * the app because forgetting it is silent: `Portal` renders nothing outside a host, so a
+ * select would open onto an empty screen with no error to read. An app that needs the
+ * host somewhere else — under a gesture root, or inside its own navigation container —
+ * sets `hasPortalHost={false}` and mounts one itself.
  */
-declare function XAUIProvider({ children, theme, colorMode, }: XAUIProviderProps): react.JSX.Element;
+declare function XAUIProvider({ children, theme, colorMode, hasPortalHost, }: XAUIProviderProps): react.JSX.Element;
 
 /**
  * Build a theme once, at module level:
@@ -391,6 +405,12 @@ declare function buildRadius(base: number): XAUIRadius;
 /**
  * Three roles, not an sm→xl scale — which is what lets dark mode drop the surface shadow
  * entirely instead of shipping a scale that reads as dirt on a dark background.
+ *
+ * `overlay` was heavier: a 24-point blur eight points down at 16 of Android's elevation.
+ * Android draws elevation on its own curve and draws it strongly, so a panel that read as
+ * lifted on iOS read as detached on Android — a dark halo the width of the gap between it
+ * and the field it came out of. Half the elevation and two thirds of the blur still say
+ * "above the page" without the panel looking cut out of it.
  */
 declare function buildShadows(mode: ColorMode): XAUITheme['shadows'];
 

package/dist/theme/index.d.ts

@@ -12,6 +12,14 @@ type XAUIProviderProps = {
     theme?: XAUIThemeSet;
     /** Controlled: the library owns neither the state nor its persistence. */
     colorMode?: ColorModePreference;
+    /**
+     * Mounts the `PortalHost` overlays render into. Set false only to mount one yourself,
+     * somewhere the provider cannot reach — under a gesture root, say. Without a host
+     * anywhere, `Portal` renders nothing and overlays are silently absent.
+     *
+     * @default true
+     */
+    hasPortalHost?: boolean;
 };
 
 /**
@@ -20,8 +28,14 @@ type XAUIProviderProps = {
  * `theme` is expected to come from `createTheme` at module level. The provider selects a
  * mode from an already-resolved set rather than memoizing on the prop's identity — which
  * is what the v0 provider did, rebuilding every style in the app on each parent render.
+ *
+ * It also mounts the `PortalHost` every overlay renders into. That is here rather than in
+ * the app because forgetting it is silent: `Portal` renders nothing outside a host, so a
+ * select would open onto an empty screen with no error to read. An app that needs the
+ * host somewhere else — under a gesture root, or inside its own navigation container —
+ * sets `hasPortalHost={false}` and mounts one itself.
  */
-declare function XAUIProvider({ children, theme, colorMode, }: XAUIProviderProps): react.JSX.Element;
+declare function XAUIProvider({ children, theme, colorMode, hasPortalHost, }: XAUIProviderProps): react.JSX.Element;
 
 /**
  * Build a theme once, at module level:
@@ -391,6 +405,12 @@ declare function buildRadius(base: number): XAUIRadius;
 /**
  * Three roles, not an sm→xl scale — which is what lets dark mode drop the surface shadow
  * entirely instead of shipping a scale that reads as dirt on a dark background.
+ *
+ * `overlay` was heavier: a 24-point blur eight points down at 16 of Android's elevation.
+ * Android draws elevation on its own curve and draws it strongly, so a panel that read as
+ * lifted on iOS read as detached on Android — a dark halo the width of the gap between it
+ * and the field it came out of. Half the elevation and two thirds of the blur still say
+ * "above the page" without the panel looking cut out of it.
  */
 declare function buildShadows(mode: ColorMode): XAUITheme['shadows'];
 

package/dist/theme/index.js

@@ -9,7 +9,8 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "../chunk-TZG3DERP.js";
+} from "../chunk-WKCQ6VGW.js";
+import "../chunk-2PMXMKS5.js";
 import {
   ThemeContext,
   deriveTint,
@@ -17,7 +18,7 @@ import {
   useThemeColor,
   useXAUITheme
 } from "../chunk-A3EGFI6T.js";
-import "../chunk-GGW42MY4.js";
+import "../chunk-M63GFNKV.js";
 export {
   ThemeContext,
   XAUIProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.35",
+  "version": "0.9.1-alpha.37",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
@@ -107,24 +107,14 @@
         "default": "./dist/components/divider/index.cjs"
       }
     },
-    "./input": {
+    "./field-group": {
       "import": {
-        "types": "./dist/components/input/index.d.ts",
-        "default": "./dist/components/input/index.js"
+        "types": "./dist/components/field-group/index.d.ts",
+        "default": "./dist/components/field-group/index.js"
       },
       "require": {
-        "types": "./dist/components/input/index.d.cts",
-        "default": "./dist/components/input/index.cjs"
-      }
-    },
-    "./input-group": {
-      "import": {
-        "types": "./dist/components/input-group/index.d.ts",
-        "default": "./dist/components/input-group/index.js"
-      },
-      "require": {
-        "types": "./dist/components/input-group/index.d.cts",
-        "default": "./dist/components/input-group/index.cjs"
+        "types": "./dist/components/field-group/index.d.cts",
+        "default": "./dist/components/field-group/index.cjs"
       }
     },
     "./input-otp": {
@@ -147,6 +137,16 @@
         "default": "./dist/components/radio/index.cjs"
       }
     },
+    "./select": {
+      "import": {
+        "types": "./dist/components/select/index.d.ts",
+        "default": "./dist/components/select/index.js"
+      },
+      "require": {
+        "types": "./dist/components/select/index.d.cts",
+        "default": "./dist/components/select/index.cjs"
+      }
+    },
     "./skeleton": {
       "import": {
         "types": "./dist/components/skeleton/index.d.ts",
@@ -187,6 +187,16 @@
         "default": "./dist/components/text-area/index.cjs"
       }
     },
+    "./text-field": {
+      "import": {
+        "types": "./dist/components/text-field/index.d.ts",
+        "default": "./dist/components/text-field/index.js"
+      },
+      "require": {
+        "types": "./dist/components/text-field/index.d.cts",
+        "default": "./dist/components/text-field/index.cjs"
+      }
+    },
     "./typography": {
       "import": {
         "types": "./dist/components/typography/index.d.ts",

package/dist/chunk-GGW42MY4.js

@@ -1,20 +0,0 @@
-// src/utils/stable-hash.ts
-function canonical(value) {
-  if (value === null || typeof value !== "object") return JSON.stringify(value) ?? "null";
-  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
-  const entries = Object.entries(value).filter(([, v]) => typeof v !== "function").sort(([a], [b]) => a < b ? -1 : 1).map(([k, v]) => `${JSON.stringify(k)}:${canonical(v)}`);
-  return `{${entries.join(",")}}`;
-}
-function stableHash(value) {
-  const input = canonical(value);
-  let hash = 2166136261;
-  for (let i = 0; i < input.length; i++) {
-    hash ^= input.charCodeAt(i);
-    hash = Math.imul(hash, 16777619) >>> 0;
-  }
-  return hash.toString(36);
-}
-
-export {
-  stableHash
-};

package/dist/chunk-MC7SY2QH.cjs

@@ -1,20 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/utils/stable-hash.ts
-function canonical(value) {
-  if (value === null || typeof value !== "object") return _nullishCoalesce(JSON.stringify(value), () => ( "null"));
-  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
-  const entries = Object.entries(value).filter(([, v]) => typeof v !== "function").sort(([a], [b]) => a < b ? -1 : 1).map(([k, v]) => `${JSON.stringify(k)}:${canonical(v)}`);
-  return `{${entries.join(",")}}`;
-}
-function stableHash(value) {
-  const input = canonical(value);
-  let hash = 2166136261;
-  for (let i = 0; i < input.length; i++) {
-    hash ^= input.charCodeAt(i);
-    hash = Math.imul(hash, 16777619) >>> 0;
-  }
-  return hash.toString(36);
-}
-
-
-
-exports.stableHash = stableHash;

package/dist/components/input/index.cjs

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-
-
-
-
-var _chunkQ3D6KIVFcjs = require('../../chunk-Q3D6KIVF.cjs');
-require('../../chunk-54FJOKAN.cjs');
-require('../../chunk-H4E4HDEP.cjs');
-require('../../chunk-FNEUOBCV.cjs');
-require('../../chunk-I6ZB3FZI.cjs');
-require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-MC7SY2QH.cjs');
-
-
-
-
-
-
-
-
-
-exports.Input = _chunkQ3D6KIVFcjs.Input; exports.InputDescription = _chunkQ3D6KIVFcjs.InputDescription; exports.InputError = _chunkQ3D6KIVFcjs.InputError; exports.InputField = _chunkQ3D6KIVFcjs.InputField; exports.InputLabel = _chunkQ3D6KIVFcjs.InputLabel; exports.InputRoot = _chunkQ3D6KIVFcjs.InputRoot; exports.inputRecipe = _chunkQ3D6KIVFcjs.inputRecipe; exports.useInput = _chunkQ3D6KIVFcjs.useInput;

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

@@ -1,205 +0,0 @@
-import * as react from 'react';
-import * as react_native from 'react-native';
-import { View, Text, TextInput } from 'react-native';
-import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
-import { R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
-import { i as InputVariant, g as InputSize, e as InputLabelPlacement, b as InputContextValue, h as InputSlot } from '../../input.type-BUMDlzL9.cjs';
-export { c as InputDescriptionProps, d as InputErrorProps, I as InputFieldProps, f as InputLabelProps, a as InputProps } from '../../input.type-BUMDlzL9.cjs';
-import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
-
-/**
- * A text field, with the label, the hint and the error that make it usable.
- *
- * ```tsx
- * <Input>
- *   <Input.Label>Courriel</Input.Label>
- *   <Input.Field
- *     value={email}
- *     onChangeText={setEmail}
- *     placeholder="nom@exemple.fr"
- *     keyboardType="email-address"
- *   />
- *   <Input.Description>On ne le partage jamais.</Input.Description>
- * </Input>
- *
- * <Input isInvalid={Boolean(error)}>
- *   <Input.Label>Mot de passe</Input.Label>
- *   <Input.Field secureTextEntry value={password} onChangeText={setPassword} />
- *   {error ? <Input.Error>{error}</Input.Error> : null}
- * </Input>
- * ```
- *
- * **The root is the column, not the field.** `Input.Field` is the `TextInput`, which is
- * what makes the label, the hint and the error slots of one component rather than three
- * components a form has to keep in step — and it is why `TextInputProps` are on the field
- * rather than on the root.
- *
- * There is no auto-wrap here (R3): a string child of an input is not a label, a value or
- * a placeholder in any way the component could guess.
- */
-declare const InputRoot: react.ForwardRefExoticComponent<{
-    variant?: InputVariant;
-    size?: InputSize;
-    radius?: RadiusKey;
-    labelPlacement?: InputLabelPlacement;
-    color?: string;
-    isInvalid?: boolean;
-    isDisabled?: boolean;
-    style?: react_native.StyleProp<react_native.ViewStyle>;
-    children?: react.ReactNode;
-} & Omit<react_native.ViewProps, keyof {
-    variant?: InputVariant;
-    size?: InputSize;
-    radius?: RadiusKey;
-    labelPlacement?: InputLabelPlacement;
-    color?: string;
-    isInvalid?: boolean;
-    isDisabled?: boolean;
-    style?: react_native.StyleProp<react_native.ViewStyle>;
-    children?: react.ReactNode;
-}> & Omit<ViewStyleProps, "color" | "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" | "isDisabled" | "radius" | "size" | "variant" | "isInvalid" | "labelPlacement"> & {
-    asChild?: boolean;
-} & react.RefAttributes<View>>;
-
-/**
- * The hint under the field — the format expected, what the value is used for.
- *
- * It carries the id the field points at with `aria-describedby`, so it is read after the
- * label rather than skipped. It turns `danger` with `isInvalid`, like the label.
- *
- * It sits inset by half the field's padding, so the column reads as one block rather than
- * as a label, a box and a stray line.
- */
-declare const InputDescription: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
-    children?: react.ReactNode;
-} & react.RefAttributes<Text>>;
-
-/**
- * What is wrong with the value, in `danger`.
- *
- * **It always renders what it is given.** `isInvalid` paints the border, the label and the
- * description; it does not mount or unmount this slot, because a slot that silently
- * renders nothing is a slot you cannot debug — you write the condition yourself and see
- * it:
- *
- * ```tsx
- * <Input isInvalid={Boolean(error)}>
- *   <Input.Field value={value} onChangeText={onChange} />
- *   {error ? <Input.Error>{error}</Input.Error> : null}
- * </Input>
- * ```
- *
- * `accessibilityLiveRegion` is deliberately not set: an error that appears while you are
- * still typing in the field is announced by the field's own `aria-invalid`, and a live
- * region on top of that reads the message on every keystroke that changes it.
- */
-declare const InputError: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
-    children?: react.ReactNode;
-} & react.RefAttributes<Text>>;
-
-/**
- * The `TextInput` itself — the one node of this component that the user types into.
- *
- * ```tsx
- * <Input.Field value={email} onChangeText={setEmail} placeholder="nom@exemple.fr" />
- * ```
- *
- * It takes everything `TextInput` takes, which is why `value`, `defaultValue`, `onChange`,
- * `keyboardType`, `secureTextEntry`, `autoComplete` and `multiline` are written here and
- * not on the root. There is no `type`: that is an HTML prop, and React Native splits it
- * into `inputMode`, `keyboardType`, `secureTextEntry` and `autoComplete`.
- *
- * What it does *not* take is `editable`: that is `disabled` under another name, and R8
- * keeps it off the public surface — `isDisabled` on the root is what stops the field.
- *
- * It reports focus up rather than styling it (R5): the root's recipe resolves on the
- * focus state, so the root owns it and this composes the caller's handlers into the two
- * the context published.
- */
-declare const InputField: react.ForwardRefExoticComponent<Omit<react_native.TextInputProps, "editable"> & Omit<TextStyleProps, keyof react_native.TextInputProps> & react.RefAttributes<TextInput>>;
-
-/**
- * What the field is for. It turns `danger` with `isInvalid`, so the field that is wrong is
- * findable on a long form without reading every message.
- *
- * It carries the id the field points at, which is what makes a screen reader announce
- * "Courriel, champ de saisie" instead of reading the placeholder and hoping.
- *
- * Its colour comes from the theme's `foreground` rather than the variant's: the label sits
- * outside the box, on the screen behind it, so a tinted field does not tint it.
- */
-declare const InputLabel: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
-    children?: react.ReactNode;
-} & react.RefAttributes<Text>>;
-
-declare const useInput: () => InputContextValue;
-
-declare const inputRecipe: Recipe<"label" | "field" | "description" | "suffix" | "root" | "icon" | "textArea" | "placeholder" | "error" | "prefix", InputVariant, {
-    readonly size: {
-        readonly xs: (theme: XAUITheme) => SlotStyles<InputSlot>;
-        readonly sm: (theme: XAUITheme) => SlotStyles<InputSlot>;
-        readonly md: (theme: XAUITheme) => SlotStyles<InputSlot>;
-        readonly lg: (theme: XAUITheme) => SlotStyles<InputSlot>;
-    };
-    readonly radius: Record<RadiusKey, StyleFn<"field">>;
-    /**
-     * `outside` is the base behaviour, so it adds nothing — it is declared because an
-     * axis needs both of its values for the selection to be typed, and because a reader
-     * looking for "what does outside do" should find the answer here rather than infer it
-     * from an absence. The size-dependent half of `inside` is in `compoundVariants`.
-     */
-    readonly labelPlacement: {
-        readonly outside: () => {};
-        readonly inside: () => {};
-    };
-    readonly isInvalid: {
-        readonly true: (theme: XAUITheme) => {
-            field: {
-                borderColor: string;
-            };
-            label: {
-                color: string;
-            };
-            description: {
-                color: string;
-            };
-        };
-    };
-}>;
-
-declare const Input: react.ForwardRefExoticComponent<{
-    variant?: InputVariant;
-    size?: InputSize;
-    radius?: RadiusKey;
-    labelPlacement?: InputLabelPlacement;
-    color?: string;
-    isInvalid?: boolean;
-    isDisabled?: boolean;
-    style?: react_native.StyleProp<react_native.ViewStyle>;
-    children?: react.ReactNode;
-} & Omit<react_native.ViewProps, keyof {
-    variant?: InputVariant;
-    size?: InputSize;
-    radius?: RadiusKey;
-    labelPlacement?: InputLabelPlacement;
-    color?: string;
-    isInvalid?: boolean;
-    isDisabled?: boolean;
-    style?: react_native.StyleProp<react_native.ViewStyle>;
-    children?: react.ReactNode;
-}> & Omit<ViewStyleProps, "color" | "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" | "isDisabled" | "radius" | "size" | "variant" | "isInvalid" | "labelPlacement"> & {
-    asChild?: boolean;
-} & react.RefAttributes<react_native.View>> & {
-    Label: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
-        children?: react.ReactNode;
-    } & react.RefAttributes<react_native.Text>>;
-    Field: react.ForwardRefExoticComponent<Omit<react_native.TextInputProps, "editable"> & Omit<TextStyleProps, keyof react_native.TextInputProps> & react.RefAttributes<react_native.TextInput>>;
-    Description: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
-        children?: react.ReactNode;
-    } & react.RefAttributes<react_native.Text>>;
-    Error: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
-        children?: react.ReactNode;
-    } & react.RefAttributes<react_native.Text>>;
-};
-
-export { Input, InputContextValue, InputDescription, InputError, InputField, InputLabel, InputLabelPlacement, InputRoot, InputSize, InputSlot, InputVariant, inputRecipe, useInput };