@xaui/native 0.9.1-alpha.25 → 0.9.1-alpha.26

package/dist/components/input-group/index.d.ts

@@ -0,0 +1,270 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+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.js';
+import { b as IconProps } from '../../icon.type-Dq4_qePa.js';
+import { I as InputFieldProps } from '../../input.type-D2qgi03E.js';
+import '../../theme.type-C2gNHpEx.js';
+
+type InputGroupOwnProps = {
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * 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
+ * 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> & {
+    /** R12 — merge into the single child instead of rendering a `View`. */
+    asChild?: boolean;
+};
+type InputGroupDecoratorOwnProps = {
+    /**
+     * 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
+     * rather than a mark it cannot act on.
+     *
+     * Leave it off whenever the decorator holds something to press — a reveal toggle, a
+     * clear button — which is the whole reason it is a prop and not the default.
+     *
+     * @default false
+     */
+    isDecorative?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+type InputGroupDecoratorProps = InputGroupDecoratorOwnProps & Omit<ViewProps, keyof InputGroupDecoratorOwnProps> & Omit<ViewStyleProps, keyof InputGroupDecoratorOwnProps | keyof ViewProps>;
+type InputGroupPrefixProps = InputGroupDecoratorProps;
+type InputGroupSuffixProps = InputGroupDecoratorProps;
+/** Which edge a decorator is pinned to, and therefore which width it reports. */
+type InputGroupSide = 'prefix' | 'suffix';
+/**
+ * Everything `Input.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;
+/** Everything `Icon` accepts. `size` and `color` fall back to the field's own. */
+type InputGroupIconProps = IconProps;
+/**
+ * R5 — but the only thing here that is not already resolved on the `Input`'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
+ * would; the field clears it by padding instead, and the padding is the decorator's own
+ * 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 = {
+    /** `0` while the decorator is absent, and until its first layout. */
+    prefixWidth: number;
+    suffixWidth: number;
+    setPrefixWidth: (width: number) => void;
+    setSuffixWidth: (width: number) => void;
+};
+
+/**
+ * A glyph that takes the field's scale and the placeholder's colour without being told
+ * either:
+ *
+ * ```tsx
+ * <InputGroup.Prefix isDecorative>
+ *   <InputGroup.Icon as={MailIcon} />
+ * </InputGroup.Prefix>
+ * ```
+ *
+ * The size comes from the `Input`'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
+ * what `Icon` promises everywhere else in the library — and it is the answer for a tinted
+ * `primary` field, where the fill is the caller's colour and the placeholder grey is no
+ * longer readable over it.
+ *
+ * It is not one of HeroUI's three parts: theirs colour the glyph at the call site. This is
+ * 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 {
+    var displayName: string;
+}
+
+/**
+ * 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>
+ *       <Pressable onPress={toggle} hitSlop={20}>
+ *         <InputGroup.Icon as={EyeIcon} />
+ *       </Pressable>
+ *     </InputGroup.Suffix>
+ *   </InputGroup>
+ *   <Input.Description>Douze caractères au moins.</Input.Description>
+ * </Input>
+ * ```
+ *
+ * **It goes inside an `Input`, 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,
+ * 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
+ * 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<{
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, keyof {
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction"> & {
+    asChild?: boolean;
+} & react.RefAttributes<View>>;
+
+/**
+ * The `TextInput` itself — `Input.Field` with the room the two decorators need.
+ *
+ * ```tsx
+ * <InputGroup.Field value={query} onChangeText={setQuery} placeholder="Rechercher…" />
+ * ```
+ *
+ * It renders the `Input`'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.
+ *
+ * The padding is arithmetic rather than a token, the way `TextArea`'s height is: a
+ * decorator's width is not knowable before layout, so it measures itself and this turns
+ * the two numbers into `paddingStart` and `paddingEnd`. They land **after** the recipe's
+ * 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>>;
+
+/**
+ * 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>
+ * ```
+ *
+ * It is pinned to the **leading** edge and inset by the field's own padding, so the glyph
+ * starts where the text would have. The field then clears it by the width it measured —
+ * which is what lets a `+33` prefix and a 16pt mark both sit right, without either one
+ * being told a number.
+ *
+ * Add `isDecorative` whenever it holds nothing to press. Leave it off for a control.
+ */
+declare const InputGroupPrefix: react.ForwardRefExoticComponent<{
+    isDecorative?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, keyof {
+    isDecorative?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDecorative"> & react.RefAttributes<View>>;
+
+/**
+ * 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>
+ *     <Pressable onPress={toggle} hitSlop={20}>
+ *       <InputGroup.Icon as={isVisible ? EyeOffIcon : EyeIcon} />
+ *     </Pressable>
+ *   </InputGroup.Suffix>
+ * </InputGroup>
+ * ```
+ *
+ * The trailing edge is where a suffix is most often a **control**, which is why
+ * `isDecorative` is off by default: a decorator that swallowed its own taps would be a
+ * reveal toggle you cannot press.
+ *
+ * The library ships no button for it. A suffix holds whatever you put in it, and
+ * `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<{
+    isDecorative?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, keyof {
+    isDecorative?: boolean;
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDecorative"> & react.RefAttributes<View>>;
+
+declare const useInputGroup: () => InputGroupContextValue;
+
+/**
+ * The room a decorator asks the field to leave it, from the width it measured.
+ *
+ * `start` and `end`, never `left` and `right` (R13): the prefix is the leading edge in
+ * both directions of writing, and RTL mirrors the logical property and only it.
+ *
+ * It returns `undefined` rather than an object of two `undefined`s when there is nothing
+ * to clear, so a group with no decorator adds no entry to the field's style array — and
+ * the `useMemo` around it keeps the same reference until a width actually changes.
+ */
+declare function decoratorPadding(prefixWidth: number, suffixWidth: number): ViewStyle | undefined;
+
+/**
+ * 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.
+ */
+declare const InputGroup: react.ForwardRefExoticComponent<{
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+} & Omit<react_native.ViewProps, keyof {
+    style?: react_native.StyleProp<react_native.ViewStyle>;
+    children?: react.ReactNode;
+}> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction"> & {
+    asChild?: boolean;
+} & react.RefAttributes<react_native.View>> & {
+    Prefix: react.ForwardRefExoticComponent<{
+        isDecorative?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, keyof {
+        isDecorative?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+        children?: react.ReactNode;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDecorative"> & react.RefAttributes<react_native.View>>;
+    Field: react.ForwardRefExoticComponent<Omit<react_native.TextInputProps, "editable"> & Omit<TextStyleProps, keyof react_native.TextInputProps> & react.RefAttributes<react_native.TextInput>>;
+    Suffix: react.ForwardRefExoticComponent<{
+        isDecorative?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+        children?: react.ReactNode;
+    } & Omit<react_native.ViewProps, keyof {
+        isDecorative?: boolean;
+        style?: react_native.StyleProp<react_native.ViewStyle>;
+        children?: react.ReactNode;
+    }> & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDecorative"> & react.RefAttributes<react_native.View>>;
+    Icon: typeof InputGroupIcon;
+};
+
+export { InputGroup, type InputGroupContextValue, InputGroupField, type InputGroupFieldProps, InputGroupIcon, type InputGroupIconProps, InputGroupPrefix, type InputGroupPrefixProps, type InputGroupProps, InputGroupRoot, type InputGroupSide, InputGroupSuffix, type InputGroupSuffixProps, decoratorPadding, useInputGroup };

package/dist/components/input-group/index.js

@@ -0,0 +1,26 @@
+import {
+  InputGroup,
+  InputGroupField,
+  InputGroupIcon,
+  InputGroupPrefix,
+  InputGroupRoot,
+  InputGroupSuffix,
+  decoratorPadding,
+  useInputGroup
+} from "../../chunk-WEMZ4VMC.js";
+import "../../chunk-ICR42HHG.js";
+import "../../chunk-V2FQN6ZK.js";
+import "../../chunk-3JATAB7S.js";
+import "../../chunk-PMO62QK4.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-GGW42MY4.js";
+export {
+  InputGroup,
+  InputGroupField,
+  InputGroupIcon,
+  InputGroupPrefix,
+  InputGroupRoot,
+  InputGroupSuffix,
+  decoratorPadding,
+  useInputGroup
+};

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

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkGSEK6OCYcjs = require('../../chunk-GSEK6OCY.cjs');
-require('../../chunk-YEW5LPWL.cjs');
+var _chunk5OXZIZRZcjs = require('../../chunk-5OXZIZRZ.cjs');
+require('../../chunk-JCKVYYZO.cjs');
 require('../../chunk-YXVKQMCK.cjs');
 require('../../chunk-HUZ4AUM2.cjs');
 require('../../chunk-57SJ4LJF.cjs');
@@ -10,4 +10,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.TextArea = _chunkGSEK6OCYcjs.TextArea; exports.useTextArea = _chunkGSEK6OCYcjs.useTextArea;
+exports.TextArea = _chunk5OXZIZRZcjs.TextArea; exports.useTextArea = _chunk5OXZIZRZcjs.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-BpJeUIe8.cjs';
+import { I as InputFieldProps, a as InputProps } from '../../input.type-BUMDlzL9.cjs';
 import * as react_native from 'react-native';
 import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
 import '../../theme.type-C2gNHpEx.cjs';

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-DjyZ6P2C.js';
+import { I as InputFieldProps, a as InputProps } from '../../input.type-D2qgi03E.js';
 import * as react_native from 'react-native';
 import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
 import '../../theme.type-C2gNHpEx.js';

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

@@ -1,8 +1,8 @@
 import {
   TextArea,
   useTextArea
-} from "../../chunk-ZDCGPK5Z.js";
-import "../../chunk-2OY76YNB.js";
+} from "../../chunk-TR2TGPDQ.js";
+import "../../chunk-V2FQN6ZK.js";
 import "../../chunk-3JATAB7S.js";
 import "../../chunk-PMO62QK4.js";
 import "../../chunk-A3EGFI6T.js";

package/dist/index.cjs

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _chunk5OXZIZRZcjs = require('./chunk-5OXZIZRZ.cjs');
+
+
+
 
 var _chunkY7U6ACMBcjs = require('./chunk-Y7U6ACMB.cjs');
 
@@ -36,7 +40,7 @@ var _chunkJ4JFIC4Wcjs = require('./chunk-J4JFIC4W.cjs');
 
 
 
-var _chunkEWBBDVTMcjs = require('./chunk-EWBBDVTM.cjs');
+var _chunkWVCAFORAcjs = require('./chunk-WVCAFORA.cjs');
 
 
 
@@ -48,7 +52,7 @@ var _chunk6FBGCF5Tcjs = require('./chunk-6FBGCF5T.cjs');
 
 
 
-var _chunkAV5LMFS3cjs = require('./chunk-AV5LMFS3.cjs');
+var _chunkI7G77Q65cjs = require('./chunk-I7G77Q65.cjs');
 
 
 
@@ -57,7 +61,6 @@ var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
 
 
 
-var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
 
 
 
@@ -76,38 +79,45 @@ var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
 
 
 
+var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
 
 
 
 
-var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
 
 
 
 
 
+var _chunk3LKGVKQYcjs = require('./chunk-3LKGVKQY.cjs');
 
 
 
 
+var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
+
 
 
-var _chunkBULNTP5Ncjs = require('./chunk-BULNTP5N.cjs');
-require('./chunk-EJQCQPET.cjs');
 
 
 
-var _chunkGSEK6OCYcjs = require('./chunk-GSEK6OCY.cjs');
 
 
 
+var _chunkJCKVYYZOcjs = require('./chunk-JCKVYYZO.cjs');
 
 
 
 
 
 
-var _chunkYEW5LPWLcjs = require('./chunk-YEW5LPWL.cjs');
+
+
+
+
+
+var _chunkBULNTP5Ncjs = require('./chunk-BULNTP5N.cjs');
+require('./chunk-EJQCQPET.cjs');
 
 
 
@@ -241,4 +251,12 @@ function usePrevious(value) {
 
 
 
-exports.Alert = _chunkJ4JFIC4Wcjs.Alert; exports.Button = _chunkEWBBDVTMcjs.Button; exports.CARD_BACKGROUND = _chunk6FBGCF5Tcjs.CARD_BACKGROUND; exports.Card = _chunk6FBGCF5Tcjs.Card; exports.Chip = _chunkAV5LMFS3cjs.Chip; exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.Input = _chunkYEW5LPWLcjs.Input; exports.InputDescription = _chunkYEW5LPWLcjs.InputDescription; exports.InputError = _chunkYEW5LPWLcjs.InputError; exports.InputField = _chunkYEW5LPWLcjs.InputField; exports.InputLabel = _chunkYEW5LPWLcjs.InputLabel; exports.InputOTP = _chunkBULNTP5Ncjs.InputOTP; exports.InputRoot = _chunkYEW5LPWLcjs.InputRoot; exports.OTP_ALPHANUMERIC = _chunkBULNTP5Ncjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkBULNTP5Ncjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkBULNTP5Ncjs.OTP_LETTERS; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextArea = _chunkGSEK6OCYcjs.TextArea; exports.TextSpan = _chunkY7U6ACMBcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkY7U6ACMBcjs.Typography; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.alertRecipe = _chunkJ4JFIC4Wcjs.alertRecipe; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.buildSlots = _chunkBULNTP5Ncjs.buildSlots; exports.buttonRecipe = _chunkEWBBDVTMcjs.buttonRecipe; exports.cardRecipe = _chunk6FBGCF5Tcjs.cardRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkAV5LMFS3cjs.chipRecipe; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.extractPastedCode = _chunkBULNTP5Ncjs.extractPastedCode; exports.inputOTPRecipe = _chunkBULNTP5Ncjs.inputOTPRecipe; exports.inputRecipe = _chunkYEW5LPWLcjs.inputRecipe; exports.markBackground = _chunk6FBGCF5Tcjs.markBackground; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkOHEHPQLCcjs.palette; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.typographyRecipe = _chunkY7U6ACMBcjs.typographyRecipe; exports.useAlert = _chunkJ4JFIC4Wcjs.useAlert; exports.useButton = _chunkEWBBDVTMcjs.useButton; exports.useCard = _chunk6FBGCF5Tcjs.useCard; exports.useChip = _chunkAV5LMFS3cjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunkBULNTP5Ncjs.useControllableState; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useInput = _chunkYEW5LPWLcjs.useInput; exports.useInputOTP = _chunkBULNTP5Ncjs.useInputOTP; exports.useInputOTPBox = _chunkBULNTP5Ncjs.useInputOTPBox; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIG4Q3WQOcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useTextArea = _chunkGSEK6OCYcjs.useTextArea; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
+
+
+
+
+
+
+
+
+exports.Alert = _chunkJ4JFIC4Wcjs.Alert; exports.Button = _chunkWVCAFORAcjs.Button; exports.CARD_BACKGROUND = _chunk6FBGCF5Tcjs.CARD_BACKGROUND; exports.Card = _chunk6FBGCF5Tcjs.Card; exports.Chip = _chunkI7G77Q65cjs.Chip; exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.Input = _chunkJCKVYYZOcjs.Input; exports.InputDescription = _chunkJCKVYYZOcjs.InputDescription; exports.InputError = _chunkJCKVYYZOcjs.InputError; exports.InputField = _chunkJCKVYYZOcjs.InputField; exports.InputGroup = _chunk3LKGVKQYcjs.InputGroup; exports.InputGroupField = _chunk3LKGVKQYcjs.InputGroupField; exports.InputGroupIcon = _chunk3LKGVKQYcjs.InputGroupIcon; exports.InputGroupPrefix = _chunk3LKGVKQYcjs.InputGroupPrefix; exports.InputGroupRoot = _chunk3LKGVKQYcjs.InputGroupRoot; exports.InputGroupSuffix = _chunk3LKGVKQYcjs.InputGroupSuffix; exports.InputLabel = _chunkJCKVYYZOcjs.InputLabel; exports.InputOTP = _chunkBULNTP5Ncjs.InputOTP; exports.InputRoot = _chunkJCKVYYZOcjs.InputRoot; exports.OTP_ALPHANUMERIC = _chunkBULNTP5Ncjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkBULNTP5Ncjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkBULNTP5Ncjs.OTP_LETTERS; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextArea = _chunk5OXZIZRZcjs.TextArea; exports.TextSpan = _chunkY7U6ACMBcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkY7U6ACMBcjs.Typography; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.alertRecipe = _chunkJ4JFIC4Wcjs.alertRecipe; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.buildSlots = _chunkBULNTP5Ncjs.buildSlots; exports.buttonRecipe = _chunkWVCAFORAcjs.buttonRecipe; exports.cardRecipe = _chunk6FBGCF5Tcjs.cardRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkI7G77Q65cjs.chipRecipe; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.decoratorPadding = _chunk3LKGVKQYcjs.decoratorPadding; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.extractPastedCode = _chunkBULNTP5Ncjs.extractPastedCode; exports.inputOTPRecipe = _chunkBULNTP5Ncjs.inputOTPRecipe; exports.inputRecipe = _chunkJCKVYYZOcjs.inputRecipe; exports.markBackground = _chunk6FBGCF5Tcjs.markBackground; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkOHEHPQLCcjs.palette; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.typographyRecipe = _chunkY7U6ACMBcjs.typographyRecipe; exports.useAlert = _chunkJ4JFIC4Wcjs.useAlert; exports.useButton = _chunkWVCAFORAcjs.useButton; exports.useCard = _chunk6FBGCF5Tcjs.useCard; exports.useChip = _chunkI7G77Q65cjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunkBULNTP5Ncjs.useControllableState; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useInput = _chunkJCKVYYZOcjs.useInput; exports.useInputGroup = _chunk3LKGVKQYcjs.useInputGroup; exports.useInputOTP = _chunkBULNTP5Ncjs.useInputOTP; exports.useInputOTPBox = _chunkBULNTP5Ncjs.useInputOTPBox; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIG4Q3WQOcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useTextArea = _chunk5OXZIZRZcjs.useTextArea; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/index.d.cts

@@ -3,6 +3,7 @@ export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonPr
 export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.cjs';
 export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.cjs';
 export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot, inputRecipe, useInput } from './components/input/index.cjs';
+export { InputGroup, InputGroupContextValue, InputGroupField, InputGroupFieldProps, InputGroupIcon, InputGroupIconProps, InputGroupPrefix, InputGroupPrefixProps, InputGroupProps, InputGroupRoot, InputGroupSide, InputGroupSuffix, InputGroupSuffixProps, decoratorPadding, useInputGroup } from './components/input-group/index.cjs';
 export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.cjs';
 export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.cjs';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
@@ -17,7 +18,7 @@ export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as R
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.cjs';
 export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.cjs';
-export { b as InputContextValue, c as InputDescriptionProps, d as InputErrorProps, I as InputFieldProps, e as InputLabelPlacement, f as InputLabelProps, a as InputProps, g as InputSize, h as InputSlot, i as InputVariant } from './input.type-BpJeUIe8.cjs';
+export { b as InputContextValue, c as InputDescriptionProps, d as InputErrorProps, I as InputFieldProps, e as InputLabelPlacement, f as InputLabelProps, a as InputProps, g as InputSize, h as InputSlot, i as InputVariant } from './input.type-BUMDlzL9.cjs';
 export { A as AnimationConfig, a as AnimationProp, F as FeedbackContext, P as PressableFeedbackProps, R as RadiusStyle, b as ResolvedAnimation, c as RippleWave, S as SlotAnimation } from './pressable-feedback.type-BA2C9sSz.cjs';
 import 'react-native-reanimated';
 

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonPr
 export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.js';
 export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.js';
 export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot, inputRecipe, useInput } from './components/input/index.js';
+export { InputGroup, InputGroupContextValue, InputGroupField, InputGroupFieldProps, InputGroupIcon, InputGroupIconProps, InputGroupPrefix, InputGroupPrefixProps, InputGroupProps, InputGroupRoot, InputGroupSide, InputGroupSuffix, InputGroupSuffixProps, decoratorPadding, useInputGroup } from './components/input-group/index.js';
 export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.js';
 export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.js';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
@@ -17,7 +18,7 @@ export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as R
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.js';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.js';
 export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.js';
-export { b as InputContextValue, c as InputDescriptionProps, d as InputErrorProps, I as InputFieldProps, e as InputLabelPlacement, f as InputLabelProps, a as InputProps, g as InputSize, h as InputSlot, i as InputVariant } from './input.type-DjyZ6P2C.js';
+export { b as InputContextValue, c as InputDescriptionProps, d as InputErrorProps, I as InputFieldProps, e as InputLabelPlacement, f as InputLabelProps, a as InputProps, g as InputSize, h as InputSlot, i as InputVariant } from './input.type-D2qgi03E.js';
 export { A as AnimationConfig, a as AnimationProp, F as FeedbackContext, P as PressableFeedbackProps, R as RadiusStyle, b as ResolvedAnimation, c as RippleWave, S as SlotAnimation } from './pressable-feedback.type-Bs4dQlGj.js';
 import 'react-native-reanimated';
 

package/dist/index.js

@@ -1,3 +1,7 @@
+import {
+  TextArea,
+  useTextArea
+} from "./chunk-TR2TGPDQ.js";
 import {
   TextSpan,
   Typography,
@@ -36,7 +40,7 @@ import {
   Button,
   buttonRecipe,
   useButton
-} from "./chunk-MRYLLKML.js";
+} from "./chunk-PQHC65AG.js";
 import {
   CARD_BACKGROUND,
   Card,
@@ -48,16 +52,11 @@ import {
   Chip,
   chipRecipe,
   useChip
-} from "./chunk-4J26FA6O.js";
+} from "./chunk-3WISQT22.js";
 import {
   CloseButton,
   closeButtonBase
 } from "./chunk-A4RGJBP2.js";
-import {
-  Icon,
-  IconContext,
-  useIconContext
-} from "./chunk-ICR42HHG.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -81,6 +80,31 @@ import {
   useFeedback,
   usePressState
 } from "./chunk-4HELPMAK.js";
+import {
+  InputGroup,
+  InputGroupField,
+  InputGroupIcon,
+  InputGroupPrefix,
+  InputGroupRoot,
+  InputGroupSuffix,
+  decoratorPadding,
+  useInputGroup
+} from "./chunk-WEMZ4VMC.js";
+import {
+  Icon,
+  IconContext,
+  useIconContext
+} from "./chunk-ICR42HHG.js";
+import {
+  Input,
+  InputDescription,
+  InputError,
+  InputField,
+  InputLabel,
+  InputRoot,
+  inputRecipe,
+  useInput
+} from "./chunk-V2FQN6ZK.js";
 import {
   InputOTP,
   OTP_ALPHANUMERIC,
@@ -94,20 +118,6 @@ import {
   useInputOTPBox
 } from "./chunk-I6UCYAO2.js";
 import "./chunk-EGLLDKN6.js";
-import {
-  TextArea,
-  useTextArea
-} from "./chunk-ZDCGPK5Z.js";
-import {
-  Input,
-  InputDescription,
-  InputError,
-  InputField,
-  InputLabel,
-  InputRoot,
-  inputRecipe,
-  useInput
-} from "./chunk-2OY76YNB.js";
 import {
   createRecipe,
   radiusAxis
@@ -162,6 +172,12 @@ export {
   InputDescription,
   InputError,
   InputField,
+  InputGroup,
+  InputGroupField,
+  InputGroupIcon,
+  InputGroupPrefix,
+  InputGroupRoot,
+  InputGroupSuffix,
   InputLabel,
   InputOTP,
   InputRoot,
@@ -202,6 +218,7 @@ export {
   createRecipe,
   createSlotContext,
   createTheme,
+  decoratorPadding,
   defaultTheme,
   deriveColors,
   deriveTint,
@@ -232,6 +249,7 @@ export {
   useGrid,
   useIconContext,
   useInput,
+  useInputGroup,
   useInputOTP,
   useInputOTPBox,
   useMergedRef,