@ariakit/react-core 0.4.10 → 0.4.12

package/esm/__chunks/{TT2355LN.js → BLYP7OV6.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   DialogBackdrop
-} from "./UQBPM777.js";
+} from "./N6SE4TDR.js";
 import {
   disableTree,
   disableTreeOutside
-} from "./NSFBIL2Z.js";
+} from "./D7GLA236.js";
 import {
   usePreventBodyScroll
-} from "./KB6RR6FL.js";
+} from "./TBGPDHVR.js";
 import {
   useNestedDialogs
-} from "./T3RMEPVH.js";
+} from "./IT6VQU5B.js";
 import {
   useHideOnInteractOutside
-} from "./43UOHFGG.js";
+} from "./7V5QX4SZ.js";
 import {
   supportsInert
 } from "./677M2CI3.js";
@@ -30,37 +30,37 @@ import {
 } from "./AOUGVQZ3.js";
 import {
   useFocusableContainer
-} from "./HT3UEUDM.js";
+} from "./EGBLFVR2.js";
 import {
   HeadingLevel
 } from "./5M6RIVE2.js";
 import {
   usePortal
-} from "./UNZQGRPO.js";
+} from "./OJXDGVKQ.js";
 import {
   isHidden,
   useDisclosureContent
-} from "./BSEL4YAF.js";
+} from "./NSKXVZEF.js";
 import {
   DialogDescriptionContext,
   DialogHeadingContext,
   DialogScopedContextProvider,
   useDialogProviderContext
-} from "./DU4D3UCJ.js";
+} from "./CMXOY7UW.js";
 import {
   useFocusable
-} from "./HGZKAGPL.js";
+} from "./Z4WWVOIF.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useDialogStore
-} from "./QYS5FHDY.js";
+} from "./B5WJDZ55.js";
 import {
   useStoreState
-} from "./2GXGCHW6.js";
+} from "./CTKPPFRS.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -69,7 +69,7 @@ import {
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest,
   __spreadProps,
@@ -81,6 +81,7 @@ import {
   contains,
   getActiveElement,
   getDocument,
+  getWindow,
   isButton
 } from "@ariakit/core/utils/dom";
 import {
@@ -170,13 +171,14 @@ var useDialog = createHook(function useDialog2(_a) {
   });
   const { portalRef, domReady } = usePortalRef(portal, props.portalRef);
   const preserveTabOrderProp = props.preserveTabOrder;
-  const preserveTabOrder = store.useState(
+  const preserveTabOrder = useStoreState(
+    store,
     (state) => preserveTabOrderProp && !modal && state.mounted
   );
   const id = useId(props.id);
-  const open = store.useState("open");
-  const mounted = store.useState("mounted");
-  const contentElement = store.useState("contentElement");
+  const open = useStoreState(store, "open");
+  const mounted = useStoreState(store, "mounted");
+  const contentElement = useStoreState(store, "contentElement");
   const hidden = isHidden(mounted, props.hidden, props.alwaysVisible);
   usePreventBodyScroll(contentElement, id, preventBodyScroll && !hidden);
   useHideOnInteractOutside(store, hideOnInteractOutside, domReady);
@@ -216,6 +218,24 @@ var useDialog = createHook(function useDialog2(_a) {
       };
     }, [store, mounted]);
   }
+  useEffect(() => {
+    if (!mounted) return;
+    if (!domReady) return;
+    const dialog = ref.current;
+    if (!dialog) return;
+    const win = getWindow(dialog);
+    const viewport = win.visualViewport || win;
+    const setViewportHeight = () => {
+      var _a2, _b2;
+      const height = (_b2 = (_a2 = win.visualViewport) == null ? void 0 : _a2.height) != null ? _b2 : win.innerHeight;
+      dialog.style.setProperty("--dialog-viewport-height", `${height}px`);
+    };
+    setViewportHeight();
+    viewport.addEventListener("resize", setViewportHeight);
+    return () => {
+      viewport.removeEventListener("resize", setViewportHeight);
+    };
+  }, [mounted, domReady]);
   useEffect(() => {
     if (!modal) return;
     if (!mounted) return;

package/esm/__chunks/{K7FXVWIT.js → BQA3JPRO.js}

@@ -1,26 +1,26 @@
 "use client";
 import {
   useRadioContext
-} from "./SOKV3TSX.js";
+} from "./MDCSFLUU.js";
 import {
   useCompositeItem
-} from "./3CCTMYB6.js";
+} from "./S5ELSLEU.js";
 import {
   createElement,
   createHook,
   forwardRef,
   memo
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useStoreState
-} from "./2GXGCHW6.js";
+} from "./CTKPPFRS.js";
 import {
   useEvent,
   useForceUpdate,
   useId,
   useMergeRefs,
   useTagName
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{QA27FYGF.js → BRBME7U5.js}

@@ -1,21 +1,21 @@
 "use client";
 import {
   useHovercardProviderContext
-} from "./CTQR3VDU.js";
+} from "./DPAO6G5R.js";
 import {
   useFocusable
-} from "./HGZKAGPL.js";
+} from "./Z4WWVOIF.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useBooleanEvent,
   useEvent,
   useIsMouseMoving,
   useMergeRefs
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{TNITL632.js → BSRZWVZO.js}

@@ -2,10 +2,10 @@
 import {
   CompositeContextProvider,
   CompositeScopedContextProvider
-} from "./WENSINUV.js";
+} from "./APGXEJ2Q.js";
 import {
   createStoreContext
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 
 // src/tab/tab-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{KGK2TTFO.js → C76P7QQC.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./2GXGCHW6.js";
+} from "./CTKPPFRS.js";
 import {
   useUpdateEffect
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 
 // src/disclosure/disclosure-store.ts
 import * as Core from "@ariakit/core/disclosure/disclosure-store";

package/esm/__chunks/{GO2SPXQX.js → CHKZWOVX.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   useCompositeStoreProps
-} from "./UVQLZ7T5.js";
+} from "./OIB4PV4M.js";
 import {
   useStore
-} from "./2GXGCHW6.js";
+} from "./CTKPPFRS.js";
 
 // src/toolbar/toolbar-store.ts
 import * as Core from "@ariakit/core/toolbar/toolbar-store";

package/esm/__chunks/{DU4D3UCJ.js → CMXOY7UW.js}

@@ -2,10 +2,10 @@
 import {
   DisclosureContextProvider,
   DisclosureScopedContextProvider
-} from "./RGUP62TM.js";
+} from "./JDEWEW7S.js";
 import {
   createStoreContext
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 
 // src/dialog/dialog-context.tsx
 import { createContext } from "react";

package/esm/__chunks/{CBC47ZYL.js → CO7ZDQU2.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDialogStoreProps
-} from "./QYS5FHDY.js";
+} from "./B5WJDZ55.js";
 import {
   useStore,
   useStoreProps
-} from "./2GXGCHW6.js";
+} from "./CTKPPFRS.js";
 import {
   useUpdateEffect
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 
 // src/popover/popover-store.ts
 import * as Core from "@ariakit/core/popover/popover-store";

package/esm/__chunks/{54MGSIOI.js → COWZSPJ7.js}

@@ -2,10 +2,10 @@
 import {
   DialogContextProvider,
   DialogScopedContextProvider
-} from "./DU4D3UCJ.js";
+} from "./CMXOY7UW.js";
 import {
   createStoreContext
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 
 // src/popover/popover-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{THRI7H7K.js → CRZAWNHO.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   useButton
-} from "./3R3N43YO.js";
+} from "./JOBHIYEN.js";
 import {
   useDialogScopedContext
-} from "./DU4D3UCJ.js";
+} from "./CMXOY7UW.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useEvent
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{2GXGCHW6.js → CTKPPFRS.js}

@@ -3,7 +3,7 @@ import {
   useEvent,
   useLiveRef,
   useSafeLayoutEffect
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{DS36B3MQ.js → CWIRMIEN.js}

@@ -4,15 +4,15 @@ import {
 } from "./5VQZOHHZ.js";
 import {
   useCompositeContext
-} from "./WENSINUV.js";
+} from "./APGXEJ2Q.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useEvent
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{NSFBIL2Z.js → D7GLA236.js}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  isFocusTrap
+} from "./IGR4SXG2.js";
 import {
   hideElementFromAccessibilityTree
 } from "./ESSM74HH.js";
@@ -56,6 +59,7 @@ function disableTreeOutside(id, elements) {
     elements,
     (element) => {
       if (isBackdrop(element, ...ids)) return;
+      if (isFocusTrap(element, ...ids)) return;
       cleanups.unshift(disableTree(element, elements));
     },
     (element) => {

package/esm/__chunks/{4FY2MBIB.js → DCBMRDNF.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useDialogHeading
-} from "./6FZVKQWP.js";
+} from "./FUHTKLDR.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 
 // src/popover/popover-heading.tsx
 var TagName = "h1";

package/esm/__chunks/{UPCYNCRR.js → DFTBBEAD.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useGroup
-} from "./ZPO4YZYE.js";
+} from "./T75KQT4U.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   __objRest
 } from "./3YLGPPWQ.js";

package/esm/__chunks/{CTQR3VDU.js → DPAO6G5R.js}

@@ -2,10 +2,10 @@
 import {
   PopoverContextProvider,
   PopoverScopedContextProvider
-} from "./54MGSIOI.js";
+} from "./COWZSPJ7.js";
 import {
   createStoreContext
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 
 // src/hovercard/hovercard-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/{7BSNT25J.js → E6AN77M4.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useTagContext
-} from "./P2OTTZSX.js";
+} from "./3TGOYUTQ.js";
 import {
   useCompositeStoreProps
-} from "./UVQLZ7T5.js";
+} from "./OIB4PV4M.js";
 import {
   usePopoverStoreProps
-} from "./CBC47ZYL.js";
+} from "./CO7ZDQU2.js";
 import {
   useStore,
   useStoreProps
-} from "./2GXGCHW6.js";
+} from "./CTKPPFRS.js";
 import {
   useUpdateEffect
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{HT3UEUDM.js → EGBLFVR2.js}

@@ -6,10 +6,10 @@ import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useWrapElement
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest
 } from "./3YLGPPWQ.js";

package/esm/__chunks/{IEKMDIUY.js → ENWWPSY3.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useGroup
-} from "./ZPO4YZYE.js";
+} from "./T75KQT4U.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   __objRest
 } from "./3YLGPPWQ.js";

package/esm/__chunks/{JZUY7XL6.js → ESGPC4B7.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   useComboboxContext
-} from "./DWZ7E5TJ.js";
+} from "./3LH6HMTR.js";
 import {
   useSelectContext
-} from "./KZ2S4ZC5.js";
+} from "./SLHXTMPQ.js";
 import {
   useCompositeStoreProps
-} from "./UVQLZ7T5.js";
+} from "./OIB4PV4M.js";
 import {
   useStore,
   useStoreProps
-} from "./2GXGCHW6.js";
+} from "./CTKPPFRS.js";
 import {
   useUpdateEffect
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __spreadProps,
   __spreadValues

package/esm/__chunks/{656RZDJD.js → FICKQG6J.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useDialogDescription
-} from "./O37V6X5C.js";
+} from "./TI35IBOT.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 
 // src/popover/popover-description.tsx
 var TagName = "p";

package/esm/__chunks/{6FZVKQWP.js → FUHTKLDR.js}

@@ -1,19 +1,19 @@
 "use client";
 import {
   useHeading
-} from "./OYB5INBF.js";
+} from "./7GRXGX7S.js";
 import {
   DialogHeadingContext
-} from "./DU4D3UCJ.js";
+} from "./CMXOY7UW.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useId,
   useSafeLayoutEffect
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest,
   __spreadValues

package/esm/__chunks/{FMYQNSCK.js → G4PVPWEW.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   createStoreContext
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 
 // src/collection/collection-context.tsx
 var ctx = createStoreContext();

package/esm/__chunks/{JS55N6L7.js → GZJH7ZDI.js}

@@ -2,22 +2,22 @@
 import {
   createDialogComponent,
   useDialog
-} from "./TT2355LN.js";
+} from "./BLYP7OV6.js";
 import {
   PopoverScopedContextProvider,
   usePopoverProviderContext
-} from "./54MGSIOI.js";
+} from "./COWZSPJ7.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useEvent,
   usePortalRef,
   useSafeLayoutEffect,
   useWrapElement
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{Z32BISHQ.js → HNHAUIIY.js}

@@ -130,20 +130,20 @@ function useTagName(refOrElement, type) {
   return tagName;
 }
 function useAttribute(refOrElement, attributeName, defaultValue) {
-  const [attribute, setAttribute] = useState(defaultValue);
-  useSafeLayoutEffect(() => {
+  const initialValue = useInitialValue(defaultValue);
+  const [attribute, setAttribute] = useState(initialValue);
+  useEffect(() => {
     const element = refOrElement && "current" in refOrElement ? refOrElement.current : refOrElement;
     if (!element) return;
     const callback = () => {
       const value = element.getAttribute(attributeName);
-      if (value == null) return;
-      setAttribute(value);
+      setAttribute(value == null ? initialValue : value);
     };
     const observer = new MutationObserver(callback);
     observer.observe(element, { attributeFilter: [attributeName] });
     callback();
     return () => observer.disconnect();
-  }, [refOrElement, attributeName]);
+  }, [refOrElement, attributeName, initialValue]);
   return attribute;
 }
 function useUpdateEffect(effect, deps) {

package/esm/__chunks/{Y2MAXF6C.js → HSDWSC5V.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useGroupLabel
-} from "./IGFP5YPG.js";
+} from "./T5ZXM55C.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   __objRest
 } from "./3YLGPPWQ.js";

package/esm/__chunks/{TWCRTUOB.js → IEMWKLTV.js}

@@ -2,10 +2,10 @@
 import {
   HovercardContextProvider,
   HovercardScopedContextProvider
-} from "./CTQR3VDU.js";
+} from "./DPAO6G5R.js";
 import {
   createStoreContext
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 
 // src/tooltip/tooltip-context.tsx
 var ctx = createStoreContext(

package/esm/__chunks/IGR4SXG2.js

@@ -0,0 +1,15 @@
+"use client";
+
+// src/dialog/utils/is-focus-trap.ts
+function isFocusTrap(element, ...ids) {
+  if (!element) return false;
+  const attr = element.getAttribute("data-focus-trap");
+  if (attr == null) return false;
+  if (!ids.length) return true;
+  if (attr === "") return false;
+  return ids.some((id) => attr === id);
+}
+
+export {
+  isFocusTrap
+};

package/esm/__chunks/{TW35PKTK.js → IKLZZMLE.js}

@@ -9,15 +9,15 @@ import {
 import {
   CompositeContextProvider,
   useCompositeProviderContext
-} from "./WENSINUV.js";
+} from "./APGXEJ2Q.js";
 import {
   useFocusable
-} from "./HGZKAGPL.js";
+} from "./Z4WWVOIF.js";
 import {
   createElement,
   createHook,
   forwardRef
-} from "./HKOOKEDE.js";
+} from "./7FZLUSKW.js";
 import {
   useBooleanEvent,
   useEvent,
@@ -25,7 +25,7 @@ import {
   useSafeLayoutEffect,
   useTransactionState,
   useWrapElement
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 import {
   __objRest,
   __spreadProps,

package/esm/__chunks/{EJOTW52C.js → ISFXQ47C.js}

@@ -2,10 +2,10 @@
 import {
   useStore,
   useStoreProps
-} from "./2GXGCHW6.js";
+} from "./CTKPPFRS.js";
 import {
   useUpdateEffect
-} from "./Z32BISHQ.js";
+} from "./HNHAUIIY.js";
 
 // src/checkbox/checkbox-store.ts
 import * as Core from "@ariakit/core/checkbox/checkbox-store";