@vuetify/v0 1.0.0-rc.6 → 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.6";
+const version = "1.0.0-rc.8";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 //#endregion
@@ -502,6 +502,8 @@ let idCounter = 0;
 * - In component setup/lifecycle: Uses Vue's `useId()` for SSR-safe hydration
 * - Outside components: Falls back to sequential counter (`v0-0`, `v0-1`, ...)
 * - Vapor mode compatible
+* - IDs are sequential and predictable — intended for DOM `id`/ARIA wiring only.
+*   Never use them as security tokens (CSRF tokens, session ids, capabilities).
 *
 * @example
 * ```ts
@@ -564,7 +566,12 @@ function range(length, start = 0) {
 */
 /* @__NO_SIDE_EFFECTS__ */
 function resolveIds(ids, getter) {
-	return Array.from(ids).map((id) => getter(id)).filter((item) => !/* @__PURE__ */ isUndefined(item));
+	const result = [];
+	for (const id of ids) {
+		const item = getter(id);
+		if (!/* @__PURE__ */ isUndefined(item)) result.push(item);
+	}
+	return result;
 }
 /**
 * Extracts defined index values from an iterable of items.
@@ -573,7 +580,12 @@ function resolveIds(ids, getter) {
 */
 /* @__NO_SIDE_EFFECTS__ */
 function resolveIndexes(items) {
-	return Array.from(items).map((item) => item?.index).filter((index) => !/* @__PURE__ */ isUndefined(index));
+	const result = [];
+	for (const item of items) {
+		const index = item?.index;
+		if (!/* @__PURE__ */ isUndefined(index)) result.push(index);
+	}
+	return result;
 }
 //#endregion
 //#region src/utilities/errors.ts
@@ -654,7 +666,10 @@ var V0Error = class extends Error {
 		const { cause, ...rest } = details;
 		super(message, /* @__PURE__ */ isUndefined(cause) ? void 0 : { cause });
 		this.code = details.code;
-		Object.assign(this, rest);
+		for (const [key, value] of Object.entries(rest)) {
+			if (UNSAFE_KEYS.has(key)) continue;
+			this[key] = value;
+		}
 	}
 };
 /**
@@ -1651,12 +1666,15 @@ function createRegistry(options) {
 	const directory = /* @__PURE__ */ new Map();
 	const cache = /* @__PURE__ */ new Map();
 	const listeners = /* @__PURE__ */ new Map();
-	const order = reactive ? shallowReactive([]) : [];
+	const minted = /* @__PURE__ */ new WeakSet();
+	const order = [];
+	const version = shallowRef(0);
 	let indexDependentCount = 0;
 	let needsReindex = false;
 	let minDirtyIndex = Infinity;
 	let maxDirtyIndex = -Infinity;
 	let isBatching = false;
+	let structural = false;
 	let batched = [];
 	function dispatch(event, data) {
 		const cbs = listeners.get(event);
@@ -1728,7 +1746,7 @@ function createRegistry(options) {
 			valueIsIndex
 		});
 		collection.set(id, existing);
-		invalidate();
+		cache.clear();
 		emit("update:ticket", existing);
 		if (event) emit(event, existing);
 		return existing;
@@ -1759,7 +1777,7 @@ function createRegistry(options) {
 		else catalog.set(value, next);
 	}
 	function keys() {
-		if (reactive) return order.map((ticket) => ticket.id);
+		if (reactive) version.value;
 		const cached = cache.get("keys");
 		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const out = order.map((ticket) => ticket.id);
@@ -1767,7 +1785,7 @@ function createRegistry(options) {
 		return out;
 	}
 	function values() {
-		if (reactive) return order.slice();
+		if (reactive) version.value;
 		const cached = cache.get("values");
 		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const out = order.slice();
@@ -1775,7 +1793,7 @@ function createRegistry(options) {
 		return out;
 	}
 	function entries() {
-		if (reactive) return order.map((ticket) => [ticket.id, ticket]);
+		if (reactive) version.value;
 		const cached = cache.get("entries");
 		if (!/* @__PURE__ */ isUndefined(cached)) return cached;
 		const out = order.map((ticket) => [ticket.id, ticket]);
@@ -1795,22 +1813,30 @@ function createRegistry(options) {
 		emit("clear:registry");
 	}
 	function invalidate() {
-		if (isBatching) return;
 		cache.clear();
+		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();
+			try {
+				for (const { event, data } of queue) dispatch(event, data);
+			} finally {
+				if (structural) version.value++;
+			}
 		}
 	}
 	function reindex() {
@@ -1844,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.`);
@@ -1863,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);
@@ -1875,7 +1903,8 @@ function createRegistry(options) {
 		const ticket = collection.get(id);
 		if (!ticket) return;
 		if (ticket.valueIsIndex) indexDependentCount--;
-		const orderPos = order.indexOf(ticket);
+		let orderPos = ticket.index;
+		if (order[orderPos] !== ticket) orderPos = order.indexOf(ticket);
 		if (orderPos !== -1) order.splice(orderPos, 1);
 		collection.delete(ticket.id);
 		directory.delete(ticket.index);
@@ -1895,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) {
@@ -1917,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);
@@ -1925,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));
 	}
@@ -1969,22 +1998,19 @@ function createRegistry(options) {
 	function seek(direction = "first", from, predicate) {
 		if (collection.size === 0) return void 0;
 		if (needsReindex) reindex();
-		if (!predicate && /* @__PURE__ */ isUndefined(from)) {
-			const tickets = values();
-			return direction === "first" ? tickets[0] : tickets.at(-1);
-		}
-		const tickets = values();
-		const index = /* @__PURE__ */ isUndefined(from) ? void 0 : /* @__PURE__ */ clamp(from, 0, tickets.length - 1);
+		const n = order.length;
+		if (!predicate && /* @__PURE__ */ isUndefined(from)) return direction === "first" ? order[0] : order.at(-1);
+		const index = /* @__PURE__ */ isUndefined(from) ? void 0 : /* @__PURE__ */ clamp(from, 0, n - 1);
 		if (direction === "last") {
-			const start = /* @__PURE__ */ isUndefined(index) ? tickets.length - 1 : index;
+			const start = /* @__PURE__ */ isUndefined(index) ? n - 1 : index;
 			for (let i = start; i >= 0; i--) {
-				const ticket = tickets[i];
+				const ticket = order[i];
 				if (!predicate || predicate(ticket)) return ticket;
 			}
 		} else {
 			const start = /* @__PURE__ */ isUndefined(index) ? 0 : index;
-			for (let i = start; i < tickets.length; i++) {
-				const ticket = tickets[i];
+			for (let i = start; i < n; i++) {
+				const ticket = order[i];
 				if (!predicate || predicate(ticket)) return ticket;
 			}
 		}
@@ -2154,7 +2180,9 @@ function createModel(_options = {}) {
 	const selectedIds = shallowReactive(/* @__PURE__ */ new Set());
 	const selectedItems = computed(() => new Set(/* @__PURE__ */ resolveIds(selectedIds, registry.get)));
 	const selectedValues = computed(() => {
-		return new Set(Array.from(selectedItems.value).map((item) => toValue(item.value)));
+		const out = /* @__PURE__ */ new Set();
+		for (const item of selectedItems.value) out.add(toValue(item.value));
+		return out;
 	});
 	function select(id) {
 		if (toValue(disabled)) return;
@@ -2165,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) {
@@ -2361,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);
@@ -2375,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);
 		}
 	}
@@ -2686,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
@@ -2803,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();
@@ -3132,7 +3174,9 @@ function createLocaleFallback() {
 const [createLocaleContext, createLocalePlugin, useLocale] = createPluginContext("v0:locale", (options) => createLocale(options), {
 	fallback: () => createLocaleFallback(),
 	persist: (ctx) => ctx.selectedId.value,
-	restore: (ctx, saved) => ctx.select(saved)
+	restore: (ctx, saved) => {
+		if (/* @__PURE__ */ isString(saved) || /* @__PURE__ */ isNumber(saved)) ctx.select(saved);
+	}
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogClose.vue
@@ -6640,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;
@@ -6653,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();
@@ -10139,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();
@@ -10662,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), {
@@ -10669,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);
 		};
@@ -12829,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]);
@@ -12839,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);
@@ -12855,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;
@@ -12863,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 = {
@@ -13659,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)) {
@@ -16303,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;
@@ -18892,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;
@@ -21743,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, {
@@ -21952,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
@@ -22352,7 +22423,7 @@ const Tabs = {
 //#endregion
 //#region src/composables/useTheme/adapters/adapter.ts
 var ThemeAdapter = class ThemeAdapter {
-	static UNSAFE_CSS = /url\s*\(|@import|expression\s*\(|[{}<>]/i;
+	static UNSAFE_CSS = /url\s*\(|src\s*\(|image\s*\(|image-set\s*\(|cross-fade\s*\(|@import|expression\s*\(|[;{}<>\\]/i;
 	static SAFE_IDENT = /^[a-zA-Z0-9_-]+$/;
 	stylesheetId = "v0-theme-stylesheet";
 	prefix;
@@ -22685,7 +22756,7 @@ const [createThemeContext, createThemePlugin, useTheme] = createPluginContext("v
 	},
 	persist: (ctx) => ctx.selectedId.value,
 	restore: (ctx, saved) => {
-		if (typeof saved === "string" || typeof saved === "number") ctx.select(saved);
+		if (/* @__PURE__ */ isString(saved) || /* @__PURE__ */ isNumber(saved)) ctx.select(saved);
 	}
 });
 //#endregion
@@ -23497,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);
@@ -23522,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);
@@ -23531,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);
@@ -23759,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;
@@ -26434,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({
@@ -26449,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()) {
@@ -26476,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;
 	}
@@ -29092,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
@@ -30028,7 +30104,7 @@ const [createRtlContext, createRtlPlugin, useRtl] = createPluginContext("v0:rtl"
 	},
 	persist: (ctx) => ctx.isRtl.value,
 	restore: (ctx, saved) => {
-		if (typeof saved === "boolean") ctx.isRtl.value = saved;
+		if (/* @__PURE__ */ isBoolean(saved)) ctx.isRtl.value = saved;
 	}
 });
 //#endregion