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

package/dist/components/button/index.js

@@ -2,19 +2,19 @@ import {
   Button,
   buttonRecipe,
   useButton
-} from "../../chunk-2IWL6R3D.js";
+} from "../../chunk-KZVHC4FL.js";
 import "../../chunk-PPWXLZGL.js";
 import "../../chunk-F6W3JQ7K.js";
-import "../../chunk-WJPQARJ5.js";
-import "../../chunk-XNNJM5DQ.js";
+import "../../chunk-OWE5IID7.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 {
   Button,
   buttonRecipe,

package/dist/components/card/index.cjs

@@ -4,20 +4,20 @@
 
 
 
-var _chunkUORTYL63cjs = require('../../chunk-UORTYL63.cjs');
-require('../../chunk-6M7RUU7V.cjs');
+var _chunkMFXZHLOUcjs = require('../../chunk-MFXZHLOU.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');
 
 
 
 
 
 
-exports.CARD_BACKGROUND = _chunkUORTYL63cjs.CARD_BACKGROUND; exports.Card = _chunkUORTYL63cjs.Card; exports.cardRecipe = _chunkUORTYL63cjs.cardRecipe; exports.markBackground = _chunkUORTYL63cjs.markBackground; exports.useCard = _chunkUORTYL63cjs.useCard;
+exports.CARD_BACKGROUND = _chunkMFXZHLOUcjs.CARD_BACKGROUND; exports.Card = _chunkMFXZHLOUcjs.Card; exports.cardRecipe = _chunkMFXZHLOUcjs.cardRecipe; exports.markBackground = _chunkMFXZHLOUcjs.markBackground; exports.useCard = _chunkMFXZHLOUcjs.useCard;

package/dist/components/card/index.js

@@ -4,16 +4,16 @@ import {
   cardRecipe,
   markBackground,
   useCard
-} from "../../chunk-GBFQZQ77.js";
-import "../../chunk-XNNJM5DQ.js";
+} from "../../chunk-6U5IUUAR.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 {
   CARD_BACKGROUND,
   Card,

package/dist/components/checkbox/index.cjs

@@ -5,18 +5,18 @@
 
 
 
-var _chunkCNNLMMFVcjs = require('../../chunk-CNNLMMFV.cjs');
+var _chunkAZRMOWRGcjs = require('../../chunk-AZRMOWRG.cjs');
 require('../../chunk-F6CQ6CBI.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');
 
 
 
@@ -24,4 +24,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.Checkbox = _chunkCNNLMMFVcjs.Checkbox; exports.CheckboxIndicator = _chunkCNNLMMFVcjs.CheckboxIndicator; exports.CheckboxLabel = _chunkCNNLMMFVcjs.CheckboxLabel; exports.CheckboxRoot = _chunkCNNLMMFVcjs.CheckboxRoot; exports.checkboxRecipe = _chunkCNNLMMFVcjs.checkboxRecipe; exports.useCheckbox = _chunkCNNLMMFVcjs.useCheckbox;
+exports.Checkbox = _chunkAZRMOWRGcjs.Checkbox; exports.CheckboxIndicator = _chunkAZRMOWRGcjs.CheckboxIndicator; exports.CheckboxLabel = _chunkAZRMOWRGcjs.CheckboxLabel; exports.CheckboxRoot = _chunkAZRMOWRGcjs.CheckboxRoot; exports.checkboxRecipe = _chunkAZRMOWRGcjs.checkboxRecipe; exports.useCheckbox = _chunkAZRMOWRGcjs.useCheckbox;

package/dist/components/checkbox/index.js

@@ -5,18 +5,18 @@ import {
   CheckboxRoot,
   checkboxRecipe,
   useCheckbox
-} from "../../chunk-UR6DNU2M.js";
+} from "../../chunk-SAGMDVFU.js";
 import "../../chunk-BA2DBSAN.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 {
   Checkbox,
   CheckboxIndicator,

package/dist/components/chip/index.cjs

@@ -2,20 +2,20 @@
 
 
 
-var _chunkQY4MN7X3cjs = require('../../chunk-QY4MN7X3.cjs');
-require('../../chunk-CYS6U374.cjs');
-require('../../chunk-PCWT2YBE.cjs');
-require('../../chunk-6M7RUU7V.cjs');
+var _chunkGPZSTEEIcjs = require('../../chunk-GPZSTEEI.cjs');
+require('../../chunk-FVKIQBHS.cjs');
+require('../../chunk-ISPOIMGX.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');
 
 
 
 
-exports.Chip = _chunkQY4MN7X3cjs.Chip; exports.chipRecipe = _chunkQY4MN7X3cjs.chipRecipe; exports.useChip = _chunkQY4MN7X3cjs.useChip;
+exports.Chip = _chunkGPZSTEEIcjs.Chip; exports.chipRecipe = _chunkGPZSTEEIcjs.chipRecipe; exports.useChip = _chunkGPZSTEEIcjs.useChip;

package/dist/components/chip/index.js

@@ -2,18 +2,18 @@ import {
   Chip,
   chipRecipe,
   useChip
-} from "../../chunk-M2BGCN77.js";
-import "../../chunk-U3RDU3HU.js";
-import "../../chunk-WJPQARJ5.js";
-import "../../chunk-XNNJM5DQ.js";
+} from "../../chunk-BAPXLO5N.js";
+import "../../chunk-RSGIJ6RI.js";
+import "../../chunk-OWE5IID7.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 {
   Chip,
   chipRecipe,

package/dist/components/divider/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkVSALV7VOcjs = require('../../chunk-VSALV7VO.cjs');
+var _chunk2LNE4PWBcjs = require('../../chunk-2LNE4PWB.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.Divider = _chunkVSALV7VOcjs.Divider; exports.dividerRecipe = _chunkVSALV7VOcjs.dividerRecipe;
+exports.Divider = _chunk2LNE4PWBcjs.Divider; exports.dividerRecipe = _chunk2LNE4PWBcjs.dividerRecipe;

package/dist/components/divider/index.js

@@ -1,13 +1,13 @@
 import {
   Divider,
   dividerRecipe
-} from "../../chunk-JCYWU5TO.js";
+} from "../../chunk-B6OKVLC7.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 {
   Divider,
   dividerRecipe

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

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+var _chunkXARBUUIEcjs = require('../../chunk-XARBUUIE.cjs');
+require('../../chunk-6N5ZCEAB.cjs');
+require('../../chunk-ISPOIMGX.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.FieldGroup = _chunkXARBUUIEcjs.FieldGroup; exports.FieldGroupField = _chunkXARBUUIEcjs.FieldGroupField; exports.FieldGroupIcon = _chunkXARBUUIEcjs.FieldGroupIcon; exports.FieldGroupPrefix = _chunkXARBUUIEcjs.FieldGroupPrefix; exports.FieldGroupRoot = _chunkXARBUUIEcjs.FieldGroupRoot; exports.FieldGroupSuffix = _chunkXARBUUIEcjs.FieldGroupSuffix; exports.decoratorPadding = _chunkXARBUUIEcjs.decoratorPadding; exports.useFieldGroup = _chunkXARBUUIEcjs.useFieldGroup;

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

@@ -4,10 +4,10 @@ import * as react_native from 'react-native';
 import { StyleProp, ViewStyle, ViewProps, View, TextInput } from 'react-native';
 import { V as ViewStyleProps, T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
 import { a as IconProps } from '../../icon.type-d_i9ma-i.cjs';
-import { I as InputFieldProps } from '../../input.type-BUMDlzL9.cjs';
+import { T as TextFieldFieldProps } from '../../text-field.type-DBh06DU5.cjs';
 import '../../theme.type-C2gNHpEx.cjs';
 
-type InputGroupOwnProps = {
+type FieldGroupOwnProps = {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 };
@@ -15,14 +15,14 @@ type InputGroupOwnProps = {
  * R14 — the wrapper `View`'s own props, plus every `ViewStyle` key it does not claim.
  *
  * **There is no `variant`, no `size`, no `color` and no `isDisabled` here.** They are the
- * `Input`'s, and an `InputGroup` is one row inside it: a second `size` on this root would
+ * `TextField`'s, and a `FieldGroup` is one row inside it: a second `size` on this root would
  * be a second answer to a question the field has already answered.
  */
-type InputGroupProps = InputGroupOwnProps & Omit<ViewProps, keyof InputGroupOwnProps> & Omit<ViewStyleProps, keyof InputGroupOwnProps | keyof ViewProps> & {
+type FieldGroupProps = FieldGroupOwnProps & Omit<ViewProps, keyof FieldGroupOwnProps> & Omit<ViewStyleProps, keyof FieldGroupOwnProps | keyof ViewProps> & {
     /** R12 — merge into the single child instead of rendering a `View`. */
     asChild?: boolean;
 };
-type InputGroupDecoratorOwnProps = {
+type FieldGroupDecoratorOwnProps = {
     /**
      * The decorator stops taking touches and disappears from the accessibility tree, so a
      * tap on the glyph focuses the field under it and a screen reader announces the field
@@ -37,20 +37,20 @@ type InputGroupDecoratorOwnProps = {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 };
-type InputGroupDecoratorProps = InputGroupDecoratorOwnProps & Omit<ViewProps, keyof InputGroupDecoratorOwnProps> & Omit<ViewStyleProps, keyof InputGroupDecoratorOwnProps | keyof ViewProps>;
-type InputGroupPrefixProps = InputGroupDecoratorProps;
-type InputGroupSuffixProps = InputGroupDecoratorProps;
+type FieldGroupDecoratorProps = FieldGroupDecoratorOwnProps & Omit<ViewProps, keyof FieldGroupDecoratorOwnProps> & Omit<ViewStyleProps, keyof FieldGroupDecoratorOwnProps | keyof ViewProps>;
+type FieldGroupPrefixProps = FieldGroupDecoratorProps;
+type FieldGroupSuffixProps = FieldGroupDecoratorProps;
 /** Which edge a decorator is pinned to, and therefore which width it reports. */
-type InputGroupSide = 'prefix' | 'suffix';
+type FieldGroupSide = 'prefix' | 'suffix';
 /**
- * Everything `Input.Field` accepts. It **is** that field — the same `TextInput`, the same
+ * Everything `TextField.Field` accepts. It **is** that field — the same `TextInput`, the same
  * focus plumbing, the same styles — with the padding the two decorators measured.
  */
-type InputGroupFieldProps = InputFieldProps;
+type FieldGroupFieldProps = TextFieldFieldProps;
 /** Everything `Icon` accepts. `size` and `color` fall back to the field's own. */
-type InputGroupIconProps = IconProps;
+type FieldGroupIconProps = IconProps;
 /**
- * R5 — but the only thing here that is not already resolved on the `Input`'s context: two
+ * R5 — but the only thing here that is not already resolved on the `TextField`'s context: two
  * widths nobody can know before layout.
  *
  * A decorator is out of flow, so it cannot push the text aside the way a sibling in a row
@@ -58,7 +58,7 @@ type InputGroupIconProps = IconProps;
  * measured width. That is the same shape `TextArea` uses for `rows` — a raw number the
  * slot turns into a style, outside the cache.
  */
-type InputGroupContextValue = {
+type FieldGroupContextValue = {
     /** `0` while the decorator is absent, and until its first layout. */
     prefixWidth: number;
     suffixWidth: number;
@@ -71,12 +71,12 @@ type InputGroupContextValue = {
  * either:
  *
  * ```tsx
- * <InputGroup.Prefix isDecorative>
- *   <InputGroup.Icon as={MailIcon} />
- * </InputGroup.Prefix>
+ * <FieldGroup.Prefix isDecorative>
+ *   <FieldGroup.Icon as={MailIcon} />
+ * </FieldGroup.Prefix>
  * ```
  *
- * The size comes from the `Input`'s own `size` — one step above the field's type, as on
+ * The size comes from the `TextField`'s own `size` — one step above the field's type, as on
  * the `Button` and the `Chip`, because a 16pt glyph beside 16pt of text reads as the
  * smaller of the two. The colour is the theme's `fieldPlaceholder`: a mark in a field is
  * decoration for the text, not text. An explicit `size` or `color` still wins, which is
@@ -88,8 +88,8 @@ type InputGroupContextValue = {
  * the same slot `Button`, `Chip` and `Alert` all have, and it exists so that a form does
  * not carry a hard-coded `#888` on every field.
  */
-declare function InputGroupIcon({ size, color, ...rest }: InputGroupIconProps): react.JSX.Element;
-declare namespace InputGroupIcon {
+declare function FieldGroupIcon({ size, color, ...rest }: FieldGroupIconProps): react.JSX.Element;
+declare namespace FieldGroupIcon {
     var displayName: string;
 }
 
@@ -97,37 +97,37 @@ declare namespace InputGroupIcon {
  * A field with something beside it — a glyph, a unit, a reveal toggle.
  *
  * ```tsx
- * <Input>
- *   <Input.Label>Mot de passe</Input.Label>
- *   <InputGroup>
- *     <InputGroup.Prefix isDecorative>
- *       <InputGroup.Icon as={LockIcon} />
- *     </InputGroup.Prefix>
- *     <InputGroup.Field secureTextEntry value={password} onChangeText={setPassword} />
- *     <InputGroup.Suffix>
+ * <TextField>
+ *   <TextField.Label>Mot de passe</TextField.Label>
+ *   <FieldGroup>
+ *     <FieldGroup.Prefix isDecorative>
+ *       <FieldGroup.Icon as={LockIcon} />
+ *     </FieldGroup.Prefix>
+ *     <FieldGroup.Field secureTextEntry value={password} onChangeText={setPassword} />
+ *     <FieldGroup.Suffix>
  *       <Pressable onPress={toggle} hitSlop={20}>
- *         <InputGroup.Icon as={EyeIcon} />
+ *         <FieldGroup.Icon as={EyeIcon} />
  *       </Pressable>
- *     </InputGroup.Suffix>
- *   </InputGroup>
- *   <Input.Description>Douze caractères au moins.</Input.Description>
- * </Input>
+ *     </FieldGroup.Suffix>
+ *   </FieldGroup>
+ *   <TextField.Description>Douze caractères au moins.</TextField.Description>
+ * </TextField>
  * ```
  *
- * **It goes inside an `Input`, and it replaces nothing but the field.** The column, the
+ * **It goes inside a `TextField`, and it replaces nothing but the field.** The column, the
  * label, the hint, the error, the four variants, the `size`, the `radius`, the tint, the
- * focus and `isInvalid` are all still the `Input`'s — this root is one row of that column,
+ * focus and `isInvalid` are all still the `TextField`'s — this root is one row of that column,
  * and it owns exactly one thing: how wide the two decorators turned out to be.
  *
  * That is why the box is still the `TextInput` itself. A wrapper carrying the border, the
- * fill and the radius would be a second thing to keep in step with `Input`, and the day
+ * fill and the radius would be a second thing to keep in step with `TextField`, and the day
  * one of them gained a shadow the other would not have it. The decorators are laid **over**
  * the field instead, out of flow, and the field clears them with padding.
  *
  * It works under `TextArea` too — the same context, the same field — though a decorator
  * centred over six lines of text is rarely what a multiline field wants.
  */
-declare const InputGroupRoot: react.ForwardRefExoticComponent<{
+declare const FieldGroupRoot: react.ForwardRefExoticComponent<{
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
 } & Omit<react_native.ViewProps, keyof {
@@ -138,13 +138,13 @@ declare const InputGroupRoot: react.ForwardRefExoticComponent<{
 } & react.RefAttributes<View>>;
 
 /**
- * The `TextInput` itself — `Input.Field` with the room the two decorators need.
+ * The `TextInput` itself — `TextField.Field` with the room the two decorators need.
  *
  * ```tsx
- * <InputGroup.Field value={query} onChangeText={setQuery} placeholder="Rechercher…" />
+ * <FieldGroup.Field value={query} onChangeText={setQuery} placeholder="Rechercher…" />
  * ```
  *
- * It renders the `Input`'s field rather than a second `TextInput`, so the focus plumbing,
+ * It renders the `TextField`'s field rather than a second `TextInput`, so the focus plumbing,
  * the placeholder colour, the label association, `isInvalid` and `isDisabled` are the ones
  * already written, and every `TextInput` prop is written here for the same reason it is
  * there.
@@ -155,18 +155,18 @@ declare const InputGroupRoot: react.ForwardRefExoticComponent<{
  * own `paddingHorizontal`, which is what makes them win, and before the caller's `style`,
  * which still has the last word.
  */
-declare const InputGroupField: react.ForwardRefExoticComponent<Omit<react_native.TextInputProps, "editable"> & Omit<TextStyleProps, keyof react_native.TextInputProps> & react.RefAttributes<TextInput>>;
+declare const FieldGroupField: react.ForwardRefExoticComponent<Omit<react_native.TextInputProps, "editable"> & Omit<TextStyleProps, keyof react_native.TextInputProps> & react.RefAttributes<TextInput>>;
 
 /**
  * What sits before the text — a search glyph, a currency, a country code.
  *
  * ```tsx
- * <InputGroup>
- *   <InputGroup.Prefix isDecorative>
- *     <InputGroup.Icon as={SearchIcon} />
- *   </InputGroup.Prefix>
- *   <InputGroup.Field placeholder="Rechercher…" />
- * </InputGroup>
+ * <FieldGroup>
+ *   <FieldGroup.Prefix isDecorative>
+ *     <FieldGroup.Icon as={SearchIcon} />
+ *   </FieldGroup.Prefix>
+ *   <FieldGroup.Field placeholder="Rechercher…" />
+ * </FieldGroup>
  * ```
  *
  * It is pinned to the **leading** edge and inset by the field's own padding, so the glyph
@@ -176,7 +176,7 @@ declare const InputGroupField: react.ForwardRefExoticComponent<Omit<react_native
  *
  * Add `isDecorative` whenever it holds nothing to press. Leave it off for a control.
  */
-declare const InputGroupPrefix: react.ForwardRefExoticComponent<{
+declare const FieldGroupPrefix: react.ForwardRefExoticComponent<{
     isDecorative?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
@@ -190,14 +190,14 @@ declare const InputGroupPrefix: react.ForwardRefExoticComponent<{
  * What sits after the text — a reveal toggle, a clear button, a unit, a counter.
  *
  * ```tsx
- * <InputGroup>
- *   <InputGroup.Field secureTextEntry value={password} onChangeText={setPassword} />
- *   <InputGroup.Suffix>
+ * <FieldGroup>
+ *   <FieldGroup.Field secureTextEntry value={password} onChangeText={setPassword} />
+ *   <FieldGroup.Suffix>
  *     <Pressable onPress={toggle} hitSlop={20}>
- *       <InputGroup.Icon as={isVisible ? EyeOffIcon : EyeIcon} />
+ *       <FieldGroup.Icon as={isVisible ? EyeOffIcon : EyeIcon} />
  *     </Pressable>
- *   </InputGroup.Suffix>
- * </InputGroup>
+ *   </FieldGroup.Suffix>
+ * </FieldGroup>
  * ```
  *
  * The trailing edge is where a suffix is most often a **control**, which is why
@@ -208,7 +208,7 @@ declare const InputGroupPrefix: react.ForwardRefExoticComponent<{
  * `Pressable` with a `hitSlop` is the thing to put there — a 16pt glyph is not a touch
  * target on its own.
  */
-declare const InputGroupSuffix: react.ForwardRefExoticComponent<{
+declare const FieldGroupSuffix: react.ForwardRefExoticComponent<{
     isDecorative?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
@@ -218,7 +218,7 @@ declare const InputGroupSuffix: react.ForwardRefExoticComponent<{
     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" | "isDecorative"> & react.RefAttributes<View>>;
 
-declare const useInputGroup: () => InputGroupContextValue;
+declare const useFieldGroup: () => FieldGroupContextValue;
 
 /**
  * The room a decorator asks the field to leave it, from the width it measured.
@@ -234,9 +234,9 @@ declare function decoratorPadding(prefixWidth: number, suffixWidth: number): Vie
 
 /**
  * The four parts of a decorated field. The label, the hint and the error are **not** here:
- * they are the `Input`'s, and an `InputGroup` lives inside one.
+ * they are the `TextField`'s, and a `FieldGroup` lives inside one.
  */
-declare const InputGroup: react.ForwardRefExoticComponent<{
+declare const FieldGroup: react.ForwardRefExoticComponent<{
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
 } & Omit<react_native.ViewProps, keyof {
@@ -264,7 +264,7 @@ declare const InputGroup: react.ForwardRefExoticComponent<{
         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" | "isDecorative"> & react.RefAttributes<react_native.View>>;
-    Icon: typeof InputGroupIcon;
+    Icon: typeof FieldGroupIcon;
 };
 
-export { InputGroup, type InputGroupContextValue, InputGroupField, type InputGroupFieldProps, InputGroupIcon, type InputGroupIconProps, InputGroupPrefix, type InputGroupPrefixProps, type InputGroupProps, InputGroupRoot, type InputGroupSide, InputGroupSuffix, type InputGroupSuffixProps, decoratorPadding, useInputGroup };
+export { FieldGroup, type FieldGroupContextValue, FieldGroupField, type FieldGroupFieldProps, FieldGroupIcon, type FieldGroupIconProps, FieldGroupPrefix, type FieldGroupPrefixProps, type FieldGroupProps, FieldGroupRoot, type FieldGroupSide, FieldGroupSuffix, type FieldGroupSuffixProps, decoratorPadding, useFieldGroup };