@ariakit/react-core 0.1.5 → 0.1.7

package/esm/__chunks/{GLAECEAR.js → RVIGSXKO.js}

@@ -1,6 +1,6 @@
 import {
   useDialog
-} from "./JIT55CHU.js";
+} from "./TCX5FQUL.js";
 import {
   PopoverContext
 } from "./6GS36SYX.js";
@@ -8,26 +8,38 @@ import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/popover/popover.tsx
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 var usePopover = createHook(
-  ({
-    store,
-    modal = false,
-    portal = !!modal,
-    preserveTabOrder = true,
-    autoFocusOnShow = true,
-    wrapperProps,
-    ...props
-  }) => {
+  (_a) => {
+    var _b = _a, {
+      store,
+      modal = false,
+      portal = !!modal,
+      preserveTabOrder = true,
+      autoFocusOnShow = true,
+      wrapperProps
+    } = _b, props = __objRest(_b, [
+      "store",
+      "modal",
+      "portal",
+      "preserveTabOrder",
+      "autoFocusOnShow",
+      "wrapperProps"
+    ]);
     const popoverElement = store.useState("popoverElement");
     const contentElement = store.useState("contentElement");
     useSafeLayoutEffect(() => {
@@ -47,7 +59,7 @@ var usePopover = createHook(
         return;
       if (!mounted)
         return;
-      if (!contentElement?.isConnected)
+      if (!(contentElement == null ? void 0 : contentElement.isConnected))
         return;
       const raf = requestAnimationFrame(() => {
         setCanAutoFocusOnShow(true);
@@ -63,18 +75,17 @@ var usePopover = createHook(
       props,
       (element) => /* @__PURE__ */ jsx(
         "div",
-        {
-          role: "presentation",
-          ...wrapperProps,
-          style: {
+        __spreadProps(__spreadValues({
+          role: "presentation"
+        }, wrapperProps), {
+          style: __spreadValues({
             position,
             top: 0,
-            left: 0,
-            ...wrapperProps?.style
-          },
+            left: 0
+          }, wrapperProps == null ? void 0 : wrapperProps.style),
           ref: store.setPopoverElement,
           children: element
-        }
+        })
       ),
       [store, position, wrapperProps]
     );
@@ -83,22 +94,20 @@ var usePopover = createHook(
       (element) => /* @__PURE__ */ jsx(PopoverContext.Provider, { value: store, children: element }),
       [store]
     );
-    props = {
-      ...props,
-      style: {
-        position: "relative",
-        ...props.style
-      }
-    };
-    props = useDialog({
+    props = __spreadProps(__spreadValues({}, props), {
+      style: __spreadValues({
+        position: "relative"
+      }, props.style)
+    });
+    props = useDialog(__spreadProps(__spreadValues({
       store,
       modal,
       preserveTabOrder,
       portal,
-      autoFocusOnShow: canAutoFocusOnShow && autoFocusOnShow,
-      ...props,
+      autoFocusOnShow: canAutoFocusOnShow && autoFocusOnShow
+    }, props), {
       portalRef
-    });
+    }));
     return props;
   }
 );

package/esm/__chunks/{HMJVMCGK.js → RXTFLI35.js}

@@ -1,11 +1,11 @@
 import {
   useDialogDescription
-} from "./DGTYZREX.js";
+} from "./4JRG3QNR.js";
 import {
   createComponent,
   createElement,
   createHook
-} from "./JE5NWDDX.js";
+} from "./5ETIGB6O.js";
 
 // src/popover/popover-description.ts
 var usePopoverDescription = createHook(

package/esm/__chunks/{M6QENKOT.js → SHGWT5HV.js}

@@ -1,25 +1,28 @@
 import {
   useDialogStoreOptions,
   useDialogStoreProps
-} from "./ND76WTDR.js";
+} from "./OBNQHP6V.js";
 import {
   useStore,
   useStoreProps
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
 import {
   useEvent
-} from "./B7MIN7YT.js";
+} from "./ASYR66PQ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";
 function usePopoverStoreOptions(props) {
   const getAnchorRect = useEvent(props.getAnchorRect);
   const renderCallback = useEvent(props.renderCallback);
-  return {
-    ...useDialogStoreOptions(props),
+  return __spreadProps(__spreadValues({}, useDialogStoreOptions(props)), {
     getAnchorRect: props.getAnchorRect ? getAnchorRect : void 0,
     renderCallback: props.renderCallback ? renderCallback : void 0
-  };
+  });
 }
 function usePopoverStoreProps(store, props) {
   store = useDialogStoreProps(store, props);
@@ -39,7 +42,7 @@ function usePopoverStoreProps(store, props) {
 function usePopoverStore(props = {}) {
   const options = usePopoverStoreOptions(props);
   const store = useStore(
-    () => Core.createPopoverStore({ ...props, ...options })
+    () => Core.createPopoverStore(__spreadValues(__spreadValues({}, props), options))
   );
   return usePopoverStoreProps(store, props);
 }

package/esm/__chunks/{ZCEPUYV7.js → SSM4B45D.js}

@@ -1,11 +1,14 @@
 import {
   useCollectionStoreOptions,
   useCollectionStoreProps
-} from "./36HCAR3M.js";
+} from "./MEYEPL2D.js";
 import {
   useStore,
   useStoreProps
-} from "./LTH56VDS.js";
+} from "./AV5WE37O.js";
+import {
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-store.ts
 import * as Core from "@ariakit/core/composite/composite-store";
@@ -27,7 +30,7 @@ function useCompositeStoreProps(store, props) {
 function useCompositeStore(props = {}) {
   const options = useCompositeStoreOptions(props);
   const store = useStore(
-    () => Core.createCompositeStore({ ...props, ...options })
+    () => Core.createCompositeStore(__spreadValues(__spreadValues({}, props), options))
   );
   return useCompositeStoreProps(store, props);
 }

package/esm/__chunks/T3WBUAHU.js

@@ -0,0 +1,61 @@
+import {
+  useSafeLayoutEffect
+} from "./ASYR66PQ.js";
+
+// src/dialog/utils/use-nested-dialogs.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useState
+} from "react";
+import { chain } from "@ariakit/core/utils/misc";
+import { jsx } from "react/jsx-runtime";
+var NestedDialogsContext = createContext({});
+function useNestedDialogs(store) {
+  const context = useContext(NestedDialogsContext);
+  const [dialogs, setDialogs] = useState([]);
+  const add = useCallback(
+    (dialog) => {
+      var _a;
+      setDialogs((dialogs2) => [...dialogs2, dialog]);
+      return chain((_a = context.add) == null ? void 0 : _a.call(context, dialog), () => {
+        setDialogs((dialogs2) => dialogs2.filter((d) => d !== dialog));
+      });
+    },
+    [context]
+  );
+  useSafeLayoutEffect(() => {
+    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]);
+  useSafeLayoutEffect(() => {
+    var _a;
+    return (_a = context.store) == null ? void 0 : _a.sync(
+      (state) => {
+        if (state.open)
+          return;
+        store.hide();
+      },
+      ["open"]
+    );
+  }, [context, store]);
+  const providerValue = useMemo(() => ({ store, add }), [store, add]);
+  const wrapElement = useCallback(
+    (element) => /* @__PURE__ */ jsx(NestedDialogsContext.Provider, { value: providerValue, children: element }),
+    [providerValue]
+  );
+  return { wrapElement, nestedDialogs: dialogs };
+}
+
+export {
+  useNestedDialogs
+};