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

package/dist/{chunk-6RO26ORT.js → chunk-2OY76YNB.js}

@@ -127,6 +127,7 @@ var SLOTS = [
   "root",
   "label",
   "field",
+  "textArea",
   "placeholder",
   "description",
   "error"
@@ -155,7 +156,7 @@ var VARIANT_TOKENS = {
   ghost: { borderFocus: "fieldBorderFocus", fg: "fieldForeground" }
 };
 function sizeAxis(step) {
-  const { control, padding, gap, field, label, help } = step;
+  const { control, padding, gap, field, label, help, textAreaPadding } = step;
   return (theme) => {
     const inset = { paddingHorizontal: theme.spacing(LABEL_INSET) };
     const helpType = {
@@ -174,6 +175,15 @@ function sizeAxis(step) {
         paddingHorizontal: theme.spacing(padding),
         fontSize: theme.fontSizes[field]
       },
+      // Only what a multiline field *adds* — `Input.TextArea` layers this over the field's
+      // own style rather than restating it, so the colours, the border and the radius are
+      // resolved once for both. The height is not here: `rows` is a raw value, and the
+      // slot computes it from the two numbers below.
+      textArea: {
+        lineHeight: theme.lineHeights[field],
+        paddingTop: theme.spacing(textAreaPadding),
+        paddingBottom: theme.spacing(textAreaPadding)
+      },
       description: { ...inset, ...helpType },
       error: { ...inset, ...helpType }
     };
@@ -184,38 +194,42 @@ var SIZES = {
   xs: {
     control: "xs",
     padding: 2.5,
-    gap: 1,
+    gap: 0.75,
     field: "sm",
     label: "sm",
     help: "xs",
-    labelInside: "xs"
+    labelInside: "xs",
+    textAreaPadding: 1.5
   },
   sm: {
     control: "sm",
     padding: 3,
-    gap: 1,
+    gap: 0.75,
     field: "md",
     label: "sm",
     help: "xs",
-    labelInside: "xs"
+    labelInside: "xs",
+    textAreaPadding: 2
   },
   md: {
     control: "md",
     padding: 3,
-    gap: 1.5,
+    gap: 1.25,
     field: "md",
     label: "md",
     help: "sm",
-    labelInside: "xs"
+    labelInside: "xs",
+    textAreaPadding: 2
   },
   lg: {
     control: "lg",
     padding: 4,
-    gap: 2,
+    gap: 1.75,
     field: "lg",
     label: "lg",
     help: "md",
-    labelInside: "sm"
+    labelInside: "sm",
+    textAreaPadding: 2.5
   }
 };
 function insideLabel(step) {
@@ -245,7 +259,10 @@ function insideLabel(step) {
         ),
         paddingTop: block,
         paddingBottom: top
-      }
+      },
+      // The same room, because `Input.TextArea` layers its own padding over the field's
+      // and would otherwise put the first line back under the label.
+      textArea: { paddingTop: block, paddingBottom: top }
     };
   };
 }
@@ -266,12 +283,16 @@ var inputRecipe = createRecipe({
       borderWidth: theme.borderWidth.field,
       // The theme has a radius named for this component, so every size uses it and the
       // `radius` axis is what overrides it — the same shape a `Chip` takes from `full`.
+      // It is HeroUI's twelve points since the scale was aligned on theirs; it was 21,
+      // which put a 48-tall field at 87% of its geometric maximum.
       borderRadius: theme.radius.field,
       borderCurve: "continuous",
       // RN centres a single line inside `minHeight` on iOS and pins it to the top on
       // Android. Saying it removes a difference nobody chose.
       textAlignVertical: "center"
     },
+    // Several lines start at the top; only a single line is centred in its box.
+    textArea: { textAlignVertical: "top" },
     // Not a node — the root flattens this one into `placeholderTextColor`, which is a
     // `TextInput` prop rather than a style.
     placeholder: { color: theme.colors.fieldPlaceholder },
@@ -402,9 +423,17 @@ var InputRoot = forwardRef5(function Input({
   const tint = color ? inputRecipe.tint({ theme, color, selection, states }) : void 0;
   const context = useMemo(() => {
     const placeholder = StyleSheet.flatten(styles.placeholder);
+    const textArea = StyleSheet.flatten(styles.textArea);
     return {
       labelStyle: tint ? [styles.label, tint.label] : styles.label,
       fieldStyle: tint ? [styles.field, tint.field] : styles.field,
+      textAreaStyle: styles.textArea,
+      textArea: {
+        lineHeight: textArea.lineHeight ?? 0,
+        // `DimensionValue` also covers a percentage and `auto`, neither of which can be
+        // multiplied by a number of rows. The recipe only ever writes points here.
+        paddingVertical: typeof textArea.paddingBottom === "number" ? textArea.paddingBottom : 0
+      },
       descriptionStyle: styles.description,
       errorStyle: styles.error,
       // `ColorValue` also covers the platform's opaque colours, which `TextInput` cannot
@@ -446,6 +475,11 @@ var Input2 = Object.assign(InputRoot, {
 
 export {
   useInput,
+  InputDescription,
+  InputError,
+  InputField,
+  InputLabel,
   inputRecipe,
+  InputRoot,
   Input2 as Input
 };

package/dist/{chunk-LIQTGAI7.cjs → chunk-BULNTP5N.cjs}

@@ -372,13 +372,12 @@ var inputOTPRecipe = _chunkYXVKQMCKcjs.createRecipe.call(void 0, {
     box: {
       alignItems: "center",
       justifyContent: "center",
-      // `lg` and not `field`, which is the radius the rest of this family uses. A field is
-      // wide, so 21 on a 48-tall one reads as a rounded rectangle; a code box is very
-      // nearly square — 44 by 48 at `md`, 36 by 40 at `sm` — where the geometric maximum
-      // is 22, so the same 21 is a pill in all but name and is clamped to one outright at
-      // the small end. Twelve is where HeroUI lands for the same box from the other
-      // direction: their `field` radius is their `xl`, and their scale's base is 8 where
-      // ours is 12.
+      // `lg` and not `field`, though the two are the same twelve points at the default
+      // base. The keys are kept apart on purpose: `field` is the corner a theme moves when
+      // it wants rounder *fields*, and a field is wide — a code box is very nearly square,
+      // 44 by 48 at `md`, where the geometric maximum is 22 and anything near it is a pill
+      // in all but name. Following `field` here would hand this component a shape that was
+      // never decided for it.
       borderRadius: theme.radius.lg,
       borderCurve: "continuous",
       // The one root in the library that clips: the box has no shadow to lose and a

package/dist/chunk-GSEK6OCY.cjs

@@ -0,0 +1,72 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+
+
+
+
+var _chunkYEW5LPWLcjs = require('./chunk-YEW5LPWL.cjs');
+
+
+
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+
+// src/components/text-area/text-area-field.tsx
+var _react = require('react');
+
+// src/components/text-area/text-area.context.ts
+var [TextAreaProvider, useTextArea] = _chunkHUZ4AUM2cjs.createSlotContext.call(void 0, "TextArea");
+
+// src/components/text-area/text-area-field.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TextAreaField = _react.forwardRef.call(void 0, 
+  function TextAreaField2({ style, scrollEnabled, ...props }, ref) {
+    const { textAreaStyle, textArea } = _chunkYEW5LPWLcjs.useInput.call(void 0, );
+    const { rows, maxRows } = useTextArea();
+    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    const height = _react.useMemo.call(void 0, () => {
+      const chrome = textArea.paddingVertical * 2;
+      return {
+        minHeight: rows * textArea.lineHeight + chrome,
+        // Unset, the field grows for as long as the text does. With a ceiling it stops
+        // there and scrolls, which is the only case that needs `scrollEnabled` — a
+        // multiline field that can grow has nothing to scroll.
+        maxHeight: maxRows ? maxRows * textArea.lineHeight + chrome : void 0
+      };
+    }, [rows, maxRows, textArea]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYEW5LPWLcjs.InputField,
+      {
+        ref,
+        multiline: true,
+        scrollEnabled: _nullishCoalesce(scrollEnabled, () => ( maxRows !== void 0)),
+        ...rest,
+        style: [textAreaStyle, height, styleProps, style]
+      }
+    );
+  }
+);
+TextAreaField.displayName = "XAUI.TextArea.Field";
+
+// src/components/text-area/text-area.tsx
+
+
+var DEFAULT_ROWS = 3;
+var TextAreaRoot = _react.forwardRef.call(void 0, function TextArea({ rows = DEFAULT_ROWS, maxRows, children, ...props }, ref) {
+  const context = _react.useMemo.call(void 0, () => ({ rows, maxRows }), [rows, maxRows]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextAreaProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYEW5LPWLcjs.InputRoot, { ref, ...props, children }) });
+});
+TextAreaRoot.displayName = "XAUI.TextArea.Root";
+
+// src/components/text-area/index.ts
+var TextArea2 = Object.assign(TextAreaRoot, {
+  Label: _chunkYEW5LPWLcjs.InputLabel,
+  Field: TextAreaField,
+  Description: _chunkYEW5LPWLcjs.InputDescription,
+  Error: _chunkYEW5LPWLcjs.InputError
+});
+
+
+
+
+exports.useTextArea = useTextArea; exports.TextArea = TextArea2;

package/dist/{chunk-J4QE34AU.js → chunk-I6UCYAO2.js}

@@ -39,10 +39,10 @@ function InputOTPCaret({
   });
 }
 InputOTPCaret.displayName = "XAUI.InputOTP.Caret";
-const _worklet_14878605646981_init_data = {
-  code: "function chunkJ4QE34AUJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-J4QE34AU.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkJ4QE34AUJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-J4QE34AU.js\"],\"mappings\":\"AA4DyC,SAAAA,iBAAA,QAAAC,OAAA,OAAAC,SAAA,OAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC\",\"ignoreList\":[]}"
+const _worklet_4103709998384_init_data = {
+  code: "function chunkI6UCYAO2Js1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-I6UCYAO2.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkI6UCYAO2Js1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-I6UCYAO2.js\"],\"mappings\":\"AA4DyC,SAAAA,iBAAA,QAAAC,OAAA,OAAAC,SAAA,OAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC\",\"ignoreList\":[]}"
 };
 function BlinkingCaret({
   style
@@ -55,24 +55,24 @@ function BlinkingCaret({
     }), -1, true);
     return () => cancelAnimation(opacity);
   }, [opacity]);
-  const animatedStyle = useAnimatedStyle(function chunkJ4QE34AUJs1Factory({
-    _worklet_14878605646981_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkI6UCYAO2Js1Factory({
+    _worklet_4103709998384_init_data,
     opacity
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkJ4QE34AUJs1 = () => ({
+    const chunkI6UCYAO2Js1 = () => ({
       opacity: opacity.value
     });
-    chunkJ4QE34AUJs1.__closure = {
+    chunkI6UCYAO2Js1.__closure = {
       opacity
     };
-    chunkJ4QE34AUJs1.__workletHash = 14878605646981;
-    chunkJ4QE34AUJs1.__pluginVersion = "0.7.4";
-    chunkJ4QE34AUJs1.__initData = _worklet_14878605646981_init_data;
-    chunkJ4QE34AUJs1.__stackDetails = _e;
-    return chunkJ4QE34AUJs1;
+    chunkI6UCYAO2Js1.__workletHash = 4103709998384;
+    chunkI6UCYAO2Js1.__pluginVersion = "0.7.4";
+    chunkI6UCYAO2Js1.__initData = _worklet_4103709998384_init_data;
+    chunkI6UCYAO2Js1.__stackDetails = _e;
+    return chunkI6UCYAO2Js1;
   }({
-    _worklet_14878605646981_init_data,
+    _worklet_4103709998384_init_data,
     opacity
   }));
   return /* @__PURE__ */jsx(Animated.View, {
@@ -474,13 +474,12 @@ var inputOTPRecipe = createRecipe({
     box: {
       alignItems: "center",
       justifyContent: "center",
-      // `lg` and not `field`, which is the radius the rest of this family uses. A field is
-      // wide, so 21 on a 48-tall one reads as a rounded rectangle; a code box is very
-      // nearly square — 44 by 48 at `md`, 36 by 40 at `sm` — where the geometric maximum
-      // is 22, so the same 21 is a pill in all but name and is clamped to one outright at
-      // the small end. Twelve is where HeroUI lands for the same box from the other
-      // direction: their `field` radius is their `xl`, and their scale's base is 8 where
-      // ours is 12.
+      // `lg` and not `field`, though the two are the same twelve points at the default
+      // base. The keys are kept apart on purpose: `field` is the corner a theme moves when
+      // it wants rounder *fields*, and a field is wide — a code box is very nearly square,
+      // 44 by 48 at `md`, where the geometric maximum is 22 and anything near it is a pill
+      // in all but name. Following `field` here would hand this component a shape that was
+      // never decided for it.
       borderRadius: theme.radius.lg,
       borderCurve: "continuous",
       // The one root in the library that clips: the box has no shadow to lose and a

package/dist/{chunk-GBPWTFTU.cjs → chunk-OHEHPQLC.cjs}

@@ -62,7 +62,16 @@ function buildRadius(base) {
     "2xl": base * 2,
     "3xl": base * 3,
     "4xl": base * 4,
-    field: base * 1.75,
+    /**
+     * HeroUI's value, reached from the other side of the scale: their `--radius-field` is
+     * an alias of their `--radius-xl`, and their base is 8 where ours is 12 — so their
+     * field corner is 12 points and, at our default base, so is this.
+     *
+     * It coincides with `lg` today and is still its own key, because that is what lets a
+     * theme round its fields without rounding its cards. It was `base * 1.75`, which put a
+     * 48-tall field at 87% of its geometric maximum — a gélule rather than a rounded box.
+     */
+    field: base,
     full: 9999
   };
 }

package/dist/{chunk-GG2WWCBK.js → chunk-TZG3DERP.js}

@@ -62,7 +62,16 @@ function buildRadius(base) {
     "2xl": base * 2,
     "3xl": base * 3,
     "4xl": base * 4,
-    field: base * 1.75,
+    /**
+     * HeroUI's value, reached from the other side of the scale: their `--radius-field` is
+     * an alias of their `--radius-xl`, and their base is 8 where ours is 12 — so their
+     * field corner is 12 points and, at our default base, so is this.
+     *
+     * It coincides with `lg` today and is still its own key, because that is what lets a
+     * theme round its fields without rounding its cards. It was `base * 1.75`, which put a
+     * 48-tall field at 87% of its geometric maximum — a gélule rather than a rounded box.
+     */
+    field: base,
     full: 9999
   };
 }

package/dist/{chunk-P2XA4DV7.cjs → chunk-YEW5LPWL.cjs}

@@ -127,6 +127,7 @@ var SLOTS = [
   "root",
   "label",
   "field",
+  "textArea",
   "placeholder",
   "description",
   "error"
@@ -155,7 +156,7 @@ var VARIANT_TOKENS = {
   ghost: { borderFocus: "fieldBorderFocus", fg: "fieldForeground" }
 };
 function sizeAxis(step) {
-  const { control, padding, gap, field, label, help } = step;
+  const { control, padding, gap, field, label, help, textAreaPadding } = step;
   return (theme) => {
     const inset = { paddingHorizontal: theme.spacing(LABEL_INSET) };
     const helpType = {
@@ -174,6 +175,15 @@ function sizeAxis(step) {
         paddingHorizontal: theme.spacing(padding),
         fontSize: theme.fontSizes[field]
       },
+      // Only what a multiline field *adds* — `Input.TextArea` layers this over the field's
+      // own style rather than restating it, so the colours, the border and the radius are
+      // resolved once for both. The height is not here: `rows` is a raw value, and the
+      // slot computes it from the two numbers below.
+      textArea: {
+        lineHeight: theme.lineHeights[field],
+        paddingTop: theme.spacing(textAreaPadding),
+        paddingBottom: theme.spacing(textAreaPadding)
+      },
       description: { ...inset, ...helpType },
       error: { ...inset, ...helpType }
     };
@@ -184,38 +194,42 @@ var SIZES = {
   xs: {
     control: "xs",
     padding: 2.5,
-    gap: 1,
+    gap: 0.75,
     field: "sm",
     label: "sm",
     help: "xs",
-    labelInside: "xs"
+    labelInside: "xs",
+    textAreaPadding: 1.5
   },
   sm: {
     control: "sm",
     padding: 3,
-    gap: 1,
+    gap: 0.75,
     field: "md",
     label: "sm",
     help: "xs",
-    labelInside: "xs"
+    labelInside: "xs",
+    textAreaPadding: 2
   },
   md: {
     control: "md",
     padding: 3,
-    gap: 1.5,
+    gap: 1.25,
     field: "md",
     label: "md",
     help: "sm",
-    labelInside: "xs"
+    labelInside: "xs",
+    textAreaPadding: 2
   },
   lg: {
     control: "lg",
     padding: 4,
-    gap: 2,
+    gap: 1.75,
     field: "lg",
     label: "lg",
     help: "md",
-    labelInside: "sm"
+    labelInside: "sm",
+    textAreaPadding: 2.5
   }
 };
 function insideLabel(step) {
@@ -245,7 +259,10 @@ function insideLabel(step) {
         ),
         paddingTop: block,
         paddingBottom: top
-      }
+      },
+      // The same room, because `Input.TextArea` layers its own padding over the field's
+      // and would otherwise put the first line back under the label.
+      textArea: { paddingTop: block, paddingBottom: top }
     };
   };
 }
@@ -266,12 +283,16 @@ var inputRecipe = _chunkYXVKQMCKcjs.createRecipe.call(void 0, {
       borderWidth: theme.borderWidth.field,
       // The theme has a radius named for this component, so every size uses it and the
       // `radius` axis is what overrides it — the same shape a `Chip` takes from `full`.
+      // It is HeroUI's twelve points since the scale was aligned on theirs; it was 21,
+      // which put a 48-tall field at 87% of its geometric maximum.
       borderRadius: theme.radius.field,
       borderCurve: "continuous",
       // RN centres a single line inside `minHeight` on iOS and pins it to the top on
       // Android. Saying it removes a difference nobody chose.
       textAlignVertical: "center"
     },
+    // Several lines start at the top; only a single line is centred in its box.
+    textArea: { textAlignVertical: "top" },
     // Not a node — the root flattens this one into `placeholderTextColor`, which is a
     // `TextInput` prop rather than a style.
     placeholder: { color: theme.colors.fieldPlaceholder },
@@ -402,9 +423,17 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
   const tint = color ? inputRecipe.tint({ theme, color, selection, states }) : void 0;
   const context = _react.useMemo.call(void 0, () => {
     const placeholder = _reactnative.StyleSheet.flatten(styles.placeholder);
+    const textArea = _reactnative.StyleSheet.flatten(styles.textArea);
     return {
       labelStyle: tint ? [styles.label, tint.label] : styles.label,
       fieldStyle: tint ? [styles.field, tint.field] : styles.field,
+      textAreaStyle: styles.textArea,
+      textArea: {
+        lineHeight: _nullishCoalesce(textArea.lineHeight, () => ( 0)),
+        // `DimensionValue` also covers a percentage and `auto`, neither of which can be
+        // multiplied by a number of rows. The recipe only ever writes points here.
+        paddingVertical: typeof textArea.paddingBottom === "number" ? textArea.paddingBottom : 0
+      },
       descriptionStyle: styles.description,
       errorStyle: styles.error,
       // `ColorValue` also covers the platform's opaque colours, which `TextInput` cannot
@@ -448,4 +477,9 @@ var Input2 = Object.assign(InputRoot, {
 
 
 
-exports.useInput = useInput; exports.inputRecipe = inputRecipe; exports.Input = Input2;
+
+
+
+
+
+exports.useInput = useInput; exports.InputDescription = InputDescription; exports.InputError = InputError; exports.InputField = InputField; exports.InputLabel = InputLabel; exports.inputRecipe = inputRecipe; exports.InputRoot = InputRoot; exports.Input = Input2;

package/dist/chunk-ZDCGPK5Z.js

@@ -0,0 +1,72 @@
+import {
+  InputDescription,
+  InputError,
+  InputField,
+  InputLabel,
+  InputRoot,
+  useInput
+} from "./chunk-2OY76YNB.js";
+import {
+  createSlotContext,
+  useStyleProps
+} from "./chunk-PMO62QK4.js";
+
+// src/components/text-area/text-area-field.tsx
+import { forwardRef, useMemo } from "react";
+
+// src/components/text-area/text-area.context.ts
+var [TextAreaProvider, useTextArea] = createSlotContext("TextArea");
+
+// src/components/text-area/text-area-field.tsx
+import { jsx } from "react/jsx-runtime";
+var TextAreaField = forwardRef(
+  function TextAreaField2({ style, scrollEnabled, ...props }, ref) {
+    const { textAreaStyle, textArea } = useInput();
+    const { rows, maxRows } = useTextArea();
+    const [styleProps, rest] = useStyleProps(props);
+    const height = useMemo(() => {
+      const chrome = textArea.paddingVertical * 2;
+      return {
+        minHeight: rows * textArea.lineHeight + chrome,
+        // Unset, the field grows for as long as the text does. With a ceiling it stops
+        // there and scrolls, which is the only case that needs `scrollEnabled` — a
+        // multiline field that can grow has nothing to scroll.
+        maxHeight: maxRows ? maxRows * textArea.lineHeight + chrome : void 0
+      };
+    }, [rows, maxRows, textArea]);
+    return /* @__PURE__ */ jsx(
+      InputField,
+      {
+        ref,
+        multiline: true,
+        scrollEnabled: scrollEnabled ?? maxRows !== void 0,
+        ...rest,
+        style: [textAreaStyle, height, styleProps, style]
+      }
+    );
+  }
+);
+TextAreaField.displayName = "XAUI.TextArea.Field";
+
+// src/components/text-area/text-area.tsx
+import { forwardRef as forwardRef2, useMemo as useMemo2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DEFAULT_ROWS = 3;
+var TextAreaRoot = forwardRef2(function TextArea({ rows = DEFAULT_ROWS, maxRows, children, ...props }, ref) {
+  const context = useMemo2(() => ({ rows, maxRows }), [rows, maxRows]);
+  return /* @__PURE__ */ jsx2(TextAreaProvider, { value: context, children: /* @__PURE__ */ jsx2(InputRoot, { ref, ...props, children }) });
+});
+TextAreaRoot.displayName = "XAUI.TextArea.Root";
+
+// src/components/text-area/index.ts
+var TextArea2 = Object.assign(TextAreaRoot, {
+  Label: InputLabel,
+  Field: TextAreaField,
+  Description: InputDescription,
+  Error: InputError
+});
+
+export {
+  useTextArea,
+  TextArea2 as TextArea
+};

package/dist/components/input/index.cjs

@@ -2,7 +2,12 @@
 
 
 
-var _chunkP2XA4DV7cjs = require('../../chunk-P2XA4DV7.cjs');
+
+
+
+
+
+var _chunkYEW5LPWLcjs = require('../../chunk-YEW5LPWL.cjs');
 require('../../chunk-YXVKQMCK.cjs');
 require('../../chunk-HUZ4AUM2.cjs');
 require('../../chunk-57SJ4LJF.cjs');
@@ -11,4 +16,9 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.Input = _chunkP2XA4DV7cjs.Input; exports.inputRecipe = _chunkP2XA4DV7cjs.inputRecipe; exports.useInput = _chunkP2XA4DV7cjs.useInput;
+
+
+
+
+
+exports.Input = _chunkYEW5LPWLcjs.Input; exports.InputDescription = _chunkYEW5LPWLcjs.InputDescription; exports.InputError = _chunkYEW5LPWLcjs.InputError; exports.InputField = _chunkYEW5LPWLcjs.InputField; exports.InputLabel = _chunkYEW5LPWLcjs.InputLabel; exports.InputRoot = _chunkYEW5LPWLcjs.InputRoot; exports.inputRecipe = _chunkYEW5LPWLcjs.inputRecipe; exports.useInput = _chunkYEW5LPWLcjs.useInput;