@vuetify/v0 1.2.1 → 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";
@@ -261,7 +261,7 @@ function mergeRanges(a, b) {
 * // [[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";
@@ -278,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.1";
+const version = "1.2.2";
 /* v8 ignore next -- build-time constant, __DEV__ short-circuits in tests */
 const __LOGGER_ENABLED__ = false;
 //#endregion
@@ -299,11 +299,11 @@ 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;
 }
@@ -328,7 +328,7 @@ function instanceName() {
 * isFunction('string')  // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isFunction(item) {
 	return typeof item === "function";
 }
@@ -344,7 +344,7 @@ function isFunction(item) {
 * isString(123)      // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isString(item) {
 	return typeof item === "string";
 }
@@ -363,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";
 }
@@ -380,7 +380,7 @@ function isNumber(item) {
 * isBoolean(0)      // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isBoolean(item) {
 	return typeof item === "boolean";
 }
@@ -410,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);
 }
@@ -434,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);
 }
@@ -466,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);
 }
@@ -483,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;
 }
@@ -501,7 +501,7 @@ function isElement(item) {
 * const active = getActiveElement()
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function getActiveElement() {
 	if (!IN_BROWSER) return null;
 	let active = document.activeElement;
@@ -523,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;
 }
@@ -547,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;
 }
@@ -566,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;
 }
@@ -585,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";
 }
@@ -601,7 +601,7 @@ function isPrimitive(item) {
 * isSymbol('symbol')       // false
 * ```
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function isSymbol(item) {
 	return typeof item === "symbol";
 }
@@ -625,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);
 }
@@ -666,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];
@@ -705,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++}`;
@@ -725,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));
@@ -745,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);
 }
@@ -781,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);
@@ -793,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) {
@@ -807,7 +807,7 @@ function resolveIds(ids, getter) {
 *
 * @internal
 */
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function resolveIndexes(items) {
 	const result = [];
 	for (const item of items) {
@@ -929,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;
@@ -959,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: {
@@ -976,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
 			}), {
@@ -992,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: {
@@ -1014,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: {
@@ -1041,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: {
@@ -1255,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 },
@@ -1270,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");
@@ -1319,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: {
@@ -1382,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: {
@@ -1427,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: {
@@ -2156,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);
@@ -3339,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 = [{
@@ -3578,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: {
@@ -3662,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];
 }
@@ -4102,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;
@@ -4465,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: {
@@ -4566,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: {
@@ -4596,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: {
@@ -4810,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: {
@@ -5086,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);
@@ -5342,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) {
@@ -5475,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: {
@@ -5587,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: {
@@ -5666,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: {
@@ -5802,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: {
@@ -5894,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: {
@@ -6582,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: {
@@ -6744,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: {
@@ -6798,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: {
@@ -6847,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: {
@@ -6905,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: {
@@ -6960,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: {
@@ -6981,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: {
@@ -7003,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: {
@@ -7346,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,
@@ -7372,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({
@@ -7423,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: {
@@ -7608,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",
@@ -7733,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: {
@@ -7751,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: {
@@ -7782,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: {
@@ -7808,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);
 		};
 	}
 });
@@ -8183,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" },
@@ -8314,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",
@@ -8509,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",
@@ -8587,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",
@@ -8649,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",
@@ -8714,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",
@@ -8828,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",
@@ -8894,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",
@@ -9169,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,
@@ -9195,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({
@@ -9238,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: {},
@@ -9261,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;
@@ -9389,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: {
@@ -9427,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: {
@@ -9462,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",
@@ -9715,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,
@@ -9733,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);
@@ -9795,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: {
@@ -9843,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: {
@@ -9877,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: {
@@ -9957,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" } },
@@ -10167,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";
@@ -10565,7 +10569,6 @@ function createFocusTraversal(items, activate, options = {}) {
 					e.preventDefault();
 					if (e.ctrlKey) last();
 					else rowLast();
-					break;
 			}
 			return;
 		}
@@ -10757,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(() => {
@@ -11128,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: {},
@@ -11166,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({
@@ -11212,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: {
@@ -11320,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;
@@ -11340,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: {
@@ -11381,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"]);
 		};
@@ -11389,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: {
@@ -11441,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));
@@ -11491,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: {
@@ -11525,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",
@@ -11561,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: {
@@ -11587,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",
@@ -11628,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: {
@@ -12182,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);
@@ -12276,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));
@@ -12289,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));
@@ -12304,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);
@@ -12579,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(() => {
@@ -13535,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];
@@ -13844,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: {},
@@ -13868,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",
@@ -13907,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",
@@ -13945,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",
@@ -14035,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();
@@ -14242,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 },
@@ -14261,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");
@@ -14453,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",
@@ -14573,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();
@@ -14581,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();
@@ -14768,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",
@@ -14830,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",
@@ -15006,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",
@@ -15106,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",
@@ -15241,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",
@@ -15284,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",
@@ -15338,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",
@@ -15593,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: {},
@@ -15614,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,
@@ -15654,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",
@@ -15694,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",
@@ -15733,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",
@@ -15822,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",
@@ -15863,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",
@@ -15902,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",
@@ -16028,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",
@@ -16353,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 },
@@ -16368,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();
@@ -16411,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: {
@@ -16455,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: {
@@ -16540,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: {
@@ -16570,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: {
@@ -16600,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: {
@@ -16795,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,
@@ -16822,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);
@@ -16855,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: {
@@ -16901,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: {
@@ -16954,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: {
@@ -16987,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: {
@@ -17017,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: {
@@ -17342,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,
@@ -17369,7 +17376,7 @@ const _sfc_main$87 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"update:model-value",
 		"submit",
 		"reset"
@@ -17388,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();
@@ -17422,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,
@@ -17443,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({
@@ -17474,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: {
@@ -17763,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: {
@@ -17816,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: {
@@ -17846,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: {
@@ -17917,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: {
@@ -18025,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;
 }
@@ -18041,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);
@@ -18453,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: {},
@@ -18486,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");
@@ -18600,7 +18608,7 @@ function defined(attrs) {
 	for (const key of Object.keys(attrs)) if (!/* @__PURE__ */ isUndefined(attrs[key])) result[key] = attrs[key];
 	return result;
 }
-const _sfc_main$94 = /* @__PURE__ */ defineComponent({
+const _sfc_main$94 = /*@__PURE__*/ defineComponent({
 	name: "InputControl",
 	inheritAttrs: false,
 	__name: "InputControl",
@@ -18673,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",
@@ -18703,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",
@@ -18855,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",
@@ -18910,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));
@@ -18955,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) {
@@ -19155,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: {},
@@ -19201,7 +19207,7 @@ const _sfc_main$104 = /* @__PURE__ */ defineComponent({
 		"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");
@@ -19320,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",
@@ -19358,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);
@@ -19479,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",
@@ -19553,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",
@@ -19583,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",
@@ -19620,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",
@@ -19694,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",
@@ -19916,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: {
@@ -20005,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: {
@@ -20074,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: {
@@ -20209,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: {},
@@ -20227,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();
@@ -20311,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: {
@@ -20354,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: {
@@ -20419,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: {
@@ -20495,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: {
@@ -20560,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: {
@@ -20625,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: {
@@ -20690,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: {
@@ -20958,10 +20965,10 @@ const Pagination = {
 //#endregion
 //#region src/components/Popover/PopoverRoot.vue
 const [usePopoverContext, providePopoverContext] = createContext("v0:popover:root");
-const _sfc_main$119 = /* @__PURE__ */ defineComponent({
+const _sfc_main$119 = /*@__PURE__*/ defineComponent({
 	name: "PopoverRoot",
 	__name: "PopoverRoot",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		id: {},
 		positionArea: {},
 		positionTry: {},
@@ -21004,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: {
@@ -21055,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: {
@@ -21197,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: {
@@ -21345,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 });
@@ -21385,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
@@ -21404,7 +21409,7 @@ const _sfc_main$121 = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"enter",
 		"leave",
 		"after-leave"
@@ -21438,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" } },
@@ -21597,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: {},
@@ -21683,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",
@@ -21729,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",
@@ -21780,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",
@@ -21817,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",
@@ -21843,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",
@@ -22082,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,
@@ -22107,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({
@@ -22147,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",
@@ -22289,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: {
@@ -22326,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: {
@@ -22658,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: {
@@ -22766,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" } },
@@ -22787,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",
@@ -22989,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",
@@ -23078,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" } },
@@ -23112,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: {},
@@ -23139,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();
@@ -23236,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: {
@@ -23271,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 " ":
@@ -23282,7 +23285,6 @@ const _sfc_main$137 = /* @__PURE__ */ defineComponent({
 				case "ArrowUp":
 					e.preventDefault();
 					context.open();
-					break;
 			}
 		}
 		const slotProps = toRef(() => ({
@@ -23319,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: {
@@ -23355,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"]);
 		};
@@ -23363,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: {
@@ -23393,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: {
@@ -23452,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: {
@@ -23477,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: {
@@ -23706,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,
@@ -23731,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({
@@ -23758,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: {
@@ -23869,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,
@@ -23915,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: {
@@ -24225,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 },
@@ -24257,7 +24259,7 @@ const _sfc_main$150 = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: () => [] },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"update:model-value",
 		"start",
 		"end"
@@ -24322,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];
@@ -24390,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: {
@@ -24415,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",
@@ -24473,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",
@@ -24530,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];
@@ -24585,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",
@@ -24806,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" } },
@@ -24832,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",
@@ -24887,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";
@@ -25700,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: {
@@ -25771,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: {
@@ -25820,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: {
@@ -25841,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: {
@@ -26045,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,
@@ -26096,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: {
@@ -26205,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,
@@ -26231,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({
@@ -26274,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: {},
@@ -26297,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;
@@ -26425,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: {
@@ -26463,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",
@@ -26547,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: {
@@ -26581,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: {
@@ -26810,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,
@@ -26837,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();
@@ -26878,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",
@@ -26916,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",
@@ -27065,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",
@@ -27324,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;
@@ -27724,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",
@@ -27784,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,
@@ -27811,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({
@@ -27856,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: {
@@ -27875,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;
@@ -27927,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,
@@ -27948,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: {
@@ -28145,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: {
@@ -28172,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();
@@ -28252,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",
@@ -28327,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",
@@ -28558,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}".`);
@@ -28679,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++];
@@ -28709,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)) {
@@ -28777,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}".`);
@@ -28822,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)) {
@@ -28859,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);
@@ -28874,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() {
@@ -28996,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);
@@ -29158,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,
@@ -29194,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({
@@ -29303,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: {
@@ -29436,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: {
@@ -29461,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: {
@@ -29541,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: {
@@ -29580,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: {
@@ -29621,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" } },
@@ -29638,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: {
@@ -29681,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: {
@@ -29703,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: {
@@ -29739,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: {
@@ -31019,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);
@@ -31148,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));
 		},
@@ -31180,7 +31186,8 @@ function createObjectProxy(refObject) {
 			}
 			return newDesc;
 		}
-	}));
+	});
+	return reactive(proxy);
 }
 /**
 * Converts a `MaybeRef` to a `UnwrapNestedRefs`.
@@ -31482,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 {
@@ -31595,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;
@@ -32075,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();
@@ -32111,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`
@@ -32205,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,
@@ -32221,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([]);
@@ -32721,7 +32731,7 @@ const keyAliasMap = {
 	minus: "-",
 	hyphen: "-"
 };
-/* @__NO_SIDE_EFFECTS__ */
+/* #__NO_SIDE_EFFECTS__ */
 function normalizeKey(key) {
 	const lowerKey = key.toLowerCase();
 	return keyAliasMap[lowerKey] ?? lowerKey;
@@ -32785,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 */
@@ -33606,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);