@xaui/native 0.2.8 → 0.9.1-alpha.0

package/dist/autocomplete/index.cjs

@@ -1,1122 +0,0 @@
-"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-56RPWZD2.cjs');
-
-
-
-var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
-
-// src/components/autocomplete/autocomplete.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _reactnative = require('react-native');
-
-// src/components/autocomplete/autocomplete-context.ts
-
-var AutocompleteContext = _react.createContext.call(void 0, {
-  size: "md",
-  themeColor: "default",
-  isDisabled: false
-});
-
-// src/components/autocomplete/autocomplete.hook.ts
-
-var _core = require('@xaui/core');
-var _palette = require('@xaui/core/palette');
-var useAutocompleteColorScheme = (themeColor) => {
-  const theme = _chunk7UFBLUMVcjs.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 = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    const sizes = {
-      xs: {
-        minHeight: theme.componentSizes.xs,
-        paddingHorizontal: theme.spacing.sm,
-        paddingVertical: theme.spacing.xs,
-        fontSize: theme.fontSizes.xs,
-        labelSize: theme.fontSizes.xs
-      },
-      sm: {
-        minHeight: theme.componentSizes.sm,
-        paddingHorizontal: theme.spacing.md,
-        paddingVertical: theme.spacing.xs,
-        fontSize: theme.fontSizes.sm,
-        labelSize: theme.fontSizes.xs
-      },
-      md: {
-        minHeight: theme.componentSizes.md,
-        paddingHorizontal: theme.spacing.md,
-        paddingVertical: theme.spacing.sm,
-        fontSize: theme.fontSizes.md,
-        labelSize: theme.fontSizes.sm
-      },
-      lg: {
-        minHeight: theme.componentSizes.lg,
-        paddingHorizontal: theme.spacing.lg,
-        paddingVertical: theme.spacing.md,
-        fontSize: theme.fontSizes.lg,
-        labelSize: theme.fontSizes.md
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-};
-var useAutocompleteRadiusStyles = (radius) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const radiusStyles = _react.useMemo.call(void 0, () => {
-    const radii = {
-      none: theme.borderRadius.none,
-      sm: theme.borderRadius.sm,
-      md: theme.borderRadius.md,
-      lg: theme.borderRadius.lg,
-      full: theme.borderRadius.full
-    };
-    return { borderRadius: radii[radius] };
-  }, [radius, theme]);
-  const listboxRadius = _react.useMemo.call(void 0, () => {
-    const radii = {
-      none: theme.borderRadius.none,
-      sm: theme.borderRadius.sm,
-      md: theme.borderRadius.md,
-      lg: theme.borderRadius.lg,
-      full: theme.borderRadius.full
-    };
-    return Math.min(radii[radius], theme.borderRadius.lg);
-  }, [radius, theme]);
-  return { radiusStyles, listboxRadius };
-};
-var useAutocompleteVariantStyles = (themeColor, variant, isInvalid) => {
-  const { theme, colorScheme } = useAutocompleteColorScheme(themeColor);
-  return _react.useMemo.call(void 0, () => {
-    let borderColor = isInvalid ? theme.colors.danger.main : colorScheme.main;
-    if (variant === "bordered" && themeColor === "default") {
-      borderColor = _palette.colors.gray[300];
-    }
-    const styles4 = {
-      bordered: {
-        backgroundColor: "transparent",
-        borderWidth: theme.borderWidth.md,
-        borderColor
-      },
-      colored: {
-        backgroundColor: _core.withOpacity.call(void 0, colorScheme.container, 0.5),
-        borderWidth: 0
-      },
-      light: {
-        backgroundColor: "transparent",
-        borderWidth: 0
-      },
-      underlined: {
-        backgroundColor: "transparent",
-        borderBottomWidth: theme.borderWidth.md,
-        borderColor
-      }
-    };
-    return styles4[variant];
-  }, [variant, theme, colorScheme, isInvalid, themeColor]);
-};
-var useAutocompleteLabelStyle = (themeColor, isInvalid, labelSize) => {
-  const { theme, colorScheme } = useAutocompleteColorScheme(themeColor);
-  return _react.useMemo.call(void 0, () => {
-    let baseColor = theme.colors.foreground;
-    if (isInvalid) {
-      baseColor = theme.colors.danger.main;
-    } else if (themeColor !== "default") {
-      baseColor = colorScheme.main;
-    }
-    return {
-      fontSize: labelSize,
-      color: baseColor
-    };
-  }, [isInvalid, labelSize, theme, themeColor, colorScheme]);
-};
-var useAutocompleteHelperColor = (isInvalid) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    if (isInvalid) {
-      return theme.colors.danger.main;
-    }
-    return _palette.colors.gray[600];
-  }, [isInvalid, theme]);
-};
-
-// src/components/autocomplete/autocomplete.style.ts
-
-var styles = _reactnative.StyleSheet.create({
-  container: {
-    gap: 6,
-    position: "relative"
-  },
-  fullWidth: {
-    flexShrink: 1,
-    flexBasis: "auto",
-    width: "100%"
-  },
-  minWidth: {
-    minWidth: 170
-  },
-  label: {
-    fontWeight: "500"
-  },
-  trigger: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 8
-  },
-  triggerText: {
-    flex: 1
-  },
-  triggerWrapper: {
-    position: "relative"
-  },
-  triggerContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    flex: 1,
-    gap: 8
-  },
-  triggerContentColumn: {
-    flexDirection: "column",
-    alignItems: "flex-start"
-  },
-  inputWrapper: {
-    flex: 1,
-    gap: 2
-  },
-  input: {
-    flexShrink: 1,
-    padding: 0
-  },
-  endSlot: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  clearButton: {
-    padding: 2,
-    paddingLeft: 4,
-    marginRight: -4
-  },
-  helperText: {
-    fontSize: 12
-  },
-  disabled: {
-    opacity: 0.5
-  },
-  listbox: {
-    overflow: "hidden",
-    marginTop: 0,
-    position: "absolute",
-    left: 0,
-    right: 0,
-    zIndex: 50,
-    elevation: 4
-  },
-  listboxContent: {
-    flexShrink: 1
-  },
-  emptyMessage: {
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    textAlign: "center"
-  },
-  outsideLeftRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12
-  }
-});
-
-// src/components/autocomplete/autocomplete.state.hook.ts
-
-var useAutocompleteOpenState = ({
-  isOpened,
-  isDisabled,
-  onOpenChange,
-  onClose
-}) => {
-  const [internalIsOpen, setInternalIsOpen] = _react.useState.call(void 0, false);
-  const isOpen = isOpened !== void 0 ? isOpened : internalIsOpen;
-  const setOpen = _react.useCallback.call(void 0, 
-    (open) => {
-      if (isDisabled) {
-        return;
-      }
-      if (isOpened === void 0) {
-        setInternalIsOpen(open);
-      }
-      _optionalChain([onOpenChange, 'optionalCall', _2 => _2(open)]);
-      if (!open) {
-        _optionalChain([onClose, 'optionalCall', _3 => _3()]);
-      }
-    },
-    [isDisabled, isOpened, onOpenChange, onClose]
-  );
-  return { isOpen, setOpen };
-};
-var useAutocompleteInputState = ({
-  inputValue,
-  defaultInputValue,
-  selectedKey,
-  onInputChange
-}) => {
-  const [internalInputValue, setInternalInputValue] = _react.useState.call(void 0, 
-    _nullishCoalesce(defaultInputValue, () => ( ""))
-  );
-  const currentInputValue = inputValue !== void 0 ? inputValue : internalInputValue;
-  const updateInputValue = _react.useCallback.call(void 0, 
-    (value) => {
-      if (inputValue === void 0) {
-        setInternalInputValue(value);
-      }
-      _optionalChain([onInputChange, 'optionalCall', _4 => _4(value)]);
-    },
-    [inputValue, onInputChange]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (selectedKey === null && inputValue === void 0) {
-      setInternalInputValue("");
-    }
-  }, [selectedKey, inputValue]);
-  return { currentInputValue, updateInputValue };
-};
-var useAutocompleteSelection = ({
-  onSelectionChange
-}) => {
-  const [currentSelectedKey, setCurrentSelectedKey] = _react.useState.call(void 0, null);
-  const updateSelection = _react.useCallback.call(void 0, 
-    (key) => {
-      setCurrentSelectedKey(key);
-      _optionalChain([onSelectionChange, 'optionalCall', _5 => _5(key)]);
-    },
-    [onSelectionChange]
-  );
-  return { currentSelectedKey, updateSelection };
-};
-
-// src/components/autocomplete/autocomplete.utils.ts
-var getTextValue = (node) => {
-  if (typeof node === "string" || typeof node === "number") {
-    return String(node);
-  }
-  return null;
-};
-var defaultFilterFunction = (textValue, inputValue) => {
-  const normalizedText = textValue.toLowerCase().trim();
-  const normalizedInput = inputValue.toLowerCase().trim();
-  return normalizedText.includes(normalizedInput);
-};
-
-// src/components/dialogs/autocomplete-dialog/autocomplete-dialog.tsx
-
-
-
-
-
-
-
-
-
-
-
-
-
-// src/components/dialogs/autocomplete-dialog/autocomplete-dialog-header.tsx
-
-
-
-
-
-
-
-
-var _icons = require('@xaui/icons');
-
-// src/components/dialogs/autocomplete-dialog/autocomplete-dialog.style.ts
-
-var styles2 = _reactnative.StyleSheet.create({
-  backdrop: {
-    ..._reactnative.StyleSheet.absoluteFillObject,
-    backgroundColor: "rgba(0, 0, 0, 0.5)"
-  },
-  dialogContainer: {
-    flex: 1,
-    zIndex: 1
-  },
-  container: {
-    flex: 1,
-    paddingTop: 55,
-    paddingHorizontal: 16
-  },
-  header: {
-    marginBottom: 12
-  },
-  titleRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    marginBottom: 16
-  },
-  backButton: {
-    padding: 4
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: "600"
-  },
-  inputContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  inputWrapper: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    position: "relative"
-  },
-  input: {
-    flex: 1,
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    paddingRight: 40,
-    borderRadius: 8,
-    fontSize: 16
-  },
-  clearInputButton: {
-    position: "absolute",
-    right: 8,
-    padding: 4
-  },
-  listContainer: {
-    flex: 1
-  },
-  listContentContainer: {
-    paddingBottom: 80
-  },
-  checkmarkButtonContainer: {
-    position: "absolute",
-    bottom: 24,
-    right: 24
-  },
-  checkmarkButton: {
-    width: 54,
-    height: 54,
-    borderRadius: 27,
-    justifyContent: "center",
-    alignItems: "center",
-    elevation: 8
-  }
-});
-
-// src/components/dialogs/autocomplete-dialog/autocomplete-dialog-header.tsx
-
-var AutocompleteDialogHeader = ({
-  title,
-  inputValue,
-  placeholder = "Search...",
-  inputRef,
-  inputAnimatedStyle,
-  inputTextStyle,
-  onInputChange,
-  onClose,
-  onCheckmarkPress,
-  onFocus,
-  onBlur
-}) => {
-  const theme = _chunk7UFBLUMVcjs.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__ */ _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: _core.withOpacity.call(void 0, theme.colors.foreground, 0.5),
-      style: [
-        styles2.input,
-        {
-          backgroundColor: theme.colors.default.container,
-          color: theme.colors.foreground
-        },
-        inputTextStyle
-      ],
-      autoFocus: true,
-      returnKeyType: "done",
-      onSubmitEditing: onCheckmarkPress,
-      onFocus,
-      onBlur
-    }
-  ), inputValue ? /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      style: styles2.clearInputButton,
-      onPress: () => _optionalChain([onInputChange, 'optionalCall', _6 => _6("")]),
-      accessibilityLabel: "Clear input",
-      accessibilityRole: "button"
-    },
-    /* @__PURE__ */ _react2.default.createElement(_icons.CloseIcon, { color: theme.colors.foreground })
-  ) : null)));
-};
-
-// src/components/dialogs/autocomplete-dialog/autocomplete-dialog.animation.ts
-
-
-var useAutocompleteDialogAnimation = ({
-  visible,
-  fadeAnim,
-  slideAnim,
-  scaleAnim
-}) => {
-  _react.useEffect.call(void 0, () => {
-    if (visible) {
-      _reactnative.Animated.parallel([
-        _reactnative.Animated.timing(fadeAnim, {
-          toValue: 1,
-          duration: 250,
-          useNativeDriver: true
-        }),
-        _reactnative.Animated.spring(slideAnim, {
-          toValue: 1,
-          useNativeDriver: true,
-          tension: 65,
-          friction: 10
-        }),
-        _reactnative.Animated.spring(scaleAnim, {
-          toValue: 1,
-          useNativeDriver: true,
-          tension: 50,
-          friction: 8
-        })
-      ]).start();
-    } else {
-      fadeAnim.setValue(0);
-      slideAnim.setValue(0);
-      scaleAnim.setValue(0);
-    }
-  }, [visible, fadeAnim, slideAnim, scaleAnim]);
-};
-
-// src/components/dialogs/autocomplete-dialog/autocomplete-dialog.tsx
-var AutocompleteDialog = ({
-  visible,
-  inputValue,
-  placeholder = "Search...",
-  title,
-  themeColor = "primary",
-  children,
-  showCheckmark = true,
-  checkmarkIcon,
-  inputTextStyle,
-  style,
-  onInputChange,
-  onClose,
-  onCheckmark,
-  onFocus,
-  onBlur
-}) => {
-  const theme = _chunk7UFBLUMVcjs.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 = _reactnative.Keyboard.addListener(hideEvent, () => {
-      setKeyboardHeight(0);
-    });
-    return () => {
-      showSub.remove();
-      hideSub.remove();
-    };
-  }, []);
-  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].container;
-  useAutocompleteDialogAnimation({ visible, fadeAnim, slideAnim, scaleAnim });
-  _react.useEffect.call(void 0, () => {
-    if (!visible) return;
-    const sub = _reactnative.BackHandler.addEventListener("hardwareBackPress", () => {
-      _optionalChain([onClose, 'optionalCall', _7 => _7()]);
-      return true;
-    });
-    return () => sub.remove();
-  }, [visible, onClose]);
-  const focusInput = _react.useCallback.call(void 0, () => {
-    const delay = _reactnative.Platform.OS === "android" ? 300 : 100;
-    _reactnative.InteractionManager.runAfterInteractions(() => {
-      setTimeout(() => {
-        _optionalChain([inputRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
-      }, delay);
-    });
-  }, []);
-  const handleCheckmarkPress = () => {
-    _optionalChain([onCheckmark, 'optionalCall', _11 => _11()]);
-    _reactnative.Keyboard.dismiss();
-  };
-  _react.useEffect.call(void 0, () => {
-    if (!visible) {
-      _reactnative.Keyboard.dismiss();
-      return;
-    }
-    focusInput();
-  }, [focusInput, visible]);
-  const listBottomPadding = _react.useMemo.call(void 0, () => {
-    const basePadding = showCheckmark ? 96 : 64;
-    return (keyboardHeight > 0 ? keyboardHeight : 0) + basePadding;
-  }, [keyboardHeight, showCheckmark]);
-  if (!visible) return null;
-  const overlayStyle = {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: screenWidth,
-    height: screenHeight
-  };
-  const containerAnimatedStyle = {
-    transform: [
-      {
-        translateY: slideAnim.interpolate({
-          inputRange: [0, 1],
-          outputRange: [screenHeight, 0]
-        })
-      }
-    ]
-  };
-  const inputAnimatedStyle = {
-    transform: [{ scaleX: scaleAnim }]
-  };
-  const listHeader = /* @__PURE__ */ _react2.default.createElement(
-    AutocompleteDialogHeader,
-    {
-      title,
-      inputValue,
-      placeholder,
-      inputRef,
-      inputAnimatedStyle,
-      inputTextStyle,
-      onInputChange,
-      onClose,
-      onCheckmarkPress: handleCheckmarkPress,
-      onFocus,
-      onBlur
-    }
-  );
-  return /* @__PURE__ */ _react2.default.createElement(_chunk7UFBLUMVcjs.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__ */ _react2.default.createElement(
-      _reactnative.FlatList,
-      {
-        data: items,
-        renderItem: ({ item }) => item,
-        keyExtractor: (_, index) => String(index),
-        style: styles2.listContainer,
-        contentContainerStyle: {
-          paddingBottom: listBottomPadding
-        },
-        keyboardShouldPersistTaps: "always",
-        keyboardDismissMode: "none",
-        showsVerticalScrollIndicator: false
-      }
-    ),
-    showCheckmark ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.checkmarkButtonContainer }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Pressable,
-      {
-        style: [
-          styles2.checkmarkButton,
-          { backgroundColor: checkmarkBackgroundColor }
-        ],
-        onPress: handleCheckmarkPress,
-        accessibilityLabel: "Confirm",
-        accessibilityRole: "button"
-      },
-      _nullishCoalesce(checkmarkIcon, () => ( /* @__PURE__ */ _react2.default.createElement(_chunkDHSTKO3Kcjs.CheckmarkIcon, { color: checkmarkColor, size: 20 })))
-    )) : null
-  ))));
-};
-
-// src/components/autocomplete/autocomplete-trigger.tsx
-
-
-
-var AutocompleteTrigger = ({
-  triggerRef,
-  isDisabled,
-  currentSelectedKey,
-  currentInputValue,
-  displayValue,
-  sizeStyles,
-  radiusStyles,
-  variantStyles,
-  theme,
-  isClearable,
-  label,
-  labelText,
-  isLabelInside,
-  clearIcon,
-  style,
-  textStyle,
-  onPress: handleTriggerPress,
-  onClear: handleClear,
-  onLayout: handleTriggerLayout
-}) => {
-  const renderLabel = isLabelInside && label;
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      ref: triggerRef,
-      onPress: handleTriggerPress,
-      onLayout: handleTriggerLayout,
-      disabled: isDisabled,
-      style: [
-        styles.trigger,
-        {
-          minHeight: sizeStyles.minHeight,
-          paddingHorizontal: sizeStyles.paddingHorizontal,
-          paddingVertical: sizeStyles.paddingVertical
-        },
-        radiusStyles,
-        variantStyles,
-        isDisabled && styles.disabled,
-        style
-      ],
-      accessibilityLabel: _nullishCoalesce(labelText, () => ( (typeof label === "string" ? label : void 0))),
-      accessibilityRole: "button",
-      accessibilityState: { disabled: isDisabled }
-    },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.triggerContent }, isLabelInside && renderLabel, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [
-          styles.triggerText,
-          { fontSize: sizeStyles.fontSize, color: theme.colors.foreground },
-          !currentSelectedKey && !currentInputValue && { opacity: 0.5 },
-          textStyle
-        ],
-        numberOfLines: 1,
-        ellipsizeMode: "tail"
-      },
-      displayValue
-    )),
-    isClearable && (currentSelectedKey || currentInputValue) ? /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.TouchableOpacity,
-      {
-        onPress: handleClear,
-        style: styles.clearButton,
-        hitSlop: { top: 8, right: 8, bottom: 8, left: 8 }
-      },
-      _nullishCoalesce(clearIcon, () => ( /* @__PURE__ */ _react2.default.createElement(_icons.CloseIcon, { color: theme.colors.foreground, size: 20 })))
-    ) : null
-  );
-};
-
-// src/components/autocomplete/autocomplete.tsx
-var defaultPlaceholder = "Search...";
-var Autocomplete = ({
-  children,
-  variant = "colored",
-  themeColor = "default",
-  size = "md",
-  radius = "md",
-  placeholder = defaultPlaceholder,
-  labelPlacement = "outside",
-  label,
-  description,
-  errorMessage,
-  clearIcon,
-  fullWidth = false,
-  isDisabled = false,
-  isInvalid = false,
-  isClearable = true,
-  allowsCustomValue = false,
-  forceSelection = false,
-  allowsEmptyCollection = true,
-  disableLocalFilter = false,
-  inputValue,
-  defaultInputValue,
-  customAppearance,
-  onClose,
-  onOpenChange,
-  onSelectionChange,
-  onInputChange,
-  onClear
-}) => {
-  const { currentSelectedKey, updateSelection } = useAutocompleteSelection({
-    onSelectionChange
-  });
-  const { currentInputValue, updateInputValue } = useAutocompleteInputState({
-    inputValue,
-    defaultInputValue,
-    selectedKey: currentSelectedKey,
-    onInputChange
-  });
-  const { isOpen, setOpen } = useAutocompleteOpenState({
-    isOpened: void 0,
-    isDisabled,
-    onOpenChange,
-    onClose
-  });
-  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 = _react.useMemo.call(void 0, () => {
-    const elements = _react2.default.Children.toArray(children).filter(Boolean);
-    return elements.map((child, index) => {
-      if (!_react2.default.isValidElement(child)) {
-        return null;
-      }
-      const key = _nullishCoalesce(child.props.value, () => ( String(index)));
-      const labelText = _nullishCoalesce(getTextValue(child.props.label), () => ( key));
-      return {
-        key,
-        element: child,
-        labelText
-      };
-    }).filter((item) => item !== null);
-  }, [children]);
-  const filteredItems = _react.useMemo.call(void 0, () => {
-    if (disableLocalFilter || !currentInputValue.trim()) {
-      return items;
-    }
-    return items.filter(
-      (item) => defaultFilterFunction(item.labelText, currentInputValue)
-    );
-  }, [disableLocalFilter, items, currentInputValue]);
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const sizeStyles = useAutocompleteSizeStyles(size);
-  const { radiusStyles } = useAutocompleteRadiusStyles(radius);
-  const variantStyles = useAutocompleteVariantStyles(themeColor, variant, isInvalid);
-  const labelStyle = useAutocompleteLabelStyle(
-    themeColor,
-    isInvalid,
-    sizeStyles.labelSize
-  );
-  const helperColor = useAutocompleteHelperColor(isInvalid);
-  const selectedItem = items.find((item) => item.key === currentSelectedKey);
-  const displayValue = forceSelection ? _optionalChain([selectedItem, 'optionalAccess', _15 => _15.labelText]) || placeholder : currentInputValue || placeholder;
-  const handleInputChange = _react.useCallback.call(void 0, 
-    (text) => {
-      updateInputValue(text);
-      const selectedLabel = _nullishCoalesce(_optionalChain([selectedItem, 'optionalAccess', _16 => _16.labelText]), () => ( ""));
-      const shouldClearSelection = !text.trim() && !allowsCustomValue || currentSelectedKey !== null && text !== selectedLabel;
-      if (shouldClearSelection) {
-        updateSelection(null);
-      }
-    },
-    [
-      updateInputValue,
-      allowsCustomValue,
-      updateSelection,
-      selectedItem,
-      currentSelectedKey
-    ]
-  );
-  const handleItemSelection = _react.useCallback.call(void 0, 
-    (key, itemLabel) => {
-      if (isDisabled) {
-        return;
-      }
-      updateSelection(key);
-      updateInputValue(itemLabel);
-      setTimeout(() => {
-        _reactnative.Keyboard.dismiss();
-        setOpen(false);
-      }, 50);
-    },
-    [isDisabled, updateSelection, updateInputValue, setOpen]
-  );
-  const handleCheckmark = _react.useCallback.call(void 0, () => {
-    setOpen(false);
-  }, [setOpen]);
-  const handleClear = _react.useCallback.call(void 0, () => {
-    if (isDisabled) {
-      return;
-    }
-    updateSelection(null);
-    updateInputValue("");
-    _optionalChain([onClear, 'optionalCall', _17 => _17()]);
-  }, [isDisabled, updateSelection, updateInputValue, onClear]);
-  const handleTriggerPress = _react.useCallback.call(void 0, () => {
-    if (!isDisabled) {
-      if (selectedItem && !currentInputValue) {
-        updateInputValue(selectedItem.labelText);
-      }
-      setOpen(true);
-    }
-  }, [isDisabled, setOpen, selectedItem, currentInputValue, updateInputValue]);
-  const listItems = filteredItems.map((item) => {
-    const itemProps = item.element.props;
-    const itemDisabled = isDisabled || itemProps.isDisabled;
-    const itemSelected = _nullishCoalesce(itemProps.isSelected, () => ( currentSelectedKey === item.key));
-    const handleItemSelected = () => {
-      if (itemDisabled || itemProps.isReadOnly) {
-        return;
-      }
-      handleItemSelection(item.key, item.labelText);
-      _optionalChain([itemProps, 'access', _18 => _18.onSelected, 'optionalCall', _19 => _19()]);
-    };
-    return _react2.default.cloneElement(item.element, {
-      key: item.key,
-      isDisabled: itemDisabled,
-      isSelected: itemSelected,
-      onSelected: handleItemSelected
-    });
-  });
-  const showEmptyMessage = !allowsEmptyCollection && listItems.length === 0;
-  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__ */ _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__ */ _react2.default.createElement(
-    AutocompleteTrigger,
-    {
-      triggerRef,
-      isDisabled,
-      currentSelectedKey,
-      currentInputValue,
-      displayValue,
-      sizeStyles,
-      radiusStyles,
-      variantStyles,
-      theme,
-      isClearable,
-      label: renderLabel,
-      labelText: typeof label === "string" ? label : void 0,
-      isLabelInside,
-      clearIcon,
-      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__ */ _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,
-      inputValue: currentInputValue,
-      placeholder,
-      title: typeof label === "string" ? label : void 0,
-      themeColor,
-      _triggerLayout: triggerLayout,
-      showCheckmark: false,
-      onInputChange: handleInputChange,
-      onClose: () => setOpen(false),
-      onCheckmark: handleCheckmark
-    },
-    /* @__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
-
-
-
-// src/components/autocomplete/autocomplete-item.style.ts
-
-var styles3 = _reactnative.StyleSheet.create({
-  item: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  content: {
-    flex: 1,
-    gap: 2
-  },
-  title: {
-    fontWeight: "500"
-  },
-  description: {
-    opacity: 0.7
-  },
-  disabled: {
-    opacity: 0.5
-  }
-});
-
-// src/components/autocomplete/autocomplete-item.hook.ts
-
-
-var useAutocompleteItemSizeStyles = (size) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    const sizes = {
-      xs: {
-        paddingVertical: theme.spacing.sm,
-        paddingHorizontal: theme.spacing.sm,
-        titleSize: theme.fontSizes.xs,
-        descriptionSize: theme.fontSizes.xs
-      },
-      sm: {
-        paddingVertical: theme.spacing.sm,
-        paddingHorizontal: theme.spacing.sm,
-        titleSize: theme.fontSizes.sm,
-        descriptionSize: theme.fontSizes.xs
-      },
-      md: {
-        paddingVertical: theme.spacing.sm,
-        paddingHorizontal: theme.spacing.sm,
-        titleSize: theme.fontSizes.md,
-        descriptionSize: theme.fontSizes.xs
-      },
-      lg: {
-        paddingVertical: theme.spacing.sm,
-        paddingHorizontal: theme.spacing.sm,
-        titleSize: theme.fontSizes.lg,
-        descriptionSize: theme.fontSizes.md
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-};
-var useAutocompleteItemBackgroundColor = (themeColor, isSelected) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  return _react.useMemo.call(void 0, () => {
-    return "transparent";
-  }, [isSelected, colorScheme]);
-};
-var useAutocompleteItemTextColors = () => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    return {
-      textColor: theme.colors.foreground,
-      descriptionColor: theme.colors.foreground
-    };
-  }, [theme]);
-};
-var useAutocompleteItemCheckmarkColor = (themeColor) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  return _react.useMemo.call(void 0, () => {
-    if (themeColor === "default") {
-      return theme.colors.primary.main;
-    }
-    return colorScheme.main;
-  }, [themeColor, colorScheme, theme]);
-};
-var useAutocompleteItemStyles = (isSelected, _isDisabled) => {
-  const context = _react.useContext.call(void 0, AutocompleteContext);
-  const backgroundColor = useAutocompleteItemBackgroundColor(
-    context.themeColor,
-    isSelected
-  );
-  const { textColor, descriptionColor } = useAutocompleteItemTextColors();
-  const checkmarkColor = useAutocompleteItemCheckmarkColor(context.themeColor);
-  return {
-    backgroundColor,
-    labelColor: textColor,
-    descriptionColor,
-    checkmarkColor
-  };
-};
-
-// src/components/autocomplete/autocomplete-item.tsx
-var defaultSize = "md";
-var AutocompleteItem = ({
-  label,
-  description,
-  startContent,
-  endContent,
-  selectedIcon: _selectedIcon,
-  isDisabled = false,
-  isSelected = false,
-  isReadOnly = false,
-  customAppearance,
-  onSelected
-}) => {
-  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;
-    }
-    _optionalChain([onSelected, 'optionalCall', _24 => _24()]);
-  };
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      onPress: handlePress,
-      disabled: isItemDisabled,
-      style: [
-        styles3.item,
-        {
-          paddingVertical: sizeStyles.paddingVertical,
-          paddingHorizontal: sizeStyles.paddingHorizontal,
-          backgroundColor
-        },
-        isItemDisabled && styles3.disabled,
-        _optionalChain([customAppearance, 'optionalAccess', _25 => _25.container])
-      ]
-    },
-    startContent,
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles3.content }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [
-          styles3.title,
-          { fontSize: sizeStyles.titleSize, color: labelColor },
-          _optionalChain([customAppearance, 'optionalAccess', _26 => _26.text])
-        ]
-      },
-      label
-    ), description && /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [
-          styles3.description,
-          { fontSize: sizeStyles.descriptionSize, color: descriptionColor }
-        ]
-      },
-      description
-    )),
-    endContent
-  );
-};
-
-
-
-exports.Autocomplete = Autocomplete; exports.AutocompleteItem = AutocompleteItem;