@ariakit/react-core 0.2.2 → 0.2.4

package/cjs/__chunks/{YTRQSQYO.cjs → W2HT5JVG.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _MXZHML62cjs = require('./MXZHML62.cjs');
+var _6EZOH2LAcjs = require('./6EZOH2LA.cjs');
 
 
 
@@ -19,7 +19,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -57,7 +57,7 @@ function isMovingOnHovercard(target, card, anchor, nested) {
 function useAutoFocusOnShow(_a) {
   var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
   const open = store.useState("open");
-  const openRef = _NREUHWTUcjs.useLiveRef.call(void 0, open);
+  const openRef = _K4FBPMJ3cjs.useLiveRef.call(void 0, open);
   _react.useEffect.call(void 0, () => {
     if (!open) {
       store.setAutoFocusOnShow(false);
@@ -87,7 +87,7 @@ function useAutoFocusOnHide(_a) {
     }
   }, [mounted]);
   const onFocusProp = props.onFocus;
-  const onFocus = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+  const onFocus = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
     onFocusProp == null ? void 0 : onFocusProp(event);
     if (event.defaultPrevented)
       return;
@@ -118,7 +118,6 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       modal = false,
       portal = !!modal,
       hideOnEscape = true,
-      hideOnControl = false,
       hideOnHoverOutside = true,
       disablePointerEventsOnApproach = !!hideOnHoverOutside
     } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
@@ -126,7 +125,6 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       "modal",
       "portal",
       "hideOnEscape",
-      "hideOnControl",
       "hideOnHoverOutside",
       "disablePointerEventsOnApproach"
     ]);
@@ -134,27 +132,11 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
     const [nestedHovercards, setNestedHovercards] = _react.useState.call(void 0, []);
     const hideTimeoutRef = _react.useRef.call(void 0, 0);
     const enterPointRef = _react.useRef.call(void 0, null);
-    const { portalRef, domReady } = _NREUHWTUcjs.usePortalRef.call(void 0, portal, props.portalRef);
-    const hideOnEscapeProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnEscape);
-    const hideOnControlProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnControl);
-    const open = store.useState("open");
-    _react.useEffect.call(void 0, () => {
-      if (!open)
-        return;
-      return _events.addGlobalEventListener.call(void 0, "keydown", (event) => {
-        if (event.defaultPrevented)
-          return;
-        const isEscape = event.key === "Escape" && hideOnEscapeProp(event);
-        const isControl = event.key === "Control" && hideOnControlProp(event);
-        if (isEscape || isControl) {
-          requestAnimationFrame(store.hide);
-        }
-      });
-    }, [store, open, hideOnEscapeProp, hideOnControlProp]);
+    const { portalRef, domReady } = _K4FBPMJ3cjs.usePortalRef.call(void 0, portal, props.portalRef);
     const mayHideOnHoverOutside = !!hideOnHoverOutside;
-    const hideOnHoverOutsideProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
+    const hideOnHoverOutsideProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnHoverOutside);
     const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
-    const disablePointerEventsProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, 
+    const disablePointerEventsProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, 
       disablePointerEventsOnApproach
     );
     const mounted = store.useState("mounted");
@@ -245,7 +227,7 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       );
     }, [domReady, mounted, mayDisablePointerEvents, disablePointerEventsProp]);
     const registerOnParent = _react.useContext.call(void 0, NestedHovercardContext);
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (modal)
         return;
       if (!portal)
@@ -272,23 +254,28 @@ var useHovercard = _5U7AP6Y2cjs.createHook.call(void 0,
       },
       [registerOnParent]
     );
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }),
       [registerNestedHovercard]
     );
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
     });
     props = useAutoFocusOnHide(_6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     props = useAutoFocusOnShow(_6455U47Tcjs.__spreadValues.call(void 0, { store, modal }, props));
-    props = _MXZHML62cjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
-      hideOnEscape,
+    props = _6EZOH2LAcjs.usePopover.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal
     }, props), {
-      portalRef
+      portalRef,
+      hideOnEscape(event) {
+        if (_misc.isFalsyBooleanCallback.call(void 0, hideOnEscape, event))
+          return false;
+        requestAnimationFrame(() => requestAnimationFrame(store.hide));
+        return true;
+      }
     }));
     return props;
   }

package/cjs/__chunks/{6KWLOLVX.cjs → XCPSA5MI.cjs}

@@ -9,7 +9,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -21,7 +21,7 @@ var useHeading = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
   const level = _react.useContext.call(void 0, _CQSUIL2Dcjs.HeadingContext) || 1;
   const as = `h${level}`;
-  const tagName = _NREUHWTUcjs.useTagName.call(void 0, ref, props.as || as);
+  const tagName = _K4FBPMJ3cjs.useTagName.call(void 0, ref, props.as || as);
   const isNativeHeading = _react.useMemo.call(void 0, 
     () => !!tagName && /^h\d$/.test(tagName),
     [tagName]
@@ -31,7 +31,7 @@ var useHeading = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
     role: !isNativeHeading ? "heading" : void 0,
     "aria-level": !isNativeHeading ? level : void 0
   }, props), {
-    ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
+    ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
   });
   return props;
 });

package/cjs/__chunks/{O45IXGJW.cjs → YEIYG56F.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _TVZPJJTXcjs = require('./TVZPJJTX.cjs');
+var _HNCLPSSVcjs = require('./HNCLPSSV.cjs');
 
 
 var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
@@ -11,7 +11,7 @@ var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
 var _NR3SJH64cjs = require('./NR3SJH64.cjs');
 
 
-var _EE6OIU6Xcjs = require('./EE6OIU6X.cjs');
+var _TFOIZV2Vcjs = require('./TFOIZV2V.cjs');
 
 // src/dialog/utils/disable-tree-outside.ts
 var _dom = require('@ariakit/core/utils/dom');
@@ -24,7 +24,7 @@ function disableElement(element) {
     return _NR3SJH64cjs.setProperty.call(void 0, element, "inert", true);
   }
   return _misc.chain.call(void 0, 
-    _TVZPJJTXcjs.hideElementFromAccessibilityTree.call(void 0, element),
+    _HNCLPSSVcjs.hideElementFromAccessibilityTree.call(void 0, element),
     _NR3SJH64cjs.assignStyle.call(void 0, element, {
       pointerEvents: "none",
       userSelect: "none",
@@ -41,7 +41,7 @@ function disableTreeOutside(...elements) {
       cleanups.unshift(_NR3SJH64cjs.setAttribute.call(void 0, element, "tabindex", "-1"));
     });
   }
-  _EE6OIU6Xcjs.walkTreeOutside.call(void 0, elements, (element) => {
+  _TFOIZV2Vcjs.walkTreeOutside.call(void 0, elements, (element) => {
     cleanups.unshift(disableElement(element));
   });
   const restoreTreeOutside = () => {

package/cjs/__chunks/{LCZFJFAB.cjs → YLN3EA3T.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _C4JVXWWXcjs = require('./C4JVXWWX.cjs');
+var _UUTPFHTKcjs = require('./UUTPFHTK.cjs');
 
 
 
@@ -14,7 +14,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 var useFormGroup = _5U7AP6Y2cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _C4JVXWWXcjs.useGroup.call(void 0, props);
+    props = _UUTPFHTKcjs.useGroup.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{D7ZKK4V4.cjs → YQ76PEZV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UXA5NJZKcjs = require('./UXA5NJZK.cjs');
+var _ZCXLELXWcjs = require('./ZCXLELXW.cjs');
 
 
 var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
@@ -11,7 +11,7 @@ var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
 var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -27,7 +27,7 @@ var useDialogDismiss = _5U7AP6Y2cjs.createHook.call(void 0,
     const context = _react.useContext.call(void 0, _N2VCZZLPcjs.DialogContext);
     store = store || context;
     const onClickProp = props.onClick;
-    const onClick = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+    const onClick = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -61,7 +61,7 @@ var useDialogDismiss = _5U7AP6Y2cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _UXA5NJZKcjs.useButton.call(void 0, props);
+    props = _ZCXLELXWcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{UXA5NJZK.cjs → ZCXLELXW.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _Y7U2HALIcjs = require('./Y7U2HALI.cjs');
+var _7BYVU5SZcjs = require('./7BYVU5SZ.cjs');
 
 
 
@@ -9,7 +9,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -20,7 +20,7 @@ var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var useButton = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
-  const tagName = _NREUHWTUcjs.useTagName.call(void 0, ref, props.as || "button");
+  const tagName = _K4FBPMJ3cjs.useTagName.call(void 0, ref, props.as || "button");
   const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
     () => !!tagName && _dom.isButton.call(void 0, { tagName, type: props.type })
   );
@@ -32,9 +32,9 @@ var useButton = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
     role: !isNativeButton && tagName !== "a" ? "button" : void 0
   }, props), {
-    ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
+    ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
   });
-  props = _Y7U2HALIcjs.useCommand.call(void 0, props);
+  props = _7BYVU5SZcjs.useCommand.call(void 0, props);
   return props;
 });
 var Button = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {

package/cjs/__chunks/{3PYHURJV.cjs → ZHJT7NZK.cjs}

@@ -1,36 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _HRJZKMQQcjs = require('./HRJZKMQQ.cjs');
+var _COSA3K2Scjs = require('./COSA3K2S.cjs');
 
 
-var _O45IXGJWcjs = require('./O45IXGJW.cjs');
+var _YEIYG56Fcjs = require('./YEIYG56F.cjs');
 
 
-var _TVZPJJTXcjs = require('./TVZPJJTX.cjs');
+var _HNCLPSSVcjs = require('./HNCLPSSV.cjs');
 
 
-var _QRAQT522cjs = require('./QRAQT522.cjs');
+var _4OHV3LC4cjs = require('./4OHV3LC4.cjs');
 
 
-var _NZYGNCZLcjs = require('./NZYGNCZL.cjs');
+var _JRMMZABKcjs = require('./JRMMZABK.cjs');
 
 
-var _E5VOJWDRcjs = require('./E5VOJWDR.cjs');
+var _7N3VSG4Acjs = require('./7N3VSG4A.cjs');
 
 
 var _W32FX7DMcjs = require('./W32FX7DM.cjs');
 
 
-var _CARNFZQTcjs = require('./CARNFZQT.cjs');
+var _GAXSMBTEcjs = require('./GAXSMBTE.cjs');
 
 
-var _4OQMTZXWcjs = require('./4OQMTZXW.cjs');
+var _UPT7GI2Icjs = require('./UPT7GI2I.cjs');
 
 
 var _SOPRUU56cjs = require('./SOPRUU56.cjs');
 
 
-var _UVIQSLIVcjs = require('./UVIQSLIV.cjs');
+var _EM5IGG3Qcjs = require('./EM5IGG3Q.cjs');
 
 
 
@@ -39,10 +39,10 @@ var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
 
 
 
-var _JPNLVNZZcjs = require('./JPNLVNZZ.cjs');
+var _5YBLVTWKcjs = require('./5YBLVTWK.cjs');
 
 
-var _FXWXPSLIcjs = require('./FXWXPSLI.cjs');
+var _SZ6M66IFcjs = require('./SZ6M66IF.cjs');
 
 
 
@@ -56,7 +56,7 @@ var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
 
 
 
-var _NREUHWTUcjs = require('./NREUHWTU.cjs');
+var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
 
 
 
@@ -89,9 +89,7 @@ function isAlreadyFocusingAnotherElement(dialog) {
   const activeElement = _dom.getActiveElement.call(void 0, );
   if (!activeElement)
     return false;
-  if (_dom.contains.call(void 0, dialog, activeElement))
-    return false;
-  if (activeElement.hasAttribute("data-dialog"))
+  if (dialog && _dom.contains.call(void 0, dialog, activeElement))
     return false;
   if (_focus.isFocusable.call(void 0, activeElement))
     return true;
@@ -141,7 +139,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       "finalFocus"
     ]);
     const ref = _react.useRef.call(void 0, null);
-    const { portalRef, portalNode, domReady } = _NREUHWTUcjs.usePortalRef.call(void 0, 
+    const { portalRef, portalNode, domReady } = _K4FBPMJ3cjs.usePortalRef.call(void 0, 
       portal,
       props.portalRef
     );
@@ -149,16 +147,16 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
     const preserveTabOrder = store.useState(
       (state) => preserveTabOrderProp && !modal && state.mounted
     );
-    const id = _NREUHWTUcjs.useId.call(void 0, props.id);
+    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
     const open = store.useState("open");
     const mounted = store.useState("mounted");
     const contentElement = store.useState("contentElement");
-    const hidden = _JPNLVNZZcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
-    _QRAQT522cjs.usePreventBodyScroll.call(void 0, store, preventBodyScroll && !hidden);
-    _E5VOJWDRcjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
-    const { wrapElement, nestedDialogs } = _NZYGNCZLcjs.useNestedDialogs.call(void 0, store);
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    const hidden = _5YBLVTWKcjs.isHidden.call(void 0, mounted, props.hidden, props.alwaysVisible);
+    _4OHV3LC4cjs.usePreventBodyScroll.call(void 0, store, preventBodyScroll && !hidden);
+    _7N3VSG4Acjs.useHideOnInteractOutside.call(void 0, store, hideOnInteractOutside);
+    const { wrapElement, nestedDialogs } = _JRMMZABKcjs.useNestedDialogs.call(void 0, store);
+    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, props, wrapElement, [wrapElement]);
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!open)
         return;
       const dialog = ref.current;
@@ -221,28 +219,35 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
         return;
       return _W32FX7DMcjs.prependHiddenDismiss.call(void 0, dialog, store.hide);
     }, [mounted, domReady, shouldDisableAccessibilityTree]);
-    const getPersistentElementsProp = _NREUHWTUcjs.useEvent.call(void 0, getPersistentElements);
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    const getPersistentElementsProp = _K4FBPMJ3cjs.useEvent.call(void 0, getPersistentElements);
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!id)
         return;
       if (!open)
         return;
       const { disclosureElement } = store.getState();
-      const element = portal ? portalNode : ref.current;
+      const dialog = ref.current;
       const persistentElements = getPersistentElementsProp() || [];
-      const allElements = [element, ...nestedDialogs, ...persistentElements];
+      const allElements = [
+        // In addition to the dialog element, we also include the portal node here
+        // so nested dialogs are considered as well.
+        dialog,
+        portalNode,
+        ...nestedDialogs,
+        ...persistentElements
+      ];
       if (!shouldDisableAccessibilityTree) {
-        return _CARNFZQTcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
+        return _GAXSMBTEcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements);
       }
       if (modal) {
         return _misc.chain.call(void 0, 
-          _CARNFZQTcjs.markTreeOutside.call(void 0, id, ...allElements),
-          _O45IXGJWcjs.disableTreeOutside.call(void 0, ...allElements)
+          _GAXSMBTEcjs.markTreeOutside.call(void 0, id, ...allElements),
+          _YEIYG56Fcjs.disableTreeOutside.call(void 0, ...allElements)
         );
       }
       return _misc.chain.call(void 0, 
-        _CARNFZQTcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
-        _TVZPJJTXcjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
+        _GAXSMBTEcjs.markTreeOutside.call(void 0, id, disclosureElement, ...allElements),
+        _HNCLPSSVcjs.disableAccessibilityTreeOutside.call(void 0, ...allElements)
       );
     }, [
       id,
@@ -256,7 +261,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       modal
     ]);
     const mayAutoFocusOnShow = !!autoFocusOnShow;
-    const autoFocusOnShowProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, autoFocusOnShow);
+    const autoFocusOnShowProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, autoFocusOnShow);
     const [autoFocusEnabled, setAutoFocusEnabled] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
       if (!open)
@@ -295,7 +300,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       autoFocusOnShowProp
     ]);
     const mayAutoFocusOnHide = !!autoFocusOnHide;
-    const autoFocusOnHideProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, autoFocusOnHide);
+    const autoFocusOnHideProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, autoFocusOnHide);
     const [hasOpened, setHasOpened] = _react.useState.call(void 0, false);
     _react.useEffect.call(void 0, () => {
       if (!open)
@@ -303,15 +308,13 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       setHasOpened(true);
       return () => setHasOpened(false);
     }, [open]);
-    _NREUHWTUcjs.useSafeLayoutEffect.call(void 0, () => {
+    _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
       if (!hasOpened)
         return;
       if (!mayAutoFocusOnHide)
         return;
       const dialog = ref.current;
       const focusOnHide = (retry = true) => {
-        if (!dialog)
-          return;
         if (isAlreadyFocusingAnotherElement(dialog))
           return;
         const { disclosureElement } = store.getState();
@@ -344,14 +347,14 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
           return;
         if (!isElementFocusable)
           return;
-        queueMicrotask(() => element == null ? void 0 : element.focus());
+        element == null ? void 0 : element.focus();
       };
       if (!open) {
         return focusOnHide();
       }
       return focusOnHide;
     }, [hasOpened, open, mayAutoFocusOnHide, finalFocus, autoFocusOnHideProp]);
-    const hideOnEscapeProp = _NREUHWTUcjs.useBooleanEvent.call(void 0, hideOnEscape);
+    const hideOnEscapeProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, hideOnEscape);
     _react.useEffect.call(void 0, () => {
       if (!domReady)
         return;
@@ -389,20 +392,20 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       };
       return _events.addGlobalEventListener.call(void 0, "keydown", onKeyDown);
     }, [mounted, domReady, hideOnEscapeProp]);
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SOPRUU56cjs.HeadingLevel, { level: modal ? 1 : void 0, children: element }),
       [modal]
     );
     const hiddenProp = props.hidden;
     const alwaysVisible = props.alwaysVisible;
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
       props,
       (element) => {
         if (backdrop) {
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
             backdrop && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _HRJZKMQQcjs.DialogBackdrop,
+              _COSA3K2Scjs.DialogBackdrop,
               {
                 store,
                 backdrop,
@@ -420,7 +423,7 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
     );
     const [headingId, setHeadingId] = _react.useState.call(void 0, );
     const [descriptionId, setDescriptionId] = _react.useState.call(void 0, );
-    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
+    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogContext.Provider, { value: store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogHeadingContext.Provider, { value: setHeadingId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N2VCZZLPcjs.DialogDescriptionContext.Provider, { value: setDescriptionId, children: element }) }) }),
       [store]
@@ -433,14 +436,14 @@ var useDialog = _5U7AP6Y2cjs.createHook.call(void 0,
       "aria-labelledby": headingId,
       "aria-describedby": descriptionId
     }, props), {
-      ref: _NREUHWTUcjs.useForkRef.call(void 0, ref, props.ref)
+      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
     });
-    props = _4OQMTZXWcjs.useFocusableContainer.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+    props = _UPT7GI2Icjs.useFocusableContainer.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
       autoFocusOnShow: autoFocusEnabled
     }));
-    props = _JPNLVNZZcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
-    props = _FXWXPSLIcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { focusable }));
-    props = _UVIQSLIVcjs.usePortal.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
+    props = _5YBLVTWKcjs.useDisclosureContent.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _SZ6M66IFcjs.useFocusable.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { focusable }));
+    props = _EM5IGG3Qcjs.usePortal.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
     return props;
   }
 );

package/cjs/button/button.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _UXA5NJZKcjs = require('../__chunks/UXA5NJZK.cjs');
-require('../__chunks/Y7U2HALI.cjs');
-require('../__chunks/FXWXPSLI.cjs');
+var _ZCXLELXWcjs = require('../__chunks/ZCXLELXW.cjs');
+require('../__chunks/7BYVU5SZ.cjs');
+require('../__chunks/SZ6M66IF.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/NREUHWTU.cjs');
+require('../__chunks/K4FBPMJ3.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Button = _UXA5NJZKcjs.Button; exports.useButton = _UXA5NJZKcjs.useButton;
+exports.Button = _ZCXLELXWcjs.Button; exports.useButton = _ZCXLELXWcjs.useButton;

package/cjs/checkbox/checkbox-store.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _M72BOABWcjs = require('../__chunks/M72BOABW.cjs');
-require('../__chunks/F7HVNVHQ.cjs');
-require('../__chunks/NREUHWTU.cjs');
+var _4JASPVMDcjs = require('../__chunks/4JASPVMD.cjs');
+require('../__chunks/3YYDY5FN.cjs');
+require('../__chunks/K4FBPMJ3.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.useCheckboxStore = _M72BOABWcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _M72BOABWcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _M72BOABWcjs.useCheckboxStoreProps;
+exports.useCheckboxStore = _4JASPVMDcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _4JASPVMDcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _4JASPVMDcjs.useCheckboxStoreProps;

package/cjs/checkbox/checkbox.cjs

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _NOCSLP5Tcjs = require('../__chunks/NOCSLP5T.cjs');
+var _QMOLTZZOcjs = require('../__chunks/QMOLTZZO.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/Y7U2HALI.cjs');
-require('../__chunks/FXWXPSLI.cjs');
+require('../__chunks/7BYVU5SZ.cjs');
+require('../__chunks/SZ6M66IF.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/F7HVNVHQ.cjs');
-require('../__chunks/NREUHWTU.cjs');
+require('../__chunks/3YYDY5FN.cjs');
+require('../__chunks/K4FBPMJ3.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Checkbox = _NOCSLP5Tcjs.Checkbox; exports.useCheckbox = _NOCSLP5Tcjs.useCheckbox;
+exports.Checkbox = _QMOLTZZOcjs.Checkbox; exports.useCheckbox = _QMOLTZZOcjs.useCheckbox;

package/cjs/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEvent } from "react";
+import type { ChangeEvent, InputHTMLAttributes } from "react";
 import type { CommandOptions } from "../command/command.js";
 import type { As, Props } from "../utils/types.js";
 import type { CheckboxStore } from "./checkbox-store.js";
@@ -52,7 +52,7 @@ export interface CheckboxOptions<T extends As = "input"> extends CommandOptions<
      * <Checkbox store={checkbox} value="Watermelon" />
      * ```
      */
-    value?: string | number;
+    value?: InputHTMLAttributes<HTMLInputElement>["value"];
     /**
      * The default `checked` state of the checkbox. This prop is ignored if the
      * `checked` or the `store` props are provided.

package/cjs/collection/collection-item.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _VBOBU7EMcjs = require('../__chunks/VBOBU7EM.cjs');
+var _N56WBDNXcjs = require('../__chunks/N56WBDNX.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/NREUHWTU.cjs');
+require('../__chunks/K4FBPMJ3.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.CollectionItem = _VBOBU7EMcjs.CollectionItem; exports.useCollectionItem = _VBOBU7EMcjs.useCollectionItem;
+exports.CollectionItem = _N56WBDNXcjs.CollectionItem; exports.useCollectionItem = _N56WBDNXcjs.useCollectionItem;

package/cjs/collection/collection-store.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _KZLZWIJNcjs = require('../__chunks/KZLZWIJN.cjs');
-require('../__chunks/F7HVNVHQ.cjs');
-require('../__chunks/NREUHWTU.cjs');
+var _GEJRZZHKcjs = require('../__chunks/GEJRZZHK.cjs');
+require('../__chunks/3YYDY5FN.cjs');
+require('../__chunks/K4FBPMJ3.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.useCollectionStore = _KZLZWIJNcjs.useCollectionStore; exports.useCollectionStoreOptions = _KZLZWIJNcjs.useCollectionStoreOptions; exports.useCollectionStoreProps = _KZLZWIJNcjs.useCollectionStoreProps;
+exports.useCollectionStore = _GEJRZZHKcjs.useCollectionStore; exports.useCollectionStoreOptions = _GEJRZZHKcjs.useCollectionStoreOptions; exports.useCollectionStoreProps = _GEJRZZHKcjs.useCollectionStoreProps;