@ariakit/react-core 0.1.5 → 0.1.7

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-context.cjs

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _ZQAFJQIScjs = require('../__chunks/ZQAFJQIS.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 exports.CollectionContext = _ZQAFJQIScjs.CollectionContext;

package/cjs/collection/collection-item.cjs

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _NKZKDBARcjs = require('../__chunks/NKZKDBAR.cjs');
+var _3FTPSHLHcjs = require('../__chunks/3FTPSHLH.cjs');
 require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
-exports.CollectionItem = _NKZKDBARcjs.CollectionItem; exports.useCollectionItem = _NKZKDBARcjs.useCollectionItem;
+exports.CollectionItem = _3FTPSHLHcjs.CollectionItem; exports.useCollectionItem = _3FTPSHLHcjs.useCollectionItem;

package/cjs/collection/collection-store.cjs

@@ -2,12 +2,13 @@
 
 
 
-var _KPYDIKOYcjs = require('../__chunks/KPYDIKOY.cjs');
-require('../__chunks/TQ3ZXPQL.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _KZLZWIJNcjs = require('../__chunks/KZLZWIJN.cjs');
+require('../__chunks/F7HVNVHQ.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 
 
-exports.useCollectionStore = _KPYDIKOYcjs.useCollectionStore; exports.useCollectionStoreOptions = _KPYDIKOYcjs.useCollectionStoreOptions; exports.useCollectionStoreProps = _KPYDIKOYcjs.useCollectionStoreProps;
+exports.useCollectionStore = _KZLZWIJNcjs.useCollectionStore; exports.useCollectionStoreOptions = _KZLZWIJNcjs.useCollectionStoreOptions; exports.useCollectionStoreProps = _KZLZWIJNcjs.useCollectionStoreProps;

package/cjs/collection/collection.cjs

@@ -5,17 +5,21 @@ var _ZQAFJQIScjs = require('../__chunks/ZQAFJQIS.cjs');
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
 
 
-var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/collection/collection.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var useCollection = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, ...props }) => {
-    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+var useCollection = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
+    props = _NREUHWTUcjs.useWrapElement.call(void 0, 
       props,
       (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZQAFJQIScjs.CollectionContext.Provider, { value: store, children: element }),
       [store]
@@ -23,9 +27,9 @@ var useCollection = _UYIFJ7U3cjs.createHook.call(void 0,
     return props;
   }
 );
-var Collection = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var Collection = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useCollection(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Collection.displayName = "Collection";

package/cjs/combobox/combobox-cancel.cjs

@@ -1,18 +1,24 @@
-"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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _GTWUFHVOcjs = require('../__chunks/GTWUFHVO.cjs');
-require('../__chunks/EWCMH6G3.cjs');
-require('../__chunks/44UMDBZE.cjs');
+var _2DVMVYK2cjs = require('../__chunks/2DVMVYK2.cjs');
+require('../__chunks/DASOL6J2.cjs');
+require('../__chunks/NVBNDB5B.cjs');
+require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
 
 
-var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/combobox/combobox-cancel.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -35,35 +41,39 @@ var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
     ]
   }
 );
-var useComboboxCancel = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, ...props }) => {
+var useComboboxCancel = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const onClickProp = props.onClick;
-    const onClick = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onClickProp, 'optionalCall', _ => _(event)]);
+    const onClick = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       store.setValue("");
       store.move(null);
     });
-    const comboboxId = store.useState((state) => _optionalChain([state, 'access', _2 => _2.baseElement, 'optionalAccess', _3 => _3.id]));
-    props = {
+    const comboboxId = store.useState((state) => {
+      var _a2;
+      return (_a2 = state.baseElement) == null ? void 0 : _a2.id;
+    });
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       children,
       "aria-label": "Clear input",
       // This aria-controls will ensure the combobox popup remains visible when
       // this element gets focused. This logic is done in the ComboboxPopover
       // component.
-      "aria-controls": comboboxId,
-      ...props,
+      "aria-controls": comboboxId
+    }, props), {
       onClick
-    };
-    props = _GTWUFHVOcjs.useButton.call(void 0, props);
+    });
+    props = _2DVMVYK2cjs.useButton.call(void 0, props);
     return props;
   }
 );
-var ComboboxCancel = _UYIFJ7U3cjs.createComponent.call(void 0, 
+var ComboboxCancel = _7NAIPZYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxCancel(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "button", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/combobox/combobox-context.cjs

@@ -2,6 +2,7 @@
 
 
 var _2WZVSPAIcjs = require('../__chunks/2WZVSPAI.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
 

package/cjs/combobox/combobox-disclosure.cjs

@@ -1,20 +1,26 @@
-"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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _22VQR3WCcjs = require('../__chunks/22VQR3WC.cjs');
-require('../__chunks/VSKE43XZ.cjs');
-require('../__chunks/GTWUFHVO.cjs');
-require('../__chunks/EWCMH6G3.cjs');
-require('../__chunks/44UMDBZE.cjs');
+var _WUH43WQ5cjs = require('../__chunks/WUH43WQ5.cjs');
+require('../__chunks/GE4P5OCB.cjs');
+require('../__chunks/2DVMVYK2.cjs');
+require('../__chunks/DASOL6J2.cjs');
+require('../__chunks/NVBNDB5B.cjs');
+require('../__chunks/LHHW5ZQP.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
 
 
-var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+var _NREUHWTUcjs = require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
 
+
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/combobox/combobox-disclosure.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -34,17 +40,18 @@ var children = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "4,6 8,10 12,6" })
   }
 );
-var useComboboxDisclosure = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, ...props }) => {
+var useComboboxDisclosure = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
     const onMouseDownProp = props.onMouseDown;
-    const onMouseDown = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onMouseDownProp, 'optionalCall', _ => _(event)]);
+    const onMouseDown = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onMouseDownProp == null ? void 0 : onMouseDownProp(event);
       event.preventDefault();
       store.move(null);
     });
     const onClickProp = props.onClick;
-    const onClick = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
-      _optionalChain([onClickProp, 'optionalCall', _2 => _2(event)]);
+    const onClick = _NREUHWTUcjs.useEvent.call(void 0, (event) => {
+      onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
       const { baseElement } = store.getState();
@@ -53,22 +60,22 @@ var useComboboxDisclosure = _UYIFJ7U3cjs.createHook.call(void 0,
     const label = store.useState(
       (state) => state.open ? "Hide popup" : "Show popup"
     );
-    props = {
+    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {
       children,
       tabIndex: -1,
-      "aria-label": label,
-      ...props,
+      "aria-label": label
+    }, props), {
       onMouseDown,
       onClick
-    };
-    props = _22VQR3WCcjs.useDialogDisclosure.call(void 0, { store, ...props });
+    });
+    props = _WUH43WQ5cjs.useDialogDisclosure.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ComboboxDisclosure = _UYIFJ7U3cjs.createComponent.call(void 0, 
+var ComboboxDisclosure = _7NAIPZYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxDisclosure(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "button", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "button", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/combobox/combobox-group-label.cjs

@@ -1,27 +1,28 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _EE77OJ6Wcjs = require('../__chunks/EE77OJ6W.cjs');
-require('../__chunks/EFF3S3YM.cjs');
+var _N3CPQNGAcjs = require('../__chunks/N3CPQNGA.cjs');
+require('../__chunks/OEMSRXCM.cjs');
 require('../__chunks/K56WQU76.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 // src/combobox/combobox-group-label.ts
-var useComboboxGroupLabel = _UYIFJ7U3cjs.createHook.call(void 0, 
+var useComboboxGroupLabel = _7NAIPZYNcjs.createHook.call(void 0, 
   (props) => {
-    props = _EE77OJ6Wcjs.useCompositeGroupLabel.call(void 0, props);
+    props = _N3CPQNGAcjs.useCompositeGroupLabel.call(void 0, props);
     return props;
   }
 );
-var ComboboxGroupLabel = _UYIFJ7U3cjs.createComponent.call(void 0, 
+var ComboboxGroupLabel = _7NAIPZYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxGroupLabel(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/combobox/combobox-group.cjs

@@ -1,24 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _7AIJRTAHcjs = require('../__chunks/7AIJRTAH.cjs');
-require('../__chunks/UIUFH5TV.cjs');
+var _64OSK6KAcjs = require('../__chunks/64OSK6KA.cjs');
+require('../__chunks/2G35RG62.cjs');
 require('../__chunks/K56WQU76.cjs');
 
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
-require('../__chunks/5QY4WCTR.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+require('../__chunks/NREUHWTU.cjs');
 require('../__chunks/2X5K3J7Y.cjs');
+require('../__chunks/6455U47T.cjs');
 
 // src/combobox/combobox-group.ts
-var useComboboxGroup = _UYIFJ7U3cjs.createHook.call(void 0, (props) => {
-  props = _7AIJRTAHcjs.useCompositeGroup.call(void 0, props);
+var useComboboxGroup = _7NAIPZYNcjs.createHook.call(void 0, (props) => {
+  props = _64OSK6KAcjs.useCompositeGroup.call(void 0, props);
   return props;
 });
-var ComboboxGroup = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+var ComboboxGroup = _7NAIPZYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useComboboxGroup(props);
-  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  return _7NAIPZYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   ComboboxGroup.displayName = "ComboboxGroup";

package/cjs/combobox/combobox-item-value.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 var _2WZVSPAIcjs = require('../__chunks/2WZVSPAI.cjs');
@@ -6,7 +6,11 @@ var _2WZVSPAIcjs = require('../__chunks/2WZVSPAI.cjs');
 
 
 
-var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+var _7NAIPZYNcjs = require('../__chunks/7NAIPZYN.cjs');
+
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 
 // src/combobox/combobox-item-value.tsx
 var _react = require('react');
@@ -38,12 +42,13 @@ function splitValue(itemValue, userValue) {
   }
   return parts;
 }
-var useComboboxItemValue = _UYIFJ7U3cjs.createHook.call(void 0, 
-  ({ store, value, ...props }) => {
+var useComboboxItemValue = _7NAIPZYNcjs.createHook.call(void 0, 
+  (_a) => {
+    var _b = _a, { store, value } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store", "value"]);
     const context = _react.useContext.call(void 0, _2WZVSPAIcjs.ComboboxContext);
     store = store || context;
     const itemContext = _react.useContext.call(void 0, _2WZVSPAIcjs.ComboboxItemValueContext);
-    const itemValue = _nullishCoalesce(value, () => ( itemContext));
+    const itemValue = value != null ? value : itemContext;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxItemValue must be wrapped in a ComboboxItem component"
@@ -55,17 +60,16 @@ var useComboboxItemValue = _UYIFJ7U3cjs.createHook.call(void 0,
       () => itemValue && stateValue ? splitValue(itemValue, stateValue) : itemValue,
       [itemValue, stateValue]
     );
-    props = {
-      children,
-      ...props
-    };
+    props = _6455U47Tcjs.__spreadValues.call(void 0, {
+      children
+    }, props);
     return props;
   }
 );
-var ComboboxItemValue = _UYIFJ7U3cjs.createComponent.call(void 0, 
+var ComboboxItemValue = _7NAIPZYNcjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useComboboxItemValue(props);
-    return _UYIFJ7U3cjs.createElement.call(void 0, "span", htmlProps);
+    return _7NAIPZYNcjs.createElement.call(void 0, "span", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {