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

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.9";
 /* 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
@@ -2806,6 +2830,7 @@ function createTokens(tokens = {}, options = {}) {
 				cache.set(cacheKey, void 0);
 				return;
 			}
+			if (/* @__PURE__ */ isString(current) && isAlias(current)) return resolve(current, visited);
 			result = current;
 		} else if (isTokenAlias(current)) {
 			const inner = current.$value;
@@ -2821,9 +2846,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();
@@ -5288,10 +5313,10 @@ function useImage(options) {
 //#region src/components/Avatar/AvatarImage.vue
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 	name: "AvatarImage",
-	inheritAttrs: false,
 	__name: "AvatarImage",
 	props: {
 		src: {},
+		alt: {},
 		priority: { default: 0 },
 		namespace: { default: "v0:avatar" },
 		as: { default: "img" },
@@ -5348,6 +5373,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 			attrs: {
 				role: "img",
 				src: image.source.value,
+				alt: __props.alt,
 				onLoad,
 				onError
 			}
@@ -6660,11 +6686,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 +6702,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();
@@ -7811,6 +7842,8 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 			});
 			useEventListener(el, "touchstart", () => carousel.pause(), { passive: true });
 			useEventListener(el, "touchend", () => carousel.resume(), { passive: true });
+			useEventListener(el, "focusin", () => carousel.pause());
+			useEventListener(el, "focusout", () => carousel.resume());
 		}
 		watch(() => carousel.selectedIndex.value, (index) => {
 			const viewport = el.value;
@@ -10159,7 +10192,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 +10719,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 +10727,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);
 		};
@@ -11975,6 +12013,10 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		novalidate: {
+			type: Boolean,
+			default: true
+		},
 		as: { default: "form" },
 		renderless: { type: Boolean }
 	}, {
@@ -12018,6 +12060,7 @@ const _sfc_main$66 = /* @__PURE__ */ defineComponent({
 			submit: form.submit,
 			reset: form.reset,
 			attrs: {
+				novalidate: __props.novalidate || void 0,
 				onSubmit,
 				onReset
 			}
@@ -12849,6 +12892,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 +12904,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 +12927,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 +12935,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 +13742,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)) {
@@ -15836,6 +15900,8 @@ const _sfc_main$96 = /* @__PURE__ */ defineComponent({
 			attrs: {
 				"popovertarget": toValue(popovertarget),
 				"type": __props.as === "button" ? "button" : void 0,
+				"aria-expanded": context.isOpen.value,
+				"aria-controls": toValue(popovertarget),
 				"data-open": context.isOpen.value || void 0,
 				"style": style.value
 			}
@@ -16323,7 +16389,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;
@@ -17796,8 +17862,9 @@ const _sfc_main$115 = /* @__PURE__ */ defineComponent({
 				isBlocking: ticket.blocking.value,
 				dismiss: () => onDismiss(ticket),
 				attrs: {
-					style: { zIndex },
-					onClick: () => onDismiss(ticket)
+					"aria-hidden": "true",
+					"style": { zIndex },
+					"onClick": () => onDismiss(ticket)
 				}
 			};
 		}
@@ -18065,6 +18132,9 @@ const _sfc_main$116 = /* @__PURE__ */ defineComponent({
 				"aria-expanded": context.isOpen.value,
 				"aria-haspopup": "listbox",
 				"aria-controls": context.listboxId,
+				"aria-disabled": toValue(context.disabled),
+				"disabled": toValue(context.disabled) || void 0,
+				"tabindex": __props.as === "button" ? void 0 : 0,
 				"data-open": context.isOpen.value || void 0,
 				"style": context.popover.anchorStyles.value,
 				onClick,
@@ -18108,6 +18178,7 @@ const _sfc_main$117 = /* @__PURE__ */ defineComponent({
 				...context.popover.contentAttrs.value,
 				"id": context.listboxId,
 				"role": "listbox",
+				"aria-labelledby": context.activatorId,
 				"aria-multiselectable": context.multiple || void 0,
 				"tabindex": -1,
 				"style": context.popover.contentStyles.value
@@ -18912,7 +18983,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;
@@ -18998,6 +19069,8 @@ const _sfc_main$129 = /* @__PURE__ */ defineComponent({
 		},
 		name: {},
 		form: {},
+		label: {},
+		ariaLabelledby: {},
 		namespace: { default: "v0:slider:root" },
 		as: { default: "div" },
 		renderless: { type: Boolean }
@@ -19106,6 +19179,9 @@ const _sfc_main$129 = /* @__PURE__ */ defineComponent({
 			floor: slider.floor,
 			ceil: slider.ceil,
 			attrs: {
+				"role": "group",
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
 				"data-disabled": isDisabled.value ? true : void 0,
 				"data-readonly": isReadonly.value ? true : void 0,
 				"data-orientation": toValue(slider.orientation)
@@ -20855,10 +20931,7 @@ const _sfc_main$138 = /* @__PURE__ */ defineComponent({
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
-		"collapsed": {
-			type: Boolean,
-			default: void 0
-		},
+		"collapsed": { type: Boolean },
 		"collapsedModifiers": {}
 	}),
 	emits: /* @__PURE__ */ mergeModels(["update:collapsed", "resize"], ["update:collapsed"]),
@@ -20993,6 +21066,7 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 		const attrs = useAttrs();
 		const ARROW_STEP = 1;
 		const PAGE_STEP = 10;
+		const locale = useLocale();
 		const splitter = useSplitterRoot();
 		const ticket = splitter.handles.register();
 		onBeforeUnmount(() => {
@@ -21141,7 +21215,7 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 				"aria-valuemax": valuemax.value,
 				"aria-orientation": ariaOrientation.value,
 				"aria-controls": ariaControls.value,
-				"aria-label": __props.label || void 0,
+				"aria-label": __props.label || (locale.ti("Splitter.handle") ?? "Resize"),
 				"aria-disabled": isDisabled.value,
 				"data-state": state.value,
 				"data-orientation": splitter.orientation.value,
@@ -21585,7 +21659,7 @@ const _sfc_main$144 = /* @__PURE__ */ defineComponent({
 			attrs: {
 				"type": __props.as === "button" ? "button" : void 0,
 				"role": "switch",
-				"aria-checked": isMixed.value ? "mixed" : isChecked.value,
+				"aria-checked": !isMixed.value && isChecked.value,
 				"aria-disabled": isDisabled.value,
 				"aria-label": __props.label || void 0,
 				"aria-labelledby": __props.ariaLabelledby || void 0,
@@ -21726,7 +21800,7 @@ const _sfc_main$145 = /* @__PURE__ */ defineComponent({
 			attrs: {
 				"type": __props.as === "button" ? "button" : void 0,
 				"role": "switch",
-				"aria-checked": isMixed.value ? "mixed" : isAllSelected.value,
+				"aria-checked": !isMixed.value && isAllSelected.value,
 				"aria-disabled": isDisabled.value,
 				"aria-label": __props.label || void 0,
 				"aria-labelledby": __props.ariaLabelledby || void 0,
@@ -21763,14 +21837,13 @@ 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" }
+				"aria-hidden": "true",
+				"data-state": dataState.value
 			}
 		}));
 		return (_ctx, _cache) => {
@@ -21802,7 +21875,10 @@ const _sfc_main$147 = /* @__PURE__ */ defineComponent({
 		const slotProps = toRef(() => ({
 			isChecked: isChecked.value,
 			isMixed: isMixed.value,
-			attrs: { "data-state": dataState.value }
+			attrs: {
+				"aria-hidden": "true",
+				"data-state": dataState.value
+			}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$9), mergeProps(slotProps.value.attrs, {
@@ -21972,10 +22048,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
@@ -22463,7 +22539,24 @@ var V0StyleSheetThemeAdapter = class extends ThemeAdapter {
 						...this.cspNonce ? { nonce: this.cspNonce } : {}
 					}]
 				});
-				if (entry?.dispose) this.dispose = entry.dispose;
+				const stop = watch([
+					context.selectedId,
+					context.colors,
+					context.isDark
+				], ([themeId, colors, isDark]) => {
+					entry.patch?.({
+						htmlAttrs: { "data-theme": themeId ? String(themeId) : "" },
+						style: [{
+							innerHTML: this.generate(colors, isDark),
+							id: this.stylesheetId,
+							...this.cspNonce ? { nonce: this.cspNonce } : {}
+						}]
+					});
+				});
+				this.dispose = () => {
+					stop();
+					entry.dispose?.();
+				};
 			}
 		}
 	}
@@ -22542,7 +22635,25 @@ var V0UnheadThemeAdapter = class extends ThemeAdapter {
 				stopWatch();
 				this.entry?.dispose?.();
 			};
-		} else this.dispose = () => this.entry?.dispose?.();
+		} else {
+			const stop = watch([
+				context.colors,
+				context.isDark,
+				context.selectedId
+			], ([colors, isDark, id]) => {
+				this.entry?.patch?.({
+					htmlAttrs: { "data-theme": id ? String(id) : "" },
+					style: [{
+						innerHTML: this.generate(colors, isDark),
+						id: this.stylesheetId
+					}]
+				});
+			});
+			this.dispose = () => {
+				stop();
+				this.entry?.dispose?.();
+			};
+		}
 	}
 	update(colors, isDark) {
 		if (!this.entry) return;
@@ -22788,6 +22899,9 @@ const _sfc_main$153 = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		orientation: { default: "horizontal" },
+		label: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
@@ -22816,6 +22930,9 @@ const _sfc_main$153 = /* @__PURE__ */ defineComponent({
 			isDisabled: toValue(__props.disabled),
 			attrs: {
 				"role": "group",
+				"aria-label": __props.label || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
 				"aria-orientation": __props.orientation,
 				"aria-disabled": __props.disabled,
 				"data-orientation": __props.orientation,
@@ -23278,7 +23395,8 @@ const _sfc_main$156 = /* @__PURE__ */ defineComponent({
 				"onBlur": onBlur,
 				"onClick": onClick,
 				"onKeydown": onKeydown
-			}
+			},
+			styles: root.anchorStyles.value
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$9), mergeProps({
@@ -23320,6 +23438,9 @@ const _sfc_main$157 = /* @__PURE__ */ defineComponent({
 			if (!root.isInteractive.value) return;
 			root.close();
 		}
+		function onKeydown(e) {
+			if (e.key === "Escape") root.close();
+		}
 		const slotProps = toRef(() => ({
 			isOpen: root.isOpen.value,
 			isInteractive: root.isInteractive.value,
@@ -23329,7 +23450,8 @@ const _sfc_main$157 = /* @__PURE__ */ defineComponent({
 				"data-state": root.dataState.value,
 				"data-interactive": root.isInteractive.value || void 0,
 				"onPointerenter": onPointerenter,
-				"onPointerleave": onPointerleave
+				"onPointerleave": onPointerleave,
+				"onKeydown": onKeydown
 			},
 			styles: root.contentStyles.value
 		}));
@@ -23517,7 +23639,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 +23663,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 +23671,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 +23898,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;
@@ -24470,6 +24595,7 @@ const _sfc_main$165 = /* @__PURE__ */ defineComponent({
 				"aria-expanded": hasContent.value ? toValue(ticket.isOpen) : void 0,
 				"aria-level": toValue(ticket.depth) + 1,
 				"aria-posinset": ticket.position(),
+				"aria-current": toValue(ticket.isActive) ? "true" : void 0,
 				"aria-selected": toValue(ticket.isSelected),
 				"aria-setsize": ticket.siblings().length,
 				"data-active": toValue(ticket.isActive) || void 0,
@@ -26454,7 +26580,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 +26596,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 +26623,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 +29240,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
@@ -29983,7 +30111,11 @@ var V0RtlAdapter = class extends RtlAdapter {
 			const head = app._context?.provides?.usehead ?? app._context?.provides?.head;
 			if (head?.push) {
 				const entry = head.push({ htmlAttrs: { dir: context.isRtl.value ? "rtl" : "ltr" } });
-				if (entry?.dispose) this.dispose = entry.dispose;
+				const stop = watch(context.isRtl, (rtl) => entry.patch?.({ htmlAttrs: { dir: rtl ? "rtl" : "ltr" } }));
+				this.dispose = () => {
+					stop();
+					entry.dispose?.();
+				};
 			}
 		}
 	}