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

package/dist/{chunk-L55CDXNI.js → chunk-3YZSUDZ2.js}

@@ -8,23 +8,23 @@ import {
 } from "./chunk-4GTAZM2C.js";
 import {
   useStyleProps
-} from "./chunk-MEYCZS32.js";
+} from "./chunk-OSCW7I4H.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
 
-// src/components/input/input-description.tsx
+// src/components/text-field/text-field-description.tsx
 import { forwardRef } from "react";
 import { Text } from "react-native";
 
-// src/components/input/input.context.ts
-var [InputProvider, useInput] = createSlotContext("Input");
+// src/components/text-field/text-field.context.ts
+var [TextFieldProvider, useTextField] = createSlotContext("TextField");
 
-// src/components/input/input-description.tsx
+// src/components/text-field/text-field-description.tsx
 import { jsx } from "react/jsx-runtime";
-var InputDescription = forwardRef(
-  function InputDescription2({ children, style, nativeID, ...props }, ref) {
-    const { descriptionStyle, descriptionId } = useInput();
+var TextFieldDescription = forwardRef(
+  function TextFieldDescription2({ children, style, nativeID, ...props }, ref) {
+    const { descriptionStyle, descriptionId } = useTextField();
     const [styleProps, rest] = useStyleProps(props);
     return /* @__PURE__ */ jsx(
       Text,
@@ -38,93 +38,99 @@ var InputDescription = forwardRef(
     );
   }
 );
-InputDescription.displayName = "XAUI.Input.Description";
+TextFieldDescription.displayName = "XAUI.TextField.Description";
 
-// src/components/input/input-error.tsx
+// src/components/text-field/text-field-error.tsx
 import { forwardRef as forwardRef2 } from "react";
 import { Text as Text2 } from "react-native";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var InputError = forwardRef2(function InputError2({ children, style, ...props }, ref) {
-  const { errorStyle } = useInput();
-  const [styleProps, rest] = useStyleProps(props);
-  return /* @__PURE__ */ jsx2(Text2, { ref, style: [errorStyle, styleProps, style], ...rest, children });
-});
-InputError.displayName = "XAUI.Input.Error";
+var TextFieldError = forwardRef2(
+  function TextFieldError2({ children, style, ...props }, ref) {
+    const { errorStyle } = useTextField();
+    const [styleProps, rest] = useStyleProps(props);
+    return /* @__PURE__ */ jsx2(Text2, { ref, style: [errorStyle, styleProps, style], ...rest, children });
+  }
+);
+TextFieldError.displayName = "XAUI.TextField.Error";
 
-// src/components/input/input-field.tsx
+// src/components/text-field/text-field-field.tsx
 import { forwardRef as forwardRef3, useCallback } from "react";
 import { TextInput } from "react-native";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var InputField = forwardRef3(function InputField2({ style, onFocus, onBlur, placeholderTextColor, ...props }, ref) {
-  const {
-    fieldStyle,
-    placeholderTextColor: resolvedPlaceholder,
-    onFieldFocus,
-    onFieldBlur,
-    labelId,
-    descriptionId,
-    isDisabled,
-    isInvalid
-  } = useInput();
-  const [styleProps, rest] = useStyleProps(props);
-  const handleFocus = useCallback(
-    (event) => {
-      onFieldFocus(event);
-      onFocus?.(event);
-    },
-    [onFieldFocus, onFocus]
-  );
-  const handleBlur = useCallback(
-    (event) => {
-      onFieldBlur(event);
-      onBlur?.(event);
-    },
-    [onFieldBlur, onBlur]
-  );
-  return /* @__PURE__ */ jsx3(
-    TextInput,
-    {
-      ref,
-      "aria-labelledby": labelId,
-      "aria-describedby": descriptionId,
-      "aria-invalid": isInvalid,
-      editable: !isDisabled,
-      accessibilityState: { disabled: isDisabled },
-      placeholderTextColor: placeholderTextColor ?? resolvedPlaceholder,
-      ...rest,
-      style: [fieldStyle, styleProps, style],
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }
-  );
-});
-InputField.displayName = "XAUI.Input.Field";
+var TextFieldField = forwardRef3(
+  function TextFieldField2({ style, onFocus, onBlur, placeholderTextColor, ...props }, ref) {
+    const {
+      fieldStyle,
+      placeholderTextColor: resolvedPlaceholder,
+      onFieldFocus,
+      onFieldBlur,
+      labelId,
+      descriptionId,
+      isDisabled,
+      isInvalid
+    } = useTextField();
+    const [styleProps, rest] = useStyleProps(props);
+    const handleFocus = useCallback(
+      (event) => {
+        onFieldFocus(event);
+        onFocus?.(event);
+      },
+      [onFieldFocus, onFocus]
+    );
+    const handleBlur = useCallback(
+      (event) => {
+        onFieldBlur(event);
+        onBlur?.(event);
+      },
+      [onFieldBlur, onBlur]
+    );
+    return /* @__PURE__ */ jsx3(
+      TextInput,
+      {
+        ref,
+        "aria-labelledby": labelId,
+        "aria-describedby": descriptionId,
+        "aria-invalid": isInvalid,
+        editable: !isDisabled,
+        accessibilityState: { disabled: isDisabled },
+        placeholderTextColor: placeholderTextColor ?? resolvedPlaceholder,
+        ...rest,
+        style: [fieldStyle, styleProps, style],
+        onFocus: handleFocus,
+        onBlur: handleBlur
+      }
+    );
+  }
+);
+TextFieldField.displayName = "XAUI.TextField.Field";
 
-// src/components/input/input-label.tsx
+// src/components/text-field/text-field-label.tsx
 import { forwardRef as forwardRef4 } from "react";
 import { Text as Text3 } from "react-native";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var InputLabel = forwardRef4(function InputLabel2({ children, style, nativeID, ...props }, ref) {
-  const { labelStyle, labelId } = useInput();
-  const [styleProps, rest] = useStyleProps(props);
-  return /* @__PURE__ */ jsx4(
-    Text3,
-    {
-      ref,
-      nativeID: nativeID ?? labelId,
-      style: [labelStyle, styleProps, style],
-      ...rest,
-      children
-    }
-  );
-});
-InputLabel.displayName = "XAUI.Input.Label";
+var TextFieldLabel = forwardRef4(
+  function TextFieldLabel2({ children, style, nativeID, ...props }, ref) {
+    const { labelStyle, labelId } = useTextField();
+    const [styleProps, rest] = useStyleProps(props);
+    return /* @__PURE__ */ jsx4(
+      Text3,
+      {
+        ref,
+        nativeID: nativeID ?? labelId,
+        style: [labelStyle, styleProps, style],
+        ...rest,
+        children
+      }
+    );
+  }
+);
+TextFieldLabel.displayName = "XAUI.TextField.Label";
 
-// src/components/input/input.tsx
+// src/components/text-field/text-field.tsx
 import { forwardRef as forwardRef5, useCallback as useCallback2, useId, useMemo, useState } from "react";
 import { StyleSheet, View } from "react-native";
 
-// src/components/input/input.recipe.ts
+// src/components/text-field/text-field.recipe.ts
 var SLOTS = [
   "root",
   "label",
@@ -184,7 +190,7 @@ 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
+      // Only what a multiline field *adds* — `TextField.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.
@@ -285,14 +291,14 @@ function insideLabel(step) {
         paddingTop: block,
         paddingBottom: top
       },
-      // The same room, because `Input.TextArea` layers its own padding over the field's
+      // The same room, because `TextField.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 }
     };
   };
 }
 var LABEL_INSIDE_TOP = 1.5;
-var inputRecipe = createRecipe({
+var textFieldRecipe = createRecipe({
   slots: SLOTS,
   base: (theme) => ({
     root: { flexDirection: "column" },
@@ -419,9 +425,9 @@ var inputRecipe = createRecipe({
   defaultVariants: { variant: "secondary", size: "md", labelPlacement: "outside" }
 });
 
-// src/components/input/input.tsx
+// src/components/text-field/text-field.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
-var InputRoot = forwardRef5(function Input({
+var TextFieldRoot = forwardRef5(function TextField({
   children,
   variant,
   size,
@@ -450,8 +456,8 @@ var InputRoot = forwardRef5(function Input({
     isInvalid: isInvalid ? "true" : void 0
   };
   const states = { focused: isFocused && !isInvalid, disabled: isDisabled };
-  const styles = inputRecipe.resolve({ theme, selection, states });
-  const tint = color ? inputRecipe.tint({ theme, color, selection, states }) : void 0;
+  const styles = textFieldRecipe.resolve({ theme, selection, states });
+  const tint = color ? textFieldRecipe.tint({ theme, color, selection, states }) : void 0;
   const context = useMemo(() => {
     const placeholder = StyleSheet.flatten(styles.placeholder);
     const icon = StyleSheet.flatten(styles.icon);
@@ -501,25 +507,25 @@ var InputRoot = forwardRef5(function Input({
     // R12 — the caller's element *is* the column.
     /* @__PURE__ */ jsx5(Slot, { ref, ...rest, style: rootStyle, children })
   ) : /* @__PURE__ */ jsx5(View, { ref, ...rest, style: rootStyle, children });
-  return /* @__PURE__ */ jsx5(InputProvider, { value: context, children: surface });
+  return /* @__PURE__ */ jsx5(TextFieldProvider, { value: context, children: surface });
 });
-InputRoot.displayName = "XAUI.Input.Root";
+TextFieldRoot.displayName = "XAUI.TextField.Root";
 
-// src/components/input/index.ts
-var Input2 = Object.assign(InputRoot, {
-  Label: InputLabel,
-  Field: InputField,
-  Description: InputDescription,
-  Error: InputError
+// src/components/text-field/index.ts
+var TextField2 = Object.assign(TextFieldRoot, {
+  Label: TextFieldLabel,
+  Field: TextFieldField,
+  Description: TextFieldDescription,
+  Error: TextFieldError
 });
 
 export {
-  useInput,
-  InputDescription,
-  InputError,
-  InputField,
-  InputLabel,
-  inputRecipe,
-  InputRoot,
-  Input2 as Input
+  useTextField,
+  TextFieldDescription,
+  TextFieldError,
+  TextFieldField,
+  TextFieldLabel,
+  textFieldRecipe,
+  TextFieldRoot,
+  TextField2 as TextField
 };

package/dist/{chunk-NLASSGA7.js → chunk-4XFEEBPU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YXPYOOHU.js";
 import {
   useStyleProps
-} from "./chunk-MEYCZS32.js";
+} from "./chunk-OSCW7I4H.js";
 
 // src/components/view/grid.tsx
 import { Children, forwardRef, useMemo, useState } from "react";
@@ -128,7 +128,15 @@ import { jsx as jsx6 } from "react/jsx-runtime";
 var Column = forwardRef6(function Column2({ children, asChild = false, style, ...props }, ref) {
   const [styleProps, rest] = useStyleProps(props);
   const Root = asChild ? Slot : View6;
-  return /* @__PURE__ */ jsx6(Root, { ref, style: [{ flexDirection: "column" }, styleProps, style], ...rest, children });
+  return /* @__PURE__ */ jsx6(
+    Root,
+    {
+      ref,
+      style: [{ flexDirection: "column" }, styleProps, style],
+      ...rest,
+      children
+    }
+  );
 });
 Column.displayName = "XAUI.Column";
 

package/dist/{chunk-4SLOOIE5.cjs → chunk-5BNIIDQD.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
+var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
 
 // src/system/portal/portal.tsx
 var _react = require('react');
@@ -31,7 +31,7 @@ var styles = _reactnative.StyleSheet.create({
   container: { flex: 1 }
 });
 function PortalHost({ children, ...props }) {
-  const [styleProps] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  const [styleProps] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
   const [portals, setPortals] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
   const addPortal = _react.useCallback.call(void 0, (key, element) => {
     setPortals((current) => new Map(current).set(key, element));

package/dist/{chunk-HXL2QCMR.js → chunk-5GMU7ESV.js}

@@ -1,17 +1,17 @@
 import {
-  InputDescription,
-  InputError,
-  InputField,
-  InputLabel,
-  InputRoot,
-  useInput
-} from "./chunk-L55CDXNI.js";
+  TextFieldDescription,
+  TextFieldError,
+  TextFieldField,
+  TextFieldLabel,
+  TextFieldRoot,
+  useTextField
+} from "./chunk-3YZSUDZ2.js";
 import {
   createSlotContext
 } from "./chunk-YXPYOOHU.js";
 import {
   useStyleProps
-} from "./chunk-MEYCZS32.js";
+} from "./chunk-OSCW7I4H.js";
 
 // src/components/text-area/text-area-field.tsx
 import { forwardRef, useMemo } from "react";
@@ -23,7 +23,7 @@ var [TextAreaProvider, useTextArea] = createSlotContext("TextArea");
 import { jsx } from "react/jsx-runtime";
 var TextAreaField = forwardRef(
   function TextAreaField2({ style, scrollEnabled, ...props }, ref) {
-    const { textAreaStyle, textArea } = useInput();
+    const { textAreaStyle, textArea } = useTextField();
     const { rows, maxRows } = useTextArea();
     const [styleProps, rest] = useStyleProps(props);
     const height = useMemo(() => {
@@ -37,7 +37,7 @@ var TextAreaField = forwardRef(
       };
     }, [rows, maxRows, textArea]);
     return /* @__PURE__ */ jsx(
-      InputField,
+      TextFieldField,
       {
         ref,
         multiline: true,
@@ -56,16 +56,16 @@ 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 }) });
+  return /* @__PURE__ */ jsx2(TextAreaProvider, { value: context, children: /* @__PURE__ */ jsx2(TextFieldRoot, { ref, ...props, children }) });
 });
 TextAreaRoot.displayName = "XAUI.TextArea.Root";
 
 // src/components/text-area/index.ts
 var TextArea2 = Object.assign(TextAreaRoot, {
-  Label: InputLabel,
+  Label: TextFieldLabel,
   Field: TextAreaField,
-  Description: InputDescription,
-  Error: InputError
+  Description: TextFieldDescription,
+  Error: TextFieldError
 });
 
 export {