@ariakit/react-core 0.4.7 → 0.4.9

package/esm/combobox/combobox-group.js

@@ -1,28 +1,28 @@
 "use client";
 import {
   useCompositeGroup
-} from "../__chunks/PGA74ZJ4.js";
-import "../__chunks/2LDES2MP.js";
+} from "../__chunks/IEKMDIUY.js";
+import "../__chunks/ZPO4YZYE.js";
 import "../__chunks/7HVFURXT.js";
 import {
   useComboboxScopedContext
-} from "../__chunks/3L4UCDWT.js";
-import "../__chunks/53KINMNA.js";
-import "../__chunks/FU7RTSEI.js";
-import "../__chunks/URSEQETI.js";
-import "../__chunks/J7UNXP2A.js";
-import "../__chunks/SJ5YBTFK.js";
+} from "../__chunks/DWZ7E5TJ.js";
+import "../__chunks/WENSINUV.js";
+import "../__chunks/FMYQNSCK.js";
+import "../__chunks/54MGSIOI.js";
+import "../__chunks/DU4D3UCJ.js";
+import "../__chunks/RGUP62TM.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/YIF72NQG.js";
-import "../__chunks/OPTPHWV7.js";
-import "../__chunks/4ROCFRIN.js";
+} from "../__chunks/HKOOKEDE.js";
+import "../__chunks/Z32BISHQ.js";
+import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/combobox/combobox-group.tsx
 import { getPopupRole } from "@ariakit/core/utils/dom";

package/esm/combobox/combobox-item-check.js

@@ -1,28 +1,28 @@
 "use client";
 import {
   useCheckboxCheck
-} from "../__chunks/EKUOHYM2.js";
+} from "../__chunks/RPLYUYNN.js";
 import "../__chunks/EYKMH5G5.js";
 import {
   ComboboxItemCheckedContext
-} from "../__chunks/3L4UCDWT.js";
-import "../__chunks/53KINMNA.js";
-import "../__chunks/FU7RTSEI.js";
-import "../__chunks/URSEQETI.js";
-import "../__chunks/J7UNXP2A.js";
-import "../__chunks/SJ5YBTFK.js";
+} from "../__chunks/DWZ7E5TJ.js";
+import "../__chunks/WENSINUV.js";
+import "../__chunks/FMYQNSCK.js";
+import "../__chunks/54MGSIOI.js";
+import "../__chunks/DU4D3UCJ.js";
+import "../__chunks/RGUP62TM.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/YIF72NQG.js";
-import "../__chunks/OPTPHWV7.js";
-import "../__chunks/4ROCFRIN.js";
+} from "../__chunks/HKOOKEDE.js";
+import "../__chunks/Z32BISHQ.js";
+import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/combobox/combobox-item-check.tsx
 import { useContext } from "react";

package/esm/combobox/combobox-item-value.d.ts

@@ -26,13 +26,23 @@ type TagName = typeof TagName;
  */
 export declare const useComboboxItemValue: import("../utils/types.ts").Hook<"span", ComboboxItemValueOptions<"span">>;
 /**
- * Renders a value element inside a
- * [`ComboboxItem`](https://ariakit.org/reference/combobox-item). The value will
- * be split into span elements. The portions of the value that correspond to the
- * combobox value will have a
+ * Renders a `span` element with the combobox item value as children. The value
+ * is split into span elements. Portions of the value matching the user input
+ * will have a
  * [`data-user-value`](https://ariakit.org/guide/styling#data-user-value)
- * attribute. The other portions will have a [`data-autocomplete-value`](https://ariakit.org/guide/styling#data-autocomplete-value)
+ * attribute, while the rest will have a
+ * [`data-autocomplete-value`](https://ariakit.org/guide/styling#data-autocomplete-value)
  * attribute.
+ *
+ * The item value is automatically set to the value of the closest
+ * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component's
+ * [`value`](https://ariakit.org/reference/combobox-item#value) prop. The user
+ * input value is automatically set to the combobox store's
+ * [`value`](https://ariakit.org/reference/use-combobox-store#value) state. Both
+ * values can be overridden by providing the
+ * [`value`](https://ariakit.org/reference/combobox-item-value#value) and
+ * [`userValue`](https://ariakit.org/reference/combobox-item-value#uservalue)
+ * props, respectively.
  * @see https://ariakit.org/components/combobox
  * @example
  * ```jsx {5} "value"
@@ -70,8 +80,20 @@ export interface ComboboxItemValueOptions<_T extends ElementType = TagName> exte
      * [`ComboboxItem`](https://ariakit.org/reference/combobox-item) component's
      * [`value`](https://ariakit.org/reference/combobox-item#value) prop will be
      * used.
+     *
+     * This is the value rendered by the component. It can be customized to
+     * display different children.
      */
     value?: string;
+    /**
+     * The current user input value. If not provided, the combobox store's
+     * [`value`](https://ariakit.org/reference/use-combobox-store#value) state
+     * will be used.
+     *
+     * This is the value used to highlight the matching portions of the item
+     * value. It can be customized to highlight different portions.
+     */
+    userValue?: string | string[];
 }
 export type ComboboxItemValueProps<T extends ElementType = TagName> = Props<T, ComboboxItemValueOptions<T>>;
 export {};

package/esm/combobox/combobox-item-value.js

@@ -2,27 +2,30 @@
 import {
   ComboboxItemValueContext,
   useComboboxScopedContext
-} from "../__chunks/3L4UCDWT.js";
-import "../__chunks/53KINMNA.js";
-import "../__chunks/FU7RTSEI.js";
-import "../__chunks/URSEQETI.js";
-import "../__chunks/J7UNXP2A.js";
-import "../__chunks/SJ5YBTFK.js";
+} from "../__chunks/DWZ7E5TJ.js";
+import "../__chunks/WENSINUV.js";
+import "../__chunks/FMYQNSCK.js";
+import "../__chunks/54MGSIOI.js";
+import "../__chunks/DU4D3UCJ.js";
+import "../__chunks/RGUP62TM.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/YIF72NQG.js";
-import "../__chunks/OPTPHWV7.js";
-import "../__chunks/4ROCFRIN.js";
+} from "../__chunks/HKOOKEDE.js";
+import {
+  useStoreState
+} from "../__chunks/2GXGCHW6.js";
+import "../__chunks/Z32BISHQ.js";
+import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/combobox/combobox-item-value.tsx
+import { toArray } from "@ariakit/core/utils/array";
 import {
-  invariant,
   normalizeString,
   removeUndefinedValues
 } from "@ariakit/core/utils/misc";
@@ -32,46 +35,84 @@ var TagName = "span";
 function normalizeValue(value) {
   return normalizeString(value).toLowerCase();
 }
-function splitValue(itemValue, userValue) {
-  userValue = normalizeValue(userValue);
-  let index = normalizeValue(itemValue).indexOf(userValue);
-  const parts = [];
-  while (index !== -1) {
-    if (index !== 0) {
-      parts.push(
-        /* @__PURE__ */ jsx("span", { "data-autocomplete-value": "", children: itemValue.substr(0, index) }, parts.length)
-      );
+function getOffsets(string, values) {
+  const offsets = [];
+  for (const value of values) {
+    let pos = 0;
+    const length = value.length;
+    while (string.indexOf(value, pos) !== -1) {
+      const index = string.indexOf(value, pos);
+      if (index !== -1) {
+        offsets.push([index, length]);
+      }
+      pos = index + 1;
     }
-    parts.push(
-      /* @__PURE__ */ jsx("span", { "data-user-value": "", children: itemValue.substr(index, userValue.length) }, parts.length)
-    );
-    itemValue = itemValue.substr(index + userValue.length);
-    index = normalizeValue(itemValue).indexOf(userValue);
   }
-  if (itemValue) {
-    parts.push(
-      /* @__PURE__ */ jsx("span", { "data-autocomplete-value": "", children: itemValue }, parts.length)
+  return offsets;
+}
+function filterOverlappingOffsets(offsets) {
+  return offsets.filter(([offset, length], i, arr) => {
+    return !arr.some(
+      ([o, l], j) => j !== i && o <= offset && o + l >= offset + length
     );
+  });
+}
+function sortOffsets(offsets) {
+  return offsets.sort(([a], [b]) => a - b);
+}
+function splitValue(itemValue, userValue) {
+  if (!itemValue) return itemValue;
+  if (!userValue) return itemValue;
+  const userValues = toArray(userValue).filter(Boolean).map(normalizeValue);
+  const parts = [];
+  const span = (value, autocomplete = false) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-autocomplete-value": autocomplete ? "" : void 0,
+      "data-user-value": autocomplete ? void 0 : "",
+      children: value
+    },
+    parts.length
+  );
+  const offsets = sortOffsets(
+    filterOverlappingOffsets(
+      // Convert userValues into a set to avoid duplicates
+      getOffsets(normalizeValue(itemValue), new Set(userValues))
+    )
+  );
+  if (!offsets.length) {
+    parts.push(span(itemValue, true));
+    return parts;
   }
+  const [firstOffset] = offsets[0];
+  const values = [
+    itemValue.slice(0, firstOffset),
+    ...offsets.flatMap(([offset, length], i) => {
+      var _a;
+      const value = itemValue.slice(offset, offset + length);
+      const nextOffset = (_a = offsets[i + 1]) == null ? void 0 : _a[0];
+      const nextValue = itemValue.slice(offset + length, nextOffset);
+      return [value, nextValue];
+    })
+  ];
+  values.forEach((value, i) => {
+    if (!value) return;
+    parts.push(span(value, i % 2 === 0));
+  });
   return parts;
 }
 var useComboboxItemValue = createHook(function useComboboxItemValue2(_a) {
-  var _b = _a, { store, value } = _b, props = __objRest(_b, ["store", "value"]);
+  var _b = _a, { store, value, userValue } = _b, props = __objRest(_b, ["store", "value", "userValue"]);
   const context = useComboboxScopedContext();
   store = store || context;
   const itemContext = useContext(ComboboxItemValueContext);
   const itemValue = value != null ? value : itemContext;
-  invariant(
-    store,
-    process.env.NODE_ENV !== "production" && "ComboboxItemValue must be wrapped in a ComboboxItem component."
-  );
-  const stateValue = store.useState(
-    (state) => itemValue && state.value ? state.value : void 0
-  );
-  const children = useMemo(
-    () => itemValue && stateValue ? splitValue(itemValue, stateValue) : itemValue,
-    [itemValue, stateValue]
-  );
+  const inputValue = useStoreState(store, (state) => userValue != null ? userValue : state == null ? void 0 : state.value);
+  const children = useMemo(() => {
+    if (!itemValue) return;
+    if (!inputValue) return itemValue;
+    return splitValue(itemValue, inputValue);
+  }, [itemValue, inputValue]);
   props = __spreadValues({
     children
   }, props);

package/esm/combobox/combobox-item.js

@@ -1,44 +1,44 @@
 "use client";
 import {
   useCompositeHover
-} from "../__chunks/CBOSGWHO.js";
+} from "../__chunks/OBZMLI6J.js";
 import {
   ComboboxItemCheckedContext,
   ComboboxItemValueContext,
   ComboboxListRoleContext,
   useComboboxScopedContext
-} from "../__chunks/3L4UCDWT.js";
+} from "../__chunks/DWZ7E5TJ.js";
 import {
   useCompositeItem
-} from "../__chunks/UN4MKOLN.js";
-import "../__chunks/OEBCGVCG.js";
-import "../__chunks/5EKYTDKF.js";
-import "../__chunks/3IEDWLST.js";
-import "../__chunks/53KINMNA.js";
-import "../__chunks/FU7RTSEI.js";
-import "../__chunks/URSEQETI.js";
-import "../__chunks/J7UNXP2A.js";
-import "../__chunks/SJ5YBTFK.js";
-import "../__chunks/DYAGAZRT.js";
+} from "../__chunks/3CCTMYB6.js";
+import "../__chunks/PLQDTVXM.js";
+import "../__chunks/NAXN2XAB.js";
+import "../__chunks/5VQZOHHZ.js";
+import "../__chunks/WENSINUV.js";
+import "../__chunks/FMYQNSCK.js";
+import "../__chunks/54MGSIOI.js";
+import "../__chunks/DU4D3UCJ.js";
+import "../__chunks/RGUP62TM.js";
+import "../__chunks/HGZKAGPL.js";
 import "../__chunks/SWN3JYXT.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/YIF72NQG.js";
-import "../__chunks/DTNGDFNU.js";
+} from "../__chunks/HKOOKEDE.js";
+import "../__chunks/2GXGCHW6.js";
 import {
   useBooleanEvent,
   useEvent,
   useWrapElement
-} from "../__chunks/OPTPHWV7.js";
-import "../__chunks/4ROCFRIN.js";
+} from "../__chunks/Z32BISHQ.js";
+import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/combobox/combobox-item.tsx
 import { isTextField } from "@ariakit/core/utils/dom";
@@ -49,10 +49,8 @@ import { useCallback, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 var TagName = "div";
 function isSelected(storeValue, itemValue) {
-  if (itemValue == null)
-    return;
-  if (storeValue == null)
-    return false;
+  if (itemValue == null) return;
+  if (storeValue == null) return false;
   if (Array.isArray(storeValue)) {
     return storeValue.includes(itemValue);
   }
@@ -126,20 +124,16 @@ var useComboboxItem = createHook(
     const hideOnClickProp = useBooleanEvent(hideOnClick);
     const onClick = useEvent((event) => {
       onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented)
-        return;
-      if (isDownloading(event))
-        return;
-      if (isOpeningInNewTab(event))
-        return;
+      if (event.defaultPrevented) return;
+      if (isDownloading(event)) return;
+      if (isOpeningInNewTab(event)) return;
       if (value != null) {
         if (selectValueOnClickProp(event)) {
           if (resetValueOnSelectProp(event)) {
             store == null ? void 0 : store.resetValue();
           }
           store == null ? void 0 : store.setSelectedValue((prevValue) => {
-            if (!Array.isArray(prevValue))
-              return value;
+            if (!Array.isArray(prevValue)) return value;
             if (prevValue.includes(value)) {
               return prevValue.filter((v) => v !== value);
             }
@@ -157,13 +151,10 @@ var useComboboxItem = createHook(
     const onKeyDownProp = props.onKeyDown;
     const onKeyDown = useEvent((event) => {
       onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-      if (event.defaultPrevented)
-        return;
+      if (event.defaultPrevented) return;
       const baseElement = store == null ? void 0 : store.getState().baseElement;
-      if (!baseElement)
-        return;
-      if (hasFocus(baseElement))
-        return;
+      if (!baseElement) return;
+      if (hasFocus(baseElement)) return;
       const printable = event.key.length === 1;
       if (printable || event.key === "Backspace" || event.key === "Delete") {
         queueMicrotask(() => baseElement.focus());
@@ -199,8 +190,7 @@ var useComboboxItem = createHook(
       // with the keyboard so the Combobox component can enable inline
       // autocompletion.
       moveOnKeyPress: (event) => {
-        if (!moveOnKeyPressProp(event))
-          return false;
+        if (!moveOnKeyPressProp(event)) return false;
         const moveEvent = new Event("combobox-item-move");
         const baseElement = store == null ? void 0 : store.getState().baseElement;
         baseElement == null ? void 0 : baseElement.dispatchEvent(moveEvent);

package/esm/combobox/combobox-label.js

@@ -1,24 +1,24 @@
 "use client";
 import {
   useComboboxProviderContext
-} from "../__chunks/3L4UCDWT.js";
-import "../__chunks/53KINMNA.js";
-import "../__chunks/FU7RTSEI.js";
-import "../__chunks/URSEQETI.js";
-import "../__chunks/J7UNXP2A.js";
-import "../__chunks/SJ5YBTFK.js";
+} from "../__chunks/DWZ7E5TJ.js";
+import "../__chunks/WENSINUV.js";
+import "../__chunks/FMYQNSCK.js";
+import "../__chunks/54MGSIOI.js";
+import "../__chunks/DU4D3UCJ.js";
+import "../__chunks/RGUP62TM.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "../__chunks/YIF72NQG.js";
-import "../__chunks/OPTPHWV7.js";
-import "../__chunks/4ROCFRIN.js";
+} from "../__chunks/HKOOKEDE.js";
+import "../__chunks/Z32BISHQ.js";
+import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/combobox/combobox-label.tsx
 import { invariant, removeUndefinedValues } from "@ariakit/core/utils/misc";

package/esm/combobox/combobox-list.js

@@ -2,19 +2,19 @@
 import {
   ComboboxList,
   useComboboxList
-} from "../__chunks/VC5OPI3O.js";
-import "../__chunks/3L4UCDWT.js";
-import "../__chunks/53KINMNA.js";
-import "../__chunks/FU7RTSEI.js";
-import "../__chunks/TNHM3SUC.js";
-import "../__chunks/URSEQETI.js";
-import "../__chunks/J7UNXP2A.js";
-import "../__chunks/SJ5YBTFK.js";
-import "../__chunks/YIF72NQG.js";
-import "../__chunks/DTNGDFNU.js";
-import "../__chunks/OPTPHWV7.js";
-import "../__chunks/4ROCFRIN.js";
-import "../__chunks/4R3V3JGP.js";
+} from "../__chunks/6ZVAPMHT.js";
+import "../__chunks/DWZ7E5TJ.js";
+import "../__chunks/WENSINUV.js";
+import "../__chunks/FMYQNSCK.js";
+import "../__chunks/BSEL4YAF.js";
+import "../__chunks/54MGSIOI.js";
+import "../__chunks/DU4D3UCJ.js";
+import "../__chunks/RGUP62TM.js";
+import "../__chunks/HKOOKEDE.js";
+import "../__chunks/2GXGCHW6.js";
+import "../__chunks/Z32BISHQ.js";
+import "../__chunks/SK3NAZA3.js";
+import "../__chunks/3YLGPPWQ.js";
 export {
   ComboboxList,
   useComboboxList

package/esm/combobox/combobox-popover.js

@@ -1,63 +1,63 @@
 "use client";
 import {
   useComboboxList
-} from "../__chunks/VC5OPI3O.js";
+} from "../__chunks/6ZVAPMHT.js";
 import {
   useComboboxProviderContext
-} from "../__chunks/3L4UCDWT.js";
-import "../__chunks/53KINMNA.js";
-import "../__chunks/FU7RTSEI.js";
+} from "../__chunks/DWZ7E5TJ.js";
+import "../__chunks/WENSINUV.js";
+import "../__chunks/FMYQNSCK.js";
 import {
   usePopover
-} from "../__chunks/PKN6MQJP.js";
+} from "../__chunks/JS55N6L7.js";
 import {
   createDialogComponent
-} from "../__chunks/CN7DDZL2.js";
-import "../__chunks/GRUZR3XS.js";
-import "../__chunks/75IH3TOO.js";
-import "../__chunks/SYFUIAXQ.js";
-import "../__chunks/P7YNSWBG.js";
-import "../__chunks/PKNBS4Q6.js";
-import "../__chunks/OTPVYNVT.js";
+} from "../__chunks/TT2355LN.js";
+import "../__chunks/UQBPM777.js";
+import "../__chunks/NSFBIL2Z.js";
+import "../__chunks/ESSM74HH.js";
+import "../__chunks/KB6RR6FL.js";
+import "../__chunks/T3RMEPVH.js";
+import "../__chunks/43UOHFGG.js";
 import "../__chunks/HLTQOHKZ.js";
 import "../__chunks/677M2CI3.js";
 import "../__chunks/6GXEOXGT.js";
-import "../__chunks/3M4W2SZ7.js";
-import "../__chunks/MKDDWKFK.js";
-import "../__chunks/4SXGPXPS.js";
-import "../__chunks/53CQGCDZ.js";
-import "../__chunks/DDNAPH23.js";
-import "../__chunks/5PY7H3O6.js";
+import "../__chunks/2PGBN2Y4.js";
+import "../__chunks/63XF7ACK.js";
+import "../__chunks/AOUGVQZ3.js";
+import "../__chunks/K2ZF5NU7.js";
+import "../__chunks/YJS26JVG.js";
+import "../__chunks/HT3UEUDM.js";
 import "../__chunks/5M6RIVE2.js";
-import "../__chunks/3HD5ZDMZ.js";
-import "../__chunks/FG25KND2.js";
+import "../__chunks/UNZQGRPO.js";
+import "../__chunks/LWDIJ7XK.js";
 import "../__chunks/AOQQTIBO.js";
 import "../__chunks/CZ4GFWYL.js";
-import "../__chunks/TNHM3SUC.js";
-import "../__chunks/DGQNUP7F.js";
-import "../__chunks/URSEQETI.js";
-import "../__chunks/J7UNXP2A.js";
-import "../__chunks/SJ5YBTFK.js";
-import "../__chunks/DYAGAZRT.js";
+import "../__chunks/BSEL4YAF.js";
+import "../__chunks/AXRBYZQP.js";
+import "../__chunks/54MGSIOI.js";
+import "../__chunks/DU4D3UCJ.js";
+import "../__chunks/RGUP62TM.js";
+import "../__chunks/HGZKAGPL.js";
 import "../__chunks/SWN3JYXT.js";
-import "../__chunks/2N6FBM3O.js";
+import "../__chunks/ILNAUGA4.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "../__chunks/YIF72NQG.js";
-import "../__chunks/X5ETRS5D.js";
-import "../__chunks/5UDX7WKK.js";
+} from "../__chunks/HKOOKEDE.js";
+import "../__chunks/QYS5FHDY.js";
+import "../__chunks/KGK2TTFO.js";
 import {
   useStoreState
-} from "../__chunks/DTNGDFNU.js";
-import "../__chunks/OPTPHWV7.js";
-import "../__chunks/4ROCFRIN.js";
+} from "../__chunks/2GXGCHW6.js";
+import "../__chunks/Z32BISHQ.js";
+import "../__chunks/SK3NAZA3.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/combobox/combobox-popover.tsx
 import { getDocument } from "@ariakit/core/utils/dom";
@@ -65,12 +65,10 @@ import { invariant, isFalsyBooleanCallback } from "@ariakit/core/utils/misc";
 import { useRef } from "react";
 var TagName = "div";
 function isController(target, ...ids) {
-  if (!target)
-    return false;
+  if (!target) return false;
   if ("id" in target) {
     const selector = ids.filter(Boolean).map((id) => `[aria-controls~="${id}"]`).join(", ");
-    if (!selector)
-      return false;
+    if (!selector) return false;
     return target.matches(selector);
   }
   return false;
@@ -122,13 +120,10 @@ var useComboboxPopover = createHook(
       getPersistentElements() {
         var _a2;
         const elements = ((_a2 = props.getPersistentElements) == null ? void 0 : _a2.call(props)) || [];
-        if (!modal)
-          return elements;
-        if (!store)
-          return elements;
+        if (!modal) return elements;
+        if (!store) return elements;
         const { contentElement, baseElement: baseElement2 } = store.getState();
-        if (!baseElement2)
-          return elements;
+        if (!baseElement2) return elements;
         const doc = getDocument(baseElement2);
         const selectors = [];
         if (contentElement == null ? void 0 : contentElement.id) {
@@ -137,8 +132,7 @@ var useComboboxPopover = createHook(
         if (baseElement2 == null ? void 0 : baseElement2.id) {
           selectors.push(`[aria-controls~="${baseElement2.id}"]`);
         }
-        if (!selectors.length)
-          return [...elements, baseElement2];
+        if (!selectors.length) return [...elements, baseElement2];
         const selector = selectors.join(",");
         const controlElements = doc.querySelectorAll(selector);
         return [...elements, ...controlElements];
@@ -147,8 +141,7 @@ var useComboboxPopover = createHook(
       // unless the event was triggered by a click outside the popover, in which
       // case the input shouldn't be re-focused.
       autoFocusOnHide(element) {
-        if (isFalsyBooleanCallback(autoFocusOnHide, element))
-          return false;
+        if (isFalsyBooleanCallback(autoFocusOnHide, element)) return false;
         if (hiddenByClickOutsideRef.current) {
           hiddenByClickOutsideRef.current = false;
           return false;
@@ -164,8 +157,7 @@ var useComboboxPopover = createHook(
         const state = store == null ? void 0 : store.getState();
         const contentId = (_a2 = state == null ? void 0 : state.contentElement) == null ? void 0 : _a2.id;
         const baseId = (_b2 = state == null ? void 0 : state.baseElement) == null ? void 0 : _b2.id;
-        if (isController(event.target, contentId, baseId))
-          return false;
+        if (isController(event.target, contentId, baseId)) return false;
         const result = typeof hideOnInteractOutside === "function" ? hideOnInteractOutside(event) : hideOnInteractOutside;
         if (result) {
           hiddenByClickOutsideRef.current = event.type === "click";