@xaui/native 0.0.27 → 0.0.28

package/dist/input/index.cjs

@@ -1,95 +1,22 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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; }require('../chunk-HSPTLUFA.cjs');
 
-// src/components/input/index.ts
-var input_exports = {};
-__export(input_exports, {
-  DateInput: () => DateInput,
-  DateTimeInput: () => DateTimeInput,
-  NumberInput: () => NumberInput,
-  OTPInput: () => OTPInput,
-  TextArea: () => TextArea,
-  TextInput: () => TextInput,
-  TimeInput: () => TimeInput,
-  getDateOrder: () => getDateOrder
-});
-module.exports = __toCommonJS(input_exports);
 
-// src/components/input/input.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-var import_icons = require("@xaui/icons");
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// src/components/input/input.hook.ts
-var import_react6 = require("react");
-var import_core = require("@xaui/core");
-
-// src/core/theme-context.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
+// src/components/input/input.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-// src/core/portal/portal.tsx
-var import_react2 = require("react");
 
-// src/core/portal/portal-context.ts
-var import_react = require("react");
-var PortalContext = (0, import_react.createContext)(null);
 
-// src/core/portal/portal-host.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
-var hostStyles = import_react_native.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
 
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react4.createContext)(null);
 
-// src/core/theme-hooks.ts
-var import_react5 = require("react");
-var import_react_native3 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react5.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
 
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
+var _reactnative = require('react-native');
+var _icons = require('@xaui/icons');
 
 // src/components/input/input.hook.ts
+
+var _core = require('@xaui/core');
 var sizeMap = {
   sm: {
     minHeight: 40,
@@ -120,11 +47,11 @@ var sizeMap = {
   }
 };
 var useTextInputSizeStyles = (size) => {
-  return (0, import_react6.useMemo)(() => sizeMap[size], [size]);
+  return _react.useMemo.call(void 0, () => sizeMap[size], [size]);
 };
 var useTextInputRadiusStyles = (radius) => {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     if (radius === "full") {
       return { borderRadius: theme.borderRadius.full };
     }
@@ -138,16 +65,16 @@ var useTextInputVariantStyles = ({
   isInvalid,
   isDisabled
 }) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  return (0, import_react6.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     const focusColor = isInvalid ? theme.colors.danger.main : colorScheme.main;
-    const neutralBorder = (0, import_core.withOpacity)(theme.colors.foreground, 0.1);
-    const textColor = isDisabled ? (0, import_core.withOpacity)(theme.colors.foreground, 0.55) : theme.colors.foreground;
-    const placeholderColor = (0, import_core.withOpacity)(theme.colors.foreground, 0.45);
-    const labelColor = isInvalid ? theme.colors.danger.main : isFocused ? colorScheme.main : (0, import_core.withOpacity)(theme.colors.foreground, 0.8);
-    const helperColor = isInvalid ? theme.colors.danger.main : (0, import_core.withOpacity)(theme.colors.foreground, 0.72);
+    const neutralBorder = _core.withOpacity.call(void 0, theme.colors.foreground, 0.1);
+    const textColor = isDisabled ? _core.withOpacity.call(void 0, theme.colors.foreground, 0.55) : theme.colors.foreground;
+    const placeholderColor = _core.withOpacity.call(void 0, theme.colors.foreground, 0.45);
+    const labelColor = isInvalid ? theme.colors.danger.main : isFocused ? colorScheme.main : _core.withOpacity.call(void 0, theme.colors.foreground, 0.8);
+    const helperColor = isInvalid ? theme.colors.danger.main : _core.withOpacity.call(void 0, theme.colors.foreground, 0.72);
     if (variant === "underlined") {
       return {
         container: {
@@ -181,7 +108,7 @@ var useTextInputVariantStyles = ({
     if (variant === "faded") {
       return {
         container: {
-          backgroundColor: (0, import_core.withOpacity)(colorScheme.background, 0.68),
+          backgroundColor: _core.withOpacity.call(void 0, colorScheme.background, 0.68),
           borderColor: isFocused || isInvalid ? focusColor : "transparent",
           borderWidth: isFocused || isInvalid ? theme.borderWidth.md : 0
         },
@@ -196,11 +123,11 @@ var useTextInputVariantStyles = ({
     return {
       container: {
         backgroundColor: colorScheme.background,
-        borderColor: isFocused || isInvalid ? (0, import_core.withPaletteNumber)(focusColor, 500) : "transparent",
+        borderColor: isFocused || isInvalid ? _core.withPaletteNumber.call(void 0, focusColor, 500) : "transparent",
         borderWidth: isFocused || isInvalid ? theme.borderWidth.md : 0
       },
       unfocusedBorderColor: "transparent",
-      focusedBorderColor: (0, import_core.withPaletteNumber)(focusColor, 500),
+      focusedBorderColor: _core.withPaletteNumber.call(void 0, focusColor, 500),
       textColor,
       placeholderColor,
       labelColor,
@@ -210,8 +137,8 @@ var useTextInputVariantStyles = ({
 };
 
 // src/components/input/input.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     width: "100%",
     gap: 6
@@ -257,7 +184,7 @@ var styles = import_react_native4.StyleSheet.create({
 });
 
 // src/components/input/input.tsx
-var TextInput = (0, import_react7.forwardRef)(
+var TextInput = _react.forwardRef.call(void 0, 
   ({
     value,
     defaultValue,
@@ -285,12 +212,12 @@ var TextInput = (0, import_react7.forwardRef)(
     ...nativeProps
   }, forwardedRef) => {
     const isControlled = typeof value === "string";
-    const [internalValue, setInternalValue] = (0, import_react7.useState)(defaultValue ?? "");
-    const [isFocused, setIsFocused] = (0, import_react7.useState)(false);
-    const internalRef = (0, import_react7.useRef)(null);
-    const borderAnimation = (0, import_react7.useRef)(new import_react_native5.Animated.Value(0)).current;
-    const inputValue = isControlled ? value ?? "" : internalValue;
-    const secureTextEntry = nativeProps.secureTextEntry ?? isSecured;
+    const [internalValue, setInternalValue] = _react.useState.call(void 0, _nullishCoalesce(defaultValue, () => ( "")));
+    const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
+    const internalRef = _react.useRef.call(void 0, null);
+    const borderAnimation = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+    const inputValue = isControlled ? _nullishCoalesce(value, () => ( "")) : internalValue;
+    const secureTextEntry = _nullishCoalesce(nativeProps.secureTextEntry, () => ( isSecured));
     const sizeStyles = useTextInputSizeStyles(size);
     const radiusStyles = useTextInputRadiusStyles(radius);
     const variantStyles = useTextInputVariantStyles({
@@ -300,16 +227,16 @@ var TextInput = (0, import_react7.forwardRef)(
       isInvalid,
       isDisabled
     });
-    (0, import_react7.useEffect)(() => {
-      import_react_native5.Animated.timing(borderAnimation, {
+    _react.useEffect.call(void 0, () => {
+      _reactnative.Animated.timing(borderAnimation, {
         toValue: isFocused || isInvalid ? 1 : 0,
         duration: 200,
         useNativeDriver: false
       }).start();
     }, [borderAnimation, isFocused, isInvalid]);
     const showClearButton = isClearable && !!inputValue && !isDisabled && !isReadOnly && !secureTextEntry && nativeProps.editable !== false;
-    const editable = nativeProps.editable ?? (!isDisabled && !isReadOnly);
-    const helperText = (0, import_react7.useMemo)(() => {
+    const editable = _nullishCoalesce(nativeProps.editable, () => ( (!isDisabled && !isReadOnly)));
+    const helperText = _react.useMemo.call(void 0, () => {
       if (isInvalid && errorMessage) {
         return errorMessage;
       }
@@ -319,37 +246,37 @@ var TextInput = (0, import_react7.forwardRef)(
       if (!isControlled) {
         setInternalValue(text);
       }
-      onValueChange?.(text);
-      onChangeText?.(text);
+      _optionalChain([onValueChange, 'optionalCall', _2 => _2(text)]);
+      _optionalChain([onChangeText, 'optionalCall', _3 => _3(text)]);
     };
     const handleClear = () => {
       if (!isControlled) {
         setInternalValue("");
       }
-      onValueChange?.("");
-      onChangeText?.("");
+      _optionalChain([onValueChange, 'optionalCall', _4 => _4("")]);
+      _optionalChain([onChangeText, 'optionalCall', _5 => _5("")]);
     };
     const handleWrapperPress = () => {
       if (isDisabled || isReadOnly || nativeProps.editable === false) return;
       const inputRef = forwardedRef || internalRef;
       if (typeof forwardedRef === "function") {
-        internalRef.current?.focus();
-      } else if (inputRef?.current) {
+        _optionalChain([internalRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.focus, 'call', _8 => _8()]);
+      } else if (_optionalChain([inputRef, 'optionalAccess', _9 => _9.current])) {
         inputRef.current.focus();
       }
     };
-    return /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native5.View,
+    return /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.container,
           !fullWidth && styles.noFullWidth,
           isDisabled && styles.disabled,
-          customAppearance?.container
+          _optionalChain([customAppearance, 'optionalAccess', _10 => _10.container])
         ]
       },
-      /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.inputContainer, customAppearance?.inputContainer] }, label && labelPlacement === "outside" && /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native5.Text,
+      /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.inputContainer, _optionalChain([customAppearance, 'optionalAccess', _11 => _11.inputContainer])] }, label && labelPlacement === "outside" && /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.label,
@@ -357,18 +284,18 @@ var TextInput = (0, import_react7.forwardRef)(
               color: variantStyles.labelColor,
               fontSize: sizeStyles.labelSize
             },
-            customAppearance?.label
+            _optionalChain([customAppearance, 'optionalAccess', _12 => _12.label])
           ]
         },
         label
-      ), /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native5.Pressable,
+      ), /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           onPress: handleWrapperPress,
           disabled: isDisabled || isReadOnly
         },
-        /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native5.Animated.View,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Animated.View,
           {
             style: [
               styles.inputWrapper,
@@ -402,20 +329,20 @@ var TextInput = (0, import_react7.forwardRef)(
                 }
               },
               variant === "underlined" && styles.underlinedWrapper,
-              customAppearance?.inputWrapper
+              _optionalChain([customAppearance, 'optionalAccess', _13 => _13.inputWrapper])
             ]
           },
-          startContent && /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: styles.slot }, startContent),
-          /* @__PURE__ */ import_react7.default.createElement(
-            import_react_native5.View,
+          startContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.slot }, startContent),
+          /* @__PURE__ */ _react2.default.createElement(
+            _reactnative.View,
             {
               style: {
                 flex: 1,
                 gap: labelPlacement === "inside" && label ? 2 : 0
               }
             },
-            label && labelPlacement === "inside" && /* @__PURE__ */ import_react7.default.createElement(
-              import_react_native5.Text,
+            label && labelPlacement === "inside" && /* @__PURE__ */ _react2.default.createElement(
+              _reactnative.Text,
               {
                 style: [
                   styles.label,
@@ -424,24 +351,24 @@ var TextInput = (0, import_react7.forwardRef)(
                     fontSize: sizeStyles.helperSize,
                     paddingBottom: 2
                   },
-                  customAppearance?.label
+                  _optionalChain([customAppearance, 'optionalAccess', _14 => _14.label])
                 ]
               },
               label
             ),
-            /* @__PURE__ */ import_react7.default.createElement(
-              import_react_native5.TextInput,
+            /* @__PURE__ */ _react2.default.createElement(
+              _reactnative.TextInput,
               {
                 ref: typeof forwardedRef === "function" ? internalRef : forwardedRef || internalRef,
                 value: inputValue,
                 onChangeText: handleChangeText,
                 onFocus: (event) => {
                   setIsFocused(true);
-                  onFocus?.(event);
+                  _optionalChain([onFocus, 'optionalCall', _15 => _15(event)]);
                 },
                 onBlur: (event) => {
                   setIsFocused(false);
-                  onBlur?.(event);
+                  _optionalChain([onBlur, 'optionalCall', _16 => _16(event)]);
                 },
                 editable,
                 secureTextEntry,
@@ -452,26 +379,26 @@ var TextInput = (0, import_react7.forwardRef)(
                     color: variantStyles.textColor,
                     fontSize: sizeStyles.fontSize
                   },
-                  customAppearance?.input
+                  _optionalChain([customAppearance, 'optionalAccess', _17 => _17.input])
                 ],
                 ...nativeProps
               }
             )
           ),
-          showClearButton ? /* @__PURE__ */ import_react7.default.createElement(
-            import_react_native5.Pressable,
+          showClearButton ? /* @__PURE__ */ _react2.default.createElement(
+            _reactnative.Pressable,
             {
               onPress: handleClear,
               accessibilityLabel: "Clear input",
               accessibilityRole: "button",
               style: styles.clearButton
             },
-            /* @__PURE__ */ import_react7.default.createElement(import_icons.CloseIcon, { size: 16, color: variantStyles.placeholderColor })
-          ) : endContent && /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: styles.slot }, endContent)
+            /* @__PURE__ */ _react2.default.createElement(_icons.CloseIcon, { size: 16, color: variantStyles.placeholderColor })
+          ) : endContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.slot }, endContent)
         )
       )),
-      helperText && /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native5.Text,
+      helperText && /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.helperText,
@@ -479,7 +406,7 @@ var TextInput = (0, import_react7.forwardRef)(
               color: variantStyles.helperColor,
               fontSize: sizeStyles.helperSize
             },
-            customAppearance?.helperText
+            _optionalChain([customAppearance, 'optionalAccess', _18 => _18.helperText])
           ]
         },
         helperText
@@ -490,11 +417,11 @@ var TextInput = (0, import_react7.forwardRef)(
 TextInput.displayName = "TextInput";
 
 // src/components/input/textarea.tsx
-var import_react8 = __toESM(require("react"), 1);
+
 
 // src/components/input/textarea.style.ts
-var import_react_native6 = require("react-native");
-var textAreaStyles = import_react_native6.StyleSheet.create({
+
+var textAreaStyles = _reactnative.StyleSheet.create({
   inputWrapper: {
     alignItems: "flex-start"
   },
@@ -520,15 +447,15 @@ var TextArea = ({
   const normalizedMaxRows = typeof maxRows === "number" ? Math.max(maxRows, minRows) : void 0;
   const minHeight = minRows * lineHeight + verticalPadding;
   const maxHeight = typeof normalizedMaxRows === "number" ? normalizedMaxRows * lineHeight + verticalPadding : void 0;
-  return /* @__PURE__ */ import_react8.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement(
     TextInput,
     {
       ...props,
       size,
       multiline: true,
-      numberOfLines: numberOfLines ?? minRows,
-      textAlignVertical: textAlignVertical ?? "top",
-      scrollEnabled: scrollEnabled ?? !!maxHeight,
+      numberOfLines: _nullishCoalesce(numberOfLines, () => ( minRows)),
+      textAlignVertical: _nullishCoalesce(textAlignVertical, () => ( "top")),
+      scrollEnabled: _nullishCoalesce(scrollEnabled, () => ( !!maxHeight)),
       customAppearance: {
         ...customAppearance,
         inputWrapper: [
@@ -537,14 +464,14 @@ var TextArea = ({
             minHeight,
             ...maxHeight ? { maxHeight } : {}
           },
-          customAppearance?.inputWrapper
+          _optionalChain([customAppearance, 'optionalAccess', _19 => _19.inputWrapper])
         ],
         input: [
           textAreaStyles.input,
           {
             lineHeight
           },
-          customAppearance?.input
+          _optionalChain([customAppearance, 'optionalAccess', _20 => _20.input])
         ]
       }
     }
@@ -552,7 +479,7 @@ var TextArea = ({
 };
 
 // src/components/input/date-time-input.tsx
-var import_react9 = __toESM(require("react"), 1);
+
 
 // src/components/input/date-time-input.hook.ts
 var YMD_LOCALES = ["ja", "zh", "ko", "hu", "lt", "mn"];
@@ -569,7 +496,7 @@ var getDateOrder = (locale) => {
     if (order[0] === "year") return "YMD";
     if (order[0] === "month") return "MDY";
     return "DMY";
-  } catch {
+  } catch (e2) {
     const lang = locale.split("-")[0];
     if (YMD_LOCALES.includes(locale) || YMD_LOCALES.includes(lang)) return "YMD";
     if (MDY_LOCALES.includes(locale)) return "MDY";
@@ -661,7 +588,7 @@ var getDateTimeMaxLength = (separator, granularity, hourCycle) => {
 };
 
 // src/components/input/date-time-input.tsx
-var DateInput = (0, import_react9.forwardRef)(
+var DateInput = _react.forwardRef.call(void 0, 
   ({
     separator = "-",
     dateOrder,
@@ -672,34 +599,34 @@ var DateInput = (0, import_react9.forwardRef)(
     onValueChange,
     ...props
   }, ref) => {
-    const resolvedOrder = (0, import_react9.useMemo)(
-      () => dateOrder ?? getDateOrder(locale),
+    const resolvedOrder = _react.useMemo.call(void 0, 
+      () => _nullishCoalesce(dateOrder, () => ( getDateOrder(locale))),
       [dateOrder, locale]
     );
-    const handleChangeText = (0, import_react9.useCallback)(
+    const handleChangeText = _react.useCallback.call(void 0, 
       (text) => {
         const formatted = formatDateInput(text, resolvedOrder, separator);
-        onChangeText?.(formatted);
-        onValueChange?.(formatted);
+        _optionalChain([onChangeText, 'optionalCall', _21 => _21(formatted)]);
+        _optionalChain([onValueChange, 'optionalCall', _22 => _22(formatted)]);
       },
       [resolvedOrder, separator, onChangeText, onValueChange]
     );
-    return /* @__PURE__ */ import_react9.default.createElement(
+    return /* @__PURE__ */ _react2.default.createElement(
       TextInput,
       {
         ref,
-        placeholder: placeholder ?? getDatePlaceholder(resolvedOrder, separator),
+        placeholder: _nullishCoalesce(placeholder, () => ( getDatePlaceholder(resolvedOrder, separator))),
         keyboardType: "number-pad",
         autoCapitalize: "none",
         autoCorrect: false,
-        maxLength: maxLength ?? getDateMaxLength(separator),
+        maxLength: _nullishCoalesce(maxLength, () => ( getDateMaxLength(separator))),
         onChangeText: handleChangeText,
         ...props
       }
     );
   }
 );
-var TimeInput = (0, import_react9.forwardRef)(
+var TimeInput = _react.forwardRef.call(void 0, 
   ({
     granularity = "minute",
     hourCycle = 24,
@@ -709,30 +636,30 @@ var TimeInput = (0, import_react9.forwardRef)(
     onValueChange,
     ...props
   }, ref) => {
-    const handleChangeText = (0, import_react9.useCallback)(
+    const handleChangeText = _react.useCallback.call(void 0, 
       (text) => {
         const formatted = formatTimeInput(text, granularity, hourCycle);
-        onChangeText?.(formatted);
-        onValueChange?.(formatted);
+        _optionalChain([onChangeText, 'optionalCall', _23 => _23(formatted)]);
+        _optionalChain([onValueChange, 'optionalCall', _24 => _24(formatted)]);
       },
       [granularity, hourCycle, onChangeText, onValueChange]
     );
-    return /* @__PURE__ */ import_react9.default.createElement(
+    return /* @__PURE__ */ _react2.default.createElement(
       TextInput,
       {
         ref,
-        placeholder: placeholder ?? getTimePlaceholder(granularity, hourCycle),
+        placeholder: _nullishCoalesce(placeholder, () => ( getTimePlaceholder(granularity, hourCycle))),
         keyboardType: "number-pad",
         autoCapitalize: "none",
         autoCorrect: false,
-        maxLength: maxLength ?? getTimeMaxLength(granularity, hourCycle),
+        maxLength: _nullishCoalesce(maxLength, () => ( getTimeMaxLength(granularity, hourCycle))),
         onChangeText: handleChangeText,
         ...props
       }
     );
   }
 );
-var DateTimeInput = (0, import_react9.forwardRef)(
+var DateTimeInput = _react.forwardRef.call(void 0, 
   ({
     separator = "-",
     dateOrder,
@@ -745,11 +672,11 @@ var DateTimeInput = (0, import_react9.forwardRef)(
     onValueChange,
     ...props
   }, ref) => {
-    const resolvedOrder = (0, import_react9.useMemo)(
-      () => dateOrder ?? getDateOrder(locale),
+    const resolvedOrder = _react.useMemo.call(void 0, 
+      () => _nullishCoalesce(dateOrder, () => ( getDateOrder(locale))),
       [dateOrder, locale]
     );
-    const handleChangeText = (0, import_react9.useCallback)(
+    const handleChangeText = _react.useCallback.call(void 0, 
       (text) => {
         const formatted = formatDateTimeInput(
           text,
@@ -758,20 +685,20 @@ var DateTimeInput = (0, import_react9.forwardRef)(
           granularity,
           hourCycle
         );
-        onChangeText?.(formatted);
-        onValueChange?.(formatted);
+        _optionalChain([onChangeText, 'optionalCall', _25 => _25(formatted)]);
+        _optionalChain([onValueChange, 'optionalCall', _26 => _26(formatted)]);
       },
       [resolvedOrder, separator, granularity, hourCycle, onChangeText, onValueChange]
     );
-    return /* @__PURE__ */ import_react9.default.createElement(
+    return /* @__PURE__ */ _react2.default.createElement(
       TextInput,
       {
         ref,
-        placeholder: placeholder ?? getDateTimePlaceholder(resolvedOrder, separator, granularity, hourCycle),
+        placeholder: _nullishCoalesce(placeholder, () => ( getDateTimePlaceholder(resolvedOrder, separator, granularity, hourCycle))),
         keyboardType: "number-pad",
         autoCapitalize: "none",
         autoCorrect: false,
-        maxLength: maxLength ?? getDateTimeMaxLength(separator, granularity, hourCycle),
+        maxLength: _nullishCoalesce(maxLength, () => ( getDateTimeMaxLength(separator, granularity, hourCycle))),
         onChangeText: handleChangeText,
         ...props
       }
@@ -783,18 +710,24 @@ TimeInput.displayName = "TimeInput";
 DateTimeInput.displayName = "DateTimeInput";
 
 // src/components/input/otp-input.tsx
-var import_react11 = __toESM(require("react"), 1);
-var import_react_native8 = require("react-native");
+
+
+
+
+
+
+
+
 
 // src/components/input/otp-input.hook.ts
-var import_react10 = require("react");
+
 var segmentSizeMap = {
   sm: { width: 40, height: 40, fontSize: 16 },
   md: { width: 48, height: 48, fontSize: 20 },
   lg: { width: 56, height: 56, fontSize: 24 }
 };
 var useOTPSegmentSizeStyles = (size) => {
-  return (0, import_react10.useMemo)(() => segmentSizeMap[size], [size]);
+  return _react.useMemo.call(void 0, () => segmentSizeMap[size], [size]);
 };
 var useOTPInputState = ({
   length,
@@ -805,27 +738,27 @@ var useOTPInputState = ({
   allowedKeys
 }) => {
   const isControlled = typeof value === "string";
-  const [internalValue, setInternalValue] = (0, import_react10.useState)(defaultValue ?? "");
-  const [activeIndex, setActiveIndex] = (0, import_react10.useState)(-1);
-  const refs = (0, import_react10.useRef)([]);
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, _nullishCoalesce(defaultValue, () => ( "")));
+  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, -1);
+  const refs = _react.useRef.call(void 0, []);
   const currentValue = isControlled ? value : internalValue;
-  const segments = (0, import_react10.useMemo)(() => {
+  const segments = _react.useMemo.call(void 0, () => {
     const chars = currentValue.split("");
-    return Array.from({ length }, (_, i) => chars[i] ?? "");
+    return Array.from({ length }, (_, i) => _nullishCoalesce(chars[i], () => ( "")));
   }, [currentValue, length]);
-  const updateValue = (0, import_react10.useCallback)(
+  const updateValue = _react.useCallback.call(void 0, 
     (newValue) => {
       if (!isControlled) {
         setInternalValue(newValue);
       }
-      onValueChange?.(newValue);
+      _optionalChain([onValueChange, 'optionalCall', _27 => _27(newValue)]);
       if (newValue.length === length) {
-        onComplete?.(newValue);
+        _optionalChain([onComplete, 'optionalCall', _28 => _28(newValue)]);
       }
     },
     [isControlled, length, onValueChange, onComplete]
   );
-  const handleSegmentChange = (0, import_react10.useCallback)(
+  const handleSegmentChange = _react.useCallback.call(void 0, 
     (index, text) => {
       if (!text) return;
       const char = text.slice(-1);
@@ -836,12 +769,12 @@ var useOTPInputState = ({
       const newValue = chars.join("").replace(/\s+$/, "");
       updateValue(newValue);
       if (index < length - 1) {
-        refs.current[index + 1]?.focus();
+        _optionalChain([refs, 'access', _29 => _29.current, 'access', _30 => _30[index + 1], 'optionalAccess', _31 => _31.focus, 'call', _32 => _32()]);
       }
     },
     [allowedKeys, currentValue, length, updateValue]
   );
-  const handleSegmentKeyPress = (0, import_react10.useCallback)(
+  const handleSegmentKeyPress = _react.useCallback.call(void 0, 
     (index, key) => {
       if (key !== "Backspace") return;
       const chars = currentValue.split("");
@@ -854,15 +787,15 @@ var useOTPInputState = ({
       if (index > 0) {
         chars[index - 1] = "";
         updateValue(chars.join("").replace(/\s+$/, ""));
-        refs.current[index - 1]?.focus();
+        _optionalChain([refs, 'access', _33 => _33.current, 'access', _34 => _34[index - 1], 'optionalAccess', _35 => _35.focus, 'call', _36 => _36()]);
       }
     },
     [currentValue, length, updateValue]
   );
-  const handleSegmentFocus = (0, import_react10.useCallback)((index) => {
+  const handleSegmentFocus = _react.useCallback.call(void 0, (index) => {
     setActiveIndex(index);
   }, []);
-  const handleSegmentBlur = (0, import_react10.useCallback)(() => {
+  const handleSegmentBlur = _react.useCallback.call(void 0, () => {
     setActiveIndex(-1);
   }, []);
   return {
@@ -877,8 +810,8 @@ var useOTPInputState = ({
 };
 
 // src/components/input/otp-input.style.ts
-var import_react_native7 = require("react-native");
-var otpStyles = import_react_native7.StyleSheet.create({
+
+var otpStyles = _reactnative.StyleSheet.create({
   container: {
     gap: 6
   },
@@ -938,16 +871,16 @@ var OTPSegment = ({
   onBlur,
   onPress
 }) => {
-  const borderAnimation = (0, import_react11.useRef)(new import_react_native8.Animated.Value(0)).current;
-  (0, import_react11.useEffect)(() => {
-    import_react_native8.Animated.timing(borderAnimation, {
+  const borderAnimation = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  _react.useEffect.call(void 0, () => {
+    _reactnative.Animated.timing(borderAnimation, {
       toValue: isActive ? 1 : 0,
       duration: 200,
       useNativeDriver: false
     }).start();
   }, [borderAnimation, isActive]);
-  return /* @__PURE__ */ import_react11.default.createElement(
-    import_react_native8.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: () => {
         if (!isDisabled) {
@@ -956,8 +889,8 @@ var OTPSegment = ({
       },
       disabled: isDisabled
     },
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_react_native8.Animated.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
         style: [
           otpStyles.segment,
@@ -965,7 +898,7 @@ var OTPSegment = ({
             width: sizeStyles.width,
             height: sizeStyles.height,
             backgroundColor: variantStyles.container.backgroundColor,
-            borderWidth: variantStyles.container.borderWidth ?? 0,
+            borderWidth: _nullishCoalesce(variantStyles.container.borderWidth, () => ( 0)),
             borderRadius: radiusStyles.borderRadius,
             borderColor: borderAnimation.interpolate({
               inputRange: [0, 1],
@@ -975,19 +908,19 @@ var OTPSegment = ({
               ]
             })
           },
-          customSegment?.segment
+          _optionalChain([customSegment, 'optionalAccess', _37 => _37.segment])
         ]
       },
-      char && isSecured ? /* @__PURE__ */ import_react11.default.createElement(
-        import_react_native8.View,
+      char && isSecured ? /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: [
             otpStyles.securedDot,
             { backgroundColor: variantStyles.textColor }
           ]
         }
-      ) : /* @__PURE__ */ import_react11.default.createElement(
-        import_react_native8.Text,
+      ) : /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             otpStyles.segmentText,
@@ -995,13 +928,13 @@ var OTPSegment = ({
               color: variantStyles.textColor,
               fontSize: sizeStyles.fontSize
             },
-            customSegmentText?.segmentText
+            _optionalChain([customSegmentText, 'optionalAccess', _38 => _38.segmentText])
           ]
         },
         char
       ),
-      /* @__PURE__ */ import_react11.default.createElement(
-        import_react_native8.TextInput,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.TextInput,
         {
           ref: inputRef,
           style: otpStyles.hiddenInput,
@@ -1073,30 +1006,30 @@ var OTPInput = ({
     isInvalid,
     isDisabled
   });
-  const focusSegment = (0, import_react11.useCallback)(
+  const focusSegment = _react.useCallback.call(void 0, 
     (index) => {
       if (isDisabled) return;
-      refs.current[index]?.focus();
+      _optionalChain([refs, 'access', _39 => _39.current, 'access', _40 => _40[index], 'optionalAccess', _41 => _41.focus, 'call', _42 => _42()]);
     },
     [isDisabled, refs]
   );
-  const handleContainerPress = (0, import_react11.useCallback)(() => {
+  const handleContainerPress = _react.useCallback.call(void 0, () => {
     const firstEmptyIndex = segments.findIndex((segment) => !segment);
     const targetIndex = firstEmptyIndex === -1 ? length - 1 : firstEmptyIndex;
     focusSegment(targetIndex);
   }, [focusSegment, length, segments]);
-  return /* @__PURE__ */ import_react11.default.createElement(
-    import_react_native8.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         otpStyles.container,
         fullWidth && otpStyles.fullWidth,
         isDisabled && otpStyles.disabled,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _43 => _43.container])
       ]
     },
-    label && /* @__PURE__ */ import_react11.default.createElement(
-      import_react_native8.Text,
+    label && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           otpStyles.label,
@@ -1104,19 +1037,19 @@ var OTPInput = ({
             color: variantStyles.labelColor,
             fontSize: 14
           },
-          customAppearance?.label
+          _optionalChain([customAppearance, 'optionalAccess', _44 => _44.label])
         ]
       },
       label
     ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_react_native8.Pressable,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Pressable,
       {
         onPress: handleContainerPress,
         disabled: isDisabled,
-        style: [otpStyles.segmentContainer, customAppearance?.segmentContainer]
+        style: [otpStyles.segmentContainer, _optionalChain([customAppearance, 'optionalAccess', _45 => _45.segmentContainer])]
       },
-      segments.map((char, index) => /* @__PURE__ */ import_react11.default.createElement(
+      segments.map((char, index) => /* @__PURE__ */ _react2.default.createElement(
         OTPSegment,
         {
           key: index,
@@ -1140,13 +1073,13 @@ var OTPInput = ({
         }
       ))
     ),
-    helperText && /* @__PURE__ */ import_react11.default.createElement(
-      import_react_native8.Text,
+    helperText && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           otpStyles.helperText,
           { color: helperColor, fontSize: 13 },
-          customAppearance?.helperText
+          _optionalChain([customAppearance, 'optionalAccess', _46 => _46.helperText])
         ]
       },
       helperText
@@ -1156,13 +1089,13 @@ var OTPInput = ({
 OTPInput.displayName = "OTPInput";
 
 // src/components/input/number-input.tsx
-var import_react13 = __toESM(require("react"), 1);
-var import_react_native10 = require("react-native");
-var import_icons2 = require("@xaui/icons");
-var import_core3 = require("@xaui/core");
+
+
+
+
 
 // src/components/input/number-input.hook.ts
-var import_react12 = require("react");
+
 var useNumberInputState = ({
   value,
   defaultValue,
@@ -1174,32 +1107,32 @@ var useNumberInputState = ({
   locale
 }) => {
   const isControlled = typeof value === "number";
-  const [internalValue, setInternalValue] = (0, import_react12.useState)(
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, 
     defaultValue
   );
-  const [isEditing, setIsEditing] = (0, import_react12.useState)(false);
-  const [rawText, setRawText] = (0, import_react12.useState)("");
+  const [isEditing, setIsEditing] = _react.useState.call(void 0, false);
+  const [rawText, setRawText] = _react.useState.call(void 0, "");
   const currentValue = isControlled ? value : internalValue;
-  const formatter = (0, import_react12.useMemo)(() => {
+  const formatter = _react.useMemo.call(void 0, () => {
     if (!formatOptions) return null;
     return new Intl.NumberFormat(locale, formatOptions);
   }, [formatOptions, locale]);
-  const displayValue = (0, import_react12.useMemo)(() => {
+  const displayValue = _react.useMemo.call(void 0, () => {
     if (isEditing) return rawText;
     if (currentValue === void 0) return "";
     if (formatter) return formatter.format(currentValue);
     return String(currentValue);
   }, [currentValue, formatter, isEditing, rawText]);
-  const updateValue = (0, import_react12.useCallback)(
+  const updateValue = _react.useCallback.call(void 0, 
     (newValue) => {
       if (!isControlled) {
         setInternalValue(newValue);
       }
-      onValueChange?.(newValue);
+      _optionalChain([onValueChange, 'optionalCall', _47 => _47(newValue)]);
     },
     [isControlled, onValueChange]
   );
-  const clamp = (0, import_react12.useCallback)(
+  const clamp = _react.useCallback.call(void 0, 
     (num) => {
       let clamped = num;
       if (minValue !== void 0 && clamped < minValue) clamped = minValue;
@@ -1208,7 +1141,7 @@ var useNumberInputState = ({
     },
     [minValue, maxValue]
   );
-  const handleTextChange = (0, import_react12.useCallback)(
+  const handleTextChange = _react.useCallback.call(void 0, 
     (text) => {
       setRawText(text);
       if (text === "" || text === "-") return;
@@ -1218,11 +1151,11 @@ var useNumberInputState = ({
     },
     [updateValue]
   );
-  const handleFocus = (0, import_react12.useCallback)(() => {
+  const handleFocus = _react.useCallback.call(void 0, () => {
     setIsEditing(true);
     setRawText(currentValue !== void 0 ? String(currentValue) : "");
   }, [currentValue]);
-  const handleBlur = (0, import_react12.useCallback)(() => {
+  const handleBlur = _react.useCallback.call(void 0, () => {
     setIsEditing(false);
     if (rawText === "" || rawText === "-") {
       updateValue(void 0);
@@ -1235,19 +1168,19 @@ var useNumberInputState = ({
     }
     updateValue(clamp(parsed));
   }, [rawText, clamp, updateValue]);
-  const handleClear = (0, import_react12.useCallback)(() => {
+  const handleClear = _react.useCallback.call(void 0, () => {
     setRawText("");
     updateValue(void 0);
   }, [updateValue]);
-  const canIncrement = maxValue === void 0 || (currentValue ?? 0) + step <= maxValue;
-  const canDecrement = minValue === void 0 || (currentValue ?? 0) - step >= minValue;
-  const handleIncrement = (0, import_react12.useCallback)(() => {
-    const base = currentValue ?? 0;
+  const canIncrement = maxValue === void 0 || (_nullishCoalesce(currentValue, () => ( 0))) + step <= maxValue;
+  const canDecrement = minValue === void 0 || (_nullishCoalesce(currentValue, () => ( 0))) - step >= minValue;
+  const handleIncrement = _react.useCallback.call(void 0, () => {
+    const base = _nullishCoalesce(currentValue, () => ( 0));
     const newValue = clamp(base + step);
     updateValue(newValue);
   }, [currentValue, step, clamp, updateValue]);
-  const handleDecrement = (0, import_react12.useCallback)(() => {
-    const base = currentValue ?? 0;
+  const handleDecrement = _react.useCallback.call(void 0, () => {
+    const base = _nullishCoalesce(currentValue, () => ( 0));
     const newValue = clamp(base - step);
     updateValue(newValue);
   }, [currentValue, step, clamp, updateValue]);
@@ -1265,8 +1198,8 @@ var useNumberInputState = ({
 };
 
 // src/components/input/number-input.style.ts
-var import_react_native9 = require("react-native");
-var numberInputStyles = import_react_native9.StyleSheet.create({
+
+var numberInputStyles = _reactnative.StyleSheet.create({
   stepperContainer: {
     flexDirection: "row",
     alignItems: "center",
@@ -1285,7 +1218,7 @@ var numberInputStyles = import_react_native9.StyleSheet.create({
 });
 
 // src/components/input/number-input.tsx
-var NumberInput = (0, import_react13.forwardRef)(
+var NumberInput = _react.forwardRef.call(void 0, 
   ({
     value,
     defaultValue,
@@ -1312,7 +1245,7 @@ var NumberInput = (0, import_react13.forwardRef)(
     fullWidth = true,
     customAppearance
   }, ref) => {
-    const theme = useXUITheme();
+    const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
     const {
       displayValue,
       handleTextChange,
@@ -1332,17 +1265,17 @@ var NumberInput = (0, import_react13.forwardRef)(
       formatOptions,
       locale
     });
-    const iconColor = (0, import_core3.withOpacity)(theme.colors.foreground, 0.7);
-    const stepperContent = hideStepper || isReadOnly ? void 0 : /* @__PURE__ */ import_react13.default.createElement(
-      import_react_native10.View,
+    const iconColor = _core.withOpacity.call(void 0, theme.colors.foreground, 0.7);
+    const stepperContent = hideStepper || isReadOnly ? void 0 : /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           numberInputStyles.stepperContainer,
-          customAppearance?.stepperContainer
+          _optionalChain([customAppearance, 'optionalAccess', _48 => _48.stepperContainer])
         ]
       },
-      /* @__PURE__ */ import_react13.default.createElement(
-        import_react_native10.Pressable,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           onPress: handleDecrement,
           disabled: isDisabled || !canDecrement,
@@ -1351,13 +1284,13 @@ var NumberInput = (0, import_react13.forwardRef)(
           style: [
             numberInputStyles.stepperButton,
             (!canDecrement || isDisabled) && numberInputStyles.stepperDisabled,
-            customAppearance?.stepperButton
+            _optionalChain([customAppearance, 'optionalAccess', _49 => _49.stepperButton])
           ]
         },
-        /* @__PURE__ */ import_react13.default.createElement(import_icons2.RemoveIcon, { size: 16, color: iconColor })
+        /* @__PURE__ */ _react2.default.createElement(_icons.RemoveIcon, { size: 16, color: iconColor })
       ),
-      /* @__PURE__ */ import_react13.default.createElement(
-        import_react_native10.Pressable,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           onPress: handleIncrement,
           disabled: isDisabled || !canIncrement,
@@ -1366,13 +1299,13 @@ var NumberInput = (0, import_react13.forwardRef)(
           style: [
             numberInputStyles.stepperButton,
             (!canIncrement || isDisabled) && numberInputStyles.stepperDisabled,
-            customAppearance?.stepperButton
+            _optionalChain([customAppearance, 'optionalAccess', _50 => _50.stepperButton])
           ]
         },
-        /* @__PURE__ */ import_react13.default.createElement(import_icons2.AddIcon, { size: 16, color: iconColor })
+        /* @__PURE__ */ _react2.default.createElement(_icons.AddIcon, { size: 16, color: iconColor })
       )
     );
-    return /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ _react2.default.createElement(
       TextInput,
       {
         ref,
@@ -1402,14 +1335,13 @@ var NumberInput = (0, import_react13.forwardRef)(
   }
 );
 NumberInput.displayName = "NumberInput";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DateInput,
-  DateTimeInput,
-  NumberInput,
-  OTPInput,
-  TextArea,
-  TextInput,
-  TimeInput,
-  getDateOrder
-});
+
+
+
+
+
+
+
+
+
+exports.DateInput = DateInput; exports.DateTimeInput = DateTimeInput; exports.NumberInput = NumberInput; exports.OTPInput = OTPInput; exports.TextArea = TextArea; exports.TextInput = TextInput; exports.TimeInput = TimeInput; exports.getDateOrder = getDateOrder;