@vuetify/v0 1.2.0 → 1.2.2

package/dist/browser/index.js

@@ -22,13 +22,13 @@ const SELF_CLOSING_TAGS = /* @__PURE__ */ new Set([
 /**
 * Check if an element is self-closing
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isSelfClosingTag(tag) {
 	return SELF_CLOSING_TAGS.has(tag.toLowerCase());
 }
 //#endregion
 //#region src/utilities/color.ts
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function hexToRgb(hex) {
 	const clean = hex.startsWith("#") ? hex.slice(1) : hex;
 	if (clean.length === 3 || clean.length === 4) {
@@ -62,7 +62,7 @@ function hexToRgb(hex) {
 		a
 	};
 }
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function rgbToHex({ r, g, b, a }) {
 	const hex = "#" + [
 		r,
@@ -98,7 +98,7 @@ function luminance(rgb) {
 function clamp$1(y) {
 	return y > blkThrs ? y : y + Math.pow(blkThrs - y, blkClmp);
 }
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function apca(text, background) {
 	const txtY = clamp$1(luminance(text));
 	const bgY = clamp$1(luminance(background));
@@ -109,7 +109,7 @@ function apca(text, background) {
 		return contrast < loBoWoffset ? 0 : (contrast - loBoWoffset) * 100;
 	} else {
 		contrast = (Math.pow(bgY, revBG) - Math.pow(txtY, revTXT)) * scaleWoB;
-		return contrast > -loWoBoffset ? 0 : (contrast + loWoBoffset) * 100;
+		return contrast > -.027 ? 0 : (contrast + loWoBoffset) * 100;
 	}
 }
 const BLACK = {
@@ -122,7 +122,7 @@ const WHITE = {
 	g: 255,
 	b: 255
 };
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function foreground(hex) {
 	const rgb = /* @__PURE__ */ hexToRgb(hex);
 	return Math.abs(/* @__PURE__ */ apca(BLACK, rgb)) > Math.abs(/* @__PURE__ */ apca(WHITE, rgb)) ? "#000000" : "#ffffff";
@@ -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,23 +256,19 @@ 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__ */
+/* #__NO_SIDE_EFFECTS__ */
 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.2";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 //#endregion
@@ -276,17 +299,24 @@ function getInstanceCompat() {
 	if (INSTANCE_KEY in vueExports) return vueExports[INSTANCE_KEY];
 	return Vue.getCurrentInstance();
 }
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function instanceExists() {
 	return !/* @__PURE__ */ isNull(getInstanceCompat());
 }
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function instanceName() {
 	return getInstanceCompat()?.type?.name;
 }
 //#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
@@ -298,7 +328,7 @@ function instanceName() {
 * isFunction('string')  // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isFunction(item) {
 	return typeof item === "function";
 }
@@ -314,7 +344,7 @@ function isFunction(item) {
 * isString(123)      // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isString(item) {
 	return typeof item === "string";
 }
@@ -333,7 +363,7 @@ function isString(item) {
 *
 * @see {@link isNaN} to check for NaN specifically
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isNumber(item) {
 	return typeof item === "number";
 }
@@ -350,7 +380,7 @@ function isNumber(item) {
 * isBoolean(0)      // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isBoolean(item) {
 	return typeof item === "boolean";
 }
@@ -380,7 +410,7 @@ function isBoolean(item) {
 * @see {@link isArray} to check for arrays
 * @see {@link isNull} to check for null
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isObject(item) {
 	return typeof item === "object" && item !== null && !Array.isArray(item);
 }
@@ -404,7 +434,7 @@ function isObject(item) {
 * supported. If you specifically want native Promise instances, use
 * `instanceof Promise` directly.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isThenable(item) {
 	return /* @__PURE__ */ isObject(item) && "then" in item && /* @__PURE__ */ isFunction(item.then);
 }
@@ -436,7 +466,7 @@ function isThenable(item) {
 * first branch (a predicate must be assignable to its parameter's type) without
 * letting an array argument capture the inference site.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isArray(item) {
 	return Array.isArray(item);
 }
@@ -453,7 +483,7 @@ function isArray(item) {
 * isElement(null)          // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isElement(item) {
 	return typeof Element !== "undefined" && item instanceof Element;
 }
@@ -471,9 +501,9 @@ function isElement(item) {
 * const active = getActiveElement()
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__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;
@@ -493,7 +523,7 @@ function getActiveElement() {
 * @see {@link isUndefined} to check for undefined
 * @see {@link isNullOrUndefined} to check for either
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isNull(item) {
 	return item === null;
 }
@@ -517,7 +547,7 @@ function isNull(item) {
 * @see {@link isNull} to check for null only
 * @see {@link isUndefined} to check for undefined only
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isNullOrUndefined(item) {
 	return item == null;
 }
@@ -536,7 +566,7 @@ function isNullOrUndefined(item) {
 * @see {@link isNull} to check for null
 * @see {@link isNullOrUndefined} to check for either
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isUndefined(item) {
 	return item === void 0;
 }
@@ -555,7 +585,7 @@ function isUndefined(item) {
 * isPrimitive(null)    // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isPrimitive(item) {
 	return typeof item === "string" || typeof item === "number" || typeof item === "boolean";
 }
@@ -571,7 +601,7 @@ function isPrimitive(item) {
 * isSymbol('symbol')       // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isSymbol(item) {
 	return typeof item === "symbol";
 }
@@ -595,7 +625,7 @@ function isSymbol(item) {
 *
 * @see {@link isNumber} to check if a value is a number type
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isNaN(item) {
 	return /* @__PURE__ */ isNumber(item) && Number.isNaN(item);
 }
@@ -636,7 +666,7 @@ function isPlainObject(value) {
 * mergeDeep({ arr: [1, 2] }, { arr: [3] }) // { arr: [3] }
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function mergeDeep(target, ...sources) {
 	const out = {};
 	for (const key in target) if (Object.hasOwn(target, key)) out[key] = target[key];
@@ -675,7 +705,7 @@ let idCounter = 0;
 * const id = useId() // 'v0-0', 'v0-1', etc.
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function useId() {
 	if (/* @__PURE__ */ instanceExists()) return useId$1();
 	return `v0-${idCounter++}`;
@@ -695,7 +725,7 @@ function useId() {
 * clamp(15, 0, 10) // 10
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function clamp(value, min = 0, max = 1) {
 	if (!Number.isFinite(value)) return min;
 	return Math.max(min, Math.min(max, value));
@@ -715,7 +745,7 @@ function clamp(value, min = 0, max = 1) {
 * range(0)     // []
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function range(length, start = 0) {
 	return Array.from({ length }, (_, index) => start + index);
 }
@@ -751,7 +781,7 @@ function range(length, start = 0) {
 * pxToNumber('0px', 100)      // 0
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function pxToNumber(value, fallback = 0) {
 	if (!/* @__PURE__ */ isString(value)) return fallback;
 	const parsed = Number.parseFloat(value);
@@ -763,7 +793,7 @@ function pxToNumber(value, fallback = 0) {
 *
 * @internal
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function resolveIds(ids, getter) {
 	const result = [];
 	for (const id of ids) {
@@ -777,7 +807,7 @@ function resolveIds(ids, getter) {
 *
 * @internal
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function resolveIndexes(items) {
 	const result = [];
 	for (const item of items) {
@@ -899,7 +929,7 @@ var V0Error = class extends Error {
 * }
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isV0Error(value, code) {
 	if (!(value instanceof V0Error)) return false;
 	return /* @__PURE__ */ isUndefined(code) || value.code === code;
@@ -929,7 +959,7 @@ function isV0Error(value, code) {
 * serving as the foundation for all other components that need polymorphic
 * rendering capabilities.
 */
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 	name: "Atom",
 	__name: "Atom",
 	props: {
@@ -946,7 +976,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 		const isSelfClosing = toRef(() => /* @__PURE__ */ isString(__props.as) && /* @__PURE__ */ isSelfClosingTag(__props.as));
 		const slotProps = toRef(() => attrs);
 		return (_ctx, _cache) => {
-			return __props.renderless || unref(isNull)(__props.as) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : !isSelfClosing.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ key: 1 }, slotProps.value, {
+			return __props.renderless || unref(isNull)(__props.as) ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : !isSelfClosing.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ key: 1 }, slotProps.value, {
 				ref_key: "element",
 				ref: element
 			}), {
@@ -962,7 +992,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Alert/AlertDescription.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AlertDescription",
 	__name: "AlertDescription",
 	props: {
@@ -984,7 +1014,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Alert/AlertRoot.vue
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
 	name: "AlertRoot",
 	__name: "AlertRoot",
 	props: {
@@ -1011,7 +1041,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Alert/AlertTitle.vue
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 	name: "AlertTitle",
 	__name: "AlertTitle",
 	props: {
@@ -1225,10 +1255,10 @@ function createContext(keyOrOptions, defaultValue) {
 //#endregion
 //#region src/components/AlertDialog/AlertDialogRoot.vue
 const [useAlertDialogContext, provideAlertDialogContext] = createContext();
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogRoot",
 	__name: "AlertDialogRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:alert-dialog" },
 		id: {},
 		as: { default: null },
@@ -1240,7 +1270,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const id = __props.id ?? /* @__PURE__ */ useId();
 		const isOpen = useModel(__props, "modelValue");
@@ -1289,7 +1319,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogAction.vue
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogAction",
 	__name: "AlertDialogAction",
 	props: {
@@ -1352,7 +1382,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogActivator.vue
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogActivator",
 	__name: "AlertDialogActivator",
 	props: {
@@ -1397,7 +1427,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogCancel.vue
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogCancel",
 	__name: "AlertDialogCancel",
 	props: {
@@ -2126,8 +2156,10 @@ function createRegistry(options) {
 				value = patch.value;
 				valueIsIndex = false;
 			}
-			if (valueIsIndex !== existing.valueIsIndex) if (valueIsIndex) indexDependentCount++;
-			else indexDependentCount--;
+			if (valueIsIndex !== existing.valueIsIndex) {
+				if (valueIsIndex) indexDependentCount++;
+				else indexDependentCount--;
+			}
 			if (!Object.is(value, existing.value)) {
 				unassign(existing.value, id);
 				assign(value, id);
@@ -2276,12 +2308,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 +2650,7 @@ function createModel(_options = {}) {
 		const id = registration.id ?? /* @__PURE__ */ useId();
 		const item = {
 			disabled: false,
+			unregister: () => unregister(id),
 			...registration,
 			isSelected: toRef(() => selected(id)),
 			id
@@ -3308,7 +3341,7 @@ function useTokens(namespace = "v0:tokens") {
 * @param prefix An optional prefix to prepend to each token ID.
 * @returns An array of flattened tokens, each with an ID and value.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function flatten(tokens, prefix = "", flat = false) {
 	const flattened = [];
 	const stack = [{
@@ -3547,7 +3580,7 @@ const [createLocaleContext, createLocalePlugin, useLocale] = createPluginContext
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogClose.vue
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogClose",
 	__name: "AlertDialogClose",
 	props: {
@@ -3631,7 +3664,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 * console.log(valueAsArray) // ['Example Value']
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function toArray(value) {
 	return /* @__PURE__ */ isNullOrUndefined(value) ? [] : /* @__PURE__ */ isArray(value) ? value : [value];
 }
@@ -4071,7 +4104,7 @@ function useClickOutside(target, handler, options = {}) {
 * toElement(component) // Element | undefined (from $el)
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function toElement(target) {
 	if (!target) return void 0;
 	if (/* @__PURE__ */ isElement(target)) return target;
@@ -4434,7 +4467,7 @@ function useToggleScope(source, fn) {
 }
 //#endregion
 //#region src/components/AlertDialog/AlertDialogContent.vue
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogContent",
 	__name: "AlertDialogContent",
 	props: {
@@ -4535,7 +4568,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogDescription.vue
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogDescription",
 	__name: "AlertDialogDescription",
 	props: {
@@ -4565,7 +4598,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialogTitle.vue
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 	name: "AlertDialogTitle",
 	__name: "AlertDialogTitle",
 	props: {
@@ -4779,7 +4812,7 @@ const AlertDialog = {
 };
 //#endregion
 //#region src/components/AspectRatio/AspectRatio.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /*@__PURE__*/ defineComponent({
 	name: "AspectRatio",
 	__name: "AspectRatio",
 	props: {
@@ -5055,7 +5088,7 @@ function createObserver(target, userCallback, config) {
 * with no layout box resolves its lengths to `''`, and this runs on whatever
 * `getComputedStyle` returns.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function measure(el) {
 	const rect = el.getBoundingClientRect();
 	const style = getComputedStyle(el);
@@ -5311,7 +5344,7 @@ function useElementSize(target) {
 */
 function createOverflow(options = {}) {
 	const { container: _container, gap = 0, reserved = 0, itemWidth, reverse } = options;
-	const container = /* @__PURE__ */ isUndefined(_container) ? shallowRef() : toRef(_container);
+	const container = /* @__PURE__ */ isUndefined(_container) ? shallowRef() : toRef(() => /* @__PURE__ */ toElement(_container) ?? null);
 	const widths = shallowRef(/* @__PURE__ */ new Map());
 	const { width } = useElementSize(container);
 	function measure(index, el) {
@@ -5444,7 +5477,7 @@ function useOverflow(namespace = "v0:overflow") {
 //#endregion
 //#region src/components/Avatar/AvatarGroup.vue
 const [useAvatarGroup, provideAvatarGroup] = createContext();
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /*@__PURE__*/ defineComponent({
 	name: "AvatarGroup",
 	__name: "AvatarGroup",
 	props: {
@@ -5556,7 +5589,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Avatar/AvatarRoot.vue
 const [useAvatarRoot, provideAvatarRoot] = createContext();
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /*@__PURE__*/ defineComponent({
 	name: "AvatarRoot",
 	__name: "AvatarRoot",
 	props: {
@@ -5635,7 +5668,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar/AvatarFallback.vue
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 	name: "AvatarFallback",
 	__name: "AvatarFallback",
 	props: {
@@ -5771,7 +5804,7 @@ function useImage(options) {
 }
 //#endregion
 //#region src/components/Avatar/AvatarImage.vue
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /*@__PURE__*/ defineComponent({
 	name: "AvatarImage",
 	__name: "AvatarImage",
 	props: {
@@ -5863,7 +5896,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 * is set, this component self-measures and feeds its width back to the
 * group so createOverflow can reserve space for it (wired in Task 4).
 */
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /*@__PURE__*/ defineComponent({
 	name: "AvatarIndicator",
 	__name: "AvatarIndicator",
 	props: {
@@ -6398,7 +6431,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 +6455,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 +6504,8 @@ function createGroup(_options = {}) {
 		offboard,
 		onboard,
 		reset,
+		clear,
+		dispose,
 		selectAll,
 		unselectAll,
 		toggleAll,
@@ -6540,7 +6584,7 @@ function useGroup(namespace = "v0:group") {
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsRoot.vue
 const [useBreadcrumbsRoot, provideBreadcrumbsRoot] = createContext();
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsRoot",
 	__name: "BreadcrumbsRoot",
 	props: {
@@ -6624,7 +6668,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);
@@ -6702,7 +6746,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsActivator.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsActivator",
 	__name: "BreadcrumbsActivator",
 	props: {
@@ -6756,7 +6800,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsDivider.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsDivider",
 	__name: "BreadcrumbsDivider",
 	props: {
@@ -6805,7 +6849,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsEllipsis.vue
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsEllipsis",
 	__name: "BreadcrumbsEllipsis",
 	props: {
@@ -6863,7 +6907,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsItem.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsItem",
 	__name: "BreadcrumbsItem",
 	props: {
@@ -6918,7 +6962,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsLink.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsLink",
 	__name: "BreadcrumbsLink",
 	props: {
@@ -6939,7 +6983,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsList.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsList",
 	__name: "BreadcrumbsList",
 	props: {
@@ -6961,7 +7005,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Breadcrumbs/BreadcrumbsPage.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /*@__PURE__*/ defineComponent({
 	name: "BreadcrumbsPage",
 	__name: "BreadcrumbsPage",
 	props: {
@@ -7304,10 +7348,10 @@ function useProxyModel(context, model, options) {
 //#endregion
 //#region src/components/Button/ButtonGroup.vue
 const [useButtonGroup, provideButtonGroup] = createContext();
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /*@__PURE__*/ defineComponent({
 	name: "ButtonGroup",
 	__name: "ButtonGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:button:group" },
 		disabled: {
 			type: Boolean,
@@ -7330,7 +7374,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const selection = createSelection({
@@ -7381,7 +7425,7 @@ const visuallyHiddenStyle$6 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /*@__PURE__*/ defineComponent({
 	name: "ButtonHiddenInput",
 	__name: "ButtonHiddenInput",
 	props: {
@@ -7566,7 +7610,7 @@ function useTimer(handler, options = {}) {
 //#endregion
 //#region src/components/Button/ButtonRoot.vue
 const [useButtonRoot, provideButtonRoot] = createContext();
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /*@__PURE__*/ defineComponent({
 	name: "ButtonRoot",
 	inheritAttrs: false,
 	__name: "ButtonRoot",
@@ -7691,7 +7735,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonContent.vue
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /*@__PURE__*/ defineComponent({
 	name: "ButtonContent",
 	__name: "ButtonContent",
 	props: {
@@ -7709,7 +7753,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonIcon.vue
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /*@__PURE__*/ defineComponent({
 	name: "ButtonIcon",
 	__name: "ButtonIcon",
 	props: {
@@ -7740,7 +7784,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Button/ButtonLoading.vue
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /*@__PURE__*/ defineComponent({
 	name: "ButtonLoading",
 	__name: "ButtonLoading",
 	props: {
@@ -7766,7 +7810,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
 		onBeforeUnmount(() => ticket.unregister());
 		const slotProps = toRef(() => ({ isSelected: ticket.isSelected.value }));
 		return (_ctx, _cache) => {
-			return unref(ticket).isSelected.value ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true);
+			return unref(ticket).isSelected.value ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : createCommentVNode("v-if", true);
 		};
 	}
 });
@@ -8049,6 +8093,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;
@@ -8140,10 +8185,10 @@ function useStep(namespace = "v0:step") {
 //#endregion
 //#region src/components/Carousel/CarouselRoot.vue
 const [useCarouselRoot, provideCarouselRoot] = createContext();
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /*@__PURE__*/ defineComponent({
 	name: "CarouselRoot",
 	__name: "CarouselRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId() },
 		label: {},
 		namespace: { default: "v0:carousel" },
@@ -8271,7 +8316,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselViewport.vue
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /*@__PURE__*/ defineComponent({
 	name: "CarouselViewport",
 	inheritAttrs: false,
 	__name: "CarouselViewport",
@@ -8466,7 +8511,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselItem.vue
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /*@__PURE__*/ defineComponent({
 	name: "CarouselItem",
 	inheritAttrs: false,
 	__name: "CarouselItem",
@@ -8544,7 +8589,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselPrevious.vue
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /*@__PURE__*/ defineComponent({
 	name: "CarouselPrevious",
 	inheritAttrs: false,
 	__name: "CarouselPrevious",
@@ -8606,7 +8651,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselNext.vue
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /*@__PURE__*/ defineComponent({
 	name: "CarouselNext",
 	inheritAttrs: false,
 	__name: "CarouselNext",
@@ -8671,7 +8716,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselIndicator.vue
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /*@__PURE__*/ defineComponent({
 	name: "CarouselIndicator",
 	inheritAttrs: false,
 	__name: "CarouselIndicator",
@@ -8785,7 +8830,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselProgress.vue
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /*@__PURE__*/ defineComponent({
 	name: "CarouselProgress",
 	inheritAttrs: false,
 	__name: "CarouselProgress",
@@ -8851,7 +8896,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Carousel/CarouselLiveRegion.vue
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /*@__PURE__*/ defineComponent({
 	name: "CarouselLiveRegion",
 	inheritAttrs: false,
 	__name: "CarouselLiveRegion",
@@ -9126,10 +9171,10 @@ const Carousel = {
 //#endregion
 //#region src/components/Checkbox/CheckboxGroup.vue
 const [useCheckboxGroup, provideCheckboxGroup] = createContext();
-const _sfc_main$40 = /* @__PURE__ */ defineComponent({
+const _sfc_main$40 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxGroup",
 	__name: "CheckboxGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:checkbox:group" },
 		disabled: {
 			type: Boolean,
@@ -9152,7 +9197,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const group = createGroup({
@@ -9195,11 +9240,11 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Checkbox/CheckboxRoot.vue
 const [useCheckboxRoot, provideCheckboxRoot] = createContext();
-const _sfc_main$43 = /* @__PURE__ */ defineComponent({
+const _sfc_main$43 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxRoot",
 	inheritAttrs: false,
 	__name: "CheckboxRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId() },
 		label: {},
 		value: {},
@@ -9218,7 +9263,7 @@ const _sfc_main$43 = /* @__PURE__ */ defineComponent({
 		"modelValue": { type: Boolean },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		let group = null;
@@ -9346,7 +9391,7 @@ const visuallyHiddenStyle$5 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$41 = /* @__PURE__ */ defineComponent({
+const _sfc_main$41 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxHiddenInput",
 	__name: "CheckboxHiddenInput",
 	props: {
@@ -9384,7 +9429,7 @@ const _sfc_main$41 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxIndicator.vue
-const _sfc_main$42 = /* @__PURE__ */ defineComponent({
+const _sfc_main$42 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxIndicator",
 	__name: "CheckboxIndicator",
 	props: {
@@ -9419,7 +9464,7 @@ const _sfc_main$42 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Checkbox/CheckboxSelectAll.vue
-const _sfc_main$44 = /* @__PURE__ */ defineComponent({
+const _sfc_main$44 = /*@__PURE__*/ defineComponent({
 	name: "CheckboxSelectAll",
 	inheritAttrs: false,
 	__name: "CheckboxSelectAll",
@@ -9672,10 +9717,10 @@ const Checkbox = {
 //#endregion
 //#region src/components/Collapsible/CollapsibleRoot.vue
 const [useCollapsible, provideCollapsible] = createContext();
-const _sfc_main$48 = /* @__PURE__ */ defineComponent({
+const _sfc_main$48 = /*@__PURE__*/ defineComponent({
 	name: "CollapsibleRoot",
 	__name: "CollapsibleRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:collapsible" },
 		disabled: {
 			type: Boolean,
@@ -9690,7 +9735,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const isDisabled = toRef(() => __props.disabled);
@@ -9752,7 +9797,7 @@ const _sfc_main$48 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleActivator.vue
-const _sfc_main$45 = /* @__PURE__ */ defineComponent({
+const _sfc_main$45 = /*@__PURE__*/ defineComponent({
 	name: "CollapsibleActivator",
 	__name: "CollapsibleActivator",
 	props: {
@@ -9800,7 +9845,7 @@ const _sfc_main$45 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleContent.vue
-const _sfc_main$46 = /* @__PURE__ */ defineComponent({
+const _sfc_main$46 = /*@__PURE__*/ defineComponent({
 	name: "CollapsibleContent",
 	__name: "CollapsibleContent",
 	props: {
@@ -9834,7 +9879,7 @@ const _sfc_main$46 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Collapsible/CollapsibleCue.vue
-const _sfc_main$47 = /* @__PURE__ */ defineComponent({
+const _sfc_main$47 = /*@__PURE__*/ defineComponent({
 	name: "CollapsibleCue",
 	__name: "CollapsibleCue",
 	props: {
@@ -9914,7 +9959,7 @@ const visuallyHiddenStyle$4 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$192 = /* @__PURE__ */ defineComponent({
+const _sfc_main$192 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxHiddenInput",
 	__name: "ComboboxHiddenInput",
 	props: { namespace: { default: "v0:combobox" } },
@@ -10124,7 +10169,9 @@ const SIDE_KEYWORDS = {
 */
 function toPlacement(positionArea) {
 	const tokens = positionArea.trim().split(/\s+/);
-	const side = SIDE_KEYWORDS[tokens[0] ?? "bottom"] ?? "bottom";
+	/* v8 ignore next -- defensive: split() on a string always yields at least one element */
+	const first = tokens[0] ?? "bottom";
+	const side = SIDE_KEYWORDS[first] ?? "bottom";
 	let align = "center";
 	const second = tokens[1];
 	if (second === "span-left" || second === "span-start" || second === "left") align = "start";
@@ -10216,17 +10263,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 +10284,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({
@@ -10521,7 +10569,6 @@ function createFocusTraversal(items, activate, options = {}) {
 					e.preventDefault();
 					if (e.ctrlKey) last();
 					else rowLast();
-					break;
 			}
 			return;
 		}
@@ -10713,7 +10760,7 @@ function defaultFilter(query, item, keys, mode = "some") {
 */
 function createFilter(options = {}) {
 	const { customFilter, keys, mode = "some" } = options;
-	const filterFunction = customFilter ?? ((q, i) => defaultFilter(q, i, keys, mode));
+	const filterFunction = customFilter ?? ((q, i) => defaultFilter(q, i, toValue(keys), mode));
 	const query = shallowRef("");
 	function apply(_query, items) {
 		return { items: computed(() => {
@@ -11084,10 +11131,10 @@ function useCombobox(namespace = "v0:combobox") {
 //#endregion
 //#region src/components/Combobox/ComboboxRoot.vue
 const [useComboboxContext, provideComboboxContext] = createContext();
-const _sfc_main$57 = /* @__PURE__ */ defineComponent({
+const _sfc_main$57 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxRoot",
 	__name: "ComboboxRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:combobox" },
 		id: {},
 		name: {},
@@ -11122,7 +11169,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const context = createCombobox({
@@ -11168,7 +11215,7 @@ const _sfc_main$57 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxActivator.vue
-const _sfc_main$49 = /* @__PURE__ */ defineComponent({
+const _sfc_main$49 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxActivator",
 	__name: "ComboboxActivator",
 	props: {
@@ -11276,9 +11323,10 @@ function useLazy(active, options = {}) {
 		isBooted.value = true;
 	}, { duration: delay }) : void 0;
 	const stop = watch(() => toValue(active), (value) => {
-		if (value) if (timer) timer.start();
-		else isBooted.value = true;
-		else timer?.stop();
+		if (value) {
+			if (timer) timer.start();
+			else isBooted.value = true;
+		} else timer?.stop();
 	}, { immediate: true });
 	function reset() {
 		isBooted.value = false;
@@ -11296,7 +11344,7 @@ function useLazy(active, options = {}) {
 }
 //#endregion
 //#region src/components/Combobox/ComboboxContent.vue
-const _sfc_main$50 = /* @__PURE__ */ defineComponent({
+const _sfc_main$50 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxContent",
 	__name: "ComboboxContent",
 	props: {
@@ -11337,7 +11385,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 				as: __props.as,
 				renderless: __props.renderless
 			}), {
-				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 16, ["as", "renderless"]);
 		};
@@ -11345,7 +11393,7 @@ const _sfc_main$50 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxControl.vue
-const _sfc_main$51 = /* @__PURE__ */ defineComponent({
+const _sfc_main$51 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxControl",
 	__name: "ComboboxControl",
 	props: {
@@ -11397,14 +11445,12 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 						}
 					}
 					context.cursor.onKeydown(e);
-					break;
 			}
 			else switch (e.key) {
 				case "ArrowDown":
 				case "ArrowUp":
 					e.preventDefault();
 					context.open();
-					break;
 			}
 		}
 		const strict = toRef(() => toValue(context.strict));
@@ -11447,7 +11493,7 @@ const _sfc_main$51 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxCue.vue
-const _sfc_main$52 = /* @__PURE__ */ defineComponent({
+const _sfc_main$52 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxCue",
 	__name: "ComboboxCue",
 	props: {
@@ -11481,7 +11527,7 @@ const _sfc_main$52 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxDescription.vue
-const _sfc_main$53 = /* @__PURE__ */ defineComponent({
+const _sfc_main$53 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxDescription",
 	inheritAttrs: false,
 	__name: "ComboboxDescription",
@@ -11517,7 +11563,7 @@ const _sfc_main$53 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxEmpty.vue
-const _sfc_main$54 = /* @__PURE__ */ defineComponent({
+const _sfc_main$54 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxEmpty",
 	__name: "ComboboxEmpty",
 	props: {
@@ -11543,7 +11589,7 @@ const _sfc_main$54 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxError.vue
-const _sfc_main$55 = /* @__PURE__ */ defineComponent({
+const _sfc_main$55 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxError",
 	inheritAttrs: false,
 	__name: "ComboboxError",
@@ -11584,7 +11630,7 @@ const _sfc_main$55 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Combobox/ComboboxItem.vue
-const _sfc_main$56 = /* @__PURE__ */ defineComponent({
+const _sfc_main$56 = /*@__PURE__*/ defineComponent({
 	name: "ComboboxItem",
 	__name: "ComboboxItem",
 	props: {
@@ -12138,7 +12184,7 @@ var DataTableAdapter = class {
 	filter(context) {
 		const filter = createFilter({
 			...context.filterOptions,
-			keys: [...toValue(context.filterableKeys)],
+			keys: context.filterableKeys,
 			customFilter: context.filterOptions.customFilter ?? ((query, item) => {
 				const columnFilters = toValue(context.customColumnFilters);
 				const keys = toValue(context.filterableKeys);
@@ -12232,7 +12278,7 @@ var ClientDataTableAdapter = class extends DataTableAdapter {
 * @param columns Column tree to extract leaves from
 * @returns Flat array of leaf columns
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function extractLeaves(columns) {
 	const leaves = [];
 	for (const col of columns) if (col.children?.length) leaves.push(.../* @__PURE__ */ extractLeaves(col.children));
@@ -12245,7 +12291,7 @@ function extractLeaves(columns) {
 * @param columns Column tree to measure
 * @returns Maximum nesting depth
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function computeDepth(columns) {
 	let max = 0;
 	for (const col of columns) if (col.children?.length) max = Math.max(max, 1 + /* @__PURE__ */ computeDepth(col.children));
@@ -12260,7 +12306,7 @@ function computeDepth(columns) {
 * @param columns Column tree to resolve
 * @returns 2D array of header cells with colspan/rowspan
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function resolveHeaders(columns) {
 	if (columns.length === 0) return [];
 	const maxDepth = /* @__PURE__ */ computeDepth(columns);
@@ -12477,9 +12523,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()));
@@ -12535,9 +12581,10 @@ function createDataTable(options = {}) {
 			if (firstSortOrder === "desc") setDesc();
 			else setAsc();
 			order.push(id);
-		} else if (isAsc) if (firstSortOrder === "desc" && !mandate) setNone();
-		else setDesc();
-		else if (firstSortOrder === "asc" && !mandate) setNone();
+		} else if (isAsc) {
+			if (firstSortOrder === "desc" && !mandate) setNone();
+			else setDesc();
+		} else if (firstSortOrder === "asc" && !mandate) setNone();
 		else setAsc();
 	}
 	const sortBy = computed(() => {
@@ -13491,7 +13538,7 @@ function createRowSpanning(options) {
 		if (!span) return result;
 		const list = items.value;
 		const resolved = toValue(columns);
-		const covered = Array.from({ length: resolved.length }).fill(0);
+		const covered = Array.from({ length: resolved.length }, () => 0);
 		for (let row = 0; row < list.length; row++) {
 			const item = list[row];
 			const id = key ? key(item, row) : item[itemKey];
@@ -13800,10 +13847,10 @@ const [_useDataGridRoot, provideDataGridRoot] = createContext();
 function useDataGridRoot(namespace = "v0:data-grid") {
 	return _useDataGridRoot(namespace);
 }
-const _sfc_main$64 = /* @__PURE__ */ defineComponent({
+const _sfc_main$64 = /*@__PURE__*/ defineComponent({
 	name: "DataGridRoot",
 	__name: "DataGridRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:data-grid" },
 		editing: {},
 		preserveRowOrder: {},
@@ -13824,7 +13871,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 		"search": { default: "" },
 		"searchModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:search"], ["update:search"]),
+	emits: /*@__PURE__*/ mergeModels(["update:search"], ["update:search"]),
 	setup(__props) {
 		const options = createPropsRestProxy(__props, [
 			"namespace",
@@ -13863,7 +13910,7 @@ const _sfc_main$64 = /* @__PURE__ */ defineComponent({
 * The `<tbody>` element wrapper. Exposes the paginated items from the
 * context for rendering data rows.
 */
-const _sfc_main$58 = /* @__PURE__ */ defineComponent({
+const _sfc_main$58 = /*@__PURE__*/ defineComponent({
 	name: "DataGridBody",
 	inheritAttrs: false,
 	__name: "DataGridBody",
@@ -13901,7 +13948,7 @@ const _sfc_main$58 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Splitter/SplitterRoot.vue
 const [useSplitterRoot, provideSplitterRoot] = createContext("v0:splitter");
-const _sfc_main$161 = /* @__PURE__ */ defineComponent({
+const _sfc_main$161 = /*@__PURE__*/ defineComponent({
 	name: "SplitterRoot",
 	inheritAttrs: false,
 	__name: "SplitterRoot",
@@ -13991,54 +14038,58 @@ const _sfc_main$161 = /* @__PURE__ */ defineComponent({
 			let size = /* @__PURE__ */ clamp(before.size + delta, lower, upper);
 			const beforeCollapsed = !toValue(before.isSelected);
 			const drag = dragging.value;
-			if (before.collapsible && !beforeCollapsed && size <= before.minSize && delta < 0) if (drag) {
-				if (before.size >= before.minSize) {
-					size = before.minSize;
-					if (canCollapse(before)) arm(before.id, "collapse", Math.max(0, before.minSize - (before.size + delta)));
+			if (before.collapsible && !beforeCollapsed && size <= before.minSize && delta < 0) {
+				if (drag) {
+					if (before.size >= before.minSize) {
+						size = before.minSize;
+						if (canCollapse(before)) arm(before.id, "collapse", Math.max(0, before.minSize - (before.size + delta)));
+					}
+				} else {
+					size = before.collapsedSize;
+					before.unselect();
+					expandAccum.set(before.id, 0);
 				}
-			} else {
-				size = before.collapsedSize;
-				before.unselect();
-				expandAccum.set(before.id, 0);
-			}
-			else if (before.collapsible && beforeCollapsed && delta > 0) if (drag) {
-				size = before.collapsedSize;
-				if (canExpand(before, after)) arm(before.id, "expand", delta);
-			} else {
-				const accum = (expandAccum.get(before.id) ?? 0) + delta;
-				expandAccum.set(before.id, accum);
-				if (accum >= EXPAND_THRESHOLD) {
-					size = /* @__PURE__ */ clamp(accum, before.collapsedSize, before.maxSize);
-					before.select();
-					expandAccum.delete(before.id);
-				} else size = before.collapsedSize;
-			}
-			else if (drag) disarm(before.id);
+			} else if (before.collapsible && beforeCollapsed && delta > 0) {
+				if (drag) {
+					size = before.collapsedSize;
+					if (canExpand(before, after)) arm(before.id, "expand", delta);
+				} else {
+					const accum = (expandAccum.get(before.id) ?? 0) + delta;
+					expandAccum.set(before.id, accum);
+					if (accum >= EXPAND_THRESHOLD) {
+						size = /* @__PURE__ */ clamp(accum, before.collapsedSize, before.maxSize);
+						before.select();
+						expandAccum.delete(before.id);
+					} else size = before.collapsedSize;
+				}
+			} else if (drag) disarm(before.id);
 			const afterSize = total - size;
 			const afterCollapsed = !toValue(after.isSelected);
-			if (after.collapsible && !afterCollapsed && afterSize <= after.minSize && delta > 0) if (drag) {
-				if (after.size >= after.minSize) {
-					size = total - after.minSize;
-					if (canCollapse(after)) arm(after.id, "collapse", Math.max(0, after.minSize - (after.size - delta)));
+			if (after.collapsible && !afterCollapsed && afterSize <= after.minSize && delta > 0) {
+				if (drag) {
+					if (after.size >= after.minSize) {
+						size = total - after.minSize;
+						if (canCollapse(after)) arm(after.id, "collapse", Math.max(0, after.minSize - (after.size - delta)));
+					}
+				} else {
+					size = total - after.collapsedSize;
+					after.unselect();
+					expandAccum.set(after.id, 0);
 				}
-			} else {
-				size = total - after.collapsedSize;
-				after.unselect();
-				expandAccum.set(after.id, 0);
-			}
-			else if (after.collapsible && afterCollapsed && delta < 0) if (drag) {
-				size = total - after.collapsedSize;
-				if (canExpand(after, before)) arm(after.id, "expand", delta);
-			} else {
-				const accum = (expandAccum.get(after.id) ?? 0) + Math.abs(delta);
-				expandAccum.set(after.id, accum);
-				if (accum >= EXPAND_THRESHOLD) {
-					size = total - /* @__PURE__ */ clamp(accum, after.collapsedSize, after.maxSize);
-					after.select();
-					expandAccum.delete(after.id);
-				} else size = total - after.collapsedSize;
-			}
-			else if (drag) disarm(after.id);
+			} else if (after.collapsible && afterCollapsed && delta < 0) {
+				if (drag) {
+					size = total - after.collapsedSize;
+					if (canExpand(after, before)) arm(after.id, "expand", delta);
+				} else {
+					const accum = (expandAccum.get(after.id) ?? 0) + Math.abs(delta);
+					expandAccum.set(after.id, accum);
+					if (accum >= EXPAND_THRESHOLD) {
+						size = total - /* @__PURE__ */ clamp(accum, after.collapsedSize, after.maxSize);
+						after.select();
+						expandAccum.delete(after.id);
+					} else size = total - after.collapsedSize;
+				}
+			} else if (drag) disarm(after.id);
 			before.size = size;
 			after.size = total - size;
 			if (options?.emit) emitLayout();
@@ -14198,11 +14249,11 @@ const _sfc_main$161 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Splitter/SplitterPanel.vue
-const _sfc_main$160 = /* @__PURE__ */ defineComponent({
+const _sfc_main$160 = /*@__PURE__*/ defineComponent({
 	name: "SplitterPanel",
 	inheritAttrs: false,
 	__name: "SplitterPanel",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		defaultSize: {},
 		minSize: { default: 0 },
 		maxSize: { default: 100 },
@@ -14217,7 +14268,7 @@ const _sfc_main$160 = /* @__PURE__ */ defineComponent({
 		"collapsed": { type: Boolean },
 		"collapsedModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:collapsed", "resize"], ["update:collapsed"]),
+	emits: /*@__PURE__*/ mergeModels(["update:collapsed", "resize"], ["update:collapsed"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const attrs = useAttrs();
 		const collapsed = useModel(__props, "collapsed");
@@ -14409,7 +14460,7 @@ function useRaf(callback) {
 }
 //#endregion
 //#region src/components/Splitter/SplitterHandle.vue
-const _sfc_main$159 = /* @__PURE__ */ defineComponent({
+const _sfc_main$159 = /*@__PURE__*/ defineComponent({
 	name: "SplitterHandle",
 	inheritAttrs: false,
 	__name: "SplitterHandle",
@@ -14529,7 +14580,7 @@ const _sfc_main$159 = /* @__PURE__ */ defineComponent({
 					break;
 				case backward:
 					e.preventDefault();
-					splitter.resize(ticket.index, -ARROW_STEP, { emit: true });
+					splitter.resize(ticket.index, -1, { emit: true });
 					break;
 				case "PageDown":
 					e.preventDefault();
@@ -14537,7 +14588,7 @@ const _sfc_main$159 = /* @__PURE__ */ defineComponent({
 					break;
 				case "PageUp":
 					e.preventDefault();
-					splitter.resize(ticket.index, -PAGE_STEP, { emit: true });
+					splitter.resize(ticket.index, -10, { emit: true });
 					break;
 				case "Home": {
 					e.preventDefault();
@@ -14724,7 +14775,7 @@ const Splitter = {
 * for rendering nested header rows.
 */
 const [useDataGridHeader, provideDataGridHeader] = createContext({ suffix: "header" });
-const _sfc_main$63 = /* @__PURE__ */ defineComponent({
+const _sfc_main$63 = /*@__PURE__*/ defineComponent({
 	name: "DataGridHeader",
 	inheritAttrs: false,
 	__name: "DataGridHeader",
@@ -14786,7 +14837,7 @@ const _sfc_main$63 = /* @__PURE__ */ defineComponent({
 * table — pass `as="div"` on the Table/Header/Body/Row/Column/Cell chain.
 */
 const [useDataGridRow, provideDataGridRow] = createContext({ suffix: "row" });
-const _sfc_main$65 = /* @__PURE__ */ defineComponent({
+const _sfc_main$65 = /*@__PURE__*/ defineComponent({
 	name: "DataGridRow",
 	inheritAttrs: false,
 	__name: "DataGridRow",
@@ -14894,7 +14945,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 +14960,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(() => ({
@@ -14964,7 +15013,7 @@ const _sfc_main$65 = /* @__PURE__ */ defineComponent({
 * A `<td>` element for data cells. Exposes editing state, row spanning,
 * consumer `colspan`, and layout (pin/size/offset) from the grid context.
 */
-const _sfc_main$59 = /* @__PURE__ */ defineComponent({
+const _sfc_main$59 = /*@__PURE__*/ defineComponent({
 	name: "DataGridCell",
 	inheritAttrs: false,
 	__name: "DataGridCell",
@@ -15064,7 +15113,7 @@ const _sfc_main$59 = /* @__PURE__ */ defineComponent({
 * When inside a resizable `DataGridRow`, this component composes
 * `Splitter.Panel`. Keep the consumer `as` — do not swap `th` for `div`.
 */
-const _sfc_main$60 = /* @__PURE__ */ defineComponent({
+const _sfc_main$60 = /*@__PURE__*/ defineComponent({
 	name: "DataGridColumn",
 	inheritAttrs: false,
 	__name: "DataGridColumn",
@@ -15199,7 +15248,7 @@ const _sfc_main$60 = /* @__PURE__ */ defineComponent({
 * Empty state component that renders when the grid has no items.
 * Conditionally renders based on the items count.
 */
-const _sfc_main$61 = /* @__PURE__ */ defineComponent({
+const _sfc_main$61 = /*@__PURE__*/ defineComponent({
 	name: "DataGridEmpty",
 	inheritAttrs: false,
 	__name: "DataGridEmpty",
@@ -15242,7 +15291,7 @@ const _sfc_main$61 = /* @__PURE__ */ defineComponent({
 * renders nothing so it cannot hijack an ancestor Splitter or throw
 * V0_CONTEXT_MISSING.
 */
-const _sfc_main$62 = /* @__PURE__ */ defineComponent({
+const _sfc_main$62 = /*@__PURE__*/ defineComponent({
 	name: "DataGridHandle",
 	inheritAttrs: false,
 	__name: "DataGridHandle",
@@ -15296,7 +15345,7 @@ const _sfc_main$62 = /* @__PURE__ */ defineComponent({
 * The `<table>` element wrapper for the DataGrid compound. Renders a semantic
 * table with proper ARIA attributes. This is not an APG Grid widget.
 */
-const _sfc_main$66 = /* @__PURE__ */ defineComponent({
+const _sfc_main$66 = /*@__PURE__*/ defineComponent({
 	name: "DataGridTable",
 	inheritAttrs: false,
 	__name: "DataGridTable",
@@ -15551,10 +15600,10 @@ const [_useDataTableRoot, provideDataTableRoot] = createContext();
 function useDataTableRoot(namespace = "v0:data-table") {
 	return _useDataTableRoot(namespace);
 }
-const _sfc_main$72 = /* @__PURE__ */ defineComponent({
+const _sfc_main$72 = /*@__PURE__*/ defineComponent({
 	name: "DataTableRoot",
 	__name: "DataTableRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:data-table" },
 		filter: {},
 		pagination: {},
@@ -15572,7 +15621,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 		"search": { default: "" },
 		"searchModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:search"], ["update:search"]),
+	emits: /*@__PURE__*/ mergeModels(["update:search"], ["update:search"]),
 	setup(__props) {
 		const context = createDataTable({
 			filter: __props.filter,
@@ -15612,7 +15661,7 @@ const _sfc_main$72 = /* @__PURE__ */ defineComponent({
 * @remarks
 * The `<tbody>` element wrapper. Slot exposes `rank`, `items`, and `isEmpty`.
 */
-const _sfc_main$67 = /* @__PURE__ */ defineComponent({
+const _sfc_main$67 = /*@__PURE__*/ defineComponent({
 	name: "DataTableBody",
 	inheritAttrs: false,
 	__name: "DataTableBody",
@@ -15652,7 +15701,7 @@ const _sfc_main$67 = /* @__PURE__ */ defineComponent({
 * @remarks
 * A `<td>` element for data cells. Use inside DataTable.Row.
 */
-const _sfc_main$68 = /* @__PURE__ */ defineComponent({
+const _sfc_main$68 = /*@__PURE__*/ defineComponent({
 	name: "DataTableCell",
 	inheritAttrs: false,
 	__name: "DataTableCell",
@@ -15691,7 +15740,7 @@ const _sfc_main$68 = /* @__PURE__ */ defineComponent({
 * A `<th>` element for header cells. Exposes sort state and controls
 * for sortable columns. Use inside DataTable.Row.
 */
-const _sfc_main$69 = /* @__PURE__ */ defineComponent({
+const _sfc_main$69 = /*@__PURE__*/ defineComponent({
 	name: "DataTableColumn",
 	inheritAttrs: false,
 	__name: "DataTableColumn",
@@ -15780,7 +15829,7 @@ const _sfc_main$69 = /* @__PURE__ */ defineComponent({
 * Empty state component that renders when the table has no items.
 * Conditionally renders based on the items count.
 */
-const _sfc_main$70 = /* @__PURE__ */ defineComponent({
+const _sfc_main$70 = /*@__PURE__*/ defineComponent({
 	name: "DataTableEmpty",
 	inheritAttrs: false,
 	__name: "DataTableEmpty",
@@ -15821,7 +15870,7 @@ const _sfc_main$70 = /* @__PURE__ */ defineComponent({
 * The `<thead>` element wrapper. Exposes the 2D header grid from the context
 * for rendering nested header rows.
 */
-const _sfc_main$71 = /* @__PURE__ */ defineComponent({
+const _sfc_main$71 = /*@__PURE__*/ defineComponent({
 	name: "DataTableHeader",
 	inheritAttrs: false,
 	__name: "DataTableHeader",
@@ -15860,7 +15909,7 @@ const _sfc_main$71 = /* @__PURE__ */ defineComponent({
 * DataTable.Body (with Cell). Exposes selection and expansion state
 * when bound to a row item.
 */
-const _sfc_main$73 = /* @__PURE__ */ defineComponent({
+const _sfc_main$73 = /*@__PURE__*/ defineComponent({
 	name: "DataTableRow",
 	inheritAttrs: false,
 	__name: "DataTableRow",
@@ -15986,7 +16035,7 @@ const _sfc_main$73 = /* @__PURE__ */ defineComponent({
 * The `<table>` element wrapper for the DataTable compound. Renders a semantic
 * table with proper ARIA attributes.
 */
-const _sfc_main$74 = /* @__PURE__ */ defineComponent({
+const _sfc_main$74 = /*@__PURE__*/ defineComponent({
 	name: "DataTableTable",
 	inheritAttrs: false,
 	__name: "DataTableTable",
@@ -16311,10 +16360,10 @@ const DataTable = {
 //#endregion
 //#region src/components/Dialog/DialogRoot.vue
 const [useDialogContext, provideDialogContext] = createContext();
-const _sfc_main$79 = /* @__PURE__ */ defineComponent({
+const _sfc_main$79 = /*@__PURE__*/ defineComponent({
 	name: "DialogRoot",
 	__name: "DialogRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:dialog" },
 		id: {},
 		as: { default: null },
@@ -16326,7 +16375,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const isOpen = useModel(__props, "modelValue");
 		const id = __props.id ?? /* @__PURE__ */ useId();
@@ -16369,7 +16418,7 @@ const _sfc_main$79 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogClose.vue
-const _sfc_main$76 = /* @__PURE__ */ defineComponent({
+const _sfc_main$76 = /*@__PURE__*/ defineComponent({
 	name: "DialogClose",
 	__name: "DialogClose",
 	props: {
@@ -16413,7 +16462,7 @@ const _sfc_main$76 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogContent.vue
-const _sfc_main$77 = /* @__PURE__ */ defineComponent({
+const _sfc_main$77 = /*@__PURE__*/ defineComponent({
 	name: "DialogContent",
 	__name: "DialogContent",
 	props: {
@@ -16498,7 +16547,7 @@ const _sfc_main$77 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogDescription.vue
-const _sfc_main$78 = /* @__PURE__ */ defineComponent({
+const _sfc_main$78 = /*@__PURE__*/ defineComponent({
 	name: "DialogDescription",
 	__name: "DialogDescription",
 	props: {
@@ -16528,7 +16577,7 @@ const _sfc_main$78 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogTitle.vue
-const _sfc_main$80 = /* @__PURE__ */ defineComponent({
+const _sfc_main$80 = /*@__PURE__*/ defineComponent({
 	name: "DialogTitle",
 	__name: "DialogTitle",
 	props: {
@@ -16558,7 +16607,7 @@ const _sfc_main$80 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Dialog/DialogActivator.vue
-const _sfc_main$75 = /* @__PURE__ */ defineComponent({
+const _sfc_main$75 = /*@__PURE__*/ defineComponent({
 	name: "DialogActivator",
 	__name: "DialogActivator",
 	props: {
@@ -16753,10 +16802,10 @@ const Dialog = {
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelGroup.vue
 const [useExpansionPanelGroup, provideExpansionPanelGroup] = createContext();
-const _sfc_main$84 = /* @__PURE__ */ defineComponent({
+const _sfc_main$84 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelGroup",
 	__name: "ExpansionPanelGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:expansion-panel" },
 		disabled: {
 			type: Boolean,
@@ -16780,7 +16829,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const isDisabled = toRef(() => __props.disabled);
@@ -16813,7 +16862,7 @@ const _sfc_main$84 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelRoot.vue
 const [useExpansionPanelRoot, provideExpansionPanelRoot] = createContext({ suffix: "item" });
-const _sfc_main$86 = /* @__PURE__ */ defineComponent({
+const _sfc_main$86 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelRoot",
 	__name: "ExpansionPanelRoot",
 	props: {
@@ -16859,7 +16908,7 @@ const _sfc_main$86 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelActivator.vue
-const _sfc_main$81 = /* @__PURE__ */ defineComponent({
+const _sfc_main$81 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelActivator",
 	__name: "ExpansionPanelActivator",
 	props: {
@@ -16912,7 +16961,7 @@ const _sfc_main$81 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelContent.vue
-const _sfc_main$82 = /* @__PURE__ */ defineComponent({
+const _sfc_main$82 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelContent",
 	__name: "ExpansionPanelContent",
 	props: {
@@ -16945,7 +16994,7 @@ const _sfc_main$82 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelCue.vue
-const _sfc_main$83 = /* @__PURE__ */ defineComponent({
+const _sfc_main$83 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelCue",
 	__name: "ExpansionPanelCue",
 	props: {
@@ -16975,7 +17024,7 @@ const _sfc_main$83 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExpansionPanel/ExpansionPanelHeader.vue
-const _sfc_main$85 = /* @__PURE__ */ defineComponent({
+const _sfc_main$85 = /*@__PURE__*/ defineComponent({
 	name: "ExpansionPanelHeader",
 	__name: "ExpansionPanelHeader",
 	props: {
@@ -17300,11 +17349,11 @@ function useForm(namespace = "v0:form") {
 }
 //#endregion
 //#region src/components/Form/Form.vue
-const _sfc_main$87 = /* @__PURE__ */ defineComponent({
+const _sfc_main$87 = /*@__PURE__*/ defineComponent({
 	name: "Form",
 	inheritAttrs: false,
 	__name: "Form",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:form" },
 		disabled: {
 			type: Boolean,
@@ -17327,7 +17376,7 @@ const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"update:model-value",
 		"submit",
 		"reset"
@@ -17346,7 +17395,8 @@ const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 		provideContext(__props.namespace, form);
 		async function onSubmit(event) {
 			event.preventDefault();
-			emit("submit", { valid: await form.submit() });
+			const valid = await form.submit();
+			emit("submit", { valid });
 		}
 		function onReset(event) {
 			event.preventDefault();
@@ -17380,10 +17430,10 @@ const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Group/GroupRoot.vue
 const [useGroupRoot, provideGroupRoot] = createContext();
-const _sfc_main$89 = /* @__PURE__ */ defineComponent({
+const _sfc_main$89 = /*@__PURE__*/ defineComponent({
 	name: "GroupRoot",
 	__name: "GroupRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:group" },
 		disabled: {
 			type: Boolean,
@@ -17401,7 +17451,7 @@ const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const group = createGroup({
@@ -17432,7 +17482,7 @@ const _sfc_main$89 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Group/GroupItem.vue
-const _sfc_main$88 = /* @__PURE__ */ defineComponent({
+const _sfc_main$88 = /*@__PURE__*/ defineComponent({
 	name: "GroupItem",
 	__name: "GroupItem",
 	props: {
@@ -17721,7 +17771,7 @@ function useElementIntersection(target, options = {}) {
 //#endregion
 //#region src/components/Image/ImageRoot.vue
 const [useImageRoot, provideImageRoot] = createContext();
-const _sfc_main$93 = /* @__PURE__ */ defineComponent({
+const _sfc_main$93 = /*@__PURE__*/ defineComponent({
 	name: "ImageRoot",
 	__name: "ImageRoot",
 	props: {
@@ -17774,7 +17824,7 @@ const _sfc_main$93 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Image/ImageFallback.vue
-const _sfc_main$90 = /* @__PURE__ */ defineComponent({
+const _sfc_main$90 = /*@__PURE__*/ defineComponent({
 	name: "ImageFallback",
 	__name: "ImageFallback",
 	props: {
@@ -17804,7 +17854,7 @@ const _sfc_main$90 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Image/ImageImg.vue
-const _sfc_main$91 = /* @__PURE__ */ defineComponent({
+const _sfc_main$91 = /*@__PURE__*/ defineComponent({
 	name: "ImageImg",
 	__name: "ImageImg",
 	props: {
@@ -17875,7 +17925,7 @@ const _sfc_main$91 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Image/ImagePlaceholder.vue
-const _sfc_main$92 = /* @__PURE__ */ defineComponent({
+const _sfc_main$92 = /*@__PURE__*/ defineComponent({
 	name: "ImagePlaceholder",
 	__name: "ImagePlaceholder",
 	props: {
@@ -17983,7 +18033,7 @@ const Image = {
 * @param value The value to check.
 * @returns `true` if the value conforms to the Standard Schema interface.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isStandardSchema(value) {
 	return /* @__PURE__ */ isObject(value) && "~standard" in value;
 }
@@ -17999,7 +18049,7 @@ function isStandardSchema(value) {
 *
 * @see https://standardschema.dev/
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function toRule(schema) {
 	return async (value) => {
 		let result = schema["~standard"].validate(value);
@@ -18189,7 +18239,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 +18254,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 +18334,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 +18362,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 +18392,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);
@@ -18405,11 +18461,11 @@ function parseValidateOn$1(value) {
 		modifier
 	};
 }
-const _sfc_main$97 = /* @__PURE__ */ defineComponent({
+const _sfc_main$97 = /*@__PURE__*/ defineComponent({
 	name: "InputRoot",
 	inheritAttrs: false,
 	__name: "InputRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId() },
 		label: {},
 		name: {},
@@ -18426,6 +18482,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 		},
 		errorMessages: {},
 		namespace: { default: "v0:input:root" },
+		formNamespace: { default: "v0:form" },
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
@@ -18437,7 +18494,7 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 		},
 		"focusedModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value", "update:focused"], ["update:modelValue", "update:focused"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value", "update:focused"], ["update:modelValue", "update:focused"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		const model = useModel(__props, "modelValue");
@@ -18448,6 +18505,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,7 +18603,12 @@ const _sfc_main$97 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputControl.vue
-const _sfc_main$94 = /* @__PURE__ */ defineComponent({
+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,
 	__name: "InputControl",
@@ -18575,7 +18638,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 +18659,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 				"onInput": onInput,
 				"onFocus": onFocus,
 				"onBlur": onBlur
-			};
+			});
 		});
 		const slotProps = toRef(() => ({
 			value: root.value.value,
@@ -18618,7 +18681,7 @@ const _sfc_main$94 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputDescription.vue
-const _sfc_main$95 = /* @__PURE__ */ defineComponent({
+const _sfc_main$95 = /*@__PURE__*/ defineComponent({
 	name: "InputDescription",
 	inheritAttrs: false,
 	__name: "InputDescription",
@@ -18648,7 +18711,7 @@ const _sfc_main$95 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Input/InputError.vue
-const _sfc_main$96 = /* @__PURE__ */ defineComponent({
+const _sfc_main$96 = /*@__PURE__*/ defineComponent({
 	name: "InputError",
 	inheritAttrs: false,
 	__name: "InputError",
@@ -18800,7 +18863,7 @@ const Input = {
 };
 //#endregion
 //#region src/components/Locale/Locale.vue
-const _sfc_main$98 = /* @__PURE__ */ defineComponent({
+const _sfc_main$98 = /*@__PURE__*/ defineComponent({
 	name: "Locale",
 	inheritAttrs: false,
 	__name: "Locale",
@@ -18855,10 +18918,7 @@ const _sfc_main$98 = /* @__PURE__ */ defineComponent({
 			"lang": __props.locale
 		}));
 		return (_ctx, _cache) => {
-			return __props.renderless ? renderSlot(_ctx.$slots, "default", {
-				key: 0,
-				attrs: attrs.value
-			}) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), normalizeProps(mergeProps({ key: 1 }, attrs.value)), {
+			return __props.renderless ? renderSlot(_ctx.$slots, "default", { attrs: attrs.value }, void 0, void 0, 0) : (openBlock(), createBlock(resolveDynamicComponent(__props.as), normalizeProps(mergeProps({ key: 1 }, attrs.value)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { attrs: attrs.value })]),
 				_: 3
 			}, 16));
@@ -18900,7 +18960,8 @@ function createNumeric(options = {}) {
 	function snap(value) {
 		if (!Number.isFinite(value)) return min;
 		if (step <= 0 || !Number.isFinite(min)) return /* @__PURE__ */ clamp(value, min, max);
-		const result = min + Math.round((/* @__PURE__ */ clamp(value, min, max) - min) / step) * step;
+		const steps = Math.round((/* @__PURE__ */ clamp(value, min, max) - min) / step);
+		const result = min + steps * step;
 		return /* @__PURE__ */ clamp(decimals > 0 ? +result.toFixed(decimals) : result, min, max);
 	}
 	function fromValue(value) {
@@ -18972,7 +19033,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 +19046,8 @@ function createNumberField(options = {}) {
 		id,
 		label,
 		name,
+		formNamespace,
+		required,
 		disabled,
 		readonly: _readonly,
 		rules,
@@ -19098,11 +19161,11 @@ function parseValidateOn(value) {
 		modifier
 	};
 }
-const _sfc_main$104 = /* @__PURE__ */ defineComponent({
+const _sfc_main$104 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldRoot",
 	inheritAttrs: false,
 	__name: "NumberFieldRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId() },
 		label: {},
 		ariaLabelledby: {},
@@ -19137,13 +19200,14 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		namespace: { default: "v0:number-field:root" },
+		formNamespace: { default: "v0:form" },
 		as: { default: "div" },
 		renderless: { type: Boolean }
 	}, {
 		"modelValue": { default: null },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		const model = useModel(__props, "modelValue");
@@ -19152,6 +19216,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,
@@ -19260,7 +19326,7 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldControl.vue
-const _sfc_main$99 = /* @__PURE__ */ defineComponent({
+const _sfc_main$99 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldControl",
 	inheritAttrs: false,
 	__name: "NumberFieldControl",
@@ -19298,7 +19364,8 @@ const _sfc_main$99 = /* @__PURE__ */ defineComponent({
 			if (!/^-?\d*\.?\d*$/.test(next)) e.preventDefault();
 		}
 		function onInput(e) {
-			text.value = e.target.value;
+			const target = e.target;
+			text.value = target.value;
 			if (root.commitOn === "input") {
 				isEagerWrite = true;
 				root.write(text.value);
@@ -19419,7 +19486,7 @@ const _sfc_main$99 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldDecrement.vue
-const _sfc_main$100 = /* @__PURE__ */ defineComponent({
+const _sfc_main$100 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldDecrement",
 	inheritAttrs: false,
 	__name: "NumberFieldDecrement",
@@ -19493,7 +19560,7 @@ const _sfc_main$100 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldDescription.vue
-const _sfc_main$101 = /* @__PURE__ */ defineComponent({
+const _sfc_main$101 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldDescription",
 	inheritAttrs: false,
 	__name: "NumberFieldDescription",
@@ -19523,7 +19590,7 @@ const _sfc_main$101 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldError.vue
-const _sfc_main$102 = /* @__PURE__ */ defineComponent({
+const _sfc_main$102 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldError",
 	inheritAttrs: false,
 	__name: "NumberFieldError",
@@ -19560,7 +19627,7 @@ const _sfc_main$102 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldIncrement.vue
-const _sfc_main$103 = /* @__PURE__ */ defineComponent({
+const _sfc_main$103 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldIncrement",
 	inheritAttrs: false,
 	__name: "NumberFieldIncrement",
@@ -19634,7 +19701,7 @@ const _sfc_main$103 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/NumberField/NumberFieldScrub.vue
-const _sfc_main$105 = /* @__PURE__ */ defineComponent({
+const _sfc_main$105 = /*@__PURE__*/ defineComponent({
 	name: "NumberFieldScrub",
 	inheritAttrs: false,
 	__name: "NumberFieldScrub",
@@ -19856,7 +19923,7 @@ const NumberField = {
 * `createOverflow` as a getter so capacity recomputes when the prop changes.
 */
 const [useOverflowRoot, provideOverflowRoot] = createContext();
-const _sfc_main$108 = /* @__PURE__ */ defineComponent({
+const _sfc_main$108 = /*@__PURE__*/ defineComponent({
 	name: "OverflowRoot",
 	__name: "OverflowRoot",
 	props: {
@@ -19945,7 +20012,7 @@ const _sfc_main$108 = /* @__PURE__ */ defineComponent({
 * slot consumer must spread `slotProps.attrs` onto their own element to
 * preserve the data hook and live-region semantics.
 */
-const _sfc_main$106 = /* @__PURE__ */ defineComponent({
+const _sfc_main$106 = /*@__PURE__*/ defineComponent({
 	name: "OverflowIndicator",
 	__name: "OverflowIndicator",
 	props: {
@@ -20014,7 +20081,7 @@ const _sfc_main$106 = /* @__PURE__ */ defineComponent({
 * so the slot consumer is responsible for honoring `isHidden` themselves —
 * read it from `slotProps.isHidden` and conditionally render or apply CSS.
 */
-const _sfc_main$107 = /* @__PURE__ */ defineComponent({
+const _sfc_main$107 = /*@__PURE__*/ defineComponent({
 	name: "OverflowItem",
 	__name: "OverflowItem",
 	props: {
@@ -20149,10 +20216,10 @@ const Overflow = {
 const [usePaginationRoot, providePaginationRoot] = createContext();
 const [usePaginationControls, providePaginationControls] = createContext({ suffix: "controls" });
 const [usePaginationItems, providePaginationItems] = createContext({ suffix: "items" });
-const _sfc_main$115 = /* @__PURE__ */ defineComponent({
+const _sfc_main$115 = /*@__PURE__*/ defineComponent({
 	name: "PaginationRoot",
 	__name: "PaginationRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:pagination" },
 		size: { default: 1 },
 		totalVisible: {},
@@ -20167,7 +20234,7 @@ const _sfc_main$115 = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: 1 },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const page = useModel(__props, "modelValue");
 		const locale = useLocale();
@@ -20251,7 +20318,7 @@ const _sfc_main$115 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationEllipsis.vue
-const _sfc_main$109 = /* @__PURE__ */ defineComponent({
+const _sfc_main$109 = /*@__PURE__*/ defineComponent({
 	name: "PaginationEllipsis",
 	__name: "PaginationEllipsis",
 	props: {
@@ -20294,7 +20361,7 @@ const _sfc_main$109 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationFirst.vue
-const _sfc_main$110 = /* @__PURE__ */ defineComponent({
+const _sfc_main$110 = /*@__PURE__*/ defineComponent({
 	name: "PaginationFirst",
 	__name: "PaginationFirst",
 	props: {
@@ -20359,7 +20426,7 @@ const _sfc_main$110 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationItem.vue
-const _sfc_main$111 = /* @__PURE__ */ defineComponent({
+const _sfc_main$111 = /*@__PURE__*/ defineComponent({
 	name: "PaginationItem",
 	__name: "PaginationItem",
 	props: {
@@ -20435,7 +20502,7 @@ const _sfc_main$111 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationLast.vue
-const _sfc_main$112 = /* @__PURE__ */ defineComponent({
+const _sfc_main$112 = /*@__PURE__*/ defineComponent({
 	name: "PaginationLast",
 	__name: "PaginationLast",
 	props: {
@@ -20500,7 +20567,7 @@ const _sfc_main$112 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationNext.vue
-const _sfc_main$113 = /* @__PURE__ */ defineComponent({
+const _sfc_main$113 = /*@__PURE__*/ defineComponent({
 	name: "PaginationNext",
 	__name: "PaginationNext",
 	props: {
@@ -20565,7 +20632,7 @@ const _sfc_main$113 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationPrev.vue
-const _sfc_main$114 = /* @__PURE__ */ defineComponent({
+const _sfc_main$114 = /*@__PURE__*/ defineComponent({
 	name: "PaginationPrev",
 	__name: "PaginationPrev",
 	props: {
@@ -20630,7 +20697,7 @@ const _sfc_main$114 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Pagination/PaginationStatus.vue
-const _sfc_main$116 = /* @__PURE__ */ defineComponent({
+const _sfc_main$116 = /*@__PURE__*/ defineComponent({
 	name: "PaginationStatus",
 	__name: "PaginationStatus",
 	props: {
@@ -20897,11 +20964,11 @@ const Pagination = {
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
-const [usePopoverContext, providePopoverContext] = createContext("v0:popover");
-const _sfc_main$119 = /* @__PURE__ */ defineComponent({
+const [usePopoverContext, providePopoverContext] = createContext("v0:popover:root");
+const _sfc_main$119 = /*@__PURE__*/ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: {},
 		positionArea: {},
 		positionTry: {},
@@ -20944,7 +21011,7 @@ const _sfc_main$119 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverActivator.vue
-const _sfc_main$117 = /* @__PURE__ */ defineComponent({
+const _sfc_main$117 = /*@__PURE__*/ defineComponent({
 	name: "PopoverActivator",
 	__name: "PopoverActivator",
 	props: {
@@ -20995,7 +21062,7 @@ const _sfc_main$117 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Popover/PopoverContent.vue
-const _sfc_main$118 = /* @__PURE__ */ defineComponent({
+const _sfc_main$118 = /*@__PURE__*/ defineComponent({
 	name: "PopoverContent",
 	__name: "PopoverContent",
 	props: {
@@ -21017,7 +21084,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);
@@ -21130,7 +21204,7 @@ const Popover = {
 * Standardizes the teleport + stack registration pattern used by
 * overlay components (Snackbar, Toast, Dialog, etc.).
 */
-const _sfc_main$120 = /* @__PURE__ */ defineComponent({
+const _sfc_main$120 = /*@__PURE__*/ defineComponent({
 	name: "Portal",
 	__name: "Portal",
 	props: {
@@ -21278,9 +21352,7 @@ function usePresence(options) {
 				case "mounted":
 					state.value = "present";
 					break;
-				case "unmounted":
-					enter();
-					break;
+				case "unmounted": enter();
 			}
 		} else if (booted) leave();
 	}, { immediate: true });
@@ -21318,10 +21390,10 @@ function usePresence(options) {
 * - Lifecycle events: `enter`, `leave`, `after-leave`
 * - Animation-agnostic: works with CSS, WAAPI, GSAP, or nothing
 */
-const _sfc_main$121 = /* @__PURE__ */ defineComponent({
+const _sfc_main$121 = /*@__PURE__*/ defineComponent({
 	name: "Presence",
 	__name: "Presence",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		lazy: {
 			type: Boolean,
 			default: false
@@ -21337,7 +21409,7 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"enter",
 		"leave",
 		"after-leave"
@@ -21371,14 +21443,14 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 			else if (prev === "leaving" && (state === "unmounted" || state === "mounted")) emit("after-leave");
 		});
 		return (_ctx, _cache) => {
-			return unref(presence).isMounted.value ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true);
+			return unref(presence).isMounted.value ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : createCommentVNode("v-if", true);
 		};
 	}
 });
 //#endregion
 //#region src/components/Progress/ProgressHiddenInput.vue
 const _hoisted_1$5 = ["name", "value"];
-const _sfc_main$124 = /* @__PURE__ */ defineComponent({
+const _sfc_main$124 = /*@__PURE__*/ defineComponent({
 	name: "ProgressHiddenInput",
 	__name: "ProgressHiddenInput",
 	props: { namespace: { default: "v0:progress:root" } },
@@ -21477,6 +21549,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 +21571,7 @@ function createProgress(options = {}) {
 		isIndeterminate,
 		fromValue,
 		register,
+		onboard,
 		apply,
 		min,
 		max,
@@ -21526,11 +21602,11 @@ function useProgress(namespace = "v0:progress") {
 //#endregion
 //#region src/components/Progress/ProgressRoot.vue
 const [useProgressRoot, provideProgressRoot] = createContext();
-const _sfc_main$126 = /* @__PURE__ */ defineComponent({
+const _sfc_main$126 = /*@__PURE__*/ defineComponent({
 	name: "ProgressRoot",
 	inheritAttrs: false,
 	__name: "ProgressRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId() },
 		ariaLabel: {},
 		modelValue: {},
@@ -21548,7 +21624,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 +21632,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({
@@ -21613,7 +21688,7 @@ const _sfc_main$126 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressBuffer.vue
-const _sfc_main$122 = /* @__PURE__ */ defineComponent({
+const _sfc_main$122 = /*@__PURE__*/ defineComponent({
 	name: "ProgressBuffer",
 	inheritAttrs: false,
 	__name: "ProgressBuffer",
@@ -21659,7 +21734,7 @@ const _sfc_main$122 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressFill.vue
-const _sfc_main$123 = /* @__PURE__ */ defineComponent({
+const _sfc_main$123 = /*@__PURE__*/ defineComponent({
 	name: "ProgressFill",
 	inheritAttrs: false,
 	__name: "ProgressFill",
@@ -21679,16 +21754,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,
@@ -21707,7 +21785,7 @@ const _sfc_main$123 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressLabel.vue
-const _sfc_main$125 = /* @__PURE__ */ defineComponent({
+const _sfc_main$125 = /*@__PURE__*/ defineComponent({
 	name: "ProgressLabel",
 	inheritAttrs: false,
 	__name: "ProgressLabel",
@@ -21744,7 +21822,7 @@ const _sfc_main$125 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressTrack.vue
-const _sfc_main$127 = /* @__PURE__ */ defineComponent({
+const _sfc_main$127 = /*@__PURE__*/ defineComponent({
 	name: "ProgressTrack",
 	inheritAttrs: false,
 	__name: "ProgressTrack",
@@ -21770,7 +21848,7 @@ const _sfc_main$127 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Progress/ProgressValue.vue
-const _sfc_main$128 = /* @__PURE__ */ defineComponent({
+const _sfc_main$128 = /*@__PURE__*/ defineComponent({
 	name: "ProgressValue",
 	inheritAttrs: false,
 	__name: "ProgressValue",
@@ -22009,10 +22087,10 @@ const Progress = {
 //#endregion
 //#region src/components/Radio/RadioGroup.vue
 const [useRadioGroup, provideRadioGroup] = createContext();
-const _sfc_main$129 = /* @__PURE__ */ defineComponent({
+const _sfc_main$129 = /*@__PURE__*/ defineComponent({
 	name: "RadioGroup",
 	__name: "RadioGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:radio:group" },
 		disabled: {
 			type: Boolean,
@@ -22034,7 +22112,7 @@ const _sfc_main$129 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const single = createSingle({
@@ -22074,7 +22152,7 @@ const _sfc_main$129 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Radio/RadioRoot.vue
 const [useRadioRoot, provideRadioRoot] = createContext();
-const _sfc_main$132 = /* @__PURE__ */ defineComponent({
+const _sfc_main$132 = /*@__PURE__*/ defineComponent({
 	name: "RadioRoot",
 	inheritAttrs: false,
 	__name: "RadioRoot",
@@ -22216,7 +22294,7 @@ const visuallyHiddenStyle$3 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$130 = /* @__PURE__ */ defineComponent({
+const _sfc_main$130 = /*@__PURE__*/ defineComponent({
 	name: "RadioHiddenInput",
 	__name: "RadioHiddenInput",
 	props: {
@@ -22253,7 +22331,7 @@ const _sfc_main$130 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Radio/RadioIndicator.vue
-const _sfc_main$131 = /* @__PURE__ */ defineComponent({
+const _sfc_main$131 = /*@__PURE__*/ defineComponent({
 	name: "RadioIndicator",
 	__name: "RadioIndicator",
 	props: {
@@ -22585,11 +22663,11 @@ function useRating(namespace = "v0:rating") {
 //#endregion
 //#region src/components/Rating/RatingRoot.vue
 const [useRatingRoot, provideRatingRoot] = createContext();
-const _sfc_main$135 = /* @__PURE__ */ defineComponent({
+const _sfc_main$135 = /*@__PURE__*/ defineComponent({
 	name: "RatingRoot",
 	inheritAttrs: false,
 	__name: "RatingRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
 		size: { default: 5 },
 		half: {
@@ -22693,7 +22771,7 @@ const _hoisted_1$3 = [
 	"name",
 	"value"
 ];
-const _sfc_main$133 = /* @__PURE__ */ defineComponent({
+const _sfc_main$133 = /*@__PURE__*/ defineComponent({
 	name: "RatingHiddenInput",
 	__name: "RatingHiddenInput",
 	props: { namespace: { default: "v0:rating:root" } },
@@ -22714,7 +22792,7 @@ const _sfc_main$133 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Rating/RatingItem.vue
-const _sfc_main$134 = /* @__PURE__ */ defineComponent({
+const _sfc_main$134 = /*@__PURE__*/ defineComponent({
 	name: "RatingItem",
 	inheritAttrs: false,
 	__name: "RatingItem",
@@ -22916,7 +22994,7 @@ const Rating = {
 };
 //#endregion
 //#region src/components/Scrim/Scrim.vue
-const _sfc_main$136 = /* @__PURE__ */ defineComponent({
+const _sfc_main$136 = /*@__PURE__*/ defineComponent({
 	name: "Scrim",
 	inheritAttrs: false,
 	__name: "Scrim",
@@ -23005,7 +23083,7 @@ const visuallyHiddenStyle$2 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$191 = /* @__PURE__ */ defineComponent({
+const _sfc_main$191 = /*@__PURE__*/ defineComponent({
 	name: "SelectHiddenInput",
 	__name: "SelectHiddenInput",
 	props: { namespace: { default: "v0:select" } },
@@ -23039,10 +23117,10 @@ const _sfc_main$191 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Select/SelectRoot.vue
 const [useSelectContext, provideSelectContext] = createContext();
-const _sfc_main$142 = /* @__PURE__ */ defineComponent({
+const _sfc_main$142 = /*@__PURE__*/ defineComponent({
 	name: "SelectRoot",
 	__name: "SelectRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:select" },
 		id: {},
 		name: {},
@@ -23066,7 +23144,7 @@ const _sfc_main$142 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const id = __props.id ?? /* @__PURE__ */ useId();
@@ -23163,7 +23241,7 @@ const _sfc_main$142 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectActivator.vue
-const _sfc_main$137 = /* @__PURE__ */ defineComponent({
+const _sfc_main$137 = /*@__PURE__*/ defineComponent({
 	name: "SelectActivator",
 	__name: "SelectActivator",
 	props: {
@@ -23198,9 +23276,7 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 				case "ArrowDown":
 				case "ArrowUp":
 				case "Home":
-				case "End":
-					context.virtualFocus.onKeydown(e);
-					break;
+				case "End": context.virtualFocus.onKeydown(e);
 			}
 			else switch (e.key) {
 				case " ":
@@ -23209,7 +23285,6 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 				case "ArrowUp":
 					e.preventDefault();
 					context.open();
-					break;
 			}
 		}
 		const slotProps = toRef(() => ({
@@ -23246,7 +23321,7 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectContent.vue
-const _sfc_main$138 = /* @__PURE__ */ defineComponent({
+const _sfc_main$138 = /*@__PURE__*/ defineComponent({
 	name: "SelectContent",
 	__name: "SelectContent",
 	props: {
@@ -23282,7 +23357,7 @@ const _sfc_main$138 = /* @__PURE__ */ defineComponent({
 				as: __props.as,
 				renderless: __props.renderless
 			}, slotProps.value.attrs), {
-				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [unref(hasContent) ? renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, void 0, 0) : createCommentVNode("v-if", true)]),
 				_: 3
 			}, 16, ["as", "renderless"]);
 		};
@@ -23290,7 +23365,7 @@ const _sfc_main$138 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectCue.vue
-const _sfc_main$139 = /* @__PURE__ */ defineComponent({
+const _sfc_main$139 = /*@__PURE__*/ defineComponent({
 	name: "SelectCue",
 	__name: "SelectCue",
 	props: {
@@ -23320,7 +23395,7 @@ const _sfc_main$139 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectItem.vue
-const _sfc_main$140 = /* @__PURE__ */ defineComponent({
+const _sfc_main$140 = /*@__PURE__*/ defineComponent({
 	name: "SelectItem",
 	__name: "SelectItem",
 	props: {
@@ -23379,7 +23454,7 @@ const _sfc_main$140 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectPlaceholder.vue
-const _sfc_main$141 = /* @__PURE__ */ defineComponent({
+const _sfc_main$141 = /*@__PURE__*/ defineComponent({
 	name: "SelectPlaceholder",
 	__name: "SelectPlaceholder",
 	props: {
@@ -23404,7 +23479,7 @@ const _sfc_main$141 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Select/SelectValue.vue
-const _sfc_main$143 = /* @__PURE__ */ defineComponent({
+const _sfc_main$143 = /*@__PURE__*/ defineComponent({
 	name: "SelectValue",
 	__name: "SelectValue",
 	props: {
@@ -23633,10 +23708,10 @@ const Select = {
 //#endregion
 //#region src/components/Selection/SelectionRoot.vue
 const [useSelectionRoot, provideSelectionRoot] = createContext();
-const _sfc_main$145 = /* @__PURE__ */ defineComponent({
+const _sfc_main$145 = /*@__PURE__*/ defineComponent({
 	name: "SelectionRoot",
 	__name: "SelectionRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:selection" },
 		disabled: {
 			type: Boolean,
@@ -23658,7 +23733,7 @@ const _sfc_main$145 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const selection = createSelection({
@@ -23685,7 +23760,7 @@ const _sfc_main$145 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Selection/SelectionItem.vue
-const _sfc_main$144 = /* @__PURE__ */ defineComponent({
+const _sfc_main$144 = /*@__PURE__*/ defineComponent({
 	name: "SelectionItem",
 	__name: "SelectionItem",
 	props: {
@@ -23796,10 +23871,10 @@ const Selection = {
 //#endregion
 //#region src/components/Single/SingleRoot.vue
 const [useSingleRoot, provideSingleRoot] = createContext();
-const _sfc_main$147 = /* @__PURE__ */ defineComponent({
+const _sfc_main$147 = /*@__PURE__*/ defineComponent({
 	name: "SingleRoot",
 	__name: "SingleRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:single" },
 		disabled: {
 			type: Boolean,
@@ -23842,7 +23917,7 @@ const _sfc_main$147 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Single/SingleItem.vue
-const _sfc_main$146 = /* @__PURE__ */ defineComponent({
+const _sfc_main$146 = /*@__PURE__*/ defineComponent({
 	name: "SingleItem",
 	__name: "SingleItem",
 	props: {
@@ -24152,11 +24227,11 @@ function createSlider(options = {}) {
 //#endregion
 //#region src/components/Slider/SliderRoot.vue
 const [useSliderRoot, provideSliderRoot] = createContext();
-const _sfc_main$150 = /* @__PURE__ */ defineComponent({
+const _sfc_main$150 = /*@__PURE__*/ defineComponent({
 	name: "SliderRoot",
 	inheritAttrs: false,
 	__name: "SliderRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId() },
 		min: { default: 0 },
 		max: { default: 100 },
@@ -24184,7 +24259,7 @@ const _sfc_main$150 = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: () => [] },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"update:model-value",
 		"start",
 		"end"
@@ -24249,7 +24324,8 @@ const _sfc_main$150 = /* @__PURE__ */ defineComponent({
 			event.preventDefault();
 			if (thumbEl) {
 				const rect = thumbEl.getBoundingClientRect();
-				dragOffset.value = toValue(slider.orientation) === "vertical" ? event.clientY - (rect.top + rect.height / 2) : event.clientX - (rect.left + rect.width / 2);
+				const isVertical = toValue(slider.orientation) === "vertical";
+				dragOffset.value = isVertical ? event.clientY - (rect.top + rect.height / 2) : event.clientX - (rect.left + rect.width / 2);
 			} else dragOffset.value = 0;
 			dragging.value = index;
 			const values = [...slider.values.value];
@@ -24317,7 +24393,7 @@ const _hoisted_1$1 = [
 	"name",
 	"value"
 ];
-const _sfc_main$148 = /* @__PURE__ */ defineComponent({
+const _sfc_main$148 = /*@__PURE__*/ defineComponent({
 	name: "SliderHiddenInput",
 	__name: "SliderHiddenInput",
 	props: {
@@ -24342,7 +24418,7 @@ const _sfc_main$148 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderRange.vue
-const _sfc_main$149 = /* @__PURE__ */ defineComponent({
+const _sfc_main$149 = /*@__PURE__*/ defineComponent({
 	name: "SliderRange",
 	inheritAttrs: false,
 	__name: "SliderRange",
@@ -24400,7 +24476,7 @@ const _sfc_main$149 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderThumb.vue
-const _sfc_main$151 = /* @__PURE__ */ defineComponent({
+const _sfc_main$151 = /*@__PURE__*/ defineComponent({
 	name: "SliderThumb",
 	inheritAttrs: false,
 	__name: "SliderThumb",
@@ -24457,7 +24533,8 @@ const _sfc_main$151 = /* @__PURE__ */ defineComponent({
 			if (e.shiftKey && e.key.startsWith("Arrow")) {
 				e.preventDefault();
 				const base = e.key === "ArrowRight" || e.key === "ArrowUp" ? "up" : "down";
-				root[(e.key === "ArrowRight" || e.key === "ArrowLeft") && isInverted ? base === "up" ? "down" : "up" : base](index.value, 10);
+				const method = (e.key === "ArrowRight" || e.key === "ArrowLeft") && isInverted ? base === "up" ? "down" : "up" : base;
+				root[method](index.value, 10);
 				return;
 			}
 			const action = actions[e.key];
@@ -24512,7 +24589,7 @@ const _sfc_main$151 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Slider/SliderTrack.vue
-const _sfc_main$152 = /* @__PURE__ */ defineComponent({
+const _sfc_main$152 = /*@__PURE__*/ defineComponent({
 	name: "SliderTrack",
 	inheritAttrs: false,
 	__name: "SliderTrack",
@@ -24733,7 +24810,7 @@ const visuallyHiddenStyle$1 = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$153 = /* @__PURE__ */ defineComponent({
+const _sfc_main$153 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarAnnouncer",
 	__name: "SnackbarAnnouncer",
 	props: { namespace: { default: "v0:notifications" } },
@@ -24759,7 +24836,7 @@ const _sfc_main$153 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Snackbar/SnackbarPortal.vue
 const [usePortal, providePortal] = createContext({ suffix: "portal" });
-const _sfc_main$156 = /* @__PURE__ */ defineComponent({
+const _sfc_main$156 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarPortal",
 	inheritAttrs: false,
 	__name: "SnackbarPortal",
@@ -24814,7 +24891,8 @@ const _sfc_main$156 = /* @__PURE__ */ defineComponent({
 			};
 		}
 		const atomRef = useTemplateRef("atom");
-		watch(toRef(() => /* @__PURE__ */ toElement(atomRef.value?.element) ?? null), (value) => {
+		const el = toRef(() => /* @__PURE__ */ toElement(atomRef.value?.element) ?? null);
+		watch(el, (value) => {
 			if (!IN_BROWSER || /* @__PURE__ */ isNull(value)) return;
 			const element = value;
 			if (getComputedStyle(element).position === "static") element.style.position = "relative";
@@ -25627,7 +25705,7 @@ const [createNotificationsContext, createNotificationsPlugin, useNotifications]
 //#endregion
 //#region src/components/Snackbar/SnackbarQueue.vue
 const [useSnackbarQueueContext, provideSnackbarQueueContext] = createContext({ suffix: "queue" });
-const _sfc_main$157 = /* @__PURE__ */ defineComponent({
+const _sfc_main$157 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarQueue",
 	__name: "SnackbarQueue",
 	props: {
@@ -25698,7 +25776,7 @@ const _sfc_main$157 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Snackbar/SnackbarRoot.vue
 const [useSnackbarRootContext, provideSnackbarRootContext] = createContext({ suffix: "root" });
-const _sfc_main$158 = /* @__PURE__ */ defineComponent({
+const _sfc_main$158 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarRoot",
 	__name: "SnackbarRoot",
 	props: {
@@ -25747,7 +25825,7 @@ const _sfc_main$158 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Snackbar/SnackbarContent.vue
-const _sfc_main$155 = /* @__PURE__ */ defineComponent({
+const _sfc_main$155 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarContent",
 	__name: "SnackbarContent",
 	props: {
@@ -25768,7 +25846,7 @@ const _sfc_main$155 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Snackbar/SnackbarClose.vue
-const _sfc_main$154 = /* @__PURE__ */ defineComponent({
+const _sfc_main$154 = /*@__PURE__*/ defineComponent({
 	name: "SnackbarClose",
 	__name: "SnackbarClose",
 	props: {
@@ -25972,10 +26050,10 @@ const Snackbar = {
 //#endregion
 //#region src/components/Step/StepRoot.vue
 const [useStepRoot, provideStepRoot] = createContext();
-const _sfc_main$163 = /* @__PURE__ */ defineComponent({
+const _sfc_main$163 = /*@__PURE__*/ defineComponent({
 	name: "StepRoot",
 	__name: "StepRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:step" },
 		disabled: {
 			type: Boolean,
@@ -26023,7 +26101,7 @@ const _sfc_main$163 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Step/StepItem.vue
-const _sfc_main$162 = /* @__PURE__ */ defineComponent({
+const _sfc_main$162 = /*@__PURE__*/ defineComponent({
 	name: "StepItem",
 	__name: "StepItem",
 	props: {
@@ -26132,10 +26210,10 @@ const Step = {
 //#endregion
 //#region src/components/Switch/SwitchGroup.vue
 const [useSwitchGroup, provideSwitchGroup] = createContext();
-const _sfc_main$164 = /* @__PURE__ */ defineComponent({
+const _sfc_main$164 = /*@__PURE__*/ defineComponent({
 	name: "SwitchGroup",
 	__name: "SwitchGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:switch:group" },
 		disabled: {
 			type: Boolean,
@@ -26158,7 +26236,7 @@ const _sfc_main$164 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const group = createGroup({
@@ -26201,11 +26279,11 @@ const _sfc_main$164 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Switch/SwitchRoot.vue
 const [useSwitchRoot, provideSwitchRoot] = createContext();
-const _sfc_main$166 = /* @__PURE__ */ defineComponent({
+const _sfc_main$166 = /*@__PURE__*/ defineComponent({
 	name: "SwitchRoot",
 	inheritAttrs: false,
 	__name: "SwitchRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId() },
 		label: {},
 		value: {},
@@ -26224,7 +26302,7 @@ const _sfc_main$166 = /* @__PURE__ */ defineComponent({
 		"modelValue": { type: Boolean },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		let group = null;
@@ -26352,7 +26430,7 @@ const visuallyHiddenStyle = {
 	whiteSpace: "nowrap",
 	border: "0"
 };
-const _sfc_main$165 = /* @__PURE__ */ defineComponent({
+const _sfc_main$165 = /*@__PURE__*/ defineComponent({
 	name: "SwitchHiddenInput",
 	__name: "SwitchHiddenInput",
 	props: {
@@ -26390,7 +26468,7 @@ const _sfc_main$165 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchSelectAll.vue
-const _sfc_main$167 = /* @__PURE__ */ defineComponent({
+const _sfc_main$167 = /*@__PURE__*/ defineComponent({
 	name: "SwitchSelectAll",
 	inheritAttrs: false,
 	__name: "SwitchSelectAll",
@@ -26474,7 +26552,7 @@ const _sfc_main$167 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchThumb.vue
-const _sfc_main$168 = /* @__PURE__ */ defineComponent({
+const _sfc_main$168 = /*@__PURE__*/ defineComponent({
 	name: "SwitchThumb",
 	__name: "SwitchThumb",
 	props: {
@@ -26508,7 +26586,7 @@ const _sfc_main$168 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Switch/SwitchTrack.vue
-const _sfc_main$169 = /* @__PURE__ */ defineComponent({
+const _sfc_main$169 = /*@__PURE__*/ defineComponent({
 	name: "SwitchTrack",
 	__name: "SwitchTrack",
 	props: {
@@ -26737,10 +26815,10 @@ const Switch = {
 //#endregion
 //#region src/components/Tabs/TabsRoot.vue
 const [useTabsRoot, provideTabsRoot] = createContext();
-const _sfc_main$173 = /* @__PURE__ */ defineComponent({
+const _sfc_main$173 = /*@__PURE__*/ defineComponent({
 	name: "TabsRoot",
 	__name: "TabsRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:tabs" },
 		disabled: {
 			type: Boolean,
@@ -26764,7 +26842,7 @@ const _sfc_main$173 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const rootId = /* @__PURE__ */ useId();
@@ -26805,7 +26883,7 @@ const _sfc_main$173 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsList.vue
-const _sfc_main$171 = /* @__PURE__ */ defineComponent({
+const _sfc_main$171 = /*@__PURE__*/ defineComponent({
 	name: "TabsList",
 	inheritAttrs: false,
 	__name: "TabsList",
@@ -26843,7 +26921,7 @@ const _sfc_main$171 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsItem.vue
-const _sfc_main$170 = /* @__PURE__ */ defineComponent({
+const _sfc_main$170 = /*@__PURE__*/ defineComponent({
 	name: "TabsItem",
 	inheritAttrs: false,
 	__name: "TabsItem",
@@ -26855,6 +26933,7 @@ const _sfc_main$170 = /* @__PURE__ */ defineComponent({
 		ariaLabel: {},
 		ariaLabelledby: {},
 		ariaDescribedby: {},
+		el: {},
 		as: { default: "button" },
 		renderless: { type: Boolean }
 	},
@@ -26862,7 +26941,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 +26957,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 +26972,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 +26981,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";
@@ -26991,7 +27070,7 @@ const _sfc_main$170 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tabs/TabsPanel.vue
-const _sfc_main$172 = /* @__PURE__ */ defineComponent({
+const _sfc_main$172 = /*@__PURE__*/ defineComponent({
 	name: "TabsPanel",
 	inheritAttrs: false,
 	__name: "TabsPanel",
@@ -27250,7 +27329,7 @@ var ThemeAdapter = class ThemeAdapter {
 			if (!themeColors) continue;
 			if (!ThemeAdapter.SAFE_IDENT.test(theme)) continue;
 			const vars = Object.entries(themeColors).filter(([key, val]) => ThemeAdapter.SAFE_IDENT.test(key) && !ThemeAdapter.UNSAFE_CSS.test(val)).map(([key, val]) => `  --${this.prefix}-${key}: ${this.rgb ? this.decompose(val) : val};`).join("\n");
-			css += `[data-theme="${theme}"] {\n${vars}\n  color: var(--${this.prefix}-on-background);\n}\n`;
+			css += `[data-theme="${theme}"] {\n${vars}\n}\n`;
 		}
 		if (!/* @__PURE__ */ isUndefined(isDark)) css += `:root {\n  color-scheme: ${isDark ? "dark" : "light"};\n}\n`;
 		return css;
@@ -27650,7 +27729,7 @@ const [createThemeContext, createThemePlugin, useTheme] = createPluginContext("v
 });
 //#endregion
 //#region src/components/Theme/Theme.vue
-const _sfc_main$174 = /* @__PURE__ */ defineComponent({
+const _sfc_main$174 = /*@__PURE__*/ defineComponent({
 	name: "Theme",
 	inheritAttrs: false,
 	__name: "Theme",
@@ -27710,10 +27789,10 @@ const _sfc_main$174 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Toggle/ToggleGroup.vue
 const [useToggleGroup, provideToggleGroup] = createContext();
-const _sfc_main$175 = /* @__PURE__ */ defineComponent({
+const _sfc_main$175 = /*@__PURE__*/ defineComponent({
 	name: "ToggleGroup",
 	__name: "ToggleGroup",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:toggle:group" },
 		disabled: {
 			type: Boolean,
@@ -27737,7 +27816,7 @@ const _sfc_main$175 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const selection = __props.multiple ? createGroup({
@@ -27782,11 +27861,11 @@ const _sfc_main$175 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Toggle/ToggleRoot.vue
 const [useToggleRoot, provideToggleRoot] = createContext();
-const _sfc_main$177 = /* @__PURE__ */ defineComponent({
+const _sfc_main$177 = /*@__PURE__*/ defineComponent({
 	name: "ToggleRoot",
 	inheritAttrs: false,
 	__name: "ToggleRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: { default: () => /* @__PURE__ */ useId() },
 		value: {},
 		disabled: {
@@ -27801,7 +27880,7 @@ const _sfc_main$177 = /* @__PURE__ */ defineComponent({
 		"modelValue": { type: Boolean },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const attrs = useAttrs();
 		let group = null;
@@ -27853,7 +27932,8 @@ const _sfc_main$177 = /* @__PURE__ */ defineComponent({
 				"type": __props.as === "button" ? "button" : void 0,
 				"role": __props.as === "button" ? void 0 : "button",
 				"aria-pressed": isPressed.value,
-				"aria-disabled": isDisabled.value,
+				"aria-disabled": __props.as === "button" ? void 0 : isDisabled.value,
+				"disabled": __props.as === "button" ? isDisabled.value : void 0,
 				"tabindex": isDisabled.value ? -1 : 0,
 				"data-state": isPressed.value ? "on" : "off",
 				"data-disabled": isDisabled.value ? true : void 0,
@@ -27874,7 +27954,7 @@ const _sfc_main$177 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Toggle/ToggleIndicator.vue
-const _sfc_main$176 = /* @__PURE__ */ defineComponent({
+const _sfc_main$176 = /*@__PURE__*/ defineComponent({
 	name: "ToggleIndicator",
 	__name: "ToggleIndicator",
 	props: {
@@ -28071,10 +28151,10 @@ const [createTooltipContext, createTooltipPlugin, useTooltip] = createPluginCont
 //#endregion
 //#region src/components/Tooltip/TooltipRoot.vue
 const [useTooltipRoot, provideTooltipRoot] = createContext({ suffix: "root" });
-const _sfc_main$180 = /* @__PURE__ */ defineComponent({
+const _sfc_main$180 = /*@__PURE__*/ defineComponent({
 	name: "TooltipRoot",
 	__name: "TooltipRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		openDelay: {},
 		closeDelay: {},
 		disabled: {
@@ -28098,7 +28178,7 @@ const _sfc_main$180 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const isOpen = useModel(__props, "modelValue");
 		const region = useTooltip();
@@ -28178,7 +28258,7 @@ const _sfc_main$180 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tooltip/TooltipActivator.vue
-const _sfc_main$178 = /* @__PURE__ */ defineComponent({
+const _sfc_main$178 = /*@__PURE__*/ defineComponent({
 	name: "TooltipActivator",
 	inheritAttrs: false,
 	__name: "TooltipActivator",
@@ -28253,7 +28333,7 @@ const _sfc_main$178 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Tooltip/TooltipContent.vue
-const _sfc_main$179 = /* @__PURE__ */ defineComponent({
+const _sfc_main$179 = /*@__PURE__*/ defineComponent({
 	name: "TooltipContent",
 	inheritAttrs: false,
 	__name: "TooltipContent",
@@ -28484,7 +28564,7 @@ function createNested(_options = {}) {
 			}
 			if (revealOnOpen) {
 				let parentId = parents.get(id);
-				const visited = new Set([id]);
+				const visited = /* @__PURE__ */ new Set([id]);
 				while (!/* @__PURE__ */ isUndefined(parentId)) {
 					if (visited.has(parentId)) {
 						logger.warn(`Circular parent reference detected at "${parentId}".`);
@@ -28605,7 +28685,7 @@ function createNested(_options = {}) {
 		const initial = children.get(id);
 		if (!initial) return descendants;
 		const queue = initial.slice();
-		const visited = new Set([id]);
+		const visited = /* @__PURE__ */ new Set([id]);
 		let index = 0;
 		while (index < queue.length) {
 			const currentId = queue[index++];
@@ -28635,7 +28715,7 @@ function createNested(_options = {}) {
 		if (!group.has(ancestorId) || !group.has(descendantId)) return false;
 		if (ancestorId === descendantId) return false;
 		let currentId = parents.get(descendantId);
-		const visited = new Set([descendantId]);
+		const visited = /* @__PURE__ */ new Set([descendantId]);
 		while (!/* @__PURE__ */ isUndefined(currentId)) {
 			if (currentId === ancestorId) return true;
 			if (visited.has(currentId)) {
@@ -28703,7 +28783,7 @@ function createNested(_options = {}) {
 	function updateAncestors(id) {
 		const { selectedIds, mixedIds } = group;
 		let parentId = parents.get(id);
-		const visited = new Set([id]);
+		const visited = /* @__PURE__ */ new Set([id]);
 		while (!/* @__PURE__ */ isUndefined(parentId)) {
 			if (visited.has(parentId)) {
 				logger.warn(`Circular parent reference detected at "${parentId}".`);
@@ -28748,13 +28828,14 @@ function createNested(_options = {}) {
 	function select(ids) {
 		if (toValue(group.disabled)) return;
 		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;
-			for (const lid of getLeafDescendants(id)) group.select(lid);
-		}
-		else {
+		else if (selectionMode === "leaf") {
+			if (isLeaf(id)) group.select(id);
+			else {
+				const item = group.get(id);
+				if (!item || toValue(item.disabled)) continue;
+				for (const lid of getLeafDescendants(id)) group.select(lid);
+			}
+		} else {
 			const item = group.get(id);
 			if (!item || toValue(item.disabled)) continue;
 			if (!toValue(multipleOption)) {
@@ -28785,7 +28866,7 @@ function createNested(_options = {}) {
 			if (!item || toValue(item.disabled)) continue;
 			const { selectedIds, mixedIds } = group;
 			if (toValue(mandatoryOption)) {
-				const toRemove = new Set([id, ...getDescendants(id)]);
+				const toRemove = /* @__PURE__ */ new Set([id, ...getDescendants(id)]);
 				if ([...selectedIds].every((sid) => toRemove.has(sid))) return;
 			}
 			mixedIds.delete(id);
@@ -28800,15 +28881,16 @@ function createNested(_options = {}) {
 	function toggle(ids) {
 		if (toValue(group.disabled)) return;
 		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;
-			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 if (selectionMode === "leaf") {
+			if (isLeaf(id)) group.toggle(id);
+			else {
+				const item = group.get(id);
+				if (!item || toValue(item.disabled)) continue;
+				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() {
@@ -28822,12 +28904,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 +28984,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,
@@ -28920,24 +29004,26 @@ function createNested(_options = {}) {
 			}
 		}
 		const list = children.get(id);
-		if (list?.length) if (cascade) {
-			const descendantIds = getDescendants(id);
-			for (const did of descendantIds) {
-				parents.delete(did);
-				children.delete(did);
-				openedIds.delete(did);
-				activeIds.delete(did);
-				rootIds.delete(did);
-			}
-			group.offboard(descendantIds);
-		} else {
-			for (const did of getDescendants(id)) {
-				openedIds.delete(did);
-				activeIds.delete(did);
-			}
-			for (const cid of list) {
-				parents.set(cid, void 0);
-				rootIds.add(cid);
+		if (list?.length) {
+			if (cascade) {
+				const descendantIds = getDescendants(id);
+				for (const did of descendantIds) {
+					parents.delete(did);
+					children.delete(did);
+					openedIds.delete(did);
+					activeIds.delete(did);
+					rootIds.delete(did);
+				}
+				group.offboard(descendantIds);
+			} else {
+				for (const did of getDescendants(id)) {
+					openedIds.delete(did);
+					activeIds.delete(did);
+				}
+				for (const cid of list) {
+					parents.set(cid, void 0);
+					rootIds.add(cid);
+				}
 			}
 		}
 		parents.delete(id);
@@ -28984,6 +29070,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 +29126,7 @@ function createNested(_options = {}) {
 		onboard,
 		clear,
 		reset,
+		dispose,
 		get size() {
 			return group.size;
 		}
@@ -29073,10 +29168,10 @@ function useNested(namespace = "v0:nested") {
 //#endregion
 //#region src/components/Treeview/TreeviewRoot.vue
 const [useTreeviewRoot, provideTreeviewRoot] = createContext();
-const _sfc_main$189 = /* @__PURE__ */ defineComponent({
+const _sfc_main$189 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewRoot",
 	__name: "TreeviewRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		namespace: { default: "v0:treeview" },
 		disabled: {
 			type: Boolean,
@@ -29109,7 +29204,7 @@ const _sfc_main$189 = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:model-value"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:model-value"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const nested = createNested({
@@ -29218,7 +29313,7 @@ function useRovingFocus(items, options = {}) {
 //#region src/components/Treeview/TreeviewList.vue
 const FOCUSABLE = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]";
 const [useTreeviewList, provideTreeviewList] = createContext({ suffix: "list" });
-const _sfc_main$188 = /* @__PURE__ */ defineComponent({
+const _sfc_main$188 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewList",
 	__name: "TreeviewList",
 	props: {
@@ -29351,7 +29446,6 @@ const _sfc_main$188 = /* @__PURE__ */ defineComponent({
 						const sibs = nested.siblings(ticket.id);
 						for (const sibId of sibs) if (expandable(nested.get(sibId))) nested.open(sibId);
 					}
-					break;
 			}
 		}
 		const slotProps = toRef(() => ({ attrs: {
@@ -29376,7 +29470,7 @@ const _sfc_main$188 = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/Treeview/TreeviewItem.vue
 const [useTreeviewItem, provideTreeviewItem] = createContext({ suffix: "item" });
-const _sfc_main$187 = /* @__PURE__ */ defineComponent({
+const _sfc_main$187 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewItem",
 	__name: "TreeviewItem",
 	props: {
@@ -29456,7 +29550,7 @@ const _sfc_main$187 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewActivator.vue
-const _sfc_main$181 = /* @__PURE__ */ defineComponent({
+const _sfc_main$181 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewActivator",
 	__name: "TreeviewActivator",
 	props: {
@@ -29495,7 +29589,7 @@ const _sfc_main$181 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewCheckbox.vue
-const _sfc_main$182 = /* @__PURE__ */ defineComponent({
+const _sfc_main$182 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewCheckbox",
 	__name: "TreeviewCheckbox",
 	props: {
@@ -29536,7 +29630,7 @@ const _sfc_main$182 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewContent.vue
-const _sfc_main$183 = /* @__PURE__ */ defineComponent({
+const _sfc_main$183 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewContent",
 	__name: "TreeviewContent",
 	props: { namespace: { default: "v0:treeview" } },
@@ -29553,16 +29647,13 @@ const _sfc_main$183 = /* @__PURE__ */ defineComponent({
 			item.hasContent.value = false;
 		});
 		return (_ctx, _cache) => {
-			return toValue(unref(item).ticket.isOpen) ? renderSlot(_ctx.$slots, "default", {
-				key: 0,
-				isOpen: toValue(unref(item).ticket.isOpen)
-			}) : createCommentVNode("v-if", true);
+			return toValue(unref(item).ticket.isOpen) ? renderSlot(_ctx.$slots, "default", { isOpen: toValue(unref(item).ticket.isOpen) }, void 0, void 0, 0) : createCommentVNode("v-if", true);
 		};
 	}
 });
 //#endregion
 //#region src/components/Treeview/TreeviewCue.vue
-const _sfc_main$184 = /* @__PURE__ */ defineComponent({
+const _sfc_main$184 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewCue",
 	__name: "TreeviewCue",
 	props: {
@@ -29596,7 +29687,7 @@ const _sfc_main$184 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewGroup.vue
-const _sfc_main$185 = /* @__PURE__ */ defineComponent({
+const _sfc_main$185 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewGroup",
 	__name: "TreeviewGroup",
 	props: {
@@ -29618,7 +29709,7 @@ const _sfc_main$185 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewIndicator.vue
-const _sfc_main$186 = /* @__PURE__ */ defineComponent({
+const _sfc_main$186 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewIndicator",
 	__name: "TreeviewIndicator",
 	props: {
@@ -29654,7 +29745,7 @@ const _sfc_main$186 = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Treeview/TreeviewSelectAll.vue
-const _sfc_main$190 = /* @__PURE__ */ defineComponent({
+const _sfc_main$190 = /*@__PURE__*/ defineComponent({
 	name: "TreeviewSelectAll",
 	__name: "TreeviewSelectAll",
 	props: {
@@ -30934,7 +31025,7 @@ function find(text, query, options) {
 * // [{ text: 'Hello ', match: false }, { text: 'World', match: true }]
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function toHighlight(text, query, options = {}) {
 	const _text = toValue(text);
 	const _query = toValue(query);
@@ -31063,7 +31154,7 @@ function createSetProxy(refObject) {
 	return reactive(setProxy);
 }
 function createObjectProxy(refObject) {
-	return reactive(new Proxy({}, {
+	const proxy = new Proxy({}, {
 		get(_, p, receiver) {
 			return unref(Reflect.get(refObject.value, p, receiver));
 		},
@@ -31095,7 +31186,8 @@ function createObjectProxy(refObject) {
 			}
 			return newDesc;
 		}
-	}));
+	});
+	return reactive(proxy);
 }
 /**
 * Converts a `MaybeRef` to a `UnwrapNestedRefs`.
@@ -31397,7 +31489,7 @@ function deriveMinimalDays(region) {
 * @param locale An Intl locale string (e.g. 'de-DE', 'en', 'ar-EG', 'en-u-fw-mon').
 * @returns firstDay in v0's 0=Sun...6=Sat convention, plus minimalDays.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function deriveWeekInfo(locale) {
 	const region = deriveRegion(locale);
 	return {
@@ -31510,13 +31602,15 @@ function createDate(options) {
 		const loc = locale.value;
 		return loc ? (/* @__PURE__ */ deriveWeekInfo(loc)).firstDay : 0;
 	});
-	if (hasInjectionContext()) onScopeDispose(watchEffect(() => {
-		const loc = locale.value;
-		if (loc && adapter.locale !== loc) adapter.locale = loc;
-		const fdow = firstDayOfWeek.value;
-		if (adapter.firstDayOfWeek !== fdow) adapter.firstDayOfWeek = fdow;
-	}), true);
-	else {
+	if (hasInjectionContext()) {
+		const stop = watchEffect(() => {
+			const loc = locale.value;
+			if (loc && adapter.locale !== loc) adapter.locale = loc;
+			const fdow = firstDayOfWeek.value;
+			if (adapter.firstDayOfWeek !== fdow) adapter.firstDayOfWeek = fdow;
+		});
+		onScopeDispose(stop, true);
+	} else {
 		const loc = locale.value;
 		if (loc && adapter.locale !== loc) adapter.locale = loc;
 		const fdow = firstDayOfWeek.value;
@@ -31990,12 +32084,10 @@ var KeyboardAdapter = class extends DragDropAdapter {
 							y: current.y
 						};
 						break;
-					case "ArrowRight":
-						point = {
-							x: current.x + this.step,
-							y: current.y
-						};
-						break;
+					case "ArrowRight": point = {
+						x: current.x + this.step,
+						y: current.y
+					};
 				}
 				if (point) {
 					event.preventDefault();
@@ -32026,6 +32118,9 @@ var KeyboardAdapter = class extends DragDropAdapter {
 * const dnd = useDragDrop()
 * ```
 */
+function toSource(source) {
+	return toValue(source);
+}
 /**
 * Pure math for resolving where in an oriented zone a pointer would drop.
 * Internal — consumers rely on the `position.index` / `position.indicator`
@@ -32120,7 +32215,7 @@ function useDragDrop(options = {}) {
 		..._draggables,
 		register(registration) {
 			const id = registration.id ?? /* @__PURE__ */ useId();
-			const el = toRef(() => toValue(registration.el));
+			const el = toRef(() => toSource(registration.el));
 			const dragging = toRef(() => active.value?.id === id);
 			const input = {
 				...registration,
@@ -32136,7 +32231,7 @@ function useDragDrop(options = {}) {
 		register(registration) {
 			const id = registration.id ?? /* @__PURE__ */ useId();
 			if (_zones.has(id)) return _zones.register(registration);
-			const el = toRef(() => toValue(registration.el));
+			const el = toRef(() => toSource(registration.el));
 			const isOver = toRef(() => active.value?.over === id);
 			const willAccept = toRef(() => safeAccept(registration.accept, active.value));
 			const rects = shallowRef([]);
@@ -32636,7 +32731,7 @@ const keyAliasMap = {
 	minus: "-",
 	hyphen: "-"
 };
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function normalizeKey(key) {
 	const lowerKey = key.toLowerCase();
 	return keyAliasMap[lowerKey] ?? lowerKey;
@@ -32700,19 +32795,19 @@ function splitKeyCombination(combination, isInternal = false) {
 			"/",
 			"_",
 			"-"
-		].includes(char))
- /* v8 ignore start -- edge case: doubled special chars */
-		if (char === nextChar) {
-			flushBuffer(char);
-			keys.push(char);
-			i++;
-		} else if ([
-			"+",
-			"/",
-			"_"
-		].includes(char)) flushBuffer(char);
-		else buffer += char;
-		else buffer += char;
+		].includes(char)) {
+			/* v8 ignore start -- edge case: doubled special chars */
+			if (char === nextChar) {
+				flushBuffer(char);
+				keys.push(char);
+				i++;
+			} else if ([
+				"+",
+				"/",
+				"_"
+			].includes(char)) flushBuffer(char);
+			else buffer += char;
+		} else buffer += char;
 	}
 	flushBuffer();
 	/* v8 ignore start -- edge case: invalid minus in combination */
@@ -33521,7 +33616,8 @@ function createStorage(options = {}) {
 	function get(key, defaultValue) {
 		const prefixedKey = `${prefix}${key}`;
 		if (cache.has(prefixedKey)) return cache.get(prefixedKey);
-		const valueRef = ref(readStored(prefixedKey) ?? (/* @__PURE__ */ isObject(defaultValue) || /* @__PURE__ */ isArray(defaultValue) ? structuredClone(defaultValue) : defaultValue));
+		const initialValue = readStored(prefixedKey) ?? (/* @__PURE__ */ isObject(defaultValue) || /* @__PURE__ */ isArray(defaultValue) ? structuredClone(defaultValue) : defaultValue);
+		const valueRef = ref(initialValue);
 		const stop = watch(valueRef, (newValue) => {
 			if (/* @__PURE__ */ isNullOrUndefined(newValue)) adapter?.removeItem(prefixedKey);
 			else writeStored(prefixedKey, newValue);