@ariakit/core 0.1.4 → 0.1.5

package/esm/dialog/dialog-store.js

@@ -1,9 +1,10 @@
 import {
   createDialogStore
-} from "../__chunks/4T5RHRE5.js";
-import "../__chunks/IOAGNCXX.js";
-import "../__chunks/NA5BK7DD.js";
-import "../__chunks/RMD7SNCC.js";
+} from "../__chunks/MNNKHNLW.js";
+import "../__chunks/ZV2GEGPL.js";
+import "../__chunks/BOKMNDR7.js";
+import "../__chunks/NWU4GBZ6.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   createDialogStore
 };

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

@@ -7,6 +7,10 @@ export declare function createDisclosureStore(props?: DisclosureStoreProps): Dis
 export interface DisclosureStoreState {
     /**
      * The visibility state of the content.
+     *
+     * Live examples:
+     * - [Dialog with React
+     *   Router](https://ariakit.org/examples/dialog-react-router)
      * @default false
      */
     open: boolean;
@@ -58,6 +62,8 @@ export interface DisclosureStoreFunctions {
      * Live examples:
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     * - [Dialog with React
+     *   Router](https://ariakit.org/examples/dialog-react-router)
      * @example
      * store.setOpen(true);
      * store.setOpen((open) => !open);
@@ -77,6 +83,8 @@ export interface DisclosureStoreFunctions {
      * Live examples:
      * - [Textarea with inline
      *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     * - [Dialog with React
+     *   Router](https://ariakit.org/examples/dialog-react-router)
      */
     hide: () => void;
     /**

package/esm/disclosure/disclosure-store.js

@@ -1,8 +1,9 @@
 import {
   createDisclosureStore
-} from "../__chunks/IOAGNCXX.js";
-import "../__chunks/NA5BK7DD.js";
-import "../__chunks/RMD7SNCC.js";
+} from "../__chunks/ZV2GEGPL.js";
+import "../__chunks/BOKMNDR7.js";
+import "../__chunks/NWU4GBZ6.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   createDisclosureStore
 };

package/esm/form/form-store.js

@@ -1,16 +1,20 @@
 import {
   createCollectionStore
-} from "../__chunks/WFGVC6LE.js";
+} from "../__chunks/EWHSN7GO.js";
 import {
   createStore
-} from "../__chunks/NA5BK7DD.js";
+} from "../__chunks/BOKMNDR7.js";
 import {
   applyState,
   defaultValue,
   isInteger,
   isObject
-} from "../__chunks/RMD7SNCC.js";
-import "../__chunks/UVCATTRC.js";
+} from "../__chunks/NWU4GBZ6.js";
+import "../__chunks/N6JW4ITM.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/form/form-store.ts
 function nextFrame() {
@@ -25,12 +29,13 @@ function hasMessages(object) {
   });
 }
 function get(values, path, defaultValue2) {
+  var _a;
   const [key, ...rest] = Array.isArray(path) ? path : `${path}`.split(".");
   if (key == null || !values) {
     return defaultValue2;
   }
   if (!rest.length) {
-    return values[key] ?? defaultValue2;
+    return (_a = values[key]) != null ? _a : defaultValue2;
   }
   return get(values[key], rest, defaultValue2);
 }
@@ -56,7 +61,7 @@ function set(values, path, value) {
     nextValues2[index] = result;
     return nextValues2;
   }
-  return { ...values, [key]: result };
+  return __spreadProps(__spreadValues({}, values), { [key]: result });
 }
 function setAll(values, value) {
   const result = {};
@@ -101,37 +106,37 @@ function createNames() {
   return new Proxy(/* @__PURE__ */ Object.create(null), getNameHandler(cache));
 }
 function createFormStore(props = {}) {
-  const syncState = props.store?.getState();
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const collection = createCollectionStore(props);
   const values = defaultValue(
     props.values,
-    syncState?.values,
+    syncState == null ? void 0 : syncState.values,
     props.defaultValues,
     {}
   );
   const errors = defaultValue(
     props.errors,
-    syncState?.errors,
+    syncState == null ? void 0 : syncState.errors,
     props.defaultErrors,
     {}
   );
   const touched = defaultValue(
     props.touched,
-    syncState?.touched,
+    syncState == null ? void 0 : syncState.touched,
     props.defaultTouched,
     {}
   );
-  const initialState = {
-    ...collection.getState(),
+  const initialState = __spreadProps(__spreadValues({}, collection.getState()), {
     values,
     errors,
     touched,
-    validating: defaultValue(syncState?.validating, false),
-    submitting: defaultValue(syncState?.submitting, false),
-    submitSucceed: defaultValue(syncState?.submitSucceed, 0),
-    submitFailed: defaultValue(syncState?.submitFailed, 0),
+    validating: defaultValue(syncState == null ? void 0 : syncState.validating, false),
+    submitting: defaultValue(syncState == null ? void 0 : syncState.submitting, false),
+    submitSucceed: defaultValue(syncState == null ? void 0 : syncState.submitSucceed, 0),
+    submitFailed: defaultValue(syncState == null ? void 0 : syncState.submitFailed, 0),
     valid: !hasMessages(errors)
-  };
+  });
   const form = createStore(initialState, collection, props.store);
   const validateCallbacks = /* @__PURE__ */ new Set();
   const submitCallbacks = /* @__PURE__ */ new Set();
@@ -148,9 +153,7 @@ function createFormStore(props = {}) {
       form.setState("validating", false);
     }
   };
-  return {
-    ...collection,
-    ...form,
+  return __spreadProps(__spreadValues(__spreadValues({}, collection), form), {
     names: createNames(),
     setValues: (values2) => form.setState("values", values2),
     getValue: (name) => get(form.getState().values, name),
@@ -232,7 +235,7 @@ function createFormStore(props = {}) {
       form.setState("submitSucceed", 0);
       form.setState("submitFailed", 0);
     }
-  };
+  });
 }
 export {
   createFormStore,

package/esm/hovercard/hovercard-store.js

@@ -1,11 +1,12 @@
 import {
   createHovercardStore
-} from "../__chunks/6HMPWUDT.js";
-import "../__chunks/6PEWNRTN.js";
-import "../__chunks/4T5RHRE5.js";
-import "../__chunks/IOAGNCXX.js";
-import "../__chunks/NA5BK7DD.js";
-import "../__chunks/RMD7SNCC.js";
+} from "../__chunks/AHZW5LR4.js";
+import "../__chunks/CUW3E24J.js";
+import "../__chunks/MNNKHNLW.js";
+import "../__chunks/ZV2GEGPL.js";
+import "../__chunks/BOKMNDR7.js";
+import "../__chunks/NWU4GBZ6.js";
+import "../__chunks/4BKCJXBM.js";
 export {
   createHovercardStore
 };

package/esm/index.js

@@ -1,3 +1,5 @@
+import "./__chunks/4BKCJXBM.js";
+
 // src/index.ts
 var src_default = {};
 export {

package/esm/menu/menu-bar-store.js

@@ -1,26 +1,30 @@
 import {
   createCompositeStore
-} from "../__chunks/X7MJ3FB5.js";
-import "../__chunks/WFGVC6LE.js";
-import "../__chunks/NA5BK7DD.js";
+} from "../__chunks/R6VHFWTV.js";
+import "../__chunks/EWHSN7GO.js";
+import "../__chunks/BOKMNDR7.js";
 import {
   defaultValue
-} from "../__chunks/RMD7SNCC.js";
-import "../__chunks/UVCATTRC.js";
+} from "../__chunks/NWU4GBZ6.js";
+import "../__chunks/N6JW4ITM.js";
 import "../__chunks/5XEKIOCW.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/menu/menu-bar-store.ts
 function createMenuBarStore(props = {}) {
-  const syncState = props.store?.getState();
-  return createCompositeStore({
-    ...props,
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  return createCompositeStore(__spreadProps(__spreadValues({}, props), {
     orientation: defaultValue(
       props.orientation,
-      syncState?.orientation,
+      syncState == null ? void 0 : syncState.orientation,
       "horizontal"
     ),
-    focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, true)
-  });
+    focusLoop: defaultValue(props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+  }));
 }
 export {
   createMenuBarStore

package/esm/menu/menu-store.js

@@ -1,33 +1,39 @@
 import {
   createHovercardStore
-} from "../__chunks/6HMPWUDT.js";
-import "../__chunks/6PEWNRTN.js";
-import "../__chunks/4T5RHRE5.js";
-import "../__chunks/IOAGNCXX.js";
+} from "../__chunks/AHZW5LR4.js";
+import "../__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 {
   applyState,
   defaultValue
-} from "../__chunks/RMD7SNCC.js";
-import "../__chunks/UVCATTRC.js";
+} from "../__chunks/NWU4GBZ6.js";
+import "../__chunks/N6JW4ITM.js";
 import "../__chunks/5XEKIOCW.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/menu/menu-store.ts
-function createMenuStore({
-  combobox,
-  ...props
-} = {}) {
+function createMenuStore(_a = {}) {
+  var _b = _a, {
+    combobox
+  } = _b, props = __objRest(_b, [
+    "combobox"
+  ]);
   const store = mergeStore(
     props.store,
-    combobox?.omit(
-      "baseElement",
+    combobox == null ? void 0 : combobox.omit(
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -36,17 +42,15 @@ function createMenuStore({
     )
   );
   const syncState = store.getState();
-  const composite = createCompositeStore({
-    ...props,
+  const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
     store,
     orientation: defaultValue(
       props.orientation,
       syncState.orientation,
       "vertical"
     )
-  });
-  const hovercard = createHovercardStore({
-    ...props,
+  }));
+  const hovercard = createHovercardStore(__spreadProps(__spreadValues({}, props), {
     store,
     placement: defaultValue(
       props.placement,
@@ -54,10 +58,8 @@ function createMenuStore({
       "bottom-start"
     ),
     hideTimeout: defaultValue(props.hideTimeout, syncState.hideTimeout, 0)
-  });
-  const initialState = {
-    ...composite.getState(),
-    ...hovercard.getState(),
+  }));
+  const initialState = __spreadProps(__spreadValues(__spreadValues({}, composite.getState()), hovercard.getState()), {
     initialFocus: defaultValue(syncState.initialFocus, "container"),
     values: defaultValue(
       props.values,
@@ -65,7 +67,7 @@ function createMenuStore({
       props.defaultValues,
       {}
     )
-  };
+  });
   const menu = createStore(initialState, composite, hovercard, store);
   menu.setup(
     () => menu.sync(
@@ -77,10 +79,7 @@ function createMenuStore({
       ["mounted"]
     )
   );
-  return {
-    ...composite,
-    ...hovercard,
-    ...menu,
+  return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, composite), hovercard), menu), {
     setInitialFocus: (value) => menu.setState("initialFocus", value),
     setValues: (values) => menu.setState("values", values),
     setValue: (name, value) => {
@@ -95,13 +94,12 @@ function createMenuStore({
         const nextValue = applyState(value, prevValue);
         if (nextValue === prevValue)
           return values;
-        return {
-          ...values,
+        return __spreadProps(__spreadValues({}, values), {
           [name]: nextValue !== void 0 && nextValue
-        };
+        });
       });
     }
-  };
+  });
 }
 export {
   createMenuStore

package/esm/popover/popover-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";
 export {
   createPopoverStore
 };

package/esm/radio/radio-store.js

@@ -1,40 +1,41 @@
 import {
   createCompositeStore
-} from "../__chunks/X7MJ3FB5.js";
-import "../__chunks/WFGVC6LE.js";
+} from "../__chunks/R6VHFWTV.js";
+import "../__chunks/EWHSN7GO.js";
 import {
   createStore
-} from "../__chunks/NA5BK7DD.js";
+} from "../__chunks/BOKMNDR7.js";
 import {
   defaultValue
-} from "../__chunks/RMD7SNCC.js";
-import "../__chunks/UVCATTRC.js";
+} from "../__chunks/NWU4GBZ6.js";
+import "../__chunks/N6JW4ITM.js";
 import "../__chunks/5XEKIOCW.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/radio/radio-store.ts
-function createRadioStore({
-  ...props
-} = {}) {
-  const syncState = props.store?.getState();
-  const composite = createCompositeStore({
-    ...props,
-    focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, true)
-  });
-  const initialState = {
-    ...composite.getState(),
+function createRadioStore(_a = {}) {
+  var props = __objRest(_a, []);
+  var _a2;
+  const syncState = (_a2 = props.store) == null ? void 0 : _a2.getState();
+  const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
+    focusLoop: defaultValue(props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+  }));
+  const initialState = __spreadProps(__spreadValues({}, composite.getState()), {
     value: defaultValue(
       props.value,
-      syncState?.value,
+      syncState == null ? void 0 : syncState.value,
       props.defaultValue,
       null
     )
-  };
+  });
   const radio = createStore(initialState, composite, props.store);
-  return {
-    ...composite,
-    ...radio,
+  return __spreadProps(__spreadValues(__spreadValues({}, composite), radio), {
     setValue: (value) => radio.setState("value", value)
-  };
+  });
 }
 export {
   createRadioStore

package/esm/select/select-store.js

@@ -1,32 +1,39 @@
 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";
-import "../__chunks/UVCATTRC.js";
+} from "../__chunks/NWU4GBZ6.js";
+import "../__chunks/N6JW4ITM.js";
 import {
   toArray
 } from "../__chunks/5XEKIOCW.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/select/select-store.ts
-function createSelectStore({
-  combobox,
-  ...props
-} = {}) {
+function createSelectStore(_a = {}) {
+  var _b = _a, {
+    combobox
+  } = _b, props = __objRest(_b, [
+    "combobox"
+  ]);
   const store = mergeStore(
     props.store,
-    combobox?.omit(
+    combobox == null ? void 0 : combobox.omit(
       "value",
       "items",
       "renderedItems",
@@ -39,8 +46,7 @@ function createSelectStore({
     )
   );
   const syncState = store.getState();
-  const composite = createCompositeStore({
-    ...props,
+  const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
     store,
     virtualFocus: defaultValue(
       props.virtualFocus,
@@ -63,20 +69,17 @@ function createSelectStore({
       syncState.orientation,
       "vertical"
     )
-  });
-  const popover = createPopoverStore({
-    ...props,
+  }));
+  const popover = createPopoverStore(__spreadProps(__spreadValues({}, props), {
     store,
     placement: defaultValue(
       props.placement,
       syncState.placement,
       "bottom-start"
     )
-  });
+  }));
   const initialValue = new String("");
-  const initialState = {
-    ...composite.getState(),
-    ...popover.getState(),
+  const initialState = __spreadProps(__spreadValues(__spreadValues({}, composite.getState()), popover.getState()), {
     value: defaultValue(
       props.value,
       syncState.value,
@@ -90,7 +93,7 @@ function createSelectStore({
     ),
     selectElement: defaultValue(syncState.selectElement, null),
     labelElement: defaultValue(syncState.labelElement, null)
-  };
+  });
   const select = createStore(initialState, composite, popover, store);
   select.setup(
     () => select.sync(
@@ -102,7 +105,7 @@ function createSelectStore({
         const item = state.items.find(
           (item2) => !item2.disabled && item2.value != null
         );
-        if (item?.value == null)
+        if ((item == null ? void 0 : item.value) == null)
           return;
         select.setState("value", item.value);
       },
@@ -150,14 +153,11 @@ function createSelectStore({
       ["setValueOnMove", "moves"]
     )
   );
-  return {
-    ...composite,
-    ...popover,
-    ...select,
+  return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, composite), popover), select), {
     setValue: (value) => select.setState("value", value),
     setSelectElement: (element) => select.setState("selectElement", element),
     setLabelElement: (element) => select.setState("labelElement", element)
-  };
+  });
 }
 export {
   createSelectStore

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

@@ -23,11 +23,17 @@ export interface TabStoreState extends CompositeStoreState<Item> {
     /**
      * The id of the tab whose panel is currently visible. If it's `undefined`, it
      * will be automatically set to the first enabled tab.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      */
     selectedId: TabStoreState["activeId"];
     /**
      * Whether the tab should be selected when it receives focus. If it's set to
      * `false`, the tab will be selected only when it's clicked.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      * @default true
      */
     selectOnMove?: boolean;
@@ -36,6 +42,9 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
     /**
      * Sets the `selectedId` state without moving focus. If you want to move focus,
      * use the `select` function instead.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      * @example
      * // Selects the tab with id "tab-1"
      * store.setSelectedId("tab-1");