@xaui/native 0.9.1-alpha.29 → 0.9.1-alpha.30

package/dist/{chunk-XYFMSRNJ.js → chunk-27ZRTZEE.js}

@@ -1,25 +1,29 @@
-import {
-  useControllableState
-} from "./chunk-F6W3JQ7K.js";
 import {
   SelectionFill
 } from "./chunk-BA2DBSAN.js";
 import {
-  PressableFeedback,
+  PressableFeedback
+} from "./chunk-BFMTUMTU.js";
+import {
   usePressState
-} from "./chunk-4HELPMAK.js";
+} from "./chunk-423RQBOX.js";
+import {
+  useControllableState
+} from "./chunk-F6W3JQ7K.js";
 import {
   createRecipe,
   radiusAxis
 } from "./chunk-4GTAZM2C.js";
-import {
-  childrenToString,
-  createSlotContext,
-  useStyleProps
-} from "./chunk-PMO62QK4.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  childrenToString,
+  createSlotContext
+} from "./chunk-E2CWBQTV.js";
+import {
+  useStyleProps
+} from "./chunk-URSKA2VR.js";
 
 // src/components/radio/radio-indicator.tsx
 import { forwardRef } from "react";

package/dist/{chunk-ICR42HHG.js → chunk-3FV4COTM.js}

@@ -1,9 +1,9 @@
-import {
-  useStyleProps
-} from "./chunk-PMO62QK4.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-URSKA2VR.js";
 
 // src/system/icon/icon-context.ts
 import { createContext, useContext } from "react";

package/dist/chunk-423RQBOX.js

@@ -0,0 +1,21 @@
+// src/hooks/use-press-state.ts
+import { useCallback, useRef, useState } from "react";
+function usePressState(handlers = {}) {
+  const [isPressed, setIsPressed] = useState(false);
+  const latest = useRef(handlers);
+  latest.current = handlers;
+  const onPressIn = useCallback((event) => {
+    setIsPressed(true);
+    latest.current.onPressIn?.(event);
+  }, []);
+  const onPressOut = useCallback((event) => {
+    setIsPressed(false);
+    latest.current.onPressOut?.(event);
+  }, []);
+  const press = useRef({ onPressIn, onPressOut }).current;
+  return [isPressed, press];
+}
+
+export {
+  usePressState
+};

package/dist/{chunk-TFNB2PNI.cjs → chunk-4XPLPQLM.cjs}

@@ -1,21 +1,23 @@
 "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 _chunk5Z4P6WHRcjs = require('./chunk-5Z4P6WHR.cjs');
 
 
-var _chunkFFEUGWVAcjs = require('./chunk-FFEUGWVA.cjs');
+var _chunkWR7YLDVVcjs = require('./chunk-WR7YLDVV.cjs');
 
 
 
+var _chunkZP2E2H2Gcjs = require('./chunk-ZP2E2H2G.cjs');
 
-var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+
+var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.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");
+var [InputGroupProvider, useInputGroup] = _chunkZP2E2H2Gcjs.createSlotContext.call(void 0, "InputGroup");
 
 // src/components/input-group/input-group.utils.ts
 function decoratorPadding(prefixWidth, suffixWidth) {
@@ -34,7 +36,7 @@ var InputGroupField = _react.forwardRef.call(void 0,
       () => decoratorPadding(prefixWidth, suffixWidth),
       [prefixWidth, suffixWidth]
     );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFFEUGWVAcjs.InputField, { ref, ...props, style: [padding, style] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5Z4P6WHRcjs.InputField, { ref, ...props, style: [padding, style] });
   }
 );
 InputGroupField.displayName = "XAUI.InputGroup.Field";
@@ -42,8 +44,8 @@ InputGroupField.displayName = "XAUI.InputGroup.Field";
 // src/components/input-group/input-group-icon.tsx
 
 function InputGroupIcon({ size, color, ...rest }) {
-  const { icon } = _chunkFFEUGWVAcjs.useInput.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4W2XNBPcjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
+  const { icon } = _chunk5Z4P6WHRcjs.useInput.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWR7YLDVVcjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
 }
 InputGroupIcon.displayName = "XAUI.InputGroup.Icon";
 
@@ -56,9 +58,9 @@ 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 } = _chunkFFEUGWVAcjs.useInput.call(void 0, );
+    const { prefixStyle, suffixStyle, isDisabled } = _chunk5Z4P6WHRcjs.useInput.call(void 0, );
     const { setPrefixWidth, setSuffixWidth } = useInputGroup();
-    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
     const report = side === "prefix" ? setPrefixWidth : setSuffixWidth;
     const handleLayout = _react.useCallback.call(void 0, 
       (event) => {
@@ -109,7 +111,7 @@ InputGroupSuffix.displayName = "XAUI.InputGroup.Suffix";
 
 
 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 [styleProps, rest] = _chunkGLGU2WFLcjs.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, 
@@ -119,7 +121,7 @@ var InputGroupRoot = _react.forwardRef.call(void 0, function InputGroup({ childr
   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, _chunkZP2E2H2Gcjs.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 });
 });

package/dist/{chunk-APONC4DB.cjs → chunk-5GO7MAVY.cjs}

@@ -5,25 +5,27 @@
 
 
 
-var _chunkFFEUGWVAcjs = require('./chunk-FFEUGWVA.cjs');
+var _chunk5Z4P6WHRcjs = require('./chunk-5Z4P6WHR.cjs');
 
 
+var _chunkZP2E2H2Gcjs = require('./chunk-ZP2E2H2G.cjs');
 
-var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+
+var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.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");
+var [TextAreaProvider, useTextArea] = _chunkZP2E2H2Gcjs.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 } = _chunkFFEUGWVAcjs.useInput.call(void 0, );
+    const { textAreaStyle, textArea } = _chunk5Z4P6WHRcjs.useInput.call(void 0, );
     const { rows, maxRows } = useTextArea();
-    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
     const height = _react.useMemo.call(void 0, () => {
       const chrome = textArea.paddingVertical * 2;
       return {
@@ -35,7 +37,7 @@ var TextAreaField = _react.forwardRef.call(void 0,
       };
     }, [rows, maxRows, textArea]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFFEUGWVAcjs.InputField,
+      _chunk5Z4P6WHRcjs.InputField,
       {
         ref,
         multiline: true,
@@ -54,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, _chunkFFEUGWVAcjs.InputRoot, { ref, ...props, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextAreaProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5Z4P6WHRcjs.InputRoot, { ref, ...props, children }) });
 });
 TextAreaRoot.displayName = "XAUI.TextArea.Root";
 
 // src/components/text-area/index.ts
 var TextArea2 = Object.assign(TextAreaRoot, {
-  Label: _chunkFFEUGWVAcjs.InputLabel,
+  Label: _chunk5Z4P6WHRcjs.InputLabel,
   Field: TextAreaField,
-  Description: _chunkFFEUGWVAcjs.InputDescription,
-  Error: _chunkFFEUGWVAcjs.InputError
+  Description: _chunk5Z4P6WHRcjs.InputDescription,
+  Error: _chunk5Z4P6WHRcjs.InputError
 });
 
 

package/dist/{chunk-AQNWXJYV.cjs → chunk-5RQ7AZPN.cjs}

@@ -1,7 +1,9 @@
 "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 _chunkGPVNCJ3Zcjs = require('./chunk-GPVNCJ3Z.cjs');
 
-var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
 
 
 var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
@@ -10,13 +12,15 @@ var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
 
 
 
-var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+var _chunkZP2E2H2Gcjs = require('./chunk-ZP2E2H2G.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
 
 // src/components/card/card-background.tsx
 var _react = require('react');
@@ -46,7 +50,7 @@ function partitionBackground(children) {
 }
 
 // src/components/card/card.context.ts
-var [CardProvider, useCard] = _chunkHUZ4AUM2cjs.createSlotContext.call(void 0, "Card");
+var [CardProvider, useCard] = _chunkZP2E2H2Gcjs.createSlotContext.call(void 0, "Card");
 
 // src/components/card/card.style.ts
 
@@ -59,7 +63,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var CardBackground = markBackground(
   _react.forwardRef.call(void 0, function CardBackground2({ children, source, style, ...props }, ref) {
     const { backgroundStyle } = useCard();
-    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnative.View,
       {
@@ -81,7 +85,7 @@ CardBackground.displayName = "XAUI.Card.Background";
 
 var CardBody = _react.forwardRef.call(void 0, function CardBody2({ children, style, ...props }, ref) {
   const { bodyStyle } = useCard();
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [bodyStyle, styleProps, style], ...rest, children });
 });
 CardBody.displayName = "XAUI.Card.Body";
@@ -93,7 +97,7 @@ CardBody.displayName = "XAUI.Card.Body";
 var CardDescription = _react.forwardRef.call(void 0, 
   function CardDescription2({ children, style, ...props }, ref) {
     const { descriptionStyle } = useCard();
-    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [descriptionStyle, styleProps, style], ...rest, children });
   }
 );
@@ -105,7 +109,7 @@ CardDescription.displayName = "XAUI.Card.Description";
 
 var CardFooter = _react.forwardRef.call(void 0, function CardFooter2({ children, style, ...props }, ref) {
   const { footerStyle } = useCard();
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [footerStyle, styleProps, style], ...rest, children });
 });
 CardFooter.displayName = "XAUI.Card.Footer";
@@ -116,7 +120,7 @@ CardFooter.displayName = "XAUI.Card.Footer";
 
 var CardHeader = _react.forwardRef.call(void 0, function CardHeader2({ children, style, ...props }, ref) {
   const { headerStyle } = useCard();
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [headerStyle, styleProps, style], ...rest, children });
 });
 CardHeader.displayName = "XAUI.Card.Header";
@@ -127,7 +131,7 @@ CardHeader.displayName = "XAUI.Card.Header";
 
 var CardTitle = _react.forwardRef.call(void 0, function CardTitle2({ children, style, ...props }, ref) {
   const { titleStyle } = useCard();
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [titleStyle, styleProps, style], ...rest, children });
 });
 CardTitle.displayName = "XAUI.Card.Title";
@@ -347,8 +351,8 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
-  const [isPressed, press] = _chunkIG4Q3WQOcjs.usePressState.call(void 0, { onPressIn, onPressOut });
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
   const selection = { variant, size, radius };
   const states = { disabled: isDisabled };
   const styles = cardRecipe.resolve({ theme, selection, states });
@@ -371,7 +375,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     styleProps,
     typeof style === "function" ? style({ pressed: isPressed }) : style
   ];
-  const text = _chunkHUZ4AUM2cjs.childrenToString.call(void 0, children);
+  const text = _chunkZP2E2H2Gcjs.childrenToString.call(void 0, children);
   const content = text !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardDescription, { children: text }) : children;
   if (!isPressable && !asChild && (onPressIn || onPressOut || rest.onPress || rest.onLongPress)) {
     _chunkEJQCQPETcjs.warnDev.call(void 0, 
@@ -384,7 +388,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     body
   ] });
   const surface = isPressable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkIG4Q3WQOcjs.PressableFeedback,
+    _chunkGPVNCJ3Zcjs.PressableFeedback,
     {
       ref,
       isPressed,
@@ -399,7 +403,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
       onPressOut: press.onPressOut,
       children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         background,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIG4Q3WQOcjs.PressableFeedback.Highlight, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPVNCJ3Zcjs.PressableFeedback.Highlight, {}),
         body
       ] })
     }
@@ -407,7 +411,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     // R12 — the caller's element is the card, so it takes the children it was written
     // with and the auto-wrap does not apply.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUZ4AUM2cjs.Slot,
+      _chunkZP2E2H2Gcjs.Slot,
       {
         ref,
         accessibilityRole,

package/dist/{chunk-FFEUGWVA.cjs → chunk-5Z4P6WHR.cjs}

@@ -4,26 +4,28 @@
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
 
+var _chunkZP2E2H2Gcjs = require('./chunk-ZP2E2H2G.cjs');
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
 
 // src/components/input/input-description.tsx
 var _react = require('react');
 var _reactnative = require('react-native');
 
 // src/components/input/input.context.ts
-var [InputProvider, useInput] = _chunkHUZ4AUM2cjs.createSlotContext.call(void 0, "Input");
+var [InputProvider, useInput] = _chunkZP2E2H2Gcjs.createSlotContext.call(void 0, "Input");
 
 // src/components/input/input-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] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnative.Text,
       {
@@ -44,7 +46,7 @@ InputDescription.displayName = "XAUI.Input.Description";
 
 var InputError = _react.forwardRef.call(void 0, function InputError2({ children, style, ...props }, ref) {
   const { errorStyle } = useInput();
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.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";
@@ -64,7 +66,7 @@ var InputField = _react.forwardRef.call(void 0, function InputField2({ style, on
     isDisabled,
     isInvalid
   } = useInput();
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
   const handleFocus = _react.useCallback.call(void 0, 
     (event) => {
       onFieldFocus(event);
@@ -104,7 +106,7 @@ InputField.displayName = "XAUI.Input.Field";
 
 var InputLabel = _react.forwardRef.call(void 0, function InputLabel2({ children, style, nativeID, ...props }, ref) {
   const { labelStyle, labelId } = useInput();
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reactnative.Text,
     {
@@ -433,7 +435,7 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkGLGU2WFLcjs.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), []);
@@ -497,7 +499,7 @@ var InputRoot = _react.forwardRef.call(void 0, function Input({
   const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _3 => _3.root]), styleProps, style];
   const surface = asChild ? (
     // R12 — the caller's element *is* the column.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUZ4AUM2cjs.Slot, { ref, ...rest, style: rootStyle, children })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZP2E2H2Gcjs.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 });
 });