@ariakit/core 0.4.6 → 0.4.8

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

@@ -1,12 +1,12 @@
 "use client";
 import {
   createPopoverStore
-} from "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
-import "../__chunks/22HHDS5F.js";
-import "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3UYWTADI.js";
+import "../__chunks/YOHCVXJB.js";
+import "../__chunks/6E4KKOSB.js";
+import "../__chunks/EQQLU3CG.js";
+import "../__chunks/PBFD2E7P.js";
+import "../__chunks/3YLGPPWQ.js";
 
 // src/composite/composite-overflow-store.ts
 function createCompositeOverflowStore(props = {}) {

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

@@ -44,6 +44,10 @@ export interface CompositeStoreState<T extends CompositeStoreItem = CompositeSto
      * In both scenarios, the item in focus will carry the
      * [`data-active-item`](https://ariakit.org/guide/styling#data-active-item)
      * attribute.
+     *
+     * Live examples:
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      * @default false
      */
     virtualFocus: boolean;
@@ -178,7 +182,7 @@ export interface CompositeStoreState<T extends CompositeStoreItem = CompositeSto
      *   arrow keys.
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      */
     activeId: string | null | undefined;
 }

package/esm/composite/composite-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/PBSSD2DM.js";
-import "../__chunks/EQPTKGFA.js";
+} from "../__chunks/D7EIQZAU.js";
+import "../__chunks/6DHTHWXD.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/R676XYVY.js";
-import "../__chunks/22HHDS5F.js";
-import "../__chunks/I2NJJ3XW.js";
-import "../__chunks/4R3V3JGP.js";
+import "../__chunks/EQQLU3CG.js";
+import "../__chunks/PBFD2E7P.js";
+import "../__chunks/HWOIWM4O.js";
+import "../__chunks/3YLGPPWQ.js";
 export {
   createCompositeStore
 };

package/esm/dialog/dialog-store.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   createDialogStore
-} from "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
-import "../__chunks/22HHDS5F.js";
-import "../__chunks/4R3V3JGP.js";
+} from "../__chunks/YOHCVXJB.js";
+import "../__chunks/6E4KKOSB.js";
+import "../__chunks/EQQLU3CG.js";
+import "../__chunks/PBFD2E7P.js";
+import "../__chunks/3YLGPPWQ.js";
 export {
   createDialogStore
 };

package/esm/disclosure/disclosure-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createDisclosureStore
-} from "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
-import "../__chunks/22HHDS5F.js";
-import "../__chunks/4R3V3JGP.js";
+} from "../__chunks/6E4KKOSB.js";
+import "../__chunks/EQQLU3CG.js";
+import "../__chunks/PBFD2E7P.js";
+import "../__chunks/3YLGPPWQ.js";
 export {
   createDisclosureStore
 };

package/esm/form/form-store.js

@@ -1,24 +1,24 @@
 "use client";
 import {
   createCollectionStore
-} from "../__chunks/EQPTKGFA.js";
+} from "../__chunks/6DHTHWXD.js";
 import {
   createStore,
   init,
   setup,
   throwOnConflictingProps
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/EQQLU3CG.js";
 import {
   applyState,
   defaultValue,
   isInteger,
   isObject
-} from "../__chunks/22HHDS5F.js";
-import "../__chunks/I2NJJ3XW.js";
+} from "../__chunks/PBFD2E7P.js";
+import "../__chunks/HWOIWM4O.js";
 import {
   __spreadProps,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/form/form-store.ts
 function nextFrame() {
@@ -45,8 +45,7 @@ function get(values, path, defaultValue2) {
 }
 function set(values, path, value) {
   const [k, ...rest] = Array.isArray(path) ? path : `${path}`.split(".");
-  if (k == null)
-    return values;
+  if (k == null) return values;
   const key = k;
   const isIntegerKey = isInteger(key);
   const nextValues = isIntegerKey ? values || [] : values || {};
@@ -175,8 +174,7 @@ function createFormStore(props = {}) {
     setValue: (name, value) => form.setState("values", (values2) => {
       const prevValue = get(values2, name);
       const nextValue = applyState(value, prevValue);
-      if (nextValue === prevValue)
-        return values2;
+      if (nextValue === prevValue) return values2;
       return set(values2, name, nextValue);
     }),
     pushValue: (name, value) => form.setState("values", (values2) => {
@@ -196,8 +194,7 @@ function createFormStore(props = {}) {
     setError: (name, error) => form.setState("errors", (errors2) => {
       const prevError = get(errors2, name);
       const nextError = applyState(error, prevError);
-      if (nextError === prevError)
-        return errors2;
+      if (nextError === prevError) return errors2;
       return set(errors2, name, nextError);
     }),
     setTouched: (touched2) => form.setState("touched", touched2),
@@ -205,8 +202,7 @@ function createFormStore(props = {}) {
     setFieldTouched: (name, value) => form.setState("touched", (touched2) => {
       const prevValue = get(touched2, name);
       const nextValue = applyState(value, prevValue);
-      if (nextValue === prevValue)
-        return touched2;
+      if (nextValue === prevValue) return touched2;
       return set(touched2, name, nextValue);
     }),
     onValidate: (callback) => {

package/esm/hovercard/hovercard-store.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/BRS7GKWU.js";
-import "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
-import "../__chunks/22HHDS5F.js";
-import "../__chunks/4R3V3JGP.js";
+} from "../__chunks/EACLTACN.js";
+import "../__chunks/3UYWTADI.js";
+import "../__chunks/YOHCVXJB.js";
+import "../__chunks/6E4KKOSB.js";
+import "../__chunks/EQQLU3CG.js";
+import "../__chunks/PBFD2E7P.js";
+import "../__chunks/3YLGPPWQ.js";
 export {
   createHovercardStore
 };

package/esm/index.js

@@ -1,5 +1,5 @@
 "use client";
-import "./__chunks/4R3V3JGP.js";
+import "./__chunks/3YLGPPWQ.js";
 
 // src/index.ts
 var src_default = {};

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

@@ -1,14 +1,14 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/P3MTNH46.js";
-import "../__chunks/PBSSD2DM.js";
-import "../__chunks/EQPTKGFA.js";
+} from "../__chunks/PIWLWQMB.js";
+import "../__chunks/D7EIQZAU.js";
+import "../__chunks/6DHTHWXD.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/R676XYVY.js";
-import "../__chunks/22HHDS5F.js";
-import "../__chunks/I2NJJ3XW.js";
-import "../__chunks/4R3V3JGP.js";
+import "../__chunks/EQQLU3CG.js";
+import "../__chunks/PBFD2E7P.js";
+import "../__chunks/HWOIWM4O.js";
+import "../__chunks/3YLGPPWQ.js";
 
 // src/menu/menu-bar-store.ts
 function createMenuBarStore(props = {}) {

package/esm/menu/menu-store.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   createHovercardStore
-} from "../__chunks/BRS7GKWU.js";
+} from "../__chunks/EACLTACN.js";
 import {
   createCompositeStore
-} from "../__chunks/PBSSD2DM.js";
-import "../__chunks/EQPTKGFA.js";
+} from "../__chunks/D7EIQZAU.js";
+import "../__chunks/6DHTHWXD.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
+import "../__chunks/3UYWTADI.js";
+import "../__chunks/YOHCVXJB.js";
+import "../__chunks/6E4KKOSB.js";
 import {
   createStore,
   mergeStore,
@@ -18,17 +18,17 @@ import {
   setup,
   sync,
   throwOnConflictingProps
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/EQQLU3CG.js";
 import {
   applyState,
   defaultValue
-} from "../__chunks/22HHDS5F.js";
-import "../__chunks/I2NJJ3XW.js";
+} from "../__chunks/PBFD2E7P.js";
+import "../__chunks/HWOIWM4O.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/menu/menu-store.ts
 function createMenuStore(_a = {}) {
@@ -90,8 +90,7 @@ function createMenuStore(_a = {}) {
   setup(
     menu,
     () => sync(menu, ["mounted"], (state) => {
-      if (state.mounted)
-        return;
+      if (state.mounted) return;
       menu.setState("activeId", null);
     })
   );
@@ -115,17 +114,13 @@ function createMenuStore(_a = {}) {
     setInitialFocus: (value) => menu.setState("initialFocus", value),
     setValues: (values) => menu.setState("values", values),
     setValue: (name, value) => {
-      if (name === "__proto__")
-        return;
-      if (name === "constructor")
-        return;
-      if (Array.isArray(name))
-        return;
+      if (name === "__proto__") return;
+      if (name === "constructor") return;
+      if (Array.isArray(name)) return;
       menu.setState("values", (values) => {
         const prevValue = values[name];
         const nextValue = applyState(value, prevValue);
-        if (nextValue === prevValue)
-          return values;
+        if (nextValue === prevValue) return values;
         return __spreadProps(__spreadValues({}, values), {
           [name]: nextValue !== void 0 && nextValue
         });

package/esm/menubar/menubar-store.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   createMenubarStore
-} from "../__chunks/P3MTNH46.js";
-import "../__chunks/PBSSD2DM.js";
-import "../__chunks/EQPTKGFA.js";
+} from "../__chunks/PIWLWQMB.js";
+import "../__chunks/D7EIQZAU.js";
+import "../__chunks/6DHTHWXD.js";
 import "../__chunks/7PRQYBBV.js";
-import "../__chunks/R676XYVY.js";
-import "../__chunks/22HHDS5F.js";
-import "../__chunks/I2NJJ3XW.js";
-import "../__chunks/4R3V3JGP.js";
+import "../__chunks/EQQLU3CG.js";
+import "../__chunks/PBFD2E7P.js";
+import "../__chunks/HWOIWM4O.js";
+import "../__chunks/3YLGPPWQ.js";
 export {
   createMenubarStore
 };

package/esm/popover/popover-store.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   createPopoverStore
-} from "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
-import "../__chunks/R676XYVY.js";
-import "../__chunks/22HHDS5F.js";
-import "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3UYWTADI.js";
+import "../__chunks/YOHCVXJB.js";
+import "../__chunks/6E4KKOSB.js";
+import "../__chunks/EQQLU3CG.js";
+import "../__chunks/PBFD2E7P.js";
+import "../__chunks/3YLGPPWQ.js";
 export {
   createPopoverStore
 };

package/esm/radio/radio-store.js

@@ -1,21 +1,21 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/PBSSD2DM.js";
-import "../__chunks/EQPTKGFA.js";
+} from "../__chunks/D7EIQZAU.js";
+import "../__chunks/6DHTHWXD.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   createStore
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/EQQLU3CG.js";
 import {
   defaultValue
-} from "../__chunks/22HHDS5F.js";
-import "../__chunks/I2NJJ3XW.js";
+} from "../__chunks/PBFD2E7P.js";
+import "../__chunks/HWOIWM4O.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/radio/radio-store.ts
 function createRadioStore(_a = {}) {

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

@@ -102,6 +102,8 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
      * - [SelectGroup](https://ariakit.org/examples/select-group)
      * - [Select with Next.js App
      *   Router](https://ariakit.org/examples/select-next-router)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     defaultValue?: SelectStoreState<T>["value"];
 }

package/esm/select/select-store.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/PBSSD2DM.js";
-import "../__chunks/EQPTKGFA.js";
+} from "../__chunks/D7EIQZAU.js";
+import "../__chunks/6DHTHWXD.js";
 import {
   toArray
 } from "../__chunks/7PRQYBBV.js";
 import {
   createPopoverStore
-} from "../__chunks/MFZZDIHG.js";
-import "../__chunks/5RJNXXU2.js";
-import "../__chunks/WCKXDMU7.js";
+} from "../__chunks/3UYWTADI.js";
+import "../__chunks/YOHCVXJB.js";
+import "../__chunks/6E4KKOSB.js";
 import {
   batch,
   createStore,
@@ -19,16 +19,16 @@ import {
   setup,
   sync,
   throwOnConflictingProps
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/EQQLU3CG.js";
 import {
   defaultValue
-} from "../__chunks/22HHDS5F.js";
-import "../__chunks/I2NJJ3XW.js";
+} from "../__chunks/PBFD2E7P.js";
+import "../__chunks/HWOIWM4O.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/select/select-store.ts
 function createSelectStore(_a = {}) {
@@ -106,42 +106,34 @@ function createSelectStore(_a = {}) {
   setup(
     select,
     () => sync(select, ["value", "items"], (state) => {
-      if (state.value !== initialValue)
-        return;
-      if (!state.items.length)
-        return;
+      if (state.value !== initialValue) return;
+      if (!state.items.length) return;
       const item = state.items.find(
         (item2) => !item2.disabled && item2.value != null
       );
-      if ((item == null ? void 0 : item.value) == null)
-        return;
+      if ((item == null ? void 0 : item.value) == null) return;
       select.setState("value", item.value);
     })
   );
   setup(
     select,
     () => sync(select, ["mounted"], (state) => {
-      if (state.mounted)
-        return;
+      if (state.mounted) return;
       select.setState("activeId", initialState.activeId);
     })
   );
   setup(
     select,
     () => sync(select, ["mounted", "items", "value"], (state) => {
-      if (combobox)
-        return;
-      if (state.mounted)
-        return;
+      if (combobox) return;
+      if (state.mounted) return;
       const values = toArray(state.value);
       const lastValue = values[values.length - 1];
-      if (lastValue == null)
-        return;
+      if (lastValue == null) return;
       const item = state.items.find(
         (item2) => !item2.disabled && item2.value === lastValue
       );
-      if (!item)
-        return;
+      if (!item) return;
       select.setState("activeId", item.id);
     })
   );
@@ -149,17 +141,12 @@ function createSelectStore(_a = {}) {
     select,
     () => batch(select, ["setValueOnMove", "moves"], (state) => {
       const { mounted, value, activeId } = select.getState();
-      if (!state.setValueOnMove && mounted)
-        return;
-      if (Array.isArray(value))
-        return;
-      if (!state.moves)
-        return;
-      if (!activeId)
-        return;
+      if (!state.setValueOnMove && mounted) return;
+      if (Array.isArray(value)) return;
+      if (!state.moves) return;
+      if (!activeId) return;
       const item = composite.item(activeId);
-      if (!item || item.disabled || item.value == null)
-        return;
+      if (!item || item.disabled || item.value == null) return;
       select.setState("value", item.value);
     })
   );

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

@@ -22,16 +22,20 @@ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     selectedId: TabStoreState["activeId"];
     /**
      * Determines if the tab should be selected when it receives focus. If set to
-     * `false`, the tab will only be selected upon clicking, not when
-     * using arrow keys to shift focus.
+     * `false`, the tab will only be selected upon clicking, not when using arrow
+     * keys to shift focus.
      *
      * Live examples:
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      * @default true
      */
     selectOnMove?: boolean;
@@ -99,8 +103,10 @@ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientatio
      * will be automatically set to the first enabled tab.
      *
      * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * - [Combobox with Tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
+     * - [Select with Combobox and
+     *   Tabs](https://ariakit.org/examples/select-combobox-tab)
      */
     defaultSelectedId?: TabStoreState["selectedId"];
 }

package/esm/tab/tab-store.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   createCompositeStore
-} from "../__chunks/PBSSD2DM.js";
+} from "../__chunks/D7EIQZAU.js";
 import {
   createCollectionStore
-} from "../__chunks/EQPTKGFA.js";
+} from "../__chunks/6DHTHWXD.js";
 import "../__chunks/7PRQYBBV.js";
 import {
   batch,
@@ -13,17 +13,17 @@ import {
   omit,
   setup,
   sync
-} from "../__chunks/R676XYVY.js";
+} from "../__chunks/EQQLU3CG.js";
 import {
   chain,
   defaultValue
-} from "../__chunks/22HHDS5F.js";
-import "../__chunks/I2NJJ3XW.js";
+} from "../__chunks/PBFD2E7P.js";
+import "../__chunks/HWOIWM4O.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../__chunks/4R3V3JGP.js";
+} from "../__chunks/3YLGPPWQ.js";
 
 // src/tab/tab-store.ts
 function createTabStore(_a = {}) {
@@ -88,33 +88,26 @@ function createTabStore(_a = {}) {
     tab,
     () => sync(tab, ["moves"], () => {
       const { activeId, selectOnMove } = tab.getState();
-      if (!selectOnMove)
-        return;
-      if (!activeId)
-        return;
+      if (!selectOnMove) return;
+      if (!activeId) return;
       const tabItem = composite.item(activeId);
-      if (!tabItem)
-        return;
-      if (tabItem.dimmed)
-        return;
-      if (tabItem.disabled)
-        return;
+      if (!tabItem) return;
+      if (tabItem.dimmed) return;
+      if (tabItem.disabled) return;
       tab.setState("selectedId", tabItem.id);
     })
   );
   setup(
     tab,
     () => batch(tab, ["selectedId"], (state, prev) => {
-      if (parentComposite && state.selectedId === prev.selectedId)
-        return;
+      if (parentComposite && state.selectedId === prev.selectedId) return;
       tab.setState("activeId", state.selectedId);
     })
   );
   setup(
     tab,
     () => sync(tab, ["selectedId", "renderedItems"], (state) => {
-      if (state.selectedId !== void 0)
-        return;
+      if (state.selectedId !== void 0) return;
       const { activeId, renderedItems } = tab.getState();
       const tabItem = composite.item(activeId);
       if (tabItem && !tabItem.disabled && !tabItem.dimmed) {
@@ -131,19 +124,15 @@ function createTabStore(_a = {}) {
     tab,
     () => sync(tab, ["renderedItems"], (state) => {
       const tabs = state.renderedItems;
-      if (!tabs.length)
-        return;
+      if (!tabs.length) return;
       return sync(panels, ["renderedItems"], (state2) => {
         const items = state2.renderedItems;
         const hasOrphanPanels = items.some((panel) => !panel.tabId);
-        if (!hasOrphanPanels)
-          return;
+        if (!hasOrphanPanels) return;
         items.forEach((panel, i) => {
-          if (panel.tabId)
-            return;
+          if (panel.tabId) return;
           const tabItem = tabs[i];
-          if (!tabItem)
-            return;
+          if (!tabItem) return;
           panels.renderItem(__spreadProps(__spreadValues({}, panel), { tabId: tabItem.id }));
         });
       });
@@ -163,8 +152,7 @@ function createTabStore(_a = {}) {
         sync(parentComposite, ["open"], restoreSelectedId)
       );
     }
-    if (!combobox)
-      return;
+    if (!combobox) return;
     return chain(
       sync(combobox, ["selectedValue"], backupSelectedId),
       sync(combobox, ["open"], restoreSelectedId)