@ariakit/react-core 0.1.5 → 0.1.7

package/esm/__chunks/{GUVHAKSF.js → B7WY5IEM.js}

@@ -5,24 +5,30 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useEvent,
   useForkRef,
   useId,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/combobox/combobox-list.tsx
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var useComboboxList = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const ref = useRef(null);
     const id = useId(props.id);
     const onKeyDownProp = props.onKeyDown;
     const onKeyDown = useEvent((event) => {
-      onKeyDownProp?.(event);
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       if (event.key === "Escape") {
@@ -35,16 +41,16 @@ var useComboboxList = createHook(
       [store]
     );
     const mounted = store.useState("mounted");
-    const style = mounted ? props.style : { ...props.style, display: "none" };
-    props = {
+    const style = mounted ? props.style : __spreadProps(__spreadValues({}, props.style), { display: "none" });
+    props = __spreadProps(__spreadValues({
       id,
       role: "listbox",
-      hidden: !mounted,
-      ...props,
+      hidden: !mounted
+    }, props), {
       ref: useForkRef(id ? store.setContentElement : null, ref, props.ref),
       style,
       onKeyDown
-    };
+    });
     return props;
   }
 );

package/esm/__chunks/BH4YAZB2.js

@@ -0,0 +1,56 @@
+import {
+  setProperty
+} from "./DJESYNLE.js";
+import {
+  walkTreeOutside
+} from "./ISPCL6N4.js";
+
+// src/dialog/utils/mark-tree-outside.ts
+import { chain } from "@ariakit/core/utils/misc";
+function getPropertyName(id = "", ancestor = false) {
+  return `__ariakit-dialog-${ancestor ? "ancestor" : "outside"}${id ? `-${id}` : ""}`;
+}
+function markElement(element, id = "") {
+  return chain(
+    setProperty(element, getPropertyName(), true),
+    setProperty(element, getPropertyName(id), true)
+  );
+}
+function markAncestor(element, id = "") {
+  return chain(
+    setProperty(element, getPropertyName("", true), true),
+    setProperty(element, getPropertyName(id, true), true)
+  );
+}
+function isElementMarked(element, id) {
+  const ancestorProperty = getPropertyName(id, true);
+  if (element[ancestorProperty])
+    return true;
+  const elementProperty = getPropertyName(id);
+  do {
+    if (element[elementProperty])
+      return true;
+    if (!element.parentElement)
+      return false;
+    element = element.parentElement;
+  } while (true);
+}
+function markTreeOutside(dialogId, ...elements) {
+  const cleanups = [];
+  walkTreeOutside(
+    elements,
+    (element) => cleanups.unshift(markElement(element, dialogId)),
+    (ancestor) => cleanups.unshift(markAncestor(ancestor, dialogId))
+  );
+  const restoreAccessibilityTree = () => {
+    cleanups.forEach((fn) => fn());
+  };
+  return restoreAccessibilityTree;
+}
+
+export {
+  markElement,
+  markAncestor,
+  isElementMarked,
+  markTreeOutside
+};

package/esm/__chunks/BMLNRUFQ.js

@@ -0,0 +1,7 @@
+// src/focusable/focusable-context.ts
+import { createContext } from "react";
+var FocusableContext = createContext(true);
+
+export {
+  FocusableContext
+};

package/esm/__chunks/{LBUPFIVF.js → C5MG6ALB.js}

@@ -3,21 +3,26 @@ import {
 } from "./6I2PARRP.js";
 import {
   useCompositeItem
-} from "./JOV72LYK.js";
+} from "./M32DI6TL.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useStoreState
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
 import {
   useEvent,
   useForkRef,
   useId,
   useTagName
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/radio/radio.ts
 import { useContext, useEffect, useRef } from "react";
@@ -33,24 +38,26 @@ function isNativeRadio(tagName, type) {
   return tagName === "input" && (!type || type === "radio");
 }
 var useRadio = createHook(
-  ({ store, value, checked, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, value, checked } = _b, props = __objRest(_b, ["store", "value", "checked"]);
+    var _a2;
     const context = useContext(RadioContext);
     store = store || context;
     const id = useId(props.id);
     const ref = useRef(null);
-    const isChecked = useStoreState(
+    const isChecked = (_a2 = useStoreState(
       store,
-      (state) => checked ?? getIsChecked(value, state.value)
-    ) ?? checked;
+      (state) => checked != null ? checked : getIsChecked(value, state.value)
+    )) != null ? _a2 : checked;
     useEffect(() => {
       if (!id)
         return;
       if (!isChecked)
         return;
-      const isActiveItem = store?.getState().activeId === id;
+      const isActiveItem = (store == null ? void 0 : store.getState().activeId) === id;
       if (isActiveItem)
         return;
-      store?.setActiveId(id);
+      store == null ? void 0 : store.setActiveId(id);
     }, [store, isChecked, id]);
     const onChangeProp = props.onChange;
     const tagName = useTagName(ref, props.as || "input");
@@ -64,14 +71,14 @@ var useRadio = createHook(
       if (!nativeRadio) {
         event.currentTarget.checked = true;
       }
-      onChangeProp?.(event);
+      onChangeProp == null ? void 0 : onChangeProp(event);
       if (event.defaultPrevented)
         return;
-      store?.setValue(value);
+      store == null ? void 0 : store.setValue(value);
     });
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      onClickProp?.(event);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       if (nativeRadio)
@@ -80,7 +87,7 @@ var useRadio = createHook(
     });
     const onFocusProp = props.onFocus;
     const onFocus = useEvent((event) => {
-      onFocusProp?.(event);
+      onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
       if (!nativeRadio)
@@ -94,23 +101,22 @@ var useRadio = createHook(
         return;
       onChange(event);
     });
-    props = {
+    props = __spreadProps(__spreadValues({
       id,
       role: !nativeRadio ? "radio" : void 0,
       type: nativeRadio ? "radio" : void 0,
-      "aria-checked": isChecked,
-      ...props,
+      "aria-checked": isChecked
+    }, props), {
       ref: useForkRef(ref, props.ref),
       onChange,
       onClick,
       onFocus
-    };
-    props = useCompositeItem({ store, clickOnEnter: !nativeRadio, ...props });
-    return {
+    });
+    props = useCompositeItem(__spreadValues({ store, clickOnEnter: !nativeRadio }, props));
+    return __spreadValues({
       value: nativeRadio ? value : void 0,
-      checked: isChecked,
-      ...props
-    };
+      checked: isChecked
+    }, props);
   }
 );
 var Radio = createMemoComponent((props) => {

package/esm/__chunks/{RNWB46DZ.js → D6NPK2DL.js}

@@ -2,18 +2,23 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useForkRef
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/popover/popover-anchor.ts
 var usePopoverAnchor = createHook(
-  ({ store, ...props }) => {
-    props = {
-      ...props,
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
+    props = __spreadProps(__spreadValues({}, props), {
       ref: useForkRef(store.setAnchorElement, props.ref)
-    };
+    });
     return props;
   }
 );

package/esm/__chunks/{NDTB3OGK.js → DIO64N2C.js}

@@ -1,27 +1,30 @@
 import {
   useVisuallyHidden
-} from "./SDULECC7.js";
+} from "./JQEVJM46.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/focus-trap/focus-trap.ts
 var useFocusTrap = createHook((props) => {
-  props = {
+  props = __spreadProps(__spreadValues({
     "data-focus-trap": "",
     tabIndex: 0,
-    "aria-hidden": true,
-    ...props,
-    style: {
+    "aria-hidden": true
+  }, props), {
+    style: __spreadValues({
       // Prevents unintended scroll jumps.
       position: "fixed",
       top: 0,
-      left: 0,
-      ...props.style
-    }
-  };
+      left: 0
+    }, props.style)
+  });
   props = useVisuallyHidden(props);
   return props;
 });

package/esm/__chunks/DJESYNLE.js

@@ -0,0 +1,90 @@
+// src/dialog/utils/orchestrate.ts
+var setups = Symbol();
+function orchestrate(element, key, setup, cleanup) {
+  if (!element[setups]) {
+    element[setups] = /* @__PURE__ */ new Map();
+  }
+  element[setups].set(key, setup);
+  setup();
+  return () => {
+    var _a, _b;
+    cleanup();
+    const prevSetup = (_a = element[setups]) == null ? void 0 : _a.get(key);
+    if (prevSetup === setup) {
+      (_b = element[setups]) == null ? void 0 : _b.delete(key);
+    } else if (prevSetup) {
+      prevSetup();
+    }
+  };
+}
+function setAttribute(element, attr, value) {
+  let previousValue = element.getAttribute(attr);
+  const setup = () => {
+    previousValue = element.getAttribute(attr);
+    element.setAttribute(attr, value);
+  };
+  const cleanup = () => {
+    if (previousValue == null) {
+      element.removeAttribute(attr);
+    } else {
+      element.setAttribute(attr, previousValue);
+    }
+  };
+  return orchestrate(element, attr, setup, cleanup);
+}
+function setProperty(element, property, value) {
+  let exists = property in element;
+  let previousValue = element[property];
+  const setup = () => {
+    exists = property in element;
+    previousValue = element[property];
+    element[property] = value;
+  };
+  const cleanup = () => {
+    if (!exists) {
+      delete element[property];
+    } else {
+      element[property] = previousValue;
+    }
+  };
+  return orchestrate(element, property, setup, cleanup);
+}
+function assignStyle(element, style) {
+  if (!element)
+    return () => {
+    };
+  let prevStyle = element.style.cssText;
+  const setup = () => {
+    prevStyle = element.style.cssText;
+    Object.assign(element.style, style);
+  };
+  const cleanup = () => {
+    element.style.cssText = prevStyle;
+  };
+  return orchestrate(element, "style", setup, cleanup);
+}
+function setCSSProperty(element, property, value) {
+  if (!element)
+    return () => {
+    };
+  let previousValue = element.style.getPropertyValue(property);
+  const setup = () => {
+    previousValue = element.style.getPropertyValue(property);
+    element.style.setProperty(property, value);
+  };
+  const cleanup = () => {
+    if (previousValue) {
+      element.style.setProperty(property, previousValue);
+    } else {
+      element.style.removeProperty(property);
+    }
+  };
+  return orchestrate(element, property, setup, cleanup);
+}
+
+export {
+  setAttribute,
+  setProperty,
+  assignStyle,
+  setCSSProperty
+};

package/esm/__chunks/{2EEVGFEH.js → DQSQP4IL.js}

@@ -4,29 +4,35 @@ import {
 } from "./HVBRRKV4.js";
 import {
   useCompositeTypeahead
-} from "./6OCAIYRY.js";
+} from "./KSVEVAMH.js";
 import {
   useComposite
-} from "./FXC76SFN.js";
+} from "./OY5YT7OV.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useStoreState
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
 import {
   useEvent,
   useForkRef,
   useId,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/menu/menu-list.tsx
 import { useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-function useAriaLabelledBy({ store, ...props }) {
+function useAriaLabelledBy(_a) {
+  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
   const [id, setId] = useState(void 0);
   const label = props["aria-label"];
   const disclosureElement = store.useState("disclosureElement");
@@ -48,7 +54,8 @@ function useAriaLabelledBy({ store, ...props }) {
   return id;
 }
 var useMenuList = createHook(
-  ({ store, composite = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, composite = true } = _b, props = __objRest(_b, ["store", "composite"]);
     const parentMenu = useContext(MenuContext);
     const parentMenuBar = useContext(MenuBarContext);
     const hasParentMenu = !!parentMenu;
@@ -66,7 +73,7 @@ var useMenuList = createHook(
       (state) => state.orientation !== "vertical"
     );
     const onKeyDown = useEvent((event) => {
-      onKeyDownProp?.(event);
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       if (hasParentMenu || parentMenuBar && !isHorizontal) {
@@ -77,7 +84,7 @@ var useMenuList = createHook(
           ArrowDown: () => dir === "top" && isHorizontal
         };
         const action = hideMap[event.key];
-        if (action?.()) {
+        if (action == null ? void 0 : action()) {
           event.stopPropagation();
           event.preventDefault();
           return store.hide();
@@ -107,7 +114,7 @@ var useMenuList = createHook(
           }
         };
         const action = keyMap[event.key];
-        const id2 = action?.();
+        const id2 = action == null ? void 0 : action();
         if (id2 !== void 0) {
           event.stopPropagation();
           event.preventDefault();
@@ -120,27 +127,26 @@ var useMenuList = createHook(
       (element) => /* @__PURE__ */ jsx(MenuContext.Provider, { value: store, children: element }),
       [store]
     );
-    const ariaLabelledBy = useAriaLabelledBy({ store, ...props });
+    const ariaLabelledBy = useAriaLabelledBy(__spreadValues({ store }, props));
     const mounted = store.useState("mounted");
-    const style = mounted ? props.style : { ...props.style, display: "none" };
-    props = {
+    const style = mounted && props.hidden !== true || props.hidden === false ? props.style : __spreadProps(__spreadValues({}, props.style), { display: "none" });
+    props = __spreadProps(__spreadValues({
       id,
       "aria-labelledby": ariaLabelledBy,
-      hidden: !mounted,
-      ...props,
+      hidden: !mounted
+    }, props), {
       ref: useForkRef(id ? store.setContentElement : null, props.ref),
       style,
       onKeyDown
-    };
+    });
     if (composite) {
-      props = {
+      props = __spreadValues({
         role: "menu",
-        "aria-orientation": orientation,
-        ...props
-      };
+        "aria-orientation": orientation
+      }, props);
     }
-    props = useComposite({ store, composite, ...props });
-    props = useCompositeTypeahead({ store, ...props });
+    props = useComposite(__spreadValues({ store, composite }, props));
+    props = useCompositeTypeahead(__spreadValues({ store }, props));
     return props;
   }
 );

package/esm/__chunks/{TCSUGBIK.js → E6PO3W4O.js}

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

package/esm/__chunks/{SG5D3YRB.js → ECY3BFPU.js}

@@ -5,10 +5,13 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/group/group.tsx
 import { useState } from "react";
@@ -20,11 +23,10 @@ var useGroup = createHook((props) => {
     (element) => /* @__PURE__ */ jsx(GroupLabelContext.Provider, { value: setLabelId, children: element }),
     []
   );
-  props = {
+  props = __spreadValues({
     role: "group",
-    "aria-labelledby": labelId,
-    ...props
-  };
+    "aria-labelledby": labelId
+  }, props);
   return props;
 });
 var Group = createComponent((props) => {