@vuetify/v0 1.0.0-rc.7 → 1.0.0-rc.8

package/dist/browser/index.js

@@ -135,7 +135,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.0.0-rc.7";
+const version = "1.0.0-rc.8";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 //#endregion
@@ -1666,6 +1666,7 @@ function createRegistry(options) {
 	const directory = /* @__PURE__ */ new Map();
 	const cache = /* @__PURE__ */ new Map();
 	const listeners = /* @__PURE__ */ new Map();
+	const minted = /* @__PURE__ */ new WeakSet();
 	const order = [];
 	const version = shallowRef(0);
 	let indexDependentCount = 0;
@@ -1673,6 +1674,7 @@ function createRegistry(options) {
 	let minDirtyIndex = Infinity;
 	let maxDirtyIndex = -Infinity;
 	let isBatching = false;
+	let structural = false;
 	let batched = [];
 	function dispatch(event, data) {
 		const cbs = listeners.get(event);
@@ -1812,23 +1814,29 @@ function createRegistry(options) {
 	}
 	function invalidate() {
 		cache.clear();
-		if (isBatching) return;
+		if (isBatching) {
+			structural = true;
+			return;
+		}
 		version.value++;
 	}
 	function batch(fn) {
 		if (isBatching) return fn();
 		isBatching = true;
+		structural = false;
 		batched = [];
 		try {
-			const result = fn();
-			cache.clear();
-			for (const { event, data } of batched) dispatch(event, data);
-			return result;
+			return fn();
 		} finally {
 			isBatching = false;
+			const queue = batched;
 			batched = [];
 			cache.clear();
-			version.value++;
+			try {
+				for (const { event, data } of queue) dispatch(event, data);
+			} finally {
+				if (structural) version.value++;
+			}
 		}
 	}
 	function reindex() {
@@ -1862,6 +1870,7 @@ function createRegistry(options) {
 	function register(registration = {}) {
 		if (needsReindex) reindex();
 		const size = collection.size;
+		const auto = /* @__PURE__ */ isNullOrUndefined(registration.id);
 		const id = registration.id ?? /* @__PURE__ */ useId();
 		if (has(id)) {
 			logger.warn(`Ticket "${id}" already exists. Use \`upsert()\` to update or check \`has()\` before registering.`);
@@ -1881,6 +1890,7 @@ function createRegistry(options) {
 			unregister: () => unregister(id)
 		};
 		const ticket = reactive ? shallowReactive(input) : input;
+		if (auto) minted.add(ticket);
 		collection.set(ticket.id, ticket);
 		order.push(ticket);
 		directory.set(ticket.index, ticket.id);
@@ -1914,10 +1924,8 @@ function createRegistry(options) {
 		delete input.index;
 		delete input.valueIsIndex;
 		delete input.unregister;
-		if (ticket.valueIsIndex) {
-			delete input.id;
-			delete input.value;
-		}
+		if (minted.has(ticket)) delete input.id;
+		if (ticket.valueIsIndex) delete input.value;
 		return input;
 	}
 	function offboard(ids) {
@@ -1936,6 +1944,7 @@ function createRegistry(options) {
 			let w = 0;
 			for (const ticket of order) if (!removedIds.has(ticket.id)) order[w++] = ticket;
 			order.length = w;
+			invalidate();
 			for (const ticket of removed) {
 				if (ticket.valueIsIndex) indexDependentCount--;
 				minDirtyIndex = Math.min(minDirtyIndex, ticket.index);
@@ -1944,7 +1953,8 @@ function createRegistry(options) {
 				unassign(ticket.value, ticket.id);
 			}
 			for (const ticket of removed) emit("unregister:ticket", ticket);
-			needsReindex = true;
+			if (indexDependentCount > 0 && minDirtyIndex < collection.size) reindex();
+			else needsReindex = true;
 		});
 		return removed.map((ticket) => toInput(ticket));
 	}
@@ -2183,6 +2193,8 @@ function createModel(_options = {}) {
 	}
 	function unselect(id) {
 		if (toValue(disabled)) return;
+		const item = registry.get(id);
+		if (!item || toValue(item.disabled)) return;
 		selectedIds.delete(id);
 	}
 	function toggle(id) {
@@ -2379,11 +2391,17 @@ function createSelection(_options = {}) {
 		const ticket = seek("first");
 		if (ticket) model.select(ticket.id);
 	}
-	function unselect(id) {
+	function drain(id) {
 		if (toValue(model.disabled)) return;
 		if (toValue(mandatory) && model.selectedIds.size === 1) return;
 		model.selectedIds.delete(id);
 	}
+	function unselect(id) {
+		if (toValue(model.disabled)) return;
+		const item = model.get(id);
+		if (!item || toValue(item.disabled)) return;
+		drain(id);
+	}
 	function toggle(id) {
 		if (toValue(model.disabled)) return;
 		if (model.selectedIds.has(id)) unselect(id);
@@ -2393,22 +2411,28 @@ function createSelection(_options = {}) {
 		const isMultiple = options?.multiple ?? toValue(multiple);
 		const currentIds = new Set(model.selectedIds);
 		const targetIds = /* @__PURE__ */ new Set();
-		for (const value of values) {
-			const ids = model.browse(toRaw(value));
-			if (ids) for (const id of ids) targetIds.add(id);
-		}
 		if (isMultiple) {
-			for (const id of currentIds) if (!targetIds.has(id)) unselect(id);
-			for (const id of targetIds) {
-				if (currentIds.has(id)) continue;
-				const ticket = model.get(id);
-				if (ticket && toValue(ticket.disabled)) continue;
-				model.selectedIds.add(id);
+			for (const value of values) {
+				const ids = model.browse(toRaw(value));
+				if (/* @__PURE__ */ isUndefined(ids)) continue;
+				for (const id of ids) {
+					const ticket = model.get(id);
+					if (!ticket || toValue(ticket.disabled)) continue;
+					targetIds.add(id);
+				}
 			}
+			if (toValue(mandatory) && targetIds.size === 0) return;
+			for (const id of currentIds) if (!targetIds.has(id)) model.selectedIds.delete(id);
+			for (const id of targetIds) model.selectedIds.add(id);
 		} else {
+			for (const value of values) {
+				const ids = model.browse(toRaw(value));
+				if (/* @__PURE__ */ isUndefined(ids)) continue;
+				for (const id of ids) targetIds.add(id);
+			}
 			const next = targetIds.values().next().value;
 			const last = currentIds.values().next().value;
-			if (!/* @__PURE__ */ isUndefined(last)) unselect(last);
+			if (!/* @__PURE__ */ isUndefined(last)) drain(last);
 			if (!/* @__PURE__ */ isUndefined(next)) model.select(next);
 		}
 	}
@@ -2704,10 +2728,10 @@ function useSingle(namespace = "v0:single") {
 * - Alias resolution with circular reference detection
 * - Nested token flattening with dot notation
 * - W3C Design Tokens format ($value, $type, $description, $extensions)
-* - Path-based resolution (e.g., {colors}.blue.500)
-* - Resolution caching for performance (~28,590 ops/sec)
+* - Path-based resolution (e.g., {colors.blue.500} or colors.blue.500)
+* - Resolution caching for performance
 *
-* Used by useTheme, useLocale, and useFeatures for token-based configuration.
+* Used by useTheme, useLocale, useFeatures, and usePermissions for token-based configuration.
 *
 * @example
 * ```ts
@@ -2821,9 +2845,9 @@ function createTokens(tokens = {}, options = {}) {
 		cache.clear();
 		return _register(registration);
 	}
-	function upsert(id, registration) {
+	function upsert(id, registration, event) {
 		cache.clear();
-		return _upsert(id, registration);
+		return _upsert(id, registration, event);
 	}
 	function unregister(id) {
 		cache.clear();
@@ -6660,11 +6684,14 @@ function useProxyModel(context, model, options) {
 		return toValue(multiple) ? val : val[0];
 	}
 	const applyOptions = toValue(multiple) === toValue(context.multiple ?? false) ? void 0 : { multiple: toValue(multiple) };
-	const modelAsArray = transformIn(model);
-	const pending = new Set(modelAsArray);
-	context.apply(modelAsArray, applyOptions);
-	const selected = new Set(context.selectedValues.value);
-	for (const value of modelAsArray) if (selected.has(value)) pending.delete(value);
+	const pending = /* @__PURE__ */ new Set();
+	function reconcile(values) {
+		context.apply(values, applyOptions);
+		const selected = new Set(context.selectedValues.value);
+		pending.clear();
+		for (const value of values) if (!selected.has(value)) pending.add(value);
+	}
+	reconcile(transformIn(model));
 	let syncing = false;
 	function shallowEqual(a, b) {
 		if (a === b) return true;
@@ -6673,15 +6700,17 @@ function useProxyModel(context, model, options) {
 	}
 	const contextWatch = watch(context.selectedValues, (val) => {
 		if (syncing) return;
+		syncing = true;
 		modelWatch.pause();
 		model.value = transformOut(Array.from(toValue(val)));
 		modelWatch.resume();
+		syncing = false;
 	}, { flush: "sync" });
 	const modelWatch = watch(model, (val) => {
 		if (syncing) return;
 		syncing = true;
 		contextWatch.pause();
-		context.apply(transformIn(val), applyOptions);
+		reconcile(transformIn(val));
 		const actual = transformOut(Array.from(context.selectedValues.value));
 		if (!shallowEqual(val, actual)) model.value = actual;
 		contextWatch.resume();
@@ -10159,7 +10188,11 @@ function createCombobox(options = {}) {
 	function clear() {
 		query.value = "";
 		pristine.value = true;
-		for (const id of Array.from(selection.selectedIds)) selection.unselect(id);
+		if (toValue(disabled)) return;
+		for (const id of Array.from(selection.selectedIds)) {
+			if (toValue(mandatory) && selection.selectedIds.size === 1) break;
+			selection.selectedIds.delete(id);
+		}
 	}
 	watch(isOpen, (open) => {
 		if (!open) cursor.clear();
@@ -10682,6 +10715,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const context = useComboboxContext(__props.namespace);
+		const locale = useLocale();
 		const slotProps = toRef(() => ({ query: context.query.value }));
 		return (_ctx, _cache) => {
 			return unref(context).isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$9), {
@@ -10689,7 +10723,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 				as: __props.as,
 				renderless: __props.renderless
 			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [_cache[0] || (_cache[0] = createTextVNode("No results", -1))])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [createTextVNode(toDisplayString(unref(locale).ti("Combobox.noResults") ?? "No results"), 1)])]),
 				_: 3
 			}, 8, ["as", "renderless"])) : createCommentVNode("v-if", true);
 		};
@@ -12849,6 +12883,8 @@ function createValidation(_options = {}) {
 	const isValid = shallowRef(null);
 	const isValidating = shallowRef(false);
 	let generation = 0;
+	let visible = 0;
+	let latest;
 	function register(input) {
 		if (/* @__PURE__ */ isFunction(input) || /* @__PURE__ */ isString(input) || /* @__PURE__ */ isStandardSchema(input)) {
 			const resolved = rulesContext.resolve([input]);
@@ -12859,8 +12895,15 @@ function createValidation(_options = {}) {
 	function onboard(rules) {
 		return group.batch(() => rules.map((r) => register(r)));
 	}
-	async function validate(_value = UNSET, silent = false) {
-		const gen = ++generation;
+	async function wait() {
+		while (true) {
+			const current = latest;
+			if (/* @__PURE__ */ isUndefined(current)) return false;
+			const result = await current.promise;
+			if (current.generation === generation) return result;
+		}
+	}
+	async function run(gen, _value, silent) {
 		const val = _value === UNSET ? toValue(valueSource) : _value;
 		const activeRules = [];
 		for (const ticket of group.selectedItems.value) activeRules.push(ticket.value);
@@ -12875,7 +12918,7 @@ function createValidation(_options = {}) {
 		if (!silent) isValidating.value = true;
 		try {
 			const results = await Promise.all(activeRules.map((rule) => rule(val)));
-			if (gen !== generation) return false;
+			if (gen !== generation) return wait();
 			const errorMessages = results.filter((result) => /* @__PURE__ */ isString(result) || result === false).map((result) => result === false ? "Validation failed" : result);
 			if (!silent) {
 				errors.value = errorMessages;
@@ -12883,21 +12926,32 @@ function createValidation(_options = {}) {
 			}
 			return errorMessages.length === 0;
 		} catch (error) {
-			if (gen !== generation) return false;
+			if (gen !== generation) return wait();
 			if (!silent) {
 				errors.value = [error instanceof Error ? error.message : "Validation error"];
 				isValid.value = false;
 			}
 			return false;
 		} finally {
-			if (gen === generation && !silent) isValidating.value = false;
+			if (!silent && gen === visible) isValidating.value = false;
 		}
 	}
+	async function validate(_value = UNSET, silent = false) {
+		const gen = ++generation;
+		if (!silent) visible = gen;
+		const promise = run(gen, _value, silent);
+		latest = {
+			generation: gen,
+			promise
+		};
+		return promise;
+	}
 	function reset() {
 		errors.value = [];
 		isValid.value = null;
 		isValidating.value = false;
 		generation++;
+		latest = void 0;
 	}
 	if (initialRules.length > 0) onboard(initialRules);
 	const context = {
@@ -13679,6 +13733,7 @@ function createNumberField(options = {}) {
 		return Number.isNaN(result) ? null : result;
 	}
 	function commit(next) {
+		if (isLocked()) return;
 		const val = arguments.length === 0 ? value.value : next;
 		if (/* @__PURE__ */ isNull(val)) return;
 		if (!shouldClamp && (val < numeric.min || val > numeric.max)) {
@@ -16323,7 +16378,7 @@ function createProgress(options = {}) {
 	});
 	function fromValue(value) {
 		if (extent === 0) return 0;
-		return /* @__PURE__ */ clamp(value, 0, extent) / extent * 100;
+		return (/* @__PURE__ */ clamp(value, min, max) - min) / extent * 100;
 	}
 	function register(registration = {}) {
 		const index = segments.value.length;
@@ -18912,7 +18967,7 @@ function createSlider(options = {}) {
 		}
 	}
 	function set(index, value) {
-		if (readonly.value) return;
+		if (disabled.value || readonly.value) return;
 		const snapped = snap(value);
 		const current = values.value;
 		let constrained = snapped;
@@ -21763,15 +21818,11 @@ const _sfc_main$146 = /* @__PURE__ */ defineComponent({
 		const root = useSwitchRoot(__props.namespace);
 		const isChecked = toRef(() => toValue(root.isChecked));
 		const isMixed = toRef(() => toValue(root.isMixed));
-		const isVisible = toRef(() => isChecked.value || isMixed.value);
 		const dataState = toRef(() => isMixed.value ? "indeterminate" : isChecked.value ? "checked" : "unchecked");
 		const slotProps = toRef(() => ({
 			isChecked: isChecked.value,
 			isMixed: isMixed.value,
-			attrs: {
-				"data-state": dataState.value,
-				"style": { visibility: isVisible.value ? "visible" : "hidden" }
-			}
+			attrs: { "data-state": dataState.value }
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$9), mergeProps(slotProps.value.attrs, {
@@ -21972,10 +22023,10 @@ const Switch = {
 	*/
 	SelectAll: _sfc_main$145,
 	/**
-	* Sliding knob indicator for switches.
+	* Sliding knob for switches.
 	*
-	* Renders as a span with `data-state` attribute for CSS styling.
-	* Hidden via `visibility: hidden` when unchecked and not mixed.
+	* Renders as a span with a `data-state` attribute for CSS styling.
+	* Always visible; drive its off/on position and color from `data-state`.
 	* Must be used within a Switch.Root or Switch.SelectAll.
 	*
 	* @see https://0.vuetifyjs.com/components/forms/switch
@@ -23517,7 +23568,6 @@ function createNested(_options = {}) {
 	function open(ids) {
 		if (toValue(group.disabled)) return;
 		for (const id of /* @__PURE__ */ toArray(ids)) {
-			if (!group.has(id)) continue;
 			const item = group.get(id);
 			if (!item || toValue(item.disabled)) continue;
 			openedIds.add(id);
@@ -23542,7 +23592,6 @@ function createNested(_options = {}) {
 	function close(ids) {
 		if (toValue(group.disabled)) return;
 		for (const id of /* @__PURE__ */ toArray(ids)) {
-			if (!group.has(id)) continue;
 			const item = group.get(id);
 			if (!item || toValue(item.disabled)) continue;
 			openedIds.delete(id);
@@ -23551,7 +23600,6 @@ function createNested(_options = {}) {
 	function flip(ids) {
 		if (toValue(group.disabled)) return;
 		for (const id of /* @__PURE__ */ toArray(ids)) {
-			if (!group.has(id)) continue;
 			const item = group.get(id);
 			if (!item || toValue(item.disabled)) continue;
 			if (opened(id)) close(id);
@@ -23779,75 +23827,81 @@ function createNested(_options = {}) {
 	function getLeafDescendants(id) {
 		return getDescendants(id).filter((did) => isLeaf(did));
 	}
+	function removeLeaves(leafIds) {
+		const { selectedIds, mixedIds } = group;
+		const ids = new Set(leafIds);
+		if (toValue(mandatoryOption) && [...selectedIds].every((id) => ids.has(id))) return;
+		for (const id of ids) {
+			mixedIds.delete(id);
+			selectedIds.delete(id);
+		}
+		for (const id of ids) updateAncestors(id);
+	}
 	function select(ids) {
 		if (toValue(group.disabled)) return;
-		for (const id of /* @__PURE__ */ toArray(ids)) {
-			if (!group.has(id)) continue;
+		for (const id of /* @__PURE__ */ toArray(ids)) if (selectionMode === "independent") group.select(id);
+		else if (selectionMode === "leaf") if (isLeaf(id)) group.select(id);
+		else {
 			const item = group.get(id);
 			if (!item || toValue(item.disabled)) continue;
-			if (selectionMode === "independent") group.select(id);
-			else if (selectionMode === "leaf") if (isLeaf(id)) group.select(id);
-			else for (const lid of getLeafDescendants(id)) group.select(lid);
-			else {
-				if (!toValue(multipleOption)) {
-					group.select(id);
-					return;
-				}
-				const { selectedIds, mixedIds } = group;
-				mixedIds.delete(id);
-				selectedIds.add(id);
-				for (const did of getDescendants(id)) {
-					const desc = group.get(did);
-					if (desc && toValue(desc.disabled)) continue;
-					mixedIds.delete(did);
-					selectedIds.add(did);
-				}
-				updateAncestors(id);
+			for (const lid of getLeafDescendants(id)) group.select(lid);
+		}
+		else {
+			const item = group.get(id);
+			if (!item || toValue(item.disabled)) continue;
+			if (!toValue(multipleOption)) {
+				group.select(id);
+				return;
 			}
+			const { selectedIds, mixedIds } = group;
+			mixedIds.delete(id);
+			selectedIds.add(id);
+			for (const did of getDescendants(id)) {
+				const desc = group.get(did);
+				if (desc && toValue(desc.disabled)) continue;
+				mixedIds.delete(did);
+				selectedIds.add(did);
+			}
+			updateAncestors(id);
 		}
 	}
 	function unselect(ids) {
 		if (toValue(group.disabled)) return;
-		for (const id of /* @__PURE__ */ toArray(ids)) {
-			if (!group.has(id)) continue;
+		for (const id of /* @__PURE__ */ toArray(ids)) if (selectionMode === "independent") group.unselect(id);
+		else if (selectionMode === "leaf") {
 			const item = group.get(id);
 			if (!item || toValue(item.disabled)) continue;
-			if (selectionMode === "independent") group.unselect(id);
-			else if (selectionMode === "leaf") if (isLeaf(id)) group.unselect(id);
-			else for (const lid of getLeafDescendants(id)) group.unselect(lid);
-			else {
-				const { selectedIds, mixedIds } = group;
-				if (toValue(mandatoryOption)) {
-					const toRemove = new Set([id, ...getDescendants(id)]);
-					if ([...selectedIds].every((sid) => toRemove.has(sid))) return;
-				}
-				mixedIds.delete(id);
-				selectedIds.delete(id);
-				for (const did of getDescendants(id)) {
-					const desc = group.get(did);
-					if (desc && toValue(desc.disabled)) continue;
-					mixedIds.delete(did);
-					selectedIds.delete(did);
-				}
-				updateAncestors(id);
+			removeLeaves(isLeaf(id) ? [id] : getLeafDescendants(id));
+		} else {
+			const item = group.get(id);
+			if (!item || toValue(item.disabled)) continue;
+			const { selectedIds, mixedIds } = group;
+			if (toValue(mandatoryOption)) {
+				const toRemove = new Set([id, ...getDescendants(id)]);
+				if ([...selectedIds].every((sid) => toRemove.has(sid))) return;
+			}
+			mixedIds.delete(id);
+			selectedIds.delete(id);
+			for (const did of getDescendants(id)) {
+				mixedIds.delete(did);
+				selectedIds.delete(did);
 			}
+			updateAncestors(id);
 		}
 	}
 	function toggle(ids) {
 		if (toValue(group.disabled)) return;
-		for (const id of /* @__PURE__ */ toArray(ids)) {
+		for (const id of /* @__PURE__ */ toArray(ids)) if (selectionMode === "independent") group.toggle(id);
+		else if (selectionMode === "leaf") if (isLeaf(id)) group.toggle(id);
+		else {
 			const item = group.get(id);
 			if (!item || toValue(item.disabled)) continue;
-			if (selectionMode === "independent") group.toggle(id);
-			else if (selectionMode === "leaf") if (isLeaf(id)) group.toggle(id);
-			else {
-				const leafIds = getLeafDescendants(id);
-				if (leafIds.every((lid) => group.selected(lid))) for (const lid of leafIds) group.unselect(lid);
-				else for (const lid of leafIds) group.select(lid);
-			}
-			else if (group.selected(id) || group.mixed(id)) unselect(id);
-			else select(id);
+			const leafIds = getLeafDescendants(id);
+			if (leafIds.every((lid) => group.selected(lid))) removeLeaves(leafIds);
+			else for (const lid of leafIds) group.select(lid);
 		}
+		else if (group.selected(id) || group.mixed(id)) unselect(id);
+		else select(id);
 	}
 	function selectAll() {
 		if (toValue(group.disabled)) return;
@@ -26454,7 +26508,8 @@ function createRowSpanning(options) {
 function createDataGrid(_options = {}) {
 	const { editing: editingOptions, preserveRowOrder = false, rowSpanning, ...options } = _options;
 	const table = createDataTable(options);
-	const sortable = createSortable({ reactive: true });
+	const sortable = createSortable();
+	const sortableProxy = useProxyRegistry(sortable);
 	const dirty = shallowRef(false);
 	table.on("register:ticket", (ticket) => {
 		sortable.register({
@@ -26469,7 +26524,7 @@ function createDataGrid(_options = {}) {
 		sortable.clear();
 		dirty.value = false;
 	});
-	const order = toRef(() => sortable.keys());
+	const order = toRef(() => sortableProxy.keys);
 	const sortedIds = computed(() => {
 		const buckets = /* @__PURE__ */ new Map();
 		for (const ticket of table.values()) {
@@ -26496,6 +26551,7 @@ function createDataGrid(_options = {}) {
 		dirty.value = true;
 	}
 	function reset() {
+		if (!dirty.value) return;
 		if (sortable.size > 0) sortable.reorder(table.keys());
 		dirty.value = false;
 	}
@@ -29112,7 +29168,7 @@ function createFeatures(_options = {}) {
 			const shouldSelect = /* @__PURE__ */ isBoolean(value) ? value === true : /* @__PURE__ */ isObject(value) && /* @__PURE__ */ isBoolean(value.$value) && value.$value === true;
 			registry.upsert(id, { value });
 			if (shouldSelect) registry.select(id);
-			else registry.unselect(id);
+			else registry.selectedIds.delete(id);
 		} else register({
 			id,
 			value