@ariakit/components 0.1.0

package/dist/composite/composite-overflow-store.d.ts

@@ -0,0 +1,16 @@
+import { a as PopoverStoreState, n as PopoverStoreFunctions, r as PopoverStoreOptions } from "../popover-store-DoCiTmUQ.js";
+import { Store, StoreProps } from "@ariakit/store";
+
+//#region src/composite/composite-overflow-store.d.ts
+/**
+ * Creates a compositeOverflow store.
+ */
+declare function createCompositeOverflowStore(props?: CompositeOverflowStoreProps): CompositeOverflowStore;
+interface CompositeOverflowStoreState extends PopoverStoreState {}
+interface CompositeOverflowStoreFunctions extends PopoverStoreFunctions {}
+interface CompositeOverflowStoreOptions extends PopoverStoreOptions {}
+interface CompositeOverflowStoreProps extends CompositeOverflowStoreOptions, StoreProps<CompositeOverflowStoreState> {}
+interface CompositeOverflowStore extends CompositeOverflowStoreFunctions, Store<CompositeOverflowStoreState> {}
+//#endregion
+export { CompositeOverflowStore, CompositeOverflowStoreFunctions, CompositeOverflowStoreOptions, CompositeOverflowStoreProps, CompositeOverflowStoreState, createCompositeOverflowStore };
+//# sourceMappingURL=composite-overflow-store.d.ts.map

package/dist/composite/composite-overflow-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite-overflow-store.d.ts","names":["Store","StoreProps","PopoverStoreFunctions","PopoverStoreOptions","PopoverStoreState","createCompositeOverflowStore","CompositeOverflowStoreProps","CompositeOverflowStore","props","CompositeOverflowStoreState","CompositeOverflowStoreFunctions","CompositeOverflowStoreOptions"],"sources":["../../src/composite/composite-overflow-store.d.ts"],"mappings":";;;;;;AAKA;iBAAwBK,4BAAAA,CAA6BG,KAAAA,GAAQF,2BAAAA,GAA8BC,sBAAsB;AAAA,UAChGE,2BAAAA,SAAoCL,iBAAiB;AAAA,UAErDM,+BAAAA,SAAwCR,qBAAqB;AAAA,UAE7DS,6BAAAA,SAAsCR,mBAAmB;AAAA,UAEzDG,2BAAAA,SAAoCK,6BAAAA,EAA+BV,UAAAA,CAAWQ,2BAAAA;AAAAA,UAE9EF,sBAAAA,SAA+BG,+BAAAA,EAAiCV,KAAAA,CAAMS,2BAAAA"}

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

@@ -0,0 +1,12 @@
+import { createPopoverStore } from "../popover/popover-store.js";
+//#region src/composite/composite-overflow-store.ts
+/**
+* Creates a compositeOverflow store.
+*/
+function createCompositeOverflowStore(props = {}) {
+	return createPopoverStore(props);
+}
+//#endregion
+export { createCompositeOverflowStore };
+
+//# sourceMappingURL=composite-overflow-store.js.map

package/dist/composite/composite-overflow-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite-overflow-store.js","names":[],"sources":["../../src/composite/composite-overflow-store.ts"],"sourcesContent":["import type { Store, StoreProps } from \"@ariakit/store\";\nimport type {\n  PopoverStoreFunctions,\n  PopoverStoreOptions,\n  PopoverStoreState,\n} from \"../popover/popover-store.ts\";\nimport { createPopoverStore } from \"../popover/popover-store.ts\";\n\n/**\n * Creates a compositeOverflow store.\n */\nexport function createCompositeOverflowStore(\n  props: CompositeOverflowStoreProps = {},\n): CompositeOverflowStore {\n  return createPopoverStore(props);\n}\n\nexport interface CompositeOverflowStoreState extends PopoverStoreState {}\n\nexport interface CompositeOverflowStoreFunctions extends PopoverStoreFunctions {}\n\nexport interface CompositeOverflowStoreOptions extends PopoverStoreOptions {}\n\nexport interface CompositeOverflowStoreProps\n  extends\n    CompositeOverflowStoreOptions,\n    StoreProps<CompositeOverflowStoreState> {}\n\nexport interface CompositeOverflowStore\n  extends CompositeOverflowStoreFunctions, Store<CompositeOverflowStoreState> {}\n"],"mappings":";;;;;AAWA,SAAgB,6BACd,QAAqC,CAAC,GACd;CACxB,OAAO,mBAAmB,KAAK;AACjC"}

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

@@ -0,0 +1,2 @@
+import { a as CompositeStoreOrientation, c as createCompositeStore, i as CompositeStoreOptions, n as CompositeStoreFunctions, o as CompositeStoreProps, r as CompositeStoreItem, s as CompositeStoreState, t as CompositeStore } from "../composite-store-B-iDEtZZ.js";
+export { CompositeStore, CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreOrientation, CompositeStoreProps, CompositeStoreState, createCompositeStore };

package/dist/composite/composite-store.js

@@ -0,0 +1,167 @@
+import { createCollectionStore } from "../collection/collection-store.js";
+import { createStore, setup, sync } from "@ariakit/store";
+import { defaultValue, flatten2DArray, reverseArray } from "@ariakit/utils";
+//#region src/composite/composite-store.ts
+const NULL_ITEM = { id: null };
+function findFirstEnabledItem(items, excludeId) {
+	return items.find((item) => {
+		if (excludeId) return !item.disabled && item.id !== excludeId;
+		return !item.disabled;
+	});
+}
+function getEnabledItems(items, excludeId) {
+	return items.filter((item) => {
+		if (excludeId) return !item.disabled && item.id !== excludeId;
+		return !item.disabled;
+	});
+}
+function getItemsInRow(items, rowId) {
+	return items.filter((item) => item.rowId === rowId);
+}
+function flipItems(items, activeId, shouldInsertNullItem = false) {
+	const index = items.findIndex((item) => item.id === activeId);
+	return [
+		...items.slice(index + 1),
+		...shouldInsertNullItem ? [NULL_ITEM] : [],
+		...items.slice(0, index)
+	];
+}
+function groupItemsByRows(items) {
+	const rows = [];
+	for (const item of items) {
+		const row = rows.find((currentRow) => currentRow[0]?.rowId === item.rowId);
+		if (row) row.push(item);
+		else rows.push([item]);
+	}
+	return rows;
+}
+function getMaxRowLength(array) {
+	let maxLength = 0;
+	for (const { length } of array) if (length > maxLength) maxLength = length;
+	return maxLength;
+}
+function createEmptyItem(rowId) {
+	return {
+		id: "__EMPTY_ITEM__",
+		disabled: true,
+		rowId
+	};
+}
+function normalizeRows(rows, activeId, focusShift) {
+	const maxLength = getMaxRowLength(rows);
+	for (const row of rows) for (let i = 0; i < maxLength; i += 1) {
+		const item = row[i];
+		if (!item || focusShift && item.disabled) {
+			const previousItem = i === 0 && focusShift ? findFirstEnabledItem(row) : row[i - 1];
+			row[i] = previousItem && activeId !== previousItem.id && focusShift ? previousItem : createEmptyItem(previousItem?.rowId);
+		}
+	}
+	return rows;
+}
+function verticalizeItems(items) {
+	const rows = groupItemsByRows(items);
+	const maxLength = getMaxRowLength(rows);
+	const verticalized = [];
+	for (let i = 0; i < maxLength; i += 1) for (const row of rows) {
+		const item = row[i];
+		if (item) verticalized.push({
+			...item,
+			rowId: item.rowId ? `${i}` : void 0
+		});
+	}
+	return verticalized;
+}
+/**
+* Creates a composite store.
+*/
+function createCompositeStore(props = {}) {
+	const syncState = props.store?.getState();
+	const collection = createCollectionStore(props);
+	const activeId = defaultValue(props.activeId, syncState?.activeId, props.defaultActiveId);
+	const composite = createStore({
+		...collection.getState(),
+		id: defaultValue(props.id, syncState?.id) ?? `id-${Math.random().toString(36).slice(2, 8)}`,
+		activeId,
+		baseElement: defaultValue(syncState?.baseElement, null),
+		includesBaseElement: defaultValue(props.includesBaseElement, syncState?.includesBaseElement, activeId === null),
+		moves: defaultValue(syncState?.moves, 0),
+		orientation: defaultValue(props.orientation, syncState?.orientation, "both"),
+		rtl: defaultValue(props.rtl, syncState?.rtl, false),
+		virtualFocus: defaultValue(props.virtualFocus, syncState?.virtualFocus, false),
+		focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, false),
+		focusWrap: defaultValue(props.focusWrap, syncState?.focusWrap, false),
+		focusShift: defaultValue(props.focusShift, syncState?.focusShift, false)
+	}, collection, props.store);
+	setup(composite, () => sync(composite, ["renderedItems", "activeId"], (state) => {
+		composite.setState("activeId", (activeId) => {
+			if (activeId !== void 0) return activeId;
+			return findFirstEnabledItem(state.renderedItems)?.id;
+		});
+	}));
+	const getNextId = (direction = "next", options = {}) => {
+		const defaultState = composite.getState();
+		const { skip = 0, activeId = defaultState.activeId, focusShift = defaultState.focusShift, focusLoop = defaultState.focusLoop, focusWrap = defaultState.focusWrap, includesBaseElement = defaultState.includesBaseElement, renderedItems = defaultState.renderedItems, rtl = defaultState.rtl } = options;
+		const isVerticalDirection = direction === "up" || direction === "down";
+		const isNextDirection = direction === "next" || direction === "down";
+		const canReverse = isNextDirection ? rtl && !isVerticalDirection : !rtl || isVerticalDirection;
+		const canShift = focusShift && !skip;
+		let items = !isVerticalDirection ? renderedItems : flatten2DArray(normalizeRows(groupItemsByRows(renderedItems), activeId, canShift));
+		items = canReverse ? reverseArray(items) : items;
+		items = isVerticalDirection ? verticalizeItems(items) : items;
+		if (activeId == null) return findFirstEnabledItem(items)?.id;
+		const activeItem = items.find((item) => item.id === activeId);
+		if (!activeItem) return findFirstEnabledItem(items)?.id;
+		const isGrid = items.some((item) => item.rowId);
+		const activeIndex = items.indexOf(activeItem);
+		const nextItems = items.slice(activeIndex + 1);
+		const nextItemsInRow = getItemsInRow(nextItems, activeItem.rowId);
+		if (skip) {
+			const nextEnabledItemsInRow = getEnabledItems(nextItemsInRow, activeId);
+			return (nextEnabledItemsInRow.slice(skip)[0] || nextEnabledItemsInRow[nextEnabledItemsInRow.length - 1])?.id;
+		}
+		const canLoop = focusLoop && (isVerticalDirection ? focusLoop !== "horizontal" : focusLoop !== "vertical");
+		const canWrap = isGrid && focusWrap && (isVerticalDirection ? focusWrap !== "horizontal" : focusWrap !== "vertical");
+		const hasNullItem = isNextDirection ? (!isGrid || isVerticalDirection) && canLoop && includesBaseElement : isVerticalDirection ? includesBaseElement : false;
+		if (canLoop) return findFirstEnabledItem(flipItems(canWrap && !hasNullItem ? items : getItemsInRow(items, activeItem.rowId), activeId, hasNullItem), activeId)?.id;
+		if (canWrap) {
+			const nextItem = findFirstEnabledItem(hasNullItem ? nextItemsInRow : nextItems, activeId);
+			return hasNullItem ? nextItem?.id || null : nextItem?.id;
+		}
+		const nextItem = findFirstEnabledItem(nextItemsInRow, activeId);
+		if (!nextItem && hasNullItem) return null;
+		return nextItem?.id;
+	};
+	return {
+		...collection,
+		...composite,
+		setBaseElement: (element) => composite.setState("baseElement", element),
+		setActiveId: (id) => composite.setState("activeId", id),
+		move: (id) => {
+			if (id === void 0) return;
+			composite.setState("activeId", id);
+			composite.setState("moves", (moves) => moves + 1);
+		},
+		first: () => findFirstEnabledItem(composite.getState().renderedItems)?.id,
+		last: () => findFirstEnabledItem(reverseArray(composite.getState().renderedItems))?.id,
+		next: (options) => {
+			if (options !== void 0 && typeof options === "number") options = { skip: options };
+			return getNextId("next", options);
+		},
+		previous: (options) => {
+			if (options !== void 0 && typeof options === "number") options = { skip: options };
+			return getNextId("previous", options);
+		},
+		down: (options) => {
+			if (options !== void 0 && typeof options === "number") options = { skip: options };
+			return getNextId("down", options);
+		},
+		up: (options) => {
+			if (options !== void 0 && typeof options === "number") options = { skip: options };
+			return getNextId("up", options);
+		}
+	};
+}
+//#endregion
+export { createCompositeStore };
+
+//# sourceMappingURL=composite-store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"composite-store.js","names":[],"sources":["../../src/composite/composite-store.ts"],"sourcesContent":["import { createStore, setup, sync } from \"@ariakit/store\";\nimport type { Store, StoreOptions, StoreProps } from \"@ariakit/store\";\nimport { flatten2DArray, reverseArray, defaultValue } from \"@ariakit/utils\";\nimport type { SetState } from \"@ariakit/utils\";\nimport type {\n  CollectionStoreFunctions,\n  CollectionStoreItem,\n  CollectionStoreOptions,\n  CollectionStoreState,\n} from \"../collection/collection-store.ts\";\nimport { createCollectionStore } from \"../collection/collection-store.ts\";\n\ntype Orientation = \"horizontal\" | \"vertical\" | \"both\";\n\ninterface NextOptions extends Pick<\n  Partial<CompositeStoreState>,\n  | \"activeId\"\n  | \"focusShift\"\n  | \"focusLoop\"\n  | \"focusWrap\"\n  | \"includesBaseElement\"\n  | \"renderedItems\"\n  | \"rtl\"\n> {\n  /**\n   * The number of items to skip.\n   */\n  skip?: number;\n}\n\nconst NULL_ITEM = { id: null as unknown as string };\n\nfunction findFirstEnabledItem(items: CompositeStoreItem[], excludeId?: string) {\n  return items.find((item) => {\n    if (excludeId) {\n      return !item.disabled && item.id !== excludeId;\n    }\n    return !item.disabled;\n  });\n}\n\nfunction getEnabledItems(items: CompositeStoreItem[], excludeId?: string) {\n  return items.filter((item) => {\n    if (excludeId) {\n      return !item.disabled && item.id !== excludeId;\n    }\n    return !item.disabled;\n  });\n}\n\nfunction getItemsInRow(items: CompositeStoreItem[], rowId?: string) {\n  return items.filter((item) => item.rowId === rowId);\n}\n\nfunction flipItems(\n  items: CompositeStoreItem[],\n  activeId: string,\n  shouldInsertNullItem = false,\n): CompositeStoreItem[] {\n  const index = items.findIndex((item) => item.id === activeId);\n  return [\n    ...items.slice(index + 1),\n    ...(shouldInsertNullItem ? [NULL_ITEM] : []),\n    ...items.slice(0, index),\n  ];\n}\n\nfunction groupItemsByRows(items: CompositeStoreItem[]) {\n  const rows: CompositeStoreItem[][] = [];\n  for (const item of items) {\n    const row = rows.find((currentRow) => currentRow[0]?.rowId === item.rowId);\n    if (row) {\n      row.push(item);\n    } else {\n      rows.push([item]);\n    }\n  }\n  return rows;\n}\n\nfunction getMaxRowLength(array: CompositeStoreItem[][]) {\n  let maxLength = 0;\n  for (const { length } of array) {\n    if (length > maxLength) {\n      maxLength = length;\n    }\n  }\n  return maxLength;\n}\n\nfunction createEmptyItem(rowId?: string) {\n  return {\n    id: \"__EMPTY_ITEM__\",\n    disabled: true,\n    rowId,\n  };\n}\n\nfunction normalizeRows(\n  rows: CompositeStoreItem[][],\n  activeId?: string | null,\n  focusShift?: boolean,\n) {\n  const maxLength = getMaxRowLength(rows);\n  for (const row of rows) {\n    for (let i = 0; i < maxLength; i += 1) {\n      const item = row[i];\n      if (!item || (focusShift && item.disabled)) {\n        const isFirst = i === 0;\n        const previousItem =\n          isFirst && focusShift ? findFirstEnabledItem(row) : row[i - 1];\n        row[i] =\n          previousItem && activeId !== previousItem.id && focusShift\n            ? previousItem\n            : createEmptyItem(previousItem?.rowId);\n      }\n    }\n  }\n  return rows;\n}\n\nfunction verticalizeItems(items: CompositeStoreItem[]) {\n  const rows = groupItemsByRows(items);\n  const maxLength = getMaxRowLength(rows);\n  const verticalized: CompositeStoreItem[] = [];\n  for (let i = 0; i < maxLength; i += 1) {\n    for (const row of rows) {\n      const item = row[i];\n      if (item) {\n        verticalized.push({\n          ...item,\n          // If there's no rowId, it means that it's not a grid composite, but\n          // a single row instead. So, instead of verticalizing it, that is,\n          // assigning a different rowId based on the column index, we keep it\n          // undefined so they will be part of the same row. This is useful\n          // when using up/down on one-dimensional composites.\n          rowId: item.rowId ? `${i}` : undefined,\n        });\n      }\n    }\n  }\n  return verticalized;\n}\n\n/**\n * Creates a composite store.\n */\nexport function createCompositeStore<\n  T extends CompositeStoreItem = CompositeStoreItem,\n>(props: CompositeStoreProps<T> = {}): CompositeStore<T> {\n  const syncState = props.store?.getState();\n\n  const collection = createCollectionStore(props);\n\n  const activeId = defaultValue(\n    props.activeId,\n    syncState?.activeId,\n    props.defaultActiveId,\n  );\n\n  const initialState: CompositeStoreState<T> = {\n    ...collection.getState(),\n    id:\n      defaultValue(props.id, syncState?.id) ??\n      `id-${Math.random().toString(36).slice(2, 8)}`,\n    activeId,\n    baseElement: defaultValue(syncState?.baseElement, null),\n    includesBaseElement: defaultValue(\n      props.includesBaseElement,\n      syncState?.includesBaseElement,\n      activeId === null,\n    ),\n    moves: defaultValue(syncState?.moves, 0),\n    orientation: defaultValue(\n      props.orientation,\n      syncState?.orientation,\n      \"both\" as const,\n    ),\n    rtl: defaultValue(props.rtl, syncState?.rtl, false),\n    virtualFocus: defaultValue(\n      props.virtualFocus,\n      syncState?.virtualFocus,\n      false,\n    ),\n    focusLoop: defaultValue(props.focusLoop, syncState?.focusLoop, false),\n    focusWrap: defaultValue(props.focusWrap, syncState?.focusWrap, false),\n    focusShift: defaultValue(props.focusShift, syncState?.focusShift, false),\n  };\n\n  const composite = createStore(initialState, collection, props.store);\n\n  // When the activeId is undefined, we need to find the first enabled item and\n  // set it as the activeId.\n  setup(composite, () =>\n    sync(composite, [\"renderedItems\", \"activeId\"], (state) => {\n      composite.setState(\"activeId\", (activeId) => {\n        if (activeId !== undefined) return activeId;\n        return findFirstEnabledItem(state.renderedItems)?.id;\n      });\n    }),\n  );\n\n  const getNextId = (\n    direction: \"next\" | \"previous\" | \"up\" | \"down\" = \"next\",\n    options: NextOptions = {},\n  ): string | null | undefined => {\n    const defaultState = composite.getState();\n    const {\n      skip = 0,\n      activeId = defaultState.activeId,\n      focusShift = defaultState.focusShift,\n      focusLoop = defaultState.focusLoop,\n      focusWrap = defaultState.focusWrap,\n      includesBaseElement = defaultState.includesBaseElement,\n      renderedItems = defaultState.renderedItems,\n      rtl = defaultState.rtl,\n    } = options;\n\n    const isVerticalDirection = direction === \"up\" || direction === \"down\";\n    const isNextDirection = direction === \"next\" || direction === \"down\";\n\n    const canReverse = isNextDirection\n      ? rtl && !isVerticalDirection\n      : !rtl || isVerticalDirection;\n\n    const canShift = focusShift && !skip;\n\n    let items = !isVerticalDirection\n      ? renderedItems\n      : flatten2DArray(\n          normalizeRows(groupItemsByRows(renderedItems), activeId, canShift),\n        );\n\n    items = canReverse ? reverseArray(items) : items;\n    items = isVerticalDirection ? verticalizeItems(items) : items;\n\n    if (activeId == null) {\n      // If there's no item focused, we just move the first one.\n      return findFirstEnabledItem(items)?.id;\n    }\n\n    const activeItem = items.find((item) => item.id === activeId);\n    if (!activeItem) {\n      // If there's no item focused, we just move to the first one.\n      return findFirstEnabledItem(items)?.id;\n    }\n\n    const isGrid = items.some((item) => item.rowId);\n    const activeIndex = items.indexOf(activeItem);\n    const nextItems = items.slice(activeIndex + 1);\n    const nextItemsInRow = getItemsInRow(nextItems, activeItem.rowId);\n\n    if (skip) {\n      // Home, End, PageUp, PageDown\n      const nextEnabledItemsInRow = getEnabledItems(nextItemsInRow, activeId);\n      const nextItem =\n        nextEnabledItemsInRow.slice(skip)[0] ||\n        // If we can't find an item, just return the last one.\n        nextEnabledItemsInRow[nextEnabledItemsInRow.length - 1];\n      return nextItem?.id;\n    }\n\n    const canLoop =\n      focusLoop &&\n      (isVerticalDirection\n        ? focusLoop !== \"horizontal\"\n        : focusLoop !== \"vertical\");\n\n    const canWrap =\n      isGrid &&\n      focusWrap &&\n      (isVerticalDirection\n        ? focusWrap !== \"horizontal\"\n        : focusWrap !== \"vertical\");\n\n    // When calling next directly, hasNullItem will only be true if if it's not\n    // a grid and focusLoop is set to true, which means that pressing right or\n    // down keys on grids will never focus the composite container element. On\n    // one-dimensional composites that don't loop, pressing right or down keys\n    // also doesn't focus on the composite container element.\n    const hasNullItem = isNextDirection\n      ? (!isGrid || isVerticalDirection) && canLoop && includesBaseElement\n      : isVerticalDirection\n        ? includesBaseElement\n        : false;\n\n    if (canLoop) {\n      const loopItems =\n        canWrap && !hasNullItem\n          ? items\n          : getItemsInRow(items, activeItem.rowId);\n      const sortedItems = flipItems(loopItems, activeId, hasNullItem);\n      const nextItem = findFirstEnabledItem(sortedItems, activeId);\n      return nextItem?.id;\n    }\n\n    if (canWrap) {\n      const nextItem = findFirstEnabledItem(\n        // We can use nextItems, which contains all the next items, including\n        // items from other rows, to wrap between rows. However, if there is a\n        // null item (the composite container), we'll only use the next items in\n        // the row. So moving next from the last item will focus on the\n        // composite container. On grid composites, horizontal navigation never\n        // focuses on the composite container, only vertical.\n        hasNullItem ? nextItemsInRow : nextItems,\n        activeId,\n      );\n      const nextId = hasNullItem ? nextItem?.id || null : nextItem?.id;\n      return nextId;\n    }\n\n    const nextItem = findFirstEnabledItem(nextItemsInRow, activeId);\n    if (!nextItem && hasNullItem) {\n      return null;\n    }\n    return nextItem?.id;\n  };\n\n  return {\n    ...collection,\n    ...composite,\n\n    setBaseElement: (element) => composite.setState(\"baseElement\", element),\n    setActiveId: (id) => composite.setState(\"activeId\", id),\n\n    move: (id) => {\n      // move() does nothing\n      if (id === undefined) return;\n      composite.setState(\"activeId\", id);\n      composite.setState(\"moves\", (moves) => moves + 1);\n    },\n\n    first: () => findFirstEnabledItem(composite.getState().renderedItems)?.id,\n    last: () =>\n      findFirstEnabledItem(reverseArray(composite.getState().renderedItems))\n        ?.id,\n\n    next: (options) => {\n      if (options !== undefined && typeof options === \"number\") {\n        options = { skip: options };\n      }\n      return getNextId(\"next\", options);\n    },\n\n    previous: (options) => {\n      if (options !== undefined && typeof options === \"number\") {\n        options = { skip: options };\n      }\n      return getNextId(\"previous\", options);\n    },\n\n    down: (options) => {\n      if (options !== undefined && typeof options === \"number\") {\n        options = { skip: options };\n      }\n      return getNextId(\"down\", options);\n    },\n\n    up: (options) => {\n      if (options !== undefined && typeof options === \"number\") {\n        options = { skip: options };\n      }\n      return getNextId(\"up\", options);\n    },\n  };\n}\n\nexport type CompositeStoreOrientation = Orientation;\n\nexport interface CompositeStoreItem extends CollectionStoreItem {\n  /**\n   * The row id of the item. This is only used on two-dimensional composite\n   * widgets (when using\n   * [`CompositeRow`](https://ariakit.com/reference/composite-row)).\n   */\n  rowId?: string;\n  /**\n   * If enabled, the item will be disabled and users won't be able to focus on\n   * it using arrow keys.\n   */\n  disabled?: boolean;\n  /**\n   * The item children. This can be used for typeahead purposes.\n   */\n  children?: string;\n}\n\nexport interface CompositeStoreState<\n  T extends CompositeStoreItem = CompositeStoreItem,\n> extends CollectionStoreState<T> {\n  /**\n   * The ID of the composite store is used to reference elements within the\n   * composite widget before hydration. If not provided, a random ID will be\n   * generated.\n   */\n  id: string;\n  /**\n   * The composite element itself. Typically, it's the wrapper element that\n   * contains composite items. However, in a combobox, it's the input element.\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   */\n  baseElement: HTMLElement | null;\n  /**\n   * If enabled, the composite element will act as an\n   * [aria-activedescendant](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_focus_activedescendant)\n   * container instead of [roving\n   * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex).\n   * DOM focus will remain on the composite element while its items receive\n   * virtual focus.\n   *\n   * In both scenarios, the item in focus will carry the\n   * [`data-active-item`](https://ariakit.com/guide/styling#data-active-item)\n   * attribute.\n   *\n   * Live examples:\n   * - [Select with Combobox and\n   *   Tabs](https://ariakit.com/examples/select-combobox-tab)\n   * @default false\n   */\n  virtualFocus: boolean;\n  /**\n   * Defines the orientation of the composite widget. If the composite has a\n   * single row or column (one-dimensional), the `orientation` value determines\n   * which arrow keys can be used to move focus:\n   * - `both`: all arrow keys work.\n   * - `horizontal`: only left and right arrow keys work.\n   * - `vertical`: only up and down arrow keys work.\n   *\n   * It doesn't have any effect on two-dimensional composites.\n   * @default \"both\"\n   */\n  orientation: Orientation;\n  /**\n   * Determines how the\n   * [`next`](https://ariakit.com/reference/use-composite-store#next) and\n   * [`previous`](https://ariakit.com/reference/use-composite-store#previous)\n   * functions will behave. If `rtl` is set to `true`, they will be inverted.\n   *\n   * This only affects the composite widget behavior. You still need to set\n   * `dir=\"rtl\"` on HTML/CSS.\n   * @default false\n   */\n  rtl: boolean;\n  /**\n   * Determines how the focus behaves when the user reaches the end of the\n   * composite widget.\n   *\n   * On one-dimensional composite widgets:\n   * - `true` loops from the last item to the first item and vice-versa.\n   * - `horizontal` loops only if\n   *   [`orientation`](https://ariakit.com/reference/composite-provider#orientation)\n   *   is `horizontal` or not set.\n   * - `vertical` loops only if\n   *   [`orientation`](https://ariakit.com/reference/composite-provider#orientation)\n   *   is `vertical` or not set.\n   * - If\n   *   [`includesBaseElement`](https://ariakit.com/reference/composite-provider#includesbaseelement)\n   *   is set to `true` (or\n   *   [`activeId`](https://ariakit.com/reference/composite-provider#activeid)\n   *   is initially set to `null`), the composite element will be focused in\n   *   between the last and first items.\n   *\n   * On two-dimensional composite widgets (when using\n   * [`CompositeRow`](https://ariakit.com/reference/composite-row) or explicitly\n   * passing a [`rowId`](https://ariakit.com/reference/composite-item#rowid)\n   * prop to composite items):\n   * - `true` loops from the last row/column item to the first item in the same\n   *   row/column and vice-versa. If it's the last item in the last row, it\n   *   moves to the first item in the first row and vice-versa.\n   * - `horizontal` loops only from the last row item to the first item in the\n   *   same row.\n   * - `vertical` loops only from the last column item to the first item in the\n   *   column row.\n   * - If\n   *   [`includesBaseElement`](https://ariakit.com/reference/composite-provider#includesbaseelement)\n   *   is set to `true` (or\n   *   [`activeId`](https://ariakit.com/reference/composite-provider#activeid)\n   *   is initially set to `null`), vertical loop will have no effect as moving\n   *   down from the last row or up from the first row will focus on the\n   *   composite element.\n   * - If\n   *   [`focusWrap`](https://ariakit.com/reference/composite-provider#focuswrap)\n   *   matches the value of `focusLoop`, it'll wrap between the last item in the\n   *   last row or column and the first item in the first row or column and\n   *   vice-versa.\n   *\n   * Live examples:\n   * - [Command Menu](https://ariakit.com/examples/dialog-combobox-command-menu)\n   * - [Command Menu with\n   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)\n   * @default false\n   */\n  focusLoop: boolean | Orientation;\n  /**\n   * **Works only on two-dimensional composite widgets**.\n   *\n   * If enabled, moving to the next item from the last one in a row or column\n   * will focus on the first item in the next row or column and vice-versa.\n   * - `true` wraps between rows and columns.\n   * - `horizontal` wraps only between rows.\n   * - `vertical` wraps only between columns.\n   * - If\n   *   [`focusLoop`](https://ariakit.com/reference/composite-provider#focusloop)\n   *   matches the value of `focusWrap`, it'll wrap between the last item in the\n   *   last row or column and the first item in the first row or column and\n   *   vice-versa.\n   *\n   * Live examples:\n   * - [Command Menu with\n   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)\n   * @default false\n   */\n  focusWrap: boolean | Orientation;\n  /**\n   * **Works only on two-dimensional composite widgets**.\n   *\n   * If enabled, moving up or down when there's no next item or when the next\n   * item is disabled will shift to the item right before it.\n   *\n   * Live examples:\n   * - [Command Menu with\n   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)\n   * @default false\n   */\n  focusShift: boolean;\n  /**\n   * The number of times the\n   * [`move`](https://ariakit.com/reference/use-composite-store#move) function\n   * has been called.\n   */\n  moves: number;\n  /**\n   * Indicates if the composite base element (the one with a [composite\n   * role](https://w3c.github.io/aria/#composite)) should be part of the focus\n   * order when navigating with arrow keys. In other words, moving to the\n   * previous element when the first item is in focus will focus on the\n   * composite element itself. The same applies to the last item when moving to\n   * the next element.\n   *\n   * Live examples:\n   * - [Submenu with\n   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)\n   * - [Command Menu](https://ariakit.com/examples/dialog-combobox-command-menu)\n   * @default false\n   */\n  includesBaseElement: boolean;\n  /**\n   * The current active item `id`. The active item is the element within the\n   * composite widget that has either DOM or virtual focus (in case\n   * [`virtualFocus`](https://ariakit.com/reference/composite-provider#virtualfocus)\n   * is enabled).\n   * - `null` represents the base composite element (the one with a [composite\n   *   role](https://w3c.github.io/aria/#composite)). Users will be able to\n   *   navigate out of it using arrow keys.\n   * - If `activeId` is initially set to `null`, the\n   *   [`includesBaseElement`](https://ariakit.com/reference/composite-provider#includesbaseelement)\n   *   prop will also default to `true`, which means the base composite element\n   *   itself will have focus and users will be able to navigate to it using\n   *   arrow keys.\n   *\n   * Live examples:\n   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)\n   */\n  activeId: string | null | undefined;\n}\n\nexport interface CompositeStoreFunctions<\n  T extends CompositeStoreItem = CompositeStoreItem,\n> extends CollectionStoreFunctions<T> {\n  /**\n   * Sets the `baseElement` state.\n   */\n  setBaseElement: SetState<CompositeStoreState<T>[\"baseElement\"]>;\n  /**\n   * Sets the\n   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)\n   * state _without moving focus_. If you want to move focus, use the\n   * [`move`](https://ariakit.com/reference/use-composite-store#move) function\n   * instead.\n   * @example\n   * // Sets the composite element as the active item\n   * store.setActiveId(null);\n   * // Sets the item with id \"item-1\" as the active item\n   * store.setActiveId(\"item-1\");\n   * // Sets the next item as the active item\n   * store.setActiveId(store.next());\n   */\n  setActiveId: SetState<CompositeStoreState<T>[\"activeId\"]>;\n  /**\n   * Moves focus to a given item id and sets it as the active item.\n   * - Passing `null` will focus on the composite element itself (the one with a\n   *   [composite role](https://w3c.github.io/aria/#composite)). Users will be\n   *   able to navigate out of it using arrow keys.\n   * - If you want to set the active item id _without moving focus_, use the\n   *   [`setActiveId`](https://ariakit.com/reference/use-composite-store#setactiveid)\n   *   function instead.\n   *\n   * Live examples:\n   * - [Select Grid](https://ariakit.com/examples/select-grid)\n   * @example\n   * // Moves focus to the composite element\n   * store.move(null);\n   * // Moves focus to the item with id \"item-1\"\n   * store.move(\"item-1\");\n   * // Moves focus to the next item\n   * store.move(store.next());\n   */\n  move: (id?: string | null) => void;\n  /**\n   * Returns the id of the next enabled item based on the current\n   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)\n   * state. You can pass additional options to override the current state.\n   * @example\n   * const nextId = store.next();\n   */\n  next: {\n    (options?: NextOptions): string | null | undefined;\n    /**\n     * @deprecated Use the object syntax instead: `next({ skip: 2 })`.\n     */\n    (skip?: number): string | null | undefined;\n  };\n  /**\n   * Returns the id of the previous enabled item based on the current\n   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)\n   * state. You can pass additional options to override the current state.\n   * @example\n   * const previousId = store.previous();\n   */\n  previous: {\n    (options?: NextOptions): string | null | undefined;\n    /**\n     * @deprecated Use the object syntax instead: `previous({ skip: 2 })`.\n     */\n    (skip?: number): string | null | undefined;\n  };\n  /**\n   * Returns the id of the enabled item above based on the current\n   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)\n   * state. You can pass additional options to override the current state.\n   * @example\n   * const upId = store.up();\n   */\n  up: {\n    (options?: NextOptions): string | null | undefined;\n    /**\n     * @deprecated Use the object syntax instead: `up({ skip: 2 })`.\n     */\n    (skip?: number): string | null | undefined;\n  };\n  /**\n   * Returns the id of the enabled item below based on the current\n   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)\n   * state. You can pass additional options to override the current state.\n   * @example\n   * const downId = store.down();\n   */\n  down: {\n    (options?: NextOptions): string | null | undefined;\n    /**\n     * @deprecated Use the object syntax instead: `down({ skip: 2 })`.\n     */\n    (skip?: number): string | null | undefined;\n  };\n  /**\n   * Returns the id of the first enabled item.\n   */\n  first: () => string | null | undefined;\n  /**\n   * Returns the id of the last enabled item.\n   */\n  last: () => string | null | undefined;\n}\n\nexport interface CompositeStoreOptions<\n  T extends CompositeStoreItem = CompositeStoreItem,\n>\n  extends\n    CollectionStoreOptions<T>,\n    StoreOptions<\n      CompositeStoreState<T>,\n      | \"id\"\n      | \"virtualFocus\"\n      | \"orientation\"\n      | \"rtl\"\n      | \"focusLoop\"\n      | \"focusWrap\"\n      | \"focusShift\"\n      | \"includesBaseElement\"\n      | \"activeId\"\n    > {\n  /**\n   * The composite item id that should be active by default when the composite\n   * widget is rendered. If `null`, the composite element itself will have focus\n   * and users will be able to navigate to it using arrow keys. If `undefined`,\n   * the first enabled item will be focused.\n   */\n  defaultActiveId?: CompositeStoreState<T>[\"activeId\"];\n}\n\nexport interface CompositeStoreProps<\n  T extends CompositeStoreItem = CompositeStoreItem,\n>\n  extends CompositeStoreOptions<T>, StoreProps<CompositeStoreState<T>> {}\n\nexport interface CompositeStore<\n  T extends CompositeStoreItem = CompositeStoreItem,\n>\n  extends CompositeStoreFunctions<T>, Store<CompositeStoreState<T>> {}\n"],"mappings":"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"}

package/dist/composite-store-B-iDEtZZ.d.ts

@@ -0,0 +1,331 @@
+import { i as CollectionStoreOptions, n as CollectionStoreFunctions, o as CollectionStoreState, r as CollectionStoreItem } from "./collection-store-yNe83BiS.js";
+import { Store, StoreOptions, StoreProps } from "@ariakit/store";
+import { SetState } from "@ariakit/utils";
+
+//#region src/composite/composite-store.d.ts
+type Orientation = "horizontal" | "vertical" | "both";
+interface NextOptions extends Pick<Partial<CompositeStoreState>, "activeId" | "focusShift" | "focusLoop" | "focusWrap" | "includesBaseElement" | "renderedItems" | "rtl"> {
+  /**
+   * The number of items to skip.
+   */
+  skip?: number;
+}
+/**
+ * Creates a composite store.
+ */
+declare function createCompositeStore<T extends CompositeStoreItem = CompositeStoreItem>(props?: CompositeStoreProps<T>): CompositeStore<T>;
+type CompositeStoreOrientation = Orientation;
+interface CompositeStoreItem extends CollectionStoreItem {
+  /**
+   * The row id of the item. This is only used on two-dimensional composite
+   * widgets (when using
+   * [`CompositeRow`](https://ariakit.com/reference/composite-row)).
+   */
+  rowId?: string;
+  /**
+   * If enabled, the item will be disabled and users won't be able to focus on
+   * it using arrow keys.
+   */
+  disabled?: boolean;
+  /**
+   * The item children. This can be used for typeahead purposes.
+   */
+  children?: string;
+}
+interface CompositeStoreState<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreState<T> {
+  /**
+   * The ID of the composite store is used to reference elements within the
+   * composite widget before hydration. If not provided, a random ID will be
+   * generated.
+   */
+  id: string;
+  /**
+   * The composite element itself. Typically, it's the wrapper element that
+   * contains composite items. However, in a combobox, it's the input element.
+   *
+   * Live examples:
+   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)
+   */
+  baseElement: HTMLElement | null;
+  /**
+   * If enabled, the composite element will act as an
+   * [aria-activedescendant](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_focus_activedescendant)
+   * container instead of [roving
+   * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex).
+   * DOM focus will remain on the composite element while its items receive
+   * virtual focus.
+   *
+   * In both scenarios, the item in focus will carry the
+   * [`data-active-item`](https://ariakit.com/guide/styling#data-active-item)
+   * attribute.
+   *
+   * Live examples:
+   * - [Select with Combobox and
+   *   Tabs](https://ariakit.com/examples/select-combobox-tab)
+   * @default false
+   */
+  virtualFocus: boolean;
+  /**
+   * Defines the orientation of the composite widget. If the composite has a
+   * single row or column (one-dimensional), the `orientation` value determines
+   * which arrow keys can be used to move focus:
+   * - `both`: all arrow keys work.
+   * - `horizontal`: only left and right arrow keys work.
+   * - `vertical`: only up and down arrow keys work.
+   *
+   * It doesn't have any effect on two-dimensional composites.
+   * @default "both"
+   */
+  orientation: Orientation;
+  /**
+   * Determines how the
+   * [`next`](https://ariakit.com/reference/use-composite-store#next) and
+   * [`previous`](https://ariakit.com/reference/use-composite-store#previous)
+   * functions will behave. If `rtl` is set to `true`, they will be inverted.
+   *
+   * This only affects the composite widget behavior. You still need to set
+   * `dir="rtl"` on HTML/CSS.
+   * @default false
+   */
+  rtl: boolean;
+  /**
+   * Determines how the focus behaves when the user reaches the end of the
+   * composite widget.
+   *
+   * On one-dimensional composite widgets:
+   * - `true` loops from the last item to the first item and vice-versa.
+   * - `horizontal` loops only if
+   *   [`orientation`](https://ariakit.com/reference/composite-provider#orientation)
+   *   is `horizontal` or not set.
+   * - `vertical` loops only if
+   *   [`orientation`](https://ariakit.com/reference/composite-provider#orientation)
+   *   is `vertical` or not set.
+   * - If
+   *   [`includesBaseElement`](https://ariakit.com/reference/composite-provider#includesbaseelement)
+   *   is set to `true` (or
+   *   [`activeId`](https://ariakit.com/reference/composite-provider#activeid)
+   *   is initially set to `null`), the composite element will be focused in
+   *   between the last and first items.
+   *
+   * On two-dimensional composite widgets (when using
+   * [`CompositeRow`](https://ariakit.com/reference/composite-row) or explicitly
+   * passing a [`rowId`](https://ariakit.com/reference/composite-item#rowid)
+   * prop to composite items):
+   * - `true` loops from the last row/column item to the first item in the same
+   *   row/column and vice-versa. If it's the last item in the last row, it
+   *   moves to the first item in the first row and vice-versa.
+   * - `horizontal` loops only from the last row item to the first item in the
+   *   same row.
+   * - `vertical` loops only from the last column item to the first item in the
+   *   column row.
+   * - If
+   *   [`includesBaseElement`](https://ariakit.com/reference/composite-provider#includesbaseelement)
+   *   is set to `true` (or
+   *   [`activeId`](https://ariakit.com/reference/composite-provider#activeid)
+   *   is initially set to `null`), vertical loop will have no effect as moving
+   *   down from the last row or up from the first row will focus on the
+   *   composite element.
+   * - If
+   *   [`focusWrap`](https://ariakit.com/reference/composite-provider#focuswrap)
+   *   matches the value of `focusLoop`, it'll wrap between the last item in the
+   *   last row or column and the first item in the first row or column and
+   *   vice-versa.
+   *
+   * Live examples:
+   * - [Command Menu](https://ariakit.com/examples/dialog-combobox-command-menu)
+   * - [Command Menu with
+   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)
+   * @default false
+   */
+  focusLoop: boolean | Orientation;
+  /**
+   * **Works only on two-dimensional composite widgets**.
+   *
+   * If enabled, moving to the next item from the last one in a row or column
+   * will focus on the first item in the next row or column and vice-versa.
+   * - `true` wraps between rows and columns.
+   * - `horizontal` wraps only between rows.
+   * - `vertical` wraps only between columns.
+   * - If
+   *   [`focusLoop`](https://ariakit.com/reference/composite-provider#focusloop)
+   *   matches the value of `focusWrap`, it'll wrap between the last item in the
+   *   last row or column and the first item in the first row or column and
+   *   vice-versa.
+   *
+   * Live examples:
+   * - [Command Menu with
+   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)
+   * @default false
+   */
+  focusWrap: boolean | Orientation;
+  /**
+   * **Works only on two-dimensional composite widgets**.
+   *
+   * If enabled, moving up or down when there's no next item or when the next
+   * item is disabled will shift to the item right before it.
+   *
+   * Live examples:
+   * - [Command Menu with
+   *   Tabs](https://ariakit.com/examples/dialog-combobox-tab-command-menu)
+   * @default false
+   */
+  focusShift: boolean;
+  /**
+   * The number of times the
+   * [`move`](https://ariakit.com/reference/use-composite-store#move) function
+   * has been called.
+   */
+  moves: number;
+  /**
+   * Indicates if the composite base element (the one with a [composite
+   * role](https://w3c.github.io/aria/#composite)) should be part of the focus
+   * order when navigating with arrow keys. In other words, moving to the
+   * previous element when the first item is in focus will focus on the
+   * composite element itself. The same applies to the last item when moving to
+   * the next element.
+   *
+   * Live examples:
+   * - [Submenu with
+   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)
+   * - [Command Menu](https://ariakit.com/examples/dialog-combobox-command-menu)
+   * @default false
+   */
+  includesBaseElement: boolean;
+  /**
+   * The current active item `id`. The active item is the element within the
+   * composite widget that has either DOM or virtual focus (in case
+   * [`virtualFocus`](https://ariakit.com/reference/composite-provider#virtualfocus)
+   * is enabled).
+   * - `null` represents the base composite element (the one with a [composite
+   *   role](https://w3c.github.io/aria/#composite)). Users will be able to
+   *   navigate out of it using arrow keys.
+   * - If `activeId` is initially set to `null`, the
+   *   [`includesBaseElement`](https://ariakit.com/reference/composite-provider#includesbaseelement)
+   *   prop will also default to `true`, which means the base composite element
+   *   itself will have focus and users will be able to navigate to it using
+   *   arrow keys.
+   *
+   * Live examples:
+   * - [Combobox with Tabs](https://ariakit.com/examples/combobox-tabs)
+   */
+  activeId: string | null | undefined;
+}
+interface CompositeStoreFunctions<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreFunctions<T> {
+  /**
+   * Sets the `baseElement` state.
+   */
+  setBaseElement: SetState<CompositeStoreState<T>["baseElement"]>;
+  /**
+   * Sets the
+   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)
+   * state _without moving focus_. If you want to move focus, use the
+   * [`move`](https://ariakit.com/reference/use-composite-store#move) function
+   * instead.
+   * @example
+   * // Sets the composite element as the active item
+   * store.setActiveId(null);
+   * // Sets the item with id "item-1" as the active item
+   * store.setActiveId("item-1");
+   * // Sets the next item as the active item
+   * store.setActiveId(store.next());
+   */
+  setActiveId: SetState<CompositeStoreState<T>["activeId"]>;
+  /**
+   * Moves focus to a given item id and sets it as the active item.
+   * - Passing `null` will focus on the composite element itself (the one with a
+   *   [composite role](https://w3c.github.io/aria/#composite)). Users will be
+   *   able to navigate out of it using arrow keys.
+   * - If you want to set the active item id _without moving focus_, use the
+   *   [`setActiveId`](https://ariakit.com/reference/use-composite-store#setactiveid)
+   *   function instead.
+   *
+   * Live examples:
+   * - [Select Grid](https://ariakit.com/examples/select-grid)
+   * @example
+   * // Moves focus to the composite element
+   * store.move(null);
+   * // Moves focus to the item with id "item-1"
+   * store.move("item-1");
+   * // Moves focus to the next item
+   * store.move(store.next());
+   */
+  move: (id?: string | null) => void;
+  /**
+   * Returns the id of the next enabled item based on the current
+   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)
+   * state. You can pass additional options to override the current state.
+   * @example
+   * const nextId = store.next();
+   */
+  next: {
+    (options?: NextOptions): string | null | undefined;
+    /**
+     * @deprecated Use the object syntax instead: `next({ skip: 2 })`.
+     */
+    (skip?: number): string | null | undefined;
+  };
+  /**
+   * Returns the id of the previous enabled item based on the current
+   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)
+   * state. You can pass additional options to override the current state.
+   * @example
+   * const previousId = store.previous();
+   */
+  previous: {
+    (options?: NextOptions): string | null | undefined;
+    /**
+     * @deprecated Use the object syntax instead: `previous({ skip: 2 })`.
+     */
+    (skip?: number): string | null | undefined;
+  };
+  /**
+   * Returns the id of the enabled item above based on the current
+   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)
+   * state. You can pass additional options to override the current state.
+   * @example
+   * const upId = store.up();
+   */
+  up: {
+    (options?: NextOptions): string | null | undefined;
+    /**
+     * @deprecated Use the object syntax instead: `up({ skip: 2 })`.
+     */
+    (skip?: number): string | null | undefined;
+  };
+  /**
+   * Returns the id of the enabled item below based on the current
+   * [`activeId`](https://ariakit.com/reference/composite-provider#activeid)
+   * state. You can pass additional options to override the current state.
+   * @example
+   * const downId = store.down();
+   */
+  down: {
+    (options?: NextOptions): string | null | undefined;
+    /**
+     * @deprecated Use the object syntax instead: `down({ skip: 2 })`.
+     */
+    (skip?: number): string | null | undefined;
+  };
+  /**
+   * Returns the id of the first enabled item.
+   */
+  first: () => string | null | undefined;
+  /**
+   * Returns the id of the last enabled item.
+   */
+  last: () => string | null | undefined;
+}
+interface CompositeStoreOptions<T extends CompositeStoreItem = CompositeStoreItem> extends CollectionStoreOptions<T>, StoreOptions<CompositeStoreState<T>, "id" | "virtualFocus" | "orientation" | "rtl" | "focusLoop" | "focusWrap" | "focusShift" | "includesBaseElement" | "activeId"> {
+  /**
+   * The composite item id that should be active by default when the composite
+   * widget is rendered. If `null`, the composite element itself will have focus
+   * and users will be able to navigate to it using arrow keys. If `undefined`,
+   * the first enabled item will be focused.
+   */
+  defaultActiveId?: CompositeStoreState<T>["activeId"];
+}
+interface CompositeStoreProps<T extends CompositeStoreItem = CompositeStoreItem> extends CompositeStoreOptions<T>, StoreProps<CompositeStoreState<T>> {}
+interface CompositeStore<T extends CompositeStoreItem = CompositeStoreItem> extends CompositeStoreFunctions<T>, Store<CompositeStoreState<T>> {}
+//#endregion
+export { CompositeStoreOrientation as a, createCompositeStore as c, CompositeStoreOptions as i, CompositeStoreFunctions as n, CompositeStoreProps as o, CompositeStoreItem as r, CompositeStoreState as s, CompositeStore as t };
+//# sourceMappingURL=composite-store-B-iDEtZZ.d.ts.map

package/dist/composite-store-B-iDEtZZ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite-store-B-iDEtZZ.d.ts","names":["Store","StoreOptions","StoreProps","SetState","CollectionStoreFunctions","CollectionStoreItem","CollectionStoreOptions","CollectionStoreState","Orientation","NextOptions","CompositeStoreState","Partial","Pick","skip","createCompositeStore","T","CompositeStoreItem","CompositeStoreProps","CompositeStore","props","CompositeStoreOrientation","rowId","disabled","children","HTMLElement","id","baseElement","virtualFocus","orientation","rtl","focusLoop","focusWrap","focusShift","moves","includesBaseElement","activeId","CompositeStoreFunctions","setBaseElement","setActiveId","move","next","options","previous","up","down","first","last","CompositeStoreOptions","defaultActiveId"],"sources":["../src/composite/composite-store.d.ts"],"mappings":";;;;;KAGKQ,WAAAA;AAAAA,UACKC,WAAAA,SAAoBG,IAAAA,CAAKD,OAAAA,CAAQD,mBAAAA;EADtCF;;;EAKDK,IAAAA;AAAAA;AALY;;;AAAA,iBAUQC,oBAAAA,WAA+BE,kBAAAA,GAAqBA,kBAAAA,CAAAA,CAAoBG,KAAAA,GAAQF,mBAAAA,CAAoBF,CAAAA,IAAKG,cAAAA,CAAeH,CAAAA;AAAAA,KACpIK,yBAAAA,GAA4BZ,WAAW;AAAA,UAClCQ,kBAAAA,SAA2BX,mBAAmB;EAX7B;;;;;EAiB9BgB,KAAAA;EAbI;AAAA;AAKR;;EAaIC,QAAAA;EAbmDN;;;EAiBnDO,QAAAA;AAAAA;AAAAA,UAEab,mBAAAA,WAA8BM,kBAAAA,GAAqBA,kBAAAA,UAA4BT,oBAAAA,CAAqBQ,CAAAA;EAnB0B;;;;;EAyB3IU,EAAAA;EAzBwHV;;;;;AAAqB;AACjJ;EAgCIW,WAAAA,EAAaF,WAAAA;;;AAhCkC;AACnD;;;;;;;;;AAeY;AAEZ;;;;EAgCIG,YAAAA;EAhCiHZ;;;;;;;;;;;EA4CjHa,WAAAA,EAAapB,WAAAA;EA5CoGO;;;;;;;;;;EAuDjHc,GAAAA;EAsEqBrB;;;;;;AAmDb;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAzEIsB,SAAAA,YAAqBtB,WAAAA;EAqJNC;;;;;;;;;;AA2BX;AAER;;;;;;;;EA9JIsB,SAAAA,YAAqBvB,WAAAA;EAqKHE;;;;;;;;;;;EAzJlBsB,UAAAA;EAkJ0JjB;;;;;EA5I1JkB,KAAAA;EAqJahB;;;;;;;;;;;;;;EAtIbiB,mBAAAA;EAsI4Fa;;;;;;AAA0D;AAE1J;;;;;;;;;;EAtHIZ,QAAAA;AAAAA;AAAAA,UAEaC,uBAAAA,WAAkCpB,kBAAAA,GAAqBA,kBAAAA,UAA4BZ,wBAAAA,CAAyBW,CAAAA;EAoHnFC;;;EAhHtCqB,cAAAA,EAAgBlC,QAAAA,CAASO,mBAAAA,CAAoBK,CAAAA;EAgHsEf;;;;AAA2B;;;;;;;;;;EAjG9IsC,WAAAA,EAAanC,QAAAA,CAASO,mBAAAA,CAAoBK,CAAAA;;;;;;;;;;;;;;;;;;;;EAoB1CwB,IAAAA,GAAOd,EAAAA;;;;;;;;EAQPe,IAAAA;IAAAA,CACKC,OAAAA,GAAUhC,WAAAA;;;;KAIVI,IAAAA;EAAAA;;;;;;;;EASL6B,QAAAA;IAAAA,CACKD,OAAAA,GAAUhC,WAAAA;;;;KAIVI,IAAAA;EAAAA;;;;;;;;EASL8B,EAAAA;IAAAA,CACKF,OAAAA,GAAUhC,WAAAA;;;;KAIVI,IAAAA;EAAAA;;;;;;;;EASL+B,IAAAA;IAAAA,CACKH,OAAAA,GAAUhC,WAAAA;;;;KAIVI,IAAAA;EAAAA;;;;EAKLgC,KAAAA;;;;EAIAC,IAAAA;AAAAA;AAAAA,UAEaC,qBAAAA,WAAgC/B,kBAAAA,GAAqBA,kBAAAA,UAA4BV,sBAAAA,CAAuBS,CAAAA,GAAId,YAAAA,CAAaS,mBAAAA,CAAoBK,CAAAA;;;;;;;EAO1JiC,eAAAA,GAAkBtC,mBAAAA,CAAoBK,CAAAA;AAAAA;AAAAA,UAEzBE,mBAAAA,WAA8BD,kBAAAA,GAAqBA,kBAAAA,UAA4B+B,qBAAAA,CAAsBhC,CAAAA,GAAIb,UAAAA,CAAWQ,mBAAAA,CAAoBK,CAAAA;AAAAA,UAExIG,cAAAA,WAAyBF,kBAAAA,GAAqBA,kBAAAA,UAA4BoB,uBAAAA,CAAwBrB,CAAAA,GAAIf,KAAAA,CAAMU,mBAAAA,CAAoBK,CAAAA"}

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

@@ -0,0 +1,2 @@
+import { a as DialogStoreState, i as DialogStoreProps, n as DialogStoreFunctions, o as createDialogStore, r as DialogStoreOptions, t as DialogStore } from "../dialog-store-BOLvw2IX.js";
+export { DialogStore, DialogStoreFunctions, DialogStoreOptions, DialogStoreProps, DialogStoreState, createDialogStore };

package/dist/dialog/dialog-store.js

@@ -0,0 +1,12 @@
+import { createDisclosureStore } from "../disclosure/disclosure-store.js";
+//#region src/dialog/dialog-store.ts
+/**
+* Creates a dialog store.
+*/
+function createDialogStore(props = {}) {
+	return createDisclosureStore(props);
+}
+//#endregion
+export { createDialogStore };
+
+//# sourceMappingURL=dialog-store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-store.js","names":[],"sources":["../../src/dialog/dialog-store.ts"],"sourcesContent":["import type { Store, StoreProps } from \"@ariakit/store\";\nimport type {\n  DisclosureStoreFunctions,\n  DisclosureStoreOptions,\n  DisclosureStoreState,\n} from \"../disclosure/disclosure-store.ts\";\nimport { createDisclosureStore } from \"../disclosure/disclosure-store.ts\";\n\n/**\n * Creates a dialog store.\n */\nexport function createDialogStore(props: DialogStoreProps = {}): DialogStore {\n  return createDisclosureStore(props);\n}\n\nexport interface DialogStoreState extends DisclosureStoreState {}\n\nexport interface DialogStoreFunctions extends DisclosureStoreFunctions {}\n\nexport interface DialogStoreOptions extends DisclosureStoreOptions {}\n\nexport interface DialogStoreProps\n  extends DialogStoreOptions, StoreProps<DialogStoreState> {}\n\nexport interface DialogStore\n  extends DialogStoreFunctions, Store<DialogStoreState> {}\n"],"mappings":";;;;;AAWA,SAAgB,kBAAkB,QAA0B,CAAC,GAAgB;CAC3E,OAAO,sBAAsB,KAAK;AACpC"}