@ariakit/components 0.1.0

package/dist/menu/menu-store.js

@@ -0,0 +1,74 @@
+import { createCompositeStore } from "../composite/composite-store.js";
+import { createHovercardStore } from "../hovercard/hovercard-store.js";
+import { createStore, mergeStore, omit, pick, setup, sync, throwOnConflictingProps } from "@ariakit/store";
+import { applyState, defaultValue } from "@ariakit/utils";
+//#region src/menu/menu-store.ts
+function createMenuStore({ combobox, parent, menubar, ...props } = {}) {
+	const parentIsMenubar = !!menubar && !parent;
+	const store = mergeStore(props.store, pick(parent, ["values"]), omit(combobox, [
+		"arrowElement",
+		"anchorElement",
+		"contentElement",
+		"popoverElement",
+		"disclosureElement"
+	]));
+	throwOnConflictingProps(props, store);
+	const syncState = store.getState();
+	const composite = createCompositeStore({
+		...props,
+		store,
+		orientation: defaultValue(props.orientation, syncState.orientation, "vertical")
+	});
+	const hovercard = createHovercardStore({
+		...props,
+		store,
+		placement: defaultValue(props.placement, syncState.placement, "bottom-start"),
+		timeout: defaultValue(props.timeout, syncState.timeout, parentIsMenubar ? 0 : 150),
+		hideTimeout: defaultValue(props.hideTimeout, syncState.hideTimeout, 0)
+	});
+	const menu = createStore({
+		...composite.getState(),
+		...hovercard.getState(),
+		initialFocus: defaultValue(syncState.initialFocus, "container"),
+		values: defaultValue(props.values, syncState.values, props.defaultValues, {})
+	}, composite, hovercard, store);
+	setup(menu, () => sync(menu, ["mounted"], (state) => {
+		if (state.mounted) return;
+		menu.setState("activeId", null);
+	}));
+	setup(menu, () => sync(parent, ["orientation"], (state) => {
+		menu.setState("placement", state.orientation === "vertical" ? "right-start" : "bottom-start");
+	}));
+	return {
+		...composite,
+		...hovercard,
+		...menu,
+		combobox,
+		parent,
+		menubar,
+		hideAll: () => {
+			hovercard.hide();
+			parent?.hideAll();
+		},
+		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;
+			menu.setState("values", (values) => {
+				const prevValue = values[name];
+				const nextValue = applyState(value, prevValue);
+				if (nextValue === prevValue) return values;
+				return {
+					...values,
+					[name]: nextValue !== void 0 && nextValue
+				};
+			});
+		}
+	};
+}
+//#endregion
+export { createMenuStore };
+
+//# sourceMappingURL=menu-store.js.map

package/dist/menu/menu-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-store.js","names":[],"sources":["../../src/menu/menu-store.ts"],"sourcesContent":["import {\n  createStore,\n  mergeStore,\n  omit,\n  pick,\n  setup,\n  sync,\n  throwOnConflictingProps,\n} from \"@ariakit/store\";\nimport type { Store, StoreOptions, StoreProps } from \"@ariakit/store\";\nimport { applyState, defaultValue } from \"@ariakit/utils\";\nimport type {\n  BivariantCallback,\n  PickRequired,\n  SetState,\n  SetStateAction,\n} from \"@ariakit/utils\";\nimport type { ComboboxStore } from \"../combobox/combobox-store.ts\";\nimport type {\n  CompositeStoreFunctions,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { createCompositeStore } from \"../composite/composite-store.ts\";\nimport type {\n  HovercardStoreFunctions,\n  HovercardStoreOptions,\n  HovercardStoreState,\n} from \"../hovercard/hovercard-store.ts\";\nimport { createHovercardStore } from \"../hovercard/hovercard-store.ts\";\nimport type { MenuBarStore } from \"./menu-bar-store.ts\";\n\nexport function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(\n  props: PickRequired<MenuStoreProps<T>, \"values\" | \"defaultValues\">,\n): MenuStore<T>;\n\nexport function createMenuStore(props?: MenuStoreProps): MenuStore;\n\nexport function createMenuStore({\n  combobox,\n  parent,\n  menubar,\n  ...props\n}: MenuStoreProps = {}): MenuStore {\n  const parentIsMenubar = !!menubar && !parent;\n\n  const store = mergeStore(\n    props.store,\n    pick(parent, [\"values\"]),\n    omit(combobox, [\n      \"arrowElement\",\n      \"anchorElement\",\n      \"contentElement\",\n      \"popoverElement\",\n      \"disclosureElement\",\n    ]),\n  );\n\n  throwOnConflictingProps(props, store);\n\n  const syncState = store.getState();\n\n  const composite = createCompositeStore({\n    ...props,\n    store,\n    orientation: defaultValue(\n      props.orientation,\n      syncState.orientation,\n      \"vertical\" as const,\n    ),\n  });\n\n  const hovercard = createHovercardStore({\n    ...props,\n    store,\n    placement: defaultValue(\n      props.placement,\n      syncState.placement,\n      \"bottom-start\" as const,\n    ),\n    timeout: defaultValue(\n      props.timeout,\n      syncState.timeout,\n      parentIsMenubar ? 0 : 150,\n    ),\n    hideTimeout: defaultValue(props.hideTimeout, syncState.hideTimeout, 0),\n  });\n\n  const initialState: MenuStoreState = {\n    ...composite.getState(),\n    ...hovercard.getState(),\n    initialFocus: defaultValue(syncState.initialFocus, \"container\" as const),\n    values: defaultValue(\n      props.values,\n      syncState.values,\n      props.defaultValues,\n      {},\n    ),\n  };\n\n  const menu = createStore(initialState, composite, hovercard, store);\n\n  setup(menu, () =>\n    sync(menu, [\"mounted\"], (state) => {\n      if (state.mounted) return;\n      menu.setState(\"activeId\", null);\n    }),\n  );\n\n  setup(menu, () =>\n    sync(parent, [\"orientation\"], (state) => {\n      menu.setState(\n        \"placement\",\n        state.orientation === \"vertical\" ? \"right-start\" : \"bottom-start\",\n      );\n    }),\n  );\n\n  return {\n    ...composite,\n    ...hovercard,\n    ...menu,\n    combobox,\n    parent,\n    menubar,\n    hideAll: () => {\n      hovercard.hide();\n      parent?.hideAll();\n    },\n    setInitialFocus: (value) => menu.setState(\"initialFocus\", value),\n    setValues: (values) => menu.setState(\"values\", values),\n    setValue: (name, value) => {\n      // Avoid prototype pollution\n      if (name === \"__proto__\") return;\n      if (name === \"constructor\") return;\n      if (Array.isArray(name)) return;\n      menu.setState(\"values\", (values) => {\n        const prevValue = values[name];\n        const nextValue = applyState(value, prevValue);\n        if (nextValue === prevValue) return values;\n        return {\n          ...values,\n          [name]: nextValue !== undefined && nextValue,\n        };\n      });\n    },\n  };\n}\n\nexport type MenuStoreValues = Record<\n  string,\n  string | boolean | number | ReadonlyArray<string | number>\n>;\n\nexport interface MenuStoreState<T extends MenuStoreValues = MenuStoreValues>\n  extends CompositeStoreState, HovercardStoreState {\n  /** @default \"vertical\" */\n  orientation: CompositeStoreState[\"orientation\"];\n  /** @default \"bottom-start\" */\n  placement: HovercardStoreState[\"placement\"];\n  /** @default 0 */\n  hideTimeout?: HovercardStoreState[\"hideTimeout\"];\n  /**\n   * Determines the element that should be focused when the menu is opened.\n   */\n  initialFocus: \"container\" | \"first\" | \"last\";\n  /**\n   * A map of names and values that will be used by the\n   * [`MenuItemCheckbox`](https://ariakit.com/reference/menu-item-checkbox) and\n   * [`MenuItemRadio`](https://ariakit.com/reference/menu-item-radio)\n   * components.\n   *\n   * Live examples:\n   * - [MenuItemCheckbox](https://ariakit.com/examples/menu-item-checkbox)\n   * - [Submenu with\n   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)\n   */\n  values: T;\n}\n\nexport interface MenuStoreFunctions<T extends MenuStoreValues = MenuStoreValues>\n  extends\n    CompositeStoreFunctions,\n    HovercardStoreFunctions,\n    Pick<MenuStoreOptions, \"combobox\" | \"parent\" | \"menubar\"> {\n  /**\n   * Hides the menu and all its parent menus.\n   *\n   * Live examples:\n   * - [Submenu with\n   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)\n   */\n  hideAll: () => void;\n  /**\n   * Sets the `initialFocus` state.\n   */\n  setInitialFocus: SetState<MenuStoreState<T>[\"initialFocus\"]>;\n  /**\n   * Sets the [`values`](https://ariakit.com/reference/menu-provider#values)\n   * state.\n   * @example\n   * store.setValues({ watching: [\"issues\"] });\n   * store.setValues((values) => ({ ...values, watching: [\"issues\"] }));\n   */\n  setValues: SetState<MenuStoreState<T>[\"values\"]>;\n  /**\n   * Sets a specific menu value.\n   *\n   * Live examples:\n   * - [Submenu with\n   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)\n   * @example\n   * store.setValue(\"watching\", [\"issues\"]);\n   * store.setValue(\"watching\", (value) => [...value, \"issues\"]);\n   */\n  setValue: BivariantCallback<\n    (\n      name: string,\n      value: SetStateAction<MenuStoreState<T>[\"values\"][string]>,\n    ) => void\n  >;\n}\n\nexport interface MenuStoreOptions<T extends MenuStoreValues = MenuStoreValues>\n  extends\n    StoreOptions<\n      MenuStoreState<T>,\n      \"orientation\" | \"placement\" | \"hideTimeout\" | \"values\"\n    >,\n    CompositeStoreOptions,\n    HovercardStoreOptions {\n  /**\n   * A reference to a combobox store. This is used when combining the combobox\n   * with a menu (e.g., dropdown menu with a search input). The stores will\n   * share the same state.\n   */\n  combobox?: ComboboxStore | null;\n  /**\n   * A reference to a parent menu store. This is used on nested menus.\n   */\n  parent?: MenuStore | null;\n  /**\n   * A reference to a menubar store. This is used when rendering menus inside a\n   * menubar.\n   */\n  menubar?: MenuBarStore | null;\n  /**\n   * The default values for the\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n   *\n   * Live examples:\n   * - [MenuItemCheckbox](https://ariakit.com/examples/menu-item-checkbox)\n   * - [MenuItemRadio](https://ariakit.com/examples/menu-item-radio)\n   * @default {}\n   */\n  defaultValues?: MenuStoreState<T>[\"values\"];\n}\n\nexport interface MenuStoreProps<T extends MenuStoreValues = MenuStoreValues>\n  extends MenuStoreOptions<T>, StoreProps<MenuStoreState<T>> {}\n\nexport interface MenuStore<T extends MenuStoreValues = MenuStoreValues>\n  extends MenuStoreFunctions<T>, Store<MenuStoreState<T>> {}\n"],"mappings":";;;;;AAsCA,SAAgB,gBAAgB,EAC9B,UACA,QACA,SACA,GAAG,UACe,CAAC,GAAc;CACjC,MAAM,kBAAkB,CAAC,CAAC,WAAW,CAAC;CAEtC,MAAM,QAAQ,WACZ,MAAM,OACN,KAAK,QAAQ,CAAC,QAAQ,CAAC,GACvB,KAAK,UAAU;EACb;EACA;EACA;EACA;EACA;CACF,CAAC,CACH;CAEA,wBAAwB,OAAO,KAAK;CAEpC,MAAM,YAAY,MAAM,SAAS;CAEjC,MAAM,YAAY,qBAAqB;EACrC,GAAG;EACH;EACA,aAAa,aACX,MAAM,aACN,UAAU,aACV,UACF;CACF,CAAC;CAED,MAAM,YAAY,qBAAqB;EACrC,GAAG;EACH;EACA,WAAW,aACT,MAAM,WACN,UAAU,WACV,cACF;EACA,SAAS,aACP,MAAM,SACN,UAAU,SACV,kBAAkB,IAAI,GACxB;EACA,aAAa,aAAa,MAAM,aAAa,UAAU,aAAa,CAAC;CACvE,CAAC;CAcD,MAAM,OAAO,YAAY;EAXvB,GAAG,UAAU,SAAS;EACtB,GAAG,UAAU,SAAS;EACtB,cAAc,aAAa,UAAU,cAAc,WAAoB;EACvE,QAAQ,aACN,MAAM,QACN,UAAU,QACV,MAAM,eACN,CAAC,CACH;CAGkC,GAAG,WAAW,WAAW,KAAK;CAElE,MAAM,YACJ,KAAK,MAAM,CAAC,SAAS,IAAI,UAAU;EACjC,IAAI,MAAM,SAAS;EACnB,KAAK,SAAS,YAAY,IAAI;CAChC,CAAC,CACH;CAEA,MAAM,YACJ,KAAK,QAAQ,CAAC,aAAa,IAAI,UAAU;EACvC,KAAK,SACH,aACA,MAAM,gBAAgB,aAAa,gBAAgB,cACrD;CACF,CAAC,CACH;CAEA,OAAO;EACL,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA;EACA,eAAe;GACb,UAAU,KAAK;GACf,QAAQ,QAAQ;EAClB;EACA,kBAAkB,UAAU,KAAK,SAAS,gBAAgB,KAAK;EAC/D,YAAY,WAAW,KAAK,SAAS,UAAU,MAAM;EACrD,WAAW,MAAM,UAAU;GAEzB,IAAI,SAAS,aAAa;GAC1B,IAAI,SAAS,eAAe;GAC5B,IAAI,MAAM,QAAQ,IAAI,GAAG;GACzB,KAAK,SAAS,WAAW,WAAW;IAClC,MAAM,YAAY,OAAO;IACzB,MAAM,YAAY,WAAW,OAAO,SAAS;IAC7C,IAAI,cAAc,WAAW,OAAO;IACpC,OAAO;KACL,GAAG;MACF,OAAO,cAAc,KAAA,KAAa;IACrC;GACF,CAAC;EACH;CACF;AACF"}

package/dist/menubar/menubar-store.d.ts

@@ -0,0 +1,2 @@
+import { a as MenubarStoreState, i as MenubarStoreProps, n as MenubarStoreFunctions, o as createMenubarStore, r as MenubarStoreOptions, t as MenubarStore } from "../menubar-store-CD3YDYfW.js";
+export { MenubarStore, MenubarStoreFunctions, MenubarStoreOptions, MenubarStoreProps, MenubarStoreState, createMenubarStore };

package/dist/menubar/menubar-store.js

@@ -0,0 +1,24 @@
+import { createCompositeStore } from "../composite/composite-store.js";
+import { createStore } from "@ariakit/store";
+import { defaultValue } from "@ariakit/utils";
+//#region src/menubar/menubar-store.ts
+/**
+* Creates a menubar store.
+*/
+function createMenubarStore(props = {}) {
+	const syncState = props.store?.getState();
+	const composite = createCompositeStore({
+		...props,
+		orientation: defaultValue(props.orientation, syncState?.orientation, "horizontal"),
+		focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, true)
+	});
+	const menubar = createStore({ ...composite.getState() }, composite, props.store);
+	return {
+		...composite,
+		...menubar
+	};
+}
+//#endregion
+export { createMenubarStore };
+
+//# sourceMappingURL=menubar-store.js.map

package/dist/menubar/menubar-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar-store.js","names":[],"sources":["../../src/menubar/menubar-store.ts"],"sourcesContent":["import { createStore } from \"@ariakit/store\";\nimport type { Store, StoreProps } from \"@ariakit/store\";\nimport { defaultValue } from \"@ariakit/utils\";\nimport type {\n  CompositeStoreFunctions,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { createCompositeStore } from \"../composite/composite-store.ts\";\n\n/**\n * Creates a menubar store.\n */\nexport function createMenubarStore(\n  props: MenubarStoreProps = {},\n): MenubarStore {\n  const syncState = props.store?.getState();\n\n  const composite = createCompositeStore({\n    ...props,\n    orientation: defaultValue(\n      props.orientation,\n      syncState?.orientation,\n      \"horizontal\" as const,\n    ),\n    focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, true),\n  });\n\n  const initialState: MenubarStoreState = {\n    ...composite.getState(),\n  };\n\n  const menubar = createStore(initialState, composite, props.store);\n\n  return {\n    ...composite,\n    ...menubar,\n  };\n}\n\nexport interface MenubarStoreState extends CompositeStoreState {}\n\nexport interface MenubarStoreFunctions extends CompositeStoreFunctions {}\n\nexport interface MenubarStoreOptions extends CompositeStoreOptions {}\n\nexport interface MenubarStoreProps\n  extends MenubarStoreOptions, StoreProps<MenubarStoreState> {}\n\nexport interface MenubarStore\n  extends MenubarStoreFunctions, Store<MenubarStoreState> {}\n"],"mappings":";;;;;;;AAaA,SAAgB,mBACd,QAA2B,CAAC,GACd;CACd,MAAM,YAAY,MAAM,OAAO,SAAS;CAExC,MAAM,YAAY,qBAAqB;EACrC,GAAG;EACH,aAAa,aACX,MAAM,aACN,WAAW,aACX,YACF;EACA,WAAW,aAAa,MAAM,WAAW,WAAW,WAAW,IAAI;CACrE,CAAC;CAMD,MAAM,UAAU,YAAY,EAH1B,GAAG,UAAU,SAAS,EAGe,GAAG,WAAW,MAAM,KAAK;CAEhE,OAAO;EACL,GAAG;EACH,GAAG;CACL;AACF"}

package/dist/menubar-store-CD3YDYfW.d.ts

@@ -0,0 +1,16 @@
+import { i as CompositeStoreOptions, n as CompositeStoreFunctions, s as CompositeStoreState } from "./composite-store-B-iDEtZZ.js";
+import { Store, StoreProps } from "@ariakit/store";
+
+//#region src/menubar/menubar-store.d.ts
+/**
+ * Creates a menubar store.
+ */
+declare function createMenubarStore(props?: MenubarStoreProps): MenubarStore;
+interface MenubarStoreState extends CompositeStoreState {}
+interface MenubarStoreFunctions extends CompositeStoreFunctions {}
+interface MenubarStoreOptions extends CompositeStoreOptions {}
+interface MenubarStoreProps extends MenubarStoreOptions, StoreProps<MenubarStoreState> {}
+interface MenubarStore extends MenubarStoreFunctions, Store<MenubarStoreState> {}
+//#endregion
+export { MenubarStoreState as a, MenubarStoreProps as i, MenubarStoreFunctions as n, createMenubarStore as o, MenubarStoreOptions as r, MenubarStore as t };
+//# sourceMappingURL=menubar-store-CD3YDYfW.d.ts.map

package/dist/menubar-store-CD3YDYfW.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar-store-CD3YDYfW.d.ts","names":["Store","StoreProps","CompositeStoreFunctions","CompositeStoreOptions","CompositeStoreState","createMenubarStore","MenubarStoreProps","MenubarStore","props","MenubarStoreState","MenubarStoreFunctions","MenubarStoreOptions"],"sources":["../src/menubar/menubar-store.d.ts"],"mappings":";;;;;;AAKA;iBAAwBK,kBAAAA,CAAmBG,KAAAA,GAAQF,iBAAAA,GAAoBC,YAAY;AAAA,UAClEE,iBAAAA,SAA0BL,mBAAmB;AAAA,UAE7CM,qBAAAA,SAA8BR,uBAAuB;AAAA,UAErDS,mBAAAA,SAA4BR,qBAAqB;AAAA,UAEjDG,iBAAAA,SAA0BK,mBAAAA,EAAqBV,UAAAA,CAAWQ,iBAAAA;AAAAA,UAE1DF,YAAAA,SAAqBG,qBAAAA,EAAuBV,KAAAA,CAAMS,iBAAAA"}

package/dist/popover/popover-store.d.ts

@@ -0,0 +1,2 @@
+import { a as PopoverStoreState, i as PopoverStoreProps, n as PopoverStoreFunctions, o as createPopoverStore, r as PopoverStoreOptions, t as PopoverStore } from "../popover-store-DoCiTmUQ.js";
+export { PopoverStore, PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreProps, PopoverStoreState, createPopoverStore };

package/dist/popover/popover-store.js

@@ -0,0 +1,44 @@
+import { createDialogStore } from "../dialog/dialog-store.js";
+import { createStore, mergeStore, omit, throwOnConflictingProps } from "@ariakit/store";
+import { defaultValue } from "@ariakit/utils";
+//#region src/popover/popover-store.ts
+/**
+* Creates a popover store.
+*/
+function createPopoverStore({ popover: otherPopover, ...props } = {}) {
+	const store = mergeStore(props.store, omit(otherPopover, [
+		"arrowElement",
+		"anchorElement",
+		"contentElement",
+		"popoverElement",
+		"disclosureElement"
+	]));
+	throwOnConflictingProps(props, store);
+	const syncState = store?.getState();
+	const dialog = createDialogStore({
+		...props,
+		store
+	});
+	const placement = defaultValue(props.placement, syncState?.placement, "bottom");
+	const popover = createStore({
+		...dialog.getState(),
+		placement,
+		currentPlacement: placement,
+		anchorElement: defaultValue(syncState?.anchorElement, null),
+		popoverElement: defaultValue(syncState?.popoverElement, null),
+		arrowElement: defaultValue(syncState?.arrowElement, null),
+		rendered: Symbol("rendered")
+	}, dialog, store);
+	return {
+		...dialog,
+		...popover,
+		setAnchorElement: (element) => popover.setState("anchorElement", element),
+		setPopoverElement: (element) => popover.setState("popoverElement", element),
+		setArrowElement: (element) => popover.setState("arrowElement", element),
+		render: () => popover.setState("rendered", Symbol("rendered"))
+	};
+}
+//#endregion
+export { createPopoverStore };
+
+//# sourceMappingURL=popover-store.js.map

package/dist/popover/popover-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-store.js","names":[],"sources":["../../src/popover/popover-store.ts"],"sourcesContent":["import {\n  createStore,\n  mergeStore,\n  omit,\n  throwOnConflictingProps,\n} from \"@ariakit/store\";\nimport type { Store, StoreOptions, StoreProps } from \"@ariakit/store\";\nimport { defaultValue } from \"@ariakit/utils\";\nimport type { SetState } from \"@ariakit/utils\";\nimport type {\n  DialogStoreFunctions,\n  DialogStoreOptions,\n  DialogStoreState,\n} from \"../dialog/dialog-store.ts\";\nimport { createDialogStore } from \"../dialog/dialog-store.ts\";\n\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\ntype Placement =\n  | BasePlacement\n  | `${BasePlacement}-start`\n  | `${BasePlacement}-end`;\n\n/**\n * Creates a popover store.\n */\nexport function createPopoverStore({\n  popover: otherPopover,\n  ...props\n}: PopoverStoreProps = {}): PopoverStore {\n  const store = mergeStore(\n    props.store,\n    omit(otherPopover, [\n      \"arrowElement\",\n      \"anchorElement\",\n      \"contentElement\",\n      \"popoverElement\",\n      \"disclosureElement\",\n    ]),\n  );\n\n  throwOnConflictingProps(props, store);\n\n  const syncState = store?.getState();\n\n  const dialog = createDialogStore({ ...props, store });\n\n  const placement = defaultValue(\n    props.placement,\n    syncState?.placement,\n    \"bottom\" as const,\n  );\n\n  const initialState: PopoverStoreState = {\n    ...dialog.getState(),\n    placement,\n    currentPlacement: placement,\n    anchorElement: defaultValue(syncState?.anchorElement, null),\n    popoverElement: defaultValue(syncState?.popoverElement, null),\n    arrowElement: defaultValue(syncState?.arrowElement, null),\n    rendered: Symbol(\"rendered\"),\n  };\n  const popover = createStore(initialState, dialog, store);\n\n  return {\n    ...dialog,\n    ...popover,\n    setAnchorElement: (element) => popover.setState(\"anchorElement\", element),\n    setPopoverElement: (element) => popover.setState(\"popoverElement\", element),\n    setArrowElement: (element) => popover.setState(\"arrowElement\", element),\n    render: () => popover.setState(\"rendered\", Symbol(\"rendered\")),\n  };\n}\n\nexport interface PopoverStoreState extends DialogStoreState {\n  /**\n   * The anchor element.\n   *\n   * Live examples:\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   */\n  anchorElement: HTMLElement | null;\n  /**\n   * The popover element that will render the placement attributes.\n   *\n   * Live examples:\n   * - [Form with Select](https://ariakit.com/examples/form-select)\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * - [Responsive Popover](https://ariakit.com/examples/popover-responsive)\n   */\n  popoverElement: HTMLElement | null;\n  /**\n   * The arrow element.\n   */\n  arrowElement: HTMLElement | null;\n  /**\n   * The current temporary position of the popover. This might differ from the\n   * [`placement`](https://ariakit.com/reference/popover-provider#placement)\n   * state if the popover has had to adjust its position dynamically.\n   *\n   * Live examples:\n   * - [Tooltip with\n   *   Motion](https://ariakit.com/examples/tooltip-framer-motion)\n   */\n  currentPlacement: Placement;\n  /**\n   * The placement of the popover.\n   *\n   * Live examples:\n   * - [Submenu with\n   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   * - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   * - [Standalone Popover](https://ariakit.com/examples/popover-standalone)\n   * - [Select Grid](https://ariakit.com/examples/select-grid)\n   * @default \"bottom\"\n   */\n  placement: Placement;\n  /**\n   * A symbol that's used to recompute the popover position when the\n   * [`render`](https://ariakit.com/reference/use-popover-store#render) method\n   * is called.\n   */\n  rendered: symbol;\n}\n\nexport interface PopoverStoreFunctions extends DialogStoreFunctions {\n  /**\n   * Sets the anchor element.\n   *\n   * Live examples:\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   */\n  setAnchorElement: SetState<PopoverStoreState[\"anchorElement\"]>;\n  /**\n   * Sets the popover element.\n   */\n  setPopoverElement: SetState<PopoverStoreState[\"popoverElement\"]>;\n  /**\n   * Sets the arrow element.\n   */\n  setArrowElement: SetState<PopoverStoreState[\"arrowElement\"]>;\n  /**\n   * A function that can be used to recompute the popover position. This is\n   * useful when the popover anchor changes in a way that affects the popover\n   * position.\n   *\n   * Live examples:\n   * - [Textarea with inline\n   *   Combobox](https://ariakit.com/examples/combobox-textarea)\n   * - [Selection Popover](https://ariakit.com/examples/popover-selection)\n   */\n  render: () => void;\n}\n\nexport interface PopoverStoreOptions\n  extends DialogStoreOptions, StoreOptions<PopoverStoreState, \"placement\"> {\n  /**\n   * A reference to another popover store that's controlling another popover to\n   * keep them in sync.\n   */\n  popover?: PopoverStore | null;\n}\n\nexport interface PopoverStoreProps\n  extends PopoverStoreOptions, StoreProps<PopoverStoreState> {}\n\nexport interface PopoverStore\n  extends PopoverStoreFunctions, Store<PopoverStoreState> {}\n"],"mappings":";;;;;;;AA0BA,SAAgB,mBAAmB,EACjC,SAAS,cACT,GAAG,UACkB,CAAC,GAAiB;CACvC,MAAM,QAAQ,WACZ,MAAM,OACN,KAAK,cAAc;EACjB;EACA;EACA;EACA;EACA;CACF,CAAC,CACH;CAEA,wBAAwB,OAAO,KAAK;CAEpC,MAAM,YAAY,OAAO,SAAS;CAElC,MAAM,SAAS,kBAAkB;EAAE,GAAG;EAAO;CAAM,CAAC;CAEpD,MAAM,YAAY,aAChB,MAAM,WACN,WAAW,WACX,QACF;CAWA,MAAM,UAAU,YAAY;EAR1B,GAAG,OAAO,SAAS;EACnB;EACA,kBAAkB;EAClB,eAAe,aAAa,WAAW,eAAe,IAAI;EAC1D,gBAAgB,aAAa,WAAW,gBAAgB,IAAI;EAC5D,cAAc,aAAa,WAAW,cAAc,IAAI;EACxD,UAAU,OAAO,UAAU;CAEU,GAAG,QAAQ,KAAK;CAEvD,OAAO;EACL,GAAG;EACH,GAAG;EACH,mBAAmB,YAAY,QAAQ,SAAS,iBAAiB,OAAO;EACxE,oBAAoB,YAAY,QAAQ,SAAS,kBAAkB,OAAO;EAC1E,kBAAkB,YAAY,QAAQ,SAAS,gBAAgB,OAAO;EACtE,cAAc,QAAQ,SAAS,YAAY,OAAO,UAAU,CAAC;CAC/D;AACF"}

package/dist/popover-store-DoCiTmUQ.d.ts

@@ -0,0 +1,106 @@
+import { a as DialogStoreState, n as DialogStoreFunctions, r as DialogStoreOptions } from "./dialog-store-BOLvw2IX.js";
+import { Store, StoreOptions, StoreProps } from "@ariakit/store";
+import { SetState } from "@ariakit/utils";
+
+//#region src/popover/popover-store.d.ts
+type BasePlacement = "top" | "bottom" | "left" | "right";
+type Placement = BasePlacement | `${BasePlacement}-start` | `${BasePlacement}-end`;
+/**
+ * Creates a popover store.
+ */
+declare function createPopoverStore({
+  popover: otherPopover,
+  ...props
+}?: PopoverStoreProps): PopoverStore;
+interface PopoverStoreState extends DialogStoreState {
+  /**
+   * The anchor element.
+   *
+   * Live examples:
+   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)
+   */
+  anchorElement: HTMLElement | null;
+  /**
+   * The popover element that will render the placement attributes.
+   *
+   * Live examples:
+   * - [Form with Select](https://ariakit.com/examples/form-select)
+   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)
+   * - [Responsive Popover](https://ariakit.com/examples/popover-responsive)
+   */
+  popoverElement: HTMLElement | null;
+  /**
+   * The arrow element.
+   */
+  arrowElement: HTMLElement | null;
+  /**
+   * The current temporary position of the popover. This might differ from the
+   * [`placement`](https://ariakit.com/reference/popover-provider#placement)
+   * state if the popover has had to adjust its position dynamically.
+   *
+   * Live examples:
+   * - [Tooltip with
+   *   Motion](https://ariakit.com/examples/tooltip-framer-motion)
+   */
+  currentPlacement: Placement;
+  /**
+   * The placement of the popover.
+   *
+   * Live examples:
+   * - [Submenu with
+   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)
+   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)
+   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)
+   * - [Selection Popover](https://ariakit.com/examples/popover-selection)
+   * - [Standalone Popover](https://ariakit.com/examples/popover-standalone)
+   * - [Select Grid](https://ariakit.com/examples/select-grid)
+   * @default "bottom"
+   */
+  placement: Placement;
+  /**
+   * A symbol that's used to recompute the popover position when the
+   * [`render`](https://ariakit.com/reference/use-popover-store#render) method
+   * is called.
+   */
+  rendered: symbol;
+}
+interface PopoverStoreFunctions extends DialogStoreFunctions {
+  /**
+   * Sets the anchor element.
+   *
+   * Live examples:
+   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)
+   */
+  setAnchorElement: SetState<PopoverStoreState["anchorElement"]>;
+  /**
+   * Sets the popover element.
+   */
+  setPopoverElement: SetState<PopoverStoreState["popoverElement"]>;
+  /**
+   * Sets the arrow element.
+   */
+  setArrowElement: SetState<PopoverStoreState["arrowElement"]>;
+  /**
+   * A function that can be used to recompute the popover position. This is
+   * useful when the popover anchor changes in a way that affects the popover
+   * position.
+   *
+   * Live examples:
+   * - [Textarea with inline
+   *   Combobox](https://ariakit.com/examples/combobox-textarea)
+   * - [Selection Popover](https://ariakit.com/examples/popover-selection)
+   */
+  render: () => void;
+}
+interface PopoverStoreOptions extends DialogStoreOptions, StoreOptions<PopoverStoreState, "placement"> {
+  /**
+   * A reference to another popover store that's controlling another popover to
+   * keep them in sync.
+   */
+  popover?: PopoverStore | null;
+}
+interface PopoverStoreProps extends PopoverStoreOptions, StoreProps<PopoverStoreState> {}
+interface PopoverStore extends PopoverStoreFunctions, Store<PopoverStoreState> {}
+//#endregion
+export { PopoverStoreState as a, PopoverStoreProps as i, PopoverStoreFunctions as n, createPopoverStore as o, PopoverStoreOptions as r, PopoverStore as t };
+//# sourceMappingURL=popover-store-DoCiTmUQ.d.ts.map

package/dist/popover-store-DoCiTmUQ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-store-DoCiTmUQ.d.ts","names":["Store","StoreOptions","StoreProps","SetState","DialogStoreFunctions","DialogStoreOptions","DialogStoreState","BasePlacement","Placement","createPopoverStore","otherPopover","PopoverStoreProps","PopoverStore","popover","props","PopoverStoreState","HTMLElement","anchorElement","popoverElement","arrowElement","currentPlacement","placement","rendered","PopoverStoreFunctions","setAnchorElement","setPopoverElement","setArrowElement","render","PopoverStoreOptions"],"sources":["../src/popover/popover-store.d.ts"],"mappings":";;;;;KAGKO,aAAAA;AAAAA,KACAC,SAAAA,GAAYD,aAAAA,MAAmBA,aAAAA,cAA2BA,aAAAA;AAF6C;;;AAAA,iBAMpFE,kBAAAA,CAAAA;EAAqBI,OAAAA,EAASH,YAAAA;EAAAA,GAAiBI;AAAAA,IAAUH,iBAAAA,GAAoBC,YAAAA;AAAAA,UACpFG,iBAAAA,SAA0BT,gBAAAA;EALtCE;;;;;;EAYDS,aAAAA,EAAeD,WAAAA;EAZyD;;;;;AAAA;AAI5E;;EAiBIE,cAAAA,EAAgBF,WAAAA;EAjBkCN;;;EAqBlDS,YAAAA,EAAcH,WAAAA;EArB+F;;;;;;;AAAA;AACjH;EA8BII,gBAAAA,EAAkBZ,SAAAA;;;;;;;;;;;;;;EAclBa,SAAAA,EAAWb,SAAAA;EAxBXW;;;;;EA8BAG,QAAAA;AAAAA;AAAAA,UAEaC,qBAAAA,SAA8BnB,oBAAAA;EAFnC;AAEZ;;;;;EAOIoB,gBAAAA,EAAkBrB,QAAAA,CAASY,iBAAAA;EAIRZ;;;EAAnBsB,iBAAAA,EAAmBtB,QAAAA,CAASY,iBAAAA;EAXmC;;;EAe/DW,eAAAA,EAAiBvB,QAAAA,CAASY,iBAAAA;EARRZ;;;;;;;;;;EAmBlBwB,MAAAA;AAAAA;AAAAA,UAEaC,mBAAAA,SAA4BvB,kBAAAA,EAAoBJ,YAAAA,CAAac,iBAAAA;;;;;EAK1EF,OAAAA,GAAUD,YAAAA;AAAAA;AAAAA,UAEGD,iBAAAA,SAA0BiB,mBAAAA,EAAqB1B,UAAAA,CAAWa,iBAAAA;AAAAA,UAE1DH,YAAAA,SAAqBW,qBAAAA,EAAuBvB,KAAAA,CAAMe,iBAAAA"}

package/dist/radio/radio-store.d.ts

@@ -0,0 +1,42 @@
+import { i as CompositeStoreOptions, n as CompositeStoreFunctions, s as CompositeStoreState } from "../composite-store-B-iDEtZZ.js";
+import { Store, StoreOptions, StoreProps } from "@ariakit/store";
+import { SetState } from "@ariakit/utils";
+
+//#region src/radio/radio-store.d.ts
+/**
+ * Creates a radio store.
+ */
+declare function createRadioStore({
+  ...props
+}?: RadioStoreProps): RadioStore;
+interface RadioStoreState extends CompositeStoreState {
+  /** @default true */
+  focusLoop: CompositeStoreState["focusLoop"];
+  /**
+   * The value of the radio group.
+   * @default null
+   */
+  value: string | number | null;
+}
+interface RadioStoreFunctions extends CompositeStoreFunctions {
+  /**
+   * Sets the [`value`](https://ariakit.com/reference/radio-provider#value)
+   * state.
+   * @example
+   * store.setValue("apple");
+   * store.setValue((value) => value === "apple" ? "orange" : "apple");
+   */
+  setValue: SetState<RadioStoreState["value"]>;
+}
+interface RadioStoreOptions extends StoreOptions<RadioStoreState, "focusLoop" | "value">, CompositeStoreOptions {
+  /**
+   * The default value of the radio group.
+   * @default null
+   */
+  defaultValue?: RadioStoreState["value"];
+}
+interface RadioStoreProps extends RadioStoreOptions, StoreProps<RadioStoreState> {}
+interface RadioStore extends RadioStoreFunctions, Store<RadioStoreState> {}
+//#endregion
+export { RadioStore, RadioStoreFunctions, RadioStoreOptions, RadioStoreProps, RadioStoreState, createRadioStore };
+//# sourceMappingURL=radio-store.d.ts.map

package/dist/radio/radio-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-store.d.ts","names":["Store","StoreOptions","StoreProps","SetState","CompositeStoreFunctions","CompositeStoreOptions","CompositeStoreState","createRadioStore","RadioStoreProps","RadioStore","props","RadioStoreState","focusLoop","value","RadioStoreFunctions","setValue","RadioStoreOptions","defaultValue"],"sources":["../../src/radio/radio-store.d.ts"],"mappings":";;;;;;;AAMA;iBAAwBO,gBAAAA,CAAAA;EAAAA,GAAsBG;AAAAA,IAAUF,eAAAA,GAAkBC,UAAU;AAAA,UACnEE,eAAAA,SAAwBL,mBAAmB;EADwB;EAGhFM,SAAAA,EAAWN,mBAAAA;EAHyCE;;;AAA4B;EAQhFK,KAAAA;AAAAA;AAAAA,UAEaC,mBAAAA,SAA4BV,uBAAAA;EATe;;;;;;AAOnD;EAULW,QAAAA,EAAUZ,QAAAA,CAASQ,eAAAA;AAAAA;AAAAA,UAENK,iBAAAA,SAA0Bf,YAAAA,CAAaU,eAAAA,0BAAyCN,qBAAAA;EAF1EM;;;;EAOnBM,YAAAA,GAAeN,eAAAA;AAAAA;AAAAA,UAEFH,eAAAA,SAAwBQ,iBAAAA,EAAmBd,UAAAA,CAAWS,eAAAA;AAAAA,UAEtDF,UAAAA,SAAmBK,mBAAAA,EAAqBd,KAAAA,CAAMW,eAAAA"}

package/dist/radio/radio-store.js

@@ -0,0 +1,27 @@
+import { createCompositeStore } from "../composite/composite-store.js";
+import { createStore } from "@ariakit/store";
+import { defaultValue } from "@ariakit/utils";
+//#region src/radio/radio-store.ts
+/**
+* Creates a radio store.
+*/
+function createRadioStore({ ...props } = {}) {
+	const syncState = props.store?.getState();
+	const composite = createCompositeStore({
+		...props,
+		focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, true)
+	});
+	const radio = createStore({
+		...composite.getState(),
+		value: defaultValue(props.value, syncState?.value, props.defaultValue, null)
+	}, composite, props.store);
+	return {
+		...composite,
+		...radio,
+		setValue: (value) => radio.setState("value", value)
+	};
+}
+//#endregion
+export { createRadioStore };
+
+//# sourceMappingURL=radio-store.js.map

package/dist/radio/radio-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-store.js","names":[],"sources":["../../src/radio/radio-store.ts"],"sourcesContent":["import { createStore } from \"@ariakit/store\";\nimport type { Store, StoreOptions, StoreProps } from \"@ariakit/store\";\nimport { defaultValue } from \"@ariakit/utils\";\nimport type { SetState } from \"@ariakit/utils\";\nimport type {\n  CompositeStoreFunctions,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { createCompositeStore } from \"../composite/composite-store.ts\";\n\n/**\n * Creates a radio store.\n */\nexport function createRadioStore({\n  ...props\n}: RadioStoreProps = {}): RadioStore {\n  const syncState = props.store?.getState();\n\n  const composite = createCompositeStore({\n    ...props,\n    focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, true),\n  });\n\n  const initialState: RadioStoreState = {\n    ...composite.getState(),\n    value: defaultValue(\n      props.value,\n      syncState?.value,\n      props.defaultValue,\n      null,\n    ),\n  };\n\n  const radio = createStore(initialState, composite, props.store);\n\n  return {\n    ...composite,\n    ...radio,\n    setValue: (value) => radio.setState(\"value\", value),\n  };\n}\n\nexport interface RadioStoreState extends CompositeStoreState {\n  /** @default true */\n  focusLoop: CompositeStoreState[\"focusLoop\"];\n  /**\n   * The value of the radio group.\n   * @default null\n   */\n  value: string | number | null;\n}\n\nexport interface RadioStoreFunctions extends CompositeStoreFunctions {\n  /**\n   * Sets the [`value`](https://ariakit.com/reference/radio-provider#value)\n   * state.\n   * @example\n   * store.setValue(\"apple\");\n   * store.setValue((value) => value === \"apple\" ? \"orange\" : \"apple\");\n   */\n  setValue: SetState<RadioStoreState[\"value\"]>;\n}\n\nexport interface RadioStoreOptions\n  extends\n    StoreOptions<RadioStoreState, \"focusLoop\" | \"value\">,\n    CompositeStoreOptions {\n  /**\n   * The default value of the radio group.\n   * @default null\n   */\n  defaultValue?: RadioStoreState[\"value\"];\n}\n\nexport interface RadioStoreProps\n  extends RadioStoreOptions, StoreProps<RadioStoreState> {}\n\nexport interface RadioStore\n  extends RadioStoreFunctions, Store<RadioStoreState> {}\n"],"mappings":";;;;;;;AAcA,SAAgB,iBAAiB,EAC/B,GAAG,UACgB,CAAC,GAAe;CACnC,MAAM,YAAY,MAAM,OAAO,SAAS;CAExC,MAAM,YAAY,qBAAqB;EACrC,GAAG;EACH,WAAW,aAAa,MAAM,WAAW,WAAW,WAAW,IAAI;CACrE,CAAC;CAYD,MAAM,QAAQ,YAAY;EATxB,GAAG,UAAU,SAAS;EACtB,OAAO,aACL,MAAM,OACN,WAAW,OACX,MAAM,cACN,IACF;CAGmC,GAAG,WAAW,MAAM,KAAK;CAE9D,OAAO;EACL,GAAG;EACH,GAAG;EACH,WAAW,UAAU,MAAM,SAAS,SAAS,KAAK;CACpD;AACF"}

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

@@ -0,0 +1,116 @@
+import { i as CompositeStoreOptions, n as CompositeStoreFunctions, r as CompositeStoreItem, s as CompositeStoreState } from "../composite-store-B-iDEtZZ.js";
+import { a as PopoverStoreState, n as PopoverStoreFunctions, r as PopoverStoreOptions } from "../popover-store-DoCiTmUQ.js";
+import { ComboboxStore } from "../combobox/combobox-store.js";
+import { Store, StoreOptions, StoreProps } from "@ariakit/store";
+import { PickRequired, SetState } from "@ariakit/utils";
+
+//#region src/select/select-store.d.ts
+type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
+declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
+declare function createSelectStore(props?: SelectStoreProps): SelectStore;
+type SelectStoreValue = string | readonly string[];
+interface SelectStoreItem extends CompositeStoreItem {
+  value?: string;
+}
+interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue> extends CompositeStoreState<SelectStoreItem>, PopoverStoreState {
+  /** @default true */
+  virtualFocus: CompositeStoreState<SelectStoreItem>["virtualFocus"];
+  /** @default null */
+  activeId: CompositeStoreState<SelectStoreItem>["activeId"];
+  /** @default "vertical" */
+  orientation: CompositeStoreState<SelectStoreItem>["orientation"];
+  /** @default "bottom-start" */
+  placement: PopoverStoreState["placement"];
+  /**
+   * The select value.
+   *
+   * Live examples:
+   * - [Form with Select](https://ariakit.com/examples/form-select)
+   * - [Select Grid](https://ariakit.com/examples/select-grid)
+   * - [Select with custom
+   *   items](https://ariakit.com/examples/select-item-custom)
+   * - [Multi-Select](https://ariakit.com/examples/select-multiple)
+   * - [Toolbar with Select](https://ariakit.com/examples/toolbar-select)
+   * - [Select with Next.js App
+   *   Router](https://ariakit.com/examples/select-next-router)
+   */
+  value: MutableValue<T>;
+  /**
+   * Whether the select
+   * [`value`](https://ariakit.com/reference/select-provider#value) should be
+   * set when the active item changes by moving (which usually happens when
+   * moving to an item using the keyboard).
+   *
+   * Live examples:
+   * - [Select Grid](https://ariakit.com/examples/select-grid)
+   * - [Select with custom
+   *   items](https://ariakit.com/examples/select-item-custom)
+   * @default false
+   */
+  setValueOnMove: boolean;
+  /**
+   * The select label element.
+   */
+  labelElement: HTMLElement | null;
+  /**
+   * The select button element.
+   *
+   * Live examples:
+   * - [Form with Select](https://ariakit.com/examples/form-select)
+   */
+  selectElement: HTMLElement | null;
+  /**
+   * The select list element.
+   */
+  listElement: HTMLElement | null;
+}
+interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreValue> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<SelectStoreItem>, PopoverStoreFunctions {
+  /**
+   * Sets the [`value`](https://ariakit.com/reference/select-provider#value)
+   * state.
+   * @example
+   * store.setValue("Apple");
+   * store.setValue(["Apple", "Banana"]);
+   * store.setValue((value) => value === "Apple" ? "Banana" : "Apple"));
+   */
+  setValue: SetState<SelectStoreState<T>["value"]>;
+  /**
+   * Sets the `labelElement` state.
+   */
+  setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
+  /**
+   * Sets the `selectElement` state.
+   */
+  setSelectElement: SetState<SelectStoreState<T>["selectElement"]>;
+  /**
+   * Sets the `listElement` state.
+   */
+  setListElement: SetState<SelectStoreState<T>["listElement"]>;
+}
+interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends StoreOptions<SelectStoreState<T>, "virtualFocus" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove">, CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions {
+  /**
+   * A reference to a combobox store. This is used when combining the combobox
+   * with a select (e.g., select with a search input). The stores will share the
+   * same state.
+   */
+  combobox?: ComboboxStore | null;
+  /**
+   * The default value. If not set, the first non-disabled item will be used.
+   *
+   * Live examples:
+   * - [Form with Select](https://ariakit.com/examples/form-select)
+   * - [Animated Select](https://ariakit.com/examples/select-animated)
+   * - [Select with Combobox](https://ariakit.com/examples/select-combobox)
+   * - [SelectGroup](https://ariakit.com/examples/select-group)
+   * - [Select with Next.js App
+   *   Router](https://ariakit.com/examples/select-next-router)
+   * - [Select with Combobox and
+   *   Tabs](https://ariakit.com/examples/select-combobox-tab)
+   */
+  defaultValue?: SelectStoreState<T>["value"];
+}
+interface SelectStoreProps<T extends SelectStoreValue = SelectStoreValue> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {}
+interface SelectStore<T extends SelectStoreValue = SelectStoreValue> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {}
+//#endregion
+export { SelectStore, SelectStoreFunctions, SelectStoreItem, SelectStoreOptions, SelectStoreProps, SelectStoreState, SelectStoreValue, createSelectStore };
+//# sourceMappingURL=select-store.d.ts.map

package/dist/select/select-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-store.d.ts","names":["Store","StoreOptions","StoreProps","PickRequired","SetState","ComboboxStore","CompositeStoreFunctions","CompositeStoreItem","CompositeStoreOptions","CompositeStoreState","PopoverStoreFunctions","PopoverStoreOptions","PopoverStoreState","MutableValue","T","SelectStoreValue","createSelectStore","SelectStoreProps","SelectStore","props","SelectStoreItem","value","SelectStoreState","HTMLElement","virtualFocus","activeId","orientation","placement","setValueOnMove","labelElement","selectElement","listElement","SelectStoreFunctions","SelectStoreOptions","Pick","setValue","setLabelElement","setSelectElement","setListElement","combobox","defaultValue"],"sources":["../../src/select/select-store.d.ts"],"mappings":";;;;;;;KAKKa,YAAAA,WAAuBE,gBAAAA,GAAmBA,gBAAAA,IAAoBD,CAAAA,2BAA4BA,CAAAA;AAAAA,iBACvEE,iBAAAA,WAA4BD,gBAAAA,GAAmBA,gBAAAA,CAAAA,CAAkBI,KAAAA,EAAOhB,YAAAA,CAAac,gBAAAA,CAAiBH,CAAAA,+BAAgCI,WAAAA,CAAYJ,CAAAA;AAAAA,iBAClJE,iBAAAA,CAAkBG,KAAAA,GAAQF,gBAAAA,GAAmBC,WAAW;AAAA,KACpEH,gBAAAA;AAAAA,UACKK,eAAAA,SAAwBb,kBAAkB;EACvDc,KAAK;AAAA;AAAA,UAEQC,gBAAAA,WAA2BP,gBAAAA,GAAmBA,gBAAAA,UAA0BN,mBAAAA,CAAoBW,eAAAA,GAAkBR,iBAAAA;EAPhCE;EAS3FU,YAAAA,EAAcf,mBAAAA,CAAoBW,eAAAA;EAT0D;EAW5FK,QAAAA,EAAUhB,mBAAAA,CAAoBW,eAAAA;EAXNL;EAaxBW,WAAAA,EAAajB,mBAAAA,CAAoBW,eAAAA;EAb8BN;EAe/Da,SAAAA,EAAWf,iBAAAA;EAfiF;AAAA;AAChG;;;;;;;;;;;EA4BIS,KAAAA,EAAOR,YAAAA,CAAaC,CAAAA;EA5BkBA;;;;;;;;;;AAAiI;AAC3K;EAwCIc,cAAAA;;;;EAIAC,YAAAA,EAAcN,WAAAA;EA5CmDL;;AAAW;AAChF;;;EAkDIY,aAAAA,EAAeP,WAAAA;EAlDS;AAC5B;;EAqDIQ,WAAAA,EAAaR,WAAAA;AAAAA;AAAAA,UAEAS,oBAAAA,WAA+BjB,gBAAAA,GAAmBA,gBAAAA,UAA0BmB,IAAAA,CAAKD,kBAAAA,CAAmBnB,CAAAA,gBAAiBR,uBAAAA,CAAwBc,eAAAA,GAAkBV,qBAAAA;EApD/JY;;;;;;;;EA6Dba,QAAAA,EAAU/B,QAAAA,CAASkB,gBAAAA,CAAiBR,CAAAA;EAzD1BL;;;EA6DV2B,eAAAA,EAAiBhC,QAAAA,CAASkB,gBAAAA,CAAiBR,CAAAA;EA3CvBA;;;EA+CpBuB,gBAAAA,EAAkBjC,QAAAA,CAASkB,gBAAAA,CAAiBR,CAAAA;EAnB/BS;;;EAuBbe,cAAAA,EAAgBlC,QAAAA,CAASkB,gBAAAA,CAAiBR,CAAAA;AAAAA;AAAAA,UAE7BmB,kBAAAA,WAA6BlB,gBAAAA,GAAmBA,gBAAAA,UAA0Bd,YAAAA,CAAaqB,gBAAAA,CAAiBR,CAAAA,4FAA6FN,qBAAAA,CAAsBY,eAAAA,GAAkBT,mBAAAA;EA3ElNI;;;;;EAiFxCwB,QAAAA,GAAWlC,aAAAA;EA/EGI;;;;;;;;;;;;;EA6Fd+B,YAAAA,GAAelB,gBAAAA,CAAiBR,CAAAA;AAAAA;AAAAA,UAEnBG,gBAAAA,WAA2BF,gBAAAA,GAAmBA,gBAAAA,UAA0BkB,kBAAAA,CAAmBnB,CAAAA,GAAIZ,UAAAA,CAAWoB,gBAAAA,CAAiBR,CAAAA;AAAAA,UAE3HI,WAAAA,WAAsBH,gBAAAA,GAAmBA,gBAAAA,UAA0BiB,oBAAAA,CAAqBlB,CAAAA,GAAId,KAAAA,CAAMsB,gBAAAA,CAAiBR,CAAAA"}

package/dist/select/select-store.js

@@ -0,0 +1,93 @@
+import { createCompositeStore } from "../composite/composite-store.js";
+import { createPopoverStore } from "../popover/popover-store.js";
+import { batch, createStore, mergeStore, omit, setup, sync, throwOnConflictingProps } from "@ariakit/store";
+import { defaultValue, toArray } from "@ariakit/utils";
+//#region src/select/select-store.ts
+function createSelectStore({ combobox, ...props } = {}) {
+	const store = mergeStore(props.store, omit(combobox, [
+		"value",
+		"items",
+		"renderedItems",
+		"baseElement",
+		"arrowElement",
+		"anchorElement",
+		"contentElement",
+		"popoverElement",
+		"disclosureElement"
+	]));
+	throwOnConflictingProps(props, store);
+	const syncState = store.getState();
+	const composite = createCompositeStore({
+		...props,
+		store,
+		virtualFocus: defaultValue(props.virtualFocus, syncState.virtualFocus, true),
+		includesBaseElement: defaultValue(props.includesBaseElement, syncState.includesBaseElement, false),
+		activeId: defaultValue(props.activeId, syncState.activeId, props.defaultActiveId, null),
+		orientation: defaultValue(props.orientation, syncState.orientation, "vertical")
+	});
+	const popover = createPopoverStore({
+		...props,
+		store,
+		placement: defaultValue(props.placement, syncState.placement, "bottom-start")
+	});
+	const initialValue = /* @__PURE__ */ new String("");
+	const initialState = {
+		...composite.getState(),
+		...popover.getState(),
+		value: defaultValue(props.value, syncState.value, props.defaultValue, initialValue),
+		setValueOnMove: defaultValue(props.setValueOnMove, syncState.setValueOnMove, false),
+		labelElement: defaultValue(syncState.labelElement, null),
+		selectElement: defaultValue(syncState.selectElement, null),
+		listElement: defaultValue(syncState.listElement, null)
+	};
+	const select = createStore(initialState, composite, popover, store);
+	setup(select, () => sync(select, ["value", "items"], (state) => {
+		if (state.value !== initialValue) return;
+		if (!state.items.length) return;
+		const item = state.items.find((item) => !item.disabled && item.value != null);
+		if (item?.value == null) return;
+		select.setState("value", item.value);
+	}));
+	setup(select, () => sync(select, ["mounted"], (state) => {
+		if (state.mounted) return;
+		select.setState("activeId", initialState.activeId);
+	}));
+	setup(select, () => sync(select, [
+		"mounted",
+		"items",
+		"value"
+	], (state) => {
+		if (combobox) return;
+		if (state.mounted) return;
+		const values = toArray(state.value);
+		const lastValue = values[values.length - 1];
+		if (lastValue == null) return;
+		const item = state.items.find((item) => !item.disabled && item.value === lastValue);
+		if (!item) return;
+		select.setState("activeId", item.id);
+	}));
+	setup(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;
+		const item = composite.item(activeId);
+		if (!item || item.disabled || item.value == null) return;
+		select.setState("value", item.value);
+	}));
+	return {
+		...composite,
+		...popover,
+		...select,
+		combobox,
+		setValue: (value) => select.setState("value", value),
+		setLabelElement: (element) => select.setState("labelElement", element),
+		setSelectElement: (element) => select.setState("selectElement", element),
+		setListElement: (element) => select.setState("listElement", element)
+	};
+}
+//#endregion
+export { createSelectStore };
+
+//# sourceMappingURL=select-store.js.map