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

package/dist/chunk-3LKGVKQY.cjs

@@ -0,0 +1,145 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
+
+
+
+var _chunkJCKVYYZOcjs = require('./chunk-JCKVYYZO.cjs');
+
+
+
+
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+
+// src/components/input-group/input-group-field.tsx
+var _react = require('react');
+
+// src/components/input-group/input-group.context.ts
+var [InputGroupProvider, useInputGroup] = _chunkHUZ4AUM2cjs.createSlotContext.call(void 0, "InputGroup");
+
+// src/components/input-group/input-group.utils.ts
+function decoratorPadding(prefixWidth, suffixWidth) {
+  const paddingStart = prefixWidth > 0 ? prefixWidth : void 0;
+  const paddingEnd = suffixWidth > 0 ? suffixWidth : void 0;
+  if (paddingStart === void 0 && paddingEnd === void 0) return void 0;
+  return { paddingStart, paddingEnd };
+}
+
+// src/components/input-group/input-group-field.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var InputGroupField = _react.forwardRef.call(void 0, 
+  function InputGroupField2({ style, ...props }, ref) {
+    const { prefixWidth, suffixWidth } = useInputGroup();
+    const padding = _react.useMemo.call(void 0, 
+      () => decoratorPadding(prefixWidth, suffixWidth),
+      [prefixWidth, suffixWidth]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJCKVYYZOcjs.InputField, { ref, ...props, style: [padding, style] });
+  }
+);
+InputGroupField.displayName = "XAUI.InputGroup.Field";
+
+// src/components/input-group/input-group-icon.tsx
+
+function InputGroupIcon({ size, color, ...rest }) {
+  const { icon } = _chunkJCKVYYZOcjs.useInput.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4W2XNBPcjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
+}
+InputGroupIcon.displayName = "XAUI.InputGroup.Icon";
+
+// src/components/input-group/input-group-prefix.tsx
+
+
+// src/components/input-group/input-group-decorator.tsx
+
+var _reactnative = require('react-native');
+
+var InputGroupDecorator = _react.forwardRef.call(void 0, 
+  function InputGroupDecorator2({ side, children, isDecorative = false, onLayout, style, ...props }, ref) {
+    const { prefixStyle, suffixStyle, isDisabled } = _chunkJCKVYYZOcjs.useInput.call(void 0, );
+    const { setPrefixWidth, setSuffixWidth } = useInputGroup();
+    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    const report = side === "prefix" ? setPrefixWidth : setSuffixWidth;
+    const handleLayout = _react.useCallback.call(void 0, 
+      (event) => {
+        report(event.nativeEvent.layout.width);
+        _optionalChain([onLayout, 'optionalCall', _ => _(event)]);
+      },
+      [report, onLayout]
+    );
+    const isInert = isDecorative || isDisabled;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.View,
+      {
+        ref,
+        accessibilityElementsHidden: isDecorative || void 0,
+        importantForAccessibility: isDecorative ? "no-hide-descendants" : void 0,
+        pointerEvents: isInert ? "none" : void 0,
+        ...rest,
+        style: [side === "prefix" ? prefixStyle : suffixStyle, styleProps, style],
+        onLayout: handleLayout,
+        children
+      }
+    );
+  }
+);
+InputGroupDecorator.displayName = "XAUI.InputGroup.Decorator";
+
+// src/components/input-group/input-group-prefix.tsx
+
+var InputGroupPrefix = _react.forwardRef.call(void 0, 
+  function InputGroupPrefix2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputGroupDecorator, { ref, side: "prefix", ...props });
+  }
+);
+InputGroupPrefix.displayName = "XAUI.InputGroup.Prefix";
+
+// src/components/input-group/input-group-suffix.tsx
+
+
+var InputGroupSuffix = _react.forwardRef.call(void 0, 
+  function InputGroupSuffix2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputGroupDecorator, { ref, side: "suffix", ...props });
+  }
+);
+InputGroupSuffix.displayName = "XAUI.InputGroup.Suffix";
+
+// src/components/input-group/input-group.tsx
+
+
+
+var InputGroupRoot = _react.forwardRef.call(void 0, function InputGroup({ children, asChild = false, style, ...props }, ref) {
+  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [prefixWidth, setPrefixWidth] = _react.useState.call(void 0, 0);
+  const [suffixWidth, setSuffixWidth] = _react.useState.call(void 0, 0);
+  const context = _react.useMemo.call(void 0, 
+    () => ({ prefixWidth, suffixWidth, setPrefixWidth, setSuffixWidth }),
+    [prefixWidth, suffixWidth]
+  );
+  const rootStyle = [styleProps, style];
+  const surface = asChild ? (
+    // R12 — the caller's element *is* the row.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUZ4AUM2cjs.Slot, { ref, ...rest, style: rootStyle, children })
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: rootStyle, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputGroupProvider, { value: context, children: surface });
+});
+InputGroupRoot.displayName = "XAUI.InputGroup.Root";
+
+// src/components/input-group/index.ts
+var InputGroup2 = Object.assign(InputGroupRoot, {
+  Prefix: InputGroupPrefix,
+  Field: InputGroupField,
+  Suffix: InputGroupSuffix,
+  Icon: InputGroupIcon
+});
+
+
+
+
+
+
+
+
+
+
+exports.useInputGroup = useInputGroup; exports.decoratorPadding = decoratorPadding; exports.InputGroupField = InputGroupField; exports.InputGroupIcon = InputGroupIcon; exports.InputGroupPrefix = InputGroupPrefix; exports.InputGroupSuffix = InputGroupSuffix; exports.InputGroupRoot = InputGroupRoot; exports.InputGroup = InputGroup2;

package/dist/chunk-5OXZIZRZ.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 _chunkJCKVYYZOcjs = require('./chunk-JCKVYYZO.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 } = _chunkJCKVYYZOcjs.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, 
+      _chunkJCKVYYZOcjs.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, _chunkJCKVYYZOcjs.InputRoot, { ref, ...props, children }) });
+});
+TextAreaRoot.displayName = "XAUI.TextArea.Root";
+
+// src/components/text-area/index.ts
+var TextArea2 = Object.assign(TextAreaRoot, {
+  Label: _chunkJCKVYYZOcjs.InputLabel,
+  Field: TextAreaField,
+  Description: _chunkJCKVYYZOcjs.InputDescription,
+  Error: _chunkJCKVYYZOcjs.InputError
+});
+
+
+
+
+exports.useTextArea = useTextArea; exports.TextArea = TextArea2;

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-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-P2XA4DV7.cjs → chunk-JCKVYYZO.cjs}

@@ -127,9 +127,13 @@ var SLOTS = [
   "root",
   "label",
   "field",
+  "textArea",
   "placeholder",
   "description",
-  "error"
+  "error",
+  "prefix",
+  "suffix",
+  "icon"
 ];
 var VARIANT_TOKENS = {
   primary: {
@@ -155,13 +159,17 @@ 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, glyph, textAreaPadding } = step;
   return (theme) => {
     const inset = { paddingHorizontal: theme.spacing(LABEL_INSET) };
     const helpType = {
       fontSize: theme.fontSizes[help],
       lineHeight: theme.lineHeights[help]
     };
+    const decorator = {
+      paddingHorizontal: theme.spacing(padding),
+      gap: theme.spacing(padding)
+    };
     return {
       root: { gap: theme.spacing(gap) },
       label: {
@@ -174,48 +182,77 @@ 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 }
+      error: { ...inset, ...helpType },
+      prefix: decorator,
+      suffix: decorator,
+      icon: { fontSize: theme.fontSizes[glyph] }
     };
   };
 }
 var LABEL_INSET = 1.5;
+var DECORATOR = {
+  position: "absolute",
+  top: 0,
+  bottom: 0,
+  flexDirection: "row",
+  alignItems: "center",
+  justifyContent: "center",
+  zIndex: 10
+};
 var SIZES = {
   xs: {
     control: "xs",
     padding: 2.5,
-    gap: 1,
+    gap: 0.75,
     field: "sm",
     label: "sm",
     help: "xs",
-    labelInside: "xs"
+    glyph: "md",
+    labelInside: "xs",
+    textAreaPadding: 1.5
   },
   sm: {
     control: "sm",
     padding: 3,
-    gap: 1,
+    gap: 0.75,
     field: "md",
     label: "sm",
     help: "xs",
-    labelInside: "xs"
+    glyph: "lg",
+    labelInside: "xs",
+    textAreaPadding: 2
   },
   md: {
     control: "md",
     padding: 3,
-    gap: 1.5,
+    gap: 1.25,
     field: "md",
     label: "md",
     help: "sm",
-    labelInside: "xs"
+    glyph: "lg",
+    labelInside: "xs",
+    textAreaPadding: 2
   },
   lg: {
     control: "lg",
     padding: 4,
-    gap: 2,
+    gap: 1.75,
     field: "lg",
     label: "lg",
     help: "md",
-    labelInside: "sm"
+    glyph: "xl",
+    labelInside: "sm",
+    textAreaPadding: 2.5
   }
 };
 function insideLabel(step) {
@@ -245,7 +282,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 +306,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 },
@@ -282,7 +326,13 @@ var inputRecipe = _chunkYXVKQMCKcjs.createRecipe.call(void 0, {
     error: {
       fontFamily: theme.fontFamilies.body,
       color: theme.colors.danger
-    }
+    },
+    prefix: { ...DECORATOR, start: 0 },
+    suffix: { ...DECORATOR, end: 0 },
+    // The glyph sits with the placeholder rather than with the value: a search mark or a
+    // lock is decoration for the text, not text. `paint` leaves it alone, so a tinted
+    // filled field is the one case where the caller names a colour on the icon itself.
+    icon: { color: theme.colors.fieldPlaceholder }
   }),
   variantTokens: VARIANT_TOKENS,
   /**
@@ -402,11 +452,28 @@ 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 icon = _reactnative.StyleSheet.flatten(styles.icon);
+    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,
+      prefixStyle: styles.prefix,
+      suffixStyle: styles.suffix,
+      icon: {
+        size: icon.fontSize,
+        // `ColorValue` also covers the platform's opaque colours, which an icon component
+        // takes as a `string` and nothing else.
+        color: typeof icon.color === "string" ? icon.color : void 0
+      },
       // `ColorValue` also covers the platform's opaque colours, which `TextInput` cannot
       // take for a placeholder.
       placeholderTextColor: typeof placeholder.color === "string" ? placeholder.color : void 0,
@@ -448,4 +515,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-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-MRYLLKML.js → chunk-PQHC65AG.js}

@@ -1,5 +1,5 @@
-import { Icon } from "./chunk-ICR42HHG.js";
 import { PressableFeedback, usePressState } from "./chunk-4HELPMAK.js";
+import { Icon } from "./chunk-ICR42HHG.js";
 import { warnDev } from "./chunk-EGLLDKN6.js";
 import { createRecipe, radiusAxis } from "./chunk-3JATAB7S.js";
 import { childrenToString, createSlotContext, useStyleProps } from "./chunk-PMO62QK4.js";
@@ -74,10 +74,10 @@ function ButtonSpinner({
   });
 }
 ButtonSpinner.displayName = "XAUI.Button.Spinner";
-const _worklet_12240051127083_init_data = {
-  code: "function chunkMRYLLKMLJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MRYLLKML.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkMRYLLKMLJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MRYLLKML.js\"],\"mappings\":\"AAqFyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_146491499400_init_data = {
+  code: "function chunkPQHC65AGJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-PQHC65AG.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkPQHC65AGJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-PQHC65AG.js\"],\"mappings\":\"AAqFyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function SpinningRing({
   style
@@ -90,28 +90,28 @@ function SpinningRing({
     }), -1, false);
     return () => cancelAnimation(angle);
   }, [angle]);
-  const animatedStyle = useAnimatedStyle(function chunkMRYLLKMLJs1Factory({
-    _worklet_12240051127083_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkPQHC65AGJs1Factory({
+    _worklet_146491499400_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkMRYLLKMLJs1 = function () {
+    const chunkPQHC65AGJs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunkMRYLLKMLJs1.__closure = {
+    chunkPQHC65AGJs1.__closure = {
       angle
     };
-    chunkMRYLLKMLJs1.__workletHash = 12240051127083;
-    chunkMRYLLKMLJs1.__pluginVersion = "0.7.4";
-    chunkMRYLLKMLJs1.__initData = _worklet_12240051127083_init_data;
-    chunkMRYLLKMLJs1.__stackDetails = _e;
-    return chunkMRYLLKMLJs1;
+    chunkPQHC65AGJs1.__workletHash = 146491499400;
+    chunkPQHC65AGJs1.__pluginVersion = "0.7.4";
+    chunkPQHC65AGJs1.__initData = _worklet_146491499400_init_data;
+    chunkPQHC65AGJs1.__stackDetails = _e;
+    return chunkPQHC65AGJs1;
   }({
-    _worklet_12240051127083_init_data,
+    _worklet_146491499400_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */jsx3(Animated.View, {

package/dist/chunk-TR2TGPDQ.js

@@ -0,0 +1,72 @@
+import {
+  InputDescription,
+  InputError,
+  InputField,
+  InputLabel,
+  InputRoot,
+  useInput
+} from "./chunk-V2FQN6ZK.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
+};