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

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

@@ -8,7 +8,7 @@ import {
   inputOTPRecipe,
   useInputOTP,
   useInputOTPBox
-} from "../../chunk-J4QE34AU.js";
+} from "../../chunk-I6UCYAO2.js";
 import "../../chunk-EGLLDKN6.js";
 import "../../chunk-3JATAB7S.js";
 import "../../chunk-PMO62QK4.js";

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

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunk5OXZIZRZcjs = require('../../chunk-5OXZIZRZ.cjs');
+require('../../chunk-JCKVYYZO.cjs');
+require('../../chunk-YXVKQMCK.cjs');
+require('../../chunk-HUZ4AUM2.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-MC7SY2QH.cjs');
+
+
+
+exports.TextArea = _chunk5OXZIZRZcjs.TextArea; exports.useTextArea = _chunk5OXZIZRZcjs.useTextArea;

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

@@ -0,0 +1,73 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+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';
+
+type TextAreaOwnProps = {
+    /**
+     * How many lines tall the field starts. It is a **raw value**, not a token: it resolves
+     * outside the style cache from the line height the size chose, the same path `color`
+     * takes — which is what lets `rows={7}` exist without seven entries in the cache.
+     *
+     * @default 3
+     */
+    rows?: number;
+    /**
+     * The ceiling, in lines. Past it the field stops growing and scrolls; unset, it grows
+     * with the text for as long as the text goes on.
+     */
+    maxRows?: number;
+    children?: ReactNode;
+};
+/**
+ * Everything the `Input` 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;
+/**
+ * Everything `Input.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'>;
+/**
+ * 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
+ * in the common case is a prop that reads as broken.
+ */
+type TextAreaContextValue = {
+    rows: number;
+    maxRows: number | undefined;
+};
+
+declare const useTextArea: () => TextAreaContextValue;
+
+/**
+ * Three of the four slots **are** the `Input`'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`
+ * 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"> & {
+    rows?: number;
+    maxRows?: number;
+    children?: react.ReactNode;
+} & react.RefAttributes<react_native.View>> & {
+    Label: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+        children?: react.ReactNode;
+    } & react.RefAttributes<react_native.Text>>;
+    Field: react.ForwardRefExoticComponent<TextAreaFieldProps & react.RefAttributes<react_native.TextInput>>;
+    Description: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+        children?: react.ReactNode;
+    } & react.RefAttributes<react_native.Text>>;
+    Error: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+        children?: react.ReactNode;
+    } & react.RefAttributes<react_native.Text>>;
+};
+
+export { TextArea, type TextAreaContextValue, type TextAreaFieldProps, type TextAreaProps, useTextArea };

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

@@ -0,0 +1,73 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+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';
+
+type TextAreaOwnProps = {
+    /**
+     * How many lines tall the field starts. It is a **raw value**, not a token: it resolves
+     * outside the style cache from the line height the size chose, the same path `color`
+     * takes — which is what lets `rows={7}` exist without seven entries in the cache.
+     *
+     * @default 3
+     */
+    rows?: number;
+    /**
+     * The ceiling, in lines. Past it the field stops growing and scrolls; unset, it grows
+     * with the text for as long as the text goes on.
+     */
+    maxRows?: number;
+    children?: ReactNode;
+};
+/**
+ * Everything the `Input` 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;
+/**
+ * Everything `Input.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'>;
+/**
+ * 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
+ * in the common case is a prop that reads as broken.
+ */
+type TextAreaContextValue = {
+    rows: number;
+    maxRows: number | undefined;
+};
+
+declare const useTextArea: () => TextAreaContextValue;
+
+/**
+ * Three of the four slots **are** the `Input`'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`
+ * 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"> & {
+    rows?: number;
+    maxRows?: number;
+    children?: react.ReactNode;
+} & react.RefAttributes<react_native.View>> & {
+    Label: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+        children?: react.ReactNode;
+    } & react.RefAttributes<react_native.Text>>;
+    Field: react.ForwardRefExoticComponent<TextAreaFieldProps & react.RefAttributes<react_native.TextInput>>;
+    Description: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+        children?: react.ReactNode;
+    } & react.RefAttributes<react_native.Text>>;
+    Error: react.ForwardRefExoticComponent<react_native.TextProps & Omit<TextStyleProps, keyof react_native.TextProps> & {
+        children?: react.ReactNode;
+    } & react.RefAttributes<react_native.Text>>;
+};
+
+export { TextArea, type TextAreaContextValue, type TextAreaFieldProps, type TextAreaProps, useTextArea };

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

@@ -0,0 +1,13 @@
+import {
+  TextArea,
+  useTextArea
+} from "../../chunk-TR2TGPDQ.js";
+import "../../chunk-V2FQN6ZK.js";
+import "../../chunk-3JATAB7S.js";
+import "../../chunk-PMO62QK4.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-GGW42MY4.js";
+export {
+  TextArea,
+  useTextArea
+};

package/dist/index.cjs

@@ -1,6 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+var _chunk5OXZIZRZcjs = require('./chunk-5OXZIZRZ.cjs');
+
+
+
+
+var _chunkY7U6ACMBcjs = require('./chunk-Y7U6ACMB.cjs');
+
+
+
 
 
 
@@ -21,7 +30,7 @@ var _chunk6HXWQ5AUcjs = require('./chunk-6HXWQ5AU.cjs');
 
 
 
-var _chunkGBPWTFTUcjs = require('./chunk-GBPWTFTU.cjs');
+var _chunkOHEHPQLCcjs = require('./chunk-OHEHPQLC.cjs');
 
 
 
@@ -31,7 +40,7 @@ var _chunkJ4JFIC4Wcjs = require('./chunk-J4JFIC4W.cjs');
 
 
 
-var _chunkEWBBDVTMcjs = require('./chunk-EWBBDVTM.cjs');
+var _chunkWVCAFORAcjs = require('./chunk-WVCAFORA.cjs');
 
 
 
@@ -43,7 +52,7 @@ var _chunk6FBGCF5Tcjs = require('./chunk-6FBGCF5T.cjs');
 
 
 
-var _chunkAV5LMFS3cjs = require('./chunk-AV5LMFS3.cjs');
+var _chunkI7G77Q65cjs = require('./chunk-I7G77Q65.cjs');
 
 
 
@@ -52,7 +61,6 @@ var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
 
 
 
-var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
 
 
 
@@ -70,21 +78,23 @@ var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
 
 
 
+
+var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
 
 
 
 
 
-var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
 
 
 
 
-var _chunkP2XA4DV7cjs = require('./chunk-P2XA4DV7.cjs');
+var _chunk3LKGVKQYcjs = require('./chunk-3LKGVKQY.cjs');
 
 
 
 
+var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
 
 
 
@@ -92,13 +102,22 @@ var _chunkP2XA4DV7cjs = require('./chunk-P2XA4DV7.cjs');
 
 
 
-var _chunkLIQTGAI7cjs = require('./chunk-LIQTGAI7.cjs');
-require('./chunk-EJQCQPET.cjs');
+
+
+var _chunkJCKVYYZOcjs = require('./chunk-JCKVYYZO.cjs');
+
+
+
 
 
 
 
-var _chunkY7U6ACMBcjs = require('./chunk-Y7U6ACMB.cjs');
+
+
+
+
+var _chunkBULNTP5Ncjs = require('./chunk-BULNTP5N.cjs');
+require('./chunk-EJQCQPET.cjs');
 
 
 
@@ -225,4 +244,19 @@ 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 = _chunkP2XA4DV7cjs.Input; exports.InputOTP = _chunkLIQTGAI7cjs.InputOTP; exports.OTP_ALPHANUMERIC = _chunkLIQTGAI7cjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkLIQTGAI7cjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkLIQTGAI7cjs.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.TextSpan = _chunkY7U6ACMBcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkY7U6ACMBcjs.Typography; exports.XAUIProvider = _chunkGBPWTFTUcjs.XAUIProvider; exports.alertRecipe = _chunkJ4JFIC4Wcjs.alertRecipe; exports.buildRadius = _chunkGBPWTFTUcjs.buildRadius; exports.buildShadows = _chunkGBPWTFTUcjs.buildShadows; exports.buildSlots = _chunkLIQTGAI7cjs.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 = _chunkGBPWTFTUcjs.createTheme; exports.defaultTheme = _chunkGBPWTFTUcjs.defaultTheme; exports.deriveColors = _chunkGBPWTFTUcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.extractPastedCode = _chunkLIQTGAI7cjs.extractPastedCode; exports.inputOTPRecipe = _chunkLIQTGAI7cjs.inputOTPRecipe; exports.inputRecipe = _chunkP2XA4DV7cjs.inputRecipe; exports.markBackground = _chunk6FBGCF5Tcjs.markBackground; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkGBPWTFTUcjs.palette; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.primitives = _chunkGBPWTFTUcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.sourceKeys = _chunkGBPWTFTUcjs.sourceKeys; exports.tokens = _chunkGBPWTFTUcjs.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 = _chunkLIQTGAI7cjs.useControllableState; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useInput = _chunkP2XA4DV7cjs.useInput; exports.useInputOTP = _chunkLIQTGAI7cjs.useInputOTP; exports.useInputOTPBox = _chunkLIQTGAI7cjs.useInputOTPBox; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIG4Q3WQOcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; 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

@@ -2,8 +2,10 @@ export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDesc
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
 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, InputContextValue, InputDescriptionProps, InputErrorProps, InputFieldProps, InputLabelPlacement, InputLabelProps, InputProps, InputSize, InputSlot, InputVariant, inputRecipe, useInput } from './components/input/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';
 export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.cjs';
 import { RefCallback } from 'react';
@@ -16,6 +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-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

@@ -2,8 +2,10 @@ export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDesc
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
 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, InputContextValue, InputDescriptionProps, InputErrorProps, InputFieldProps, InputLabelPlacement, InputLabelProps, InputProps, InputSize, InputSlot, InputVariant, inputRecipe, useInput } from './components/input/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';
 export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.js';
 import { RefCallback } from 'react';
@@ -16,6 +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-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,12 @@
+import {
+  TextArea,
+  useTextArea
+} from "./chunk-TR2TGPDQ.js";
+import {
+  TextSpan,
+  Typography,
+  typographyRecipe
+} from "./chunk-G52TQJBI.js";
 import {
   Column,
   Grid,
@@ -21,7 +30,7 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "./chunk-GG2WWCBK.js";
+} from "./chunk-TZG3DERP.js";
 import {
   Alert,
   alertRecipe,
@@ -31,7 +40,7 @@ import {
   Button,
   buttonRecipe,
   useButton
-} from "./chunk-MRYLLKML.js";
+} from "./chunk-PQHC65AG.js";
 import {
   CARD_BACKGROUND,
   Card,
@@ -43,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,
@@ -76,11 +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-6RO26ORT.js";
+} from "./chunk-V2FQN6ZK.js";
 import {
   InputOTP,
   OTP_ALPHANUMERIC,
@@ -92,13 +116,8 @@ import {
   useControllableState,
   useInputOTP,
   useInputOTPBox
-} from "./chunk-J4QE34AU.js";
+} from "./chunk-I6UCYAO2.js";
 import "./chunk-EGLLDKN6.js";
-import {
-  TextSpan,
-  Typography,
-  typographyRecipe
-} from "./chunk-G52TQJBI.js";
 import {
   createRecipe,
   radiusAxis
@@ -150,7 +169,18 @@ export {
   Icon,
   IconContext,
   Input,
+  InputDescription,
+  InputError,
+  InputField,
+  InputGroup,
+  InputGroupField,
+  InputGroupIcon,
+  InputGroupPrefix,
+  InputGroupRoot,
+  InputGroupSuffix,
+  InputLabel,
   InputOTP,
+  InputRoot,
   OTP_ALPHANUMERIC,
   OTP_DIGITS,
   OTP_LETTERS,
@@ -171,6 +201,7 @@ export {
   SCALE_REFERENCE_WIDTH,
   Slot,
   Stack,
+  TextArea,
   TextSpan,
   ThemeContext,
   Typography,
@@ -187,6 +218,7 @@ export {
   createRecipe,
   createSlotContext,
   createTheme,
+  decoratorPadding,
   defaultTheme,
   deriveColors,
   deriveTint,
@@ -217,12 +249,14 @@ export {
   useGrid,
   useIconContext,
   useInput,
+  useInputGroup,
   useInputOTP,
   useInputOTPBox,
   useMergedRef,
   usePressState,
   usePrevious,
   useStyleProps,
+  useTextArea,
   useThemeColor,
   useXAUITheme
 };