@ariakit/react-core 0.3.12 → 0.3.13

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @ariakit/react-core
 
+## 0.3.13
+
+### Improved performance of large collections
+
+Components like [`MenuItem`](https://ariakit.org/reference/menu-item), [`ComboboxItem`](https://ariakit.org/reference/combobox-item), and [`SelectItem`](https://ariakit.org/reference/select-item) should now offer improved performance when rendering large collections.
+
+### New `FormControl` component
+
+This version introduces a new [`FormControl`](https://ariakit.org/reference/form-control) component. In future versions, this will replace the [`FormField`](https://ariakit.org/reference/form-field) component.
+
+### Other updates
+
+- Adjusted the focus behavior in Safari to occur prior to the `pointerup` event instead of `mouseup`.
+- Improved JSDocs.
+- Updated dependencies: `@ariakit/core@0.3.11`
+
 ## 0.3.12
 
 - The auto-select feature on [Combobox](https://ariakit.org/components/combobox) now resets with each keystroke.

package/cjs/__chunks/{LICANQTI.cjs → 25ZFPUHH.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _QCG6J6X5cjs = require('./QCG6J6X5.cjs');
+var _NLVGDNPEcjs = require('./NLVGDNPE.cjs');
 
 
 var _3QW6ELTGcjs = require('./3QW6ELTG.cjs');
@@ -50,7 +50,7 @@ var usePopoverDisclosure = _RNZNGEL4cjs.createHook.call(void 0,
       onClick
     });
     props = _3QW6ELTGcjs.usePopoverAnchor.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _QCG6J6X5cjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _NLVGDNPEcjs.useDialogDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{LFHNPG2L.cjs → 2FTVUUOK.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5UTRYT6Ecjs = require('./5UTRYT6E.cjs');
+var _REJALU3Pcjs = require('./REJALU3P.cjs');
 
 
 var _S6UU7NA4cjs = require('./S6UU7NA4.cjs');
@@ -69,7 +69,7 @@ var useDisclosure = _RNZNGEL4cjs.createHook.call(void 0,
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onClick
     });
-    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
+    props = _REJALU3Pcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{7ZVTEFD7.cjs → 2IMEEJHG.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5UTRYT6Ecjs = require('./5UTRYT6E.cjs');
+var _REJALU3Pcjs = require('./REJALU3P.cjs');
 
 
 var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
@@ -62,7 +62,7 @@ var useDialogDismiss = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _5UTRYT6Ecjs.useButton.call(void 0, props);
+    props = _REJALU3Pcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{BBS4RP44.cjs → 2UEWAQWG.cjs}

@@ -7,7 +7,7 @@ var _63UPRTFZcjs = require('./63UPRTFZ.cjs');
 var _ERFHNHONcjs = require('./ERFHNHON.cjs');
 
 
-var _DAJUUBUIcjs = require('./DAJUUBUI.cjs');
+var _OSTQZD2Ecjs = require('./OSTQZD2E.cjs');
 
 
 
@@ -163,7 +163,7 @@ var useCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       onChange,
       onClick
     });
-    props = _DAJUUBUIcjs.useCommand.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
+    props = _OSTQZD2Ecjs.useCommand.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { clickOnEnter: !nativeCheckbox }, props));
     return _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name: nativeCheckbox ? name : void 0,
       value: nativeCheckbox ? valueProp : void 0,

package/cjs/__chunks/{TGTVGYEZ.cjs → 4KFTI2WW.cjs}

@@ -4,7 +4,7 @@
 var _3W6FH6JKcjs = require('./3W6FH6JK.cjs');
 
 
-var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
+var _VUEWHLYHcjs = require('./VUEWHLYH.cjs');
 
 
 
@@ -107,7 +107,7 @@ var useHovercardAnchor = _RNZNGEL4cjs.createHook.call(void 0,
       ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref),
       onMouseMove
     });
-    props = _Z3GCTNW4cjs.useFocusable.call(void 0, props);
+    props = _VUEWHLYHcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{KDG57VZV.cjs → CIZTEPFO.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _EKB76T2Ucjs = require('./EKB76T2U.cjs');
+var _FGHQW2WScjs = require('./FGHQW2WS.cjs');
 
 
 
@@ -356,7 +356,7 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
         position: "relative"
       }, props.style)
     });
-    props = _EKB76T2Ucjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _FGHQW2WScjs.useDialog.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -369,7 +369,7 @@ var usePopover = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var Popover = _EKB76T2Ucjs.createDialogComponent.call(void 0, 
+var Popover = _FGHQW2WScjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = usePopover(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);

package/cjs/__chunks/{UXFBTIBY.cjs → ER5DEJFH.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _7ZVTEFD7cjs = require('./7ZVTEFD7.cjs');
+var _2IMEEJHGcjs = require('./2IMEEJHG.cjs');
 
 
 var _UVBBMANLcjs = require('./UVBBMANL.cjs');
@@ -21,7 +21,7 @@ var usePopoverDismiss = _RNZNGEL4cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _UVBBMANLcjs.usePopoverScopedContext.call(void 0, );
     store = store || context;
-    props = _7ZVTEFD7cjs.useDialogDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _2IMEEJHGcjs.useDialogDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{EKB76T2U.cjs → FGHQW2WS.cjs}

@@ -5,7 +5,7 @@ var _WZ3DRKGPcjs = require('./WZ3DRKGP.cjs');
 
 
 
-var _NKR65BKCcjs = require('./NKR65BKC.cjs');
+var _KSPMHEYZcjs = require('./KSPMHEYZ.cjs');
 
 
 var _344F3DYOcjs = require('./344F3DYO.cjs');
@@ -21,10 +21,10 @@ var _JVDUGICDcjs = require('./JVDUGICD.cjs');
 var _VV6WA3I6cjs = require('./VV6WA3I6.cjs');
 
 
-var _JF225FQ5cjs = require('./JF225FQ5.cjs');
+var _5GTNIPQ6cjs = require('./5GTNIPQ6.cjs');
 
 
-var _5GTNIPQ6cjs = require('./5GTNIPQ6.cjs');
+var _JF225FQ5cjs = require('./JF225FQ5.cjs');
 
 
 var _7566TIRWcjs = require('./7566TIRW.cjs');
@@ -46,7 +46,7 @@ var _YPVQYY4Jcjs = require('./YPVQYY4J.cjs');
 var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
 
 
-var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
+var _VUEWHLYHcjs = require('./VUEWHLYH.cjs');
 
 
 
@@ -266,7 +266,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
       const dialog = ref.current;
       if (!dialog)
         return;
-      return _NKR65BKCcjs.disableTree.call(void 0, dialog);
+      return _KSPMHEYZcjs.disableTree.call(void 0, dialog);
     }, [open, mounted, domReady]);
     const canTakeTreeSnapshot = open && domReady;
     _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
@@ -294,7 +294,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
       if (modal) {
         return _misc.chain.call(void 0, 
           _VV6WA3I6cjs.markTreeOutside.call(void 0, id, allElements),
-          _NKR65BKCcjs.disableTreeOutside.call(void 0, id, allElements)
+          _KSPMHEYZcjs.disableTreeOutside.call(void 0, id, allElements)
         );
       }
       return _VV6WA3I6cjs.markTreeOutside.call(void 0, id, [disclosureElement, ...allElements]);
@@ -503,7 +503,7 @@ var useDialog = _RNZNGEL4cjs.createHook.call(void 0,
       autoFocusOnShow: autoFocusEnabled
     }));
     props = _YPVQYY4Jcjs.useDisclosureContent.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    props = _Z3GCTNW4cjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { focusable }));
+    props = _VUEWHLYHcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { focusable }));
     props = _65LGW5LYcjs.usePortal.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { portal }, props), { portalRef, preserveTabOrder }));
     return props;
   }

package/cjs/__chunks/{XA62Y24Z.cjs → GGMSVQ4G.cjs}

@@ -8,7 +8,7 @@ var _6PUZ4NWRcjs = require('./6PUZ4NWR.cjs');
 var _2WCJJQSKcjs = require('./2WCJJQSK.cjs');
 
 
-var _H6OLBVHAcjs = require('./H6OLBVHA.cjs');
+var _R7ERL264cjs = require('./R7ERL264.cjs');
 
 
 var _YPVQYY4Jcjs = require('./YPVQYY4J.cjs');
@@ -117,7 +117,7 @@ var useSelectList = _RNZNGEL4cjs.createHook.call(void 0,
       style,
       onKeyDown
     });
-    props = _H6OLBVHAcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { composite }));
+    props = _R7ERL264cjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props), { composite }));
     props = _6PUZ4NWRcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }

package/cjs/__chunks/{23HLSVKM.cjs → GMQZGKGV.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _IO6J4PANcjs = require('./IO6J4PAN.cjs');
+var _GSETTLOUcjs = require('./GSETTLOU.cjs');
 
 
 var _LYIGAIJFcjs = require('./LYIGAIJF.cjs');
@@ -21,7 +21,7 @@ var useToolbarItem = _RNZNGEL4cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _LYIGAIJFcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _GSETTLOUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{IO6J4PAN.cjs → GSETTLOU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _DAJUUBUIcjs = require('./DAJUUBUI.cjs');
+var _OSTQZD2Ecjs = require('./OSTQZD2E.cjs');
 
 
 var _R5A2WTWBcjs = require('./R5A2WTWB.cjs');
@@ -381,7 +381,7 @@ var useCompositeItem = _RNZNGEL4cjs.createHook.call(void 0,
       onBlurCapture,
       onKeyDown
     });
-    props = _DAJUUBUIcjs.useCommand.call(void 0, props);
+    props = _OSTQZD2Ecjs.useCommand.call(void 0, props);
     props = _R5A2WTWBcjs.useCollectionItem.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{RNGIWUQW.cjs → HQEKHRPP.cjs}

@@ -8,7 +8,7 @@ var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 var _EUHOCOY2cjs = require('./EUHOCOY2.cjs');
 
 
-var _H6OLBVHAcjs = require('./H6OLBVHA.cjs');
+var _R7ERL264cjs = require('./R7ERL264.cjs');
 
 
 
@@ -64,7 +64,7 @@ var useMenubar = _RNZNGEL4cjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _H6OLBVHAcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _R7ERL264cjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
     return props;
   }
 );

package/cjs/__chunks/{7HJPL3H2.cjs → ITQETTAV.cjs}

@@ -6,10 +6,10 @@
 var _KXQOQQ5Bcjs = require('./KXQOQQ5B.cjs');
 
 
-var _KDG57VZVcjs = require('./KDG57VZV.cjs');
+var _CIZTEPFOcjs = require('./CIZTEPFO.cjs');
 
 
-var _EKB76T2Ucjs = require('./EKB76T2U.cjs');
+var _FGHQW2WScjs = require('./FGHQW2WS.cjs');
 
 
 
@@ -283,7 +283,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
     const autoFocusOnShow = store.useState(
       (state) => modal || state.autoFocusOnShow
     );
-    props = _KDG57VZVcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _CIZTEPFOcjs.usePopover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       modal,
       portal,
@@ -304,7 +304,7 @@ var useHovercard = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var Hovercard = _EKB76T2Ucjs.createDialogComponent.call(void 0, 
+var Hovercard = _FGHQW2WScjs.createDialogComponent.call(void 0, 
   _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
     const htmlProps = useHovercard(props);
     return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);

package/cjs/__chunks/{NY3D6JQT.cjs → JFNPRZX3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _UXFBTIBYcjs = require('./UXFBTIBY.cjs');
+var _ER5DEJFHcjs = require('./ER5DEJFH.cjs');
 
 
 var _3W6FH6JKcjs = require('./3W6FH6JK.cjs');
@@ -21,7 +21,7 @@ var useHovercardDismiss = _RNZNGEL4cjs.createHook.call(void 0,
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _3W6FH6JKcjs.useHovercardScopedContext.call(void 0, );
     store = store || context;
-    props = _UXFBTIBYcjs.usePopoverDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _ER5DEJFHcjs.usePopoverDismiss.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{G2ZXRZ2R.cjs → MMRX6FNS.cjs}

@@ -4,7 +4,7 @@
 var _HEEQY4DZcjs = require('./HEEQY4DZ.cjs');
 
 
-var _IO6J4PANcjs = require('./IO6J4PAN.cjs');
+var _GSETTLOUcjs = require('./GSETTLOU.cjs');
 
 
 
@@ -133,7 +133,7 @@ var useRadio = _RNZNGEL4cjs.createHook.call(void 0,
       onClick,
       onFocus
     });
-    props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
+    props = _GSETTLOUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, clickOnEnter: !nativeRadio }, props));
     return _AV6KTKLEcjs.__spreadValues.call(void 0, {
       name: nativeRadio ? name : void 0,
       value: nativeRadio ? value : void 0,

package/cjs/__chunks/{VCDQISP7.cjs → N3XK7EAH.cjs}

@@ -22,7 +22,7 @@ var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
 
 var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
-// src/form/form-field.ts
+// src/form/form-control.ts
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
 var _misc = require('@ariakit/core/utils/misc');
@@ -43,7 +43,7 @@ function useItem(store, name, type) {
     (state) => state.items.find((item) => item.type === type && item.name === name)
   );
 }
-var useFormField = _RNZNGEL4cjs.createHook.call(void 0, 
+var useFormControl = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -60,7 +60,7 @@ var useFormField = _RNZNGEL4cjs.createHook.call(void 0,
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
-      process.env.NODE_ENV !== "production" && "FormField must be wrapped in a Form component."
+      process.env.NODE_ENV !== "production" && "FormControl must be wrapped in a Form component."
     );
     const name = `${nameProp}`;
     const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
@@ -118,15 +118,15 @@ var useFormField = _RNZNGEL4cjs.createHook.call(void 0,
     return props;
   }
 );
-var FormField = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
-  const htmlProps = useFormField(props);
+var FormControl = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
+  const htmlProps = useFormControl(props);
   return _RNZNGEL4cjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
-  FormField.displayName = "FormField";
+  FormControl.displayName = "FormControl";
 }
 
 
 
 
-exports.useFormField = useFormField; exports.FormField = FormField;
+exports.useFormControl = useFormControl; exports.FormControl = FormControl;

package/cjs/__chunks/{QCG6J6X5.cjs → NLVGDNPE.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _LFHNPG2Lcjs = require('./LFHNPG2L.cjs');
+var _2FTVUUOKcjs = require('./2FTVUUOK.cjs');
 
 
 var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
@@ -31,7 +31,7 @@ var useDialogDisclosure = _RNZNGEL4cjs.createHook.call(void 0,
     props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
       "aria-haspopup": _dom.getPopupRole.call(void 0, contentElement, "dialog")
     }, props);
-    props = _LFHNPG2Lcjs.useDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _2FTVUUOKcjs.useDisclosure.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );

package/cjs/__chunks/{DAJUUBUI.cjs → OSTQZD2E.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
+var _VUEWHLYHcjs = require('./VUEWHLYH.cjs');
 
 
 
@@ -137,7 +137,7 @@ var useCommand = _RNZNGEL4cjs.createHook.call(void 0,
       onKeyDown,
       onKeyUp
     });
-    props = _Z3GCTNW4cjs.useFocusable.call(void 0, props);
+    props = _VUEWHLYHcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{ZWICHV7O.cjs → PJ646MI7.cjs}

@@ -8,7 +8,7 @@ var _NGEKJJDHcjs = require('./NGEKJJDH.cjs');
 var _6PUZ4NWRcjs = require('./6PUZ4NWR.cjs');
 
 
-var _H6OLBVHAcjs = require('./H6OLBVHA.cjs');
+var _R7ERL264cjs = require('./R7ERL264.cjs');
 
 
 var _YPVQYY4Jcjs = require('./YPVQYY4J.cjs');
@@ -159,7 +159,7 @@ var useMenuList = _RNZNGEL4cjs.createHook.call(void 0,
         "aria-orientation": orientation
       }, props);
     }
-    props = _H6OLBVHAcjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
+    props = _R7ERL264cjs.useComposite.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, composite }, props));
     props = _6PUZ4NWRcjs.useCompositeTypeahead.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, typeahead: !hasCombobox }, props));
     return props;
   }

package/cjs/__chunks/{NNINKJTT.cjs → QSU3WKMW.cjs}

@@ -10,7 +10,7 @@ var _7LBZXSLYcjs = require('./7LBZXSLY.cjs');
 var _IPYAEPOTcjs = require('./IPYAEPOT.cjs');
 
 
-var _IO6J4PANcjs = require('./IO6J4PAN.cjs');
+var _GSETTLOUcjs = require('./GSETTLOU.cjs');
 
 
 
@@ -110,7 +110,7 @@ var useMenuItem = _RNZNGEL4cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
+    props = _GSETTLOUcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store, preventScrollOnKeyDown }, props));
     props = _IPYAEPOTcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {

package/cjs/__chunks/{H6OLBVHA.cjs → R7ERL264.cjs}

@@ -12,7 +12,7 @@ var _6ZZYUFPWcjs = require('./6ZZYUFPW.cjs');
 var _UZNYSPKPcjs = require('./UZNYSPKP.cjs');
 
 
-var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
+var _VUEWHLYHcjs = require('./VUEWHLYH.cjs');
 
 
 
@@ -346,7 +346,7 @@ var useComposite = _RNZNGEL4cjs.createHook.call(void 0,
     const focusable = store.useState(
       (state) => composite && (state.virtualFocus || state.activeId === null)
     );
-    props = _Z3GCTNW4cjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable }, props));
+    props = _VUEWHLYHcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable }, props));
     return props;
   }
 );

package/cjs/__chunks/{5UTRYT6E.cjs → REJALU3P.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _DAJUUBUIcjs = require('./DAJUUBUI.cjs');
+var _OSTQZD2Ecjs = require('./OSTQZD2E.cjs');
 
 
 
@@ -35,7 +35,7 @@ var useButton = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
   }, props), {
     ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _DAJUUBUIcjs.useCommand.call(void 0, props);
+  props = _OSTQZD2Ecjs.useCommand.call(void 0, props);
   return props;
 });
 var Button = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {

package/cjs/__chunks/{D4TG5DM4.cjs → UPU6KE6C.cjs}

@@ -8,7 +8,7 @@ var _3WCBE6SUcjs = require('./3WCBE6SU.cjs');
 var _YPVQYY4Jcjs = require('./YPVQYY4J.cjs');
 
 
-var _Z3GCTNW4cjs = require('./Z3GCTNW4.cjs');
+var _VUEWHLYHcjs = require('./VUEWHLYH.cjs');
 
 
 
@@ -110,7 +110,7 @@ var useComboboxList = _RNZNGEL4cjs.createHook.call(void 0,
       onFocusVisible,
       onBlur
     });
-    props = _Z3GCTNW4cjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable }, props));
+    props = _VUEWHLYHcjs.useFocusable.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { focusable }, props));
     return props;
   }
 );

package/cjs/__chunks/{Z3GCTNW4.cjs → VUEWHLYH.cjs}

@@ -235,7 +235,7 @@ var useFocusable = _RNZNGEL4cjs.createHook.call(void 0,
       };
       const options = { capture: true, once: true };
       element.addEventListener("focusin", onFocus, options);
-      _events.queueBeforeEvent.call(void 0, element, "mouseup", () => {
+      _events.queueBeforeEvent.call(void 0, element, "pointerup", () => {
         element.removeEventListener("focusin", onFocus, true);
         if (receivedFocus)
           return;

package/cjs/button/button.cjs

@@ -2,9 +2,9 @@
 
 
 
-var _5UTRYT6Ecjs = require('../__chunks/5UTRYT6E.cjs');
-require('../__chunks/DAJUUBUI.cjs');
-require('../__chunks/Z3GCTNW4.cjs');
+var _REJALU3Pcjs = require('../__chunks/REJALU3P.cjs');
+require('../__chunks/OSTQZD2E.cjs');
+require('../__chunks/VUEWHLYH.cjs');
 require('../__chunks/75KXQZJX.cjs');
 require('../__chunks/RNZNGEL4.cjs');
 require('../__chunks/EO6LS72H.cjs');
@@ -13,4 +13,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Button = _5UTRYT6Ecjs.Button; exports.useButton = _5UTRYT6Ecjs.useButton;
+exports.Button = _REJALU3Pcjs.Button; exports.useButton = _REJALU3Pcjs.useButton;

package/cjs/button/button.d.cts

@@ -18,7 +18,7 @@ export declare const useButton: import("../utils/types.js").Hook<ButtonOptions<"
  * @see https://ariakit.org/components/button
  * @example
  * ```jsx
- * <Button render={<div />}>Accessible button</Button>
+ * <Button>Button</Button>
  * ```
  */
 export declare const Button: import("../utils/types.js").Component<ButtonOptions<"button">>;

package/cjs/button/button.d.ts

@@ -18,7 +18,7 @@ export declare const useButton: import("../utils/types.js").Hook<ButtonOptions<"
  * @see https://ariakit.org/components/button
  * @example
  * ```jsx
- * <Button render={<div />}>Accessible button</Button>
+ * <Button>Button</Button>
  * ```
  */
 export declare const Button: import("../utils/types.js").Component<ButtonOptions<"button">>;

package/cjs/checkbox/checkbox-check.d.cts

@@ -12,7 +12,14 @@ import type { CheckboxStore } from "./checkbox-store.js";
  */
 export declare const useCheckboxCheck: import("../utils/types.js").Hook<CheckboxCheckOptions<"span">>;
 /**
- * Renders a check mark icon, usually inside a `Checkbox` component.
+ * Renders a checkmark icon when the
+ * [`checked`](https://ariakit.org/reference/checkbox-check#checked) prop is
+ * `true`. The icon can be overridden by providing a different one as children.
+ *
+ * When rendered inside a [`Checkbox`](https://ariakit.org/reference/checkbox)
+ * component, the
+ * [`checked`](https://ariakit.org/reference/checkbox-check#checked) prop is
+ * automatically derived from the context.
  * @see https://ariakit.org/components/checkbox
  * @example
  * ```jsx
@@ -22,18 +29,19 @@ export declare const useCheckboxCheck: import("../utils/types.js").Hook<Checkbox
 export declare const CheckboxCheck: import("../utils/types.js").Component<CheckboxCheckOptions<"span">>;
 export interface CheckboxCheckOptions<T extends As = "span"> extends Options<T> {
     /**
-     * Object returned by the `useCheckboxStore` hook. If not provided, the parent
-     * `Checkbox` component's context will be used. If the `checked` prop is
-     * provided, it will override this prop.
+     * Object returned by the
+     * [`useCheckboxStore`](https://ariakit.org/reference/use-checkbox-store)
+     * hook.
      */
     store?: CheckboxStore;
     /**
-     * Determines if the check mark should be displayed. This value is
-     * automatically derived from the
-     * [`store`](https://ariakit.org/reference/checkbox-check#store) prop or the
-     * parent [`Checkbox`](https://ariakit.org/reference/checkbox) component.
+     * Determines if the checkmark should be rendered. This value is automatically
+     * derived from the context when it exists. Manually setting this prop will
+     * supersede the derived value.
      *
-     * Manually setting this prop will supersede the derived value.
+     * Live examples:
+     * - [Submenu with
+     *   Combobox](https://ariakit.org/examples/menu-nested-combobox)
      */
     checked?: boolean;
 }