@ariakit/react-core 0.1.6 → 0.1.8

package/cjs/__chunks/{URF73P5I.cjs → NUMCUPYT.cjs}

@@ -1,23 +1,28 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _FO6MB5HFcjs = require('./FO6MB5HF.cjs');
 
 
-var _WMRNXISUcjs = require('./WMRNXISU.cjs');
+var _DASOL6J2cjs = require('./DASOL6J2.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
 
 
-var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
+var _F7HVNVHQcjs = require('./F7HVNVHQ.cjs');
 
 
 
 
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/checkbox/checkbox.tsx
 var _react = require('react');
@@ -32,15 +37,21 @@ function setMixed(element, mixed) {
 function isNativeCheckbox(tagName, type) {
   return tagName === "input" && (!type || type === "checkbox");
 }
-var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({
-    store,
-    value: valueProp,
-    checked: checkedProp,
-    defaultChecked,
-    ...props
-  }) => {
-    const storeChecked = _SXSNI6QAcjs.useStoreState.call(void 0, store, (state) => {
+var useCheckbox = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, {
+      store,
+      value: valueProp,
+      checked: checkedProp,
+      defaultChecked
+    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+      "store",
+      "value",
+      "checked",
+      "defaultChecked"
+    ]);
+    var _a2;
+    const storeChecked = _F7HVNVHQcjs.useStoreState.call(void 0, store, (state) => {
       if (checkedProp !== void 0)
         return checkedProp;
       if (state.value === void 0)
@@ -56,10 +67,10 @@ var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0,
         return state.value;
       return false;
     });
-    const [_checked, setChecked] = _react.useState.call(void 0, _nullishCoalesce(defaultChecked, () => ( false)));
-    const checked = _nullishCoalesce(_nullishCoalesce(checkedProp, () => ( storeChecked)), () => ( _checked));
+    const [_checked, setChecked] = _react.useState.call(void 0, defaultChecked != null ? defaultChecked : false);
+    const checked = (_a2 = checkedProp != null ? checkedProp : storeChecked) != null ? _a2 : _checked;
     const ref = _react.useRef.call(void 0, null);
-    const tagName = _5QY4WCTRcjs.useTagName.call(void 0, ref, props.as || "input");
+    const tagName = _NREUHWTUcjs.useTagName.call(void 0, ref, props.as || "input");
     const nativeCheckbox = isNativeCheckbox(tagName, props.type);
     const mixed = checked ? checked === "mixed" : void 0;
     const isChecked = checked === "mixed" ? false : checked;
@@ -71,7 +82,7 @@ var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0,
       element.checked = isChecked;
     }, [mixed, isChecked]);
     const onChangeProp = props.onChange;
-    const onChange = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+    const onChange = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
       if (props.disabled) {
         event.stopPropagation();
         event.preventDefault();
@@ -81,12 +92,12 @@ var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0,
       if (!nativeCheckbox) {
         event.currentTarget.checked = !event.currentTarget.checked;
       }
-      _optionalChain([onChangeProp, 'optionalCall', _ => _(event)]);
+      onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
         return;
       const elementChecked = event.currentTarget.checked;
       setChecked(elementChecked);
-      _optionalChain([store, 'optionalAccess', _2 => _2.setValue, 'call', _3 => _3((prevValue) => {
+      store == null ? void 0 : store.setValue((prevValue) => {
         if (!valueProp)
           return elementChecked;
         if (!Array.isArray(prevValue)) {
@@ -95,42 +106,41 @@ var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0,
         if (elementChecked)
           return [...prevValue, valueProp];
         return prevValue.filter((v) => v !== valueProp);
-      })]);
+      });
     });
     const onClickProp = props.onClick;
-    const onClick = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onClickProp, 'optionalCall', _4 => _4(event)]);
+    const onClick = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       if (nativeCheckbox)
         return;
       onChange(event);
     });
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FO6MB5HFcjs.CheckboxCheckedContext.Provider, { value: isChecked, children: element }),
       [isChecked]
     );
-    props = {
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       role: !nativeCheckbox ? "checkbox" : void 0,
       type: nativeCheckbox ? "checkbox" : void 0,
-      "aria-checked": checked,
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref),
+      "aria-checked": checked
+    }, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref),
       onChange,
       onClick
-    };
-    props = _WMRNXISUcjs.useCommand.call(void 0, { clickOnEnter: !nativeCheckbox, ...props });
-    return {
+    });
+    props = _DASOL6J2cjs.useCommand.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
+    return _6455U47Tcjs.__spreadValues.call(void 0, {
       value: nativeCheckbox ? valueProp : void 0,
-      checked: isChecked,
-      ...props
-    };
+      checked: isChecked
+    }, props);
   }
 );
-var Checkbox = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var Checkbox = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCheckbox(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "input", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Checkbox.displayName = "Checkbox";

package/cjs/__chunks/{X5PL2AHY.cjs → NVBNDB5B.cjs}

@@ -1,16 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _LHHW5ZQPcjs = require('./LHHW5ZQP.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
 
 
 
 
-var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/focusable/focusable.ts
 var _react = require('react');
@@ -102,8 +107,8 @@ function getTabIndex(focusable, trulyDisabled, nativeTabbable, supportsDisabled,
   return tabIndexProp || 0;
 }
 function useDisableEvent(onEvent, disabled) {
-  return _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-    _optionalChain([onEvent, 'optionalCall', _ => _(event)]);
+  return _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    onEvent == null ? void 0 : onEvent(event);
     if (event.defaultPrevented)
       return;
     if (disabled) {
@@ -128,14 +133,19 @@ function onGlobalKeyDown(event) {
     return;
   isKeyboardModality = true;
 }
-var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({
-    focusable = true,
-    accessibleWhenDisabled,
-    autoFocus,
-    onFocusVisible,
-    ...props
-  }) => {
+var useFocusable = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, {
+      focusable = true,
+      accessibleWhenDisabled,
+      autoFocus,
+      onFocusVisible
+    } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+      "focusable",
+      "accessibleWhenDisabled",
+      "autoFocus",
+      "onFocusVisible"
+    ]);
     const ref = _react.useRef.call(void 0, null);
     _react.useEffect.call(void 0, () => {
       if (!focusable)
@@ -202,8 +212,8 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
     );
     const onClickCapture = useDisableEvent(props.onClickCapture, disabled);
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onMouseDownProp, 'optionalCall', _2 => _2(event)]);
+    const onMouseDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       if (event.defaultPrevented)
         return;
       if (!focusable)
@@ -232,7 +242,7 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
       if (currentTarget) {
         event.currentTarget = currentTarget;
       }
-      _optionalChain([onFocusVisible, 'optionalCall', _3 => _3(event)]);
+      onFocusVisible == null ? void 0 : onFocusVisible(event);
       if (event.defaultPrevented)
         return;
       if (!focusable)
@@ -245,9 +255,9 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
       setFocusVisible(true);
     };
     const onKeyDownCaptureProp = props.onKeyDownCapture;
-    const onKeyDownCapture = _5QY4WCTRcjs.useEvent.call(void 0, 
+    const onKeyDownCapture = _NREUHWTUcjs.useEvent.call(void 0, 
       (event) => {
-        _optionalChain([onKeyDownCaptureProp, 'optionalCall', _4 => _4(event)]);
+        onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
         if (event.defaultPrevented)
           return;
         if (!focusable)
@@ -267,8 +277,8 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
       }
     );
     const onFocusCaptureProp = props.onFocusCapture;
-    const onFocusCapture = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onFocusCaptureProp, 'optionalCall', _5 => _5(event)]);
+    const onFocusCapture = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onFocusCaptureProp == null ? void 0 : onFocusCaptureProp(event);
       if (event.defaultPrevented)
         return;
       if (!focusable)
@@ -288,8 +298,8 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
       }
     });
     const onBlurProp = props.onBlur;
-    const onBlur = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onBlurProp, 'optionalCall', _6 => _6(event)]);
+    const onBlur = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onBlurProp == null ? void 0 : onBlurProp(event);
       if (!focusable)
         return;
       if (_events.isFocusEventOutside.call(void 0, event)) {
@@ -297,7 +307,7 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
       }
     });
     const autoFocusOnShow = _react.useContext.call(void 0, _LHHW5ZQPcjs.FocusableContext);
-    const autoFocusRef = _5QY4WCTRcjs.useEvent.call(void 0, (element) => {
+    const autoFocusRef = _NREUHWTUcjs.useEvent.call(void 0, (element) => {
       if (!focusable)
         return;
       if (!autoFocus)
@@ -314,16 +324,16 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
         element.focus();
       });
     });
-    const tagName = _5QY4WCTRcjs.useTagName.call(void 0, ref, props.as);
+    const tagName = _NREUHWTUcjs.useTagName.call(void 0, ref, props.as);
     const nativeTabbable = focusable && isNativeTabbable(tagName);
     const supportsDisabled = focusable && supportsDisabledAttribute(tagName);
-    const style = trulyDisabled ? { pointerEvents: "none", ...props.style } : props.style;
-    props = {
+    const style = trulyDisabled ? _6455U47Tcjs.__spreadValues.call(void 0, { pointerEvents: "none" }, props.style) : props.style;
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       "data-focus-visible": focusable && focusVisible ? "" : void 0,
       "data-autofocus": autoFocus ? true : void 0,
-      "aria-disabled": disabled ? true : void 0,
-      ...props,
-      ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, autoFocusRef, props.ref),
+      "aria-disabled": disabled ? true : void 0
+    }, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, autoFocusRef, props.ref),
       style,
       tabIndex: getTabIndex(
         focusable,
@@ -342,13 +352,13 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
       onKeyDownCapture,
       onFocusCapture,
       onBlur
-    };
+    });
     return props;
   }
 );
-var Focusable = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var Focusable = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   props = useFocusable(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "div", props);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", props);
 });
 if (process.env.NODE_ENV !== "production") {
   Focusable.displayName = "Focusable";

package/cjs/__chunks/NZYGNCZL.cjs

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+// src/dialog/utils/use-nested-dialogs.tsx
+
+
+
+
+
+
+var _react = require('react');
+var _misc = require('@ariakit/core/utils/misc');
+var _jsxruntime = require('react/jsx-runtime');
+var NestedDialogsContext = _react.createContext.call(void 0, {});
+function useNestedDialogs(store) {
+  const context = _react.useContext.call(void 0, NestedDialogsContext);
+  const [dialogs, setDialogs] = _react.useState.call(void 0, []);
+  const add = _react.useCallback.call(void 0, 
+    (dialog) => {
+      var _a;
+      setDialogs((dialogs2) => [...dialogs2, dialog]);
+      return _misc.chain.call(void 0, (_a = context.add) == null ? void 0 : _a.call(context, dialog), () => {
+        setDialogs((dialogs2) => dialogs2.filter((d) => d !== dialog));
+      });
+    },
+    [context]
+  );
+  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    return store.sync(
+      (state) => {
+        var _a;
+        if (!state.contentElement)
+          return;
+        return (_a = context.add) == null ? void 0 : _a.call(context, state.contentElement);
+      },
+      ["contentElement"]
+    );
+  }, [store, context]);
+  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    var _a;
+    return (_a = context.store) == null ? void 0 : _a.sync(
+      (state) => {
+        if (state.open)
+          return;
+        store.hide();
+      },
+      ["open"]
+    );
+  }, [context, store]);
+  const providerValue = _react.useMemo.call(void 0, () => ({ store, add }), [store, add]);
+  const wrapElement = _react.useCallback.call(void 0, 
+    (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedDialogsContext.Provider, { value: providerValue, children: element }),
+    [providerValue]
+  );
+  return { wrapElement, nestedDialogs: dialogs };
+}
+
+
+
+exports.useNestedDialogs = useNestedDialogs;

package/cjs/__chunks/O45IXGJW.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _TVZPJJTXcjs = require('./TVZPJJTX.cjs');
+
+
+var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
+
+
+
+
+var _NR3SJH64cjs = require('./NR3SJH64.cjs');
+
+
+var _EE6OIU6Xcjs = require('./EE6OIU6X.cjs');
+
+// src/dialog/utils/disable-tree-outside.ts
+var _dom = require('@ariakit/core/utils/dom');
+var _focus = require('@ariakit/core/utils/focus');
+var _misc = require('@ariakit/core/utils/misc');
+function disableElement(element) {
+  if (!("style" in element))
+    return _misc.noop;
+  if (_56NPFF7Pcjs.supportsInert.call(void 0, )) {
+    return _NR3SJH64cjs.setProperty.call(void 0, element, "inert", true);
+  }
+  return _misc.chain.call(void 0, 
+    _TVZPJJTXcjs.hideElementFromAccessibilityTree.call(void 0, element),
+    _NR3SJH64cjs.assignStyle.call(void 0, element, {
+      pointerEvents: "none",
+      userSelect: "none",
+      cursor: "default"
+    })
+  );
+}
+function disableTreeOutside(...elements) {
+  const cleanups = [];
+  if (!_56NPFF7Pcjs.supportsInert.call(void 0, )) {
+    _focus.getAllTabbable.call(void 0, ).forEach((element) => {
+      if (elements.some((el) => el && _dom.contains.call(void 0, el, element)))
+        return;
+      cleanups.unshift(_NR3SJH64cjs.setAttribute.call(void 0, element, "tabindex", "-1"));
+    });
+  }
+  _EE6OIU6Xcjs.walkTreeOutside.call(void 0, elements, (element) => {
+    cleanups.unshift(disableElement(element));
+  });
+  const restoreTreeOutside = () => {
+    cleanups.forEach((fn) => fn());
+  };
+  return restoreTreeOutside;
+}
+
+
+
+exports.disableTreeOutside = disableTreeOutside;

package/cjs/__chunks/OEMSRXCM.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _K56WQU76cjs = require('./K56WQU76.cjs');
+
+
+
+
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+
+
+
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
+
+// src/group/group-label.ts
+var _react = require('react');
+var useGroupLabel = _7NAIPZYNcjs.createHook.call(void 0, (props) => {
+  const setLabelId = _react.useContext.call(void 0, _K56WQU76cjs.GroupLabelContext);
+  const id = _NREUHWTUcjs.useId.call(void 0, props.id);
+  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    setLabelId == null ? void 0 : setLabelId(id);
+    return () => setLabelId == null ? void 0 : setLabelId(void 0);
+  }, [setLabelId, id]);
+  props = _6455U47Tcjs.__spreadValues.call(void 0, {
+    id,
+    "aria-hidden": true
+  }, props);
+  return props;
+});
+var GroupLabel = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useGroupLabel(props);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  GroupLabel.displayName = "GroupLabel";
+}
+
+
+
+
+exports.useGroupLabel = useGroupLabel; exports.GroupLabel = GroupLabel;

package/cjs/__chunks/OHRAT4C4.cjs

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _2WZVSPAIcjs = require('./2WZVSPAI.cjs');
+
+
+
+
+var _7NAIPZYNcjs = require('./7NAIPZYN.cjs');
+
+
+
+
+
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
+
+// src/combobox/combobox-list.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var useComboboxList = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
+    const ref = _react.useRef.call(void 0, null);
+    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
+    const onKeyDownProp = props.onKeyDown;
+    const onKeyDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
+      if (event.defaultPrevented)
+        return;
+      if (event.key === "Escape") {
+        store.move(null);
+      }
+    });
+    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2WZVSPAIcjs.ComboboxContext.Provider, { value: store, children: element }),
+      [store]
+    );
+    const mounted = store.useState("mounted");
+    const style = mounted ? props.style : _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props.style), { display: "none" });
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+      id,
+      role: "listbox",
+      hidden: !mounted
+    }, props), {
+      ref: _NREUHWTUcjs.useForkRef.call(void 0, id ? store.setContentElement : null, ref, props.ref),
+      style,
+      onKeyDown
+    });
+    return props;
+  }
+);
+var ComboboxList = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useComboboxList(props);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  ComboboxList.displayName = "ComboboxList";
+}
+
+
+
+
+exports.useComboboxList = useComboboxList; exports.ComboboxList = ComboboxList;

package/cjs/__chunks/OMM6PC3A.cjs

@@ -0,0 +1,76 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _CARNFZQTcjs = require('./CARNFZQT.cjs');
+
+
+var _EM2PMFEWcjs = require('./EM2PMFEW.cjs');
+
+
+
+var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
+
+// src/dialog/dialog-backdrop.tsx
+var _react = require('react');
+var _misc = require('@ariakit/core/utils/misc');
+var _jsxruntime = require('react/jsx-runtime');
+function DialogBackdrop({
+  store,
+  backdrop,
+  backdropProps,
+  hidden,
+  children
+}) {
+  const ref = _react.useRef.call(void 0, null);
+  store = _react.useMemo.call(void 0, 
+    () => _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, store), {
+      // Override the setContentElement method to prevent the backdrop from
+      // overwriting the dialog's content element. TODO: Refactor this.
+      setContentElement: _misc.noop
+    }),
+    [store]
+  );
+  const contentElement = store.useState("contentElement");
+  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    const backdrop2 = ref.current;
+    const dialog = contentElement;
+    if (!backdrop2)
+      return;
+    if (!dialog)
+      return;
+    backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
+  }, [contentElement]);
+  _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    const id = contentElement == null ? void 0 : contentElement.id;
+    if (!id)
+      return;
+    const backdrop2 = ref.current;
+    if (!backdrop2)
+      return;
+    return _CARNFZQTcjs.markAncestor.call(void 0, backdrop2, id);
+  }, [contentElement]);
+  const props = _EM2PMFEWcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
+    store,
+    id: void 0,
+    role: "presentation",
+    hidden
+  }, backdropProps), {
+    ref: _NREUHWTUcjs.useForkRef.call(void 0, backdropProps == null ? void 0 : backdropProps.ref, ref),
+    style: _6455U47Tcjs.__spreadValues.call(void 0, {
+      position: "fixed",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }, backdropProps == null ? void 0 : backdropProps.style)
+  }));
+  const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { "data-backdrop": (contentElement == null ? void 0 : contentElement.id) || "", children }));
+}
+
+
+
+exports.DialogBackdrop = DialogBackdrop;