@xaui/native 0.0.27 → 0.0.28

package/dist/autocomplete/index.cjs

@@ -1,125 +1,37 @@
-"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; }
+
+var _chunkDHSTKO3Kcjs = require('../chunk-DHSTKO3K.cjs');
+require('../chunk-HSPTLUFA.cjs');
 
-// src/components/autocomplete/index.ts
-var autocomplete_exports = {};
-__export(autocomplete_exports, {
-  Autocomplete: () => Autocomplete,
-  AutocompleteItem: () => AutocompleteItem
-});
-module.exports = __toCommonJS(autocomplete_exports);
+
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/autocomplete/autocomplete.tsx
-var import_react14 = __toESM(require("react"), 1);
-var import_react_native10 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/autocomplete/autocomplete-context.ts
-var import_react = require("react");
-var AutocompleteContext = (0, import_react.createContext)({
+
+var AutocompleteContext = _react.createContext.call(void 0, {
   size: "md",
   themeColor: "default",
   isDisabled: false
 });
 
 // src/components/autocomplete/autocomplete.hook.ts
-var import_react7 = require("react");
-var import_core = require("@xaui/core");
-var import_palette2 = require("@xaui/core/palette");
-
-// src/core/theme-context.tsx
-var import_react5 = __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/core/portal/portal.tsx
-var import_react3 = require("react");
-
-// src/core/portal/portal-context.ts
-var import_react2 = require("react");
-var PortalContext = (0, import_react2.createContext)(null);
-
-// src/core/portal/portal.tsx
-var portalId = 0;
-var Portal = ({ children }) => {
-  const context = (0, import_react3.useContext)(PortalContext);
-  const keyRef = (0, import_react3.useRef)(`portal-${++portalId}`);
-  (0, import_react3.useLayoutEffect)(() => {
-    if (!context) return;
-    context.addPortal(keyRef.current, children);
-  }, [children, context]);
-  (0, import_react3.useEffect)(() => {
-    if (!context) return;
-    const key = keyRef.current;
-    return () => {
-      context.removePortal(key);
-    };
-  }, [context]);
-  return null;
-};
-
-// src/core/portal/portal-host.tsx
-var import_react4 = __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_react5.createContext)(null);
 
-// src/core/theme-hooks.ts
-var import_react6 = require("react");
-var import_react_native3 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react6.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");
-
-// src/components/autocomplete/autocomplete.hook.ts
+var _core = require('@xaui/core');
+var _palette = require('@xaui/core/palette');
 var useAutocompleteColorScheme = (themeColor) => {
-  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 { theme, colorScheme };
 };
 var useAutocompleteSizeStyles = (size) => {
-  const theme = useXUITheme();
-  return (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         minHeight: 34,
@@ -154,8 +66,8 @@ var useAutocompleteSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useAutocompleteRadiusStyles = (radius) => {
-  const theme = useXUITheme();
-  const radiusStyles = (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const radiusStyles = _react.useMemo.call(void 0, () => {
     const radii = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.sm,
@@ -165,7 +77,7 @@ var useAutocompleteRadiusStyles = (radius) => {
     };
     return { borderRadius: radii[radius] };
   }, [radius, theme]);
-  const listboxRadius = (0, import_react7.useMemo)(() => {
+  const listboxRadius = _react.useMemo.call(void 0, () => {
     const radii = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.sm,
@@ -179,10 +91,10 @@ var useAutocompleteRadiusStyles = (radius) => {
 };
 var useAutocompleteVariantStyles = (themeColor, variant, isInvalid) => {
   const { theme, colorScheme } = useAutocompleteColorScheme(themeColor);
-  return (0, import_react7.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     let borderColor = isInvalid ? theme.colors.danger.main : colorScheme.main;
     if ((variant === "outlined" || variant === "faded") && themeColor === "default") {
-      borderColor = import_palette2.colors.gray[300];
+      borderColor = _palette.colors.gray[300];
     }
     const styles4 = {
       outlined: {
@@ -214,7 +126,7 @@ var useAutocompleteVariantStyles = (themeColor, variant, isInvalid) => {
 };
 var useAutocompleteLabelStyle = (themeColor, isInvalid, labelSize) => {
   const { theme, colorScheme } = useAutocompleteColorScheme(themeColor);
-  return (0, import_react7.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     let baseColor = theme.colors.foreground;
     if (isInvalid) {
       baseColor = theme.colors.danger.main;
@@ -228,18 +140,18 @@ var useAutocompleteLabelStyle = (themeColor, isInvalid, labelSize) => {
   }, [isInvalid, labelSize, theme, themeColor, colorScheme]);
 };
 var useAutocompleteHelperColor = (isInvalid) => {
-  const theme = useXUITheme();
-  return (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     if (isInvalid) {
       return theme.colors.danger.main;
     }
-    return import_palette2.colors.gray[600];
+    return _palette.colors.gray[600];
   }, [isInvalid, theme]);
 };
 
 // src/components/autocomplete/autocomplete.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     gap: 6,
     position: "relative"
@@ -326,16 +238,16 @@ var styles = import_react_native4.StyleSheet.create({
 });
 
 // src/components/autocomplete/autocomplete.state.hook.ts
-var import_react8 = require("react");
+
 var useAutocompleteOpenState = ({
   isOpened,
   isDisabled,
   onOpenChange,
   onClose
 }) => {
-  const [internalIsOpen, setInternalIsOpen] = (0, import_react8.useState)(false);
+  const [internalIsOpen, setInternalIsOpen] = _react.useState.call(void 0, false);
   const isOpen = isOpened !== void 0 ? isOpened : internalIsOpen;
-  const setOpen = (0, import_react8.useCallback)(
+  const setOpen = _react.useCallback.call(void 0, 
     (open) => {
       if (isDisabled) {
         return;
@@ -343,9 +255,9 @@ var useAutocompleteOpenState = ({
       if (isOpened === void 0) {
         setInternalIsOpen(open);
       }
-      onOpenChange?.(open);
+      _optionalChain([onOpenChange, 'optionalCall', _2 => _2(open)]);
       if (!open) {
-        onClose?.();
+        _optionalChain([onClose, 'optionalCall', _3 => _3()]);
       }
     },
     [isDisabled, isOpened, onOpenChange, onClose]
@@ -358,20 +270,20 @@ var useAutocompleteInputState = ({
   selectedKey,
   onInputChange
 }) => {
-  const [internalInputValue, setInternalInputValue] = (0, import_react8.useState)(
-    defaultInputValue ?? ""
+  const [internalInputValue, setInternalInputValue] = _react.useState.call(void 0, 
+    _nullishCoalesce(defaultInputValue, () => ( ""))
   );
   const currentInputValue = inputValue !== void 0 ? inputValue : internalInputValue;
-  const updateInputValue = (0, import_react8.useCallback)(
+  const updateInputValue = _react.useCallback.call(void 0, 
     (value) => {
       if (inputValue === void 0) {
         setInternalInputValue(value);
       }
-      onInputChange?.(value);
+      _optionalChain([onInputChange, 'optionalCall', _4 => _4(value)]);
     },
     [inputValue, onInputChange]
   );
-  (0, import_react8.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (selectedKey === null && inputValue === void 0) {
       setInternalInputValue("");
     }
@@ -381,11 +293,11 @@ var useAutocompleteInputState = ({
 var useAutocompleteSelection = ({
   onSelectionChange
 }) => {
-  const [currentSelectedKey, setCurrentSelectedKey] = (0, import_react8.useState)(null);
-  const updateSelection = (0, import_react8.useCallback)(
+  const [currentSelectedKey, setCurrentSelectedKey] = _react.useState.call(void 0, null);
+  const updateSelection = _react.useCallback.call(void 0, 
     (key) => {
       setCurrentSelectedKey(key);
-      onSelectionChange?.(key);
+      _optionalChain([onSelectionChange, 'optionalCall', _5 => _5(key)]);
     },
     [onSelectionChange]
   );
@@ -406,35 +318,35 @@ var defaultFilterFunction = (textValue, inputValue) => {
 };
 
 // src/components/dialogs/autocomplete-dialog/autocomplete-dialog.tsx
-var import_react12 = __toESM(require("react"), 1);
-var import_react_native8 = require("react-native");
 
-// src/components/select/checkmark-icon.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native_svg = __toESM(require("react-native-svg"), 1);
-function CheckmarkIcon({ color, size }) {
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 17 18", fill: "none" }, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native_svg.Polyline,
-    {
-      points: "1 9 7 14 15 4",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
+
+
+
+
+
+
+
+
+
+
+
 
 // src/components/dialogs/autocomplete-dialog/autocomplete-dialog-header.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
-var import_icons = require("@xaui/icons");
+
+
+
+
+
+
+
+
+var _icons = require('@xaui/icons');
 
 // src/components/dialogs/autocomplete-dialog/autocomplete-dialog.style.ts
-var import_react_native5 = require("react-native");
-var styles2 = import_react_native5.StyleSheet.create({
+
+var styles2 = _reactnative.StyleSheet.create({
   backdrop: {
-    ...import_react_native5.StyleSheet.absoluteFillObject,
+    ..._reactnative.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0, 0, 0, 0.5)"
   },
   dialogContainer: {
@@ -508,7 +420,7 @@ var styles2 = import_react_native5.StyleSheet.create({
 });
 
 // src/components/dialogs/autocomplete-dialog/autocomplete-dialog-header.tsx
-var import_core4 = require("@xaui/core");
+
 var AutocompleteDialogHeader = ({
   title,
   inputValue,
@@ -522,24 +434,24 @@ var AutocompleteDialogHeader = ({
   onFocus,
   onBlur
 }) => {
-  const theme = useXUITheme();
-  return /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: styles2.header }, title ? /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: styles2.titleRow }, /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native6.Pressable,
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.header }, title ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.titleRow }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: styles2.backButton,
       onPress: onClose,
       accessibilityLabel: "Back",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_icons.ArrowBackIcon, { size: 20, color: theme.colors.foreground })
-  ), /* @__PURE__ */ import_react10.default.createElement(import_react_native6.Text, { style: [styles2.title, { color: theme.colors.foreground }] }, title)) : null, /* @__PURE__ */ import_react10.default.createElement(import_react_native6.View, { style: styles2.inputContainer }, /* @__PURE__ */ import_react10.default.createElement(import_react_native6.Animated.View, { style: [styles2.inputWrapper, inputAnimatedStyle] }, /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native6.TextInput,
+    /* @__PURE__ */ _react2.default.createElement(_icons.ArrowBackIcon, { size: 20, color: theme.colors.foreground })
+  ), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles2.title, { color: theme.colors.foreground }] }, title)) : null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.inputContainer }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.inputWrapper, inputAnimatedStyle] }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.TextInput,
     {
       ref: inputRef,
       value: inputValue,
       onChangeText: onInputChange,
       placeholder,
-      placeholderTextColor: (0, import_core4.withOpacity)(theme.colors.foreground, 0.5),
+      placeholderTextColor: _core.withOpacity.call(void 0, theme.colors.foreground, 0.5),
       style: [
         styles2.input,
         {
@@ -554,42 +466,42 @@ var AutocompleteDialogHeader = ({
       onFocus,
       onBlur
     }
-  ), inputValue ? /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native6.Pressable,
+  ), inputValue ? /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: styles2.clearInputButton,
-      onPress: () => onInputChange?.(""),
+      onPress: () => _optionalChain([onInputChange, 'optionalCall', _6 => _6("")]),
       accessibilityLabel: "Clear input",
       accessibilityRole: "button"
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_icons.CloseIcon, { color: theme.colors.foreground })
+    /* @__PURE__ */ _react2.default.createElement(_icons.CloseIcon, { color: theme.colors.foreground })
   ) : null)));
 };
 
 // src/components/dialogs/autocomplete-dialog/autocomplete-dialog.animation.ts
-var import_react11 = require("react");
-var import_react_native7 = require("react-native");
+
+
 var useAutocompleteDialogAnimation = ({
   visible,
   fadeAnim,
   slideAnim,
   scaleAnim
 }) => {
-  (0, import_react11.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (visible) {
-      import_react_native7.Animated.parallel([
-        import_react_native7.Animated.timing(fadeAnim, {
+      _reactnative.Animated.parallel([
+        _reactnative.Animated.timing(fadeAnim, {
           toValue: 1,
           duration: 250,
           useNativeDriver: true
         }),
-        import_react_native7.Animated.spring(slideAnim, {
+        _reactnative.Animated.spring(slideAnim, {
           toValue: 1,
           useNativeDriver: true,
           tension: 65,
           friction: 10
         }),
-        import_react_native7.Animated.spring(scaleAnim, {
+        _reactnative.Animated.spring(scaleAnim, {
           toValue: 1,
           useNativeDriver: true,
           tension: 50,
@@ -622,20 +534,20 @@ var AutocompleteDialog = ({
   onFocus,
   onBlur
 }) => {
-  const theme = useXUITheme();
-  const { width: screenWidth, height: screenHeight } = (0, import_react_native8.useWindowDimensions)();
-  const fadeAnim = (0, import_react12.useRef)(new import_react_native8.Animated.Value(0)).current;
-  const slideAnim = (0, import_react12.useRef)(new import_react_native8.Animated.Value(0)).current;
-  const scaleAnim = (0, import_react12.useRef)(new import_react_native8.Animated.Value(0)).current;
-  const inputRef = (0, import_react12.useRef)(null);
-  const [keyboardHeight, setKeyboardHeight] = (0, import_react12.useState)(0);
-  (0, import_react12.useEffect)(() => {
-    const showEvent = import_react_native8.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
-    const hideEvent = import_react_native8.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
-    const showSub = import_react_native8.Keyboard.addListener(showEvent, (e) => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const { width: screenWidth, height: screenHeight } = _reactnative.useWindowDimensions.call(void 0, );
+  const fadeAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const slideAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const scaleAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const inputRef = _react.useRef.call(void 0, null);
+  const [keyboardHeight, setKeyboardHeight] = _react.useState.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    const showEvent = _reactnative.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
+    const hideEvent = _reactnative.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const showSub = _reactnative.Keyboard.addListener(showEvent, (e) => {
       setKeyboardHeight(e.endCoordinates.height);
     });
-    const hideSub = import_react_native8.Keyboard.addListener(hideEvent, () => {
+    const hideSub = _reactnative.Keyboard.addListener(hideEvent, () => {
       setKeyboardHeight(0);
     });
     return () => {
@@ -643,43 +555,43 @@ var AutocompleteDialog = ({
       hideSub.remove();
     };
   }, []);
-  const items = (0, import_react12.useMemo)(
-    () => import_react12.default.Children.toArray(children).filter(
-      import_react12.default.isValidElement
+  const items = _react.useMemo.call(void 0, 
+    () => _react2.default.Children.toArray(children).filter(
+      _react2.default.isValidElement
     ),
     [children]
   );
   const checkmarkColor = theme.colors[themeColor].main;
   const checkmarkBackgroundColor = theme.colors[themeColor].background;
   useAutocompleteDialogAnimation({ visible, fadeAnim, slideAnim, scaleAnim });
-  (0, import_react12.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!visible) return;
-    const sub = import_react_native8.BackHandler.addEventListener("hardwareBackPress", () => {
-      onClose?.();
+    const sub = _reactnative.BackHandler.addEventListener("hardwareBackPress", () => {
+      _optionalChain([onClose, 'optionalCall', _7 => _7()]);
       return true;
     });
     return () => sub.remove();
   }, [visible, onClose]);
-  const focusInput = (0, import_react12.useCallback)(() => {
-    const delay = import_react_native8.Platform.OS === "android" ? 300 : 100;
-    import_react_native8.InteractionManager.runAfterInteractions(() => {
+  const focusInput = _react.useCallback.call(void 0, () => {
+    const delay = _reactnative.Platform.OS === "android" ? 300 : 100;
+    _reactnative.InteractionManager.runAfterInteractions(() => {
       setTimeout(() => {
-        inputRef.current?.focus();
+        _optionalChain([inputRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
       }, delay);
     });
   }, []);
   const handleCheckmarkPress = () => {
-    onCheckmark?.();
-    import_react_native8.Keyboard.dismiss();
+    _optionalChain([onCheckmark, 'optionalCall', _11 => _11()]);
+    _reactnative.Keyboard.dismiss();
   };
-  (0, import_react12.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!visible) {
-      import_react_native8.Keyboard.dismiss();
+      _reactnative.Keyboard.dismiss();
       return;
     }
     focusInput();
   }, [focusInput, visible]);
-  const listBottomPadding = (0, import_react12.useMemo)(() => {
+  const listBottomPadding = _react.useMemo.call(void 0, () => {
     const basePadding = showCheckmark ? 96 : 64;
     return (keyboardHeight > 0 ? keyboardHeight : 0) + basePadding;
   }, [keyboardHeight, showCheckmark]);
@@ -704,7 +616,7 @@ var AutocompleteDialog = ({
   const inputAnimatedStyle = {
     transform: [{ scaleX: scaleAnim }]
   };
-  const listHeader = /* @__PURE__ */ import_react12.default.createElement(
+  const listHeader = /* @__PURE__ */ _react2.default.createElement(
     AutocompleteDialogHeader,
     {
       title,
@@ -720,14 +632,14 @@ var AutocompleteDialog = ({
       onBlur
     }
   );
-  return /* @__PURE__ */ import_react12.default.createElement(Portal, null, /* @__PURE__ */ import_react12.default.createElement(import_react_native8.View, { style: [overlayStyle, style] }, /* @__PURE__ */ import_react12.default.createElement(import_react_native8.Animated.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }), /* @__PURE__ */ import_react12.default.createElement(import_react_native8.Animated.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ import_react12.default.createElement(
-    import_react_native8.View,
+  return /* @__PURE__ */ _react2.default.createElement(_chunkOQ2BLOOGcjs.Portal, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [overlayStyle, style] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }), /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [styles2.container, { backgroundColor: theme.colors.background }]
     },
     listHeader,
-    /* @__PURE__ */ import_react12.default.createElement(
-      import_react_native8.FlatList,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.FlatList,
       {
         data: items,
         renderItem: ({ item }) => item,
@@ -741,8 +653,8 @@ var AutocompleteDialog = ({
         showsVerticalScrollIndicator: false
       }
     ),
-    showCheckmark ? /* @__PURE__ */ import_react12.default.createElement(import_react_native8.View, { style: styles2.checkmarkButtonContainer }, /* @__PURE__ */ import_react12.default.createElement(
-      import_react_native8.Pressable,
+    showCheckmark ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.checkmarkButtonContainer }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Pressable,
       {
         style: [
           styles2.checkmarkButton,
@@ -752,15 +664,15 @@ var AutocompleteDialog = ({
         accessibilityLabel: "Confirm",
         accessibilityRole: "button"
       },
-      checkmarkIcon ?? /* @__PURE__ */ import_react12.default.createElement(CheckmarkIcon, { color: checkmarkColor, size: 20 })
+      _nullishCoalesce(checkmarkIcon, () => ( /* @__PURE__ */ _react2.default.createElement(_chunkDHSTKO3Kcjs.CheckmarkIcon, { color: checkmarkColor, size: 20 })))
     )) : null
   ))));
 };
 
 // src/components/autocomplete/autocomplete-trigger.tsx
-var import_react13 = __toESM(require("react"), 1);
-var import_react_native9 = require("react-native");
-var import_icons2 = require("@xaui/icons");
+
+
+
 var AutocompleteTrigger = ({
   triggerRef,
   isDisabled,
@@ -783,8 +695,8 @@ var AutocompleteTrigger = ({
   onLayout: handleTriggerLayout
 }) => {
   const renderLabel = isLabelInside && label;
-  return /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native9.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       ref: triggerRef,
       onPress: handleTriggerPress,
@@ -802,12 +714,12 @@ var AutocompleteTrigger = ({
         isDisabled && styles.disabled,
         style
       ],
-      accessibilityLabel: labelText ?? (typeof label === "string" ? label : void 0),
+      accessibilityLabel: _nullishCoalesce(labelText, () => ( (typeof label === "string" ? label : void 0))),
       accessibilityRole: "button",
       accessibilityState: { disabled: isDisabled }
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_react_native9.View, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ import_react13.default.createElement(
-      import_react_native9.Text,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles.triggerText,
@@ -820,14 +732,14 @@ var AutocompleteTrigger = ({
       },
       displayValue
     )),
-    isClearable && (currentSelectedKey || currentInputValue) ? /* @__PURE__ */ import_react13.default.createElement(
-      import_react_native9.TouchableOpacity,
+    isClearable && (currentSelectedKey || currentInputValue) ? /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.TouchableOpacity,
       {
         onPress: handleClear,
         style: styles.clearButton,
         hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
       },
-      clearIcon ?? /* @__PURE__ */ import_react13.default.createElement(import_icons2.CloseIcon, { color: theme.colors.foreground, size: 20 })
+      _nullishCoalesce(clearIcon, () => ( /* @__PURE__ */ _react2.default.createElement(_icons.CloseIcon, { color: theme.colors.foreground, size: 20 })))
     ) : null
   );
 };
@@ -878,21 +790,21 @@ var Autocomplete = ({
     onOpenChange,
     onClose
   });
-  const triggerRef = (0, import_react14.useRef)(null);
-  const [triggerLayout, setTriggerLayout] = (0, import_react14.useState)();
-  const handleTriggerLayout = (0, import_react14.useCallback)(() => {
-    triggerRef.current?.measureInWindow((x, y, width, height) => {
+  const triggerRef = _react.useRef.call(void 0, null);
+  const [triggerLayout, setTriggerLayout] = _react.useState.call(void 0, );
+  const handleTriggerLayout = _react.useCallback.call(void 0, () => {
+    _optionalChain([triggerRef, 'access', _12 => _12.current, 'optionalAccess', _13 => _13.measureInWindow, 'call', _14 => _14((x, y, width, height) => {
       setTriggerLayout({ x, y, width, height });
-    });
+    })]);
   }, []);
-  const items = (0, import_react14.useMemo)(() => {
-    const elements = import_react14.default.Children.toArray(children).filter(Boolean);
+  const items = _react.useMemo.call(void 0, () => {
+    const elements = _react2.default.Children.toArray(children).filter(Boolean);
     return elements.map((child, index) => {
-      if (!import_react14.default.isValidElement(child)) {
+      if (!_react2.default.isValidElement(child)) {
         return null;
       }
-      const key = child.props.value ?? String(index);
-      const labelText = getTextValue(child.props.label) ?? key;
+      const key = _nullishCoalesce(child.props.value, () => ( String(index)));
+      const labelText = _nullishCoalesce(getTextValue(child.props.label), () => ( key));
       return {
         key,
         element: child,
@@ -900,7 +812,7 @@ var Autocomplete = ({
       };
     }).filter((item) => item !== null);
   }, [children]);
-  const filteredItems = (0, import_react14.useMemo)(() => {
+  const filteredItems = _react.useMemo.call(void 0, () => {
     if (disableLocalFilter || !currentInputValue.trim()) {
       return items;
     }
@@ -908,7 +820,7 @@ var Autocomplete = ({
       (item) => defaultFilterFunction(item.labelText, currentInputValue)
     );
   }, [disableLocalFilter, items, currentInputValue]);
-  const theme = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   const sizeStyles = useAutocompleteSizeStyles(size);
   const { radiusStyles } = useAutocompleteRadiusStyles(radius);
   const variantStyles = useAutocompleteVariantStyles(themeColor, variant, isInvalid);
@@ -919,11 +831,11 @@ var Autocomplete = ({
   );
   const helperColor = useAutocompleteHelperColor(isInvalid);
   const selectedItem = items.find((item) => item.key === currentSelectedKey);
-  const displayValue = forceSelection ? selectedItem?.labelText || placeholder : currentInputValue || placeholder;
-  const handleInputChange = (0, import_react14.useCallback)(
+  const displayValue = forceSelection ? _optionalChain([selectedItem, 'optionalAccess', _15 => _15.labelText]) || placeholder : currentInputValue || placeholder;
+  const handleInputChange = _react.useCallback.call(void 0, 
     (text) => {
       updateInputValue(text);
-      const selectedLabel = selectedItem?.labelText ?? "";
+      const selectedLabel = _nullishCoalesce(_optionalChain([selectedItem, 'optionalAccess', _16 => _16.labelText]), () => ( ""));
       const shouldClearSelection = !text.trim() && !allowsCustomValue || currentSelectedKey !== null && text !== selectedLabel;
       if (shouldClearSelection) {
         updateSelection(null);
@@ -937,7 +849,7 @@ var Autocomplete = ({
       currentSelectedKey
     ]
   );
-  const handleItemSelection = (0, import_react14.useCallback)(
+  const handleItemSelection = _react.useCallback.call(void 0, 
     (key, itemLabel) => {
       if (isDisabled) {
         return;
@@ -945,24 +857,24 @@ var Autocomplete = ({
       updateSelection(key);
       updateInputValue(itemLabel);
       setTimeout(() => {
-        import_react_native10.Keyboard.dismiss();
+        _reactnative.Keyboard.dismiss();
         setOpen(false);
       }, 50);
     },
     [isDisabled, updateSelection, updateInputValue, setOpen]
   );
-  const handleCheckmark = (0, import_react14.useCallback)(() => {
+  const handleCheckmark = _react.useCallback.call(void 0, () => {
     setOpen(false);
   }, [setOpen]);
-  const handleClear = (0, import_react14.useCallback)(() => {
+  const handleClear = _react.useCallback.call(void 0, () => {
     if (isDisabled) {
       return;
     }
     updateSelection(null);
     updateInputValue("");
-    onClear?.();
+    _optionalChain([onClear, 'optionalCall', _17 => _17()]);
   }, [isDisabled, updateSelection, updateInputValue, onClear]);
-  const handleTriggerPress = (0, import_react14.useCallback)(() => {
+  const handleTriggerPress = _react.useCallback.call(void 0, () => {
     if (!isDisabled) {
       if (selectedItem && !currentInputValue) {
         updateInputValue(selectedItem.labelText);
@@ -973,15 +885,15 @@ var Autocomplete = ({
   const listItems = filteredItems.map((item) => {
     const itemProps = item.element.props;
     const itemDisabled = isDisabled || itemProps.isDisabled;
-    const itemSelected = itemProps.isSelected ?? currentSelectedKey === item.key;
+    const itemSelected = _nullishCoalesce(itemProps.isSelected, () => ( currentSelectedKey === item.key));
     const handleItemSelected = () => {
       if (itemDisabled || itemProps.isReadOnly) {
         return;
       }
       handleItemSelection(item.key, item.labelText);
-      itemProps.onSelected?.();
+      _optionalChain([itemProps, 'access', _18 => _18.onSelected, 'optionalCall', _19 => _19()]);
     };
-    return import_react14.default.cloneElement(item.element, {
+    return _react2.default.cloneElement(item.element, {
       key: item.key,
       isDisabled: itemDisabled,
       isSelected: itemSelected,
@@ -992,10 +904,10 @@ var Autocomplete = ({
   const isLabelInside = labelPlacement === "inside";
   const isLabelOutsideLeft = labelPlacement === "outside-left";
   const isLabelOutside = labelPlacement === "outside" || labelPlacement === "outside-top";
-  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ import_react14.default.createElement(import_react_native10.Text, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ import_react14.default.createElement(import_react_native10.View, null, label) : null;
+  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, label) : null;
   const shouldShowHelper = Boolean(description || errorMessage);
   const helperContent = isInvalid && errorMessage ? errorMessage : description;
-  const triggerContent = /* @__PURE__ */ import_react14.default.createElement(
+  const triggerContent = /* @__PURE__ */ _react2.default.createElement(
     AutocompleteTrigger,
     {
       triggerRef,
@@ -1012,15 +924,15 @@ var Autocomplete = ({
       labelText: typeof label === "string" ? label : void 0,
       isLabelInside,
       clearIcon,
-      style: customAppearance?.container,
-      textStyle: customAppearance?.text,
+      style: _optionalChain([customAppearance, 'optionalAccess', _20 => _20.container]),
+      textStyle: _optionalChain([customAppearance, 'optionalAccess', _21 => _21.text]),
       onPress: handleTriggerPress,
       onClear: handleClear,
       onLayout: handleTriggerLayout
     }
   );
   const labelBlock = isLabelOutside || isLabelInside ? renderLabel : null;
-  return /* @__PURE__ */ import_react14.default.createElement(import_react_native10.View, { style: [styles.container, fullWidth ? styles.fullWidth : styles.minWidth] }, isLabelOutside && labelBlock, isLabelOutsideLeft ? /* @__PURE__ */ import_react14.default.createElement(import_react_native10.View, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent, shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ import_react14.default.createElement(import_react_native10.Text, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ import_react14.default.createElement(import_react_native10.View, null, helperContent) : null, /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, fullWidth ? styles.fullWidth : styles.minWidth] }, isLabelOutside && labelBlock, isLabelOutsideLeft ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent, shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, helperContent) : null, /* @__PURE__ */ _react2.default.createElement(
     AutocompleteDialog,
     {
       visible: isOpen,
@@ -1034,17 +946,17 @@ var Autocomplete = ({
       onClose: () => setOpen(false),
       onCheckmark: handleCheckmark
     },
-    /* @__PURE__ */ import_react14.default.createElement(AutocompleteContext.Provider, { value: { size, themeColor, isDisabled } }, showEmptyMessage ? /* @__PURE__ */ import_react14.default.createElement(import_react_native10.Text, { style: [styles.emptyMessage, { color: theme.colors.foreground }] }, "No results found") : listItems)
+    /* @__PURE__ */ _react2.default.createElement(AutocompleteContext.Provider, { value: { size, themeColor, isDisabled } }, showEmptyMessage ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.emptyMessage, { color: theme.colors.foreground }] }, "No results found") : listItems)
   ));
 };
 
 // src/components/autocomplete/autocomplete-item.tsx
-var import_react16 = __toESM(require("react"), 1);
-var import_react_native12 = require("react-native");
+
+
 
 // src/components/autocomplete/autocomplete-item.style.ts
-var import_react_native11 = require("react-native");
-var styles3 = import_react_native11.StyleSheet.create({
+
+var styles3 = _reactnative.StyleSheet.create({
   item: {
     flexDirection: "row",
     alignItems: "center",
@@ -1066,11 +978,11 @@ var styles3 = import_react_native11.StyleSheet.create({
 });
 
 // src/components/autocomplete/autocomplete-item.hook.ts
-var import_react15 = require("react");
-var import_core7 = require("@xaui/core");
+
+
 var useAutocompleteItemSizeStyles = (size) => {
-  const theme = useXUITheme();
-  return (0, import_react15.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         paddingVertical: theme.spacing.sm,
@@ -1101,16 +1013,16 @@ var useAutocompleteItemSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useAutocompleteItemBackgroundColor = (themeColor, isSelected) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core7.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_react15.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     return "transparent";
   }, [isSelected, colorScheme]);
 };
 var useAutocompleteItemTextColors = () => {
-  const theme = useXUITheme();
-  return (0, import_react15.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     return {
       textColor: theme.colors.foreground,
       descriptionColor: theme.colors.foreground
@@ -1118,10 +1030,10 @@ var useAutocompleteItemTextColors = () => {
   }, [theme]);
 };
 var useAutocompleteItemCheckmarkColor = (themeColor) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core7.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_react15.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     if (themeColor === "default") {
       return theme.colors.primary.main;
     }
@@ -1129,7 +1041,7 @@ var useAutocompleteItemCheckmarkColor = (themeColor) => {
   }, [themeColor, colorScheme, theme]);
 };
 var useAutocompleteItemStyles = (isSelected, _isDisabled) => {
-  const context = (0, import_react15.useContext)(AutocompleteContext);
+  const context = _react.useContext.call(void 0, AutocompleteContext);
   const backgroundColor = useAutocompleteItemBackgroundColor(
     context.themeColor,
     isSelected
@@ -1158,19 +1070,19 @@ var AutocompleteItem = ({
   customAppearance,
   onSelected
 }) => {
-  const context = (0, import_react16.useContext)(AutocompleteContext);
-  const size = context?.size ?? defaultSize;
-  const isItemDisabled = context?.isDisabled ? true : isDisabled;
+  const context = _react.useContext.call(void 0, AutocompleteContext);
+  const size = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _22 => _22.size]), () => ( defaultSize));
+  const isItemDisabled = _optionalChain([context, 'optionalAccess', _23 => _23.isDisabled]) ? true : isDisabled;
   const sizeStyles = useAutocompleteItemSizeStyles(size);
   const { backgroundColor, labelColor, descriptionColor } = useAutocompleteItemStyles(isSelected, isItemDisabled);
   const handlePress = () => {
     if (isItemDisabled || isReadOnly) {
       return;
     }
-    onSelected?.();
+    _optionalChain([onSelected, 'optionalCall', _24 => _24()]);
   };
-  return /* @__PURE__ */ import_react16.default.createElement(
-    import_react_native12.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: handlePress,
       disabled: isItemDisabled,
@@ -1182,22 +1094,22 @@ var AutocompleteItem = ({
           backgroundColor
         },
         isItemDisabled && styles3.disabled,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _25 => _25.container])
       ]
     },
     startContent,
-    /* @__PURE__ */ import_react16.default.createElement(import_react_native12.View, { style: styles3.content }, /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native12.Text,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles3.content }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles3.title,
           { fontSize: sizeStyles.titleSize, color: labelColor },
-          customAppearance?.text
+          _optionalChain([customAppearance, 'optionalAccess', _26 => _26.text])
         ]
       },
       label
-    ), description && /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native12.Text,
+    ), description && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles3.description,
@@ -1209,8 +1121,7 @@ var AutocompleteItem = ({
     endContent
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Autocomplete,
-  AutocompleteItem
-});
+
+
+
+exports.Autocomplete = Autocomplete; exports.AutocompleteItem = AutocompleteItem;