@eightshift/ui-components 5.2.0 → 5.3.0

package/dist/{Separator-Fl7qSeN-.js → SearchField-jVsbJe1O.js}

@@ -1,288 +1,19 @@
-import { p as $cc38e7bd3fc7b213$export$2bb74740c4e19def, q as $feb5ffebff200149$export$c3d8340acf92597f, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, m as $c5a24bc478652b5f$export$1005530eda016c13, r as $5671b20cf9b562b2$export$831c820ad60f9d12, s as $55f9b1ae81f22853$export$76e4e37e5339496d, t as $5671b20cf9b562b2$export$447a38995de2c711, u as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, n as $55f9b1ae81f22853$export$2b35b76d2e30e129, v as $21f1aa98acb08317$export$16792effe837dba3, w as $55f9b1ae81f22853$export$759df0d867455a91, d as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./Collection-D_KhdLDC.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
-import React__default, { useMemo, createContext, useRef, useEffect, useCallback, useState } from "react";
-import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Group-C4cXobNT.js";
-import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e } from "./utils-cvK1vxO7.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-RTwMSBs-.js";
+import { $ as $8e6cc465cc68f603$export$698f465ec27e93df, a as $8e6cc465cc68f603$export$b0d3ecf7112093a7 } from "./context-DCAZLyDS.js";
+import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-cvK1vxO7.js";
+import { u as $507fabe10e71c6fb$export$630ff653c5ada6a9, b as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-LmGemtHE.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Cdxi6JSa.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
+import { v as $5671b20cf9b562b2$export$831c820ad60f9d12, w as $55f9b1ae81f22853$export$76e4e37e5339496d, x as $5671b20cf9b562b2$export$447a38995de2c711, y as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, t as $55f9b1ae81f22853$export$2b35b76d2e30e129, z as $21f1aa98acb08317$export$16792effe837dba3, A as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-CabSdgMq.js";
+import React__default, { useRef, useEffect, useCallback, useMemo, useState, createContext } from "react";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-npzfSoYo.js";
 import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-B8BgFmIQ.js";
-import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-BeMxJA29.js";
+import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
+import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Input-ChJaTNa5.js";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DWVaNd2E.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
 import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
-import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, h as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, v as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useHover-44IApaa2.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
-import { b as $bcdf0525bf22703d$export$2129e27b3ef0d483 } from "./TextField-x_eEa_qR.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Cdxi6JSa.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
-function $62d8ded9296f3872$export$cfa2225e87938781(node, checkForOverflow) {
-  let scrollableNode = node;
-  if ($cc38e7bd3fc7b213$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
-  while (scrollableNode && !$cc38e7bd3fc7b213$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
-  return scrollableNode || document.scrollingElement || document.documentElement;
-}
-let $325a3faab7a68acd$var$cache = /* @__PURE__ */ new Map();
-function $325a3faab7a68acd$export$a16aca283550c30d(options) {
-  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
-  if ($325a3faab7a68acd$var$cache.has(cacheKey)) return $325a3faab7a68acd$var$cache.get(cacheKey);
-  let formatter = new Intl.Collator(locale, options);
-  $325a3faab7a68acd$var$cache.set(cacheKey, formatter);
-  return formatter;
-}
-class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
-  getItemRect(key) {
-    let container = this.ref.current;
-    if (!container) return null;
-    let item = key != null ? $feb5ffebff200149$export$c3d8340acf92597f(this.ref, key) : null;
-    if (!item) return null;
-    let containerRect = container.getBoundingClientRect();
-    let itemRect = item.getBoundingClientRect();
-    return {
-      x: itemRect.left - containerRect.left + container.scrollLeft,
-      y: itemRect.top - containerRect.top + container.scrollTop,
-      width: itemRect.width,
-      height: itemRect.height
-    };
-  }
-  getContentSize() {
-    let container = this.ref.current;
-    var _container_scrollWidth, _container_scrollHeight;
-    return {
-      width: (_container_scrollWidth = container === null || container === void 0 ? void 0 : container.scrollWidth) !== null && _container_scrollWidth !== void 0 ? _container_scrollWidth : 0,
-      height: (_container_scrollHeight = container === null || container === void 0 ? void 0 : container.scrollHeight) !== null && _container_scrollHeight !== void 0 ? _container_scrollHeight : 0
-    };
-  }
-  getVisibleRect() {
-    let container = this.ref.current;
-    var _container_scrollLeft, _container_scrollTop, _container_offsetWidth, _container_offsetHeight;
-    return {
-      x: (_container_scrollLeft = container === null || container === void 0 ? void 0 : container.scrollLeft) !== null && _container_scrollLeft !== void 0 ? _container_scrollLeft : 0,
-      y: (_container_scrollTop = container === null || container === void 0 ? void 0 : container.scrollTop) !== null && _container_scrollTop !== void 0 ? _container_scrollTop : 0,
-      width: (_container_offsetWidth = container === null || container === void 0 ? void 0 : container.offsetWidth) !== null && _container_offsetWidth !== void 0 ? _container_offsetWidth : 0,
-      height: (_container_offsetHeight = container === null || container === void 0 ? void 0 : container.offsetHeight) !== null && _container_offsetHeight !== void 0 ? _container_offsetHeight : 0
-    };
-  }
-  constructor(ref) {
-    this.ref = ref;
-  }
-}
-class $2a25aae57d74318e$export$a05409b8bb224a5a {
-  isDisabled(item) {
-    var _item_props;
-    return this.disabledBehavior === "all" && (((_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.isDisabled) || this.disabledKeys.has(item.key));
-  }
-  findNextNonDisabled(key, getNext) {
-    let nextKey = key;
-    while (nextKey != null) {
-      let item = this.collection.getItem(nextKey);
-      if ((item === null || item === void 0 ? void 0 : item.type) === "item" && !this.isDisabled(item)) return nextKey;
-      nextKey = getNext(nextKey);
-    }
-    return null;
-  }
-  getNextKey(key) {
-    let nextKey = key;
-    nextKey = this.collection.getKeyAfter(nextKey);
-    return this.findNextNonDisabled(nextKey, (key2) => this.collection.getKeyAfter(key2));
-  }
-  getPreviousKey(key) {
-    let nextKey = key;
-    nextKey = this.collection.getKeyBefore(nextKey);
-    return this.findNextNonDisabled(nextKey, (key2) => this.collection.getKeyBefore(key2));
-  }
-  findKey(key, nextKey, shouldSkip) {
-    let tempKey = key;
-    let itemRect = this.layoutDelegate.getItemRect(tempKey);
-    if (!itemRect || tempKey == null) return null;
-    let prevRect = itemRect;
-    do {
-      tempKey = nextKey(tempKey);
-      if (tempKey == null) break;
-      itemRect = this.layoutDelegate.getItemRect(tempKey);
-    } while (itemRect && shouldSkip(prevRect, itemRect) && tempKey != null);
-    return tempKey;
-  }
-  isSameRow(prevRect, itemRect) {
-    return prevRect.y === itemRect.y || prevRect.x !== itemRect.x;
-  }
-  isSameColumn(prevRect, itemRect) {
-    return prevRect.x === itemRect.x || prevRect.y !== itemRect.y;
-  }
-  getKeyBelow(key) {
-    if (this.layout === "grid" && this.orientation === "vertical") return this.findKey(key, (key2) => this.getNextKey(key2), this.isSameRow);
-    else return this.getNextKey(key);
-  }
-  getKeyAbove(key) {
-    if (this.layout === "grid" && this.orientation === "vertical") return this.findKey(key, (key2) => this.getPreviousKey(key2), this.isSameRow);
-    else return this.getPreviousKey(key);
-  }
-  getNextColumn(key, right) {
-    return right ? this.getPreviousKey(key) : this.getNextKey(key);
-  }
-  getKeyRightOf(key) {
-    let layoutDelegateMethod = this.direction === "ltr" ? "getKeyRightOf" : "getKeyLeftOf";
-    if (this.layoutDelegate[layoutDelegateMethod]) {
-      key = this.layoutDelegate[layoutDelegateMethod](key);
-      return this.findNextNonDisabled(key, (key2) => this.layoutDelegate[layoutDelegateMethod](key2));
-    }
-    if (this.layout === "grid") {
-      if (this.orientation === "vertical") return this.getNextColumn(key, this.direction === "rtl");
-      else return this.findKey(key, (key2) => this.getNextColumn(key2, this.direction === "rtl"), this.isSameColumn);
-    } else if (this.orientation === "horizontal") return this.getNextColumn(key, this.direction === "rtl");
-    return null;
-  }
-  getKeyLeftOf(key) {
-    let layoutDelegateMethod = this.direction === "ltr" ? "getKeyLeftOf" : "getKeyRightOf";
-    if (this.layoutDelegate[layoutDelegateMethod]) {
-      key = this.layoutDelegate[layoutDelegateMethod](key);
-      return this.findNextNonDisabled(key, (key2) => this.layoutDelegate[layoutDelegateMethod](key2));
-    }
-    if (this.layout === "grid") {
-      if (this.orientation === "vertical") return this.getNextColumn(key, this.direction === "ltr");
-      else return this.findKey(key, (key2) => this.getNextColumn(key2, this.direction === "ltr"), this.isSameColumn);
-    } else if (this.orientation === "horizontal") return this.getNextColumn(key, this.direction === "ltr");
-    return null;
-  }
-  getFirstKey() {
-    let key = this.collection.getFirstKey();
-    return this.findNextNonDisabled(key, (key2) => this.collection.getKeyAfter(key2));
-  }
-  getLastKey() {
-    let key = this.collection.getLastKey();
-    return this.findNextNonDisabled(key, (key2) => this.collection.getKeyBefore(key2));
-  }
-  getKeyPageAbove(key) {
-    let menu = this.ref.current;
-    let itemRect = this.layoutDelegate.getItemRect(key);
-    if (!itemRect) return null;
-    if (menu && !$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu)) return this.getFirstKey();
-    let nextKey = key;
-    if (this.orientation === "horizontal") {
-      let pageX = Math.max(0, itemRect.x + itemRect.width - this.layoutDelegate.getVisibleRect().width);
-      while (itemRect && itemRect.x > pageX && nextKey != null) {
-        nextKey = this.getKeyAbove(nextKey);
-        itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
-      }
-    } else {
-      let pageY = Math.max(0, itemRect.y + itemRect.height - this.layoutDelegate.getVisibleRect().height);
-      while (itemRect && itemRect.y > pageY && nextKey != null) {
-        nextKey = this.getKeyAbove(nextKey);
-        itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
-      }
-    }
-    return nextKey !== null && nextKey !== void 0 ? nextKey : this.getFirstKey();
-  }
-  getKeyPageBelow(key) {
-    let menu = this.ref.current;
-    let itemRect = this.layoutDelegate.getItemRect(key);
-    if (!itemRect) return null;
-    if (menu && !$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu)) return this.getLastKey();
-    let nextKey = key;
-    if (this.orientation === "horizontal") {
-      let pageX = Math.min(this.layoutDelegate.getContentSize().width, itemRect.y - itemRect.width + this.layoutDelegate.getVisibleRect().width);
-      while (itemRect && itemRect.x < pageX && nextKey != null) {
-        nextKey = this.getKeyBelow(nextKey);
-        itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
-      }
-    } else {
-      let pageY = Math.min(this.layoutDelegate.getContentSize().height, itemRect.y - itemRect.height + this.layoutDelegate.getVisibleRect().height);
-      while (itemRect && itemRect.y < pageY && nextKey != null) {
-        nextKey = this.getKeyBelow(nextKey);
-        itemRect = nextKey == null ? null : this.layoutDelegate.getItemRect(nextKey);
-      }
-    }
-    return nextKey !== null && nextKey !== void 0 ? nextKey : this.getLastKey();
-  }
-  getKeyForSearch(search, fromKey) {
-    if (!this.collator) return null;
-    let collection = this.collection;
-    let key = fromKey || this.getFirstKey();
-    while (key != null) {
-      let item = collection.getItem(key);
-      if (!item) return null;
-      let substring = item.textValue.slice(0, search.length);
-      if (item.textValue && this.collator.compare(substring, search) === 0) return key;
-      key = this.getNextKey(key);
-    }
-    return null;
-  }
-  constructor(...args) {
-    if (args.length === 1) {
-      let opts = args[0];
-      this.collection = opts.collection;
-      this.ref = opts.ref;
-      this.collator = opts.collator;
-      this.disabledKeys = opts.disabledKeys || /* @__PURE__ */ new Set();
-      this.disabledBehavior = opts.disabledBehavior || "all";
-      this.orientation = opts.orientation || "vertical";
-      this.direction = opts.direction;
-      this.layout = opts.layout || "stack";
-      this.layoutDelegate = opts.layoutDelegate || new $657e4dc4a6e88df0$export$8f5ed9ff9f511381(opts.ref);
-    } else {
-      this.collection = args[0];
-      this.disabledKeys = args[1];
-      this.ref = args[2];
-      this.collator = args[3];
-      this.layout = "stack";
-      this.orientation = "vertical";
-      this.disabledBehavior = "all";
-      this.layoutDelegate = new $657e4dc4a6e88df0$export$8f5ed9ff9f511381(this.ref);
-    }
-    if (this.layout === "stack" && this.orientation === "vertical") {
-      this.getKeyLeftOf = void 0;
-      this.getKeyRightOf = void 0;
-    }
-  }
-}
-function $982254629710d113$export$b95089534ab7c1fd(props) {
-  let { selectionManager, collection, disabledKeys, ref, keyboardDelegate, layoutDelegate } = props;
-  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
-    usage: "search",
-    sensitivity: "base"
-  });
-  let disabledBehavior = selectionManager.disabledBehavior;
-  let delegate = useMemo(() => keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a({
-    collection,
-    disabledKeys,
-    disabledBehavior,
-    ref,
-    collator,
-    layoutDelegate
-  }), [
-    keyboardDelegate,
-    layoutDelegate,
-    collection,
-    disabledKeys,
-    ref,
-    collator,
-    disabledBehavior
-  ]);
-  let { collectionProps } = $ae20dd8cbca75726$export$d6daf82dcd84e87c({
-    ...props,
-    ref,
-    selectionManager,
-    keyboardDelegate: delegate
-  });
-  return {
-    listProps: collectionProps
-  };
-}
-const $453cc9f0df89c0a5$var$cache = /* @__PURE__ */ new WeakMap();
-function $453cc9f0df89c0a5$export$77d5aafae4e095b2(collection) {
-  let count = $453cc9f0df89c0a5$var$cache.get(collection);
-  if (count != null) return count;
-  let counter = 0;
-  let countItems = (items) => {
-    for (let item of items) {
-      if (item.type === "section") countItems($c5a24bc478652b5f$export$1005530eda016c13(item, collection));
-      else if (item.type === "item") counter++;
-    }
-  };
-  countItems(collection);
-  $453cc9f0df89c0a5$var$cache.set(collection, counter);
-  return counter;
-}
 var $03c9a1a10de12f06$exports = {};
 $03c9a1a10de12f06$exports = {
   "Clear search": `مسح البحث`
@@ -514,117 +245,6 @@ function $4d52238874b24f86$export$9bb30bbe003b82e0(props, state, inputRef) {
     ...validation
   };
 }
-function $f4b273590fab9f93$export$52210f68a14655d0(props) {
-  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    labelable: true
-  });
-  let ariaOrientation;
-  if (props.orientation === "vertical") ariaOrientation = "vertical";
-  if (props.elementType !== "hr") return {
-    separatorProps: {
-      ...domProps,
-      role: "separator",
-      "aria-orientation": ariaOrientation
-    }
-  };
-  return {
-    separatorProps: domProps
-  };
-}
-function $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2(props) {
-  let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715($0b2218c4e3fe7d7e$var$toString(props.value), $0b2218c4e3fe7d7e$var$toString(props.defaultValue) || "", props.onChange);
-  return {
-    value,
-    setValue
-  };
-}
-function $0b2218c4e3fe7d7e$var$toString(val) {
-  if (val == null) return;
-  return val.toString();
-}
-const $440f4836bcb56932$export$d1c4e4c63cb03a11 = /* @__PURE__ */ createContext(null);
-const $440f4836bcb56932$export$b94867ecbd698f21 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function SearchField(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $440f4836bcb56932$export$d1c4e4c63cb03a11);
-  let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
-  var _props_validationBehavior, _ref;
-  let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
-  let inputRef = useRef(null);
-  let [inputContextProps, mergedInputRef] = $64fa3d84918910a7$export$29f1550f4b0d4415({}, inputRef, $3985021b0ad6602f$export$37fb8590cf2c088c);
-  let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
-  let state = $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2({
-    ...props,
-    validationBehavior
-  });
-  let { labelProps, inputProps, clearButtonProps, descriptionProps, errorMessageProps, ...validation } = $4d52238874b24f86$export$9bb30bbe003b82e0({
-    ...$64fa3d84918910a7$export$ef03459518577ad4(props),
-    label,
-    validationBehavior
-  }, state, mergedInputRef);
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    values: {
-      isEmpty: state.value === "",
-      isDisabled: props.isDisabled || false,
-      isInvalid: validation.isInvalid || false,
-      state
-    },
-    defaultClassName: "react-aria-SearchField"
-  });
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-    global: true
-  });
-  delete DOMProps.id;
-  return /* @__PURE__ */ React__default.createElement("div", {
-    ...DOMProps,
-    ...renderProps,
-    ref,
-    slot: props.slot || void 0,
-    "data-empty": state.value === "" || void 0,
-    "data-disabled": props.isDisabled || void 0,
-    "data-invalid": validation.isInvalid || void 0
-  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
-    values: [
-      [
-        $01b77f81d0f07f68$export$75b6ee27786ba447,
-        {
-          ...labelProps,
-          ref: labelRef
-        }
-      ],
-      [
-        $3985021b0ad6602f$export$37fb8590cf2c088c,
-        {
-          ...$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, inputContextProps),
-          ref: mergedInputRef
-        }
-      ],
-      [
-        $d2b4bc8c273e7be6$export$24d547caef80ccd1,
-        clearButtonProps
-      ],
-      [
-        $514c0188e459b4c0$export$9afb8bc826b033ea,
-        {
-          slots: {
-            description: descriptionProps,
-            errorMessage: errorMessageProps
-          }
-        }
-      ],
-      [
-        $a049562f99e7db0e$export$f9c6924e160136d1,
-        {
-          isInvalid: validation.isInvalid,
-          isDisabled: props.isDisabled || false
-        }
-      ],
-      [
-        $ee014567cb39d3f0$export$ff05c3ac10437e03,
-        validation
-      ]
-    ]
-  }, renderProps.children));
-});
 var $35cd24659c58727a$exports = {};
 $35cd24659c58727a$exports = {
   "collectionLabel": `مقترحات`
@@ -802,13 +422,14 @@ function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
 function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
-  let { inputRef, collectionRef, filter, disableAutoFocusFirst = false } = props;
-  let collectionId = $bdb11010cef70236$export$f680877a34711e37();
+  let { inputRef, collectionRef, filter, disableAutoFocusFirst = false, disableVirtualFocus = false } = props;
+  let collectionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
   let timeout = useRef(void 0);
   let delayNextActiveDescendant = useRef(false);
   let queuedActiveDescendant = useRef(null);
   let lastCollectionNode = useRef(null);
-  let shouldUseVirtualFocus = $507fabe10e71c6fb$export$630ff653c5ada6a9() !== "virtual";
+  let isMobileScreenReader = $507fabe10e71c6fb$export$630ff653c5ada6a9() === "virtual" && ($c87311424ea30a05$export$fedb369cb70207f1() || $c87311424ea30a05$export$a11b0059900ceec8());
+  let shouldUseVirtualFocus = !isMobileScreenReader && !disableVirtualFocus;
   useEffect(() => {
     return () => clearTimeout(timeout.current);
   }, []);
@@ -827,7 +448,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
         queuedActiveDescendant.current = target.id;
         state.setFocusedNodeId(target.id);
       }
-    } else {
+    } else if (queuedActiveDescendant.current && !document.getElementById(queuedActiveDescendant.current)) {
       queuedActiveDescendant.current = null;
       state.setFocusedNodeId(null);
     }
@@ -882,7 +503,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
   });
   let onChange = (value) => {
     if (lastInputType.current === "insertText" && !disableAutoFocusFirst) focusFirstItem();
-    else if (lastInputType.current.includes("insert") || lastInputType.current.includes("delete") || lastInputType.current.includes("history")) {
+    else if (lastInputType.current && (lastInputType.current.includes("insert") || lastInputType.current.includes("delete") || lastInputType.current.includes("history"))) {
       clearVirtualFocus(true);
       if ($55f9b1ae81f22853$export$759df0d867455a91(document) === inputRef.current) $55f9b1ae81f22853$export$2b35b76d2e30e129(inputRef.current, null);
     }
@@ -890,7 +511,6 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
   };
   let keyDownTarget = useRef(null);
   let onKeyDown = (e) => {
-    var _collectionRef_current;
     keyDownTarget.current = e.target;
     if (e.nativeEvent.isComposing) return;
     let focusedNodeId = queuedActiveDescendant.current;
@@ -912,23 +532,26 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
       case "PageUp":
       case "ArrowUp":
       case "ArrowDown": {
-        var _collectionRef_current1;
+        var _collectionRef_current;
         if ((e.key === "Home" || e.key === "End") && focusedNodeId == null && e.shiftKey) return;
         e.preventDefault();
         let focusCollection = new CustomEvent($5671b20cf9b562b2$export$831c820ad60f9d12, {
           cancelable: true,
           bubbles: true
         });
-        (_collectionRef_current1 = collectionRef.current) === null || _collectionRef_current1 === void 0 ? void 0 : _collectionRef_current1.dispatchEvent(focusCollection);
+        (_collectionRef_current = collectionRef.current) === null || _collectionRef_current === void 0 ? void 0 : _collectionRef_current.dispatchEvent(focusCollection);
         break;
       }
     }
     if (!e.isPropagationStopped()) e.stopPropagation();
     let shouldPerformDefaultAction = true;
-    if (focusedNodeId == null) shouldPerformDefaultAction = ((_collectionRef_current = collectionRef.current) === null || _collectionRef_current === void 0 ? void 0 : _collectionRef_current.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent))) || false;
-    else {
-      let item = document.getElementById(focusedNodeId);
-      shouldPerformDefaultAction = (item === null || item === void 0 ? void 0 : item.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent))) || false;
+    if (collectionRef.current !== null) {
+      var _collectionRef_current1;
+      if (focusedNodeId == null) shouldPerformDefaultAction = ((_collectionRef_current1 = collectionRef.current) === null || _collectionRef_current1 === void 0 ? void 0 : _collectionRef_current1.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent))) || false;
+      else {
+        let item = document.getElementById(focusedNodeId);
+        if (item) shouldPerformDefaultAction = (item === null || item === void 0 ? void 0 : item.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent))) || false;
+      }
     }
     if (shouldPerformDefaultAction) switch (e.key) {
       case "ArrowLeft":
@@ -942,6 +565,8 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
         }
         break;
     }
+    else
+      e.preventDefault();
   };
   let onKeyUpCapture = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
     if (e.target === keyDownTarget.current) {
@@ -968,8 +593,8 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
     id: collectionId,
     "aria-label": stringFormatter.format("collectionLabel")
   });
-  let filterFn = useCallback((nodeTextValue) => {
-    if (filter) return filter(nodeTextValue, state.inputValue);
+  let filterFn = useCallback((nodeTextValue, node) => {
+    if (filter) return filter(nodeTextValue, state.inputValue, node);
     return true;
   }, [
     state.inputValue,
@@ -986,31 +611,37 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
     if (curFocusedNode) {
       let target = e.target;
       queueMicrotask(() => {
-        $55f9b1ae81f22853$export$6c5dc7e81d2cc29a(target, curFocusedNode);
-        $55f9b1ae81f22853$export$2b35b76d2e30e129(curFocusedNode, target);
+        $55f9b1ae81f22853$export$6c5dc7e81d2cc29a(target, collectionRef.current);
+        $55f9b1ae81f22853$export$2b35b76d2e30e129(collectionRef.current, target);
       });
     }
   };
+  let inputProps = {
+    value: state.inputValue,
+    onChange
+  };
   var _state_focusedNodeId;
+  let virtualFocusProps = {
+    onKeyDown,
+    "aria-activedescendant": (_state_focusedNodeId = state.focusedNodeId) !== null && _state_focusedNodeId !== void 0 ? _state_focusedNodeId : void 0,
+    onBlur,
+    onFocus
+  };
+  if (collectionId) inputProps = {
+    ...inputProps,
+    ...shouldUseVirtualFocus && virtualFocusProps,
+    enterKeyHint: "go",
+    "aria-controls": collectionId,
+    // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
+    "aria-autocomplete": "list",
+    // This disable's iOS's autocorrect suggestions, since the autocomplete provides its own suggestions.
+    autoCorrect: "off",
+    // This disable's the macOS Safari spell check auto corrections.
+    spellCheck: "false",
+    autoComplete: "off"
+  };
   return {
-    textFieldProps: {
-      value: state.inputValue,
-      onChange,
-      onKeyDown,
-      autoComplete: "off",
-      "aria-haspopup": "listbox",
-      "aria-controls": collectionId,
-      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
-      "aria-autocomplete": "list",
-      "aria-activedescendant": (_state_focusedNodeId = state.focusedNodeId) !== null && _state_focusedNodeId !== void 0 ? _state_focusedNodeId : void 0,
-      // This disable's iOS's autocorrect suggestions, since the autocomplete provides its own suggestions.
-      autoCorrect: "off",
-      // This disable's the macOS Safari spell check auto corrections.
-      spellCheck: "false",
-      enterKeyHint: "go",
-      onBlur,
-      onFocus
-    },
+    inputProps,
     collectionProps: $3ef42575df84b30b$export$9d1611c77c2fe928(collectionProps, {
       shouldUseVirtualFocus,
       disallowTypeAhead: true
@@ -1035,7 +666,6 @@ function $94680be9a48a8f2d$export$ce1595f6e1a63433(props) {
 }
 const $d2f53cda644affe3$export$36e687af51cd0967 = /* @__PURE__ */ createContext(null);
 const $d2f53cda644affe3$export$68ee3368b6d68148 = /* @__PURE__ */ createContext(null);
-const $d2f53cda644affe3$export$65d2a03b8800d6e3 = /* @__PURE__ */ createContext(null);
 function $d2f53cda644affe3$export$2f2b9559550c7bbc(props) {
   let ctx = $64fa3d84918910a7$export$fabf2dc03a41866e($d2f53cda644affe3$export$36e687af51cd0967, props.slot);
   props = $3ef42575df84b30b$export$9d1611c77c2fe928(ctx, props);
@@ -1043,7 +673,7 @@ function $d2f53cda644affe3$export$2f2b9559550c7bbc(props) {
   let state = $94680be9a48a8f2d$export$ce1595f6e1a63433(props);
   let inputRef = useRef(null);
   let collectionRef = useRef(null);
-  let { textFieldProps, collectionProps, collectionRef: mergedCollectionRef, filter: filterFn } = $48f6ba390f8c5b59$export$1e40b3ca02d92d21({
+  let { inputProps, collectionProps, collectionRef: mergedCollectionRef, filter: filterFn } = $48f6ba390f8c5b59$export$1e40b3ca02d92d21({
     ...$64fa3d84918910a7$export$ef03459518577ad4(props),
     filter,
     disableAutoFocusFirst,
@@ -1057,72 +687,118 @@ function $d2f53cda644affe3$export$2f2b9559550c7bbc(props) {
         state
       ],
       [
-        $440f4836bcb56932$export$d1c4e4c63cb03a11,
-        textFieldProps
-      ],
-      [
-        $bcdf0525bf22703d$export$2129e27b3ef0d483,
-        textFieldProps
-      ],
-      [
-        $3985021b0ad6602f$export$37fb8590cf2c088c,
+        $8e6cc465cc68f603$export$698f465ec27e93df,
         {
+          ...inputProps,
           ref: inputRef
         }
       ],
       [
-        $d2f53cda644affe3$export$65d2a03b8800d6e3,
+        $8e6cc465cc68f603$export$b0d3ecf7112093a7,
         {
+          ...collectionProps,
           filter: filterFn,
-          collectionProps,
-          collectionRef: mergedCollectionRef
+          ref: mergedCollectionRef
         }
       ]
     ]
   }, props.children);
 }
-const $72a5793c14baf454$export$e0e4026c12a8bdbb = /* @__PURE__ */ createContext({});
-const $72a5793c14baf454$export$8b251419efc915eb = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("header", function Header(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $72a5793c14baf454$export$e0e4026c12a8bdbb);
-  return /* @__PURE__ */ React__default.createElement("header", {
-    className: "react-aria-Header",
+function $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2(props) {
+  let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715($0b2218c4e3fe7d7e$var$toString(props.value), $0b2218c4e3fe7d7e$var$toString(props.defaultValue) || "", props.onChange);
+  return {
+    value,
+    setValue
+  };
+}
+function $0b2218c4e3fe7d7e$var$toString(val) {
+  if (val == null) return;
+  return val.toString();
+}
+const $440f4836bcb56932$export$d1c4e4c63cb03a11 = /* @__PURE__ */ createContext(null);
+const $440f4836bcb56932$export$b94867ecbd698f21 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function SearchField(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $440f4836bcb56932$export$d1c4e4c63cb03a11);
+  let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
+  var _props_validationBehavior, _ref;
+  let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
+  let inputRef = useRef(null);
+  [props, inputRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, inputRef, $8e6cc465cc68f603$export$698f465ec27e93df);
+  let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+  let state = $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2({
     ...props,
-    ref
-  }, props.children);
-});
-const $431f98aba6844401$export$6615d83f6de245ce = /* @__PURE__ */ createContext({});
-const $431f98aba6844401$export$1ff3c3f08ae963c0 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("separator", function Separator(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $431f98aba6844401$export$6615d83f6de245ce);
-  let { elementType, orientation, style, className, slot, ...otherProps } = props;
-  let Element = elementType || "hr";
-  if (Element === "hr" && orientation === "vertical") Element = "div";
-  let { separatorProps } = $f4b273590fab9f93$export$52210f68a14655d0({
-    ...otherProps,
-    elementType,
-    orientation
+    validationBehavior
+  });
+  let { labelProps, inputProps, clearButtonProps, descriptionProps, errorMessageProps, ...validation } = $4d52238874b24f86$export$9bb30bbe003b82e0({
+    ...$64fa3d84918910a7$export$ef03459518577ad4(props),
+    label,
+    validationBehavior
+  }, state, inputRef);
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: {
+      isEmpty: state.value === "",
+      isDisabled: props.isDisabled || false,
+      isInvalid: validation.isInvalid || false,
+      state
+    },
+    defaultClassName: "react-aria-SearchField"
   });
   let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     global: true
   });
-  return /* @__PURE__ */ React__default.createElement(Element, {
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, separatorProps),
-    style,
-    className: className !== null && className !== void 0 ? className : "react-aria-Separator",
+  delete DOMProps.id;
+  return /* @__PURE__ */ React__default.createElement("div", {
+    ...DOMProps,
+    ...renderProps,
     ref,
-    slot: slot || void 0
-  });
+    slot: props.slot || void 0,
+    "data-empty": state.value === "" || void 0,
+    "data-disabled": props.isDisabled || void 0,
+    "data-invalid": validation.isInvalid || void 0
+  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $01b77f81d0f07f68$export$75b6ee27786ba447,
+        {
+          ...labelProps,
+          ref: labelRef
+        }
+      ],
+      [
+        $3985021b0ad6602f$export$37fb8590cf2c088c,
+        {
+          ...inputProps,
+          ref: inputRef
+        }
+      ],
+      [
+        $d2b4bc8c273e7be6$export$24d547caef80ccd1,
+        clearButtonProps
+      ],
+      [
+        $514c0188e459b4c0$export$9afb8bc826b033ea,
+        {
+          slots: {
+            description: descriptionProps,
+            errorMessage: errorMessageProps
+          }
+        }
+      ],
+      [
+        $a049562f99e7db0e$export$f9c6924e160136d1,
+        {
+          isInvalid: validation.isInvalid,
+          isDisabled: props.isDisabled || false
+        }
+      ],
+      [
+        $ee014567cb39d3f0$export$ff05c3ac10437e03,
+        validation
+      ]
+    ]
+  }, renderProps.children));
 });
 export {
-  $72a5793c14baf454$export$8b251419efc915eb as $,
-  $431f98aba6844401$export$1ff3c3f08ae963c0 as a,
-  $d2f53cda644affe3$export$2f2b9559550c7bbc as b,
-  $440f4836bcb56932$export$b94867ecbd698f21 as c,
-  $325a3faab7a68acd$export$a16aca283550c30d as d,
-  $62d8ded9296f3872$export$cfa2225e87938781 as e,
-  $982254629710d113$export$b95089534ab7c1fd as f,
-  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as g,
-  $d2f53cda644affe3$export$65d2a03b8800d6e3 as h,
-  $2a25aae57d74318e$export$a05409b8bb224a5a as i,
-  $431f98aba6844401$export$6615d83f6de245ce as j,
-  $72a5793c14baf454$export$e0e4026c12a8bdbb as k
+  $d2f53cda644affe3$export$2f2b9559550c7bbc as $,
+  $440f4836bcb56932$export$b94867ecbd698f21 as a
 };