@ariakit/react-components 0.1.0

package/dist/collection/collection-renderer.js

@@ -0,0 +1,580 @@
+"use client";
+import { useCollectionContext } from "./collection-context.js";
+import { createElement, forwardRef, useBooleanEvent, useEvent, useForceUpdate, useId, useMergeRefs, useWrapElement } from "@ariakit/react-utils";
+import { getScrollingElement, getWindow, invariant, shallowEqual } from "@ariakit/utils";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useStoreState } from "@ariakit/react-store";
+import { flushSync } from "react-dom";
+//#region src/collection/collection-renderer.tsx
+const TagName = "div";
+const CollectionRendererContext = createContext(null);
+function createTask() {
+	let raf = 0;
+	const run = (cb) => {
+		if (raf) return;
+		raf = requestAnimationFrame(() => {
+			raf = 0;
+			cb();
+		});
+	};
+	const cancel = () => {
+		cancelAnimationFrame(raf);
+		raf = 0;
+	};
+	return {
+		run,
+		cancel
+	};
+}
+function findNearestIndex(items, target, getValue) {
+	let left = 0;
+	let right = getItemsLength(items) - 1;
+	while (left <= right) {
+		const index = (left + right) / 2 | 0;
+		const value = getValue(index);
+		if (value === target) return index;
+		else if (value < target) left = index + 1;
+		else right = index - 1;
+	}
+	if (left > 0) return left - 1;
+	return 0;
+}
+function getItemsLength(items) {
+	return typeof items === "number" ? items : items.length;
+}
+function getItemObject(item) {
+	if (!item || typeof item !== "object") return { value: item };
+	return item;
+}
+function getItemId(item, index, baseId) {
+	invariant(baseId, "CollectionRenderer must be given an `id` prop.");
+	const defaultId = `${baseId}/${index}`;
+	return getItemObject(item).id ?? defaultId;
+}
+function getItem(items, index) {
+	if (typeof items === "number") {
+		if (index >= items) return null;
+		return {};
+	}
+	const item = items[index];
+	if (!item) return null;
+	if (typeof item === "object") return item;
+	return { value: item };
+}
+function getItemSize(item, horizontal, fallbackElement) {
+	const itemObject = getItemObject(item);
+	horizontal = itemObject.orientation === "horizontal" || horizontal;
+	const prop = horizontal ? "width" : "height";
+	const style = itemObject.style;
+	if (style) {
+		const size = style[prop];
+		if (typeof size === "number") return size;
+	}
+	const items = itemObject.items;
+	if (items?.length) {
+		const hasSameOrientation = !itemObject.orientation || horizontal && itemObject.orientation === "horizontal" || !horizontal && itemObject.orientation === "vertical";
+		const paddingStart = itemObject.paddingStart ?? itemObject.padding ?? 0;
+		const paddingEnd = itemObject.paddingEnd ?? itemObject.padding ?? 0;
+		const padding = hasSameOrientation ? paddingStart + paddingEnd : 0;
+		const initialSize = (itemObject.gap ?? 0) * (items.length - 1) + padding;
+		if (hasSameOrientation && itemObject.itemSize) return initialSize + itemObject.itemSize * items.length;
+		const totalSize = items.reduce((sum, item) => sum + getItemSize(item, horizontal), initialSize);
+		if (totalSize !== initialSize) return totalSize;
+	}
+	const element = fallbackElement !== false ? itemObject.element || fallbackElement : null;
+	if (element?.isConnected) return element.getBoundingClientRect()[prop];
+	return 0;
+}
+function getAverageSize(props) {
+	const length = getItemsLength(props.items);
+	let currentIndex = 0;
+	let averageSize = props.estimatedItemSize;
+	const setAverageSize = (size) => {
+		const prevIndex = currentIndex;
+		currentIndex = currentIndex + 1;
+		averageSize = (averageSize * prevIndex + size) / currentIndex;
+	};
+	for (let index = 0; index < length; index += 1) {
+		const item = getItem(props.items, index);
+		const itemId = getItemId(item, index, props.baseId);
+		const itemData = props.data.get(itemId);
+		const fallbackElement = props.elements.get(itemId);
+		const size = getItemSize(item, props.horizontal, fallbackElement);
+		if (size) setAverageSize(size);
+		else if (itemData?.rendered) setAverageSize(itemData.end - itemData.start);
+	}
+	return averageSize;
+}
+function getScrollOffset(scroller, horizontal) {
+	if ("scrollX" in scroller) return horizontal ? scroller.scrollX : scroller.scrollY;
+	return horizontal ? scroller.scrollLeft : scroller.scrollTop;
+}
+function getViewport(scroller) {
+	const { defaultView, documentElement } = scroller.ownerDocument;
+	if (scroller === documentElement) return defaultView;
+	return scroller;
+}
+function useScroller(rendererRef) {
+	const [scroller, setScroller] = useState(null);
+	useEffect(() => {
+		const renderer = rendererRef?.current;
+		if (!renderer) return;
+		const scroller = getScrollingElement(renderer);
+		if (!scroller) return;
+		setScroller(scroller);
+	}, [rendererRef]);
+	return scroller;
+}
+function getRendererOffset(renderer, scroller, horizontal) {
+	const win = getWindow(renderer);
+	const htmlElement = win?.document.documentElement;
+	const rendererRect = renderer.getBoundingClientRect();
+	const rendererOffset = horizontal ? rendererRect.left : rendererRect.top;
+	if (scroller === htmlElement) return getScrollOffset(win, horizontal) + rendererOffset;
+	const scrollerRect = scroller.getBoundingClientRect();
+	const scrollerOffset = horizontal ? scrollerRect.left : scrollerRect.top;
+	const scrollOffset = getScrollOffset(scroller, horizontal);
+	return rendererOffset - scrollerOffset + scrollOffset;
+}
+function getOffsets(renderer, scroller, horizontal) {
+	const scrollOffset = getScrollOffset(scroller, horizontal);
+	const rendererOffset = getRendererOffset(renderer, scroller, horizontal);
+	const scrollSize = horizontal ? scroller.clientWidth : scroller.clientHeight;
+	const start = scrollOffset - rendererOffset;
+	return {
+		start,
+		end: start + scrollSize
+	};
+}
+function getItemsEnd(props) {
+	const length = getItemsLength(props.items);
+	const totalPadding = props.paddingStart + props.paddingEnd;
+	if (!length) return totalPadding;
+	const lastIndex = length - 1;
+	const totalGap = lastIndex * props.gap;
+	if (props.itemSize != null) return length * props.itemSize + totalGap + totalPadding;
+	const defaultEnd = length * props.estimatedItemSize + totalGap + totalPadding;
+	if (!props.baseId) return defaultEnd;
+	const lastItemId = getItemId(getItem(props.items, lastIndex), lastIndex, props.baseId);
+	const lastItemData = props.data.get(lastItemId);
+	if (lastItemData?.end) return lastItemData.end + props.paddingEnd;
+	if (!Array.isArray(props.items)) return defaultEnd;
+	const end = props.items.reduce((sum, item) => sum + getItemSize(item, props.horizontal, false), 0);
+	if (!end) return defaultEnd;
+	return end + totalGap + totalPadding;
+}
+function getData(props) {
+	const length = getItemsLength(props.items);
+	let nextData;
+	let start = props.paddingStart;
+	const avgSize = getAverageSize(props);
+	for (let index = 0; index < length; index += 1) {
+		const item = getItem(props.items, index);
+		const itemId = getItemId(item, index, props.baseId);
+		const itemData = props.data.get(itemId);
+		const prevRendered = itemData?.rendered ?? false;
+		const setSize = (size, rendered = prevRendered) => {
+			start = start ? start + props.gap : start;
+			const end = start + size;
+			if (!shallowEqual(itemData, {
+				index,
+				rendered,
+				start,
+				end
+			})) {
+				if (!nextData) nextData = new Map(props.data);
+				nextData.set(itemId, {
+					index,
+					rendered,
+					start,
+					end
+				});
+			}
+			start = end;
+		};
+		const size = getItemSize(item, props.horizontal, props.elements.get(itemId));
+		if (size) setSize(size, true);
+		else if (itemData?.rendered) setSize(itemData.end - itemData.start, true);
+		else setSize(avgSize);
+	}
+	return nextData;
+}
+function useCollectionRenderer({ store, items: itemsProp, initialItems = 0, gap = 0, itemSize, estimatedItemSize = 40, overscan: overscanProp, orientation: orientationProp, padding = 0, paddingStart = padding, paddingEnd = padding, persistentIndices, renderOnScroll = true, renderOnResize = !!renderOnScroll, children: renderItem, ...props }) {
+	const context = useCollectionContext();
+	store = store || context;
+	const items = useStoreState(store, (state) => itemsProp ?? state?.items);
+	invariant(items != null, "CollectionRenderer must be either wrapped in a Collection component or be given an `items` prop.");
+	let parent = useContext(CollectionRendererContext);
+	if (store && parent?.store !== store) parent = null;
+	const parentData = parent?.childrenData;
+	const orientation = orientationProp ?? parent?.orientation ?? "vertical";
+	const overscan = overscanProp ?? parent?.overscan ?? 1;
+	const ref = useRef(null);
+	const baseId = useId(props.id);
+	const horizontal = orientation === "horizontal";
+	const elements = useMemo(() => /* @__PURE__ */ new Map(), []);
+	const [elementsUpdated, updateElements] = useForceUpdate();
+	const [defaultVisibleIndices, setVisibleIndices] = useState(() => {
+		if (!initialItems) return [];
+		const length = getItemsLength(items);
+		const initialLength = Math.min(length, Math.abs(initialItems));
+		return Array.from({ length: initialLength }, (_, index) => {
+			if (initialItems < 0) return length - index - 1;
+			return index;
+		});
+	});
+	const visibleIndices = useMemo(() => {
+		if (!persistentIndices) return defaultVisibleIndices;
+		const nextIndices = defaultVisibleIndices.slice();
+		for (const index of persistentIndices) {
+			if (index < 0) continue;
+			if (nextIndices.includes(index)) continue;
+			nextIndices.push(index);
+		}
+		nextIndices.sort((a, b) => a - b);
+		if (shallowEqual(defaultVisibleIndices, nextIndices)) return defaultVisibleIndices;
+		return nextIndices;
+	}, [defaultVisibleIndices, persistentIndices]);
+	const [data, setData] = useState(() => {
+		if (!baseId) return /* @__PURE__ */ new Map();
+		const data = parentData?.get(baseId) || /* @__PURE__ */ new Map();
+		if (itemSize != null) return data;
+		if (!items) return data;
+		return getData({
+			baseId,
+			items,
+			data,
+			gap,
+			elements,
+			horizontal,
+			paddingStart,
+			itemSize,
+			estimatedItemSize
+		}) || data;
+	});
+	const totalSize = useMemo(() => {
+		return getItemsEnd({
+			baseId,
+			items,
+			data,
+			gap,
+			horizontal,
+			itemSize,
+			estimatedItemSize,
+			paddingStart,
+			paddingEnd
+		});
+	}, [
+		baseId,
+		items,
+		data,
+		gap,
+		horizontal,
+		itemSize,
+		estimatedItemSize,
+		paddingStart,
+		paddingEnd
+	]);
+	useEffect(() => {
+		if (!baseId) return;
+		parentData?.set(baseId, data);
+	}, [
+		baseId,
+		parentData,
+		data
+	]);
+	useEffect(() => {
+		if (itemSize != null) return;
+		if (!baseId) return;
+		if (!items) return;
+		const nextData = getData({
+			baseId,
+			items,
+			data,
+			gap,
+			elements,
+			horizontal,
+			paddingStart,
+			itemSize,
+			estimatedItemSize
+		});
+		if (nextData) setData(nextData);
+	}, [
+		elementsUpdated,
+		itemSize,
+		baseId,
+		items,
+		data,
+		gap,
+		elements,
+		horizontal,
+		paddingStart,
+		estimatedItemSize
+	]);
+	const scroller = useScroller(items ? ref : null);
+	const offsetsRef = useRef({
+		start: 0,
+		end: 0
+	});
+	const processVisibleIndices = useCallback(() => {
+		const offsets = offsetsRef.current;
+		if (!items) return;
+		if (!baseId) return;
+		if (!offsets.end) return;
+		if (!data.size && !itemSize) return;
+		const length = getItemsLength(items);
+		const getItemOffset = (index, prop = "start") => {
+			if (itemSize) {
+				const start = itemSize * index + gap * index + paddingStart;
+				if (prop === "start") return start;
+				return start + itemSize;
+			}
+			const itemId = getItemId(getItem(items, index), index, baseId);
+			return data.get(itemId)?.[prop] ?? 0;
+		};
+		const initialStart = findNearestIndex(items, offsets.start, getItemOffset);
+		let initialEnd = initialStart;
+		while (initialEnd < length && getItemOffset(initialEnd) < offsets.end) initialEnd += 1;
+		const finalOverscan = initialEnd - initialStart ? overscan : 0;
+		const start = Math.max(initialStart - finalOverscan, 0);
+		const end = Math.min(initialEnd + finalOverscan, length);
+		const indices = Array.from({ length: end - start }, (_, index) => index + start);
+		setVisibleIndices((prevIndices) => {
+			if (shallowEqual(prevIndices, indices)) return prevIndices;
+			return indices;
+		});
+	}, [
+		elementsUpdated,
+		items,
+		baseId,
+		data,
+		itemSize,
+		gap,
+		paddingStart,
+		overscan
+	]);
+	useEffect(processVisibleIndices, [processVisibleIndices]);
+	const processVisibleIndicesEvent = useEvent(processVisibleIndices);
+	useEffect(() => {
+		const renderer = ref.current;
+		if (!renderer) return;
+		if (!scroller) return;
+		offsetsRef.current = getOffsets(renderer, scroller, horizontal);
+		processVisibleIndicesEvent();
+	}, [
+		scroller,
+		horizontal,
+		processVisibleIndicesEvent
+	]);
+	const mayRenderOnScroll = !!renderOnScroll;
+	const renderOnScrollProp = useBooleanEvent(renderOnScroll);
+	useEffect(() => {
+		if (!mayRenderOnScroll) return;
+		const renderer = ref.current;
+		if (!renderer) return;
+		if (!scroller) return;
+		const viewport = getViewport(scroller);
+		if (!viewport) return;
+		const task = createTask();
+		const onScroll = (event) => {
+			task.run(() => {
+				if (!renderOnScrollProp(event)) return;
+				offsetsRef.current = getOffsets(renderer, scroller, horizontal);
+				processVisibleIndicesEvent();
+			});
+		};
+		viewport.addEventListener("scroll", onScroll, { passive: true });
+		return () => {
+			task.cancel();
+			viewport.removeEventListener("scroll", onScroll);
+		};
+	}, [
+		mayRenderOnScroll,
+		scroller,
+		renderOnScrollProp,
+		horizontal,
+		processVisibleIndicesEvent
+	]);
+	const mayRenderOnResize = !!renderOnResize;
+	const renderOnResizeProp = useBooleanEvent(renderOnResize);
+	useEffect(() => {
+		if (!mayRenderOnResize) return;
+		const renderer = ref.current;
+		if (!renderer) return;
+		if (!scroller) return;
+		const viewport = getViewport(scroller);
+		if (!viewport) return;
+		const task = createTask();
+		if (viewport === scroller) {
+			if (typeof ResizeObserver !== "function") return;
+			let firstRun = true;
+			const observer = new ResizeObserver(() => {
+				if (firstRun) {
+					firstRun = false;
+					return;
+				}
+				task.run(() => {
+					if (!renderOnResizeProp(scroller)) return;
+					offsetsRef.current = getOffsets(renderer, scroller, horizontal);
+					processVisibleIndicesEvent();
+				});
+			});
+			observer.observe(scroller);
+			return () => {
+				task.cancel();
+				observer.disconnect();
+			};
+		}
+		const onResize = () => {
+			task.run(() => {
+				if (!renderOnResizeProp(scroller)) return;
+				offsetsRef.current = getOffsets(renderer, scroller, horizontal);
+				processVisibleIndicesEvent();
+			});
+		};
+		viewport.addEventListener("resize", onResize, { passive: true });
+		return () => {
+			task.cancel();
+			viewport.removeEventListener("resize", onResize);
+		};
+	}, [
+		mayRenderOnResize,
+		scroller,
+		renderOnResizeProp,
+		horizontal,
+		processVisibleIndicesEvent
+	]);
+	useEffect(() => {
+		if (typeof IntersectionObserver !== "function") return;
+		const renderer = ref.current;
+		if (!renderer) return;
+		if (!scroller) return;
+		const viewport = getViewport(scroller);
+		if (!viewport) return;
+		const observer = new IntersectionObserver(() => {
+			offsetsRef.current = getOffsets(renderer, scroller, horizontal);
+			processVisibleIndicesEvent();
+		}, { root: scroller === viewport ? scroller : null });
+		observer.observe(renderer);
+		return () => {
+			observer.disconnect();
+		};
+	}, [
+		scroller,
+		horizontal,
+		processVisibleIndicesEvent
+	]);
+	const elementObserver = useMemo(() => {
+		if (typeof ResizeObserver !== "function") return;
+		return new ResizeObserver(() => {
+			flushSync(updateElements);
+		});
+	}, [updateElements]);
+	const itemRef = useCallback((element) => {
+		if (!element) return;
+		if (itemSize) return;
+		updateElements();
+		elements.set(element.id, element);
+		elementObserver?.observe(element);
+	}, [
+		itemSize,
+		elements,
+		updateElements,
+		elementObserver
+	]);
+	const getItemProps = useCallback((item, index) => {
+		const itemId = getItemId(item, index, baseId);
+		const offset = itemSize ? paddingStart + itemSize * index + gap * index : data.get(itemId)?.start ?? 0;
+		const baseItemProps = {
+			id: itemId,
+			ref: itemRef,
+			index,
+			style: {
+				position: "absolute",
+				left: horizontal ? offset : 0,
+				top: horizontal ? 0 : offset
+			}
+		};
+		if (itemSize) baseItemProps.style[horizontal ? "width" : "height"] = itemSize;
+		if (item == null) return baseItemProps;
+		const itemProps = getItemObject(item);
+		return {
+			...itemProps,
+			...baseItemProps,
+			style: {
+				...itemProps.style,
+				...baseItemProps.style
+			}
+		};
+	}, [
+		baseId,
+		data,
+		itemSize,
+		paddingStart,
+		gap,
+		horizontal,
+		itemRef
+	]);
+	const children = useMemo(() => {
+		return visibleIndices.map((index) => {
+			if (index < 0) return;
+			const item = getItem(items, index);
+			if (!item) return;
+			return getItemProps(item, index);
+		}).filter((value) => value != null);
+	}, [
+		items,
+		visibleIndices,
+		getItemProps
+	])?.map((itemProps) => {
+		return renderItem?.(itemProps);
+	});
+	const styleProp = props.style;
+	const sizeProperty = horizontal ? "width" : "height";
+	const style = useMemo(() => ({
+		flex: "none",
+		position: "relative",
+		[sizeProperty]: totalSize,
+		...styleProp
+	}), [
+		styleProp,
+		sizeProperty,
+		totalSize
+	]);
+	const childrenData = useMemo(() => /* @__PURE__ */ new Map(), []);
+	const providerValue = useMemo(() => ({
+		store,
+		orientation,
+		overscan,
+		childrenData
+	}), [
+		store,
+		orientation,
+		overscan,
+		childrenData
+	]);
+	props = useWrapElement(props, (element) => /* @__PURE__ */ jsx(CollectionRendererContext.Provider, {
+		value: providerValue,
+		children: element
+	}), [providerValue]);
+	props = {
+		id: baseId,
+		...props,
+		style,
+		ref: useMergeRefs(ref, props.ref)
+	};
+	return {
+		...props,
+		children
+	};
+}
+const CollectionRenderer = forwardRef(function CollectionRenderer(props) {
+	return createElement(TagName, useCollectionRenderer(props));
+});
+const getCollectionRendererItem = getItem;
+const getCollectionRendererItemId = getItemId;
+//#endregion
+export { CollectionRenderer, getCollectionRendererItem, getCollectionRendererItemId, useCollectionRenderer };
+
+//# sourceMappingURL=collection-renderer.js.map

package/dist/collection/collection-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-renderer.js","names":[],"sources":["../../src/collection/collection-renderer.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useBooleanEvent,\n  useEvent,\n  useForceUpdate,\n  useId,\n  useMergeRefs,\n  useWrapElement,\n  createElement,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Options, Props } from \"@ariakit/react-utils\";\nimport {\n  getScrollingElement,\n  getWindow,\n  invariant,\n  shallowEqual,\n} from \"@ariakit/utils\";\nimport type { AnyObject, BooleanOrCallback, EmptyObject } from \"@ariakit/utils\";\nimport type {\n  CSSProperties,\n  ElementType,\n  ReactNode,\n  RefCallback,\n  RefObject,\n} from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { useCollectionContext } from \"./collection-context.tsx\";\nimport type {\n  CollectionStore,\n  CollectionStoreItem,\n} from \"./collection-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\ntype NestedRendererItemProps = Pick<\n  CollectionRendererOptions,\n  | \"gap\"\n  | \"orientation\"\n  | \"itemSize\"\n  | \"estimatedItemSize\"\n  | \"padding\"\n  | \"paddingStart\"\n  | \"paddingEnd\"\n>;\n\ninterface ItemObject extends AnyObject, NestedRendererItemProps {\n  /**\n   * The item unique identifier. If not specified, an ID will be assigned based\n   * on the item's index. If it's a nested item and the item is not included in\n   * the `items` property of its parent, it must be composed by all the\n   * ancestors' IDs and the item's ID, separated by slashes (e.g.,\n   * `grand/parent/item`).\n   */\n  id?: string;\n  /**\n   * The item style object. If the `width` or `height` properties are\n   * specificed, they will be used to calculate the item size.\n   */\n  style?: CSSProperties;\n  /**\n   * A list of nested items. Passing this property will help measure the item\n   * size.\n   */\n  items?: Item[];\n  /**\n   * The rendered item element. This property is assigned to the `items` state\n   * on the collection store and can be used to calculate the item size.\n   */\n  element?: HTMLElement | null;\n}\n\ntype Item =\n  | ItemObject\n  | Omit<string, string>\n  | Omit<number, string>\n  | Omit<boolean, string>\n  | null\n  | undefined;\n\ntype Items<T extends Item> = number | readonly T[];\n\ninterface BaseItemProps {\n  id: string;\n  ref: RefCallback<HTMLElement>;\n  style: CSSProperties;\n  index: number;\n}\n\ntype ItemProps<\n  T extends Item,\n  P extends BaseItemProps = BaseItemProps,\n> = unknown extends T ? P : P & (T extends AnyObject ? T : { value: T });\n\ntype RawItemProps<T extends Item> = unknown extends T\n  ? EmptyObject\n  : T extends AnyObject\n    ? T\n    : { value: T };\n\ntype Data = Map<\n  string,\n  { index: number; rendered: boolean; start: number; end: number }\n>;\n\ninterface CollectionRendererContextValue {\n  store: CollectionRendererOptions[\"store\"];\n  orientation: CollectionRendererOptions[\"orientation\"];\n  overscan: CollectionRendererOptions[\"overscan\"];\n  childrenData: Map<string, Data>;\n}\n\nconst CollectionRendererContext =\n  createContext<CollectionRendererContextValue | null>(null);\n\nfunction createTask() {\n  let raf = 0;\n  const run = (cb: () => void) => {\n    if (raf) return;\n    raf = requestAnimationFrame(() => {\n      raf = 0;\n      cb();\n    });\n  };\n  const cancel = () => {\n    cancelAnimationFrame(raf);\n    raf = 0;\n  };\n  return { run, cancel };\n}\n\nfunction findNearestIndex<T extends Item = any>(\n  items: Items<T>,\n  target: number,\n  getValue: (index: number) => number,\n) {\n  let left = 0;\n  let right = getItemsLength(items) - 1;\n  while (left <= right) {\n    const index = ((left + right) / 2) | 0;\n    const value = getValue(index);\n    if (value === target) return index;\n    else if (value < target) left = index + 1;\n    else right = index - 1;\n  }\n  if (left > 0) return left - 1;\n  return 0;\n}\n\nfunction getItemsLength<T extends Item>(items: Items<T>) {\n  return typeof items === \"number\" ? items : items.length;\n}\n\nfunction getItemObject(item: Item): ItemObject {\n  if (!item || typeof item !== \"object\") {\n    return { value: item };\n  }\n  return item;\n}\n\nfunction getItemId(item: Item, index: number, baseId?: string) {\n  invariant(baseId, \"CollectionRenderer must be given an `id` prop.\");\n  const defaultId = `${baseId}/${index}`;\n  return getItemObject(item).id ?? defaultId;\n}\n\nfunction getItem<T extends Item = any>(\n  items: Items<T>,\n  index: number,\n): RawItemProps<T> | null {\n  if (typeof items === \"number\") {\n    if (index >= items) return null;\n    return {} as RawItemProps<T>;\n  }\n  const item = items[index];\n  if (!item) return null;\n  if (typeof item === \"object\") return item as RawItemProps<T>;\n  return { value: item } as unknown as RawItemProps<T>;\n}\n\nfunction getItemSize(\n  item: Item,\n  horizontal: boolean,\n  fallbackElement?: HTMLElement | null | false,\n): number {\n  const itemObject = getItemObject(item);\n  horizontal = itemObject.orientation === \"horizontal\" || horizontal;\n  const prop = horizontal ? \"width\" : \"height\";\n  const style = itemObject.style;\n  if (style) {\n    const size = style[prop];\n    if (typeof size === \"number\") return size;\n  }\n  const items = itemObject.items;\n  if (items?.length) {\n    const hasSameOrientation =\n      !itemObject.orientation ||\n      (horizontal && itemObject.orientation === \"horizontal\") ||\n      (!horizontal && itemObject.orientation === \"vertical\");\n    const paddingStart = itemObject.paddingStart ?? itemObject.padding ?? 0;\n    const paddingEnd = itemObject.paddingEnd ?? itemObject.padding ?? 0;\n    const padding = hasSameOrientation ? paddingStart + paddingEnd : 0;\n    const initialSize = (itemObject.gap ?? 0) * (items.length - 1) + padding;\n    if (hasSameOrientation && itemObject.itemSize) {\n      return initialSize + itemObject.itemSize * items.length;\n    }\n    // oxlint-disable-next-line no-unnecessary-type-arguments\n    const totalSize = items.reduce<number>(\n      (sum, item) => sum + getItemSize(item, horizontal),\n      initialSize,\n    );\n    if (totalSize !== initialSize) return totalSize;\n  }\n  const element =\n    fallbackElement !== false ? itemObject.element || fallbackElement : null;\n  if (element?.isConnected) {\n    return element.getBoundingClientRect()[prop];\n  }\n  return 0;\n}\n\nfunction getAverageSize<T extends Item>(props: {\n  baseId: string;\n  data: Data;\n  items: Items<T>;\n  elements: Map<string, HTMLElement>;\n  estimatedItemSize: number;\n  horizontal: boolean;\n}) {\n  const length = getItemsLength(props.items);\n  let currentIndex = 0;\n  let averageSize = props.estimatedItemSize;\n\n  const setAverageSize = (size: number) => {\n    const prevIndex = currentIndex;\n    currentIndex = currentIndex + 1;\n    averageSize = (averageSize * prevIndex + size) / currentIndex;\n  };\n\n  for (let index = 0; index < length; index += 1) {\n    const item = getItem(props.items, index);\n    const itemId = getItemId(item, index, props.baseId);\n    const itemData = props.data.get(itemId);\n    const fallbackElement = props.elements.get(itemId);\n    const size = getItemSize(item, props.horizontal, fallbackElement);\n    if (size) {\n      setAverageSize(size);\n    } else if (itemData?.rendered) {\n      setAverageSize(itemData.end - itemData.start);\n    }\n  }\n\n  return averageSize;\n}\n\nfunction getScrollOffset(scroller: Element | Window, horizontal: boolean) {\n  if (\"scrollX\" in scroller) {\n    return horizontal ? scroller.scrollX : scroller.scrollY;\n  }\n  return horizontal ? scroller.scrollLeft : scroller.scrollTop;\n}\n\nfunction getViewport(scroller: Element) {\n  const { defaultView, documentElement } = scroller.ownerDocument;\n  if (scroller === documentElement) return defaultView;\n  return scroller;\n}\n\nfunction useScroller(rendererRef: RefObject<HTMLElement | null> | null) {\n  const [scroller, setScroller] = useState<Element | null>(null);\n  useEffect(() => {\n    const renderer = rendererRef?.current;\n    if (!renderer) return;\n    const scroller = getScrollingElement(renderer);\n    if (!scroller) return;\n    setScroller(scroller);\n  }, [rendererRef]);\n  return scroller;\n}\n\nfunction getRendererOffset(\n  renderer: HTMLElement,\n  scroller: Element,\n  horizontal: boolean,\n): number {\n  const win = getWindow(renderer);\n  const htmlElement = win?.document.documentElement;\n  const rendererRect = renderer.getBoundingClientRect();\n  const rendererOffset = horizontal ? rendererRect.left : rendererRect.top;\n  if (scroller === htmlElement) {\n    const scrollOffset = getScrollOffset(win, horizontal);\n    return scrollOffset + rendererOffset;\n  }\n  const scrollerRect = scroller.getBoundingClientRect();\n  const scrollerOffset = horizontal ? scrollerRect.left : scrollerRect.top;\n  const scrollOffset = getScrollOffset(scroller, horizontal);\n  return rendererOffset - scrollerOffset + scrollOffset;\n}\n\nfunction getOffsets(\n  renderer: HTMLElement,\n  scroller: Element,\n  horizontal: boolean,\n) {\n  const scrollOffset = getScrollOffset(scroller, horizontal);\n  const rendererOffset = getRendererOffset(renderer, scroller, horizontal);\n  const scrollSize = horizontal ? scroller.clientWidth : scroller.clientHeight;\n  const start = scrollOffset - rendererOffset;\n  const end = start + scrollSize;\n  return { start, end };\n}\n\nfunction getItemsEnd<T extends Item>(props: {\n  baseId?: string;\n  items: Items<T>;\n  data: Data;\n  gap: number;\n  horizontal: boolean;\n  itemSize?: number;\n  estimatedItemSize: number;\n  paddingStart: number;\n  paddingEnd: number;\n}) {\n  const length = getItemsLength(props.items);\n  const totalPadding = props.paddingStart + props.paddingEnd;\n  if (!length) return totalPadding;\n  const lastIndex = length - 1;\n  const totalGap = lastIndex * props.gap;\n  if (props.itemSize != null) {\n    return length * props.itemSize + totalGap + totalPadding;\n  }\n  const defaultEnd = length * props.estimatedItemSize + totalGap + totalPadding;\n  if (!props.baseId) return defaultEnd;\n  const lastItem = getItem(props.items, lastIndex);\n  const lastItemId = getItemId(lastItem, lastIndex, props.baseId);\n  const lastItemData = props.data.get(lastItemId);\n  if (lastItemData?.end) return lastItemData.end + props.paddingEnd;\n  if (!Array.isArray(props.items)) return defaultEnd;\n  // oxlint-disable-next-line no-unnecessary-type-arguments\n  const end = props.items.reduce<number>(\n    (sum, item) => sum + getItemSize(item, props.horizontal, false),\n    0,\n  );\n  if (!end) return defaultEnd;\n  return end + totalGap + totalPadding;\n}\n\nfunction getData<T extends Item>(props: {\n  baseId: string;\n  items: Items<T>;\n  data: Data;\n  gap: number;\n  horizontal: boolean;\n  elements: Map<string, HTMLElement>;\n  paddingStart: number;\n  itemSize?: number;\n  estimatedItemSize: number;\n}) {\n  const length = getItemsLength(props.items);\n  let nextData: Data | undefined;\n  let start = props.paddingStart;\n  const avgSize = getAverageSize(props);\n\n  for (let index = 0; index < length; index += 1) {\n    const item = getItem(props.items, index);\n    const itemId = getItemId(item, index, props.baseId);\n    const itemData = props.data.get(itemId);\n    const prevRendered = itemData?.rendered ?? false;\n\n    const setSize = (size: number, rendered = prevRendered) => {\n      start = start ? start + props.gap : start;\n      const end = start + size;\n      const nextItemData = { index, rendered, start, end };\n      if (!shallowEqual(itemData, nextItemData)) {\n        if (!nextData) {\n          nextData = new Map(props.data);\n        }\n        nextData.set(itemId, { index, rendered, start, end });\n      }\n      start = end;\n    };\n\n    const size = getItemSize(\n      item,\n      props.horizontal,\n      props.elements.get(itemId),\n    );\n\n    if (size) {\n      setSize(size, true);\n    } else if (itemData?.rendered) {\n      setSize(itemData.end - itemData.start, true);\n    } else {\n      setSize(avgSize);\n    }\n  }\n\n  return nextData;\n}\n\nexport function useCollectionRenderer<T extends Item = any>({\n  store,\n  items: itemsProp,\n  initialItems = 0,\n  gap = 0,\n  itemSize,\n  estimatedItemSize = 40,\n  overscan: overscanProp,\n  orientation: orientationProp,\n  padding = 0,\n  paddingStart = padding,\n  paddingEnd = padding,\n  persistentIndices,\n  renderOnScroll = true,\n  renderOnResize = !!renderOnScroll,\n  children: renderItem,\n  ...props\n}: CollectionRendererProps<T>) {\n  const context = useCollectionContext();\n  store = store || (context as typeof store);\n\n  const items = useStoreState(\n    store,\n    (state) => itemsProp ?? (state?.items as T[]),\n  );\n\n  invariant(\n    items != null,\n    process.env.NODE_ENV !== \"production\" &&\n      \"CollectionRenderer must be either wrapped in a Collection component or be given an `items` prop.\",\n  );\n\n  let parent = useContext(CollectionRendererContext);\n\n  if (store && parent?.store !== store) {\n    parent = null;\n  }\n\n  const parentData = parent?.childrenData;\n  const orientation = orientationProp ?? parent?.orientation ?? \"vertical\";\n  const overscan = overscanProp ?? parent?.overscan ?? 1;\n\n  const ref = useRef<HTMLType>(null);\n  const baseId = useId(props.id);\n  const horizontal = orientation === \"horizontal\";\n  const elements = useMemo(() => new Map<string, HTMLElement>(), []);\n  const [elementsUpdated, updateElements] = useForceUpdate();\n\n  const [defaultVisibleIndices, setVisibleIndices] = useState<number[]>(() => {\n    if (!initialItems) return [];\n    const length = getItemsLength(items);\n    const initialLength = Math.min(length, Math.abs(initialItems));\n    return Array.from({ length: initialLength }, (_, index) => {\n      if (initialItems < 0) return length - index - 1;\n      return index;\n    });\n  });\n\n  const visibleIndices = useMemo(() => {\n    if (!persistentIndices) return defaultVisibleIndices;\n    const nextIndices = defaultVisibleIndices.slice();\n    for (const index of persistentIndices) {\n      if (index < 0) continue;\n      if (nextIndices.includes(index)) continue;\n      nextIndices.push(index);\n    }\n    nextIndices.sort((a, b) => a - b);\n    if (shallowEqual(defaultVisibleIndices, nextIndices)) {\n      return defaultVisibleIndices;\n    }\n    return nextIndices;\n  }, [defaultVisibleIndices, persistentIndices]);\n\n  const [data, setData] = useState<Data>(() => {\n    if (!baseId) return new Map();\n    const data = parentData?.get(baseId) || new Map();\n    if (itemSize != null) return data;\n    if (!items) return data;\n    const nextData = getData({\n      baseId,\n      items,\n      data,\n      gap,\n      elements,\n      horizontal,\n      paddingStart,\n      itemSize,\n      estimatedItemSize,\n    });\n    return nextData || data;\n  });\n\n  const totalSize = useMemo(() => {\n    return getItemsEnd({\n      baseId,\n      items,\n      data,\n      gap,\n      horizontal,\n      itemSize,\n      estimatedItemSize,\n      paddingStart,\n      paddingEnd,\n    });\n  }, [\n    baseId,\n    items,\n    data,\n    gap,\n    horizontal,\n    itemSize,\n    estimatedItemSize,\n    paddingStart,\n    paddingEnd,\n  ]);\n\n  // Back up the data to the parent so that it can be used later when this\n  // renderer is re-mounted.\n  useEffect(() => {\n    if (!baseId) return;\n    parentData?.set(baseId, data);\n  }, [baseId, parentData, data]);\n\n  useEffect(() => {\n    if (itemSize != null) return;\n    if (!baseId) return;\n    if (!items) return;\n    const nextData = getData({\n      baseId,\n      items,\n      data,\n      gap,\n      elements,\n      horizontal,\n      paddingStart,\n      itemSize,\n      estimatedItemSize,\n    });\n    if (nextData) {\n      setData(nextData);\n    }\n  }, [\n    elementsUpdated,\n    itemSize,\n    baseId,\n    items,\n    data,\n    gap,\n    elements,\n    horizontal,\n    paddingStart,\n    estimatedItemSize,\n  ]);\n\n  const scroller = useScroller(items ? ref : null);\n  const offsetsRef = useRef({ start: 0, end: 0 });\n\n  const processVisibleIndices = useCallback(() => {\n    const offsets = offsetsRef.current;\n\n    if (!items) return;\n    if (!baseId) return;\n    if (!offsets.end) return;\n    if (!data.size && !itemSize) return;\n\n    const length = getItemsLength(items);\n\n    const getItemOffset = (index: number, prop: \"start\" | \"end\" = \"start\") => {\n      if (itemSize) {\n        const start = itemSize * index + gap * index + paddingStart;\n        if (prop === \"start\") return start;\n        return start + itemSize;\n      }\n      const item = getItem(items, index);\n      const itemId = getItemId(item, index, baseId);\n      const itemData = data.get(itemId);\n      return itemData?.[prop] ?? 0;\n    };\n\n    const initialStart = findNearestIndex(items, offsets.start, getItemOffset);\n\n    let initialEnd = initialStart;\n    while (initialEnd < length && getItemOffset(initialEnd) < offsets.end) {\n      initialEnd += 1;\n    }\n\n    const finalOverscan = initialEnd - initialStart ? overscan : 0;\n    const start = Math.max(initialStart - finalOverscan, 0);\n    const end = Math.min(initialEnd + finalOverscan, length);\n\n    const indices = Array.from(\n      { length: end - start },\n      (_, index) => index + start,\n    );\n\n    setVisibleIndices((prevIndices) => {\n      if (shallowEqual(prevIndices, indices)) return prevIndices;\n      return indices;\n    });\n    // oxlint-disable-next-line exhaustive-deps\n  }, [\n    elementsUpdated,\n    items,\n    baseId,\n    data,\n    itemSize,\n    gap,\n    paddingStart,\n    overscan,\n  ]);\n\n  useEffect(processVisibleIndices, [processVisibleIndices]);\n\n  const processVisibleIndicesEvent = useEvent(processVisibleIndices);\n\n  // Update the offsets when the items change.\n  useEffect(() => {\n    const renderer = ref.current;\n    if (!renderer) return;\n    if (!scroller) return;\n    offsetsRef.current = getOffsets(renderer, scroller, horizontal);\n    processVisibleIndicesEvent();\n  }, [scroller, horizontal, processVisibleIndicesEvent]);\n\n  const mayRenderOnScroll = !!renderOnScroll;\n  const renderOnScrollProp = useBooleanEvent(renderOnScroll);\n\n  // Render on scroll\n  useEffect(() => {\n    if (!mayRenderOnScroll) return;\n    const renderer = ref.current;\n    if (!renderer) return;\n    if (!scroller) return;\n    const viewport = getViewport(scroller);\n    if (!viewport) return;\n    const task = createTask();\n    const onScroll = (event: Event) => {\n      task.run(() => {\n        if (!renderOnScrollProp(event)) return;\n        offsetsRef.current = getOffsets(renderer, scroller, horizontal);\n        processVisibleIndicesEvent();\n      });\n    };\n    viewport.addEventListener(\"scroll\", onScroll, { passive: true });\n    return () => {\n      task.cancel();\n      viewport.removeEventListener(\"scroll\", onScroll);\n    };\n  }, [\n    mayRenderOnScroll,\n    scroller,\n    renderOnScrollProp,\n    horizontal,\n    processVisibleIndicesEvent,\n  ]);\n\n  const mayRenderOnResize = !!renderOnResize;\n  const renderOnResizeProp = useBooleanEvent(renderOnResize);\n\n  // Render on resize\n  useEffect(() => {\n    if (!mayRenderOnResize) return;\n    const renderer = ref.current;\n    if (!renderer) return;\n    if (!scroller) return;\n    const viewport = getViewport(scroller);\n    if (!viewport) return;\n    const task = createTask();\n\n    if (viewport === scroller) {\n      if (typeof ResizeObserver !== \"function\") return;\n      let firstRun = true;\n      const observer = new ResizeObserver(() => {\n        if (firstRun) {\n          firstRun = false;\n          return;\n        }\n        task.run(() => {\n          if (!renderOnResizeProp(scroller)) return;\n          offsetsRef.current = getOffsets(renderer, scroller, horizontal);\n          processVisibleIndicesEvent();\n        });\n      });\n      observer.observe(scroller);\n      return () => {\n        task.cancel();\n        observer.disconnect();\n      };\n    }\n\n    const onResize = () => {\n      task.run(() => {\n        if (!renderOnResizeProp(scroller)) return;\n        offsetsRef.current = getOffsets(renderer, scroller, horizontal);\n        processVisibleIndicesEvent();\n      });\n    };\n\n    viewport.addEventListener(\"resize\", onResize, { passive: true });\n    return () => {\n      task.cancel();\n      viewport.removeEventListener(\"resize\", onResize);\n    };\n  }, [\n    mayRenderOnResize,\n    scroller,\n    renderOnResizeProp,\n    horizontal,\n    processVisibleIndicesEvent,\n  ]);\n\n  // Render on intersection\n  useEffect(() => {\n    if (typeof IntersectionObserver !== \"function\") return;\n    const renderer = ref.current;\n    if (!renderer) return;\n    if (!scroller) return;\n    const viewport = getViewport(scroller);\n    if (!viewport) return;\n    const observer = new IntersectionObserver(\n      () => {\n        offsetsRef.current = getOffsets(renderer, scroller, horizontal);\n        processVisibleIndicesEvent();\n      },\n      { root: scroller === viewport ? scroller : null },\n    );\n    observer.observe(renderer);\n    return () => {\n      observer.disconnect();\n    };\n  }, [scroller, horizontal, processVisibleIndicesEvent]);\n\n  const elementObserver = useMemo(() => {\n    if (typeof ResizeObserver !== \"function\") return;\n    return new ResizeObserver(() => {\n      flushSync(updateElements);\n    });\n  }, [updateElements]);\n\n  const itemRef = useCallback<RefCallback<HTMLElement>>(\n    (element) => {\n      if (!element) return;\n      if (itemSize) return;\n      updateElements();\n      elements.set(element.id, element);\n      elementObserver?.observe(element);\n    },\n    [itemSize, elements, updateElements, elementObserver],\n  );\n\n  const getItemProps = useCallback(\n    <Item extends T = T>(item: RawItemProps<Item>, index: number) => {\n      const itemId = getItemId(item, index, baseId);\n      const offset = itemSize\n        ? paddingStart + itemSize * index + gap * index\n        : (data.get(itemId)?.start ?? 0);\n      const baseItemProps: BaseItemProps = {\n        id: itemId,\n        ref: itemRef,\n        index,\n        style: {\n          position: \"absolute\",\n          left: horizontal ? offset : 0,\n          top: horizontal ? 0 : offset,\n        },\n      };\n      if (itemSize) {\n        baseItemProps.style[horizontal ? \"width\" : \"height\"] = itemSize;\n      }\n      if (item == null) return baseItemProps as ItemProps<T>;\n      const itemProps = getItemObject(item);\n      return {\n        ...itemProps,\n        ...baseItemProps,\n        style: {\n          ...itemProps.style,\n          ...baseItemProps.style,\n        },\n      } as ItemProps<T>;\n    },\n    [baseId, data, itemSize, paddingStart, gap, horizontal, itemRef],\n  );\n\n  const itemsProps = useMemo(() => {\n    return visibleIndices\n      .map((index) => {\n        if (index < 0) return;\n        const item = getItem(items, index);\n        if (!item) return;\n        return getItemProps(item, index);\n      })\n      .filter((value): value is NonNullable<typeof value> => value != null);\n  }, [items, visibleIndices, getItemProps]);\n\n  const children = itemsProps?.map((itemProps) => {\n    return renderItem?.(itemProps);\n  });\n\n  const styleProp = props.style;\n  const sizeProperty = horizontal ? \"width\" : \"height\";\n\n  const style = useMemo(\n    () => ({\n      flex: \"none\",\n      position: \"relative\" as const,\n      [sizeProperty]: totalSize,\n      ...styleProp,\n    }),\n    [styleProp, sizeProperty, totalSize],\n  );\n\n  const childrenData = useMemo(() => new Map<string, Data>(), []);\n  const providerValue: CollectionRendererContextValue = useMemo(\n    () => ({ store, orientation, overscan, childrenData }),\n    [store, orientation, overscan, childrenData],\n  );\n\n  props = useWrapElement(\n    props,\n    (element) => (\n      <CollectionRendererContext.Provider value={providerValue}>\n        {element}\n      </CollectionRendererContext.Provider>\n    ),\n    [providerValue],\n  );\n\n  props = {\n    id: baseId,\n    ...props,\n    style,\n    ref: useMergeRefs(ref, props.ref),\n  };\n\n  return { ...props, children };\n}\n\nexport const CollectionRenderer = forwardRef(function CollectionRenderer<\n  T extends Item = any,\n>(props: CollectionRendererProps<T>) {\n  const htmlProps = useCollectionRenderer(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport const getCollectionRendererItem = getItem;\nexport const getCollectionRendererItemId = getItemId;\n\nexport type CollectionRendererItemObject = ItemObject;\nexport type CollectionRendererItem = Item;\nexport type CollectionRendererBaseItemProps = BaseItemProps;\nexport type CollectionRendererItemProps<\n  T extends Item,\n  P extends BaseItemProps = BaseItemProps,\n> = ItemProps<T, P>;\n\nexport interface CollectionRendererOptions<\n  T extends Item = any,\n> extends Options {\n  /**\n   * Object returned by the\n   * [`useCollectionStore`](https://ariakit.com/reference/use-collection-store)\n   * hook. If not provided, the closest\n   * [Collection](https://ariakit.com/components/collection) component's\n   * context will be used.\n   *\n   * The store\n   * [`items`](https://ariakit.com/reference/use-collection-store#items) state\n   * will be used to render the items if the\n   * [`items`](https://ariakit.com/reference/collection-items#items) prop is not\n   * provided.\n   */\n  store?: CollectionStore<\n    T extends CollectionStoreItem ? T : CollectionStoreItem\n  >;\n  /**\n   * All items to be rendered. This prop can be either a memoized array of items\n   * or a number representing the total number of items to be rendered.\n   *\n   * When passing an array, each item can be either a primitive value or an\n   * object. If it's a primitive value, an object with the `value` property will\n   * be automatically created for each item and passed as an argument to the\n   * function that renders the item. If it's an object, the entire object will\n   * be passed.\n   *\n   * The item object can have any shape, but some **optional** properties have\n   * particular functions:\n   * - `id`: The same as the HTML attribute. If not provided, one will be\n   *   generated automatically.\n   * - `style`: The same as the HTML attribute. This will be merged with the\n   *   styles generated by the component for each item. If the `width` or\n   *   `height` properties are explicitly provided here, they will be used to\n   *   calculate the item's size. This is useful when rendering items with known\n   *   variable sizes.\n   * - `items`: An array of items to be rendered as children of this item. This\n   *   is useful when rendering nested items. This property is recommended when\n   *   rendering nested items because it will help the parent renderer calculate\n   *   the size and position of the nested items.\n   *\n   * Also, When rendering nested renderers, you can optionally include props\n   * like `gap`, `orientation`, `itemSize`, `estimatedItemSize`, `padding`,\n   * `paddingStart`, and `paddingEnd`. These props will help the parent renderer\n   * calculate the size and position of the nested renderers.\n   */\n  items?: Items<T>;\n  /**\n   * Whether the items should be rendered when the closest scrollable ancestor\n   * is scrolled.\n   * @default true\n   */\n  renderOnScroll?: BooleanOrCallback<Event>;\n  /**\n   * Whether the items should be rendered when the closest scrollable ancestor\n   * is resized.\n   * @default true\n   */\n  renderOnResize?: BooleanOrCallback<Element>;\n  /**\n   * The number of items to render initially. Can be set to a negative number to\n   * render items from the end of the list.\n   * @default 0\n   */\n  initialItems?: number;\n  /**\n   * Whether the items should be rendered vertically or horizontally.\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * The fixed size of each item in pixels. If not provided, the size will be\n   * automatically calculated.\n   */\n  itemSize?: number;\n  /**\n   * The estimated size of each item in pixels. This is used to calculate the\n   * initial size of the items before they are rendered.\n   * @default 40\n   */\n  estimatedItemSize?: number;\n  /**\n   * The gap between each item in pixels.\n   * @default 0\n   */\n  gap?: number;\n  /**\n   * The number of items to render before and after the visible items.\n   * @default 1\n   */\n  overscan?: number;\n  /**\n   * The item indices that should always be rendered.\n   */\n  persistentIndices?: number[];\n  /**\n   * The padding between the items and the container in pixels. This value will\n   * be used for both the `paddingStart` and `paddingEnd` props, if they are not\n   * explicitly provided.\n   * @default 0\n   */\n  padding?: number;\n  /**\n   * The padding between the items and the container's start edge in pixels.\n   * This value will override the `padding` prop if it is explicitly provided.\n   * @default 0\n   */\n  paddingStart?: number;\n  /**\n   * The padding between the items and the container's end edge in pixels. This\n   * value will override the `padding` prop if it is explicitly provided.\n   * @default 0\n   */\n  paddingEnd?: number;\n  /**\n   * The `children` should be a function that receives item props and returns a\n   * React element. The item props should be spread onto the element that\n   * renders the item.\n   */\n  children?: (item: ItemProps<T>) => ReactNode;\n}\n\nexport interface CollectionRendererProps<T extends Item = any> extends Props<\n  TagName,\n  CollectionRendererOptions<T>\n> {}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { a as CollectionStoreProps, c as useCollectionStoreProps, i as CollectionStoreOptions, n as CollectionStoreFunctions, o as CollectionStoreState, r as CollectionStoreItem, s as useCollectionStore, t as CollectionStore } from "../collection-store-CbwzYsWf.js";
+export { CollectionStore, CollectionStoreFunctions, CollectionStoreItem, CollectionStoreOptions, CollectionStoreProps, CollectionStoreState, useCollectionStore, useCollectionStoreProps };