@xaui/native 0.9.1-alpha.93 → 0.9.1-beta.95

package/dist/chunk-MNBEUNC5.cjs

@@ -0,0 +1,792 @@
+"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 _chunkFJGPDWMScjs = require('./chunk-FJGPDWMS.cjs');
+var _chunkYVYYONTPcjs = require('./chunk-YVYYONTP.cjs');
+var _chunkJ5COSALOcjs = require('./chunk-J5COSALO.cjs');
+var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
+var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
+var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+var _chunkHBYT7B47cjs = require('./chunk-HBYT7B47.cjs');
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
+var _chunkFHNIGHN5cjs = require('./chunk-FHNIGHN5.cjs');
+var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/autocomplete/autocomplete.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/autocomplete/autocomplete.context.ts
+var [AutocompleteProvider, useAutocomplete] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Autocomplete");
+var [AutocompleteItemProvider, useAutocompleteItem] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Autocomplete.Item");
+
+// src/components/autocomplete/autocomplete.recipe.ts
+var SLOTS = ["search", "empty"];
+var VARIANT_TOKENS = {
+  // The search box is a field **inside** a panel rather than one on a page, so it takes
+  // the recessed neutral rather than `fieldBackground` — on a white panel the latter is
+  // the panel's own colour and the box would vanish into it. It is the same reasoning the
+  // `Checkbox`'s `secondary` gives for the same swap.
+  default: {
+    bg: "default",
+    fg: "fieldForeground"
+  }
+};
+var SIZES = {
+  sm: {
+    value: "md"
+  },
+  md: {
+    value: "md"
+  },
+  lg: {
+    value: "lg"
+  }
+};
+var BOX = {
+  height: 10,
+  paddingHorizontal: 3,
+  radius: "field",
+  marginBottom: 2
+};
+function sizeAxis(step) {
+  return theme => ({
+    search: {
+      fontSize: theme.fontSizes[step.value],
+      lineHeight: theme.lineHeights[step.value]
+    }
+  });
+}
+var autocompleteRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: theme => ({
+    search: {
+      height: theme.spacing(BOX.height),
+      paddingHorizontal: theme.spacing(BOX.paddingHorizontal),
+      marginBottom: theme.spacing(BOX.marginBottom),
+      borderRadius: theme.radius[BOX.radius],
+      borderCurve: "continuous",
+      fontFamily: theme.fontFamilies.body
+    },
+    empty: {
+      fontFamily: theme.fontFamilies.body,
+      fontSize: theme.fontSizes.sm,
+      lineHeight: theme.lineHeights.sm,
+      color: theme.colors.muted,
+      textAlign: "center",
+      paddingVertical: theme.spacing(4)
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (_theme, colors) => ({
+    search: {
+      backgroundColor: colors.bg,
+      color: colors.fg
+    }
+  }),
+  variants: {
+    size: {
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+
+// src/components/autocomplete/autocomplete.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function Autocomplete({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  isOpen: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  query: controlledQuery,
+  defaultQuery = "",
+  onQueryChange,
+  isDisabled = false,
+  isInvalid = false
+}) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const {
+    labelFor,
+    registerLabel
+  } = _chunkFJGPDWMScjs.useLabelRegistry.call(void 0);
+  const [anchor, setAnchor] = _react.useState.call(void 0, null);
+  const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledValue,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [query, setQueryState] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledQuery,
+    defaultValue: defaultQuery,
+    onChange: onQueryChange
+  });
+  const selection = {
+    variant,
+    size,
+    radius,
+    isOpen: isOpen ? "true" : void 0,
+    isInvalid: isInvalid ? "true" : void 0
+  };
+  const styles = _chunkJ5COSALOcjs.selectRecipe.resolve({
+    theme,
+    selection,
+    states: {
+      disabled: isDisabled
+    }
+  });
+  const pressed = _chunkJ5COSALOcjs.selectRecipe.resolve({
+    theme,
+    selection,
+    states: {
+      pressed: true
+    }
+  });
+  const tint = color ? _chunkJ5COSALOcjs.selectRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  const own = autocompleteRecipe.resolve({
+    theme,
+    selection: {
+      size
+    }
+  });
+  const ownTint = color ? autocompleteRecipe.tint({
+    theme,
+    color,
+    selection: {
+      size
+    }
+  }) : void 0;
+  const open = _react.useCallback.call(void 0, () => setOpen(true), [setOpen]);
+  const close = _react.useCallback.call(void 0, () => {
+    setOpen(false);
+    setQueryState("");
+  }, [setOpen, setQueryState]);
+  const toggle = _react.useCallback.call(void 0, () => isOpen ? close() : open(), [close, isOpen, open]);
+  const select = _react.useCallback.call(void 0, (next, label) => {
+    if (label !== void 0) registerLabel(next, label);
+    setValue(next);
+    close();
+  }, [close, registerLabel, setValue]);
+  const context = _react.useMemo.call(void 0, () => {
+    const indicator = _reactnative.StyleSheet.flatten([styles.indicator, _optionalChain([tint, 'optionalAccess', _ => _.indicator])]);
+    const tintedPlaceholder = tint ? _reactnative.StyleSheet.flatten([tint.value]).color : void 0;
+    return {
+      triggerStyle: tint ? [styles.trigger, tint.trigger] : styles.trigger,
+      triggerPressedStyle: pressed.trigger,
+      valueStyle: tint ? [styles.value, tint.value] : styles.value,
+      placeholderStyle: tint ? [styles.placeholder, {
+        color: tintedPlaceholder
+      }] : styles.placeholder,
+      indicatorStyle: styles.indicator,
+      overlayStyle: styles.overlay,
+      contentStyle: styles.content,
+      searchStyle: ownTint ? [own.search, ownTint.search] : own.search,
+      emptyStyle: own.empty,
+      itemStyle: styles.item,
+      itemPressedStyle: pressed.item,
+      itemLabelStyle: styles.itemLabel,
+      glyph: {
+        size: indicator.fontSize,
+        color: typeof indicator.color === "string" ? indicator.color : void 0
+      },
+      placeholderColor: _reactnative.StyleSheet.flatten([styles.placeholder]).color,
+      value,
+      query,
+      setQuery: setQueryState,
+      isOpen,
+      isDisabled,
+      isInvalid,
+      open,
+      close,
+      toggle,
+      select,
+      anchor,
+      setAnchor,
+      labelFor,
+      registerLabel
+    };
+  }, [styles, pressed, tint, own, ownTint, value, query, setQueryState, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AutocompleteProvider, {
+    value: context,
+    children
+  });
+}
+Autocomplete.displayName = "XAUI.Autocomplete.Root";
+
+// src/components/autocomplete/autocomplete-content.tsx
+
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/utils/filter-items.ts
+
+function fold(text) {
+  return text.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+function matchesQuery(label, query) {
+  const needle = fold(query.trim());
+  return needle === "" || fold(label).includes(needle);
+}
+function filterItems(children, query, isItem2) {
+  const kept = [];
+  let matched = 0;
+  _react.Children.forEach(children, child => {
+    if (!_react.isValidElement.call(void 0, child) || !isItem2(child.type)) {
+      kept.push(child);
+      return;
+    }
+    const label = _chunkFJGPDWMScjs.readItemLabel.call(void 0, child.props);
+    if (label !== void 0 && !matchesQuery(label, query)) return;
+    matched += 1;
+    kept.push(child);
+  });
+  return {
+    children: kept,
+    matched
+  };
+}
+
+// src/components/autocomplete/autocomplete-empty.tsx
+
+var AutocompleteEmpty = _react.forwardRef.call(void 0, function AutocompleteEmpty2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    emptyStyle
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    ...rest,
+    style: [emptyStyle, styleProps, style],
+    children
+  });
+});
+AutocompleteEmpty.displayName = "XAUI.Autocomplete.Empty";
+
+// src/components/autocomplete/autocomplete-item.tsx
+
+// src/components/autocomplete/autocomplete-item-label.tsx
+
+var AutocompleteItemLabel = _react.forwardRef.call(void 0, function AutocompleteItemLabel2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    itemLabelStyle
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    ...rest,
+    style: [itemLabelStyle, styleProps, style],
+    children
+  });
+});
+AutocompleteItemLabel.displayName = "XAUI.Autocomplete.ItemLabel";
+
+// src/components/autocomplete/autocomplete-item.tsx
+
+var AutocompleteItem = _react.forwardRef.call(void 0, function AutocompleteItem2({
+  value,
+  label,
+  children,
+  isDisabled = false,
+  asChild = false,
+  accessibilityRole = "menuitem",
+  accessibilityState,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const {
+    itemStyle,
+    itemPressedStyle,
+    value: selected,
+    isDisabled: isRootDisabled,
+    select
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+    onPressIn,
+    onPressOut
+  });
+  const isSelected = selected === value;
+  const disabled = isRootDisabled || isDisabled;
+  const handlePress = _react.useCallback.call(void 0, event => {
+    _optionalChain([onPress, 'optionalCall', _2 => _2(event)]);
+    select(value, _nullishCoalesce(_nullishCoalesce(label, () => _chunkFHNIGHN5cjs.childrenToString.call(void 0, children)), () => void 0));
+  }, [children, label, onPress, select, value]);
+  const context = _react.useMemo.call(void 0, () => ({
+    isSelected,
+    isPressed,
+    isDisabled: disabled
+  }), [isSelected, isPressed, disabled]);
+  const text = _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AutocompleteItemProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+      ref,
+      isPressed,
+      isDisabled: disabled,
+      asChild,
+      accessibilityRole,
+      accessibilityState: {
+        disabled,
+        selected: isSelected,
+        ...accessibilityState
+      },
+      ...rest,
+      style: [itemStyle, isPressed && itemPressedStyle, styleProps, typeof style === "function" ? style({
+        pressed: isPressed
+      }) : style],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: text !== null ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, AutocompleteItemLabel, {
+        children: text
+      }) : children
+    })
+  });
+});
+AutocompleteItem.displayName = "XAUI.Autocomplete.Item";
+
+// src/components/autocomplete/autocomplete-search.tsx
+
+var AutocompleteSearch = _react.forwardRef.call(void 0, function AutocompleteSearch2({
+  autoFocus = true,
+  style,
+  ...props
+}, ref) {
+  const {
+    searchStyle,
+    placeholderColor,
+    query,
+    setQuery,
+    isDisabled
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.TextInput, {
+    ref,
+    value: query,
+    onChangeText: setQuery,
+    autoFocus,
+    editable: !isDisabled,
+    autoCorrect: false,
+    autoCapitalize: "none",
+    placeholderTextColor: placeholderColor,
+    accessibilityRole: "search",
+    ...rest,
+    style: [searchStyle, styleProps, style]
+  });
+});
+AutocompleteSearch.displayName = "XAUI.Autocomplete.Search";
+
+// src/components/autocomplete/autocomplete-content.tsx
+
+var DEFAULT_OFFSET = 8;
+var DEFAULT_INSETS = {
+  top: 12,
+  bottom: 12,
+  start: 12,
+  end: 12
+};
+var isItem = type => type === AutocompleteItem;
+var isSearch = type => type === AutocompleteSearch;
+var isEmpty = type => type === AutocompleteEmpty;
+var AutocompleteContent = _react.forwardRef.call(void 0, function AutocompleteContent2({
+  children,
+  placement = "bottom",
+  align = "center",
+  width = "trigger",
+  offset = DEFAULT_OFFSET,
+  alignOffset = 0,
+  avoidCollisions = true,
+  insets,
+  style,
+  onLayout,
+  ...props
+}, ref) {
+  const context = useAutocomplete();
+  const {
+    contentStyle,
+    isOpen,
+    anchor,
+    query,
+    registerLabel
+  } = context;
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const {
+    position,
+    onContentLayout,
+    measuringStyle
+  } = _chunkYVYYONTPcjs.useAnchoredPosition.call(void 0, {
+    anchor,
+    isOpen,
+    placement,
+    align,
+    width,
+    offset,
+    alignOffset,
+    avoidCollisions,
+    insets: {
+      ...DEFAULT_INSETS,
+      ...insets
+    },
+    onLayout
+  });
+  _react.useEffect.call(void 0, () => {
+    for (const [value, label] of _chunkFJGPDWMScjs.collectItemLabels.call(void 0, children, isItem)) {
+      registerLabel(value, label);
+    }
+  }, [children, registerLabel]);
+  const {
+    search,
+    empty,
+    rest: listed
+  } = _react.useMemo.call(void 0, () => partition(children), [children]);
+  const {
+    children: results,
+    matched
+  } = _react.useMemo.call(void 0, () => filterItems(listed, query, isItem), [listed, query]);
+  if (!isOpen || anchor === null) return null;
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, AutocompleteProvider, {
+      value: context,
+      children: /* @__PURE__ */_jsxruntime.jsxs.call(void 0, _reactnativereanimated2.default.View, {
+        ref,
+        entering: position ? _chunkEKS3W46Mcjs.anchoredEntering.call(void 0, position.placement) : void 0,
+        exiting: position ? _chunkEKS3W46Mcjs.anchoredExiting.call(void 0, position.placement) : void 0,
+        onLayout: onContentLayout,
+        ...rest,
+        style: [contentStyle, position === null ? measuringStyle : {
+          top: position.top,
+          start: position.start,
+          width: position.width,
+          maxHeight: position.maxHeight
+        }, styleProps, style],
+        children: [search, /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.ScrollView, {
+          bounces: false,
+          keyboardShouldPersistTaps: "handled",
+          showsVerticalScrollIndicator: false,
+          children: matched === 0 && empty !== null ? empty : results
+        })]
+      }, _nullishCoalesce(_optionalChain([position, 'optionalAccess', _3 => _3.placement]), () => "measuring"))
+    })
+  });
+});
+AutocompleteContent.displayName = "XAUI.Autocomplete.Content";
+function partition(children) {
+  let search = null;
+  let empty = null;
+  const rest = [];
+  _react.Children.forEach(children, child => {
+    if (_react.isValidElement.call(void 0, child) && isSearch(child.type)) {
+      search = child;
+      return;
+    }
+    if (_react.isValidElement.call(void 0, child) && isEmpty(child.type)) {
+      empty = child;
+      return;
+    }
+    rest.push(child);
+  });
+  return {
+    search,
+    empty,
+    rest
+  };
+}
+
+// src/components/autocomplete/autocomplete-indicator.tsx
+const _worklet_1062027869941_init_data = {
+  code: "function chunkMNBEUNC5Cjs1(){const{_reactnativereanimated,progress,_chunkEKS3W46Mcjs}=this.__closure;return{transform:[{rotate:_reactnativereanimated.interpolate.call(void 0,progress.get(),[0,1],[_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0],_chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MNBEUNC5.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkMNBEUNC5Cjs1\",\"_reactnativereanimated\",\"progress\",\"_chunkEKS3W46Mcjs\",\"__closure\",\"transform\",\"rotate\",\"interpolate\",\"call\",\"get\",\"INDICATOR_ROTATION\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MNBEUNC5.cjs\"],\"mappings\":\"AA4hBwE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,QAAA,CAAAC,iBAAA,OAAAC,SAAA,CAE1E,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,sBAAsB,CAACM,WAAW,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEN,QAAQ,CAACO,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACN,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAEP,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MACxK,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
+};
+function AutocompleteIndicator(props) {
+  const {
+    as = _chunkGSZDN6EZcjs.ChevronDownIcon
+  } = props;
+  const {
+    indicatorStyle,
+    isOpen
+  } = useAutocomplete();
+  const progress = _reactnativereanimated.useSharedValue.call(void 0, isOpen ? 1 : 0);
+  _react.useEffect.call(void 0, () => {
+    progress.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 1 : 0, _chunkEKS3W46Mcjs.INDICATOR_SPRING));
+  }, [isOpen, progress]);
+  const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkMNBEUNC5Cjs1Factory({
+    _worklet_1062027869941_init_data,
+    _reactnativereanimated,
+    progress,
+    _chunkEKS3W46Mcjs
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkMNBEUNC5Cjs1 = function () {
+      return {
+        transform: [{
+          rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0], _chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])}deg`
+        }]
+      };
+    };
+    chunkMNBEUNC5Cjs1.__closure = {
+      _reactnativereanimated,
+      progress,
+      _chunkEKS3W46Mcjs
+    };
+    chunkMNBEUNC5Cjs1.__workletHash = 1062027869941;
+    chunkMNBEUNC5Cjs1.__pluginVersion = "0.7.4";
+    chunkMNBEUNC5Cjs1.__initData = _worklet_1062027869941_init_data;
+    chunkMNBEUNC5Cjs1.__stackDetails = _e;
+    return chunkMNBEUNC5Cjs1;
+  }({
+    _worklet_1062027869941_init_data,
+    _reactnativereanimated,
+    progress,
+    _chunkEKS3W46Mcjs
+  }), [progress]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    style: [indicatorStyle, rotation],
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, {
+      as
+    })
+  });
+}
+AutocompleteIndicator.displayName = "XAUI.Autocomplete.Indicator";
+
+// src/components/autocomplete/autocomplete-overlay.tsx
+
+var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
+var AutocompleteOverlay = _react.forwardRef.call(void 0, function AutocompleteOverlay2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const context = useAutocomplete();
+  const {
+    overlayStyle,
+    isOpen,
+    close
+  } = context;
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  if (!isOpen) return null;
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, AutocompleteProvider, {
+      value: context,
+      children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, AnimatedPressable, {
+        ref,
+        entering: _chunkEKS3W46Mcjs.overlayEntering,
+        exiting: _chunkEKS3W46Mcjs.overlayExiting,
+        accessibilityRole: "none",
+        importantForAccessibility: "no",
+        onPress: close,
+        ...rest,
+        style: [overlayStyle, styleProps, style],
+        children
+      })
+    })
+  });
+});
+AutocompleteOverlay.displayName = "XAUI.Autocomplete.Overlay";
+
+// src/components/autocomplete/autocomplete-trigger.tsx
+
+var AutocompleteTrigger = _react.forwardRef.call(void 0, function AutocompleteTrigger2({
+  children,
+  asChild = false,
+  accessibilityRole = "combobox",
+  accessibilityState,
+  style,
+  onLayout,
+  onPressIn,
+  onPressOut,
+  onPress,
+  ...props
+}, ref) {
+  const {
+    triggerStyle,
+    triggerPressedStyle,
+    glyph,
+    isOpen,
+    isDisabled,
+    isInvalid,
+    toggle,
+    setAnchor
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+    onPressIn,
+    onPressOut
+  });
+  const node = _react.useRef.call(void 0, null);
+  const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, node, ref);
+  const measure = _react.useCallback.call(void 0, () => {
+    _optionalChain([node, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.measureInWindow, 'call', _6 => _6((x, y, width, height) => {
+      setAnchor({
+        x,
+        y,
+        width,
+        height
+      });
+    })]);
+  }, [setAnchor]);
+  const handleLayout = _react.useCallback.call(void 0, event => {
+    _optionalChain([onLayout, 'optionalCall', _7 => _7(event)]);
+    measure();
+  }, [measure, onLayout]);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen) measure();
+  }, [isOpen, measure]);
+  const handlePress = _react.useCallback.call(void 0, event => {
+    _optionalChain([onPress, 'optionalCall', _8 => _8(event)]);
+    measure();
+    toggle();
+  }, [measure, onPress, toggle]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, {
+    value: glyph,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+      ref: refs,
+      isPressed,
+      isDisabled,
+      asChild,
+      accessibilityRole,
+      accessibilityState: {
+        disabled: isDisabled,
+        expanded: isOpen,
+        ...accessibilityState
+      },
+      "aria-invalid": isInvalid || void 0,
+      ...rest,
+      onLayout: handleLayout,
+      style: [triggerStyle, isPressed && triggerPressedStyle, styleProps, typeof style === "function" ? style({
+        pressed: isPressed
+      }) : style],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children
+    })
+  });
+});
+AutocompleteTrigger.displayName = "XAUI.Autocomplete.Trigger";
+
+// src/components/autocomplete/autocomplete-value.tsx
+
+var AutocompleteValue = _react.forwardRef.call(void 0, function AutocompleteValue2({
+  children,
+  placeholder,
+  style,
+  ...props
+}, ref) {
+  const {
+    valueStyle,
+    placeholderStyle,
+    value,
+    labelFor
+  } = useAutocomplete();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const label = _nullishCoalesce(children, () => value === void 0 ? void 0 : labelFor(value));
+  const isEmpty2 = label === void 0 || label === null;
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    numberOfLines: 1,
+    ...rest,
+    style: [isEmpty2 ? placeholderStyle : valueStyle, styleProps, style],
+    children: isEmpty2 ? placeholder : label
+  });
+});
+AutocompleteValue.displayName = "XAUI.Autocomplete.Value";
+
+// src/components/autocomplete/index.ts
+var Autocomplete2 = Object.assign(Autocomplete, {
+  Trigger: AutocompleteTrigger,
+  Value: AutocompleteValue,
+  Indicator: AutocompleteIndicator,
+  Overlay: AutocompleteOverlay,
+  Content: AutocompleteContent,
+  Search: AutocompleteSearch,
+  Item: AutocompleteItem,
+  ItemLabel: AutocompleteItemLabel,
+  Empty: AutocompleteEmpty
+});
+exports.useAutocomplete = useAutocomplete;
+exports.useAutocompleteItem = useAutocompleteItem;
+exports.autocompleteRecipe = autocompleteRecipe;
+exports.Autocomplete = Autocomplete;
+exports.AutocompleteEmpty = AutocompleteEmpty;
+exports.AutocompleteItemLabel = AutocompleteItemLabel;
+exports.AutocompleteItem = AutocompleteItem;
+exports.AutocompleteSearch = AutocompleteSearch;
+exports.AutocompleteContent = AutocompleteContent;
+exports.AutocompleteIndicator = AutocompleteIndicator;
+exports.AutocompleteOverlay = AutocompleteOverlay;
+exports.AutocompleteTrigger = AutocompleteTrigger;
+exports.AutocompleteValue = AutocompleteValue;
+exports.Autocomplete2 = Autocomplete2;