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

package/dist/{chunk-Q3D6KIVF.cjs → chunk-LEWW24RQ.cjs}

@@ -8,24 +8,24 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
-// src/components/input/input-description.tsx
+// src/components/text-field/text-field-description.tsx
 var _react = require('react');
 var _reactnative = require('react-native');
 
-// src/components/input/input.context.ts
-var [InputProvider, useInput] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Input");
+// src/components/text-field/text-field.context.ts
+var [TextFieldProvider, useTextField] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "TextField");
 
-// src/components/input/input-description.tsx
+// src/components/text-field/text-field-description.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var InputDescription = _react.forwardRef.call(void 0, 
-  function InputDescription2({ children, style, nativeID, ...props }, ref) {
-    const { descriptionStyle, descriptionId } = useInput();
-    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+var TextFieldDescription = _react.forwardRef.call(void 0, 
+  function TextFieldDescription2({ children, style, nativeID, ...props }, ref) {
+    const { descriptionStyle, descriptionId } = useTextField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnative.Text,
       {
@@ -38,93 +38,99 @@ var InputDescription = _react.forwardRef.call(void 0,
     );
   }
 );
-InputDescription.displayName = "XAUI.Input.Description";
+TextFieldDescription.displayName = "XAUI.TextField.Description";
 
-// src/components/input/input-error.tsx
+// src/components/text-field/text-field-error.tsx
 
 
 
-var InputError = _react.forwardRef.call(void 0, function InputError2({ children, style, ...props }, ref) {
-  const { errorStyle } = useInput();
-  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [errorStyle, styleProps, style], ...rest, children });
-});
-InputError.displayName = "XAUI.Input.Error";
+var TextFieldError = _react.forwardRef.call(void 0, 
+  function TextFieldError2({ children, style, ...props }, ref) {
+    const { errorStyle } = useTextField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { 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
 
 
 
-var InputField = _react.forwardRef.call(void 0, function InputField2({ style, onFocus, onBlur, placeholderTextColor, ...props }, ref) {
-  const {
-    fieldStyle,
-    placeholderTextColor: resolvedPlaceholder,
-    onFieldFocus,
-    onFieldBlur,
-    labelId,
-    descriptionId,
-    isDisabled,
-    isInvalid
-  } = useInput();
-  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
-  const handleFocus = _react.useCallback.call(void 0, 
-    (event) => {
-      onFieldFocus(event);
-      _optionalChain([onFocus, 'optionalCall', _ => _(event)]);
-    },
-    [onFieldFocus, onFocus]
-  );
-  const handleBlur = _react.useCallback.call(void 0, 
-    (event) => {
-      onFieldBlur(event);
-      _optionalChain([onBlur, 'optionalCall', _2 => _2(event)]);
-    },
-    [onFieldBlur, onBlur]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactnative.TextInput,
-    {
-      ref,
-      "aria-labelledby": labelId,
-      "aria-describedby": descriptionId,
-      "aria-invalid": isInvalid,
-      editable: !isDisabled,
-      accessibilityState: { disabled: isDisabled },
-      placeholderTextColor: _nullishCoalesce(placeholderTextColor, () => ( resolvedPlaceholder)),
-      ...rest,
-      style: [fieldStyle, styleProps, style],
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }
-  );
-});
-InputField.displayName = "XAUI.Input.Field";
+var TextFieldField = _react.forwardRef.call(void 0, 
+  function TextFieldField2({ style, onFocus, onBlur, placeholderTextColor, ...props }, ref) {
+    const {
+      fieldStyle,
+      placeholderTextColor: resolvedPlaceholder,
+      onFieldFocus,
+      onFieldBlur,
+      labelId,
+      descriptionId,
+      isDisabled,
+      isInvalid
+    } = useTextField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const handleFocus = _react.useCallback.call(void 0, 
+      (event) => {
+        onFieldFocus(event);
+        _optionalChain([onFocus, 'optionalCall', _ => _(event)]);
+      },
+      [onFieldFocus, onFocus]
+    );
+    const handleBlur = _react.useCallback.call(void 0, 
+      (event) => {
+        onFieldBlur(event);
+        _optionalChain([onBlur, 'optionalCall', _2 => _2(event)]);
+      },
+      [onFieldBlur, onBlur]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.TextInput,
+      {
+        ref,
+        "aria-labelledby": labelId,
+        "aria-describedby": descriptionId,
+        "aria-invalid": isInvalid,
+        editable: !isDisabled,
+        accessibilityState: { disabled: isDisabled },
+        placeholderTextColor: _nullishCoalesce(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
 
 
 
-var InputLabel = _react.forwardRef.call(void 0, function InputLabel2({ children, style, nativeID, ...props }, ref) {
-  const { labelStyle, labelId } = useInput();
-  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactnative.Text,
-    {
-      ref,
-      nativeID: _nullishCoalesce(nativeID, () => ( labelId)),
-      style: [labelStyle, styleProps, style],
-      ...rest,
-      children
-    }
-  );
-});
-InputLabel.displayName = "XAUI.Input.Label";
+var TextFieldLabel = _react.forwardRef.call(void 0, 
+  function TextFieldLabel2({ children, style, nativeID, ...props }, ref) {
+    const { labelStyle, labelId } = useTextField();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        nativeID: _nullishCoalesce(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
 
 
 
-// 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 = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+var textFieldRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
   slots: SLOTS,
   base: (theme) => ({
     root: { flexDirection: "column" },
@@ -419,9 +425,9 @@ var inputRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
   defaultVariants: { variant: "secondary", size: "md", labelPlacement: "outside" }
 });
 
-// src/components/input/input.tsx
+// src/components/text-field/text-field.tsx
 
-var InputRoot = _react.forwardRef.call(void 0, function Input({
+var TextFieldRoot = _react.forwardRef.call(void 0, function TextField({
   children,
   variant,
   size,
@@ -435,7 +441,7 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
   const onFieldFocus = _react.useCallback.call(void 0, () => setIsFocused(true), []);
   const onFieldBlur = _react.useCallback.call(void 0, () => setIsFocused(false), []);
@@ -450,8 +456,8 @@ var InputRoot = _react.forwardRef.call(void 0, 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 = _react.useMemo.call(void 0, () => {
     const placeholder = _reactnative.StyleSheet.flatten(styles.placeholder);
     const icon = _reactnative.StyleSheet.flatten(styles.icon);
@@ -501,16 +507,16 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
     // R12 — the caller's element *is* the column.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk54FJOKANcjs.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, InputProvider, { value: context, children: surface });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextFieldProvider, { value: context, children: surface });
 });
-InputRoot.displayName = "XAUI.Input.Root";
-
-// src/components/input/index.ts
-var Input2 = Object.assign(InputRoot, {
-  Label: InputLabel,
-  Field: InputField,
-  Description: InputDescription,
-  Error: InputError
+TextFieldRoot.displayName = "XAUI.TextField.Root";
+
+// src/components/text-field/index.ts
+var TextField2 = Object.assign(TextFieldRoot, {
+  Label: TextFieldLabel,
+  Field: TextFieldField,
+  Description: TextFieldDescription,
+  Error: TextFieldError
 });
 
 
@@ -522,4 +528,4 @@ var Input2 = Object.assign(InputRoot, {
 
 
 
-exports.useInput = useInput; exports.InputDescription = InputDescription; exports.InputError = InputError; exports.InputField = InputField; exports.InputLabel = InputLabel; exports.inputRecipe = inputRecipe; exports.InputRoot = InputRoot; exports.Input = Input2;
+exports.useTextField = useTextField; exports.TextFieldDescription = TextFieldDescription; exports.TextFieldError = TextFieldError; exports.TextFieldField = TextFieldField; exports.TextFieldLabel = TextFieldLabel; exports.textFieldRecipe = textFieldRecipe; exports.TextFieldRoot = TextFieldRoot; exports.TextField = TextField2;

package/dist/{chunk-MEYCZS32.js → chunk-M63GFNKV.js}

@@ -1,10 +1,24 @@
-import {
-  stableHash
-} from "./chunk-GGW42MY4.js";
-
 // src/system/style-props/use-style-props.ts
 import { useMemo } from "react";
 
+// src/utils/stable-hash.ts
+function canonical(value) {
+  if (value === null || typeof value !== "object")
+    return JSON.stringify(value) ?? "null";
+  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
+  const entries = Object.entries(value).filter(([, v]) => typeof v !== "function").sort(([a], [b]) => a < b ? -1 : 1).map(([k, v]) => `${JSON.stringify(k)}:${canonical(v)}`);
+  return `{${entries.join(",")}}`;
+}
+function stableHash(value) {
+  const input = canonical(value);
+  let hash = 2166136261;
+  for (let i = 0; i < input.length; i++) {
+    hash ^= input.charCodeAt(i);
+    hash = Math.imul(hash, 16777619) >>> 0;
+  }
+  return hash.toString(36);
+}
+
 // src/utils/style-props.ts
 var STYLE_PROP_KEYS = [
   // Flex and layout
@@ -175,5 +189,6 @@ function useStyleProps(props) {
 }
 
 export {
+  stableHash,
   useStyleProps
 };

package/dist/{chunk-MHEL3NAN.js → chunk-NKPTXTTS.js}

@@ -1,25 +1,25 @@
 import {
-  InputField,
-  useInput
-} from "./chunk-L55CDXNI.js";
+  TextFieldField,
+  useTextField
+} from "./chunk-SMW6ZWMH.js";
 import {
   Icon
-} from "./chunk-WJPQARJ5.js";
+} from "./chunk-HXW4ANVB.js";
 import {
   Slot,
   createSlotContext
 } from "./chunk-YXPYOOHU.js";
 import {
   useStyleProps
-} from "./chunk-MEYCZS32.js";
+} from "./chunk-M63GFNKV.js";
 
-// src/components/input-group/input-group-field.tsx
+// src/components/field-group/field-group-field.tsx
 import { forwardRef, useMemo } from "react";
 
-// src/components/input-group/input-group.context.ts
-var [InputGroupProvider, useInputGroup] = createSlotContext("InputGroup");
+// src/components/field-group/field-group.context.ts
+var [FieldGroupProvider, useFieldGroup] = createSlotContext("FieldGroup");
 
-// src/components/input-group/input-group.utils.ts
+// src/components/field-group/field-group.utils.ts
 function decoratorPadding(prefixWidth, suffixWidth) {
   const paddingStart = prefixWidth > 0 ? prefixWidth : void 0;
   const paddingEnd = suffixWidth > 0 ? suffixWidth : void 0;
@@ -27,39 +27,39 @@ function decoratorPadding(prefixWidth, suffixWidth) {
   return { paddingStart, paddingEnd };
 }
 
-// src/components/input-group/input-group-field.tsx
+// src/components/field-group/field-group-field.tsx
 import { jsx } from "react/jsx-runtime";
-var InputGroupField = forwardRef(
-  function InputGroupField2({ style, ...props }, ref) {
-    const { prefixWidth, suffixWidth } = useInputGroup();
+var FieldGroupField = forwardRef(
+  function FieldGroupField2({ style, ...props }, ref) {
+    const { prefixWidth, suffixWidth } = useFieldGroup();
     const padding = useMemo(
       () => decoratorPadding(prefixWidth, suffixWidth),
       [prefixWidth, suffixWidth]
     );
-    return /* @__PURE__ */ jsx(InputField, { ref, ...props, style: [padding, style] });
+    return /* @__PURE__ */ jsx(TextFieldField, { ref, ...props, style: [padding, style] });
   }
 );
-InputGroupField.displayName = "XAUI.InputGroup.Field";
+FieldGroupField.displayName = "XAUI.FieldGroup.Field";
 
-// src/components/input-group/input-group-icon.tsx
+// src/components/field-group/field-group-icon.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-function InputGroupIcon({ size, color, ...rest }) {
-  const { icon } = useInput();
+function FieldGroupIcon({ size, color, ...rest }) {
+  const { icon } = useTextField();
   return /* @__PURE__ */ jsx2(Icon, { size: size ?? icon.size, color: color ?? icon.color, ...rest });
 }
-InputGroupIcon.displayName = "XAUI.InputGroup.Icon";
+FieldGroupIcon.displayName = "XAUI.FieldGroup.Icon";
 
-// src/components/input-group/input-group-prefix.tsx
+// src/components/field-group/field-group-prefix.tsx
 import { forwardRef as forwardRef3 } from "react";
 
-// src/components/input-group/input-group-decorator.tsx
+// src/components/field-group/field-group-decorator.tsx
 import { forwardRef as forwardRef2, useCallback } from "react";
 import { View } from "react-native";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var InputGroupDecorator = forwardRef2(
-  function InputGroupDecorator2({ side, children, isDecorative = false, onLayout, style, ...props }, ref) {
-    const { prefixStyle, suffixStyle, isDisabled } = useInput();
-    const { setPrefixWidth, setSuffixWidth } = useInputGroup();
+var FieldGroupDecorator = forwardRef2(
+  function FieldGroupDecorator2({ side, children, isDecorative = false, onLayout, style, ...props }, ref) {
+    const { prefixStyle, suffixStyle, isDisabled } = useTextField();
+    const { setPrefixWidth, setSuffixWidth } = useFieldGroup();
     const [styleProps, rest] = useStyleProps(props);
     const report = side === "prefix" ? setPrefixWidth : setSuffixWidth;
     const handleLayout = useCallback(
@@ -85,32 +85,32 @@ var InputGroupDecorator = forwardRef2(
     );
   }
 );
-InputGroupDecorator.displayName = "XAUI.InputGroup.Decorator";
+FieldGroupDecorator.displayName = "XAUI.FieldGroup.Decorator";
 
-// src/components/input-group/input-group-prefix.tsx
+// src/components/field-group/field-group-prefix.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var InputGroupPrefix = forwardRef3(
-  function InputGroupPrefix2(props, ref) {
-    return /* @__PURE__ */ jsx4(InputGroupDecorator, { ref, side: "prefix", ...props });
+var FieldGroupPrefix = forwardRef3(
+  function FieldGroupPrefix2(props, ref) {
+    return /* @__PURE__ */ jsx4(FieldGroupDecorator, { ref, side: "prefix", ...props });
   }
 );
-InputGroupPrefix.displayName = "XAUI.InputGroup.Prefix";
+FieldGroupPrefix.displayName = "XAUI.FieldGroup.Prefix";
 
-// src/components/input-group/input-group-suffix.tsx
+// src/components/field-group/field-group-suffix.tsx
 import { forwardRef as forwardRef4 } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var InputGroupSuffix = forwardRef4(
-  function InputGroupSuffix2(props, ref) {
-    return /* @__PURE__ */ jsx5(InputGroupDecorator, { ref, side: "suffix", ...props });
+var FieldGroupSuffix = forwardRef4(
+  function FieldGroupSuffix2(props, ref) {
+    return /* @__PURE__ */ jsx5(FieldGroupDecorator, { ref, side: "suffix", ...props });
   }
 );
-InputGroupSuffix.displayName = "XAUI.InputGroup.Suffix";
+FieldGroupSuffix.displayName = "XAUI.FieldGroup.Suffix";
 
-// src/components/input-group/input-group.tsx
+// src/components/field-group/field-group.tsx
 import { forwardRef as forwardRef5, useMemo as useMemo2, useState } from "react";
 import { View as View2 } from "react-native";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var InputGroupRoot = forwardRef5(function InputGroup({ children, asChild = false, style, ...props }, ref) {
+var FieldGroupRoot = forwardRef5(function FieldGroup({ children, asChild = false, style, ...props }, ref) {
   const [styleProps, rest] = useStyleProps(props);
   const [prefixWidth, setPrefixWidth] = useState(0);
   const [suffixWidth, setSuffixWidth] = useState(0);
@@ -123,25 +123,25 @@ var InputGroupRoot = forwardRef5(function InputGroup({ children, asChild = false
     // R12 — the caller's element *is* the row.
     /* @__PURE__ */ jsx6(Slot, { ref, ...rest, style: rootStyle, children })
   ) : /* @__PURE__ */ jsx6(View2, { ref, ...rest, style: rootStyle, children });
-  return /* @__PURE__ */ jsx6(InputGroupProvider, { value: context, children: surface });
+  return /* @__PURE__ */ jsx6(FieldGroupProvider, { value: context, children: surface });
 });
-InputGroupRoot.displayName = "XAUI.InputGroup.Root";
+FieldGroupRoot.displayName = "XAUI.FieldGroup.Root";
 
-// src/components/input-group/index.ts
-var InputGroup2 = Object.assign(InputGroupRoot, {
-  Prefix: InputGroupPrefix,
-  Field: InputGroupField,
-  Suffix: InputGroupSuffix,
-  Icon: InputGroupIcon
+// src/components/field-group/index.ts
+var FieldGroup2 = Object.assign(FieldGroupRoot, {
+  Prefix: FieldGroupPrefix,
+  Field: FieldGroupField,
+  Suffix: FieldGroupSuffix,
+  Icon: FieldGroupIcon
 });
 
 export {
-  useInputGroup,
+  useFieldGroup,
   decoratorPadding,
-  InputGroupField,
-  InputGroupIcon,
-  InputGroupPrefix,
-  InputGroupSuffix,
-  InputGroupRoot,
-  InputGroup2 as InputGroup
+  FieldGroupField,
+  FieldGroupIcon,
+  FieldGroupPrefix,
+  FieldGroupSuffix,
+  FieldGroupRoot,
+  FieldGroup2 as FieldGroup
 };

package/dist/{chunk-VSALV7VO.cjs → chunk-NTD3NPRX.cjs}

@@ -6,10 +6,10 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/divider/divider.tsx
 var _react = require('react');
@@ -67,7 +67,7 @@ var dividerRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
 var _jsxruntime = require('react/jsx-runtime');
 var Divider = _react.forwardRef.call(void 0, function Divider2({ children, orientation, size, color, asChild = false, style, ...props }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const selection = { orientation, size };
   const styles = dividerRecipe.resolve({ theme, selection });
   const tint = color ? dividerRecipe.tint({ theme, color, selection }) : void 0;

package/dist/{chunk-HVD5EX7V.js → chunk-O3A3DBSZ.js}

@@ -4,12 +4,12 @@ import {
 import {
   createRecipe
 } from "./chunk-4GTAZM2C.js";
-import {
-  useStyleProps
-} from "./chunk-MEYCZS32.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
 
 // src/components/typography/typography.tsx
 import { forwardRef } from "react";

package/dist/chunk-OJCCV65P.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/{chunk-JCYWU5TO.js → chunk-OULTSBKU.js}

@@ -4,12 +4,12 @@ import {
 import {
   createRecipe
 } from "./chunk-4GTAZM2C.js";
-import {
-  useStyleProps
-} from "./chunk-MEYCZS32.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
 
 // src/components/divider/divider.tsx
 import { forwardRef } from "react";

package/dist/{chunk-CM4LI5OH.cjs → chunk-P747CRAY.cjs}

@@ -5,13 +5,13 @@
 
 
 
-var _chunkQ3D6KIVFcjs = require('./chunk-Q3D6KIVF.cjs');
+var _chunkLEWW24RQcjs = require('./chunk-LEWW24RQ.cjs');
 
 
 var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 
 
-var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/text-area/text-area-field.tsx
 var _react = require('react');
@@ -23,9 +23,9 @@ var [TextAreaProvider, useTextArea] = _chunk54FJOKANcjs.createSlotContext.call(v
 var _jsxruntime = require('react/jsx-runtime');
 var TextAreaField = _react.forwardRef.call(void 0, 
   function TextAreaField2({ style, scrollEnabled, ...props }, ref) {
-    const { textAreaStyle, textArea } = _chunkQ3D6KIVFcjs.useInput.call(void 0, );
+    const { textAreaStyle, textArea } = _chunkLEWW24RQcjs.useTextField.call(void 0, );
     const { rows, maxRows } = useTextArea();
-    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const height = _react.useMemo.call(void 0, () => {
       const chrome = textArea.paddingVertical * 2;
       return {
@@ -37,7 +37,7 @@ var TextAreaField = _react.forwardRef.call(void 0,
       };
     }, [rows, maxRows, textArea]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ3D6KIVFcjs.InputField,
+      _chunkLEWW24RQcjs.TextFieldField,
       {
         ref,
         multiline: true,
@@ -56,16 +56,16 @@ TextAreaField.displayName = "XAUI.TextArea.Field";
 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, _chunkQ3D6KIVFcjs.InputRoot, { ref, ...props, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextAreaProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEWW24RQcjs.TextFieldRoot, { ref, ...props, children }) });
 });
 TextAreaRoot.displayName = "XAUI.TextArea.Root";
 
 // src/components/text-area/index.ts
 var TextArea2 = Object.assign(TextAreaRoot, {
-  Label: _chunkQ3D6KIVFcjs.InputLabel,
+  Label: _chunkLEWW24RQcjs.TextFieldLabel,
   Field: TextAreaField,
-  Description: _chunkQ3D6KIVFcjs.InputDescription,
-  Error: _chunkQ3D6KIVFcjs.InputError
+  Description: _chunkLEWW24RQcjs.TextFieldDescription,
+  Error: _chunkLEWW24RQcjs.TextFieldError
 });