@ariakit/react-core 0.2.6 → 0.2.8

package/cjs/__chunks/{MLFUSTBA.cjs → V4OMCLAW.cjs}

@@ -2,14 +2,14 @@
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/separator/separator.ts
-var useSeparator = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useSeparator = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { orientation = "horizontal" } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["orientation"]);
     props = _6455U47Tcjs.__spreadValues.call(void 0, {
@@ -19,9 +19,9 @@ var useSeparator = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var Separator = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Separator = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSeparator(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "hr", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "hr", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Separator.displayName = "Separator";

package/cjs/__chunks/{2Q23WNBJ.cjs → VBCPMROZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _MLFUSTBAcjs = require('./MLFUSTBA.cjs');
+var _V4OMCLAWcjs = require('./V4OMCLAW.cjs');
 
 
 var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
@@ -8,7 +8,7 @@ var _NVMBKFRBcjs = require('./NVMBKFRB.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/composite/composite-separator.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useCompositeSeparator = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useCompositeSeparator = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const context = _react.useContext.call(void 0, _NVMBKFRBcjs.CompositeContext);
@@ -30,14 +30,14 @@ var useCompositeSeparator = _5U7AP6Y2cjs.createHook.call(void 0,
     const orientation = store.useState(
       (state) => state.orientation === "horizontal" ? "vertical" : "horizontal"
     );
-    props = _MLFUSTBAcjs.useSeparator.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { orientation }));
+    props = _V4OMCLAWcjs.useSeparator.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), { orientation }));
     return props;
   }
 );
-var CompositeSeparator = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var CompositeSeparator = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeSeparator(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "hr", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "hr", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{N56WBDNX.cjs → VQHQDEFP.cjs}

@@ -5,11 +5,11 @@ var _ZQAFJQIScjs = require('./ZQAFJQIS.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -19,12 +19,12 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 // src/collection/collection-item.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useCollectionItem = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useCollectionItem = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, shouldRegisterItem = true, getItem = _misc.identity } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "shouldRegisterItem", "getItem"]);
     const context = _react.useContext.call(void 0, _ZQAFJQIScjs.CollectionContext);
     store = store || context;
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
     const unrenderItem = _react.useRef.call(void 0, );
     const ref = _react.useCallback.call(void 0, 
       (element) => {
@@ -38,15 +38,15 @@ var useCollectionItem = _5U7AP6Y2cjs.createHook.call(void 0,
       [id, shouldRegisterItem, getItem, store]
     );
     props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
     });
     return props;
   }
 );
-var CollectionItem = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var CollectionItem = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCollectionItem(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{XCPSA5MI.cjs → WKQDBSB7.cjs}

@@ -5,11 +5,11 @@ var _CQSUIL2Dcjs = require('./CQSUIL2D.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -17,11 +17,11 @@ var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/heading/heading.ts
 var _react = require('react');
-var useHeading = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
+var useHeading = _O3Z4C76Tcjs.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 = _K4FBPMJ3cjs.useTagName.call(void 0, ref, props.as || as);
+  const tagName = _FHX4GO67cjs.useTagName.call(void 0, ref, props.as || as);
   const isNativeHeading = _react.useMemo.call(void 0, 
     () => !!tagName && /^h\d$/.test(tagName),
     [tagName]
@@ -31,13 +31,13 @@ var useHeading = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
     role: !isNativeHeading ? "heading" : void 0,
     "aria-level": !isNativeHeading ? level : void 0
   }, props), {
-    ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref)
+    ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref)
   });
   return props;
 });
-var Heading = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Heading = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useHeading(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "h1", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "h1", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Heading.displayName = "Heading";

package/cjs/__chunks/{JRMMZABK.cjs → WZI5KRRI.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 // src/dialog/utils/use-nested-dialogs.tsx
 
@@ -26,18 +26,20 @@ function useNestedDialogs(store) {
     },
     [context]
   );
-  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
     return store.sync(
       (state) => {
         var _a;
+        if (!state.open)
+          return;
         if (!state.contentElement)
           return;
-        return (_a = context.add) == null ? void 0 : _a.call(context, state.contentElement);
+        return (_a = context.add) == null ? void 0 : _a.call(context, store);
       },
-      ["contentElement"]
+      ["open", "contentElement"]
     );
   }, [store, context]);
-  _K4FBPMJ3cjs.useSafeLayoutEffect.call(void 0, () => {
+  _FHX4GO67cjs.useSafeLayoutEffect.call(void 0, () => {
     var _a;
     return (_a = context.store) == null ? void 0 : _a.sync(
       (state) => {

package/cjs/__chunks/{JNHX33XU.cjs → XI6W2T6N.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _DW4GICINcjs = require('./DW4GICIN.cjs');
+var _4D7KCBQDcjs = require('./4D7KCBQD.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/select/select-arrow.ts
-var useSelectArrow = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useSelectArrow = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _DW4GICINcjs.usePopoverDisclosureArrow.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
+    props = _4D7KCBQDcjs.usePopoverDisclosureArrow.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var SelectArrow = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var SelectArrow = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectArrow(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "span", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "span", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectArrow.displayName = "SelectArrow";

package/cjs/__chunks/{GEJRZZHK.cjs → YMIV6HNY.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 _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
+var _C5W4YO2Wcjs = require('./C5W4YO2W.cjs');
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
@@ -12,12 +12,12 @@ function useCollectionStoreOptions(_props) {
   return {};
 }
 function useCollectionStoreProps(store, props) {
-  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  _C5W4YO2Wcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
   return store;
 }
 function useCollectionStore(props = {}) {
   const options = useCollectionStoreOptions(props);
-  const store = _3YYDY5FNcjs.useStore.call(void 0, 
+  const store = _C5W4YO2Wcjs.useStore.call(void 0, 
     () => Core.createCollectionStore(_6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), options))
   );
   return useCollectionStoreProps(store, props);

package/cjs/__chunks/{4JASPVMD.cjs → ZEJ6SJAQ.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 _3YYDY5FNcjs = require('./3YYDY5FN.cjs');
+var _C5W4YO2Wcjs = require('./C5W4YO2W.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) {
-  _3YYDY5FNcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  _C5W4YO2Wcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
   return store;
 }
 function useCheckboxStore(props = {}) {
-  const store = _3YYDY5FNcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
+  const store = _C5W4YO2Wcjs.useStore.call(void 0, () => Core.createCheckboxStore(props));
   return useCheckboxStoreProps(store, props);
 }
 

package/cjs/__chunks/{GE5ZROIW.cjs → ZH4AYXKM.cjs}

@@ -3,18 +3,18 @@
 var _OTRABJ4Ycjs = require('./OTRABJ4Y.cjs');
 
 
-var _N56WBDNXcjs = require('./N56WBDNX.cjs');
+var _VQHQDEFPcjs = require('./VQHQDEFP.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 
 
-var _K4FBPMJ3cjs = require('./K4FBPMJ3.cjs');
+var _FHX4GO67cjs = require('./FHX4GO67.cjs');
 
 
 
@@ -42,7 +42,7 @@ function useItem(store, name, type) {
     (state) => state.items.find((item) => item.type === type && item.name === name)
   );
 }
-var useFormField = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useFormField = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -62,7 +62,7 @@ var useFormField = _5U7AP6Y2cjs.createHook.call(void 0,
       process.env.NODE_ENV !== "production" && "FormField must be wrapped in a Form component"
     );
     const name = `${nameProp}`;
-    const id = _K4FBPMJ3cjs.useId.call(void 0, props.id);
+    const id = _FHX4GO67cjs.useId.call(void 0, props.id);
     const ref = _react.useRef.call(void 0, null);
     store.useValidate(async () => {
       const element = getNamedElement(ref, name);
@@ -84,8 +84,8 @@ var useFormField = _5U7AP6Y2cjs.createHook.call(void 0,
       [id, name, getItemProp]
     );
     const onBlurProp = props.onBlur;
-    const touchOnBlurProp = _K4FBPMJ3cjs.useBooleanEvent.call(void 0, touchOnBlur);
-    const onBlur = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const touchOnBlurProp = _FHX4GO67cjs.useBooleanEvent.call(void 0, touchOnBlur);
+    const onBlur = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onBlurProp == null ? void 0 : onBlurProp(event);
       if (event.defaultPrevented)
         return;
@@ -110,16 +110,16 @@ var useFormField = _5U7AP6Y2cjs.createHook.call(void 0,
       "aria-invalid": invalid
     }, props), {
       "aria-describedby": describedBy || void 0,
-      ref: _K4FBPMJ3cjs.useForkRef.call(void 0, ref, props.ref),
+      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, ref, props.ref),
       onBlur
     });
-    props = _N56WBDNXcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { name, getItem }));
+    props = _VQHQDEFPcjs.useCollectionItem.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props), { name, getItem }));
     return props;
   }
 );
-var FormField = _5U7AP6Y2cjs.createMemoComponent.call(void 0, (props) => {
+var FormField = _O3Z4C76Tcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useFormField(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "input", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "input", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   FormField.displayName = "FormField";

package/cjs/__chunks/{VYKCWICK.cjs → ZKPH2VTW.cjs}

@@ -2,14 +2,14 @@
 
 
 
-var _5U7AP6Y2cjs = require('./5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
 
 
 
 var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/visually-hidden/visually-hidden.ts
-var useVisuallyHidden = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
+var useVisuallyHidden = _O3Z4C76Tcjs.createHook.call(void 0, (props) => {
   props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
     style: _6455U47Tcjs.__spreadValues.call(void 0, {
       border: 0,
@@ -25,10 +25,10 @@ var useVisuallyHidden = _5U7AP6Y2cjs.createHook.call(void 0, (props) => {
   });
   return props;
 });
-var VisuallyHidden = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var VisuallyHidden = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useVisuallyHidden(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "span", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "span", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/button/button.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ZCXLELXWcjs = require('../__chunks/ZCXLELXW.cjs');
-require('../__chunks/7BYVU5SZ.cjs');
-require('../__chunks/SZ6M66IF.cjs');
+var _6WWAF5Y2cjs = require('../__chunks/6WWAF5Y2.cjs');
+require('../__chunks/4K22VVH6.cjs');
+require('../__chunks/AYLR4G5I.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Button = _ZCXLELXWcjs.Button; exports.useButton = _ZCXLELXWcjs.useButton;
+exports.Button = _6WWAF5Y2cjs.Button; exports.useButton = _6WWAF5Y2cjs.useButton;

package/cjs/button/button.d.ts

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

package/cjs/checkbox/checkbox-check.cjs

@@ -1,11 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _Y3JYM7A6cjs = require('../__chunks/Y3JYM7A6.cjs');
+var _OHOMAAYPcjs = require('../__chunks/OHOMAAYP.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.CheckboxCheck = _Y3JYM7A6cjs.CheckboxCheck; exports.useCheckboxCheck = _Y3JYM7A6cjs.useCheckboxCheck;
+exports.CheckboxCheck = _OHOMAAYPcjs.CheckboxCheck; exports.useCheckboxCheck = _OHOMAAYPcjs.useCheckboxCheck;

package/cjs/checkbox/checkbox-store.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _4JASPVMDcjs = require('../__chunks/4JASPVMD.cjs');
-require('../__chunks/3YYDY5FN.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _ZEJ6SJAQcjs = require('../__chunks/ZEJ6SJAQ.cjs');
+require('../__chunks/C5W4YO2W.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.useCheckboxStore = _4JASPVMDcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _4JASPVMDcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _4JASPVMDcjs.useCheckboxStoreProps;
+exports.useCheckboxStore = _ZEJ6SJAQcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _ZEJ6SJAQcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _ZEJ6SJAQcjs.useCheckboxStoreProps;

package/cjs/checkbox/checkbox.cjs

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _QMOLTZZOcjs = require('../__chunks/QMOLTZZO.cjs');
+var _MJQOSYPHcjs = require('../__chunks/MJQOSYPH.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/7BYVU5SZ.cjs');
-require('../__chunks/SZ6M66IF.cjs');
+require('../__chunks/4K22VVH6.cjs');
+require('../__chunks/AYLR4G5I.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/5U7AP6Y2.cjs');
-require('../__chunks/3YYDY5FN.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/O3Z4C76T.cjs');
+require('../__chunks/C5W4YO2W.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
-exports.Checkbox = _QMOLTZZOcjs.Checkbox; exports.useCheckbox = _QMOLTZZOcjs.useCheckbox;
+exports.Checkbox = _MJQOSYPHcjs.Checkbox; exports.useCheckbox = _MJQOSYPHcjs.useCheckbox;

package/cjs/checkbox/checkbox.d.ts

@@ -9,7 +9,7 @@ import type { CheckboxStore } from "./checkbox-store.js";
  * @see https://ariakit.org/components/checkbox
  * @example
  * ```jsx
- * const props = useCheckbox({ as: "div" });
+ * const props = useCheckbox({ render: <div /> });
  * <Role {...props}>Accessible checkbox</Role>
  * ```
  */
@@ -21,7 +21,7 @@ export declare const useCheckbox: import("../utils/types.js").Hook<CheckboxOptio
  * @see https://ariakit.org/components/checkbox
  * @example
  * ```jsx
- * <Checkbox as="div">Accessible checkbox</Checkbox>
+ * <Checkbox render={<div />}>Accessible checkbox</Checkbox>
  * ```
  */
 export declare const Checkbox: import("../utils/types.js").Component<CheckboxOptions<"input">>;

package/cjs/collection/collection-item.cjs

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

package/cjs/collection/collection-store.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _GEJRZZHKcjs = require('../__chunks/GEJRZZHK.cjs');
-require('../__chunks/3YYDY5FN.cjs');
-require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _YMIV6HNYcjs = require('../__chunks/YMIV6HNY.cjs');
+require('../__chunks/C5W4YO2W.cjs');
+require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.useCollectionStore = _GEJRZZHKcjs.useCollectionStore; exports.useCollectionStoreOptions = _GEJRZZHKcjs.useCollectionStoreOptions; exports.useCollectionStoreProps = _GEJRZZHKcjs.useCollectionStoreProps;
+exports.useCollectionStore = _YMIV6HNYcjs.useCollectionStore; exports.useCollectionStoreOptions = _YMIV6HNYcjs.useCollectionStoreOptions; exports.useCollectionStoreProps = _YMIV6HNYcjs.useCollectionStoreProps;

package/cjs/collection/collection.cjs

@@ -5,21 +5,21 @@ var _ZQAFJQIScjs = require('../__chunks/ZQAFJQIS.cjs');
 
 
 
-var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
 
 
-var _K4FBPMJ3cjs = require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _FHX4GO67cjs = require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 
 
 var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 
 // src/collection/collection.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useCollection = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useCollection = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _K4FBPMJ3cjs.useWrapElement.call(void 0, 
+    props = _FHX4GO67cjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZQAFJQIScjs.CollectionContext.Provider, { value: store, children: element }),
       [store]
@@ -27,9 +27,9 @@ var useCollection = _5U7AP6Y2cjs.createHook.call(void 0,
     return props;
   }
 );
-var Collection = _5U7AP6Y2cjs.createComponent.call(void 0, (props) => {
+var Collection = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCollection(props);
-  return _5U7AP6Y2cjs.createElement.call(void 0, "div", htmlProps);
+  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Collection.displayName = "Collection";

package/cjs/combobox/combobox-cancel.cjs

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZCXLELXWcjs = require('../__chunks/ZCXLELXW.cjs');
-require('../__chunks/7BYVU5SZ.cjs');
-require('../__chunks/SZ6M66IF.cjs');
+var _6WWAF5Y2cjs = require('../__chunks/6WWAF5Y2.cjs');
+require('../__chunks/4K22VVH6.cjs');
+require('../__chunks/AYLR4G5I.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _5U7AP6Y2cjs = require('../__chunks/5U7AP6Y2.cjs');
+var _O3Z4C76Tcjs = require('../__chunks/O3Z4C76T.cjs');
 
 
-var _K4FBPMJ3cjs = require('../__chunks/K4FBPMJ3.cjs');
-require('../__chunks/2X5K3J7Y.cjs');
+var _FHX4GO67cjs = require('../__chunks/FHX4GO67.cjs');
+require('../__chunks/2KYUOSJ4.cjs');
 
 
 
@@ -41,11 +41,11 @@ var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
     ]
   }
 );
-var useComboboxCancel = _5U7AP6Y2cjs.createHook.call(void 0, 
+var useComboboxCancel = _O3Z4C76Tcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const onClickProp = props.onClick;
-    const onClick = _K4FBPMJ3cjs.useEvent.call(void 0, (event) => {
+    const onClick = _FHX4GO67cjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -66,14 +66,14 @@ var useComboboxCancel = _5U7AP6Y2cjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _ZCXLELXWcjs.useButton.call(void 0, props);
+    props = _6WWAF5Y2cjs.useButton.call(void 0, props);
     return props;
   }
 );
-var ComboboxCancel = _5U7AP6Y2cjs.createComponent.call(void 0, 
+var ComboboxCancel = _O3Z4C76Tcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxCancel(props);
-    return _5U7AP6Y2cjs.createElement.call(void 0, "button", htmlProps);
+    return _O3Z4C76Tcjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {