@xaui/native 0.9.1-alpha.34 → 0.9.1-alpha.36

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

@@ -5,27 +5,58 @@ import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
 import { R as RadiusKey } from '../../theme.type-C2gNHpEx.js';
 import { R as Recipe, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
 
-type SkeletonSlot = 'root';
 /**
- * Two levels, and they are the two backgrounds a placeholder is ever drawn on (§1 bis).
+ * The shape of what has not arrived yet.
  *
- * A skeleton **reports nothing** and **is not pressed**, so the status families are absent
- * the way they are from the `Card`, and so is `primary` — a placeholder in the accent
- * announces the brand where there is nothing yet to announce.
+ * ```tsx
+ * <Skeleton width={140} height={20} />
+ * <Skeleton width={48} height={48} radius="full" />
+ *
+ * <Skeleton isLoading={!user} height={20} width={140}>
+ *   <Typography>{user?.name}</Typography>
+ * </Skeleton>
+ * ```
  *
- * - **`default`** — the `default` fill. A block on the page.
- * - **`secondary`** — `defaultSoft`, the same fill at half. A block on a `Card` or any
- *   other surface already carrying a neutral, where the full one reads as a hole.
+ * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
+ * name. A paragraph of them is three of these in a `Column`, which is composition doing
+ * what a `lines={3}` prop would otherwise hard-code — including the last line being
+ * shorter, which is the only reason the paragraph reads as a paragraph.
  *
- * **No `tertiary` and no `ghost`**: a skeleton with a border and no fill is an empty box,
- * and a skeleton with neither is nothing at all. Both are the shape of the component being
- * a fill and only a fill.
+ * **It has no `size`, and that is the design.** Only the caller knows the shape of the
+ * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
+ * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
+ * token here would be a scale of rectangles nobody's content happens to be.
+ *
+ * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
+ * shape you mount and unmount around your own content.
  */
-type SkeletonVariant = 'default' | 'secondary';
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    radius?: RadiusKey;
+    color?: string;
+    isLoading?: boolean;
+    animation?: boolean;
+    children?: react.ReactNode;
+    style?: StyleProp<ViewStyle>;
+} & 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" | "animation" | "radius" | "isLoading"> & react.RefAttributes<View>>;
+
+declare const skeletonRecipe: Recipe<"root", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"root">>;
+}>;
+
+type SkeletonSlot = 'root';
 /**
  * What the `Skeleton` itself understands. R14 — a name in here is the component's, so the
  * style prop that shares it is not exposed: `color` is R7's tint.
  *
+ * **No `variant`.** It had two — the neutral fill and that fill at half — sold as the two
+ * backgrounds a placeholder is drawn on. Measured, the second is *less* visible than the
+ * first on every surface in both modes, so it was never the answer to "this block reads as
+ * a hole"; and on a `secondary` `Card` in dark mode both resolve to the surface's own
+ * `#27272a` and vanish. A skeleton has to contrast with whatever is under it, and a fixed
+ * token cannot know what that is — two frozen values were never going to cover three
+ * surfaces times two modes. `color` is the way past it, and it is honest about being a
+ * raw value rather than a name that promises a system.
+ *
  * **No `asChild`** (R12), because `children` is already taken and means the opposite of
  * what the prop would need it to. Here it is the content the block stands in for — what
  * renders once `isLoading` is `false` — while `asChild` hands `Slot` an element to merge
@@ -34,7 +65,6 @@ type SkeletonVariant = 'default' | 'secondary';
  * instead, and R14 gives every `ViewStyle` key as a prop.
  */
 type SkeletonOwnProps = {
-    variant?: SkeletonVariant;
     /**
      * The corner. `full` is the circle an avatar placeholder needs, and it is why this is a
      * prop rather than the caller's `borderRadius` — a circle is a shape the vocabulary
@@ -78,43 +108,4 @@ type SkeletonOwnProps = {
 };
 type SkeletonProps = Omit<ViewProps, 'style'> & SkeletonOwnProps & Omit<ViewStyleProps, keyof SkeletonOwnProps | keyof ViewProps>;
 
-/**
- * The shape of what has not arrived yet.
- *
- * ```tsx
- * <Skeleton width={140} height={20} />
- * <Skeleton width={48} height={48} radius="full" />
- *
- * <Skeleton isLoading={!user} height={20} width={140}>
- *   <Typography>{user?.name}</Typography>
- * </Skeleton>
- * ```
- *
- * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
- * name. A paragraph of them is three of these in a `Column`, which is composition doing
- * what a `lines={3}` prop would otherwise hard-code — including the last line being
- * shorter, which is the only reason the paragraph reads as a paragraph.
- *
- * **It has no `size`, and that is the design.** Only the caller knows the shape of the
- * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
- * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
- * token here would be a scale of rectangles nobody's content happens to be.
- *
- * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
- * shape you mount and unmount around your own content.
- */
-declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
-    variant?: SkeletonVariant;
-    radius?: RadiusKey;
-    color?: string;
-    isLoading?: boolean;
-    animation?: boolean;
-    children?: react.ReactNode;
-    style?: StyleProp<ViewStyle>;
-} & 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" | "animation" | "radius" | "variant" | "isLoading"> & react.RefAttributes<View>>;
-
-declare const skeletonRecipe: Recipe<"root", SkeletonVariant, {
-    readonly radius: Record<RadiusKey, StyleFn<"root">>;
-}>;
-
-export { Skeleton, type SkeletonProps, type SkeletonSlot, type SkeletonVariant, skeletonRecipe };
+export { Skeleton, type SkeletonProps, type SkeletonSlot, skeletonRecipe };

package/dist/components/skeleton/index.js

@@ -1,11 +1,11 @@
 import {
   Skeleton,
   skeletonRecipe
-} from "../../chunk-KQKD3KB3.js";
+} from "../../chunk-VWATEE5O.js";
 import "../../chunk-4GTAZM2C.js";
-import "../../chunk-MEYCZS32.js";
+import "../../chunk-OSCW7I4H.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-GGW42MY4.js";
+import "../../chunk-FJ5TLRT3.js";
 export {
   Skeleton,
   skeletonRecipe

package/dist/components/spinner/index.cjs

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkXWMB66ZMcjs = require('../../chunk-XWMB66ZM.cjs');
+var _chunkADQVA2FQcjs = require('../../chunk-ADQVA2FQ.cjs');
 require('../../chunk-K4TWKF5U.cjs');
 require('../../chunk-7EIHHOHP.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-EJQCQPET.cjs');
 require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
-require('../../chunk-I6ZB3FZI.cjs');
+require('../../chunk-K3AVOT6L.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-MC7SY2QH.cjs');
+require('../../chunk-HT7H35GU.cjs');
 
 
 
-exports.Spinner = _chunkXWMB66ZMcjs.Spinner; exports.spinnerRecipe = _chunkXWMB66ZMcjs.spinnerRecipe;
+exports.Spinner = _chunkADQVA2FQcjs.Spinner; exports.spinnerRecipe = _chunkADQVA2FQcjs.spinnerRecipe;

package/dist/components/spinner/index.js

@@ -1,16 +1,16 @@
 import {
   Spinner,
   spinnerRecipe
-} from "../../chunk-NMAZ2TQF.js";
+} from "../../chunk-U3HFQHGZ.js";
 import "../../chunk-PPWXLZGL.js";
 import "../../chunk-F6W3JQ7K.js";
 import "../../chunk-423RQBOX.js";
 import "../../chunk-EGLLDKN6.js";
 import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
-import "../../chunk-MEYCZS32.js";
+import "../../chunk-OSCW7I4H.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-GGW42MY4.js";
+import "../../chunk-FJ5TLRT3.js";
 export {
   Spinner,
   spinnerRecipe

package/dist/components/switch/index.cjs

@@ -6,17 +6,17 @@
 
 
 
-var _chunkOX2YNMNScjs = require('../../chunk-OX2YNMNS.cjs');
+var _chunkZU3XQZ63cjs = require('../../chunk-ZU3XQZ63.cjs');
 require('../../chunk-7EIHHOHP.cjs');
-require('../../chunk-6M7RUU7V.cjs');
+require('../../chunk-2SCE7TFZ.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-EJQCQPET.cjs');
 require('../../chunk-54FJOKAN.cjs');
 require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
-require('../../chunk-I6ZB3FZI.cjs');
+require('../../chunk-K3AVOT6L.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-MC7SY2QH.cjs');
+require('../../chunk-HT7H35GU.cjs');
 
 
 
@@ -25,4 +25,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.Switch = _chunkOX2YNMNScjs.Switch; exports.SwitchLabel = _chunkOX2YNMNScjs.SwitchLabel; exports.SwitchRoot = _chunkOX2YNMNScjs.SwitchRoot; exports.SwitchThumb = _chunkOX2YNMNScjs.SwitchThumb; exports.SwitchTrack = _chunkOX2YNMNScjs.SwitchTrack; exports.switchRecipe = _chunkOX2YNMNScjs.switchRecipe; exports.useSwitch = _chunkOX2YNMNScjs.useSwitch;
+exports.Switch = _chunkZU3XQZ63cjs.Switch; exports.SwitchLabel = _chunkZU3XQZ63cjs.SwitchLabel; exports.SwitchRoot = _chunkZU3XQZ63cjs.SwitchRoot; exports.SwitchThumb = _chunkZU3XQZ63cjs.SwitchThumb; exports.SwitchTrack = _chunkZU3XQZ63cjs.SwitchTrack; exports.switchRecipe = _chunkZU3XQZ63cjs.switchRecipe; exports.useSwitch = _chunkZU3XQZ63cjs.useSwitch;

package/dist/components/switch/index.js

@@ -6,17 +6,17 @@ import {
   SwitchTrack,
   switchRecipe,
   useSwitch
-} from "../../chunk-BA2MPBCO.js";
+} from "../../chunk-DL2PGB5G.js";
 import "../../chunk-F6W3JQ7K.js";
-import "../../chunk-XNNJM5DQ.js";
+import "../../chunk-UCW25LL6.js";
 import "../../chunk-423RQBOX.js";
 import "../../chunk-EGLLDKN6.js";
 import "../../chunk-YXPYOOHU.js";
 import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
-import "../../chunk-MEYCZS32.js";
+import "../../chunk-OSCW7I4H.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-GGW42MY4.js";
+import "../../chunk-FJ5TLRT3.js";
 export {
   Switch,
   SwitchLabel,

package/dist/components/text-area/index.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkCM4LI5OHcjs = require('../../chunk-CM4LI5OH.cjs');
-require('../../chunk-Q3D6KIVF.cjs');
+var _chunkTE7KVFE4cjs = require('../../chunk-TE7KVFE4.cjs');
+require('../../chunk-6N5ZCEAB.cjs');
 require('../../chunk-54FJOKAN.cjs');
 require('../../chunk-H4E4HDEP.cjs');
 require('../../chunk-FNEUOBCV.cjs');
-require('../../chunk-I6ZB3FZI.cjs');
+require('../../chunk-K3AVOT6L.cjs');
 require('../../chunk-57SJ4LJF.cjs');
-require('../../chunk-MC7SY2QH.cjs');
+require('../../chunk-HT7H35GU.cjs');
 
 
 
-exports.TextArea = _chunkCM4LI5OHcjs.TextArea; exports.useTextArea = _chunkCM4LI5OHcjs.useTextArea;
+exports.TextArea = _chunkTE7KVFE4cjs.TextArea; exports.useTextArea = _chunkTE7KVFE4cjs.useTextArea;

package/dist/components/text-area/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { I as InputFieldProps, a as InputProps } from '../../input.type-BUMDlzL9.cjs';
+import { T as TextFieldFieldProps, a as TextFieldProps } from '../../text-field.type-DBh06DU5.cjs';
 import * as react_native from 'react-native';
 import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
 import '../../theme.type-C2gNHpEx.cjs';
@@ -22,20 +22,20 @@ type TextAreaOwnProps = {
     children?: ReactNode;
 };
 /**
- * Everything the `Input` root understands, plus the two the shape of a multiline field
+ * Everything the `TextField` root understands, plus the two the shape of a multiline field
  * needs. They sit on the **root** rather than on `TextArea.Field` for the reason `size`
  * and `variant` do: the root is where the field's shape is decided, and the slot reads
  * what it resolved.
  */
-type TextAreaProps = Omit<InputProps, 'children'> & TextAreaOwnProps;
+type TextAreaProps = Omit<TextFieldProps, 'children'> & TextAreaOwnProps;
 /**
- * Everything `Input.Field` accepts except `multiline`, which this sets — it is the same
+ * Everything `TextField.Field` accepts except `multiline`, which this sets — it is the same
  * `TextInput`, and the same props, with the three things several lines need.
  */
-type TextAreaFieldProps = Omit<InputFieldProps, 'multiline'>;
+type TextAreaFieldProps = Omit<TextFieldFieldProps, 'multiline'>;
 /**
- * The one thing the `Input`'s own context cannot carry, because `rows` is not the
- * `Input`'s business: a single-line field has no use for it, and a prop that does nothing
+ * The one thing the `TextField`'s own context cannot carry, because `rows` is not the
+ * `TextField`'s business: a single-line field has no use for it, and a prop that does nothing
  * in the common case is a prop that reads as broken.
  */
 type TextAreaContextValue = {
@@ -46,14 +46,14 @@ type TextAreaContextValue = {
 declare const useTextArea: () => TextAreaContextValue;
 
 /**
- * Three of the four slots **are** the `Input`'s, re-exported rather than wrapped.
+ * Three of the four slots **are** the `TextField`'s, re-exported rather than wrapped.
  *
  * A wrapper would add three components to the tree to change a `displayName` string, and
- * the string it would change is the one that tells you the truth: a `XAUI.Input.Label`
+ * the string it would change is the one that tells you the truth: a `XAUI.TextField.Label`
  * showing up inside a `XAUI.TextArea.Root` is exactly what is happening. Only the field
  * differs, and it is the only one written here.
  */
-declare const TextArea: react.ForwardRefExoticComponent<Omit<InputProps, "children"> & {
+declare const TextArea: react.ForwardRefExoticComponent<Omit<TextFieldProps, "children"> & {
     rows?: number;
     maxRows?: number;
     children?: react.ReactNode;

package/dist/components/text-area/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { I as InputFieldProps, a as InputProps } from '../../input.type-D2qgi03E.js';
+import { T as TextFieldFieldProps, a as TextFieldProps } from '../../text-field.type-0l73acce.js';
 import * as react_native from 'react-native';
 import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
 import '../../theme.type-C2gNHpEx.js';
@@ -22,20 +22,20 @@ type TextAreaOwnProps = {
     children?: ReactNode;
 };
 /**
- * Everything the `Input` root understands, plus the two the shape of a multiline field
+ * Everything the `TextField` root understands, plus the two the shape of a multiline field
  * needs. They sit on the **root** rather than on `TextArea.Field` for the reason `size`
  * and `variant` do: the root is where the field's shape is decided, and the slot reads
  * what it resolved.
  */
-type TextAreaProps = Omit<InputProps, 'children'> & TextAreaOwnProps;
+type TextAreaProps = Omit<TextFieldProps, 'children'> & TextAreaOwnProps;
 /**
- * Everything `Input.Field` accepts except `multiline`, which this sets — it is the same
+ * Everything `TextField.Field` accepts except `multiline`, which this sets — it is the same
  * `TextInput`, and the same props, with the three things several lines need.
  */
-type TextAreaFieldProps = Omit<InputFieldProps, 'multiline'>;
+type TextAreaFieldProps = Omit<TextFieldFieldProps, 'multiline'>;
 /**
- * The one thing the `Input`'s own context cannot carry, because `rows` is not the
- * `Input`'s business: a single-line field has no use for it, and a prop that does nothing
+ * The one thing the `TextField`'s own context cannot carry, because `rows` is not the
+ * `TextField`'s business: a single-line field has no use for it, and a prop that does nothing
  * in the common case is a prop that reads as broken.
  */
 type TextAreaContextValue = {
@@ -46,14 +46,14 @@ type TextAreaContextValue = {
 declare const useTextArea: () => TextAreaContextValue;
 
 /**
- * Three of the four slots **are** the `Input`'s, re-exported rather than wrapped.
+ * Three of the four slots **are** the `TextField`'s, re-exported rather than wrapped.
  *
  * A wrapper would add three components to the tree to change a `displayName` string, and
- * the string it would change is the one that tells you the truth: a `XAUI.Input.Label`
+ * the string it would change is the one that tells you the truth: a `XAUI.TextField.Label`
  * showing up inside a `XAUI.TextArea.Root` is exactly what is happening. Only the field
  * differs, and it is the only one written here.
  */
-declare const TextArea: react.ForwardRefExoticComponent<Omit<InputProps, "children"> & {
+declare const TextArea: react.ForwardRefExoticComponent<Omit<TextFieldProps, "children"> & {
     rows?: number;
     maxRows?: number;
     children?: react.ReactNode;

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

@@ -1,14 +1,14 @@
 import {
   TextArea,
   useTextArea
-} from "../../chunk-HXL2QCMR.js";
-import "../../chunk-L55CDXNI.js";
+} from "../../chunk-5GMU7ESV.js";
+import "../../chunk-3YZSUDZ2.js";
 import "../../chunk-YXPYOOHU.js";
 import "../../chunk-36PRYGAM.js";
 import "../../chunk-4GTAZM2C.js";
-import "../../chunk-MEYCZS32.js";
+import "../../chunk-OSCW7I4H.js";
 import "../../chunk-A3EGFI6T.js";
-import "../../chunk-GGW42MY4.js";
+import "../../chunk-FJ5TLRT3.js";
 export {
   TextArea,
   useTextArea

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

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+var _chunk6N5ZCEABcjs = require('../../chunk-6N5ZCEAB.cjs');
+require('../../chunk-54FJOKAN.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-K3AVOT6L.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-HT7H35GU.cjs');
+
+
+
+
+
+
+
+
+
+exports.TextField = _chunk6N5ZCEABcjs.TextField; exports.TextFieldDescription = _chunk6N5ZCEABcjs.TextFieldDescription; exports.TextFieldError = _chunk6N5ZCEABcjs.TextFieldError; exports.TextFieldField = _chunk6N5ZCEABcjs.TextFieldField; exports.TextFieldLabel = _chunk6N5ZCEABcjs.TextFieldLabel; exports.TextFieldRoot = _chunk6N5ZCEABcjs.TextFieldRoot; exports.textFieldRecipe = _chunk6N5ZCEABcjs.textFieldRecipe; exports.useTextField = _chunk6N5ZCEABcjs.useTextField;

package/dist/components/{input → text-field}/index.d.cts

@@ -3,33 +3,33 @@ 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 { i as TextFieldVariant, g as TextFieldSize, e as TextFieldLabelPlacement, b as TextFieldContextValue, h as TextFieldSlot } from '../../text-field.type-DBh06DU5.cjs';
+export { c as TextFieldDescriptionProps, d as TextFieldErrorProps, T as TextFieldFieldProps, f as TextFieldLabelProps, a as TextFieldProps } from '../../text-field.type-DBh06DU5.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
+ * <TextField>
+ *   <TextField.Label>Courriel</TextField.Label>
+ *   <TextField.Field
  *     value={email}
  *     onChangeText={setEmail}
  *     placeholder="nom@exemple.fr"
  *     keyboardType="email-address"
  *   />
- *   <Input.Description>On ne le partage jamais.</Input.Description>
- * </Input>
+ *   <TextField.Description>On ne le partage jamais.</TextField.Description>
+ * </TextField>
  *
- * <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>
+ * <TextField isInvalid={Boolean(error)}>
+ *   <TextField.Label>Mot de passe</TextField.Label>
+ *   <TextField.Field secureTextEntry value={password} onChangeText={setPassword} />
+ *   {error ? <TextField.Error>{error}</TextField.Error> : null}
+ * </TextField>
  * ```
  *
- * **The root is the column, not the field.** `Input.Field` is the `TextInput`, which is
+ * **The root is the column, not the field.** `TextField.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.
@@ -37,21 +37,21 @@ import { R as Recipe, S as SlotStyles, a as StyleFn } from '../../create-recipe-
  * 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;
+declare const TextFieldRoot: react.ForwardRefExoticComponent<{
+    variant?: TextFieldVariant;
+    size?: TextFieldSize;
     radius?: RadiusKey;
-    labelPlacement?: InputLabelPlacement;
+    labelPlacement?: TextFieldLabelPlacement;
     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;
+    variant?: TextFieldVariant;
+    size?: TextFieldSize;
     radius?: RadiusKey;
-    labelPlacement?: InputLabelPlacement;
+    labelPlacement?: TextFieldLabelPlacement;
     color?: string;
     isInvalid?: boolean;
     isDisabled?: boolean;
@@ -70,7 +70,7 @@ declare const InputRoot: react.ForwardRefExoticComponent<{
  * 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> & {
+declare const TextFieldDescription: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
     children?: react.ReactNode;
 } & react.RefAttributes<Text>>;
 
@@ -83,17 +83,17 @@ declare const InputDescription: react.ForwardRefExoticComponent<react_native.Tex
  * it:
  *
  * ```tsx
- * <Input isInvalid={Boolean(error)}>
- *   <Input.Field value={value} onChangeText={onChange} />
- *   {error ? <Input.Error>{error}</Input.Error> : null}
- * </Input>
+ * <TextField isInvalid={Boolean(error)}>
+ *   <TextField.Field value={value} onChangeText={onChange} />
+ *   {error ? <TextField.Error>{error}</TextField.Error> : null}
+ * </TextField>
  * ```
  *
  * `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> & {
+declare const TextFieldError: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
     children?: react.ReactNode;
 } & react.RefAttributes<Text>>;
 
@@ -101,7 +101,7 @@ declare const InputError: react.ForwardRefExoticComponent<react_native.TextProps
  * 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" />
+ * <TextField.Field value={email} onChangeText={setEmail} placeholder="nom@exemple.fr" />
  * ```
  *
  * It takes everything `TextInput` takes, which is why `value`, `defaultValue`, `onChange`,
@@ -116,7 +116,7 @@ declare const InputError: react.ForwardRefExoticComponent<react_native.TextProps
  * 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>>;
+declare const TextFieldField: 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
@@ -128,18 +128,18 @@ declare const InputField: react.ForwardRefExoticComponent<Omit<react_native.Text
  * 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> & {
+declare const TextFieldLabel: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
     children?: react.ReactNode;
 } & react.RefAttributes<Text>>;
 
-declare const useInput: () => InputContextValue;
+declare const useTextField: () => TextFieldContextValue;
 
-declare const inputRecipe: Recipe<"label" | "field" | "description" | "suffix" | "root" | "icon" | "textArea" | "placeholder" | "error" | "prefix", InputVariant, {
+declare const textFieldRecipe: Recipe<"label" | "field" | "description" | "suffix" | "root" | "icon" | "textArea" | "placeholder" | "error" | "prefix", TextFieldVariant, {
     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 xs: (theme: XAUITheme) => SlotStyles<TextFieldSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<TextFieldSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<TextFieldSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<TextFieldSlot>;
     };
     readonly radius: Record<RadiusKey, StyleFn<"field">>;
     /**
@@ -167,21 +167,21 @@ declare const inputRecipe: Recipe<"label" | "field" | "description" | "suffix" |
     };
 }>;
 
-declare const Input: react.ForwardRefExoticComponent<{
-    variant?: InputVariant;
-    size?: InputSize;
+declare const TextField: react.ForwardRefExoticComponent<{
+    variant?: TextFieldVariant;
+    size?: TextFieldSize;
     radius?: RadiusKey;
-    labelPlacement?: InputLabelPlacement;
+    labelPlacement?: TextFieldLabelPlacement;
     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;
+    variant?: TextFieldVariant;
+    size?: TextFieldSize;
     radius?: RadiusKey;
-    labelPlacement?: InputLabelPlacement;
+    labelPlacement?: TextFieldLabelPlacement;
     color?: string;
     isInvalid?: boolean;
     isDisabled?: boolean;
@@ -202,4 +202,4 @@ declare const Input: react.ForwardRefExoticComponent<{
     } & react.RefAttributes<react_native.Text>>;
 };
 
-export { Input, InputContextValue, InputDescription, InputError, InputField, InputLabel, InputLabelPlacement, InputRoot, InputSize, InputSlot, InputVariant, inputRecipe, useInput };
+export { TextField, TextFieldContextValue, TextFieldDescription, TextFieldError, TextFieldField, TextFieldLabel, TextFieldLabelPlacement, TextFieldRoot, TextFieldSize, TextFieldSlot, TextFieldVariant, textFieldRecipe, useTextField };