@ariakit/react-core 0.1.6 → 0.1.8

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

@@ -3,21 +3,26 @@ import {
 } from "./6I2PARRP.js";
 import {
   useCompositeItem
-} from "./HAHDW4I2.js";
+} from "./M32DI6TL.js";
 import {
   createElement,
   createHook,
   createMemoComponent
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useStoreState
-} from "./EUGPS2W3.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/{EX5SMLJA.js → CXDKC5CW.js}

@@ -5,12 +5,12 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./LUPFVLDA.js";
+} from "./JJHXFKMC.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -19,7 +19,12 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/hovercard/hovercard.tsx
 import {
@@ -44,12 +49,13 @@ function isMovingOnHovercard(target, card, anchor, nested) {
     return true;
   if (anchor && contains(anchor, target))
     return true;
-  if (nested?.some((card2) => isMovingOnHovercard(target, card2, anchor))) {
+  if (nested == null ? void 0 : nested.some((card2) => isMovingOnHovercard(target, card2, anchor))) {
     return true;
   }
   return false;
 }
-function useAutoFocusOnShow({ store, ...props }) {
+function useAutoFocusOnShow(_a) {
+  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
   const open = store.useState("open");
   const openRef = useLiveRef(open);
   useEffect(() => {
@@ -69,9 +75,10 @@ function useAutoFocusOnShow({ store, ...props }) {
   const autoFocusOnShow = store.useState(
     (state) => modal || state.autoFocusOnShow
   );
-  return { autoFocusOnShow, ...props };
+  return __spreadValues({ autoFocusOnShow }, props);
 }
-function useAutoFocusOnHide({ store, ...props }) {
+function useAutoFocusOnHide(_a) {
+  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
   const [autoFocusOnHide, setAutoFocusOnHide] = useState(false);
   const mounted = store.useState("mounted");
   useEffect(() => {
@@ -81,7 +88,7 @@ function useAutoFocusOnHide({ store, ...props }) {
   }, [mounted]);
   const onFocusProp = props.onFocus;
   const onFocus = useEvent((event) => {
-    onFocusProp?.(event);
+    onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
     setAutoFocusOnHide(true);
@@ -95,26 +102,34 @@ function useAutoFocusOnHide({ store, ...props }) {
       ["anchorElement"]
     );
   }, []);
-  props = {
+  props = __spreadProps(__spreadValues({
     autoFocusOnHide,
-    finalFocus: finalFocusRef,
-    ...props,
+    finalFocus: finalFocusRef
+  }, props), {
     onFocus
-  };
+  });
   return props;
 }
 var NestedHovercardContext = createContext(null);
 var useHovercard = createHook(
-  ({
-    store,
-    modal = false,
-    portal = !!modal,
-    hideOnEscape = true,
-    hideOnControl = false,
-    hideOnHoverOutside = true,
-    disablePointerEventsOnApproach = !!hideOnHoverOutside,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      modal = false,
+      portal = !!modal,
+      hideOnEscape = true,
+      hideOnControl = false,
+      hideOnHoverOutside = true,
+      disablePointerEventsOnApproach = !!hideOnHoverOutside
+    } = _b, props = __objRest(_b, [
+      "store",
+      "modal",
+      "portal",
+      "hideOnEscape",
+      "hideOnControl",
+      "hideOnHoverOutside",
+      "disablePointerEventsOnApproach"
+    ]);
     const ref = useRef(null);
     const [nestedHovercards, setNestedHovercards] = useState([]);
     const hideTimeoutRef = useRef(0);
@@ -242,17 +257,17 @@ var useHovercard = createHook(
       const element = ref.current;
       if (!element)
         return;
-      return registerOnParent?.(element);
+      return registerOnParent == null ? void 0 : registerOnParent(element);
     }, [modal, portal, mounted, domReady]);
     const registerNestedHovercard = useCallback(
       (element) => {
         setNestedHovercards((prevElements) => [...prevElements, element]);
-        const parentUnregister = registerOnParent?.(element);
+        const parentUnregister = registerOnParent == null ? void 0 : registerOnParent(element);
         return () => {
           setNestedHovercards(
             (prevElements) => prevElements.filter((item) => item !== element)
           );
-          parentUnregister?.();
+          parentUnregister == null ? void 0 : parentUnregister();
         };
       },
       [registerOnParent]
@@ -262,20 +277,19 @@ var useHovercard = createHook(
       (element) => /* @__PURE__ */ jsx(NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }),
       [registerNestedHovercard]
     );
-    props = {
-      ...props,
+    props = __spreadProps(__spreadValues({}, props), {
       ref: useForkRef(ref, props.ref)
-    };
-    props = useAutoFocusOnHide({ store, ...props });
-    props = useAutoFocusOnShow({ store, modal, ...props });
-    props = usePopover({
+    });
+    props = useAutoFocusOnHide(__spreadValues({ store }, props));
+    props = useAutoFocusOnShow(__spreadValues({ store, modal }, props));
+    props = usePopover(__spreadProps(__spreadValues({
       hideOnEscape,
       store,
       modal,
-      portal,
-      ...props,
+      portal
+    }, props), {
       portalRef
-    });
+    }));
     return 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/{V3PAD47N.js → DQSQP4IL.js}

@@ -4,29 +4,35 @@ import {
 } from "./HVBRRKV4.js";
 import {
   useCompositeTypeahead
-} from "./6OCAIYRY.js";
+} from "./KSVEVAMH.js";
 import {
   useComposite
-} from "./NOLA2XUH.js";
+} from "./OY5YT7OV.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useStoreState
-} from "./EUGPS2W3.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.hidden !== true || props.hidden === false ? 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) => {