@ariakit/react-core 0.1.6 → 0.1.7

package/cjs/visually-hidden/visually-hidden.cjs

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _DGBC5VB4cjs = require('../__chunks/DGBC5VB4.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
+var _QTPUX3NMcjs = require('../__chunks/QTPUX3NM.cjs');
+require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
-exports.VisuallyHidden = _DGBC5VB4cjs.VisuallyHidden; exports.useVisuallyHidden = _DGBC5VB4cjs.useVisuallyHidden;
+exports.VisuallyHidden = _QTPUX3NMcjs.VisuallyHidden; exports.useVisuallyHidden = _QTPUX3NMcjs.useVisuallyHidden;

package/dialog/utils/mark-tree-outside/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react-core/dialog/utils/mark-tree-outside",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../../cjs/dialog/utils/mark-tree-outside",
+  "module": "../../../esm/dialog/utils/mark-tree-outside"
+}

package/dialog/utils/orchestrate/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react-core/dialog/utils/orchestrate",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../../cjs/dialog/utils/orchestrate",
+  "module": "../../../esm/dialog/utils/orchestrate"
+}

package/dialog/utils/supports-inert/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react-core/dialog/utils/supports-inert",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../../cjs/dialog/utils/supports-inert",
+  "module": "../../../esm/dialog/utils/supports-inert"
+}

package/esm/__chunks/{UBWZV2LZ.js → 24P2K6AU.js}

@@ -1,22 +1,28 @@
 import {
   useButton
-} from "./GEZPJZJE.js";
+} from "./OQUXG6FE.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useBooleanEvent,
   useEvent,
   useForkRef,
   useSafeLayoutEffect
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/disclosure/disclosure.ts
 import { useRef, useState } from "react";
 var useDisclosure = createHook(
-  ({ store, toggleOnClick = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { store, toggleOnClick = true } = _b, props = __objRest(_b, ["store", "toggleOnClick"]);
     const ref = useRef(null);
     const [expanded, setExpanded] = useState(false);
     const disclosureElement = store.useState("disclosureElement");
@@ -32,14 +38,14 @@ var useDisclosure = createHook(
     const onMouseDownProp = props.onMouseDown;
     const onMouseDown = useEvent((event) => {
       store.setDisclosureElement(event.currentTarget);
-      onMouseDownProp?.(event);
+      onMouseDownProp == null ? void 0 : onMouseDownProp(event);
     });
     const onClickProp = props.onClick;
     const toggleOnClickProp = useBooleanEvent(toggleOnClick);
     const isDuplicate = "data-disclosure" in props;
     const onClick = useEvent((event) => {
       store.setDisclosureElement(event.currentTarget);
-      onClickProp?.(event);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       if (isDuplicate)
@@ -49,15 +55,15 @@ var useDisclosure = createHook(
       store.toggle();
     });
     const contentElement = store.useState("contentElement");
-    props = {
+    props = __spreadProps(__spreadValues({
       "data-disclosure": "",
       "aria-expanded": expanded,
-      "aria-controls": contentElement?.id,
-      ...props,
+      "aria-controls": contentElement == null ? void 0 : contentElement.id
+    }, props), {
       ref: useForkRef(ref, props.ref),
       onMouseDown,
       onClick
-    };
+    });
     props = useButton(props);
     return props;
   }

package/esm/__chunks/{2EKS6A3C.js → 3FKA4P4C.js}

@@ -1,10 +1,13 @@
 import {
   usePopoverStoreOptions,
   usePopoverStoreProps
-} from "./YTUXLB4R.js";
+} from "./SHGWT5HV.js";
 import {
   useStore
-} from "./EUGPS2W3.js";
+} from "./AV5WE37O.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/hovercard/hovercard-store.ts
 import * as Core from "@ariakit/core/hovercard/hovercard-store";
@@ -17,7 +20,7 @@ function useHovercardStoreProps(store, props) {
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);
   const store = useStore(
-    () => Core.createHovercardStore({ ...props, ...options })
+    () => Core.createHovercardStore(__spreadValues(__spreadValues({}, props), options))
   );
   return useHovercardStoreProps(store, props);
 }

package/esm/__chunks/{EX5SMLJA.js → 3L2YBPR3.js}

@@ -5,12 +5,12 @@ import {
 } from "./X7FKJQME.js";
 import {
   usePopover
-} from "./LUPFVLDA.js";
+} from "./RVIGSXKO.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/4BKCJXBM.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest
+};

package/esm/__chunks/4H6H5RRM.js

@@ -0,0 +1,55 @@
+import {
+  hideElementFromAccessibilityTree
+} from "./7A3SODQV.js";
+import {
+  supportsInert
+} from "./KOVUJERF.js";
+import {
+  assignStyle,
+  setAttribute,
+  setProperty
+} from "./DJESYNLE.js";
+import {
+  walkTreeOutside
+} from "./ISPCL6N4.js";
+
+// src/dialog/utils/disable-tree-outside.ts
+import { contains } from "@ariakit/core/utils/dom";
+import { getAllTabbable } from "@ariakit/core/utils/focus";
+import { chain, noop } from "@ariakit/core/utils/misc";
+function disableElement(element) {
+  if (!("style" in element))
+    return noop;
+  if (supportsInert()) {
+    return setProperty(element, "inert", true);
+  }
+  return chain(
+    hideElementFromAccessibilityTree(element),
+    assignStyle(element, {
+      pointerEvents: "none",
+      userSelect: "none",
+      cursor: "default"
+    })
+  );
+}
+function disableTreeOutside(...elements) {
+  const cleanups = [];
+  if (!supportsInert()) {
+    getAllTabbable().forEach((element) => {
+      if (elements.some((el) => el && contains(el, element)))
+        return;
+      cleanups.unshift(setAttribute(element, "tabindex", "-1"));
+    });
+  }
+  walkTreeOutside(elements, (element) => {
+    cleanups.unshift(disableElement(element));
+  });
+  const restoreTreeOutside = () => {
+    cleanups.forEach((fn) => fn());
+  };
+  return restoreTreeOutside;
+}
+
+export {
+  disableTreeOutside
+};

package/esm/__chunks/{DGTYZREX.js → 4JRG3QNR.js}

@@ -5,26 +5,30 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/dialog/dialog-description.ts
 import { useContext } from "react";
 var useDialogDescription = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const setDescriptionId = useContext(DialogDescriptionContext);
     const id = useId(props.id);
     useSafeLayoutEffect(() => {
-      setDescriptionId?.(id);
-      return () => setDescriptionId?.(void 0);
+      setDescriptionId == null ? void 0 : setDescriptionId(id);
+      return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
     }, [setDescriptionId, id]);
-    props = {
-      id,
-      ...props
-    };
+    props = __spreadValues({
+      id
+    }, props);
     return props;
   }
 );

package/esm/__chunks/{SMBMF2TX.js → 4QNHBDVS.js}

@@ -1,16 +1,21 @@
 import {
   useFocusable
-} from "./HBXYECGK.js";
+} from "./AGWM73EZ.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useEvent,
   useForkRef,
   useTagName
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/command/command.ts
 import { useEffect, useRef, useState } from "react";
@@ -28,7 +33,8 @@ function isNativeClick(event) {
   return isButton(element) || element.tagName === "SUMMARY" || element.tagName === "INPUT" || element.tagName === "TEXTAREA" || element.tagName === "A" || element.tagName === "SELECT";
 }
 var useCommand = createHook(
-  ({ clickOnEnter = true, clickOnSpace = true, ...props }) => {
+  (_a) => {
+    var _b = _a, { clickOnEnter = true, clickOnSpace = true } = _b, props = __objRest(_b, ["clickOnEnter", "clickOnSpace"]);
     const ref = useRef(null);
     const tagName = useTagName(ref, props.as);
     const type = props.type;
@@ -45,7 +51,7 @@ var useCommand = createHook(
     const isDuplicate = "data-command" in props;
     const onKeyDownProp = props.onKeyDown;
     const onKeyDown = useEvent((event) => {
-      onKeyDownProp?.(event);
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       const element = event.currentTarget;
       if (event.defaultPrevented)
         return;
@@ -72,7 +78,7 @@ var useCommand = createHook(
         if (isEnter) {
           if (!nativeClick) {
             event.preventDefault();
-            const { view, ...eventInit } = event;
+            const _a2 = event, { view } = _a2, eventInit = __objRest(_a2, ["view"]);
             const click = () => fireClickEvent(element, eventInit);
             if (isFirefox()) {
               queueBeforeEvent(element, "keyup", click);
@@ -91,7 +97,7 @@ var useCommand = createHook(
     });
     const onKeyUpProp = props.onKeyUp;
     const onKeyUp = useEvent((event) => {
-      onKeyUpProp?.(event);
+      onKeyUpProp == null ? void 0 : onKeyUpProp(event);
       if (event.defaultPrevented)
         return;
       if (isDuplicate)
@@ -106,20 +112,20 @@ var useCommand = createHook(
         if (!isNativeClick(event)) {
           setActive(false);
           const element = event.currentTarget;
-          const { view, ...eventInit } = event;
+          const _a2 = event, { view } = _a2, eventInit = __objRest(_a2, ["view"]);
           queueMicrotask(() => fireClickEvent(element, eventInit));
         }
       }
     });
-    props = {
+    props = __spreadProps(__spreadValues({
       "data-command": "",
       "data-active": active ? "" : void 0,
-      type: isNativeButton ? "button" : void 0,
-      ...props,
+      type: isNativeButton ? "button" : void 0
+    }, props), {
       ref: useForkRef(ref, props.ref),
       onKeyDown,
       onKeyUp
-    };
+    });
     props = useFocusable(props);
     return props;
   }

package/esm/__chunks/{JE5NWDDX.js → 5ETIGB6O.js}

@@ -1,3 +1,8 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./4BKCJXBM.js";
+
 // src/utils/system.tsx
 import { forwardRef, memo } from "react";
 import { hasOwnProperty } from "@ariakit/core/utils/misc";
@@ -6,7 +11,7 @@ function isRenderProp(children) {
   return typeof children === "function";
 }
 function createComponent(render) {
-  const Role = (props, ref) => render({ ref, ...props });
+  const Role = (props, ref) => render(__spreadValues({ ref }, props));
   return forwardRef(Role);
 }
 function createMemoComponent(render) {
@@ -14,17 +19,17 @@ function createMemoComponent(render) {
   return memo(Role);
 }
 function createElement(Type, props) {
-  const { as: As, wrapElement, ...rest } = props;
+  const _a = props, { as: As, wrapElement } = _a, rest = __objRest(_a, ["as", "wrapElement"]);
   let element;
   if (As && typeof As !== "string") {
-    element = /* @__PURE__ */ jsx(As, { ...rest });
+    element = /* @__PURE__ */ jsx(As, __spreadValues({}, rest));
   } else if (isRenderProp(props.children)) {
-    const { children, ...otherProps } = rest;
+    const _b = rest, { children } = _b, otherProps = __objRest(_b, ["children"]);
     element = props.children(otherProps);
   } else if (As) {
-    element = /* @__PURE__ */ jsx(As, { ...rest });
+    element = /* @__PURE__ */ jsx(As, __spreadValues({}, rest));
   } else {
-    element = /* @__PURE__ */ jsx(Type, { ...rest });
+    element = /* @__PURE__ */ jsx(Type, __spreadValues({}, rest));
   }
   if (wrapElement) {
     return wrapElement(element);

package/esm/__chunks/{7GYXZEBT.js → 5LA7CLO3.js}

@@ -1,6 +1,6 @@
 import {
   selectTextField
-} from "./STKLF26R.js";
+} from "./OXPV2NBK.js";
 import {
   CompositeContext
 } from "./Z3X3QN6P.js";
@@ -8,14 +8,19 @@ import {
   createElement,
   createHook,
   createMemoComponent
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   useStoreState
-} from "./EUGPS2W3.js";
+} from "./AV5WE37O.js";
 import {
   useEvent,
   useForkRef
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-container.ts
 import { useContext, useEffect, useRef } from "react";
@@ -33,7 +38,8 @@ function getFirstTabbable(container) {
   return tabbable;
 }
 var useCompositeContainer = createHook(
-  ({ store, ...props }) => {
+  (_a) => {
+    var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
     const context = useContext(CompositeContext);
     store = store || context;
     const ref = useRef(null);
@@ -69,13 +75,13 @@ var useCompositeContainer = createHook(
       if (!container)
         return;
       const isOpen = isOpenRef.current;
-      if (!isOpen && renderedItems?.length) {
+      if (!isOpen && (renderedItems == null ? void 0 : renderedItems.length)) {
         disableFocusIn(container);
       }
     }, [renderedItems]);
     const onFocusProp = props.onFocus;
     const onFocus = useEvent((event) => {
-      onFocusProp?.(event);
+      onFocusProp == null ? void 0 : onFocusProp(event);
       if (event.defaultPrevented)
         return;
       if (!store)
@@ -86,17 +92,17 @@ var useCompositeContainer = createHook(
         const { baseElement } = store.getState();
         const composite = baseElement;
         const selector = "[data-composite-container]";
-        const containers = composite?.querySelectorAll(selector);
-        containers?.forEach((container) => disableFocusIn(container));
+        const containers = composite == null ? void 0 : composite.querySelectorAll(selector);
+        containers == null ? void 0 : containers.forEach((container) => disableFocusIn(container));
       } else if (!isOpen) {
         isOpenRef.current = true;
         restoreFocusIn(event.currentTarget);
-        store?.setState("moves", 0);
+        store == null ? void 0 : store.setState("moves", 0);
       }
     });
     const onBlurProp = props.onBlur;
     const onBlur = useEvent((event) => {
-      onBlurProp?.(event);
+      onBlurProp == null ? void 0 : onBlurProp(event);
       if (event.defaultPrevented)
         return;
       if (isFocusEventOutside(event)) {
@@ -105,7 +111,7 @@ var useCompositeContainer = createHook(
     });
     const onKeyDownProp = props.onKeyDown;
     const onKeyDown = useEvent((event) => {
-      onKeyDownProp?.(event);
+      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
       if (event.defaultPrevented)
         return;
       if (event.altKey)
@@ -149,22 +155,22 @@ var useCompositeContainer = createHook(
     });
     const onClickProp = props.onClick;
     const onClick = useEvent((event) => {
-      onClickProp?.(event);
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       if (isSelfTarget(event) && !event.detail) {
         open(true);
       }
     });
-    props = {
-      "data-composite-container": "",
-      ...props,
+    props = __spreadProps(__spreadValues({
+      "data-composite-container": ""
+    }, props), {
       ref: useForkRef(ref, props.ref),
       onFocus,
       onBlur,
       onKeyDown,
       onClick
-    };
+    });
     return props;
   }
 );