@ariakit/core 0.1.3 → 0.1.5

package/esm/__chunks/{X7MJ3FB5.js → R6VHFWTV.js}

@@ -1,16 +1,20 @@
 import {
   createCollectionStore
-} from "./WFGVC6LE.js";
+} from "./EWHSN7GO.js";
 import {
   createStore
-} from "./NA5BK7DD.js";
+} from "./BOKMNDR7.js";
 import {
   defaultValue
-} from "./RMD7SNCC.js";
+} from "./NWU4GBZ6.js";
 import {
   flatten2DArray,
   reverseArray
 } from "./5XEKIOCW.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/composite/composite-store.ts
 var NULL_ITEM = { id: null };
@@ -51,7 +55,10 @@ function flipItems(items, activeId, shouldInsertNullItem = false) {
 function groupItemsByRows(items) {
   const rows = [];
   for (const item of items) {
-    const row = rows.find((currentRow) => currentRow[0]?.rowId === item.rowId);
+    const row = rows.find((currentRow) => {
+      var _a;
+      return ((_a = currentRow[0]) == null ? void 0 : _a.rowId) === item.rowId;
+    });
     if (row) {
       row.push(item);
     } else {
@@ -84,7 +91,7 @@ function normalizeRows(rows, activeId, focusShift) {
       if (!item || focusShift && item.disabled) {
         const isFirst = i === 0;
         const previousItem = isFirst && focusShift ? findFirstEnabledItem(row) : row[i - 1];
-        row[i] = previousItem && activeId !== previousItem.id && focusShift ? previousItem : createEmptyItem(previousItem?.rowId);
+        row[i] = previousItem && activeId !== previousItem.id && focusShift ? previousItem : createEmptyItem(previousItem == null ? void 0 : previousItem.rowId);
       }
     }
   }
@@ -98,77 +105,78 @@ function verticalizeItems(items) {
     for (const row of rows) {
       const item = row[i];
       if (item) {
-        verticalized.push({
-          ...item,
+        verticalized.push(__spreadProps(__spreadValues({}, item), {
           // If there's no rowId, it means that it's not a grid composite, but
           // a single row instead. So, instead of verticalizing it, that is,
           // assigning a different rowId based on the column index, we keep it
           // undefined so they will be part of the same row. This is useful
           // when using up/down on one-dimensional composites.
           rowId: item.rowId ? `${i}` : void 0
-        });
+        }));
       }
     }
   }
   return verticalized;
 }
 function createCompositeStore(props = {}) {
-  const syncState = props.store?.getState();
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const collection = createCollectionStore(props);
   const activeId = defaultValue(
     props.activeId,
-    syncState?.activeId,
+    syncState == null ? void 0 : syncState.activeId,
     props.defaultActiveId
   );
-  const initialState = {
-    ...collection.getState(),
+  const initialState = __spreadProps(__spreadValues({}, collection.getState()), {
     activeId,
-    baseElement: defaultValue(syncState?.baseElement, null),
+    baseElement: defaultValue(syncState == null ? void 0 : syncState.baseElement, null),
     includesBaseElement: defaultValue(
       props.includesBaseElement,
-      syncState?.includesBaseElement,
+      syncState == null ? void 0 : syncState.includesBaseElement,
       activeId === null
     ),
-    moves: defaultValue(syncState?.moves, 0),
+    moves: defaultValue(syncState == null ? void 0 : syncState.moves, 0),
     orientation: defaultValue(
       props.orientation,
-      syncState?.orientation,
+      syncState == null ? void 0 : syncState.orientation,
       "both"
     ),
-    rtl: defaultValue(props.rtl, syncState?.rtl, false),
+    rtl: defaultValue(props.rtl, syncState == null ? void 0 : syncState.rtl, false),
     virtualFocus: defaultValue(
       props.virtualFocus,
-      syncState?.virtualFocus,
+      syncState == null ? void 0 : syncState.virtualFocus,
       false
     ),
-    focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, false),
-    focusWrap: defaultValue(props.focusWrap, syncState?.focusWrap, false),
-    focusShift: defaultValue(props.focusShift, syncState?.focusShift, false)
-  };
+    focusLoop: defaultValue(props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, false),
+    focusWrap: defaultValue(props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
+    focusShift: defaultValue(props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
+  });
   const composite = createStore(initialState, collection, props.store);
   composite.setup(
     () => composite.sync(
       (state) => {
         composite.setState("activeId", (activeId2) => {
+          var _a2;
           if (activeId2 !== void 0)
             return activeId2;
-          return findFirstEnabledItem(state.renderedItems)?.id;
+          return (_a2 = findFirstEnabledItem(state.renderedItems)) == null ? void 0 : _a2.id;
         });
       },
       ["renderedItems", "activeId"]
     )
   );
   const getNextId = (items, orientation, hasNullItem, skip) => {
+    var _a2, _b;
     const { activeId: activeId2, rtl, focusLoop, focusWrap, includesBaseElement } = composite.getState();
     const isHorizontal = orientation !== "vertical";
     const isRTL = rtl && isHorizontal;
     const allItems = isRTL ? reverseArray(items) : items;
     if (activeId2 == null) {
-      return findFirstEnabledItem(allItems)?.id;
+      return (_a2 = findFirstEnabledItem(allItems)) == null ? void 0 : _a2.id;
     }
     const activeItem = allItems.find((item) => item.id === activeId2);
     if (!activeItem) {
-      return findFirstEnabledItem(allItems)?.id;
+      return (_b = findFirstEnabledItem(allItems)) == null ? void 0 : _b.id;
     }
     const isGrid = !!activeItem.rowId;
     const activeIndex = allItems.indexOf(activeItem);
@@ -178,7 +186,7 @@ function createCompositeStore(props = {}) {
       const nextEnabledItemsInRow = getEnabledItems(nextItemsInRow, activeId2);
       const nextItem2 = nextEnabledItemsInRow.slice(skip)[0] || // If we can't find an item, just return the last one.
       nextEnabledItemsInRow[nextEnabledItemsInRow.length - 1];
-      return nextItem2?.id;
+      return nextItem2 == null ? void 0 : nextItem2.id;
     }
     const oppositeOrientation = getOppositeOrientation(
       // If it's a grid and orientation is not set, it's a next/previous call,
@@ -193,7 +201,7 @@ function createCompositeStore(props = {}) {
       const loopItems = canWrap && !hasNullItem ? allItems : getItemsInRow(allItems, activeItem.rowId);
       const sortedItems = flipItems(loopItems, activeId2, hasNullItem);
       const nextItem2 = findFirstEnabledItem(sortedItems, activeId2);
-      return nextItem2?.id;
+      return nextItem2 == null ? void 0 : nextItem2.id;
     }
     if (canWrap) {
       const nextItem2 = findFirstEnabledItem(
@@ -206,18 +214,16 @@ function createCompositeStore(props = {}) {
         hasNullItem ? nextItemsInRow : nextItems,
         activeId2
       );
-      const nextId = hasNullItem ? nextItem2?.id || null : nextItem2?.id;
+      const nextId = hasNullItem ? (nextItem2 == null ? void 0 : nextItem2.id) || null : nextItem2 == null ? void 0 : nextItem2.id;
       return nextId;
     }
     const nextItem = findFirstEnabledItem(nextItemsInRow, activeId2);
     if (!nextItem && hasNullItem) {
       return null;
     }
-    return nextItem?.id;
+    return nextItem == null ? void 0 : nextItem.id;
   };
-  return {
-    ...collection,
-    ...composite,
+  return __spreadProps(__spreadValues(__spreadValues({}, collection), composite), {
     setBaseElement: (element) => composite.setState("baseElement", element),
     setActiveId: (id) => composite.setState("activeId", id),
     move: (id) => {
@@ -226,15 +232,22 @@ function createCompositeStore(props = {}) {
       composite.setState("activeId", id);
       composite.setState("moves", (moves) => moves + 1);
     },
-    first: () => findFirstEnabledItem(composite.getState().renderedItems)?.id,
-    last: () => findFirstEnabledItem(reverseArray(composite.getState().renderedItems))?.id,
+    first: () => {
+      var _a2;
+      return (_a2 = findFirstEnabledItem(composite.getState().renderedItems)) == null ? void 0 : _a2.id;
+    },
+    last: () => {
+      var _a2;
+      return (_a2 = findFirstEnabledItem(reverseArray(composite.getState().renderedItems))) == null ? void 0 : _a2.id;
+    },
     next: (skip) => {
       const { renderedItems, orientation } = composite.getState();
       return getNextId(renderedItems, orientation, false, skip);
     },
     previous: (skip) => {
+      var _a2;
       const { renderedItems, orientation, includesBaseElement } = composite.getState();
-      const isGrid = !!findFirstEnabledItem(renderedItems)?.rowId;
+      const isGrid = !!((_a2 = findFirstEnabledItem(renderedItems)) == null ? void 0 : _a2.rowId);
       const hasNullItem = !isGrid && includesBaseElement;
       return getNextId(
         reverseArray(renderedItems),
@@ -278,7 +291,7 @@ function createCompositeStore(props = {}) {
       const hasNullItem = includesBaseElement;
       return getNextId(verticalItems, "vertical", hasNullItem, skip);
     }
-  };
+  });
 }
 
 export {

package/esm/__chunks/{DXA3K2FY.js → TFBCK4JB.js}

@@ -1,6 +1,6 @@
 import {
   canUseDOM
-} from "./UVCATTRC.js";
+} from "./N6JW4ITM.js";
 
 // src/utils/platform.ts
 function isTouchDevice() {

package/esm/__chunks/{IOAGNCXX.js → ZV2GEGPL.js}

@@ -1,27 +1,32 @@
 import {
   createStore
-} from "./NA5BK7DD.js";
+} from "./BOKMNDR7.js";
 import {
   defaultValue
-} from "./RMD7SNCC.js";
+} from "./NWU4GBZ6.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./4BKCJXBM.js";
 
 // src/disclosure/disclosure-store.ts
 function createDisclosureStore(props = {}) {
-  const syncState = props.store?.getState();
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const open = defaultValue(
     props.open,
-    syncState?.open,
+    syncState == null ? void 0 : syncState.open,
     props.defaultOpen,
     false
   );
-  const animated = defaultValue(props.animated, syncState?.animated, false);
+  const animated = defaultValue(props.animated, syncState == null ? void 0 : syncState.animated, false);
   const initialState = {
     open,
     animated,
     animating: !!animated && open,
     mounted: open,
-    contentElement: defaultValue(syncState?.contentElement, null),
-    disclosureElement: defaultValue(syncState?.disclosureElement, null)
+    contentElement: defaultValue(syncState == null ? void 0 : syncState.contentElement, null),
+    disclosureElement: defaultValue(syncState == null ? void 0 : syncState.disclosureElement, null)
   };
   const disclosure = createStore(initialState, props.store);
   disclosure.setup(
@@ -54,8 +59,7 @@ function createDisclosureStore(props = {}) {
       ["open", "animating"]
     )
   );
-  return {
-    ...disclosure,
+  return __spreadProps(__spreadValues({}, disclosure), {
     setOpen: (value) => disclosure.setState("open", value),
     show: () => disclosure.setState("open", true),
     hide: () => disclosure.setState("open", false),
@@ -63,7 +67,7 @@ function createDisclosureStore(props = {}) {
     stopAnimation: () => disclosure.setState("animating", false),
     setContentElement: (value) => disclosure.setState("contentElement", value),
     setDisclosureElement: (value) => disclosure.setState("disclosureElement", value)
-  };
+  });
 }
 
 export {

package/esm/checkbox/checkbox-store.d.ts

@@ -10,6 +10,9 @@ export type CheckboxStoreValue = Value;
 export interface CheckboxStoreState<T extends Value = Value> {
     /**
      * The checked state of the checkbox.
+     *
+     * Live examples:
+     * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
     value: ToPrimitive<T>;
 }
@@ -25,6 +28,10 @@ export interface CheckboxStoreFunctions<T extends Value = Value> {
 export interface CheckboxStoreOptions<T extends Value = Value> extends StoreOptions<CheckboxStoreState<T>, "value"> {
     /**
      * The default value of the checkbox.
+     *
+     * Live examples:
+     * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
+     * - [Checkbox group](https://ariakit.org/examples/checkbox-group)
      * @default false
      */
     defaultValue?: CheckboxStoreState<T>["value"];

package/esm/checkbox/checkbox-store.js

@@ -1,26 +1,30 @@
 import {
   createStore
-} from "../__chunks/NA5BK7DD.js";
+} from "../__chunks/BOKMNDR7.js";
 import {
   defaultValue
-} from "../__chunks/RMD7SNCC.js";
+} from "../__chunks/NWU4GBZ6.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/checkbox/checkbox-store.ts
 function createCheckboxStore(props = {}) {
-  const syncState = props.store?.getState();
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const initialState = {
     value: defaultValue(
       props.value,
-      syncState?.value,
+      syncState == null ? void 0 : syncState.value,
       props.defaultValue,
       false
     )
   };
   const checkbox = createStore(initialState, props.store);
-  return {
-    ...checkbox,
+  return __spreadProps(__spreadValues({}, checkbox), {
     setValue: (value) => checkbox.setState("value", value)
-  };
+  });
 }
 export {
   createCheckboxStore

package/esm/collection/collection-store.js

@@ -1,9 +1,10 @@
 import {
   createCollectionStore
-} from "../__chunks/WFGVC6LE.js";
-import "../__chunks/NA5BK7DD.js";
-import "../__chunks/RMD7SNCC.js";
-import "../__chunks/UVCATTRC.js";
+} from "../__chunks/EWHSN7GO.js";
+import "../__chunks/BOKMNDR7.js";
+import "../__chunks/NWU4GBZ6.js";
+import "../__chunks/N6JW4ITM.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   createCollectionStore
 };

package/esm/combobox/combobox-store.d.ts

@@ -19,6 +19,15 @@ export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverSt
     includesBaseElement: boolean;
     /**
      * The input value.
+     *
+     * Live examples:
+     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     * - [Filterable Combobox](https://ariakit.org/examples/combobox-matches)
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
      */
     value: string;
     /**
@@ -27,12 +36,23 @@ export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverSt
     activeValue: string | undefined;
     /**
      * Whether to reset the value when the combobox popover is hidden.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * @default false
      */
     resetValueOnHide: boolean;
 }
 export interface ComboboxStoreFunctions extends CompositeStoreFunctions<Item>, PopoverStoreFunctions {
     /**
      * Sets the `value` state.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * @example
      * store.setValue("Hello world");
      * store.setValue((value) => value + "!");
@@ -58,6 +78,10 @@ export interface ComboboxStoreOptions extends StoreOptions<ComboboxStoreState, "
     select?: SelectStore;
     /**
      * The combobox initial value.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * @default ""
      */
     defaultValue?: ComboboxStoreState["value"];

package/esm/combobox/combobox-store.js

@@ -1,36 +1,44 @@
 import {
   createPopoverStore
-} from "../__chunks/6PEWNRTN.js";
-import "../__chunks/4T5RHRE5.js";
-import "../__chunks/IOAGNCXX.js";
+} from "../__chunks/CUW3E24J.js";
+import "../__chunks/MNNKHNLW.js";
+import "../__chunks/ZV2GEGPL.js";
 import {
   createCompositeStore
-} from "../__chunks/X7MJ3FB5.js";
-import "../__chunks/WFGVC6LE.js";
+} from "../__chunks/R6VHFWTV.js";
+import "../__chunks/EWHSN7GO.js";
 import {
   createStore,
   mergeStore
-} from "../__chunks/NA5BK7DD.js";
+} from "../__chunks/BOKMNDR7.js";
 import {
   defaultValue
-} from "../__chunks/RMD7SNCC.js";
+} from "../__chunks/NWU4GBZ6.js";
 import {
   isSafari,
   isTouchDevice
-} from "../__chunks/DXA3K2FY.js";
-import "../__chunks/UVCATTRC.js";
+} from "../__chunks/TFBCK4JB.js";
+import "../__chunks/N6JW4ITM.js";
 import "../__chunks/5XEKIOCW.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/combobox/combobox-store.ts
 var isSafariOnMobile = isSafari() && isTouchDevice();
-function createComboboxStore({
-  menu,
-  select,
-  ...props
-} = {}) {
+function createComboboxStore(_a = {}) {
+  var _b = _a, {
+    menu,
+    select
+  } = _b, props = __objRest(_b, [
+    "menu",
+    "select"
+  ]);
   const store = mergeStore(
     props.store,
-    menu?.omit(
+    menu == null ? void 0 : menu.omit(
       "baseElement",
       "arrowElement",
       "anchorElement",
@@ -38,7 +46,7 @@ function createComboboxStore({
       "popoverElement",
       "disclosureElement"
     ),
-    select?.omit(
+    select == null ? void 0 : select.omit(
       "value",
       "items",
       "renderedItems",
@@ -57,8 +65,7 @@ function createComboboxStore({
     props.defaultActiveId,
     null
   );
-  const composite = createCompositeStore({
-    ...props,
+  const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
     store,
     activeId,
     includesBaseElement: defaultValue(
@@ -75,28 +82,25 @@ function createComboboxStore({
     focusWrap: defaultValue(props.focusWrap, syncState.focusWrap, true),
     virtualFocus: defaultValue(
       props.virtualFocus,
-      syncState?.virtualFocus,
+      syncState == null ? void 0 : syncState.virtualFocus,
       !isSafariOnMobile
     )
-  });
-  const popover = createPopoverStore({
-    ...props,
+  }));
+  const popover = createPopoverStore(__spreadProps(__spreadValues({}, props), {
     store,
     placement: defaultValue(
       props.placement,
       syncState.placement,
       "bottom-start"
     )
-  });
+  }));
   const initialValue = defaultValue(
     props.value,
     syncState.value,
     props.defaultValue,
     ""
   );
-  const initialState = {
-    ...composite.getState(),
-    ...popover.getState(),
+  const initialState = __spreadProps(__spreadValues(__spreadValues({}, composite.getState()), popover.getState()), {
     value: initialValue,
     resetValueOnHide: defaultValue(
       props.resetValueOnHide,
@@ -104,7 +108,7 @@ function createComboboxStore({
       false
     ),
     activeValue: syncState.activeValue
-  };
+  });
   const combobox = createStore(initialState, composite, popover, store);
   combobox.setup(
     () => combobox.sync(
@@ -146,17 +150,14 @@ function createComboboxStore({
           return;
         const { activeId: activeId2 } = combobox.getState();
         const activeItem = composite.item(activeId2);
-        combobox.setState("activeValue", activeItem?.value);
+        combobox.setState("activeValue", activeItem == null ? void 0 : activeItem.value);
       },
       ["moves", "renderedItems"]
     )
   );
-  return {
-    ...popover,
-    ...composite,
-    ...combobox,
+  return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, popover), composite), combobox), {
     setValue: (value) => combobox.setState("value", value)
-  };
+  });
 }
 export {
   createComboboxStore

package/esm/composite/composite-overflow-store.js

@@ -1,10 +1,11 @@
 import {
   createPopoverStore
-} from "../__chunks/6PEWNRTN.js";
-import "../__chunks/4T5RHRE5.js";
-import "../__chunks/IOAGNCXX.js";
-import "../__chunks/NA5BK7DD.js";
-import "../__chunks/RMD7SNCC.js";
+} from "../__chunks/CUW3E24J.js";
+import "../__chunks/MNNKHNLW.js";
+import "../__chunks/ZV2GEGPL.js";
+import "../__chunks/BOKMNDR7.js";
+import "../__chunks/NWU4GBZ6.js";
+import "../__chunks/4BKCJXBM.js";
 
 // src/composite/composite-overflow-store.ts
 function createCompositeOverflowStore(props = {}) {