@ariakit/core 0.1.3 → 0.1.5

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");

package/esm/tab/tab-store.js

@@ -1,45 +1,48 @@
 import {
   createCompositeStore
-} from "../__chunks/X7MJ3FB5.js";
+} from "../__chunks/R6VHFWTV.js";
 import {
   createCollectionStore
-} from "../__chunks/WFGVC6LE.js";
+} from "../__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 {
+  __spreadProps,
+  __spreadValues
+} from "../__chunks/4BKCJXBM.js";
 
 // src/tab/tab-store.ts
 function createTabStore(props = {}) {
-  const syncState = props.store?.getState();
-  const composite = createCompositeStore({
-    ...props,
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const composite = 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)
+  }));
   const panels = createCollectionStore();
-  const initialState = {
-    ...composite.getState(),
+  const initialState = __spreadProps(__spreadValues({}, composite.getState()), {
     selectedId: defaultValue(
       props.selectedId,
-      syncState?.selectedId,
+      syncState == null ? void 0 : syncState.selectedId,
       props.defaultSelectedId,
       void 0
     ),
     selectOnMove: defaultValue(
       props.selectOnMove,
-      syncState?.selectOnMove,
+      syncState == null ? void 0 : syncState.selectOnMove,
       true
     )
-  };
+  });
   const tab = createStore(initialState, composite, props.store);
   tab.setup(
     () => tab.sync(() => {
@@ -77,7 +80,7 @@ function createTabStore(props = {}) {
           const tabItem2 = renderedItems.find(
             (item) => !item.disabled && !item.dimmed
           );
-          tab.setState("selectedId", tabItem2?.id);
+          tab.setState("selectedId", tabItem2 == null ? void 0 : tabItem2.id);
         }
       },
       ["selectedId", "renderedItems"]
@@ -101,7 +104,7 @@ function createTabStore(props = {}) {
               const tabItem = tabs[i];
               if (!tabItem)
                 return;
-              panels.renderItem({ ...panel, tabId: tabItem.id });
+              panels.renderItem(__spreadProps(__spreadValues({}, panel), { tabId: tabItem.id }));
             });
           },
           ["renderedItems"]
@@ -110,16 +113,14 @@ function createTabStore(props = {}) {
       ["renderedItems"]
     )
   );
-  return {
-    ...composite,
-    ...tab,
+  return __spreadProps(__spreadValues(__spreadValues({}, composite), tab), {
     panels,
     setSelectedId: (id) => tab.setState("selectedId", id),
     select: (id) => {
       tab.setState("selectedId", id);
       composite.move(id);
     }
-  };
+  });
 }
 export {
   createTabStore

package/esm/toolbar/toolbar-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/toolbar/toolbar-store.ts
 function createToolbarStore(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 {
   createToolbarStore

package/esm/tooltip/tooltip-store.js

@@ -1,16 +1,20 @@
 import {
   createPopoverStore
-} from "../__chunks/6PEWNRTN.js";
-import "../__chunks/4T5RHRE5.js";
+} from "../__chunks/CUW3E24J.js";
+import "../__chunks/MNNKHNLW.js";
 import {
   createDisclosureStore
-} from "../__chunks/IOAGNCXX.js";
+} from "../__chunks/ZV2GEGPL.js";
 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/tooltip/tooltip-store.ts
 var tooltips = createStore({ activeRef: null });
@@ -19,23 +23,22 @@ function afterTimeout(timeoutMs, cb) {
   return () => clearTimeout(timeoutId);
 }
 function createTooltipStore(props = {}) {
-  const syncState = props.store?.getState();
-  const open = defaultValue(props.open, syncState?.open, false);
-  const disclosure = createDisclosureStore({ ...props, open });
-  const popover = createPopoverStore({
-    ...props,
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const open = defaultValue(props.open, syncState == null ? void 0 : syncState.open, false);
+  const disclosure = createDisclosureStore(__spreadProps(__spreadValues({}, props), { open }));
+  const popover = createPopoverStore(__spreadProps(__spreadValues({}, props), {
     open,
     placement: defaultValue(
       props.placement,
-      syncState?.placement,
+      syncState == null ? void 0 : syncState.placement,
       "top"
     ),
-    gutter: defaultValue(props.gutter, syncState?.gutter, 8)
+    gutter: defaultValue(props.gutter, syncState == null ? void 0 : syncState.gutter, 8)
+  }));
+  const initialState = __spreadProps(__spreadValues({}, popover.getState()), {
+    timeout: defaultValue(props.timeout, syncState == null ? void 0 : syncState.timeout, 0)
   });
-  const initialState = {
-    ...popover.getState(),
-    timeout: defaultValue(props.timeout, syncState?.timeout, 0)
-  };
   const tooltip = createStore(
     initialState,
     popover,
@@ -87,11 +90,7 @@ function createTooltipStore(props = {}) {
       (activeRef) => activeRef === ref ? null : activeRef
     );
   });
-  return {
-    ...popover,
-    ...disclosure,
-    ...tooltip
-  };
+  return __spreadValues(__spreadValues(__spreadValues({}, popover), disclosure), tooltip);
 }
 export {
   createTooltipStore