@ariakit/react-core 0.1.5 → 0.1.7

package/esm/__chunks/{GM2BWWHD.js → HFDCAETG.js}

@@ -3,21 +3,26 @@ import {
 } from "./M5KYRTQG.js";
 import {
   useCommand
-} from "./SAVDGYCC.js";
+} from "./4QNHBDVS.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useStoreState
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
 import {
   useEvent,
   useForkRef,
   useTagName,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/checkbox/checkbox.tsx
 import { useEffect, useRef, useState } from "react";
@@ -33,13 +38,19 @@ function isNativeCheckbox(tagName, type) {
   return tagName === "input" && (!type || type === "checkbox");
 }
 var useCheckbox = createHook(
-  ({
-    store,
-    value: valueProp,
-    checked: checkedProp,
-    defaultChecked,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      value: valueProp,
+      checked: checkedProp,
+      defaultChecked
+    } = _b, props = __objRest(_b, [
+      "store",
+      "value",
+      "checked",
+      "defaultChecked"
+    ]);
+    var _a2;
     const storeChecked = useStoreState(store, (state) => {
       if (checkedProp !== void 0)
         return checkedProp;
@@ -56,8 +67,8 @@ var useCheckbox = createHook(
         return state.value;
       return false;
     });
-    const [_checked, setChecked] = useState(defaultChecked ?? false);
-    const checked = checkedProp ?? storeChecked ?? _checked;
+    const [_checked, setChecked] = useState(defaultChecked != null ? defaultChecked : false);
+    const checked = (_a2 = checkedProp != null ? checkedProp : storeChecked) != null ? _a2 : _checked;
     const ref = useRef(null);
     const tagName = useTagName(ref, props.as || "input");
     const nativeCheckbox = isNativeCheckbox(tagName, props.type);
@@ -81,12 +92,12 @@ var useCheckbox = createHook(
       if (!nativeCheckbox) {
         event.currentTarget.checked = !event.currentTarget.checked;
       }
-      onChangeProp?.(event);
+      onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
         return;
       const elementChecked = event.currentTarget.checked;
       setChecked(elementChecked);
-      store?.setValue((prevValue) => {
+      store == null ? void 0 : store.setValue((prevValue) => {
         if (!valueProp)
           return elementChecked;
         if (!Array.isArray(prevValue)) {
@@ -99,7 +110,7 @@ var useCheckbox = createHook(
     });
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      onClickProp?.(event);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       if (nativeCheckbox)
@@ -111,21 +122,20 @@ var useCheckbox = createHook(
       (element) => /* @__PURE__ */ jsx(CheckboxCheckedContext.Provider, { value: isChecked, children: element }),
       [isChecked]
     );
-    props = {
+    props = __spreadProps(__spreadValues({
       role: !nativeCheckbox ? "checkbox" : void 0,
       type: nativeCheckbox ? "checkbox" : void 0,
-      "aria-checked": checked,
-      ...props,
+      "aria-checked": checked
+    }, props), {
       ref: useForkRef(ref, props.ref),
       onChange,
       onClick
-    };
-    props = useCommand({ clickOnEnter: !nativeCheckbox, ...props });
-    return {
+    });
+    props = useCommand(__spreadValues({ clickOnEnter: !nativeCheckbox }, props));
+    return __spreadValues({
       value: nativeCheckbox ? valueProp : void 0,
-      checked: isChecked,
-      ...props
-    };
+      checked: isChecked
+    }, props);
   }
 );
 var Checkbox = createComponent((props) => {

package/esm/__chunks/{YHRHKO5B.js → HN4VMOUI.js}

@@ -1,7 +1,10 @@
 import {
   useStore,
   useStoreProps
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";
@@ -16,7 +19,7 @@ function useDisclosureStoreProps(store, props) {
 function useDisclosureStore(props = {}) {
   const options = useDisclosureStoreOptions(props);
   const store = useStore(
-    () => Core.createDisclosureStore({ ...props, ...options })
+    () => Core.createDisclosureStore(__spreadValues(__spreadValues({}, props), options))
   );
   return useDisclosureStoreProps(store, props);
 }

package/esm/__chunks/{NYJYNUSY.js → HWXCBMWZ.js}

@@ -1,15 +1,19 @@
 import {
   useGroupLabel
-} from "./SE7IFIBU.js";
+} from "./JNCKMFIN.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-group-label.ts
 var useCompositeGroupLabel = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     props = useGroupLabel(props);
     return props;
   }

package/esm/__chunks/{VDIWPJGE.js → HXGZWZML.js}

@@ -1,14 +1,19 @@
 import {
   selectTextField
-} from "./STKLF26R.js";
+} from "./OXPV2NBK.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useEvent
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-input.ts
 import {
@@ -27,11 +32,12 @@ function getValueLength(element) {
   return 0;
 }
 var useCompositeInput = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const onKeyDownCaptureProp = props.onKeyDownCapture;
     const onKeyDownCapture = useEvent(
       (event) => {
-        onKeyDownCaptureProp?.(event);
+        onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
         if (event.defaultPrevented)
           return;
         const element = event.currentTarget;
@@ -51,16 +57,15 @@ var useCompositeInput = createHook(
     );
     const onFocusProp = props.onFocus;
     const onFocus = useEvent((event) => {
-      onFocusProp?.(event);
+      onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
       selectTextField(event.currentTarget);
     });
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       onKeyDownCapture,
       onFocus
-    };
+    });
     return props;
   }
 );

package/esm/__chunks/{HVXLVRRR.js → ISPCL6N4.js}

@@ -8,10 +8,22 @@ function isValidElement(element, ignoredElements) {
     (enabledElement) => enabledElement && contains(element, enabledElement)
   );
 }
-function walkTreeOutside(elements, callback) {
+function walkTreeOutside(elements, callback, ancestorCallback) {
   for (let element of elements) {
-    const document = getDocument(element);
-    while (element?.parentElement && element !== document.body) {
+    if (!(element == null ? void 0 : element.isConnected))
+      continue;
+    const hasAncestorAlready = elements.some((maybeAncestor) => {
+      if (!maybeAncestor)
+        return false;
+      if (maybeAncestor === element)
+        return false;
+      return maybeAncestor.contains(element);
+    });
+    if (hasAncestorAlready)
+      continue;
+    const doc = getDocument(element);
+    while (element.parentElement && element !== doc.body) {
+      ancestorCallback == null ? void 0 : ancestorCallback(element.parentElement);
       for (const child of element.parentElement.children) {
         if (isValidElement(child, elements)) {
           callback(child);

package/esm/__chunks/{SE7IFIBU.js → JNCKMFIN.js}

@@ -5,11 +5,14 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/group/group-label.ts
 import { useContext } from "react";
@@ -17,14 +20,13 @@ var useGroupLabel = createHook((props) => {
   const setLabelId = useContext(GroupLabelContext);
   const id = useId(props.id);
   useSafeLayoutEffect(() => {
-    setLabelId?.(id);
-    return () => setLabelId?.(void 0);
+    setLabelId == null ? void 0 : setLabelId(id);
+    return () => setLabelId == null ? void 0 : setLabelId(void 0);
   }, [setLabelId, id]);
-  props = {
+  props = __spreadValues({
     id,
-    "aria-hidden": true,
-    ...props
-  };
+    "aria-hidden": true
+  }, props);
   return props;
 });
 var GroupLabel = createComponent((props) => {

package/esm/__chunks/{SDULECC7.js → JQEVJM46.js}

@@ -2,13 +2,16 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/visually-hidden/visually-hidden.ts
 var useVisuallyHidden = createHook((props) => {
-  props = {
-    ...props,
-    style: {
+  props = __spreadProps(__spreadValues({}, props), {
+    style: __spreadValues({
       border: 0,
       clip: "rect(0 0 0 0)",
       height: "1px",
@@ -17,10 +20,9 @@ var useVisuallyHidden = createHook((props) => {
       padding: 0,
       position: "absolute",
       whiteSpace: "nowrap",
-      width: "1px",
-      ...props.style
-    }
-  };
+      width: "1px"
+    }, props.style)
+  });
   return props;
 });
 var VisuallyHidden = createComponent(

package/esm/__chunks/{4U6AOLE4.js → JXNLCNWG.js}

@@ -3,13 +3,17 @@ import {
 } from "./7JNF6I52.js";
 import {
   useDisclosureContent
-} from "./FFRIGW5T.js";
+} from "./6AJCHLAV.js";
 import {
   useBooleanEvent,
   useEvent,
   useForkRef,
   useSafeLayoutEffect
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/dialog/dialog-backdrop.tsx
 import { useMemo, useRef } from "react";
@@ -27,8 +31,7 @@ function DialogBackdrop({
 }) {
   const ref = useRef(null);
   store = useMemo(
-    () => ({
-      ...store,
+    () => __spreadProps(__spreadValues({}, store), {
       // Override the setContentElement method to prevent the backdrop from
       // overwriting the dialog's content element. TODO: Refactor this.
       setContentElement: noop
@@ -45,12 +48,12 @@ function DialogBackdrop({
       return;
     backdrop2.style.zIndex = getComputedStyle(dialog).zIndex;
   }, [contentElement]);
-  const onClickProp = backdropProps?.onClick;
+  const onClickProp = backdropProps == null ? void 0 : backdropProps.onClick;
   const hideOnInteractOutsideProp = useBooleanEvent(hideOnInteractOutside);
   const mounted = store.useState("mounted");
   const previousMouseDownRef = usePreviousMouseDownRef(mounted);
   const onClick = useEvent((event) => {
-    onClickProp?.(event);
+    onClickProp == null ? void 0 : onClickProp(event);
     if (event.defaultPrevented)
       return;
     if (!isSelfTarget(event))
@@ -62,10 +65,10 @@ function DialogBackdrop({
     event.stopPropagation();
     store.hide();
   });
-  const onKeyDownProp = backdropProps?.onKeyDown;
+  const onKeyDownProp = backdropProps == null ? void 0 : backdropProps.onKeyDown;
   const hideOnEscapeProp = useBooleanEvent(hideOnEscape);
   const onKeyDown = useEvent((event) => {
-    onKeyDownProp?.(event);
+    onKeyDownProp == null ? void 0 : onKeyDownProp(event);
     if (event.defaultPrevented)
       return;
     if (event.key !== "Escape")
@@ -76,27 +79,26 @@ function DialogBackdrop({
       return;
     store.hide();
   });
-  const props = useDisclosureContent({
+  const props = useDisclosureContent(__spreadProps(__spreadValues({
     store,
     id: void 0,
     role: "presentation",
     tabIndex: -1,
-    hidden,
-    ...backdropProps,
-    ref: useForkRef(backdropProps?.ref, ref),
+    hidden
+  }, backdropProps), {
+    ref: useForkRef(backdropProps == null ? void 0 : backdropProps.ref, ref),
     onClick,
     onKeyDown,
-    style: {
+    style: __spreadValues({
       position: "fixed",
       top: 0,
       right: 0,
       bottom: 0,
-      left: 0,
-      ...backdropProps?.style
-    }
-  });
+      left: 0
+    }, backdropProps == null ? void 0 : backdropProps.style)
+  }));
   const Component = typeof backdrop !== "boolean" ? backdrop || "div" : "div";
-  return /* @__PURE__ */ jsx(Component, { ...props, "data-backdrop": contentElement?.id, children });
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, props), { "data-backdrop": contentElement == null ? void 0 : contentElement.id, children }));
 }
 
 export {

package/esm/__chunks/{MAJ5ZZ2S.js → KCAKBKAU.js}

@@ -1,7 +1,7 @@
 import {
   useStore,
   useStoreProps
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
 
 // src/checkbox/checkbox-store.ts
 import * as Core from "@ariakit/core/checkbox/checkbox-store";

package/esm/__chunks/KOVUJERF.js

@@ -0,0 +1,8 @@
+// src/dialog/utils/supports-inert.ts
+function supportsInert() {
+  return "inert" in HTMLElement.prototype;
+}
+
+export {
+  supportsInert
+};

package/esm/__chunks/{HOVZF3TA.js → KPEUI6QX.js}

@@ -2,16 +2,20 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/separator/separator.ts
 var useSeparator = createHook(
-  ({ orientation = "horizontal", ...props }) => {
-    props = {
+  (_a) => {
+    var _b = _a, { orientation = "horizontal" } = _b, props = __objRest(_b, ["orientation"]);
+    props = __spreadValues({
       role: "separator",
-      "aria-orientation": orientation,
-      ...props
-    };
+      "aria-orientation": orientation
+    }, props);
     return props;
   }
 );

package/esm/__chunks/{6OCAIYRY.js → KSVEVAMH.js}

@@ -1,6 +1,6 @@
 import {
   flipItems
-} from "./STKLF26R.js";
+} from "./OXPV2NBK.js";
 import {
   CompositeContext
 } from "./Z3X3QN6P.js";
@@ -8,10 +8,15 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useEvent
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-typeahead.ts
 import { useContext, useRef } from "react";
@@ -43,7 +48,8 @@ function getEnabledItems(items) {
   return items.filter((item) => !item.disabled);
 }
 function itemTextStartsWith(item, text) {
-  const itemText = item.element?.textContent || item.children;
+  var _a;
+  const itemText = ((_a = item.element) == null ? void 0 : _a.textContent) || item.children;
   if (!itemText)
     return false;
   return normalizeString(itemText).toLowerCase().startsWith(text.toLowerCase());
@@ -65,7 +71,8 @@ function getSameInitialItems(items, char, activeId) {
   ).filter((item) => item.id !== activeId);
 }
 var useCompositeTypeahead = createHook(
-  ({ store, typeahead = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, typeahead = true } = _b, props = __objRest(_b, ["store", "typeahead"]);
     const context = useContext(CompositeContext);
     store = store || context;
     invariant(
@@ -76,7 +83,7 @@ var useCompositeTypeahead = createHook(
     const cleanupTimeoutRef = useRef(0);
     const onKeyDownCapture = useEvent(
       (event) => {
-        onKeyDownCaptureProp?.(event);
+        onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
         if (event.defaultPrevented)
           return;
         if (!typeahead)
@@ -107,10 +114,9 @@ var useCompositeTypeahead = createHook(
         }
       }
     );
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       onKeyDownCapture
-    };
+    });
     return props;
   }
 );