@vuetify/v0 1.2.0 → 1.2.1

package/dist/browser/index.js

@@ -210,11 +210,38 @@ function project(ranges, map) {
 	}
 	return projected;
 }
+function search(text, query, ignoreCase, foldQuery, foldTarget, matchAll) {
+	const folded = foldQuery ? fold(query) : query;
+	const needle = ignoreCase ? lower(folded) : folded;
+	if (needle.length === 0) return [];
+	if (!foldTarget) {
+		if (!ignoreCase) return collect(text, needle, matchAll);
+		const lowered = lower(text);
+		if (lowered.length === text.length) return collect(lowered, needle, matchAll);
+	}
+	const { folded: haystack, map } = foldWithMap(text, ignoreCase, foldTarget);
+	return project(collect(haystack, needle, matchAll), map);
+}
+function mergeRanges(a, b) {
+	const combined = [...a, ...b].toSorted((x, y) => x[0] - y[0] || x[1] - y[1]);
+	const merged = [];
+	for (const range of combined) {
+		const last = merged.at(-1);
+		if (last && range[0] < last[1]) continue;
+		merged.push(range);
+	}
+	return merged;
+}
 /**
 * Finds `[start, end]` index pairs where `query` occurs in `text`, optionally
 * folding accents on either side. Returned indices always address the original
 * `text`, even when folding or case-conversion changed its length.
 *
+* Directional folding (`'query'` or `'target'`) only transforms one side, but
+* a spelling that's already identical on both sides — accents and all — is
+* merged in verbatim, so folding one side never hides a match the other side
+* already has.
+*
 * @param text The string to search.
 * @param query The term to look for. An empty query yields no ranges.
 * @param options Optional `ignoreCase`, `ignoreAccents`, `matchAll`.
@@ -229,6 +256,9 @@ function project(ranges, map) {
 *
 * findMatchRanges('Łódź', 'Lo', { ignoreAccents: 'target' })
 * // [[0, 2]]
+*
+* findMatchRanges('… Kraków …', 'Kraków', { ignoreAccents: 'query' })
+* // [[2, 8]] — typing the exact accented name always finds itself
 * ```
 */
 /* @__NO_SIDE_EFFECTS__ */
@@ -236,16 +266,9 @@ function findMatchRanges(text, query, options = {}) {
 	const { ignoreCase = false, ignoreAccents = false, matchAll = false } = options;
 	const foldQuery = ignoreAccents === true || ignoreAccents === "query";
 	const foldTarget = ignoreAccents === true || ignoreAccents === "target";
-	const folded = foldQuery ? fold(query) : query;
-	const needle = ignoreCase ? lower(folded) : folded;
-	if (needle.length === 0) return [];
-	if (!foldTarget) {
-		if (!ignoreCase) return collect(text, needle, matchAll);
-		const lowered = lower(text);
-		if (lowered.length === text.length) return collect(lowered, needle, matchAll);
-	}
-	const { folded: haystack, map } = foldWithMap(text, ignoreCase, foldTarget);
-	return project(collect(haystack, needle, matchAll), map);
+	if (foldQuery === foldTarget) return search(text, query, ignoreCase, foldQuery, foldTarget, matchAll);
+	const merged = mergeRanges(search(text, query, ignoreCase, false, false, true), search(text, query, ignoreCase, foldQuery, foldTarget, true));
+	return matchAll ? merged : merged.slice(0, 1);
 }
 //#endregion
 //#region src/constants/globals.ts
@@ -255,7 +278,7 @@ const SUPPORTS_MATCH_MEDIA = IN_BROWSER && "matchMedia" in window && typeof wind
 const SUPPORTS_OBSERVER = IN_BROWSER && "ResizeObserver" in window;
 const SUPPORTS_INTERSECTION_OBSERVER = IN_BROWSER && "IntersectionObserver" in window;
 const SUPPORTS_MUTATION_OBSERVER = IN_BROWSER && "MutationObserver" in window;
-const version = "1.2.0";
+const version = "1.2.1";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 //#endregion
@@ -287,6 +310,13 @@ function instanceName() {
 //#endregion
 //#region src/utilities/helpers.ts
 /**
+* @module utilities/helpers
+*
+* @remarks
+* Collection of utility functions for type checking, object manipulation,
+* and common transformations. All exports are tree-shakeable.
+*/
+/**
 * Checks if a value is a function
 *
 * @param item The value to check
@@ -473,7 +503,7 @@ function isElement(item) {
 */
 /* @__NO_SIDE_EFFECTS__ */
 function getActiveElement() {
-	if (typeof document === "undefined") return null;
+	if (!IN_BROWSER) return null;
 	let active = document.activeElement;
 	while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
 	return active;
@@ -2276,12 +2306,12 @@ function createRegistry(options) {
 		const valueIsIndex = registration.valueIsIndex ?? valueIsUndefined;
 		if (valueIsIndex) indexDependentCount++;
 		const input = {
+			unregister: () => unregister(id),
 			...registration,
 			id,
 			index,
 			value,
-			valueIsIndex,
-			unregister: () => unregister(id)
+			valueIsIndex
 		};
 		const ticket = reactive ? shallowReactive(input) : input;
 		if (auto) minted.add(ticket);
@@ -2618,6 +2648,7 @@ function createModel(_options = {}) {
 		const id = registration.id ?? /* @__PURE__ */ useId();
 		const item = {
 			disabled: false,
+			unregister: () => unregister(id),
 			...registration,
 			isSelected: toRef(() => selected(id)),
 			id
@@ -6398,7 +6429,8 @@ function createGroup(_options = {}) {
 			unselect: () => unselect(id),
 			toggle: () => toggle(id),
 			mix: () => mix(id),
-			unmix: () => unmix(id)
+			unmix: () => unmix(id),
+			unregister: () => unregister(id)
 		};
 		const ticket = selection.register(item);
 		if (toValue(registration.indeterminate)) mix(id);
@@ -6421,6 +6453,14 @@ function createGroup(_options = {}) {
 		mixedIds.clear();
 		selection.reset();
 	}
+	function clear() {
+		mixedIds.clear();
+		selection.clear();
+	}
+	function dispose() {
+		mixedIds.clear();
+		selection.dispose();
+	}
 	const selectableItems = computed(() => {
 		return proxy.values.filter((item) => !toValue(item.disabled));
 	});
@@ -6462,6 +6502,8 @@ function createGroup(_options = {}) {
 		offboard,
 		onboard,
 		reset,
+		clear,
+		dispose,
 		selectAll,
 		unselectAll,
 		toggleAll,
@@ -6624,7 +6666,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 			const fD = firstDividerWidth.value;
 			const eW = ellipsisWidth.value;
 			const reserved = fI + __props.gap + fD + __props.gap + eW + __props.gap;
-			if (capacity === Infinity || capacity >= measuredCount) {
+			if (ellipsisTickets.length === 0 || capacity === Infinity || capacity >= measuredCount) {
 				hiddenCount.value = 0;
 				if (expanded.value) expanded.value = false;
 				for (const t of ellipsisTickets) group.unselect(t.id);
@@ -8049,6 +8091,7 @@ function createStep(_options = {}) {
 	function step(count = 1) {
 		const length = registry.size;
 		if (!length) return;
+		registry.lookup(0);
 		const currentIndex = registry.selectedIndex.value;
 		const direction = Math.sign(count || 1);
 		let hops = 0;
@@ -10216,17 +10259,18 @@ function createPopoverFallback() {
 * import { FloatingUIPopoverAdapter } from '@vuetify/v0/popover/adapters/floating-ui'
 *
 * export const [useAppPopover, provideAppPopover, appPopover] = createPopoverContext({
-*   namespace: 'app:popover-plugin',
+*   namespace: 'app:popover',
 *   adapter: new FloatingUIPopoverAdapter(),
 * })
 * ```
 *
 * Plugin trinity for an app-wide popover positioning adapter.
 *
-* Namespace is `v0:popover-plugin` — not `v0:popover`, which `Popover.Root`
-* already owns for compound context. The generated consumer is module-private;
-* `usePopover()` consults it internally. Fallback is `{ adapter: undefined }`,
-* so zero-config matches today's `V0PopoverAdapter` default.
+* Namespace is `v0:popover`. Compound `Popover.Root` context lives at
+* `v0:popover:root` so the two do not collide. The generated consumer is
+* module-private; `usePopover()` consults it internally. Fallback is
+* `{ adapter: undefined }`, so zero-config matches today's `V0PopoverAdapter`
+* default.
 *
 * @example
 * ```ts
@@ -10236,7 +10280,7 @@ function createPopoverFallback() {
 * app.use(createPopoverPlugin({ adapter: new FloatingUIPopoverAdapter() }))
 * ```
 */
-const [createPopoverContext, createPopoverPlugin, usePopoverPlugin] = createPluginContext("v0:popover-plugin", createPopover, { fallback: () => createPopoverFallback() });
+const [createPopoverContext, createPopoverPlugin, usePopoverPlugin] = createPluginContext("v0:popover", createPopover, { fallback: () => createPopoverFallback() });
 function bindOption(source, fallback) {
 	const override = shallowRef();
 	return computed({
@@ -12477,9 +12521,9 @@ function createDataTable(options = {}) {
 	}
 	const { selectedId: selectedLocale } = useLocale();
 	const locale = toRef(() => {
+		if (!/* @__PURE__ */ isNullOrUndefined(initialLocale)) return initialLocale;
 		const selected = selectedLocale?.value;
 		if (!/* @__PURE__ */ isNullOrUndefined(selected)) return String(selected);
-		return initialLocale;
 	});
 	const leaves = computed(() => /* @__PURE__ */ extractLeaves(columns.values()));
 	const headers = computed(() => /* @__PURE__ */ resolveHeaders(columns.values()));
@@ -14894,7 +14938,6 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 			if (!/* @__PURE__ */ isUndefined(current)) context.expansion.toggle(current);
 		}
 		function onSplitterLayout(sizes) {
-			if (sizes.length !== context.layout.columns.value.length) return;
 			const visible = new Set(context.layout.columns.value.map((c) => c.id));
 			const assigned = /* @__PURE__ */ new Map();
 			for (const [index, size] of sizes.entries()) {
@@ -14910,7 +14953,6 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 				if (/* @__PURE__ */ isUndefined(size)) return;
 				permuted.push(size);
 			}
-			if (permuted.length !== sizes.length) return;
 			context.layout.distribute(permuted);
 		}
 		const slotProps = toRef(() => ({
@@ -18189,7 +18231,7 @@ const UNSET = /* @__PURE__ */ Symbol("unset");
 * ```
 */
 function createValidation(_options = {}) {
-	const { rules: initialRules = [], value: valueSource, enroll = true, ...options } = _options;
+	const { rules: initialRules = [], value: valueSource, enroll = true, formNamespace = "v0:form", ...options } = _options;
 	const group = createGroup({
 		...options,
 		enroll,
@@ -18204,8 +18246,8 @@ function createValidation(_options = {}) {
 	let latest;
 	function register(input) {
 		if (/* @__PURE__ */ isFunction(input) || /* @__PURE__ */ isString(input) || /* @__PURE__ */ isStandardSchema(input)) {
-			const resolved = rulesContext.resolve([input]);
-			return group.register({ value: resolved[0] ?? (() => true) });
+			const rule = rulesContext.resolve([input])[0] ?? (() => /* @__PURE__ */ isString(input) ? `Unknown validation rule "${input}"` : false);
+			return group.register({ value: rule });
 		}
 		return group.register(input);
 	}
@@ -18284,7 +18326,7 @@ function createValidation(_options = {}) {
 			return group.size;
 		}
 	};
-	const form = useForm();
+	const form = useForm(formNamespace);
 	const ticket = form?.register({ value: context });
 	onScopeDispose(() => {
 		if (!ticket || !form) return;
@@ -18312,15 +18354,24 @@ function createValidation(_options = {}) {
 * import { createInput } from '@vuetify/v0'
 *
 * const value = shallowRef('')
-* const input = createInput({ value, label: 'Name', rules: ['required'] })
+* const input = createInput({ value, label: 'Name', required: true })
 * await input.validate()
 * ```
 */
 function createInput(options) {
-	const { value, id = /* @__PURE__ */ useId(), label, name, form, required, disabled = false, readonly: _readonly = false, rules = [], error = false, errorMessages, dirty: dirtyFn, equals = (a, b) => a === b } = options;
+	const { value, id = /* @__PURE__ */ useId(), label, name, form, formNamespace, required, disabled = false, readonly: _readonly = false, rules = [], error = false, errorMessages, dirty: dirtyFn, equals = (a, b) => a === b } = options;
+	function filled(val) {
+		if (dirtyFn) return dirtyFn(val);
+		return /* @__PURE__ */ isString(val) ? val.length > 0 : !/* @__PURE__ */ isNullOrUndefined(val);
+	}
+	const locale = useLocale();
+	function requiredRule(v) {
+		return filled(v) || (locale.ti("Input.required") ?? "Required");
+	}
 	const validation = createValidation({
-		rules,
-		value
+		rules: required ? [requiredRule, ...rules] : rules,
+		value,
+		formNamespace
 	});
 	const initialValue = value.value;
 	const isFocused = shallowRef(false);
@@ -18333,10 +18384,7 @@ function createInput(options) {
 	const isReadonly = toRef(() => toValue(_readonly));
 	const descriptionId = `${id}-description`;
 	const errorId = `${id}-error`;
-	const isDirty = toRef(() => {
-		if (dirtyFn) return dirtyFn(value.value);
-		return /* @__PURE__ */ isString(value.value) ? value.value.length > 0 : !/* @__PURE__ */ isNullOrUndefined(value.value);
-	});
+	const isDirty = toRef(() => filled(value.value));
 	const isPristine = shallowRef(true);
 	watch(value, (val) => {
 		isPristine.value = equals(val, initialValue);
@@ -18426,6 +18474,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 		},
 		errorMessages: {},
 		namespace: { default: "v0:input:root" },
+		formNamespace: { default: "v0:form" },
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
@@ -18448,6 +18497,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 			label: __props.label,
 			name: __props.name,
 			form: __props.form,
+			formNamespace: __props.formNamespace,
 			required: __props.required,
 			disabled: () => toValue(__props.disabled),
 			readonly: () => toValue(__props.readonly),
@@ -18545,6 +18595,11 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputControl.vue
+function defined(attrs) {
+	const result = {};
+	for (const key of Object.keys(attrs)) if (!/* @__PURE__ */ isUndefined(attrs[key])) result[key] = attrs[key];
+	return result;
+}
 const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 	name: "InputControl",
 	inheritAttrs: false,
@@ -18575,7 +18630,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 			const disabled = root.isDisabled.value;
 			const readonly = root.isReadonly.value;
 			const isFocused = root.isFocused.value;
-			return {
+			return defined({
 				"id": root.id,
 				"type": root.type.value,
 				"name": root.name,
@@ -18596,7 +18651,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 				"onInput": onInput,
 				"onFocus": onFocus,
 				"onBlur": onBlur
-			};
+			});
 		});
 		const slotProps = toRef(() => ({
 			value: root.value.value,
@@ -18972,7 +19027,7 @@ function createNumeric(options = {}) {
 * ```
 */
 function createNumberField(options = {}) {
-	const { value = ref(null), locale = "en-US", format: formatOptions, clamp: shouldClamp = true, commitOn = "change", disabled = false, readonly: _readonly = false, min, max, step, leap, wrap, id, label, name, rules, error, errorMessages } = options;
+	const { value = ref(null), locale = "en-US", format: formatOptions, clamp: shouldClamp = true, commitOn = "change", disabled = false, readonly: _readonly = false, min, max, step, leap, wrap, id, label, name, formNamespace, required, rules, error, errorMessages } = options;
 	const numeric = createNumeric({
 		min,
 		max,
@@ -18985,6 +19040,8 @@ function createNumberField(options = {}) {
 		id,
 		label,
 		name,
+		formNamespace,
+		required,
 		disabled,
 		readonly: _readonly,
 		rules,
@@ -19137,6 +19194,7 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		namespace: { default: "v0:number-field:root" },
+		formNamespace: { default: "v0:form" },
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
@@ -19152,6 +19210,8 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 			id: __props.id,
 			label: __props.label,
 			name: __props.name,
+			formNamespace: __props.formNamespace,
+			required: __props.required,
 			locale: __props.locale,
 			format: __props.format,
 			clamp: __props.clamp,
@@ -20897,7 +20957,7 @@ const Pagination = {
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
-const [usePopoverContext, providePopoverContext] = createContext("v0:popover");
+const [usePopoverContext, providePopoverContext] = createContext("v0:popover:root");
 const _sfc_main$119 = /* @__PURE__ */ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
@@ -21017,7 +21077,14 @@ const _sfc_main$118 = /* @__PURE__ */ defineComponent({
 			if (!/* @__PURE__ */ isUndefined(value)) context.positionTry.value = value;
 		}, { immediate: true });
 		const id = toRef(() => __props.id ?? context.id);
-		const style = toRef(() => context.contentStyles.value);
+		const style = toRef(() => {
+			const styles = context.contentStyles.value;
+			if (/* @__PURE__ */ isUndefined(__props.id)) return styles;
+			return {
+				...styles,
+				"position-anchor": `--${String(__props.id).replace(/[^a-zA-Z0-9_-]/g, "")}`
+			};
+		});
 		context.attach(() => ref.value?.element);
 		function onBeforeToggle(e) {
 			emit("beforetoggle", e);
@@ -21477,6 +21544,9 @@ function createProgress(options = {}) {
 		if (pending && segments.value.length >= pending.length) pending = null;
 		return ticket;
 	}
+	function onboard(registrations) {
+		return model.batch(() => registrations.map((registration) => register(registration)));
+	}
 	function apply(incoming, _options) {
 		const clamped = incoming.map((v) => /* @__PURE__ */ clamp(Number(v), min, max));
 		if (segments.value.length === 0) {
@@ -21496,6 +21566,7 @@ function createProgress(options = {}) {
 		isIndeterminate,
 		fromValue,
 		register,
+		onboard,
 		apply,
 		min,
 		max,
@@ -21548,7 +21619,6 @@ const _sfc_main$126 = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const attrs = useAttrs();
 		const model = useModel(__props, "modelValue");
-		const scalar = !/* @__PURE__ */ isArray(model.value) && !/* @__PURE__ */ isNullOrUndefined(model.value);
 		const internal = computed({
 			get: () => {
 				if (/* @__PURE__ */ isNullOrUndefined(model.value)) return [];
@@ -21557,8 +21627,8 @@ const _sfc_main$126 = /* @__PURE__ */ defineComponent({
 			set: (arr) => {
 				/* v8 ignore next -- defensive guard for null/undefined model with empty registry */
 				if (/* @__PURE__ */ isNullOrUndefined(model.value) && arr.length === 0) return;
-				/* v8 ignore next -- arr[0] always defined when scalar=true since model started as a number */
-				model.value = scalar ? arr[0] ?? 0 : arr;
+				/* v8 ignore next -- arr[0] is defined once a fill has registered a value */
+				model.value = /* @__PURE__ */ isArray(model.value) ? arr : arr[0] ?? 0;
 			}
 		});
 		const progress = createProgress({
@@ -21679,16 +21749,19 @@ const _sfc_main$123 = /* @__PURE__ */ defineComponent({
 		/* v8 ignore next -- defensive: registered ticket.value always coalesces to number via toRef getter above */
 		const current = toRef(() => toValue(ticket.value) ?? 0);
 		const percent = toRef(() => root.fromValue(current.value));
-		const slotProps = toRef(() => ({
-			value: current.value,
-			percent: percent.value,
-			index: ticket.index,
-			attrs: {
-				"data-index": ticket.index,
-				"data-state": root.isIndeterminate.value ? "indeterminate" : "determinate",
-				"style": { width: `${percent.value}%` }
-			}
-		}));
+		const slotProps = toRef(() => {
+			const indeterminate = root.isIndeterminate.value;
+			return {
+				value: current.value,
+				percent: percent.value,
+				index: ticket.index,
+				attrs: {
+					"data-index": ticket.index,
+					"data-state": indeterminate ? "indeterminate" : "determinate",
+					"style": indeterminate ? void 0 : { width: `${percent.value}%` }
+				}
+			};
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$12), mergeProps(mergeProps(unref(attrs), slotProps.value.attrs), {
 				as: __props.as,
@@ -26855,6 +26928,7 @@ const _sfc_main$170 = /* @__PURE__ */ defineComponent({
 		ariaLabel: {},
 		ariaLabelledby: {},
 		ariaDescribedby: {},
+		el: {},
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -26862,7 +26936,7 @@ const _sfc_main$170 = /* @__PURE__ */ defineComponent({
 		const attrs = useAttrs();
 		const rootRef = useTemplateRef("root");
 		const tabs = useTabsRoot(__props.namespace);
-		const el = toRef(() => /* @__PURE__ */ toElement(rootRef.value?.element) ?? void 0);
+		const el = toRef(() => /* @__PURE__ */ toElement(__props.el) ?? /* @__PURE__ */ toElement(rootRef.value?.element) ?? void 0);
 		const ticket = tabs.register({
 			id: __props.id,
 			value: __props.value,
@@ -26878,7 +26952,7 @@ const _sfc_main$170 = /* @__PURE__ */ defineComponent({
 		function focusSelectedTab() {
 			nextTick(() => {
 				const selected = tabs.selectedItem.value;
-				if (selected) toValue(selected.el)?.focus();
+				if (selected) (/* @__PURE__ */ toElement(selected.el))?.focus();
 			});
 		}
 		function focusAdjacent(direction) {
@@ -26893,7 +26967,7 @@ const _sfc_main$170 = /* @__PURE__ */ defineComponent({
 				else if (index < 0 || index >= length) return;
 				const item = all[index];
 				if (item && !toValue(item.disabled)) {
-					nextTick(() => toValue(item.el)?.focus());
+					nextTick(() => (/* @__PURE__ */ toElement(item.el))?.focus());
 					return;
 				}
 				index += direction;
@@ -26902,7 +26976,7 @@ const _sfc_main$170 = /* @__PURE__ */ defineComponent({
 		}
 		function focusEdge(edge) {
 			const item = tabs.seek(edge);
-			if (item) nextTick(() => toValue(item.el)?.focus());
+			if (item) nextTick(() => (/* @__PURE__ */ toElement(item.el))?.focus());
 		}
 		function onKeydown(e) {
 			const isHorizontal = tabs.orientation.value === "horizontal";
@@ -28822,12 +28896,13 @@ function createNested(_options = {}) {
 	}
 	function unselectAll() {
 		if (toValue(group.disabled)) return;
-		const first = group.selectedIds.values().next().value;
 		group.selectedIds.clear();
 		group.mixedIds.clear();
-		if (toValue(mandatoryOption) && first) {
-			group.selectedIds.add(first);
-			updateAncestors(first);
+		if (!toValue(mandatoryOption)) return;
+		const ticket = group.seek("first");
+		if (ticket) {
+			group.selectedIds.add(ticket.id);
+			updateAncestors(ticket.id);
 		}
 	}
 	function toggleAll() {
@@ -28901,6 +28976,7 @@ function createNested(_options = {}) {
 		ticket.select = () => select(id);
 		ticket.unselect = () => unselect(id);
 		ticket.toggle = () => toggle(id);
+		ticket.unregister = () => unregister(id);
 		if (registration.active) activate(id);
 		if (nested?.length) for (const child of nested) register({
 			...child,
@@ -28984,6 +29060,14 @@ function createNested(_options = {}) {
 		rootIds.clear();
 		group.reset();
 	}
+	function dispose() {
+		children.clear();
+		parents.clear();
+		openedIds.clear();
+		activeIds.clear();
+		rootIds.clear();
+		group.dispose();
+	}
 	return {
 		...group,
 		children,
@@ -29032,6 +29116,7 @@ function createNested(_options = {}) {
 		onboard,
 		clear,
 		reset,
+		dispose,
 		get size() {
 			return group.size;
 		}