@ariakit/react-core 0.1.4 → 0.1.6

package/cjs/__chunks/{3RC6Q4WI.cjs → K5YC5EZN.cjs}

@@ -7,7 +7,7 @@ var _MPFAD3UKcjs = require('./MPFAD3UK.cjs');
 var _W2ODSL37cjs = require('./W2ODSL37.cjs');
 
 
-var _GV5LATA3cjs = require('./GV5LATA3.cjs');
+var _53UPJ72Hcjs = require('./53UPJ72H.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _GV5LATA3cjs = require('./GV5LATA3.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 
 
@@ -61,7 +61,7 @@ var useMenuList = _UYIFJ7U3cjs.createHook.call(void 0,
       (state) => state.orientation === "both" ? void 0 : state.orientation
     );
     const isHorizontal = orientation !== "vertical";
-    const isMenuBarHorizontal = !!_F6IOE5QTcjs.useStoreState.call(void 0, 
+    const isMenuBarHorizontal = !!_SXSNI6QAcjs.useStoreState.call(void 0, 
       parentMenuBar,
       (state) => state.orientation !== "vertical"
     );
@@ -122,7 +122,7 @@ var useMenuList = _UYIFJ7U3cjs.createHook.call(void 0,
     );
     const ariaLabelledBy = useAriaLabelledBy({ store, ...props });
     const mounted = store.useState("mounted");
-    const style = mounted ? props.style : { ...props.style, display: "none" };
+    const style = mounted && props.hidden !== true || props.hidden === false ? props.style : { ...props.style, display: "none" };
     props = {
       id,
       "aria-labelledby": ariaLabelledBy,
@@ -139,7 +139,7 @@ var useMenuList = _UYIFJ7U3cjs.createHook.call(void 0,
         ...props
       };
     }
-    props = _GV5LATA3cjs.useComposite.call(void 0, { store, composite, ...props });
+    props = _53UPJ72Hcjs.useComposite.call(void 0, { store, composite, ...props });
     props = _W2ODSL37cjs.useCompositeTypeahead.call(void 0, { store, ...props });
     return props;
   }

package/cjs/__chunks/{44M2NZSK.cjs → KFKFEB7D.cjs}

@@ -5,7 +5,7 @@
 var _OLGMV24Ucjs = require('./OLGMV24U.cjs');
 
 
-var _TGXF67NLcjs = require('./TGXF67NL.cjs');
+var _BVCQMR5Scjs = require('./BVCQMR5S.cjs');
 
 
 
@@ -268,7 +268,7 @@ var useHovercard = _UYIFJ7U3cjs.createHook.call(void 0,
     };
     props = useAutoFocusOnHide({ store, ...props });
     props = useAutoFocusOnShow({ store, modal, ...props });
-    props = _TGXF67NLcjs.usePopover.call(void 0, {
+    props = _BVCQMR5Scjs.usePopover.call(void 0, {
       hideOnEscape,
       store,
       modal,

package/cjs/__chunks/{IVRU7X3P.cjs → KUXCWMWW.cjs}

@@ -122,7 +122,15 @@ var usePortal = _UYIFJ7U3cjs.createHook.call(void 0,
         if (!portal)
           return element;
         if (!portalNode) {
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: refProp, id: props.id, style: { position: "fixed" } });
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              ref: refProp,
+              id: props.id,
+              style: { position: "fixed" },
+              hidden: true
+            }
+          );
         }
         element = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           preserveTabOrder && portalNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/cjs/__chunks/LHHW5ZQP.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/focusable/focusable-context.ts
+var _react = require('react');
+var FocusableContext = _react.createContext.call(void 0, true);
+
+
+
+exports.FocusableContext = FocusableContext;

package/cjs/__chunks/{3QEUUQVB.cjs → NKZKDBAR.cjs}

@@ -18,10 +18,6 @@ var useCollectionItem = _UYIFJ7U3cjs.createHook.call(void 0,
   ({ store, shouldRegisterItem = true, getItem = _misc.identity, ...props }) => {
     const context = _react.useContext.call(void 0, _ZQAFJQIScjs.CollectionContext);
     store = store || context;
-    _misc.invariant.call(void 0, 
-      store,
-      process.env.NODE_ENV !== "production" && "CollectionItem must be wrapped in a Collection component"
-    );
     const id = _5QY4WCTRcjs.useId.call(void 0, props.id);
     const unrenderItem = _react.useRef.call(void 0, );
     const ref = _react.useCallback.call(void 0, 

package/cjs/__chunks/OISXSXPD.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _LHHW5ZQPcjs = require('./LHHW5ZQP.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
+
+
+var _5QY4WCTRcjs = require('./5QY4WCTR.cjs');
+
+// src/focusable/focusable-container.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var useFocusableContainer = _UYIFJ7U3cjs.createHook.call(void 0, 
+  ({ autoFocusOnShow = true, ...props }) => {
+    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LHHW5ZQPcjs.FocusableContext.Provider, { value: autoFocusOnShow, children: element }),
+      [autoFocusOnShow]
+    );
+    return props;
+  }
+);
+var FocusableContainer = _UYIFJ7U3cjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useFocusableContainer(props);
+    return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  FocusableContainer.displayName = "FocusableContainer";
+}
+
+
+
+
+exports.useFocusableContainer = useFocusableContainer; exports.FocusableContainer = FocusableContainer;

package/cjs/__chunks/{ND6THRTE.cjs → QVX74QFT.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 // src/disclosure/disclosure-store.ts
 var _disclosurestore = require('@ariakit/core/disclosure/disclosure-store'); var Core = _interopRequireWildcard(_disclosurestore);
@@ -9,13 +9,13 @@ function useDisclosureStoreOptions(_props) {
   return {};
 }
 function useDisclosureStoreProps(store, props) {
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "animated");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "open", "setOpen");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "animated");
   return store;
 }
 function useDisclosureStore(props = {}) {
   const options = useDisclosureStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _SXSNI6QAcjs.useStore.call(void 0, 
     () => Core.createDisclosureStore({ ...props, ...options })
   );
   return useDisclosureStoreProps(store, props);

package/cjs/__chunks/{F6IOE5QT.cjs → SXSNI6QA.cjs}

@@ -42,16 +42,25 @@ function useStoreProps(store, props, key, setKey) {
     return store.sync(
       (state, prev) => {
         const { value: value2, setValue } = propsRef.current;
-        if (value2 !== void 0) {
-          store.setState(key, value2);
-        }
-        if (setValue && state[key] !== prev[key] && state[key] !== value2) {
-          setValue(state[key]);
-        }
+        if (!setValue)
+          return;
+        if (state[key] === prev[key])
+          return;
+        if (state[key] === value2)
+          return;
+        setValue(state[key]);
       },
       [key]
     );
   }, [store, key]);
+  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
+    return store.sync(() => {
+      const { value: value2 } = propsRef.current;
+      if (value2 === void 0)
+        return;
+      store.setState(key, value2);
+    }, [key]);
+  }, [store, key]);
   _5QY4WCTRcjs.useUpdateLayoutEffect.call(void 0, () => {
     if (value === void 0)
       return;
@@ -60,12 +69,12 @@ function useStoreProps(store, props, key, setKey) {
 }
 function useStore(createStore) {
   const store = _5QY4WCTRcjs.useLazyValue.call(void 0, createStore);
-  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => store.init(), []);
+  _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => store.init(), [store]);
   const useState = _react.useCallback.call(void 0, 
     (keyOrSelector) => useStoreState(store, keyOrSelector),
-    []
+    [store]
   );
-  return _react.useMemo.call(void 0, () => ({ ...store, useState }), []);
+  return _react.useMemo.call(void 0, () => ({ ...store, useState }), [store, useState]);
 }
 
 

package/cjs/__chunks/{T4TB3AAZ.cjs → UK7WFIG4.cjs}

@@ -18,8 +18,6 @@ function useNestedDialogs(store, modal) {
   const context = _react.useContext.call(void 0, NestedDialogsContext);
   const [openModals, setOpenModals] = _react.useState.call(void 0, []);
   const [nestedDialogs, setNestedDialogs] = _react.useState.call(void 0, []);
-  const open = store.useState("open");
-  const contentElement = store.useState("contentElement");
   const addDialog = _react.useCallback.call(void 0, 
     (dialog) => {
       return _misc.chain.call(void 0, 
@@ -34,7 +32,7 @@ function useNestedDialogs(store, modal) {
         })()
       );
     },
-    [context.addDialog]
+    [context]
   );
   const showModal = _react.useCallback.call(void 0, 
     (dialog) => {
@@ -50,22 +48,32 @@ function useNestedDialogs(store, modal) {
         })()
       );
     },
-    [context.showModal]
+    [context]
   );
   _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
-    if (!contentElement)
-      return;
-    return _optionalChain([context, 'access', _5 => _5.addDialog, 'optionalCall', _6 => _6(contentElement)]);
-  }, [contentElement, context.addDialog]);
+    return store.sync(
+      (state) => {
+        if (!state.contentElement)
+          return;
+        return _optionalChain([context, 'access', _5 => _5.addDialog, 'optionalCall', _6 => _6(state.contentElement)]);
+      },
+      ["contentElement"]
+    );
+  }, [store, context]);
   _5QY4WCTRcjs.useSafeLayoutEffect.call(void 0, () => {
     if (!modal)
       return;
-    if (!open)
-      return;
-    if (!contentElement)
-      return;
-    return _optionalChain([context, 'access', _7 => _7.showModal, 'optionalCall', _8 => _8(contentElement)]);
-  }, [modal, open, contentElement, context.showModal]);
+    return store.sync(
+      (state) => {
+        if (!state.open)
+          return;
+        if (!state.contentElement)
+          return;
+        return _optionalChain([context, 'access', _7 => _7.showModal, 'optionalCall', _8 => _8(state.contentElement)]);
+      },
+      ["open", "contentElement"]
+    );
+  }, [store, modal, context]);
   _react.useEffect.call(void 0, () => {
     return _optionalChain([context, 'access', _9 => _9.store, 'optionalAccess', _10 => _10.syncBatch, 'call', _11 => _11(
       (state) => {

package/cjs/__chunks/{NYVIJAIX.cjs → URF73P5I.cjs}

@@ -3,7 +3,7 @@
 var _FO6MB5HFcjs = require('./FO6MB5HF.cjs');
 
 
-var _EWCMH6G3cjs = require('./EWCMH6G3.cjs');
+var _WMRNXISUcjs = require('./WMRNXISU.cjs');
 
 
 
@@ -11,7 +11,7 @@ var _EWCMH6G3cjs = require('./EWCMH6G3.cjs');
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 
 
@@ -40,7 +40,7 @@ var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0,
     defaultChecked,
     ...props
   }) => {
-    const storeChecked = _F6IOE5QTcjs.useStoreState.call(void 0, store, (state) => {
+    const storeChecked = _SXSNI6QAcjs.useStoreState.call(void 0, store, (state) => {
       if (checkedProp !== void 0)
         return checkedProp;
       if (state.value === void 0)
@@ -120,7 +120,7 @@ var useCheckbox = _UYIFJ7U3cjs.createHook.call(void 0,
       onChange,
       onClick
     };
-    props = _EWCMH6G3cjs.useCommand.call(void 0, { clickOnEnter: !nativeCheckbox, ...props });
+    props = _WMRNXISUcjs.useCommand.call(void 0, { clickOnEnter: !nativeCheckbox, ...props });
     return {
       value: nativeCheckbox ? valueProp : void 0,
       checked: isChecked,

package/cjs/__chunks/{H5Z2A5K2.cjs → USA6K5CC.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _ND6THRTEcjs = require('./ND6THRTE.cjs');
+var _QVX74QFTcjs = require('./QVX74QFT.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 // src/dialog/dialog-store.ts
 var _dialogstore = require('@ariakit/core/dialog/dialog-store'); var Core = _interopRequireWildcard(_dialogstore);
 function useDialogStoreOptions(props) {
-  return _ND6THRTEcjs.useDisclosureStoreOptions.call(void 0, props);
+  return _QVX74QFTcjs.useDisclosureStoreOptions.call(void 0, props);
 }
 function useDialogStoreProps(store, props) {
-  return _ND6THRTEcjs.useDisclosureStoreProps.call(void 0, store, props);
+  return _QVX74QFTcjs.useDisclosureStoreProps.call(void 0, store, props);
 }
 function useDialogStore(props = {}) {
   const options = useDialogStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _SXSNI6QAcjs.useStore.call(void 0, 
     () => Core.createDialogStore({ ...props, ...options })
   );
   return useDialogStoreProps(store, props);

package/cjs/__chunks/{22VQR3WC.cjs → WBMW454M.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _VSKE43XZcjs = require('./VSKE43XZ.cjs');
+var _6THZKJIBcjs = require('./6THZKJIB.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
 // src/dialog/dialog-disclosure.ts
 var useDialogDisclosure = _UYIFJ7U3cjs.createHook.call(void 0, 
   ({ store, ...props }) => {
-    props = _VSKE43XZcjs.useDisclosure.call(void 0, { store, ...props });
+    props = _6THZKJIBcjs.useDisclosure.call(void 0, { store, ...props });
     return props;
   }
 );

package/cjs/__chunks/{EWCMH6G3.cjs → WMRNXISU.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _44UMDBZEcjs = require('./44UMDBZE.cjs');
+var _X5PL2AHYcjs = require('./X5PL2AHY.cjs');
 
 
 
@@ -120,7 +120,7 @@ var useCommand = _UYIFJ7U3cjs.createHook.call(void 0,
       onKeyDown,
       onKeyUp
     };
-    props = _44UMDBZEcjs.useFocusable.call(void 0, props);
+    props = _X5PL2AHYcjs.useFocusable.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{743OAGBP.cjs → WUOKNX34.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _GTWUFHVOcjs = require('./GTWUFHVO.cjs');
+var _3X3VOT2Mcjs = require('./3X3VOT2M.cjs');
 
 
 var _N2VCZZLPcjs = require('./N2VCZZLP.cjs');
@@ -55,7 +55,7 @@ var useDialogDismiss = _UYIFJ7U3cjs.createHook.call(void 0,
       ...props,
       onClick
     };
-    props = _GTWUFHVOcjs.useButton.call(void 0, props);
+    props = _3X3VOT2Mcjs.useButton.call(void 0, props);
     return props;
   }
 );

package/cjs/__chunks/{44UMDBZE.cjs → X5PL2AHY.cjs}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
+var _LHHW5ZQPcjs = require('./LHHW5ZQP.cjs');
+
+
 
 
 var _UYIFJ7U3cjs = require('./UYIFJ7U3.cjs');
@@ -293,6 +296,7 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
         setFocusVisible(false);
       }
     });
+    const autoFocusOnShow = _react.useContext.call(void 0, _LHHW5ZQPcjs.FocusableContext);
     const autoFocusRef = _5QY4WCTRcjs.useEvent.call(void 0, (element) => {
       if (!focusable)
         return;
@@ -300,6 +304,8 @@ var useFocusable = _UYIFJ7U3cjs.createHook.call(void 0,
         return;
       if (!element)
         return;
+      if (!autoFocusOnShow)
+        return;
       queueMicrotask(() => {
         if (_focus.hasFocus.call(void 0, element))
           return;

package/cjs/__chunks/{NJHMO3XK.cjs → XXDYPCCB.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 // src/checkbox/checkbox-store.ts
 var _checkboxstore = require('@ariakit/core/checkbox/checkbox-store'); var Core = _interopRequireWildcard(_checkboxstore);
@@ -9,11 +9,11 @@ function useCheckboxStoreOptions(_props) {
   return {};
 }
 function useCheckboxStoreProps(store, props) {
-  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _SXSNI6QAcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = _F6IOE5QTcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  const store = _SXSNI6QAcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
   return useCheckboxStoreProps(store, props);
 }
 

package/cjs/__chunks/{IYRMREW7.cjs → YDTVED7A.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _WYGT6WVDcjs = require('./WYGT6WVD.cjs');
+var _HRXM35NFcjs = require('./HRXM35NF.cjs');
 
 
-var _F6IOE5QTcjs = require('./F6IOE5QT.cjs');
+var _SXSNI6QAcjs = require('./SXSNI6QA.cjs');
 
 // src/hovercard/hovercard-store.ts
 var _hovercardstore = require('@ariakit/core/hovercard/hovercard-store'); var Core = _interopRequireWildcard(_hovercardstore);
 function useHovercardStoreOptions(props) {
-  return _WYGT6WVDcjs.usePopoverStoreOptions.call(void 0, props);
+  return _HRXM35NFcjs.usePopoverStoreOptions.call(void 0, props);
 }
 function useHovercardStoreProps(store, props) {
-  return _WYGT6WVDcjs.usePopoverStoreProps.call(void 0, store, props);
+  return _HRXM35NFcjs.usePopoverStoreProps.call(void 0, store, props);
 }
 function useHovercardStore(props = {}) {
   const options = useHovercardStoreOptions(props);
-  const store = _F6IOE5QTcjs.useStore.call(void 0, 
+  const store = _SXSNI6QAcjs.useStore.call(void 0, 
     () => Core.createHovercardStore({ ...props, ...options })
   );
   return useHovercardStoreProps(store, props);

package/cjs/__chunks/{QRBTWQPI.cjs → YTLECYPS.cjs}

@@ -3,7 +3,7 @@
 var _OTRABJ4Ycjs = require('./OTRABJ4Y.cjs');
 
 
-var _3QEUUQVBcjs = require('./3QEUUQVB.cjs');
+var _NKZKDBARcjs = require('./NKZKDBAR.cjs');
 
 
 
@@ -24,15 +24,13 @@ function getNamedElement(ref, name) {
   const element = ref.current;
   if (!element)
     return null;
-  if (element.name !== name) {
-    if (element.form) {
-      return element.form.elements.namedItem(name);
-    } else {
-      const document = _dom.getDocument.call(void 0, element);
-      return document.getElementsByName(name)[0];
-    }
+  if (element.name === name)
+    return element;
+  if (element.form) {
+    return element.form.elements.namedItem(name);
   }
-  return element;
+  const document = _dom.getDocument.call(void 0, element);
+  return document.getElementsByName(name)[0];
 }
 function useItem(store, name, type) {
   return store.useState(
@@ -105,7 +103,7 @@ var useFormField = _UYIFJ7U3cjs.createHook.call(void 0,
       ref: _5QY4WCTRcjs.useForkRef.call(void 0, ref, props.ref),
       onBlur
     };
-    props = _3QEUUQVBcjs.useCollectionItem.call(void 0, { store, ...props, name, getItem });
+    props = _NKZKDBARcjs.useCollectionItem.call(void 0, { store, ...props, name, getItem });
     return props;
   }
 );

package/cjs/button/button.cjs

@@ -1,13 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _GTWUFHVOcjs = require('../__chunks/GTWUFHVO.cjs');
-require('../__chunks/EWCMH6G3.cjs');
-require('../__chunks/44UMDBZE.cjs');
+var _3X3VOT2Mcjs = require('../__chunks/3X3VOT2M.cjs');
+require('../__chunks/WMRNXISU.cjs');
+require('../__chunks/X5PL2AHY.cjs');
+require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/UYIFJ7U3.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.Button = _GTWUFHVOcjs.Button; exports.useButton = _GTWUFHVOcjs.useButton;
+exports.Button = _3X3VOT2Mcjs.Button; exports.useButton = _3X3VOT2Mcjs.useButton;

package/cjs/checkbox/checkbox-store.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _NJHMO3XKcjs = require('../__chunks/NJHMO3XK.cjs');
-require('../__chunks/F6IOE5QT.cjs');
+var _XXDYPCCBcjs = require('../__chunks/XXDYPCCB.cjs');
+require('../__chunks/SXSNI6QA.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
 
-exports.useCheckboxStore = _NJHMO3XKcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _NJHMO3XKcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _NJHMO3XKcjs.useCheckboxStoreProps;
+exports.useCheckboxStore = _XXDYPCCBcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _XXDYPCCBcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _XXDYPCCBcjs.useCheckboxStoreProps;

package/cjs/checkbox/checkbox.cjs

@@ -1,15 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _NYVIJAIXcjs = require('../__chunks/NYVIJAIX.cjs');
+var _URF73P5Icjs = require('../__chunks/URF73P5I.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/EWCMH6G3.cjs');
-require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/WMRNXISU.cjs');
+require('../__chunks/X5PL2AHY.cjs');
+require('../__chunks/LHHW5ZQP.cjs');
 require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/F6IOE5QT.cjs');
+require('../__chunks/SXSNI6QA.cjs');
 require('../__chunks/5QY4WCTR.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.Checkbox = _NYVIJAIXcjs.Checkbox; exports.useCheckbox = _NYVIJAIXcjs.useCheckbox;
+exports.Checkbox = _URF73P5Icjs.Checkbox; exports.useCheckbox = _URF73P5Icjs.useCheckbox;

package/cjs/checkbox/checkbox.d.ts

@@ -29,12 +29,19 @@ export interface CheckboxOptions<T extends As = "input"> extends CommandOptions<
     /**
      * Object returned by the `useCheckboxStore` hook. If not provided, the
      * internal store will be used.
+     *
+     * Live examples:
+     * - [Checkbox as button](https://ariakit.org/examples/checkbox-as-button)
+     * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
     store?: CheckboxStore;
     /**
      * The value of the checkbox. This is useful when the same checkbox store is
      * used for multiple `Checkbox` elements, in which case the value will be an
      * array of checked values.
+     *
+     * Live examples:
+     * - [Checkbox group](https://ariakit.org/examples/checkbox-group)
      * @example
      * ```jsx
      * const checkbox = useCheckboxStore({
@@ -46,19 +53,25 @@ export interface CheckboxOptions<T extends As = "input"> extends CommandOptions<
      * ```
      */
     value?: string | number;
+    /**
+     * The default `checked` state of the checkbox. This prop is ignored if the
+     * `checked` or the `store` props are provided.
+     */
+    defaultChecked?: "mixed" | boolean;
     /**
      * The `checked` state of the checkbox. This will override the value inferred
      * from `store` prop, if provided. This can be `"mixed"` to indicate that the
      * checkbox is partially checked.
+     *
+     * Live examples:
+     * - [Controlled Checkbox](https://ariakit.org/examples/checkbox-controlled)
      */
     checked?: "mixed" | boolean;
-    /**
-     * The default `checked` state of the checkbox. This prop is ignored if the
-     * `checked` or the `store` props are provided.
-     */
-    defaultChecked?: "mixed" | boolean;
     /**
      * A function that is called when the checkbox's `checked` store changes.
+     *
+     * Live examples:
+     * - [Controlled Checkbox](https://ariakit.org/examples/checkbox-controlled)
      */
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 }

package/cjs/collection/collection-item.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _3QEUUQVBcjs = require('../__chunks/3QEUUQVB.cjs');
+var _NKZKDBARcjs = require('../__chunks/NKZKDBAR.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
 require('../__chunks/UYIFJ7U3.cjs');
 require('../__chunks/5QY4WCTR.cjs');
@@ -9,4 +9,4 @@ require('../__chunks/2X5K3J7Y.cjs');
 
 
 
-exports.CollectionItem = _3QEUUQVBcjs.CollectionItem; exports.useCollectionItem = _3QEUUQVBcjs.useCollectionItem;
+exports.CollectionItem = _NKZKDBARcjs.CollectionItem; exports.useCollectionItem = _NKZKDBARcjs.useCollectionItem;