@ariakit/components 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-store.js","names":[],"sources":["../../src/select/select-store.ts"],"sourcesContent":["import {\n  batch,\n  createStore,\n  mergeStore,\n  omit,\n  setup,\n  sync,\n  throwOnConflictingProps,\n} from \"@ariakit/store\";\nimport type { Store, StoreOptions, StoreProps } from \"@ariakit/store\";\nimport { toArray, defaultValue } from \"@ariakit/utils\";\nimport type { PickRequired, SetState } from \"@ariakit/utils\";\nimport type { ComboboxStore } from \"../combobox/combobox-store.ts\";\nimport type {\n  CompositeStoreFunctions,\n  CompositeStoreItem,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { createCompositeStore } from \"../composite/composite-store.ts\";\nimport type {\n  PopoverStoreFunctions,\n  PopoverStoreOptions,\n  PopoverStoreState,\n} from \"../popover/popover-store.ts\";\nimport { createPopoverStore } from \"../popover/popover-store.ts\";\n\ntype MutableValue<T extends SelectStoreValue = SelectStoreValue> =\n  T extends string ? string : T;\n\nexport function createSelectStore<\n  T extends SelectStoreValue = SelectStoreValue,\n>(\n  props: PickRequired<SelectStoreProps<T>, \"value\" | \"defaultValue\">,\n): SelectStore<T>;\n\nexport function createSelectStore(props?: SelectStoreProps): SelectStore;\n\nexport function createSelectStore({\n  combobox,\n  ...props\n}: SelectStoreProps = {}): SelectStore {\n  const store = mergeStore(\n    props.store,\n    omit(combobox, [\n      \"value\",\n      \"items\",\n      \"renderedItems\",\n      \"baseElement\",\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    virtualFocus: defaultValue(\n      props.virtualFocus,\n      syncState.virtualFocus,\n      true,\n    ),\n    includesBaseElement: defaultValue(\n      props.includesBaseElement,\n      syncState.includesBaseElement,\n      false,\n    ),\n    activeId: defaultValue(\n      props.activeId,\n      syncState.activeId,\n      props.defaultActiveId,\n      null,\n    ),\n    orientation: defaultValue(\n      props.orientation,\n      syncState.orientation,\n      \"vertical\" as const,\n    ),\n  });\n\n  const popover = createPopoverStore({\n    ...props,\n    store,\n    placement: defaultValue(\n      props.placement,\n      syncState.placement,\n      \"bottom-start\" as const,\n    ),\n  });\n\n  const initialValue = new String(\"\") as \"\";\n\n  const initialState: SelectStoreState = {\n    ...composite.getState(),\n    ...popover.getState(),\n    value: defaultValue(\n      props.value,\n      syncState.value,\n      props.defaultValue,\n      initialValue,\n    ),\n    setValueOnMove: defaultValue(\n      props.setValueOnMove,\n      syncState.setValueOnMove,\n      false,\n    ),\n    labelElement: defaultValue(syncState.labelElement, null),\n    selectElement: defaultValue(syncState.selectElement, null),\n    listElement: defaultValue(syncState.listElement, null),\n  };\n\n  const select = createStore(initialState, composite, popover, store);\n\n  // Automatically sets the default value if it's not set.\n  setup(select, () =>\n    sync(select, [\"value\", \"items\"], (state) => {\n      if (state.value !== initialValue) return;\n      if (!state.items.length) return;\n      const item = state.items.find(\n        (item) => !item.disabled && item.value != null,\n      );\n      if (item?.value == null) return;\n      select.setState(\"value\", item.value);\n    }),\n  );\n\n  // Resets the active id to its initial state when the popover is hidden. This\n  // guarantees that the active id won't be pointing to another item when the\n  // popover is shown again, which would cause the selected item to not be\n  // auto-focused. See test \"clicking on different tab and clicking outside\n  // resets the selected tab\".\n  setup(select, () =>\n    sync(select, [\"mounted\"], (state) => {\n      if (state.mounted) return;\n      select.setState(\"activeId\", initialState.activeId);\n    }),\n  );\n\n  // Sets the active id when the value changes and the popover is hidden.\n  setup(select, () =>\n    sync(select, [\"mounted\", \"items\", \"value\"], (state) => {\n      // TODO: Revisit this. See test \"open with keyboard, then try to open\n      // again\". Probably deprecate together with using ComboboxProvider as a\n      // parent of SelectProvider.\n      if (combobox) return;\n      if (state.mounted) return;\n      const values = toArray(state.value);\n      const lastValue = values[values.length - 1];\n      if (lastValue == null) return;\n      const item = state.items.find(\n        (item) => !item.disabled && item.value === lastValue,\n      );\n      if (!item) return;\n      select.setState(\"activeId\", item.id);\n    }),\n  );\n\n  // Sets the select value when the active item changes by moving (which usually\n  // happens when moving to an item using the keyboard).\n  setup(select, () =>\n    batch(select, [\"setValueOnMove\", \"moves\"], (state) => {\n      const { mounted, value, activeId } = select.getState();\n      if (!state.setValueOnMove && mounted) return;\n      if (Array.isArray(value)) return;\n      if (!state.moves) return;\n      if (!activeId) return;\n      const item = composite.item(activeId);\n      if (!item || item.disabled || item.value == null) return;\n      select.setState(\"value\", item.value);\n    }),\n  );\n\n  return {\n    ...composite,\n    ...popover,\n    ...select,\n    combobox,\n    setValue: (value) => select.setState(\"value\", value),\n    setLabelElement: (element) => select.setState(\"labelElement\", element),\n    setSelectElement: (element) => select.setState(\"selectElement\", element),\n    setListElement: (element) => select.setState(\"listElement\", element),\n  };\n}\n\nexport type SelectStoreValue = string | readonly string[];\n\nexport interface SelectStoreItem extends CompositeStoreItem {\n  value?: string;\n}\n\nexport interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>\n  extends CompositeStoreState<SelectStoreItem>, PopoverStoreState {\n  /** @default true */\n  virtualFocus: CompositeStoreState<SelectStoreItem>[\"virtualFocus\"];\n  /** @default null */\n  activeId: CompositeStoreState<SelectStoreItem>[\"activeId\"];\n  /** @default \"vertical\" */\n  orientation: CompositeStoreState<SelectStoreItem>[\"orientation\"];\n  /** @default \"bottom-start\" */\n  placement: PopoverStoreState[\"placement\"];\n  /**\n   * The select value.\n   *\n   * Live examples:\n   * - [Form with Select](https://ariakit.com/examples/form-select)\n   * - [Select Grid](https://ariakit.com/examples/select-grid)\n   * - [Select with custom\n   *   items](https://ariakit.com/examples/select-item-custom)\n   * - [Multi-Select](https://ariakit.com/examples/select-multiple)\n   * - [Toolbar with Select](https://ariakit.com/examples/toolbar-select)\n   * - [Select with Next.js App\n   *   Router](https://ariakit.com/examples/select-next-router)\n   */\n  value: MutableValue<T>;\n  /**\n   * Whether the select\n   * [`value`](https://ariakit.com/reference/select-provider#value) should be\n   * set when the active item changes by moving (which usually happens when\n   * moving to an item using the keyboard).\n   *\n   * Live examples:\n   * - [Select Grid](https://ariakit.com/examples/select-grid)\n   * - [Select with custom\n   *   items](https://ariakit.com/examples/select-item-custom)\n   * @default false\n   */\n  setValueOnMove: boolean;\n  /**\n   * The select label element.\n   */\n  labelElement: HTMLElement | null;\n  /**\n   * The select button element.\n   *\n   * Live examples:\n   * - [Form with Select](https://ariakit.com/examples/form-select)\n   */\n  selectElement: HTMLElement | null;\n  /**\n   * The select list element.\n   */\n  listElement: HTMLElement | null;\n}\n\nexport interface SelectStoreFunctions<\n  T extends SelectStoreValue = SelectStoreValue,\n>\n  extends\n    Pick<SelectStoreOptions<T>, \"combobox\">,\n    CompositeStoreFunctions<SelectStoreItem>,\n    PopoverStoreFunctions {\n  /**\n   * Sets the [`value`](https://ariakit.com/reference/select-provider#value)\n   * state.\n   * @example\n   * store.setValue(\"Apple\");\n   * store.setValue([\"Apple\", \"Banana\"]);\n   * store.setValue((value) => value === \"Apple\" ? \"Banana\" : \"Apple\"));\n   */\n  setValue: SetState<SelectStoreState<T>[\"value\"]>;\n  /**\n   * Sets the `labelElement` state.\n   */\n  setLabelElement: SetState<SelectStoreState<T>[\"labelElement\"]>;\n  /**\n   * Sets the `selectElement` state.\n   */\n  setSelectElement: SetState<SelectStoreState<T>[\"selectElement\"]>;\n  /**\n   * Sets the `listElement` state.\n   */\n  setListElement: SetState<SelectStoreState<T>[\"listElement\"]>;\n}\n\nexport interface SelectStoreOptions<\n  T extends SelectStoreValue = SelectStoreValue,\n>\n  extends\n    StoreOptions<\n      SelectStoreState<T>,\n      | \"virtualFocus\"\n      | \"activeId\"\n      | \"orientation\"\n      | \"placement\"\n      | \"value\"\n      | \"setValueOnMove\"\n    >,\n    CompositeStoreOptions<SelectStoreItem>,\n    PopoverStoreOptions {\n  /**\n   * A reference to a combobox store. This is used when combining the combobox\n   * with a select (e.g., select with a search input). The stores will share the\n   * same state.\n   */\n  combobox?: ComboboxStore | null;\n  /**\n   * The default value. If not set, the first non-disabled item will be used.\n   *\n   * Live examples:\n   * - [Form with Select](https://ariakit.com/examples/form-select)\n   * - [Animated Select](https://ariakit.com/examples/select-animated)\n   * - [Select with Combobox](https://ariakit.com/examples/select-combobox)\n   * - [SelectGroup](https://ariakit.com/examples/select-group)\n   * - [Select with Next.js App\n   *   Router](https://ariakit.com/examples/select-next-router)\n   * - [Select with Combobox and\n   *   Tabs](https://ariakit.com/examples/select-combobox-tab)\n   */\n  defaultValue?: SelectStoreState<T>[\"value\"];\n}\n\nexport interface SelectStoreProps<T extends SelectStoreValue = SelectStoreValue>\n  extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {}\n\nexport interface SelectStore<T extends SelectStoreValue = SelectStoreValue>\n  extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {}\n"],"mappings":"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"}

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

@@ -0,0 +1,127 @@
+import { r as CollectionStoreItem, t as CollectionStore } from "../collection-store-yNe83BiS.js";
+import { i as CompositeStoreOptions, n as CompositeStoreFunctions, r as CompositeStoreItem, s as CompositeStoreState, t as CompositeStore } from "../composite-store-B-iDEtZZ.js";
+import { ComboboxStore } from "../combobox/combobox-store.js";
+import { SelectStore } from "../select/select-store.js";
+import { Store, StoreOptions, StoreProps } from "@ariakit/store";
+import { SetState } from "@ariakit/utils";
+
+//#region src/tab/tab-store.d.ts
+declare function createTabStore({
+  composite: parentComposite,
+  combobox,
+  ...props
+}?: TabStoreProps): TabStore;
+interface TabStoreItem extends CompositeStoreItem {
+  dimmed?: boolean;
+}
+interface TabStorePanel extends CollectionStoreItem {
+  tabId?: string | null;
+}
+interface TabStoreState extends CompositeStoreState<TabStoreItem> {
+  /** @default "horizontal" */
+  orientation: CompositeStoreState<TabStoreItem>["orientation"];
+  /** @default true */
+  focusLoop: CompositeStoreState<TabStoreItem>["focusLoop"];
+  /**
+   * 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.com/examples/tab-react-router)
+   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)
+   * - [Select with Combobox and
+   *   Tabs](https://ariakit.com/examples/select-combobox-tab)
+   * - [Command Menu with
+   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)
+   */
+  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.
+   *
+   * Live examples:
+   * - [Tab with React Router](https://ariakit.com/examples/tab-react-router)
+   * - [Select with Combobox and
+   *   Tabs](https://ariakit.com/examples/select-combobox-tab)
+   * @default true
+   */
+  selectOnMove?: boolean;
+}
+interface TabStoreFunctions extends CompositeStoreFunctions<TabStoreItem> {
+  /**
+   * Sets the
+   * [`selectedId`](https://ariakit.com/reference/tab-provider#selectedid) state
+   * without moving focus. If you want to move focus, use the
+   * [`select`](https://ariakit.com/reference/use-tab-store#select) function
+   * instead.
+   * @example
+   * // Selects the tab with id "tab-1"
+   * store.setSelectedId("tab-1");
+   * // Toggles between "tab-1" and "tab-2"
+   * store.setSelectedId((id) => id === "tab-1" ? "tab-2" : "tab-1"));
+   * // Selects the first tab
+   * store.setSelectedId(store.first());
+   * // Selects the next tab
+   * store.setSelectedId(store.next());
+   */
+  setSelectedId: SetState<TabStoreState["selectedId"]>;
+  /**
+   * A collection store containing the tab panels.
+   *
+   * Live examples:
+   * - [Animated TabPanel](https://ariakit.com/examples/tab-panel-animated)
+   */
+  panels: CollectionStore<TabStorePanel>;
+  /**
+   * Selects the tab for the given id and moves focus to it. If you want to set
+   * the [`selectedId`](https://ariakit.com/reference/tab-provider#selectedid)
+   * state without moving focus, use the
+   * [`setSelectedId`](https://ariakit.com/reference/use-tab-store#setselectedid-1)
+   * function instead.
+   * @example
+   * // Selects the tab with id "tab-1"
+   * store.select("tab-1");
+   * // Selects the first tab
+   * store.select(store.first());
+   * // Selects the next tab
+   * store.select(store.next());
+   */
+  select: TabStore["move"];
+}
+interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<TabStoreItem> {
+  /**
+   * A reference to another [composite
+   * store](https://ariakit.com/reference/use-composite-store). This is used when
+   * rendering tabs as part of another composite widget such as
+   * [Combobox](https://ariakit.com/components/combobox) or
+   * [Select](https://ariakit.com/components/select). The stores will share the
+   * same state.
+   */
+  composite?: CompositeStore | SelectStore | null;
+  /**
+   * A reference to a [combobox
+   * store](https://ariakit.com/reference/use-combobox-store). This is used when
+   * rendering tabs inside a
+   * [Combobox](https://ariakit.com/components/combobox).
+   */
+  combobox?: ComboboxStore | null;
+  /**
+   * 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:
+   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)
+   * - [Animated TabPanel](https://ariakit.com/examples/tab-panel-animated)
+   * - [Select with Combobox and
+   *   Tabs](https://ariakit.com/examples/select-combobox-tab)
+   * - [Command Menu with
+   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)
+   */
+  defaultSelectedId?: TabStoreState["selectedId"];
+}
+interface TabStoreProps extends TabStoreOptions, StoreProps<TabStoreState> {}
+interface TabStore extends TabStoreFunctions, Store<TabStoreState> {}
+//#endregion
+export { TabStore, TabStoreFunctions, TabStoreItem, TabStoreOptions, TabStorePanel, TabStoreProps, TabStoreState, createTabStore };
+//# sourceMappingURL=tab-store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-store.d.ts","names":["Store","StoreOptions","StoreProps","SetState","CollectionStore","CollectionStoreItem","ComboboxStore","CompositeStore","CompositeStoreFunctions","CompositeStoreItem","CompositeStoreOptions","CompositeStoreState","SelectStore","createTabStore","parentComposite","combobox","TabStoreProps","TabStore","composite","props","TabStoreItem","dimmed","TabStorePanel","tabId","TabStoreState","orientation","focusLoop","selectedId","selectOnMove","TabStoreFunctions","setSelectedId","panels","select","TabStoreOptions","defaultSelectedId"],"sources":["../../src/tab/tab-store.d.ts"],"mappings":";;;;;;;;iBAMwBa,cAAAA,CAAAA;EAAiBK,SAAAA,EAAWJ,eAAAA;EAAiBC,QAAAA;EAAAA,GAAaI;AAAAA,IAAUH,aAAAA,GAAgBC,QAAAA;AAAAA,UAC3FG,YAAAA,SAAqBX,kBAAkB;EACpDY,MAAM;AAAA;AAAA,UAEOC,aAAAA,SAAsBjB,mBAAmB;EACtDkB,KAAK;AAAA;AAAA,UAEQC,aAAAA,SAAsBb,mBAAAA,CAAoBS,YAAAA;EAPiDH;EASxGQ,WAAAA,EAAad,mBAAAA,CAAoBS,YAAAA;EAT+E;EAWhHM,SAAAA,EAAWf,mBAAAA,CAAoBS,YAAAA;EAXiBN;;;;;;;AAAgE;AACpH;;;;EAuBIa,UAAAA,EAAYH,aAAAA;EApBCF;;;;AACR;AAET;;;;;;EA6BIM,YAAAA;AAAAA;AAAAA,UAEaC,iBAAAA,SAA0BrB,uBAAAA,CAAwBY,YAAAA;EA/B5BT;;;;;;;;;;;;;;;AA6BvB;EAmBZmB,aAAAA,EAAe3B,QAAAA,CAASqB,aAAAA;EAjBM;;;;;;EAwB9BO,MAAAA,EAAQ3B,eAAAA,CAAgBkB,aAAAA;EAehBL;;;;;;;;;;;;;;EAARe,MAAAA,EAAQf,QAAAA;AAAAA;AAAAA,UAEKgB,eAAAA,SAAwBhC,YAAAA,CAAauB,aAAAA,gEAA6Ed,qBAAAA,CAAsBU,YAAAA;EAAzH;;;;;;;;EAS5BF,SAAAA,GAAYX,cAAAA,GAAiBK,WAAAA;EATkGF;;;;;;EAgB/HK,QAAAA,GAAWT,aAAAA;EAPXY;;;;;;;;AAoBiC;AAErC;;;EAFIgB,iBAAAA,GAAoBV,aAAAA;AAAAA;AAAAA,UAEPR,aAAAA,SAAsBiB,eAAAA,EAAiB/B,UAAAA,CAAWsB,aAAAA;AAAAA,UAElDP,QAAAA,SAAiBY,iBAAAA,EAAmB7B,KAAAA,CAAMwB,aAAAA"}

package/dist/tab/tab-store.js

@@ -0,0 +1,107 @@
+import { createCollectionStore } from "../collection/collection-store.js";
+import { createCompositeStore } from "../composite/composite-store.js";
+import { batch, createStore, mergeStore, omit, setup, sync } from "@ariakit/store";
+import { chain, defaultValue } from "@ariakit/utils";
+//#region src/tab/tab-store.ts
+function createTabStore({ composite: parentComposite, combobox, ...props } = {}) {
+	const independentKeys = [
+		"items",
+		"renderedItems",
+		"moves",
+		"orientation",
+		"virtualFocus",
+		"includesBaseElement",
+		"baseElement",
+		"focusLoop",
+		"focusShift",
+		"focusWrap"
+	];
+	const store = mergeStore(props.store, omit(parentComposite, independentKeys), omit(combobox, independentKeys));
+	const syncState = store?.getState();
+	const composite = createCompositeStore({
+		...props,
+		store,
+		includesBaseElement: defaultValue(props.includesBaseElement, syncState?.includesBaseElement, false),
+		orientation: defaultValue(props.orientation, syncState?.orientation, "horizontal"),
+		focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, true)
+	});
+	const panels = createCollectionStore();
+	const tab = createStore({
+		...composite.getState(),
+		selectedId: defaultValue(props.selectedId, syncState?.selectedId, props.defaultSelectedId),
+		selectOnMove: defaultValue(props.selectOnMove, syncState?.selectOnMove, true)
+	}, composite, store);
+	setup(tab, () => sync(tab, ["moves"], () => {
+		const { activeId, selectOnMove } = tab.getState();
+		if (!selectOnMove) return;
+		if (!activeId) return;
+		const tabItem = composite.item(activeId);
+		if (!tabItem) return;
+		if (tabItem.dimmed) return;
+		if (tabItem.disabled) return;
+		tab.setState("selectedId", tabItem.id);
+	}));
+	let syncActiveId = true;
+	setup(tab, () => batch(tab, ["selectedId"], (state, prev) => {
+		if (!syncActiveId) {
+			syncActiveId = true;
+			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;
+		const { activeId, renderedItems } = tab.getState();
+		const tabItem = composite.item(activeId);
+		if (tabItem && !tabItem.disabled && !tabItem.dimmed) tab.setState("selectedId", tabItem.id);
+		else {
+			const tabItem = renderedItems.find((item) => !item.disabled && !item.dimmed);
+			tab.setState("selectedId", tabItem?.id);
+		}
+	}));
+	setup(tab, () => sync(tab, ["renderedItems"], (state) => {
+		const tabs = state.renderedItems;
+		if (!tabs.length) return;
+		return sync(panels, ["renderedItems"], (state) => {
+			const items = state.renderedItems;
+			if (!items.some((panel) => !panel.tabId)) return;
+			items.forEach((panel, i) => {
+				if (panel.tabId) return;
+				const tabItem = tabs[i];
+				if (!tabItem) return;
+				panels.renderItem({
+					...panel,
+					tabId: tabItem.id
+				});
+			});
+		});
+	}));
+	let selectedIdFromSelectedValue = null;
+	setup(tab, () => {
+		const backupSelectedId = () => {
+			selectedIdFromSelectedValue = tab.getState().selectedId;
+		};
+		const restoreSelectedId = () => {
+			syncActiveId = false;
+			tab.setState("selectedId", selectedIdFromSelectedValue);
+		};
+		if (parentComposite && "setSelectElement" in parentComposite) return chain(sync(parentComposite, ["value"], backupSelectedId), sync(parentComposite, ["mounted"], restoreSelectedId));
+		if (!combobox) return;
+		return chain(sync(combobox, ["selectedValue"], backupSelectedId), sync(combobox, ["mounted"], restoreSelectedId));
+	});
+	return {
+		...composite,
+		...tab,
+		panels,
+		setSelectedId: (id) => tab.setState("selectedId", id),
+		select: (id) => {
+			tab.setState("selectedId", id);
+			composite.move(id);
+		}
+	};
+}
+//#endregion
+export { createTabStore };
+
+//# sourceMappingURL=tab-store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-store.js","names":[],"sources":["../../src/tab/tab-store.ts"],"sourcesContent":["import {\n  batch,\n  createStore,\n  mergeStore,\n  omit,\n  setup,\n  sync,\n} from \"@ariakit/store\";\nimport type { Store, StoreOptions, StoreProps } from \"@ariakit/store\";\nimport { chain, defaultValue } from \"@ariakit/utils\";\nimport type { SetState } from \"@ariakit/utils\";\nimport type {\n  CollectionStore,\n  CollectionStoreItem,\n} from \"../collection/collection-store.ts\";\nimport { createCollectionStore } from \"../collection/collection-store.ts\";\nimport type { ComboboxStore } from \"../combobox/combobox-store.ts\";\nimport type {\n  CompositeStore,\n  CompositeStoreFunctions,\n  CompositeStoreItem,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { createCompositeStore } from \"../composite/composite-store.ts\";\nimport type { SelectStore } from \"../select/select-store.ts\";\n\nexport function createTabStore({\n  composite: parentComposite,\n  combobox,\n  ...props\n}: TabStoreProps = {}): TabStore {\n  const independentKeys = [\n    \"items\",\n    \"renderedItems\",\n    \"moves\",\n    \"orientation\",\n    \"virtualFocus\",\n    \"includesBaseElement\",\n    \"baseElement\",\n    \"focusLoop\",\n    \"focusShift\",\n    \"focusWrap\",\n  ] as const;\n\n  const store = mergeStore(\n    props.store,\n    omit(parentComposite, independentKeys),\n    omit(combobox, independentKeys),\n  );\n  const syncState = store?.getState();\n\n  const composite = createCompositeStore({\n    ...props,\n    store,\n    // We need to explicitly set the default value of `includesBaseElement` to\n    // `false` since we don't want the composite store to default it to `true`\n    // when the activeId state is null, which could be the case when rendering\n    // combobox with tab.\n    includesBaseElement: defaultValue(\n      props.includesBaseElement,\n      syncState?.includesBaseElement,\n      false,\n    ),\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 panels = createCollectionStore<TabStorePanel>();\n\n  const initialState: TabStoreState = {\n    ...composite.getState(),\n    selectedId: defaultValue(\n      props.selectedId,\n      syncState?.selectedId,\n      props.defaultSelectedId,\n    ),\n    selectOnMove: defaultValue(\n      props.selectOnMove,\n      syncState?.selectOnMove,\n      true,\n    ),\n  };\n  const tab = createStore(initialState, composite, store);\n\n  // Selects the active tab when selectOnMove is true. Since we're listening to\n  // the moves state, but not the activeId state, this callback will run only\n  // when there's a move, which is usually triggered by moving through the tabs\n  // using the keyboard.\n  setup(tab, () =>\n    sync(tab, [\"moves\"], () => {\n      const { activeId, selectOnMove } = tab.getState();\n      if (!selectOnMove) return;\n      if (!activeId) return;\n      const tabItem = composite.item(activeId);\n      if (!tabItem) return;\n      if (tabItem.dimmed) return;\n      if (tabItem.disabled) return;\n      tab.setState(\"selectedId\", tabItem.id);\n    }),\n  );\n\n  let syncActiveId = true;\n\n  // Keep activeId in sync with selectedId.\n  setup(tab, () =>\n    batch(tab, [\"selectedId\"], (state, prev) => {\n      // There are cases where we don't want to sync activeId with selectedId.\n      // For example, restoring the selectedId from a select or combobox\n      // selected value. In those cases, we set syncActiveId to false.\n      if (!syncActiveId) {\n        syncActiveId = true;\n        return;\n      }\n      // If there's a parent composite widget, we don't need to sync the\n      // activeId state with the initial selectedId state. The parent composite\n      // widget should handle the initial activeId state.\n      if (parentComposite && state.selectedId === prev.selectedId) return;\n      tab.setState(\"activeId\", state.selectedId);\n    }),\n  );\n\n  // Automatically set selectedId if it's undefined.\n  setup(tab, () =>\n    sync(tab, [\"selectedId\", \"renderedItems\"], (state) => {\n      if (state.selectedId !== undefined) return;\n      // First, we try to set selectedId based on the current active tab.\n      const { activeId, renderedItems } = tab.getState();\n      const tabItem = composite.item(activeId);\n      if (tabItem && !tabItem.disabled && !tabItem.dimmed) {\n        tab.setState(\"selectedId\", tabItem.id);\n      }\n      // If there's no active tab or the active tab is dimmed, we get the\n      // first enabled tab instead.\n      else {\n        const tabItem = renderedItems.find(\n          (item) => !item.disabled && !item.dimmed,\n        );\n        tab.setState(\"selectedId\", tabItem?.id);\n      }\n    }),\n  );\n\n  // Keep panels tabIds in sync with the current tabs.\n  setup(tab, () =>\n    sync(tab, [\"renderedItems\"], (state) => {\n      const tabs = state.renderedItems;\n      if (!tabs.length) return;\n      return sync(panels, [\"renderedItems\"], (state) => {\n        const items = state.renderedItems;\n        const hasOrphanPanels = items.some((panel) => !panel.tabId);\n        if (!hasOrphanPanels) return;\n        items.forEach((panel, i) => {\n          if (panel.tabId) return;\n          const tabItem = tabs[i];\n          if (!tabItem) return;\n          panels.renderItem({ ...panel, tabId: tabItem.id });\n        });\n      });\n    }),\n  );\n\n  // Preserve the selected tab when a select or combobox value is selected\n  // within the tab panel.\n  let selectedIdFromSelectedValue: string | null | undefined = null;\n\n  setup(tab, () => {\n    const backupSelectedId = () => {\n      selectedIdFromSelectedValue = tab.getState().selectedId;\n    };\n    const restoreSelectedId = () => {\n      // We set syncActiveId to false to prevent the activeId state from being\n      // set to the selectedId state since this is just a restoration of the\n      // selectedId state from a select or combobox selected value.\n      syncActiveId = false;\n      tab.setState(\"selectedId\", selectedIdFromSelectedValue);\n    };\n    if (parentComposite && \"setSelectElement\" in parentComposite) {\n      return chain(\n        sync(parentComposite, [\"value\"], backupSelectedId),\n        sync(parentComposite, [\"mounted\"], restoreSelectedId),\n      );\n    }\n    if (!combobox) return;\n    return chain(\n      sync(combobox, [\"selectedValue\"], backupSelectedId),\n      sync(combobox, [\"mounted\"], restoreSelectedId),\n    );\n  });\n\n  return {\n    ...composite,\n    ...tab,\n    panels,\n    setSelectedId: (id) => tab.setState(\"selectedId\", id),\n    select: (id) => {\n      tab.setState(\"selectedId\", id);\n      composite.move(id);\n    },\n  };\n}\n\nexport interface TabStoreItem extends CompositeStoreItem {\n  dimmed?: boolean;\n}\n\nexport interface TabStorePanel extends CollectionStoreItem {\n  tabId?: string | null;\n}\n\nexport interface TabStoreState extends CompositeStoreState<TabStoreItem> {\n  /** @default \"horizontal\" */\n  orientation: CompositeStoreState<TabStoreItem>[\"orientation\"];\n  /** @default true */\n  focusLoop: CompositeStoreState<TabStoreItem>[\"focusLoop\"];\n  /**\n   * The id of the tab whose panel is currently visible. If it's `undefined`, it\n   * will be automatically set to the first enabled tab.\n   *\n   * Live examples:\n   * - [Tab with React Router](https://ariakit.com/examples/tab-react-router)\n   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)\n   * - [Select with Combobox and\n   *   Tabs](https://ariakit.com/examples/select-combobox-tab)\n   * - [Command Menu with\n   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)\n   */\n  selectedId: TabStoreState[\"activeId\"];\n  /**\n   * Determines if the tab should be selected when it receives focus. If set to\n   * `false`, the tab will only be selected upon clicking, not when using arrow\n   * keys to shift focus.\n   *\n   * Live examples:\n   * - [Tab with React Router](https://ariakit.com/examples/tab-react-router)\n   * - [Select with Combobox and\n   *   Tabs](https://ariakit.com/examples/select-combobox-tab)\n   * @default true\n   */\n  selectOnMove?: boolean;\n}\n\nexport interface TabStoreFunctions extends CompositeStoreFunctions<TabStoreItem> {\n  /**\n   * Sets the\n   * [`selectedId`](https://ariakit.com/reference/tab-provider#selectedid) state\n   * without moving focus. If you want to move focus, use the\n   * [`select`](https://ariakit.com/reference/use-tab-store#select) function\n   * instead.\n   * @example\n   * // Selects the tab with id \"tab-1\"\n   * store.setSelectedId(\"tab-1\");\n   * // Toggles between \"tab-1\" and \"tab-2\"\n   * store.setSelectedId((id) => id === \"tab-1\" ? \"tab-2\" : \"tab-1\"));\n   * // Selects the first tab\n   * store.setSelectedId(store.first());\n   * // Selects the next tab\n   * store.setSelectedId(store.next());\n   */\n  setSelectedId: SetState<TabStoreState[\"selectedId\"]>;\n  /**\n   * A collection store containing the tab panels.\n   *\n   * Live examples:\n   * - [Animated TabPanel](https://ariakit.com/examples/tab-panel-animated)\n   */\n  panels: CollectionStore<TabStorePanel>;\n  /**\n   * Selects the tab for the given id and moves focus to it. If you want to set\n   * the [`selectedId`](https://ariakit.com/reference/tab-provider#selectedid)\n   * state without moving focus, use the\n   * [`setSelectedId`](https://ariakit.com/reference/use-tab-store#setselectedid-1)\n   * function instead.\n   * @example\n   * // Selects the tab with id \"tab-1\"\n   * store.select(\"tab-1\");\n   * // Selects the first tab\n   * store.select(store.first());\n   * // Selects the next tab\n   * store.select(store.next());\n   */\n  select: TabStore[\"move\"];\n}\n\nexport interface TabStoreOptions\n  extends\n    StoreOptions<\n      TabStoreState,\n      \"orientation\" | \"focusLoop\" | \"selectedId\" | \"selectOnMove\"\n    >,\n    CompositeStoreOptions<TabStoreItem> {\n  /**\n   * A reference to another [composite\n   * store](https://ariakit.com/reference/use-composite-store). This is used when\n   * rendering tabs as part of another composite widget such as\n   * [Combobox](https://ariakit.com/components/combobox) or\n   * [Select](https://ariakit.com/components/select). The stores will share the\n   * same state.\n   */\n  composite?: CompositeStore | SelectStore | null;\n  /**\n   * A reference to a [combobox\n   * store](https://ariakit.com/reference/use-combobox-store). This is used when\n   * rendering tabs inside a\n   * [Combobox](https://ariakit.com/components/combobox).\n   */\n  combobox?: ComboboxStore | null;\n  /**\n   * The id of the tab whose panel is currently visible. If it's `undefined`, it\n   * will be automatically set to the first enabled tab.\n   *\n   * Live examples:\n   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)\n   * - [Animated TabPanel](https://ariakit.com/examples/tab-panel-animated)\n   * - [Select with Combobox and\n   *   Tabs](https://ariakit.com/examples/select-combobox-tab)\n   * - [Command Menu with\n   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)\n   */\n  defaultSelectedId?: TabStoreState[\"selectedId\"];\n}\n\nexport interface TabStoreProps\n  extends TabStoreOptions, StoreProps<TabStoreState> {}\n\nexport interface TabStore extends TabStoreFunctions, Store<TabStoreState> {}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { a as TagStoreProps, i as TagStoreOptions, n as TagStoreFunctions, o as TagStoreState, r as TagStoreItem, s as createTagStore, t as TagStore } from "../tag-store-D47X5_zA.js";
+export { TagStore, TagStoreFunctions, TagStoreItem, TagStoreOptions, TagStoreProps, TagStoreState, createTagStore };

package/dist/tag/tag-store.js

@@ -0,0 +1,60 @@
+import { createCompositeStore } from "../composite/composite-store.js";
+import { createStore, setup, sync } from "@ariakit/store";
+import { UndoManager, applyState, defaultValue } from "@ariakit/utils";
+//#region src/tag/tag-store.ts
+/**
+* Creates a tag store.
+*/
+function createTagStore(props = {}) {
+	const syncState = props.store?.getState();
+	const composite = createCompositeStore(props);
+	const initialState = {
+		...composite.getState(),
+		inputElement: defaultValue(syncState?.inputElement, null),
+		labelElement: defaultValue(syncState?.labelElement, null),
+		value: defaultValue(props.value, syncState?.value, props.defaultValue, ""),
+		values: defaultValue(props.values, syncState?.values, props.defaultValues, [])
+	};
+	const tag = createStore(initialState, composite, props.store);
+	setup(tag, () => sync(tag, ["inputElement", "activeId"], (state) => {
+		if (!state.inputElement) return;
+		if (state.activeId !== void 0) return;
+		tag.setState("activeId", state.inputElement.id);
+	}));
+	const setValues = (values) => {
+		const { values: previousValues } = tag.getState();
+		UndoManager.execute(() => {
+			let changed = true;
+			tag.setState("values", (prev) => {
+				const next = applyState(values, prev);
+				if (next === prev) changed = false;
+				return next;
+			});
+			if (!changed) return;
+			return () => {
+				tag.setState("values", previousValues);
+				composite.move(tag.getState().inputElement?.id);
+			};
+		});
+	};
+	return {
+		...composite,
+		...tag,
+		setInputElement: (inputElement) => tag.setState("inputElement", inputElement),
+		setLabelElement: (labelElement) => tag.setState("labelElement", labelElement),
+		setValue: (value) => tag.setState("value", value),
+		resetValue: () => tag.setState("value", initialState.value),
+		setValues,
+		addValue: (value) => {
+			setValues((values) => {
+				if (values.includes(value)) return values;
+				return [...values, value];
+			});
+		},
+		removeValue: (value) => setValues((values) => values.filter((v) => v !== value))
+	};
+}
+//#endregion
+export { createTagStore };
+
+//# sourceMappingURL=tag-store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag-store.js","names":[],"sources":["../../src/tag/tag-store.ts"],"sourcesContent":["import { createStore, setup, sync } from \"@ariakit/store\";\nimport type { Store, StoreOptions, StoreProps } from \"@ariakit/store\";\nimport { applyState, defaultValue, UndoManager } from \"@ariakit/utils\";\nimport type { SetState } from \"@ariakit/utils\";\nimport type {\n  CompositeStoreFunctions,\n  CompositeStoreItem,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { createCompositeStore } from \"../composite/composite-store.ts\";\n\n/**\n * Creates a tag store.\n */\nexport function createTagStore(props: TagStoreProps = {}): TagStore {\n  const syncState = props.store?.getState();\n  const composite = createCompositeStore(props);\n\n  const initialState: TagStoreState = {\n    ...composite.getState(),\n    inputElement: defaultValue(syncState?.inputElement, null),\n    labelElement: defaultValue(syncState?.labelElement, null),\n    value: defaultValue(props.value, syncState?.value, props.defaultValue, \"\"),\n    values: defaultValue(\n      props.values,\n      syncState?.values,\n      props.defaultValues,\n      [],\n    ),\n  };\n\n  const tag = createStore(initialState, composite, props.store);\n\n  // Set the input element as the default active element, that is, the element\n  // that will receive focus when the composite widget is focused.\n  setup(tag, () =>\n    sync(tag, [\"inputElement\", \"activeId\"], (state) => {\n      if (!state.inputElement) return;\n      if (state.activeId !== undefined) return;\n      tag.setState(\"activeId\", state.inputElement.id);\n    }),\n  );\n\n  const setValues: TagStore[\"setValues\"] = (values) => {\n    const { values: previousValues } = tag.getState();\n    void UndoManager.execute(() => {\n      let changed = true;\n      tag.setState(\"values\", (prev) => {\n        const next = applyState(values, prev);\n        if (next === prev) {\n          changed = false;\n        }\n        return next;\n      });\n      if (!changed) return;\n      return () => {\n        tag.setState(\"values\", previousValues);\n        composite.move(tag.getState().inputElement?.id);\n      };\n    });\n  };\n\n  return {\n    ...composite,\n    ...tag,\n    setInputElement: (inputElement) =>\n      tag.setState(\"inputElement\", inputElement),\n\n    setLabelElement: (labelElement) =>\n      tag.setState(\"labelElement\", labelElement),\n\n    setValue: (value) => tag.setState(\"value\", value),\n\n    resetValue: () => tag.setState(\"value\", initialState.value),\n\n    setValues,\n\n    addValue: (value) => {\n      setValues((values) => {\n        if (values.includes(value)) return values;\n        return [...values, value];\n      });\n    },\n\n    removeValue: (value) =>\n      setValues((values) => values.filter((v) => v !== value)),\n  };\n}\n\nexport interface TagStoreItem extends CompositeStoreItem {\n  value?: string;\n}\n\nexport interface TagStoreState extends CompositeStoreState<TagStoreItem> {\n  /**\n   * The input element.\n   */\n  inputElement: HTMLElement | null;\n  /**\n   * The label element.\n   */\n  labelElement: HTMLElement | null;\n  /**\n   * The value of the tag input.\n   * @default \"\"\n   */\n  value: string;\n  /**\n   * The values of the selected tags.\n   * @default []\n   */\n  values: string[];\n}\n\nexport interface TagStoreFunctions extends CompositeStoreFunctions<TagStoreItem> {\n  /**\n   * Sets the `inputElement` state.\n   */\n  setInputElement: SetState<TagStoreState[\"inputElement\"]>;\n  /**\n   * Sets the `labelElement` state.\n   */\n  setLabelElement: SetState<TagStoreState[\"labelElement\"]>;\n  /**\n   * Sets the [`value`](https://ariakit.com/reference/tag-provider#value) state.\n   */\n  setValue: SetState<TagStoreState[\"value\"]>;\n  /**\n   * Resets the [`value`](https://ariakit.com/reference/tag-provider#value)\n   * state to its initial value.\n   */\n  resetValue: () => void;\n  /**\n   * Sets the [`values`](https://ariakit.com/reference/tag-provider#values) state.\n   */\n  setValues: SetState<TagStoreState[\"values\"]>;\n  /**\n   * Add a new value to the\n   * [`values`](https://ariakit.com/reference/tag-provider#values) state if it\n   * doesn't already exist.\n   */\n  addValue: (value: string) => void;\n  /**\n   * Remove a value from the\n   * [`values`](https://ariakit.com/reference/tag-provider#values) state.\n   */\n  removeValue: (value: string) => void;\n}\n\nexport interface TagStoreOptions\n  extends\n    StoreOptions<TagStoreState, \"value\" | \"values\">,\n    CompositeStoreOptions<TagStoreItem> {\n  /**\n   * The initial value of the tag input.\n   * @default \"\"\n   */\n  defaultValue?: TagStoreState[\"value\"];\n  /**\n   * The initial selected tag values.\n   * @default []\n   */\n  defaultValues?: TagStoreState[\"values\"];\n}\n\nexport interface TagStoreProps\n  extends TagStoreOptions, StoreProps<TagStoreState> {}\n\nexport interface TagStore extends TagStoreFunctions, Store<TagStoreState> {}\n"],"mappings":";;;;;;;AAeA,SAAgB,eAAe,QAAuB,CAAC,GAAa;CAClE,MAAM,YAAY,MAAM,OAAO,SAAS;CACxC,MAAM,YAAY,qBAAqB,KAAK;CAE5C,MAAM,eAA8B;EAClC,GAAG,UAAU,SAAS;EACtB,cAAc,aAAa,WAAW,cAAc,IAAI;EACxD,cAAc,aAAa,WAAW,cAAc,IAAI;EACxD,OAAO,aAAa,MAAM,OAAO,WAAW,OAAO,MAAM,cAAc,EAAE;EACzE,QAAQ,aACN,MAAM,QACN,WAAW,QACX,MAAM,eACN,CAAC,CACH;CACF;CAEA,MAAM,MAAM,YAAY,cAAc,WAAW,MAAM,KAAK;CAI5D,MAAM,WACJ,KAAK,KAAK,CAAC,gBAAgB,UAAU,IAAI,UAAU;EACjD,IAAI,CAAC,MAAM,cAAc;EACzB,IAAI,MAAM,aAAa,KAAA,GAAW;EAClC,IAAI,SAAS,YAAY,MAAM,aAAa,EAAE;CAChD,CAAC,CACH;CAEA,MAAM,aAAoC,WAAW;EACnD,MAAM,EAAE,QAAQ,mBAAmB,IAAI,SAAS;EAChD,YAAiB,cAAc;GAC7B,IAAI,UAAU;GACd,IAAI,SAAS,WAAW,SAAS;IAC/B,MAAM,OAAO,WAAW,QAAQ,IAAI;IACpC,IAAI,SAAS,MACX,UAAU;IAEZ,OAAO;GACT,CAAC;GACD,IAAI,CAAC,SAAS;GACd,aAAa;IACX,IAAI,SAAS,UAAU,cAAc;IACrC,UAAU,KAAK,IAAI,SAAS,EAAE,cAAc,EAAE;GAChD;EACF,CAAC;CACH;CAEA,OAAO;EACL,GAAG;EACH,GAAG;EACH,kBAAkB,iBAChB,IAAI,SAAS,gBAAgB,YAAY;EAE3C,kBAAkB,iBAChB,IAAI,SAAS,gBAAgB,YAAY;EAE3C,WAAW,UAAU,IAAI,SAAS,SAAS,KAAK;EAEhD,kBAAkB,IAAI,SAAS,SAAS,aAAa,KAAK;EAE1D;EAEA,WAAW,UAAU;GACnB,WAAW,WAAW;IACpB,IAAI,OAAO,SAAS,KAAK,GAAG,OAAO;IACnC,OAAO,CAAC,GAAG,QAAQ,KAAK;GAC1B,CAAC;EACH;EAEA,cAAc,UACZ,WAAW,WAAW,OAAO,QAAQ,MAAM,MAAM,KAAK,CAAC;CAC3D;AACF"}

package/dist/tag-store-D47X5_zA.d.ts

@@ -0,0 +1,83 @@
+import { i as CompositeStoreOptions, n as CompositeStoreFunctions, r as CompositeStoreItem, s as CompositeStoreState } from "./composite-store-B-iDEtZZ.js";
+import { Store, StoreOptions, StoreProps } from "@ariakit/store";
+import { SetState } from "@ariakit/utils";
+
+//#region src/tag/tag-store.d.ts
+/**
+ * Creates a tag store.
+ */
+declare function createTagStore(props?: TagStoreProps): TagStore;
+interface TagStoreItem extends CompositeStoreItem {
+  value?: string;
+}
+interface TagStoreState extends CompositeStoreState<TagStoreItem> {
+  /**
+   * The input element.
+   */
+  inputElement: HTMLElement | null;
+  /**
+   * The label element.
+   */
+  labelElement: HTMLElement | null;
+  /**
+   * The value of the tag input.
+   * @default ""
+   */
+  value: string;
+  /**
+   * The values of the selected tags.
+   * @default []
+   */
+  values: string[];
+}
+interface TagStoreFunctions extends CompositeStoreFunctions<TagStoreItem> {
+  /**
+   * Sets the `inputElement` state.
+   */
+  setInputElement: SetState<TagStoreState["inputElement"]>;
+  /**
+   * Sets the `labelElement` state.
+   */
+  setLabelElement: SetState<TagStoreState["labelElement"]>;
+  /**
+   * Sets the [`value`](https://ariakit.com/reference/tag-provider#value) state.
+   */
+  setValue: SetState<TagStoreState["value"]>;
+  /**
+   * Resets the [`value`](https://ariakit.com/reference/tag-provider#value)
+   * state to its initial value.
+   */
+  resetValue: () => void;
+  /**
+   * Sets the [`values`](https://ariakit.com/reference/tag-provider#values) state.
+   */
+  setValues: SetState<TagStoreState["values"]>;
+  /**
+   * Add a new value to the
+   * [`values`](https://ariakit.com/reference/tag-provider#values) state if it
+   * doesn't already exist.
+   */
+  addValue: (value: string) => void;
+  /**
+   * Remove a value from the
+   * [`values`](https://ariakit.com/reference/tag-provider#values) state.
+   */
+  removeValue: (value: string) => void;
+}
+interface TagStoreOptions extends StoreOptions<TagStoreState, "value" | "values">, CompositeStoreOptions<TagStoreItem> {
+  /**
+   * The initial value of the tag input.
+   * @default ""
+   */
+  defaultValue?: TagStoreState["value"];
+  /**
+   * The initial selected tag values.
+   * @default []
+   */
+  defaultValues?: TagStoreState["values"];
+}
+interface TagStoreProps extends TagStoreOptions, StoreProps<TagStoreState> {}
+interface TagStore extends TagStoreFunctions, Store<TagStoreState> {}
+//#endregion
+export { TagStoreProps as a, TagStoreOptions as i, TagStoreFunctions as n, TagStoreState as o, TagStoreItem as r, createTagStore as s, TagStore as t };
+//# sourceMappingURL=tag-store-D47X5_zA.d.ts.map

package/dist/tag-store-D47X5_zA.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-store-D47X5_zA.d.ts","names":["Store","StoreOptions","StoreProps","SetState","CompositeStoreFunctions","CompositeStoreItem","CompositeStoreOptions","CompositeStoreState","createTagStore","TagStoreProps","TagStore","props","TagStoreItem","value","TagStoreState","HTMLElement","inputElement","labelElement","values","TagStoreFunctions","setInputElement","setLabelElement","setValue","resetValue","setValues","addValue","removeValue","TagStoreOptions","defaultValue","defaultValues"],"sources":["../src/tag/tag-store.d.ts"],"mappings":";;;;;;;AAMA;iBAAwBQ,cAAAA,CAAeG,KAAAA,GAAQF,aAAAA,GAAgBC,QAAQ;AAAA,UACtDE,YAAAA,SAAqBP,kBAAkB;EACpDQ,KAAK;AAAA;AAAA,UAEQC,aAAAA,SAAsBP,mBAAAA,CAAoBK,YAAAA;EAJIF;;AAAQ;EAQnEM,YAAAA,EAAcD,WAAAA;EAPW;;;EAWzBE,YAAAA,EAAcF,WAAAA;EARDD;;;;EAabD,KAAAA;EALcE;;;;EAUdG,MAAAA;AAAAA;AAAAA,UAEaC,iBAAAA,SAA0Bf,uBAAAA,CAAwBQ,YAAAA;EAhBjDG;;;EAoBdK,eAAAA,EAAiBjB,QAAAA,CAASW,aAAAA;EAN1BI;;AAAM;EAUNG,eAAAA,EAAiBlB,QAAAA,CAASW,aAAAA;EARI;;;EAY9BQ,QAAAA,EAAUnB,QAAAA,CAASW,aAAAA;EARFX;;;;EAajBoB,UAAAA;EAIoBT;;;EAApBU,SAAAA,EAAWrB,QAAAA,CAASW,aAAAA;EArB0C;;;;;EA2B9DW,QAAAA,GAAWZ,KAAAA;EAnBXQ;;;;EAwBAK,WAAAA,GAAcb,KAAAA;AAAAA;AAAAA,UAEDc,eAAAA,SAAwB1B,YAAAA,CAAaa,aAAAA,uBAAoCR,qBAAAA,CAAsBM,YAAAA;EAb5GY;;;;EAkBAI,YAAAA,GAAed,aAAAA;EAPfY;;;AAA2B;EAY3BG,aAAAA,GAAgBf,aAAAA;AAAAA;AAAAA,UAEHL,aAAAA,SAAsBkB,eAAAA,EAAiBzB,UAAAA,CAAWY,aAAAA;AAAAA,UAElDJ,QAAAA,SAAiBS,iBAAAA,EAAmBnB,KAAAA,CAAMc,aAAAA"}

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

@@ -0,0 +1,21 @@
+import { i as CompositeStoreOptions, n as CompositeStoreFunctions, s as CompositeStoreState } from "../composite-store-B-iDEtZZ.js";
+import { Store, StoreOptions, StoreProps } from "@ariakit/store";
+
+//#region src/toolbar/toolbar-store.d.ts
+/**
+ * Creates a toolbar store.
+ */
+declare function createToolbarStore(props?: ToolbarStoreProps): ToolbarStore;
+interface ToolbarStoreState extends CompositeStoreState {
+  /** @default "horizontal" */
+  orientation: CompositeStoreState["orientation"];
+  /** @default true */
+  focusLoop: CompositeStoreState["focusLoop"];
+}
+interface ToolbarStoreFunctions extends CompositeStoreFunctions {}
+interface ToolbarStoreOptions extends StoreOptions<ToolbarStoreState, "orientation" | "focusLoop">, CompositeStoreOptions {}
+interface ToolbarStoreProps extends ToolbarStoreOptions, StoreProps<ToolbarStoreState> {}
+interface ToolbarStore extends ToolbarStoreFunctions, Store<ToolbarStoreState> {}
+//#endregion
+export { ToolbarStore, ToolbarStoreFunctions, ToolbarStoreOptions, ToolbarStoreProps, ToolbarStoreState, createToolbarStore };
+//# sourceMappingURL=toolbar-store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-store.d.ts","names":["Store","StoreOptions","StoreProps","CompositeStoreFunctions","CompositeStoreOptions","CompositeStoreState","createToolbarStore","ToolbarStoreProps","ToolbarStore","props","ToolbarStoreState","orientation","focusLoop","ToolbarStoreFunctions","ToolbarStoreOptions"],"sources":["../../src/toolbar/toolbar-store.d.ts"],"mappings":";;;;;;AAKA;iBAAwBM,kBAAAA,CAAmBG,KAAAA,GAAQF,iBAAAA,GAAoBC,YAAY;AAAA,UAClEE,iBAAAA,SAA0BL,mBAAAA;EADwC;EAG/EM,WAAAA,EAAaN,mBAAAA;EAH0BI;EAKvCG,SAAAA,EAAWP,mBAAAA;AAAAA;AAAAA,UAEEQ,qBAAAA,SAA8BV,uBAAuB;AAAA,UAErDW,mBAAAA,SAA4Bb,YAAAA,CAAaS,iBAAAA,gCAAiDN,qBAAAA;AAAAA,UAE1FG,iBAAAA,SAA0BO,mBAAAA,EAAqBZ,UAAAA,CAAWQ,iBAAAA;AAAAA,UAE1DF,YAAAA,SAAqBK,qBAAAA,EAAuBb,KAAAA,CAAMU,iBAAAA"}

package/dist/toolbar/toolbar-store.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-store.js","names":[],"sources":["../../src/toolbar/toolbar-store.ts"],"sourcesContent":["import type { Store, StoreOptions, 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 toolbar store.\n */\nexport function createToolbarStore(\n  props: ToolbarStoreProps = {},\n): ToolbarStore {\n  const syncState = props.store?.getState();\n\n  return 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\nexport interface ToolbarStoreState extends CompositeStoreState {\n  /** @default \"horizontal\" */\n  orientation: CompositeStoreState[\"orientation\"];\n  /** @default true */\n  focusLoop: CompositeStoreState[\"focusLoop\"];\n}\n\nexport interface ToolbarStoreFunctions extends CompositeStoreFunctions {}\n\nexport interface ToolbarStoreOptions\n  extends\n    StoreOptions<ToolbarStoreState, \"orientation\" | \"focusLoop\">,\n    CompositeStoreOptions {}\n\nexport interface ToolbarStoreProps\n  extends ToolbarStoreOptions, StoreProps<ToolbarStoreState> {}\n\nexport interface ToolbarStore\n  extends ToolbarStoreFunctions, Store<ToolbarStoreState> {}\n"],"mappings":";;;;;;AAYA,SAAgB,mBACd,QAA2B,CAAC,GACd;CACd,MAAM,YAAY,MAAM,OAAO,SAAS;CAExC,OAAO,qBAAqB;EAC1B,GAAG;EACH,aAAa,aACX,MAAM,aACN,WAAW,aACX,YACF;EACA,WAAW,aAAa,MAAM,WAAW,WAAW,WAAW,IAAI;CACrE,CAAC;AACH"}

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

@@ -0,0 +1,35 @@
+import { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
+import { Store, StoreOptions, StoreProps } from "@ariakit/store";
+
+//#region src/tooltip/tooltip-store.d.ts
+/**
+ * Creates a tooltip store.
+ */
+declare function createTooltipStore(props?: TooltipStoreProps): TooltipStore;
+interface TooltipStoreState extends HovercardStoreState {
+  /** @default "top" */
+  placement: HovercardStoreState["placement"];
+  /** @default 0 */
+  hideTimeout?: HovercardStoreState["hideTimeout"];
+  /**
+   * Determines whether the tooltip is being used as a label or a description
+   * for the anchor element.
+   * @deprecated Render a visually hidden label or use the `aria-label` or
+   * `aria-labelledby` attributes on the anchor element instead.
+   * @default "description"
+   */
+  type: "label" | "description";
+  /**
+   * The amount of time after a tooltip is hidden while all tooltips on the
+   * page can be shown immediately, without waiting for the show timeout.
+   * @default 300
+   */
+  skipTimeout: number;
+}
+type TooltipStoreFunctions = HovercardStoreFunctions;
+interface TooltipStoreOptions extends StoreOptions<TooltipStoreState, "type" | "placement" | "timeout" | "showTimeout" | "hideTimeout" | "skipTimeout">, HovercardStoreOptions {}
+interface TooltipStoreProps extends TooltipStoreOptions, StoreProps<TooltipStoreState> {}
+interface TooltipStore extends TooltipStoreFunctions, Store<TooltipStoreState> {}
+//#endregion
+export { TooltipStore, TooltipStoreFunctions, TooltipStoreOptions, TooltipStoreProps, TooltipStoreState, createTooltipStore };
+//# sourceMappingURL=tooltip-store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-store.d.ts","names":["Store","StoreOptions","StoreProps","HovercardStoreFunctions","HovercardStoreOptions","HovercardStoreState","createTooltipStore","TooltipStoreProps","TooltipStore","props","TooltipStoreState","placement","hideTimeout","type","skipTimeout","TooltipStoreFunctions","TooltipStoreOptions"],"sources":["../../src/tooltip/tooltip-store.d.ts"],"mappings":";;;;;;AAKA;iBAAwBM,kBAAAA,CAAmBG,KAAAA,GAAQF,iBAAAA,GAAoBC,YAAY;AAAA,UAClEE,iBAAAA,SAA0BL,mBAAAA;EADwC;EAG/EM,SAAAA,EAAWN,mBAAAA;EAH4BI;EAKvCG,WAAAA,GAAcP,mBAAAA;EALiE;AAAA;AACnF;;;;;EAYIQ,IAAAA;EAZ0D;;;;;EAkB1DC,WAAAA;AAAAA;AAAAA,KAEQC,qBAAAA,GAAwBZ,uBAAuB;AAAA,UAC1Ca,mBAAAA,SAA4Bf,YAAAA,CAAaS,iBAAAA,qFAAsGN,qBAAAA;AAAAA,UAE/IG,iBAAAA,SAA0BS,mBAAAA,EAAqBd,UAAAA,CAAWQ,iBAAAA;AAAAA,UAE1DF,YAAAA,SAAqBO,qBAAAA,EAAuBf,KAAAA,CAAMU,iBAAAA"}

package/dist/tooltip/tooltip-store.js

@@ -0,0 +1,29 @@
+import { createHovercardStore } from "../hovercard/hovercard-store.js";
+import { createStore } from "@ariakit/store";
+import { defaultValue } from "@ariakit/utils";
+//#region src/tooltip/tooltip-store.ts
+/**
+* Creates a tooltip store.
+*/
+function createTooltipStore(props = {}) {
+	if (props.type === "label") console.warn("The `type` option on the tooltip store is deprecated.", "Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.", "See https://ariakit.com/components/tooltip#tooltip-anchors-must-have-accessible-names");
+	const syncState = props.store?.getState();
+	const hovercard = createHovercardStore({
+		...props,
+		placement: defaultValue(props.placement, syncState?.placement, "top"),
+		hideTimeout: defaultValue(props.hideTimeout, syncState?.hideTimeout, 0)
+	});
+	const tooltip = createStore({
+		...hovercard.getState(),
+		type: defaultValue(props.type, syncState?.type, "description"),
+		skipTimeout: defaultValue(props.skipTimeout, syncState?.skipTimeout, 300)
+	}, hovercard, props.store);
+	return {
+		...hovercard,
+		...tooltip
+	};
+}
+//#endregion
+export { createTooltipStore };
+
+//# sourceMappingURL=tooltip-store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-store.js","names":[],"sources":["../../src/tooltip/tooltip-store.ts"],"sourcesContent":["import { createStore } from \"@ariakit/store\";\nimport type { Store, StoreOptions, StoreProps } from \"@ariakit/store\";\nimport { defaultValue } from \"@ariakit/utils\";\nimport type {\n  HovercardStoreFunctions,\n  HovercardStoreOptions,\n  HovercardStoreState,\n} from \"../hovercard/hovercard-store.ts\";\nimport { createHovercardStore } from \"../hovercard/hovercard-store.ts\";\n\n/**\n * Creates a tooltip store.\n */\nexport function createTooltipStore(\n  props: TooltipStoreProps = {},\n): TooltipStore {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (props.type === \"label\") {\n      console.warn(\n        \"The `type` option on the tooltip store is deprecated.\",\n        \"Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.\",\n        \"See https://ariakit.com/components/tooltip#tooltip-anchors-must-have-accessible-names\",\n      );\n    }\n  }\n\n  const syncState = props.store?.getState();\n\n  const hovercard = createHovercardStore({\n    ...props,\n    placement: defaultValue(\n      props.placement,\n      syncState?.placement,\n      \"top\" as const,\n    ),\n    hideTimeout: defaultValue(props.hideTimeout, syncState?.hideTimeout, 0),\n  });\n\n  const initialState: TooltipStoreState = {\n    ...hovercard.getState(),\n    type: defaultValue(props.type, syncState?.type, \"description\" as const),\n    skipTimeout: defaultValue(props.skipTimeout, syncState?.skipTimeout, 300),\n  };\n\n  const tooltip = createStore(initialState, hovercard, props.store);\n\n  return {\n    ...hovercard,\n    ...tooltip,\n  };\n}\n\nexport interface TooltipStoreState extends HovercardStoreState {\n  /** @default \"top\" */\n  placement: HovercardStoreState[\"placement\"];\n  /** @default 0 */\n  hideTimeout?: HovercardStoreState[\"hideTimeout\"];\n  /**\n   * Determines whether the tooltip is being used as a label or a description\n   * for the anchor element.\n   * @deprecated Render a visually hidden label or use the `aria-label` or\n   * `aria-labelledby` attributes on the anchor element instead.\n   * @default \"description\"\n   */\n  type: \"label\" | \"description\";\n  /**\n   * The amount of time after a tooltip is hidden while all tooltips on the\n   * page can be shown immediately, without waiting for the show timeout.\n   * @default 300\n   */\n  skipTimeout: number;\n}\n\nexport type TooltipStoreFunctions = HovercardStoreFunctions;\n\nexport interface TooltipStoreOptions\n  extends\n    StoreOptions<\n      TooltipStoreState,\n      | \"type\"\n      | \"placement\"\n      | \"timeout\"\n      | \"showTimeout\"\n      | \"hideTimeout\"\n      | \"skipTimeout\"\n    >,\n    HovercardStoreOptions {}\n\nexport interface TooltipStoreProps\n  extends TooltipStoreOptions, StoreProps<TooltipStoreState> {}\n\nexport interface TooltipStore\n  extends TooltipStoreFunctions, Store<TooltipStoreState> {}\n"],"mappings":";;;;;;;AAaA,SAAgB,mBACd,QAA2B,CAAC,GACd;CAEZ,IAAI,MAAM,SAAS,SACjB,QAAQ,KACN,yDACA,yHACA,uFACF;CAIJ,MAAM,YAAY,MAAM,OAAO,SAAS;CAExC,MAAM,YAAY,qBAAqB;EACrC,GAAG;EACH,WAAW,aACT,MAAM,WACN,WAAW,WACX,KACF;EACA,aAAa,aAAa,MAAM,aAAa,WAAW,aAAa,CAAC;CACxE,CAAC;CAQD,MAAM,UAAU,YAAY;EAL1B,GAAG,UAAU,SAAS;EACtB,MAAM,aAAa,MAAM,MAAM,WAAW,MAAM,aAAsB;EACtE,aAAa,aAAa,MAAM,aAAa,WAAW,aAAa,GAAG;CAGnC,GAAG,WAAW,MAAM,KAAK;CAEhE,OAAO;EACL,GAAG;EACH,GAAG;CACL;AACF"}

package/license

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-present Ariakit FZ-LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.