@roku-ui/vue 0.30.0 → 0.31.0

package/dist/index.js

@@ -1,5 +1,6 @@
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, customRef, defineComponent, getCurrentInstance, getCurrentScope, h, hasInjectionContext, inject, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onScopeDispose, onUnmounted, onUpdated, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowReadonly, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useModel, useSlots, vModelCheckbox, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-var _hoisted_1$28 = {
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, customRef, defineComponent, getCurrentInstance, getCurrentScope, h, hasInjectionContext, inject, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onScopeDispose, onUnmounted, onUpdated, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toValue, unref, useAttrs, useModel, useSlots, vModelCheckbox, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { isClient, onClickOutside, onKeyStroke, tryOnMounted, unrefElement, useDebounce, useDropZone, useElementBounding, useElementHover, useEventListener, useFileDialog, useLocalStorage, useMagicKeys, useMediaQuery, useMouse, useMutationObserver, useRafFn, useResizeObserver, useScroll, useToggle } from "@vueuse/core";
+var _hoisted_1$29 = {
 	key: 1,
 	class: "flex flex-1 overflow-hidden"
 }, _hoisted_2$17 = { class: "flex flex-1 flex-col overflow-hidden" }, _hoisted_3$14 = { class: "flex flex-1 overflow-hidden" }, _hoisted_4$10 = { class: "flex-1 overflow-y-auto" }, _hoisted_5$7 = { class: "flex flex-1 flex-col overflow-hidden" }, _hoisted_6$5 = { class: "flex-1 overflow-y-auto" }, _hoisted_7$2 = { class: "flex-1 overflow-y-auto" }, _hoisted_8$1 = {
@@ -44,7 +45,7 @@ var _hoisted_1$28 = {
 				class: "flex shrink-0 items-center",
 				style: normalizeStyle(y.value)
 			}, [renderSlot(t.$slots, "header")], 4)) : createCommentVNode("", !0),
-			a.value && n.headerSpansNav && !n.headerSpansAside ? (openBlock(), createElementBlock("div", _hoisted_1$28, [createElementVNode("div", _hoisted_2$17, [
+			a.value && n.headerSpansNav && !n.headerSpansAside ? (openBlock(), createElementBlock("div", _hoisted_1$29, [createElementVNode("div", _hoisted_2$17, [
 				createElementVNode("header", {
 					class: "flex shrink-0 items-center",
 					style: normalizeStyle(y.value)
@@ -458,14 +459,14 @@ var rgb_num_old = /* @__PURE__ */ RegExp(`^rgba?\\(\\s*${num$1}${c}${num$1}${c}$
 }, _prepare_default = (t, n) => t === void 0 ? void 0 : typeof t == "object" ? t.mode === void 0 ? n ? {
 	...t,
 	mode: n
-} : void 0 : t : parse_default(t), converter_default = (t = "rgb") => (n) => (n = _prepare_default(n, t)) === void 0 ? void 0 : n.mode === t ? n : converters[n.mode][t] ? converters[n.mode][t](n) : t === "rgb" ? converters[n.mode].rgb(n) : converters.rgb[t](converters[n.mode].rgb(n)), converters = {}, modes = {}, parsers = [], colorProfiles = {}, identity$1 = (t) => t, useMode = (t) => (converters[t.mode] = {
+} : void 0 : t : parse_default(t), converter_default = (t = "rgb") => (n) => (n = _prepare_default(n, t)) === void 0 ? void 0 : n.mode === t ? n : converters[n.mode][t] ? converters[n.mode][t](n) : t === "rgb" ? converters[n.mode].rgb(n) : converters.rgb[t](converters[n.mode].rgb(n)), converters = {}, modes = {}, parsers = [], colorProfiles = {}, identity = (t) => t, useMode = (t) => (converters[t.mode] = {
 	...converters[t.mode],
 	...t.toMode
 }, Object.keys(t.fromMode || {}).forEach((n) => {
 	converters[n] || (converters[n] = {}), converters[n][t.mode] = t.fromMode[n];
 }), t.ranges ||= {}, t.difference ||= {}, t.channels.forEach((n) => {
 	if (t.ranges[n] === void 0 && (t.ranges[n] = [0, 1]), !t.interpolate[n]) throw Error(`Missing interpolator for: ${n}`);
-	typeof t.interpolate[n] == "function" && (t.interpolate[n] = { use: t.interpolate[n] }), t.interpolate[n].fixup || (t.interpolate[n].fixup = identity$1);
+	typeof t.interpolate[n] == "function" && (t.interpolate[n] = { use: t.interpolate[n] }), t.interpolate[n].fixup || (t.interpolate[n].fixup = identity);
 }), modes[t.mode] = t, (t.parse || []).forEach((n) => {
 	useParser(n, t.mode);
 }), converter_default(t.mode)), getMode = (t) => modes[t], useParser = (t, n) => {
@@ -1914,8 +1915,8 @@ function find_gamut_intersection(t, n, i, a, o, s = null) {
 		{
 			let s = i - o, u = a, d = .3963377774 * t + .2158037573 * n, m = -.1055613458 * t - .0638541728 * n, g = -.0894841775 * t - 1.291485548 * n, _ = s + u * d, v = s + u * m, y = s + u * g;
 			{
-				let t = o * (1 - l) + l * i, n = l * a, s = t + n * d, u = t + n * m, b = t + n * g, x = s * s * s, S = u * u * u, C = b * b * b, w = 3 * _ * s * s, T = 3 * v * u * u, E = 3 * y * b * b, D = 6 * _ * _ * s, O = 6 * v * v * u, A = 6 * y * y * b, j = 4.0767416621 * x - 3.3077115913 * S + .2309699292 * C - 1, N = 4.0767416621 * w - 3.3077115913 * T + .2309699292 * E, P = 4.0767416621 * D - 3.3077115913 * O + .2309699292 * A, F = N / (N * N - .5 * j * P), L = -j * F, Jd = -1.2684380046 * x + 2.6097574011 * S - .3413193965 * C - 1, R = -1.2684380046 * w + 2.6097574011 * T - .3413193965 * E, z = -1.2684380046 * D + 2.6097574011 * O - .3413193965 * A, B = R / (R * R - .5 * Jd * z), Yd = -Jd * B, Xd = -.0041960863 * x - .7034186147 * S + 1.707614701 * C - 1, H = -.0041960863 * w - .7034186147 * T + 1.707614701 * E, Zd = -.0041960863 * D - .7034186147 * O + 1.707614701 * A, U = H / (H * H - .5 * Xd * Zd), W = -Xd * U;
-				L = F >= 0 ? L : 1e6, Yd = B >= 0 ? Yd : 1e6, W = U >= 0 ? W : 1e6, l += Math.min(L, Math.min(Yd, W));
+				let t = o * (1 - l) + l * i, n = l * a, s = t + n * d, u = t + n * m, b = t + n * g, x = s * s * s, S = u * u * u, C = b * b * b, w = 3 * _ * s * s, T = 3 * v * u * u, E = 3 * y * b * b, D = 6 * _ * _ * s, O = 6 * v * v * u, A = 6 * y * y * b, j = 4.0767416621 * x - 3.3077115913 * S + .2309699292 * C - 1, N = 4.0767416621 * w - 3.3077115913 * T + .2309699292 * E, P = 4.0767416621 * D - 3.3077115913 * O + .2309699292 * A, F = N / (N * N - .5 * j * P), L = -j * F, Qu = -1.2684380046 * x + 2.6097574011 * S - .3413193965 * C - 1, R = -1.2684380046 * w + 2.6097574011 * T - .3413193965 * E, z = -1.2684380046 * D + 2.6097574011 * O - .3413193965 * A, $u = R / (R * R - .5 * Qu * z), B = -Qu * $u, H = -.0041960863 * x - .7034186147 * S + 1.707614701 * C - 1, ed = -.0041960863 * w - .7034186147 * T + 1.707614701 * E, U = -.0041960863 * D - .7034186147 * O + 1.707614701 * A, W = ed / (ed * ed - .5 * H * U), K = -H * W;
+				L = F >= 0 ? L : 1e6, B = $u >= 0 ? B : 1e6, K = W >= 0 ? K : 1e6, l += Math.min(L, Math.min(B, K));
 			}
 		}
 	}
@@ -2356,7 +2357,7 @@ var transfer$1 = (t) => Math.cbrt(t) - bias_cbrt, convertRgbToXyb_default = (t)
 	}
 }, r = (t, n) => Math.round(t * (n = 10 ** n)) / n;
 ((t = 4) => (n) => typeof n == "number" ? r(n, t) : n)(2);
-var clamp$1 = (t) => Math.max(0, Math.min(1, t || 0)), fixup = (t) => Math.round(clamp$1(t) * 255), rgb$1 = converter_default("rgb");
+var clamp = (t) => Math.max(0, Math.min(1, t || 0)), fixup = (t) => Math.round(clamp(t) * 255), rgb$1 = converter_default("rgb");
 converter_default("hsl");
 const serializeHex = (t) => {
 	if (t === void 0) return;
@@ -2710,22 +2711,28 @@ function resolveTailwindPalette(t) {
 	};
 }
 function useRounded(t) {
-	return computed(() => ({
-		style: getRoundedStyle(t.rounded),
-		class: "rounded-[--r-rounded]"
-	}));
+	return computed(() => {
+		let n = getRoundedStyle(t.rounded), i = getCornerShapeStyle(t.cornerShape), a = i !== "";
+		return {
+			style: a ? `${n} ${i}`.trim() : n,
+			class: a ? "rounded-[--r-rounded] [corner-shape:var(--r-corner-shape)]" : "rounded-[--r-rounded]"
+		};
+	});
 }
 function getRoundedStyle(t) {
 	let n = /^-?(?:\d+(?:\.\d+)?|\.\d+)(?:px|em|rem|vh|vw|in|cm|mm|pt|pc|%)?$/;
 	switch (t) {
-		case "none": return "--r-rounded: 0";
-		case "sm": return "--r-rounded: 0.125rem";
-		case "md": return "--r-rounded: 0.25rem";
-		case "lg": return "--r-rounded: 0.5rem";
-		case "full": return "--r-rounded: 9999px";
-		default: return typeof t == "string" && n.test(t) ? `--r-rounded: ${t};` : typeof t == "number" || !Number.isNaN(Number(t)) ? `--r-rounded: ${t}rem;` : "rounded-[--r-rounded]";
+		case "none": return "--r-rounded: 0;";
+		case "sm": return "--r-rounded: 0.125rem;";
+		case "md": return "--r-rounded: 0.25rem;";
+		case "lg": return "--r-rounded: 0.5rem;";
+		case "full": return "--r-rounded: 9999px;";
+		default: return typeof t == "string" && n.test(t) ? `--r-rounded: ${t};` : typeof t == "number" || !Number.isNaN(Number(t)) ? `--r-rounded: ${typeof t == "number" ? t : Number(t)}rem;` : "--r-rounded: 0.25rem;";
 	}
 }
+function getCornerShapeStyle(t) {
+	return t == null || t === "" ? "" : `--r-corner-shape: ${t};`;
+}
 var notifications = shallowRef([]);
 function useNotifications(t) {
 	return computed({
@@ -3593,6 +3600,36 @@ var buttonVariantConfigs = {
 			value: "transparent"
 		}
 	},
+	tonal: {
+		"--d-border": {
+			source: "literal",
+			value: "transparent"
+		},
+		"--d-bg": { index: COLOR_BG.solid.dark },
+		"--d-bg-h": { index: COLOR_BG.hover.dark },
+		"--d-text": {
+			palette: "surface",
+			index: SURFACE_BG.base.dark
+		},
+		"--d-text-h": {
+			palette: "surface",
+			index: SURFACE_BG.base.dark
+		},
+		"--l-bg": { index: COLOR_BG.solid.light },
+		"--l-bg-h": { index: COLOR_BG.hover.light },
+		"--l-text": {
+			palette: "surface",
+			index: SURFACE_BG.base.light
+		},
+		"--l-text-h": {
+			palette: "surface",
+			index: SURFACE_BG.base.light
+		},
+		"--l-border": {
+			source: "literal",
+			value: "transparent"
+		}
+	},
 	light: {
 		"--d-border": {
 			source: "literal",
@@ -3963,6 +4000,7 @@ function useTagCS(t = "default", n = "primary", i = !1) {
 			default: () => getDefaultTagVariantStyle(s, l),
 			inverted: () => getInvertedTagVariantStyle(s, l),
 			filled: () => getFilledTagVariantStyle(a, l),
+			tonal: () => getTonalTagVariantStyle(a, s, l),
 			light: () => getLightTagVariantStyle(a, l),
 			outline: () => getOutlineTagVariantStyle(a, l),
 			transparent: () => getTransparentTagVariantStyle(a, l),
@@ -4045,6 +4083,37 @@ function getFilledTagVariantStyle(t, n) {
 		class: a
 	};
 }
+function getTonalTagVariantStyle(t, n, i) {
+	let a = {
+		"--d-border": "transparent",
+		"--d-bg": formatHex(t[COLOR_BG.solid.dark]) || "#000000",
+		"--d-text": formatHex(n[SURFACE_BG.base.dark]) || "#000000",
+		"--l-bg": formatHex(t[COLOR_BG.solid.light]) || "#000000",
+		"--l-text": formatHex(n[SURFACE_BG.base.light]) || "#000000",
+		"--l-border": "transparent"
+	}, o = [
+		"border-[var(--r-scheme-border)]",
+		"bg-[var(--r-scheme-bg)]",
+		"text-[var(--r-scheme-text)]"
+	];
+	return i ? {
+		style: {
+			...a,
+			"--d-bg-h": formatHex(t[COLOR_BG.hover.dark]) || "#000000",
+			"--d-text-h": formatHex(n[SURFACE_BG.base.dark]) || "#000000",
+			"--l-bg-h": formatHex(t[COLOR_BG.hover.light]) || "#000000",
+			"--l-text-h": formatHex(n[SURFACE_BG.base.light]) || "#000000"
+		},
+		class: [
+			...o,
+			"hover:bg-[var(--r-scheme-bg-hover)]",
+			"hover:text-[var(--r-scheme-text-hover)]"
+		]
+	} : {
+		style: a,
+		class: o
+	};
+}
 function getLightTagVariantStyle(t, n) {
 	let i = {
 		"--d-border": "transparent",
@@ -4194,7 +4263,7 @@ function getContrastTagVariantStyle(t, n) {
 		class: a
 	};
 }
-var _hoisted_1$27 = {
+var _hoisted_1$28 = {
 	key: 2,
 	class: "i-fluent-person-24-filled"
 }, Avatar_default = /* @__PURE__ */ defineComponent({
@@ -4207,6 +4276,7 @@ var _hoisted_1$27 = {
 		variant: { default: "default" },
 		color: {},
 		rounded: {},
+		cornerShape: {},
 		skeleton: { type: Boolean }
 	},
 	setup(n) {
@@ -4214,15 +4284,16 @@ var _hoisted_1$27 = {
 			...i,
 			size: i.size ?? d?.size ?? a.value.defaultSize,
 			color: i.color ?? d?.color ?? "default",
-			rounded: i.rounded ?? d?.rounded ?? "full"
+			rounded: i.rounded ?? d?.rounded ?? "full",
+			cornerShape: i.cornerShape ?? d?.cornerShape
 		})), _ = useRounded(m.value), v = computed(() => i.name || ""), y = computed(() => {
 			switch (m.value.size) {
-				case "xs": return "--size: 2rem; --font-size: 1rem;";
-				case "sm": return "--size: 3rem; --font-size: 1.25rem;";
-				case "md": return "--size: 4rem; --font-size: 2rem;";
-				case "lg": return "--size: 6rem; --font-size: 3rem;";
-				case "xl": return "--size: 8rem; --font-size: 4rem;";
-				default: return typeof m.value.size == "number" && !Number.isNaN(Number(m.value.size)) ? `--size: ${m.value.size}rem; --font-size: ${Number(m.value.size) / 2}rem;` : "--size: 4rem;";
+				case "xs": return "--size: 1.75rem; --font-size: 0.875rem;";
+				case "sm": return "--size: 2.5rem; --font-size: 1.125rem;";
+				case "md": return "--size: 3rem; --font-size: 1.5rem;";
+				case "lg": return "--size: 4.5rem; --font-size: 2.25rem;";
+				case "xl": return "--size: 6rem; --font-size: 3rem;";
+				default: return typeof m.value.size == "number" && !Number.isNaN(Number(m.value.size)) ? `--size: ${m.value.size}rem; --font-size: ${Number(m.value.size) / 2}rem;` : "--size: 3rem; --font-size: 1.5rem;";
 			}
 		}), b = ref(!1), x = ref(!1), S = ref(null);
 		function C() {
@@ -4240,9 +4311,9 @@ var _hoisted_1$27 = {
 		let E = computed(() => m.value.color), O = useContainerCS(i.variant, E);
 		return (i, a) => n.skeleton ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			class: "bg-container rounded-full min-h-[--size] min-w-[--size] inline-block animate-pulse",
+			class: normalizeClass(["bg-container min-h-[--size] min-w-[--size] inline-block animate-pulse", unref(_).class]),
 			style: normalizeStyle([unref(_).style, y.value])
-		}, null, 4)) : (openBlock(), createElementBlock("div", {
+		}, null, 6)) : (openBlock(), createElementBlock("div", {
 			key: 1,
 			class: "min-h-[--size] min-w-[--size] inline-block relative",
 			style: normalizeStyle(y.value)
@@ -4255,7 +4326,7 @@ var _hoisted_1$27 = {
 				unref(_).class,
 				unref(O).class,
 				{ "opacity-0": !b.value }
-			], "rounded-full h-full w-full inset-0 absolute object-cover"],
+			], "h-full w-full inset-0 absolute object-cover"],
 			style: [unref(_).style, unref(O).style],
 			src: n.src
 		}, i.$attrs, {
@@ -4268,857 +4339,11 @@ var _hoisted_1$27 = {
 			"src"
 		])) : createCommentVNode("", !0), !n.src || x.value || !b.value ? (openBlock(), createElementBlock("div", mergeProps({
 			key: 1,
-			class: ["font-size-[--font-size] border-4 rounded-full flex h-full w-full items-center inset-0 justify-center absolute object-cover", [unref(_).class, unref(O).class]],
+			class: ["font-size-[--font-size] border-2 flex h-full w-full items-center inset-0 justify-center absolute object-cover", [unref(_).class, unref(O).class]],
 			style: [unref(_).style, unref(O).style]
-		}, i.$attrs), [i.$slots.default ? renderSlot(i.$slots, "default", { key: 0 }) : v.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(T(v.value)), 1)], 64)) : (openBlock(), createElementBlock("i", _hoisted_1$27))], 16)) : createCommentVNode("", !0)], 4));
+		}, i.$attrs), [i.$slots.default ? renderSlot(i.$slots, "default", { key: 0 }) : v.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(T(v.value)), 1)], 64)) : (openBlock(), createElementBlock("i", _hoisted_1$28))], 16)) : createCommentVNode("", !0)], 4));
 	}
-});
-function tryOnScopeDispose(t, n) {
-	return getCurrentScope() ? (onScopeDispose(t, n), !0) : !1;
-}
-function createEventHook() {
-	let t = /* @__PURE__ */ new Set(), n = (n) => {
-		t.delete(n);
-	};
-	return {
-		on: (i) => {
-			t.add(i);
-			let a = () => n(i);
-			return tryOnScopeDispose(a), { off: a };
-		},
-		off: n,
-		trigger: (...n) => Promise.all(Array.from(t).map((t) => t(...n))),
-		clear: () => {
-			t.clear();
-		}
-	};
-}
-var localProvidedStateMap = /* @__PURE__ */ new WeakMap(), injectLocal = (...t) => {
-	let n = t[0], i = getCurrentInstance()?.proxy ?? getCurrentScope();
-	if (i == null && !hasInjectionContext()) throw Error("injectLocal must be called in setup");
-	return i && localProvidedStateMap.has(i) && n in localProvidedStateMap.get(i) ? localProvidedStateMap.get(i)[n] : inject(...t);
-}, isClient = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var notNullish = (t) => t != null, toString = Object.prototype.toString, isObject = (t) => toString.call(t) === "[object Object]", noop = () => {}, hasOwn = (t, n) => Object.prototype.hasOwnProperty.call(t, n), isIOS = /* @__PURE__ */ getIsIOS();
-function getIsIOS() {
-	var t, n;
-	return isClient && ((t = window) == null || (t = t.navigator) == null ? void 0 : t.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((n = window) == null || (n = n.navigator) == null ? void 0 : n.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
-}
-function toRef$1(...t) {
-	if (t.length !== 1) return toRef(...t);
-	let n = t[0];
-	return typeof n == "function" ? readonly(customRef(() => ({
-		get: n,
-		set: noop
-	}))) : ref(n);
-}
-function createFilterWrapper(t, n) {
-	function i(...i) {
-		return new Promise((a, o) => {
-			Promise.resolve(t(() => n.apply(this, i), {
-				fn: n,
-				thisArg: this,
-				args: i
-			})).then(a).catch(o);
-		});
-	}
-	return i;
-}
-var bypassFilter = (t) => t();
-function debounceFilter(t, n = {}) {
-	let i, a, o = noop, s = (t) => {
-		clearTimeout(t), o(), o = noop;
-	}, l;
-	return (u) => {
-		let d = toValue(t), m = toValue(n.maxWait);
-		return i && s(i), d <= 0 || m !== void 0 && m <= 0 ? (a &&= (s(a), void 0), Promise.resolve(u())) : new Promise((t, g) => {
-			o = n.rejectOnCancel ? g : t, l = u, m && !a && (a = setTimeout(() => {
-				i && s(i), a = void 0, t(l());
-			}, m)), i = setTimeout(() => {
-				a && s(a), a = void 0, t(u());
-			}, d);
-		});
-	};
-}
-function throttleFilter(...t) {
-	let n = 0, i, a = !0, o = noop, s, l, u, d, m;
-	!isRef(t[0]) && typeof t[0] == "object" ? {delay: l, trailing: u = !0, leading: d = !0, rejectOnCancel: m = !1} = t[0] : [l, u = !0, d = !0, m = !1] = t;
-	let g = () => {
-		i && (clearTimeout(i), i = void 0, o(), o = noop);
-	};
-	return (t) => {
-		let _ = toValue(l), v = Date.now() - n, y = () => s = t();
-		return g(), _ <= 0 ? (n = Date.now(), y()) : (v > _ ? (n = Date.now(), (d || !a) && y()) : u && (s = new Promise((t, s) => {
-			o = m ? s : t, i = setTimeout(() => {
-				n = Date.now(), a = !0, t(y()), g();
-			}, Math.max(0, _ - v));
-		})), !d && !i && (i = setTimeout(() => a = !0, _)), a = !1, s);
-	};
-}
-function pausableFilter(t = bypassFilter, n = {}) {
-	let { initialState: i = "active" } = n, a = toRef$1(i === "active");
-	function o() {
-		a.value = !1;
-	}
-	function s() {
-		a.value = !0;
-	}
-	return {
-		isActive: readonly(a),
-		pause: o,
-		resume: s,
-		eventFilter: (...n) => {
-			a.value && t(...n);
-		}
-	};
-}
-function pxValue(t) {
-	return t.endsWith("rem") ? Number.parseFloat(t) * 16 : Number.parseFloat(t);
-}
-function toArray(t) {
-	return Array.isArray(t) ? t : [t];
-}
-function getLifeCycleTarget(t) {
-	return t || getCurrentInstance();
-}
-function useDebounceFn(t, n = 200, i = {}) {
-	return createFilterWrapper(debounceFilter(n, i), t);
-}
-function refDebounced(t, n = 200, i = {}) {
-	let a = ref(toValue(t)), o = useDebounceFn(() => {
-		a.value = t.value;
-	}, n, i);
-	return watch(t, () => o()), shallowReadonly(a);
-}
-var useDebounce = refDebounced;
-function useThrottleFn(t, n = 200, i = !1, a = !0, o = !1) {
-	return createFilterWrapper(throttleFilter(n, i, a, o), t);
-}
-function watchWithFilter(t, n, i = {}) {
-	let { eventFilter: a = bypassFilter, ...o } = i;
-	return watch(t, createFilterWrapper(a, n), o);
-}
-function watchPausable(t, n, i = {}) {
-	let { eventFilter: a, initialState: o = "active", ...s } = i, { eventFilter: l, pause: u, resume: d, isActive: m } = pausableFilter(a, { initialState: o });
-	return {
-		stop: watchWithFilter(t, n, {
-			...s,
-			eventFilter: l
-		}),
-		pause: u,
-		resume: d,
-		isActive: m
-	};
-}
-var pausableWatch = watchPausable;
-function tryOnMounted(t, n = !0, i) {
-	getLifeCycleTarget(i) ? onMounted(t, i) : n ? t() : nextTick(t);
-}
-function useToggle(t = !1, n = {}) {
-	let { truthyValue: i = !0, falsyValue: a = !1 } = n, o = isRef(t), s = shallowRef(t);
-	function l(t) {
-		if (arguments.length) return s.value = t, s.value;
-		{
-			let t = toValue(i);
-			return s.value = s.value === t ? toValue(a) : t, s.value;
-		}
-	}
-	return o ? l : [s, l];
-}
-function watchImmediate(t, n, i) {
-	return watch(t, n, {
-		...i,
-		immediate: !0
-	});
-}
-var defaultWindow = isClient ? window : void 0, defaultDocument = isClient ? window.document : void 0;
-isClient && window.navigator, isClient && window.location;
-function unrefElement(t) {
-	let n = toValue(t);
-	return n?.$el ?? n;
-}
-function useEventListener(...t) {
-	let n = [], i = () => {
-		n.forEach((t) => t()), n.length = 0;
-	}, a = (t, n, i, a) => (t.addEventListener(n, i, a), () => t.removeEventListener(n, i, a)), s = computed(() => {
-		let n = toArray(toValue(t[0])).filter((t) => t != null);
-		return n.every((t) => typeof t != "string") ? n : void 0;
-	}), l = watchImmediate(() => [
-		s.value?.map((t) => unrefElement(t)) ?? [defaultWindow].filter((t) => t != null),
-		toArray(toValue(s.value ? t[1] : t[0])),
-		toArray(unref(s.value ? t[2] : t[1])),
-		toValue(s.value ? t[3] : t[2])
-	], ([t, o, s, l]) => {
-		if (i(), !t?.length || !o?.length || !s?.length) return;
-		let u = isObject(l) ? { ...l } : l;
-		n.push(...t.flatMap((t) => o.flatMap((n) => s.map((i) => a(t, n, i, u)))));
-	}, { flush: "post" });
-	return tryOnScopeDispose(i), () => {
-		l(), i();
-	};
-}
-var _iOSWorkaround = !1;
-function onClickOutside(t, n, i = {}) {
-	let { window: a = defaultWindow, ignore: o = [], capture: s = !0, detectIframe: l = !1, controls: u = !1 } = i;
-	if (!a) return u ? {
-		stop: noop,
-		cancel: noop,
-		trigger: noop
-	} : noop;
-	if (isIOS && !_iOSWorkaround) {
-		_iOSWorkaround = !0;
-		let t = { passive: !0 };
-		Array.from(a.document.body.children).forEach((n) => n.addEventListener("click", noop, t)), a.document.documentElement.addEventListener("click", noop, t);
-	}
-	let d = !0, m = (t) => toValue(o).some((n) => {
-		if (typeof n == "string") return Array.from(a.document.querySelectorAll(n)).some((n) => n === t.target || t.composedPath().includes(n));
-		{
-			let i = unrefElement(n);
-			return i && (t.target === i || t.composedPath().includes(i));
-		}
-	});
-	function g(t) {
-		let n = toValue(t);
-		return n && n.$.subTree.shapeFlag === 16;
-	}
-	function _(t, n) {
-		let i = toValue(t), a = i.$.subTree && i.$.subTree.children;
-		return a == null || !Array.isArray(a) ? !1 : a.some((t) => t.el === n.target || n.composedPath().includes(t.el));
-	}
-	let v = (i) => {
-		let a = unrefElement(t);
-		if (i.target != null && !(!(a instanceof Element) && g(t) && _(t, i)) && !(!a || a === i.target || i.composedPath().includes(a))) {
-			if ("detail" in i && i.detail === 0 && (d = !m(i)), !d) {
-				d = !0;
-				return;
-			}
-			n(i);
-		}
-	}, y = !1, b = [
-		useEventListener(a, "click", (t) => {
-			y || (y = !0, setTimeout(() => {
-				y = !1;
-			}, 0), v(t));
-		}, {
-			passive: !0,
-			capture: s
-		}),
-		useEventListener(a, "pointerdown", (n) => {
-			let i = unrefElement(t);
-			d = !m(n) && !!(i && !n.composedPath().includes(i));
-		}, { passive: !0 }),
-		l && useEventListener(a, "blur", (i) => {
-			setTimeout(() => {
-				let o = unrefElement(t);
-				a.document.activeElement?.tagName === "IFRAME" && !o?.contains(a.document.activeElement) && n(i);
-			}, 0);
-		}, { passive: !0 })
-	].filter(Boolean), x = () => b.forEach((t) => t());
-	return u ? {
-		stop: x,
-		cancel: () => {
-			d = !1;
-		},
-		trigger: (t) => {
-			d = !0, v(t), d = !1;
-		}
-	} : x;
-}
-function useMounted() {
-	let t = shallowRef(!1), n = getCurrentInstance();
-	return n && onMounted(() => {
-		t.value = !0;
-	}, n), t;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function useSupported(t) {
-	let n = useMounted();
-	return computed(() => (n.value, !!t()));
-}
-function useMutationObserver(t, n, i = {}) {
-	let { window: a = defaultWindow, ...s } = i, l, u = /* @__PURE__ */ useSupported(() => a && "MutationObserver" in a), d = () => {
-		l &&= (l.disconnect(), void 0);
-	}, m = watch(computed(() => {
-		let n = toArray(toValue(t)).map(unrefElement).filter(notNullish);
-		return new Set(n);
-	}), (t) => {
-		d(), u.value && t.size && (l = new MutationObserver(n), t.forEach((t) => l.observe(t, s)));
-	}, {
-		immediate: !0,
-		flush: "post"
-	}), g = () => l?.takeRecords(), _ = () => {
-		m(), d();
-	};
-	return tryOnScopeDispose(_), {
-		isSupported: u,
-		stop: _,
-		takeRecords: g
-	};
-}
-function onElementRemoval(t, n, i = {}) {
-	let { window: a = defaultWindow, document: o = a?.document, flush: s = "sync" } = i;
-	if (!a || !o) return noop;
-	let l, u = (t) => {
-		l?.(), l = t;
-	}, d = watchEffect(() => {
-		let i = unrefElement(t);
-		if (i) {
-			let { stop: t } = useMutationObserver(o, (t) => {
-				t.map((t) => [...t.removedNodes]).flat().some((t) => t === i || t.contains(i)) && n(t);
-			}, {
-				window: a,
-				childList: !0,
-				subtree: !0
-			});
-			u(t);
-		}
-	}, { flush: s }), m = () => {
-		d(), u();
-	};
-	return tryOnScopeDispose(m), m;
-}
-function createKeyPredicate(t) {
-	return typeof t == "function" ? t : typeof t == "string" ? (n) => n.key === t : Array.isArray(t) ? (n) => t.includes(n.key) : () => !0;
-}
-function onKeyStroke(...t) {
-	let n, i, a = {};
-	t.length === 3 ? (n = t[0], i = t[1], a = t[2]) : t.length === 2 ? typeof t[1] == "object" ? (n = !0, i = t[0], a = t[1]) : (n = t[0], i = t[1]) : (n = !0, i = t[0]);
-	let { target: o = defaultWindow, eventName: s = "keydown", passive: l = !1, dedupe: u = !1 } = a, d = createKeyPredicate(n);
-	return useEventListener(o, s, (t) => {
-		t.repeat && toValue(u) || d(t) && i(t);
-	}, l);
-}
-function useRafFn(t, n = {}) {
-	let { immediate: i = !0, fpsLimit: a = void 0, window: s = defaultWindow, once: l = !1 } = n, u = shallowRef(!1), d = computed(() => a ? 1e3 / toValue(a) : null), m = 0, g = null;
-	function _(n) {
-		if (!u.value || !s) return;
-		m ||= n;
-		let i = n - m;
-		if (d.value && i < d.value) {
-			g = s.requestAnimationFrame(_);
-			return;
-		}
-		if (m = n, t({
-			delta: i,
-			timestamp: n
-		}), l) {
-			u.value = !1, g = null;
-			return;
-		}
-		g = s.requestAnimationFrame(_);
-	}
-	function v() {
-		!u.value && s && (u.value = !0, m = 0, g = s.requestAnimationFrame(_));
-	}
-	function y() {
-		u.value = !1, g != null && s && (s.cancelAnimationFrame(g), g = null);
-	}
-	return i && v(), tryOnScopeDispose(y), {
-		isActive: readonly(u),
-		pause: y,
-		resume: v
-	};
-}
-var ssrWidthSymbol = Symbol("vueuse-ssr-width");
-/* @__NO_SIDE_EFFECTS__ */
-function useSSRWidth() {
-	let t = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
-	return typeof t == "number" ? t : void 0;
-}
-function useMediaQuery(t, n = {}) {
-	let { window: i = defaultWindow, ssrWidth: a = /* @__PURE__ */ useSSRWidth() } = n, s = /* @__PURE__ */ useSupported(() => i && "matchMedia" in i && typeof i.matchMedia == "function"), l = shallowRef(typeof a == "number"), u = shallowRef(), d = shallowRef(!1);
-	return watchEffect(() => {
-		if (l.value) {
-			l.value = !s.value, d.value = toValue(t).split(",").some((t) => {
-				let n = t.includes("not all"), i = t.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), o = t.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), s = !!(i || o);
-				return i && s && (s = a >= pxValue(i[1])), o && s && (s = a <= pxValue(o[1])), n ? !s : s;
-			});
-			return;
-		}
-		s.value && (u.value = i.matchMedia(toValue(t)), d.value = u.value.matches);
-	}), useEventListener(u, "change", (t) => {
-		d.value = t.matches;
-	}, { passive: !0 }), computed(() => d.value);
-}
-var _global = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, globalKey = "__vueuse_ssr_handlers__", handlers = /* @__PURE__ */ getHandlers();
-function getHandlers() {
-	return globalKey in _global || (_global[globalKey] = _global[globalKey] || {}), _global[globalKey];
-}
-function getSSRHandler(t, n) {
-	return handlers[t] || n;
-}
-function guessSerializerType(t) {
-	return t == null ? "any" : t instanceof Set ? "set" : t instanceof Map ? "map" : t instanceof Date ? "date" : typeof t == "boolean" ? "boolean" : typeof t == "string" ? "string" : typeof t == "object" ? "object" : Number.isNaN(t) ? "any" : "number";
-}
-var StorageSerializers = {
-	boolean: {
-		read: (t) => t === "true",
-		write: (t) => String(t)
-	},
-	object: {
-		read: (t) => JSON.parse(t),
-		write: (t) => JSON.stringify(t)
-	},
-	number: {
-		read: (t) => Number.parseFloat(t),
-		write: (t) => String(t)
-	},
-	any: {
-		read: (t) => t,
-		write: (t) => String(t)
-	},
-	string: {
-		read: (t) => t,
-		write: (t) => String(t)
-	},
-	map: {
-		read: (t) => new Map(JSON.parse(t)),
-		write: (t) => JSON.stringify(Array.from(t.entries()))
-	},
-	set: {
-		read: (t) => new Set(JSON.parse(t)),
-		write: (t) => JSON.stringify(Array.from(t))
-	},
-	date: {
-		read: (t) => new Date(t),
-		write: (t) => t.toISOString()
-	}
-}, customStorageEventName = "vueuse-storage";
-function useStorage(t, n, i, a = {}) {
-	let { flush: s = "pre", deep: l = !0, listenToStorageChanges: u = !0, writeDefaults: d = !0, mergeDefaults: m = !1, shallow: g, window: _ = defaultWindow, eventFilter: v, onError: y = (t) => {
-		console.error(t);
-	}, initOnMounted: b } = a, x = (g ? shallowRef : ref)(typeof n == "function" ? n() : n), S = computed(() => toValue(t));
-	if (!i) try {
-		i = getSSRHandler("getDefaultStorage", () => defaultWindow?.localStorage)();
-	} catch (t) {
-		y(t);
-	}
-	if (!i) return x;
-	let C = toValue(n), w = guessSerializerType(C), T = a.serializer ?? StorageSerializers[w], { pause: E, resume: D } = pausableWatch(x, (t) => N(t), {
-		flush: s,
-		deep: l,
-		eventFilter: v
-	});
-	watch(S, () => F(), { flush: s });
-	let A = !1;
-	_ && u && (i instanceof Storage ? useEventListener(_, "storage", (t) => {
-		b && !A || F(t);
-	}, { passive: !0 }) : useEventListener(_, customStorageEventName, (t) => {
-		b && !A || L(t);
-	})), b ? tryOnMounted(() => {
-		A = !0, F();
-	}) : F();
-	function j(t, n) {
-		if (_) {
-			let a = {
-				key: S.value,
-				oldValue: t,
-				newValue: n,
-				storageArea: i
-			};
-			_.dispatchEvent(i instanceof Storage ? new StorageEvent("storage", a) : new CustomEvent(customStorageEventName, { detail: a }));
-		}
-	}
-	function N(t) {
-		try {
-			let n = i.getItem(S.value);
-			if (t == null) j(n, null), i.removeItem(S.value);
-			else {
-				let a = T.write(t);
-				n !== a && (i.setItem(S.value, a), j(n, a));
-			}
-		} catch (t) {
-			y(t);
-		}
-	}
-	function P(t) {
-		let n = t ? t.newValue : i.getItem(S.value);
-		if (n == null) return d && C != null && i.setItem(S.value, T.write(C)), C;
-		if (!t && m) {
-			let t = T.read(n);
-			return typeof m == "function" ? m(t, C) : w === "object" && !Array.isArray(t) ? {
-				...C,
-				...t
-			} : t;
-		} else if (typeof n != "string") return n;
-		else return T.read(n);
-	}
-	function F(t) {
-		if (!(t && t.storageArea !== i)) {
-			if (t && t.key == null) {
-				x.value = C;
-				return;
-			}
-			if (!(t && t.key !== S.value)) {
-				E();
-				try {
-					let n = T.write(x.value);
-					(t === void 0 || t?.newValue !== n) && (x.value = P(t));
-				} catch (t) {
-					y(t);
-				} finally {
-					t ? nextTick(D) : D();
-				}
-			}
-		}
-	}
-	function L(t) {
-		F(t.detail);
-	}
-	return x;
-}
-function useDropZone(t, n = {}) {
-	let i = shallowRef(!1), a = shallowRef(null), o = 0, s = !0;
-	if (isClient) {
-		let l = typeof n == "function" ? { onDrop: n } : n, u = l.multiple ?? !0, d = l.preventDefaultForUnhandled ?? !1, m = (t) => {
-			let n = Array.from(t.dataTransfer?.files ?? []);
-			return n.length === 0 ? null : u ? n : [n[0]];
-		}, g = (t) => {
-			let n = unref(l.dataTypes);
-			return typeof n == "function" ? n(t) : n?.length ? t.length === 0 ? !1 : t.every((t) => n.some((n) => t.includes(n))) : !0;
-		}, _ = (t) => {
-			let n = g(Array.from(t ?? []).map((t) => t.type)), i = u || t.length <= 1;
-			return n && i;
-		}, v = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), y = (t, n) => {
-			let u = t.dataTransfer?.items;
-			if (s = (u && _(u)) ?? !1, d && t.preventDefault(), !v() && !s) {
-				t.dataTransfer && (t.dataTransfer.dropEffect = "none");
-				return;
-			}
-			t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "copy");
-			let g = m(t);
-			switch (n) {
-				case "enter":
-					var y;
-					o += 1, i.value = !0, (y = l.onEnter) == null || y.call(l, null, t);
-					break;
-				case "over":
-					var b;
-					(b = l.onOver) == null || b.call(l, null, t);
-					break;
-				case "leave":
-					var x;
-					--o, o === 0 && (i.value = !1), (x = l.onLeave) == null || x.call(l, null, t);
-					break;
-				case "drop":
-					if (o = 0, i.value = !1, s) {
-						var S;
-						a.value = g, (S = l.onDrop) == null || S.call(l, g, t);
-					}
-					break;
-			}
-		};
-		useEventListener(t, "dragenter", (t) => y(t, "enter")), useEventListener(t, "dragover", (t) => y(t, "over")), useEventListener(t, "dragleave", (t) => y(t, "leave")), useEventListener(t, "drop", (t) => y(t, "drop"));
-	}
-	return {
-		files: a,
-		isOverDropZone: i
-	};
-}
-function useResizeObserver(t, n, i = {}) {
-	let { window: a = defaultWindow, ...s } = i, l, u = /* @__PURE__ */ useSupported(() => a && "ResizeObserver" in a), d = () => {
-		l &&= (l.disconnect(), void 0);
-	}, m = watch(computed(() => {
-		let n = toValue(t);
-		return Array.isArray(n) ? n.map((t) => unrefElement(t)) : [unrefElement(n)];
-	}), (t) => {
-		if (d(), u.value && a) {
-			l = new ResizeObserver(n);
-			for (let n of t) n && l.observe(n, s);
-		}
-	}, {
-		immediate: !0,
-		flush: "post"
-	}), g = () => {
-		d(), m();
-	};
-	return tryOnScopeDispose(g), {
-		isSupported: u,
-		stop: g
-	};
-}
-function useElementBounding(t, n = {}) {
-	let { reset: i = !0, windowResize: a = !0, windowScroll: o = !0, immediate: s = !0, updateTiming: l = "sync" } = n, u = shallowRef(0), d = shallowRef(0), m = shallowRef(0), g = shallowRef(0), _ = shallowRef(0), v = shallowRef(0), y = shallowRef(0), b = shallowRef(0);
-	function x() {
-		let n = unrefElement(t);
-		if (!n) {
-			i && (u.value = 0, d.value = 0, m.value = 0, g.value = 0, _.value = 0, v.value = 0, y.value = 0, b.value = 0);
-			return;
-		}
-		let a = n.getBoundingClientRect();
-		u.value = a.height, d.value = a.bottom, m.value = a.left, g.value = a.right, _.value = a.top, v.value = a.width, y.value = a.x, b.value = a.y;
-	}
-	function S() {
-		l === "sync" ? x() : l === "next-frame" && requestAnimationFrame(() => x());
-	}
-	return useResizeObserver(t, S), watch(() => unrefElement(t), (t) => !t && S()), useMutationObserver(t, S, { attributeFilter: ["style", "class"] }), o && useEventListener("scroll", S, {
-		capture: !0,
-		passive: !0
-	}), a && useEventListener("resize", S, { passive: !0 }), tryOnMounted(() => {
-		s && S();
-	}), {
-		height: u,
-		bottom: d,
-		left: m,
-		right: g,
-		top: _,
-		width: v,
-		x: y,
-		y: b,
-		update: S
-	};
-}
-function useElementHover(t, n = {}) {
-	let { delayEnter: i = 0, delayLeave: a = 0, triggerOnRemoval: s = !1, window: l = defaultWindow } = n, u = shallowRef(!1), d, m = (t) => {
-		let n = t ? i : a;
-		d &&= (clearTimeout(d), void 0), n ? d = setTimeout(() => u.value = t, n) : u.value = t;
-	};
-	return l ? (useEventListener(t, "mouseenter", () => m(!0), { passive: !0 }), useEventListener(t, "mouseleave", () => m(!1), { passive: !0 }), s && onElementRemoval(computed(() => unrefElement(t)), () => m(!1)), u) : u;
-}
-var DEFAULT_OPTIONS = {
-	multiple: !0,
-	accept: "*",
-	reset: !1,
-	directory: !1
-};
-function prepareInitialFiles(t) {
-	if (!t) return null;
-	if (t instanceof FileList) return t;
-	let n = new DataTransfer();
-	for (let i of t) n.items.add(i);
-	return n.files;
-}
-function useFileDialog(t = {}) {
-	let { document: n = defaultDocument } = t, i = ref(prepareInitialFiles(t.initialFiles)), { on: a, trigger: s } = createEventHook(), { on: l, trigger: u } = createEventHook(), d = computed(() => {
-		let a = unrefElement(t.input) ?? (n ? n.createElement("input") : void 0);
-		return a && (a.type = "file", a.onchange = (t) => {
-			i.value = t.target.files, s(i.value);
-		}, a.oncancel = () => {
-			u();
-		}), a;
-	}), m = () => {
-		i.value = null, d.value && d.value.value && (d.value.value = "", s(null));
-	}, g = (t) => {
-		let n = d.value;
-		n && (n.multiple = toValue(t.multiple), n.accept = toValue(t.accept), n.webkitdirectory = toValue(t.directory), hasOwn(t, "capture") && (n.capture = toValue(t.capture)));
-	};
-	return watchEffect(() => {
-		g(t);
-	}), {
-		files: readonly(i),
-		open: (n) => {
-			let i = d.value;
-			if (!i) return;
-			let a = {
-				...DEFAULT_OPTIONS,
-				...t,
-				...n
-			};
-			g(a), toValue(a.reset) && m(), i.click();
-		},
-		reset: m,
-		onCancel: l,
-		onChange: a
-	};
-}
-var ARRIVED_STATE_THRESHOLD_PIXELS = 1;
-function useScroll(t, n = {}) {
-	let { throttle: i = 0, idle: a = 200, onStop: s = noop, onScroll: l = noop, offset: u = {
-		left: 0,
-		right: 0,
-		top: 0,
-		bottom: 0
-	}, observe: d = { mutation: !1 }, eventListenerOptions: m = {
-		capture: !1,
-		passive: !0
-	}, behavior: g = "auto", window: _ = defaultWindow, onError: v = (t) => {
-		console.error(t);
-	} } = n, y = typeof d == "boolean" ? { mutation: d } : d, b = shallowRef(0), x = shallowRef(0), S = computed({
-		get() {
-			return b.value;
-		},
-		set(t) {
-			w(t, void 0);
-		}
-	}), C = computed({
-		get() {
-			return x.value;
-		},
-		set(t) {
-			w(void 0, t);
-		}
-	});
-	function w(n, i) {
-		var a, o;
-		if (!_) return;
-		let s = toValue(t);
-		if (!s) return;
-		(a = s instanceof Document ? _.document.body : s) == null || a.scrollTo({
-			top: toValue(i) ?? C.value,
-			left: toValue(n) ?? S.value,
-			behavior: toValue(g)
-		});
-		let l = (s == null || (o = s.document) == null ? void 0 : o.documentElement) || s?.documentElement || s;
-		S != null && (b.value = l.scrollLeft), C != null && (x.value = l.scrollTop);
-	}
-	let T = shallowRef(!1), E = reactive({
-		left: !0,
-		right: !1,
-		top: !0,
-		bottom: !1
-	}), D = reactive({
-		left: !1,
-		right: !1,
-		top: !1,
-		bottom: !1
-	}), O = (t) => {
-		T.value && (T.value = !1, D.left = !1, D.right = !1, D.top = !1, D.bottom = !1, s(t));
-	}, A = useDebounceFn(O, i + a), j = (t) => {
-		var n;
-		if (!_) return;
-		let i = (t == null || (n = t.document) == null ? void 0 : n.documentElement) || t?.documentElement || unrefElement(t), { display: a, flexDirection: o, direction: s } = getComputedStyle(i), l = s === "rtl" ? -1 : 1, d = i.scrollLeft;
-		D.left = d < b.value, D.right = d > b.value;
-		let m = Math.abs(d * l) <= (u.left || 0), g = Math.abs(d * l) + i.clientWidth >= i.scrollWidth - (u.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
-		a === "flex" && o === "row-reverse" ? (E.left = g, E.right = m) : (E.left = m, E.right = g), b.value = d;
-		let v = i.scrollTop;
-		t === _.document && !v && (v = _.document.body.scrollTop), D.top = v < x.value, D.bottom = v > x.value;
-		let y = Math.abs(v) <= (u.top || 0), S = Math.abs(v) + i.clientHeight >= i.scrollHeight - (u.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
-		a === "flex" && o === "column-reverse" ? (E.top = S, E.bottom = y) : (E.top = y, E.bottom = S), x.value = v;
-	}, N = (t) => {
-		_ && (j(t.target.documentElement ?? t.target), T.value = !0, A(t), l(t));
-	};
-	return useEventListener(t, "scroll", i ? useThrottleFn(N, i, !0, !1) : N, m), tryOnMounted(() => {
-		try {
-			let n = toValue(t);
-			if (!n) return;
-			j(n);
-		} catch (t) {
-			v(t);
-		}
-	}), y?.mutation && t != null && t !== _ && t !== document && useMutationObserver(t, () => {
-		let n = toValue(t);
-		n && j(n);
-	}, {
-		attributes: !0,
-		childList: !0,
-		subtree: !0
-	}), useEventListener(t, "scrollend", O, m), {
-		x: S,
-		y: C,
-		isScrolling: T,
-		arrivedState: E,
-		directions: D,
-		measure() {
-			let n = toValue(t);
-			_ && n && j(n);
-		}
-	};
-}
-function useLocalStorage(t, n, i = {}) {
-	let { window: a = defaultWindow } = i;
-	return useStorage(t, n, a?.localStorage, i);
-}
-var DefaultMagicKeysAliasMap = {
-	ctrl: "control",
-	command: "meta",
-	cmd: "meta",
-	option: "alt",
-	up: "arrowup",
-	down: "arrowdown",
-	left: "arrowleft",
-	right: "arrowright"
-};
-function useMagicKeys(t = {}) {
-	let { reactive: n = !1, target: i = defaultWindow, aliasMap: a = DefaultMagicKeysAliasMap, passive: s = !0, onEventFired: l = noop } = t, u = reactive(/* @__PURE__ */ new Set()), d = {
-		toJSON() {
-			return {};
-		},
-		current: u
-	}, m = n ? reactive(d) : d, g = /* @__PURE__ */ new Set(), _ = new Map([
-		["Meta", g],
-		["Shift", /* @__PURE__ */ new Set()],
-		["Alt", /* @__PURE__ */ new Set()]
-	]), v = /* @__PURE__ */ new Set();
-	function y(t, i) {
-		t in m && (n ? m[t] = i : m[t].value = i);
-	}
-	function b() {
-		u.clear();
-		for (let t of v) y(t, !1);
-	}
-	function x(t, n, i) {
-		if (!(!t || typeof n.getModifierState != "function")) {
-			for (let [t, a] of _) if (n.getModifierState(t)) {
-				i.forEach((t) => a.add(t));
-				break;
-			}
-		}
-	}
-	function S(t, n) {
-		if (t) return;
-		let i = `${n[0].toUpperCase()}${n.slice(1)}`, a = _.get(i);
-		if (!["shift", "alt"].includes(n) || !a) return;
-		let o = Array.from(a), s = o.indexOf(n);
-		o.forEach((t, n) => {
-			n >= s && (u.delete(t), y(t, !1));
-		}), a.clear();
-	}
-	function C(t, n) {
-		let i = t.key?.toLowerCase(), a = [t.code?.toLowerCase(), i].filter(Boolean);
-		i && (n ? u.add(i) : u.delete(i));
-		for (let t of a) v.add(t), y(t, n);
-		x(n, t, [...u, ...a]), S(n, i), i === "meta" && !n && (g.forEach((t) => {
-			u.delete(t), y(t, !1);
-		}), g.clear());
-	}
-	useEventListener(i, "keydown", (t) => (C(t, !0), l(t)), { passive: s }), useEventListener(i, "keyup", (t) => (C(t, !1), l(t)), { passive: s }), useEventListener("blur", b, { passive: s }), useEventListener("focus", b, { passive: s });
-	let w = new Proxy(m, { get(t, i, s) {
-		if (typeof i != "string") return Reflect.get(t, i, s);
-		if (i = i.toLowerCase(), i in a && (i = a[i]), !(i in m)) if (/[+_-]/.test(i)) {
-			let t = i.split(/[+_-]/g).map((t) => t.trim());
-			m[i] = computed(() => t.map((t) => toValue(w[t])).every(Boolean));
-		} else m[i] = shallowRef(!1);
-		let l = Reflect.get(t, i, s);
-		return n ? toValue(l) : l;
-	} });
-	return w;
-}
-var UseMouseBuiltinExtractors = {
-	page: (t) => [t.pageX, t.pageY],
-	client: (t) => [t.clientX, t.clientY],
-	screen: (t) => [t.screenX, t.screenY],
-	movement: (t) => t instanceof MouseEvent ? [t.movementX, t.movementY] : null
-};
-function useMouse(t = {}) {
-	let { type: n = "page", touch: i = !0, resetOnTouchEnds: a = !1, initialValue: o = {
-		x: 0,
-		y: 0
-	}, window: s = defaultWindow, target: l = s, scroll: u = !0, eventFilter: d } = t, m = null, g = 0, _ = 0, v = shallowRef(o.x), y = shallowRef(o.y), b = shallowRef(null), x = typeof n == "function" ? n : UseMouseBuiltinExtractors[n], S = (t) => {
-		let n = x(t);
-		m = t, n && ([v.value, y.value] = n, b.value = "mouse"), s && (g = s.scrollX, _ = s.scrollY);
-	}, C = (t) => {
-		if (t.touches.length > 0) {
-			let n = x(t.touches[0]);
-			n && ([v.value, y.value] = n, b.value = "touch");
-		}
-	}, w = () => {
-		if (!m || !s) return;
-		let t = x(m);
-		m instanceof MouseEvent && t && (v.value = t[0] + s.scrollX - g, y.value = t[1] + s.scrollY - _);
-	}, T = () => {
-		v.value = o.x, y.value = o.y;
-	}, E = d ? (t) => d(() => S(t), {}) : (t) => S(t), D = d ? (t) => d(() => C(t), {}) : (t) => C(t), O = d ? () => d(() => w(), {}) : () => w();
-	if (l) {
-		let t = { passive: !0 };
-		useEventListener(l, ["mousemove", "dragover"], E, t), i && n !== "movement" && (useEventListener(l, ["touchstart", "touchmove"], D, t), a && useEventListener(l, "touchend", T, t)), u && n === "page" && useEventListener(s, "scroll", O, t);
-	}
-	return {
-		x: v,
-		y,
-		sourceType: b
-	};
-}
-var Btn_default = /* @__PURE__ */ defineComponent({
+}), Btn_default = /* @__PURE__ */ defineComponent({
 	__name: "Btn",
 	props: {
 		type: { default: "button" },
@@ -5152,15 +4377,15 @@ var Btn_default = /* @__PURE__ */ defineComponent({
 			switch (d.value.size) {
 				case "sm": return {
 					normalContent: "min-w-16 h-6 px-2 py-1 text-xs gap-1",
-					iconContent: "h-6 w-6 p-1"
+					iconContent: "h-6 w-6 p-1 text-base"
 				};
 				case "lg": return {
 					normalContent: "min-w-24 h-10 px-4 py-2 text-base gap-2",
-					iconContent: "h-10 w-10 p-2.5"
+					iconContent: "h-10 w-10 p-2.5 text-2xl"
 				};
 				default: return {
 					normalContent: "min-w-20 h-8 px-3 py-1 text-sm gap-1.5",
-					iconContent: "h-8 w-8 p-2"
+					iconContent: "h-8 w-8 p-2 text-xl"
 				};
 			}
 		}), _ = ref(null), v = useElementHover(_), y = computed(() => n.hoverVariant && v.value ? n.hoverVariant : d.value.variant ?? "default"), b = computed(() => d.value.color ?? i.value.defaultColor), x = useButtonCS(y, b), S = useOutlineCS(computed(() => n.outlineColor ?? b.value));
@@ -5266,7 +4491,7 @@ var Btn_default = /* @__PURE__ */ defineComponent({
 			"onClick"
 		]))), 128))], 2));
 	}
-}), _hoisted_1$26 = { class: "flex gap-1 items-center" }, _hoisted_2$16 = { class: "flex gap-1 items-center" }, _hoisted_3$13 = { class: "bg-container border-container border-x border-b border-t grid grid-cols-7 divide-x" }, _hoisted_4$9 = { class: "border-container border-x grid grid-cols-7 divide-x" }, _hoisted_5$6 = ["onClick", "onMouseenter"], _hoisted_6$4 = {
+}), _hoisted_1$27 = { class: "flex gap-1 items-center" }, _hoisted_2$16 = { class: "flex gap-1 items-center" }, _hoisted_3$13 = { class: "bg-container border-container border-x border-b border-t grid grid-cols-7 divide-x" }, _hoisted_4$9 = { class: "border-container border-x grid grid-cols-7 divide-x" }, _hoisted_5$6 = ["onClick", "onMouseenter"], _hoisted_6$4 = {
 	key: 0,
 	class: "bg-primary opacity-20 inset-0 absolute z-0"
 }, _hoisted_7$1 = {
@@ -5463,7 +4688,7 @@ var Btn_default = /* @__PURE__ */ defineComponent({
 			style: normalizeStyle([unref(b).style])
 		}, [
 			createElementVNode("div", { class: normalizeClass(["bg-container border-container flex items-center justify-between", [x.value.header]]) }, [
-				createElementVNode("div", _hoisted_1$26, [createVNode(unref(Btn_default), {
+				createElementVNode("div", _hoisted_1$27, [createVNode(unref(Btn_default), {
 					size: "sm",
 					variant: "transparent",
 					icon: "",
@@ -5608,7 +4833,7 @@ function useSchemeString() {
 		attributeFilter: ["data-scheme"]
 	}), t;
 }
-var _hoisted_1$25 = ["for"], _hoisted_2$15 = { key: 1 }, _hoisted_3$12 = [
+var _hoisted_1$26 = ["for"], _hoisted_2$15 = { key: 1 }, _hoisted_3$12 = [
 	"id",
 	"value",
 	"disabled",
@@ -5680,7 +4905,7 @@ var _hoisted_1$25 = ["for"], _hoisted_2$15 = { key: 1 }, _hoisted_3$12 = [
 			key: 0,
 			for: unref(C),
 			class: normalizeClass(["mb-1 block", [m.value]])
-		}, [n.$slots.label ? renderSlot(n.$slots, "label", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_2$15, toDisplayString(t.label), 1))], 10, _hoisted_1$25)) : createCommentVNode("", !0), createVNode(unref(Popover_default), {
+		}, [n.$slots.label ? renderSlot(n.$slots, "label", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_2$15, toDisplayString(t.label), 1))], 10, _hoisted_1$26)) : createCommentVNode("", !0), createVNode(unref(Popover_default), {
 			modelValue: S.value,
 			"onUpdate:modelValue": i[0] ||= (t) => S.value = t,
 			position: "bottom-start",
@@ -5735,9 +4960,9 @@ var _hoisted_1$25 = ["for"], _hoisted_2$15 = { key: 1 }, _hoisted_3$12 = [
 	let i = t.__vccOpts || t;
 	for (let [t, a] of n) i[t] = a;
 	return i;
-}, _sfc_main = {}, _hoisted_1$24 = { class: "container flex flex-col gap-4" };
+}, _sfc_main = {}, _hoisted_1$25 = { class: "container flex flex-col gap-4" };
 function _sfc_render(t, n) {
-	return openBlock(), createElementBlock("div", _hoisted_1$24, [renderSlot(t.$slots, "default")]);
+	return openBlock(), createElementBlock("div", _hoisted_1$25, [renderSlot(t.$slots, "default")]);
 }
 var ChatContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]), ChatMessage_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatMessage",
@@ -5769,7 +4994,7 @@ var ChatContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_
 			style: normalizeStyle([unref(i).style])
 		}, [renderSlot(n.$slots, "default")], 6)], 2));
 	}
-}), _hoisted_1$23 = { class: "text-center flex gap-2 w-full self-center" }, ChatSystem_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$24 = { class: "text-center flex gap-2 w-full self-center" }, ChatSystem_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatSystem",
 	props: {
 		position: {},
@@ -5782,12 +5007,12 @@ var ChatContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_
 	},
 	setup(t) {
 		let n = t, i = useContainerCS(computed(() => n.variant), computed(() => n.color));
-		return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$23, [createElementVNode("div", {
+		return (t, n) => (openBlock(), createElementBlock("div", _hoisted_1$24, [createElementVNode("div", {
 			class: normalizeClass(["px-3 py-2 rounded-xl w-full", [unref(i).class]]),
 			style: normalizeStyle(unref(i).style)
 		}, [renderSlot(t.$slots, "default")], 6)]));
 	}
-}), _hoisted_1$22 = ["aria-checked"], _hoisted_2$14 = ["id", "disabled"], _hoisted_3$11 = ["for"], _hoisted_4$8 = ["for"], Checkbox_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$23 = ["aria-checked"], _hoisted_2$14 = ["id", "disabled"], _hoisted_3$11 = ["for"], _hoisted_4$8 = ["for"], Checkbox_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Checkbox",
 	props: /* @__PURE__ */ mergeModels({
@@ -5933,7 +5158,7 @@ var ChatContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_
 				for: unref(w),
 				class: "cursor-pointer select-none"
 			}, toDisplayString(t.label), 9, _hoisted_4$8)) : createCommentVNode("", !0)
-		], 14, _hoisted_1$22));
+		], 14, _hoisted_1$23));
 	}
 }), Chip_default = /* @__PURE__ */ defineComponent({
 	__name: "Chip",
@@ -5967,7 +5192,7 @@ var ChatContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_
 			t.$slots.rightSection ? renderSlot(t.$slots, "rightSection", { key: 1 }) : createCommentVNode("", !0)
 		], 6));
 	}
-}), _hoisted_1$21 = ["for"], _hoisted_2$13 = { key: 1 }, _hoisted_3$10 = {
+}), _hoisted_1$22 = ["for"], _hoisted_2$13 = { key: 1 }, _hoisted_3$10 = {
 	key: 0,
 	class: "flex items-center justify-center"
 }, _hoisted_4$7 = ["value", "disabled"], _hoisted_5$5 = [
@@ -6059,7 +5284,7 @@ var ChatContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_
 			key: 0,
 			for: unref(C),
 			class: normalizeClass(["mb-1 block", [_.value]])
-		}, [n.$slots.label ? renderSlot(n.$slots, "label", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_2$13, toDisplayString(t.label), 1))], 10, _hoisted_1$21)) : createCommentVNode("", !0), createElementVNode("div", {
+		}, [n.$slots.label ? renderSlot(n.$slots, "label", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_2$13, toDisplayString(t.label), 1))], 10, _hoisted_1$22)) : createCommentVNode("", !0), createElementVNode("div", {
 			class: normalizeClass(["custom-input-colors outline-none border inline-flex items-center relative", [
 				y.value,
 				unref(b).class,
@@ -6112,7 +5337,7 @@ var ChatContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_
 	setup(t) {
 		return (n, i) => (openBlock(), createBlock(resolveDynamicComponent(t.is), mergeProps({ class: ["border rounded-full h-6 w-6", [{ border: t.withBorder }]] }, unref(borderCS), { style: { backgroundColor: t.color } }), null, 16, ["class", "style"]));
 	}
-}), _hoisted_1$20 = { class: "p-4 flex justify-end md:px-6 md:py-4 md:pb-0" }, _hoisted_2$12 = { class: "px-4 flex flex-col h-full items-center justify-center md:px-6" }, Drawer_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$21 = { class: "p-4 flex justify-end md:px-6 md:py-4 md:pb-0" }, _hoisted_2$12 = { class: "px-4 flex flex-col h-full items-center justify-center md:px-6" }, Drawer_default = /* @__PURE__ */ defineComponent({
 	__name: "Drawer",
 	props: /* @__PURE__ */ mergeModels({
 		persistent: {
@@ -6148,7 +5373,7 @@ var ChatContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_
 				default: withCtx(() => [a.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(["bg-surface-low h-full w-full fixed md:w-md", t.position === "left" ? "left-0" : "right-0"])
-				}, [createElementVNode("div", _hoisted_1$20, [createVNode(unref(Btn_default), {
+				}, [createElementVNode("div", _hoisted_1$21, [createVNode(unref(Btn_default), {
 					icon: "",
 					variant: "transparent",
 					class: "text-surface-on hover:text-surface-on",
@@ -6290,6 +5515,75 @@ var FullscreenOverlay_default = /* @__PURE__ */ defineComponent({
 			onMouseup: b
 		}, [renderSlot(a.$slots, "default")], 34)) : createCommentVNode("", !0)], 8, ["to"]));
 	}
+}), _hoisted_1$20 = ["data-size"], Icon_default = /* @__PURE__ */ defineComponent({
+	__name: "Icon",
+	props: {
+		icon: { default: void 0 },
+		size: { default: void 0 },
+		variant: { default: void 0 },
+		color: { default: void 0 },
+		rounded: { default: void 0 },
+		outlineColor: { default: void 0 },
+		skeleton: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let n = t;
+		useSlots();
+		let i = useTheme(), a = useComponentDefaults("Icon"), l = computed(() => ({
+			...n,
+			size: n.size ?? a?.size ?? i.value.defaultSize,
+			color: n.color ?? a?.color ?? i.value.defaultColor,
+			variant: n.variant ?? a?.variant,
+			rounded: n.rounded ?? a?.rounded ?? i.value.rounded,
+			outlineColor: n.outlineColor ?? a?.outlineColor
+		})), d = useRounded(l.value), m = computed(() => l.value.variant ?? "default"), g = computed(() => l.value.color), _ = computed(() => l.value.outlineColor ?? g.value), v = useButtonCS(m, g), y = useOutlineCS(_), b = computed(() => {
+			let t = v.value.style, n = {};
+			for (let [i, a] of [
+				["--d-bg-h", "--d-bg"],
+				["--l-bg-h", "--l-bg"],
+				["--d-text-h", "--d-text"],
+				["--l-text-h", "--l-text"],
+				["--d-border-h", "--d-border"],
+				["--l-border-h", "--l-border"]
+			]) {
+				let o = t[a], s = t[i];
+				o ? n[i] = o : s && (n[i] = s);
+			}
+			return n;
+		}), x = computed(() => {
+			switch (l.value.size) {
+				case "sm": return "h-6 w-6 p-1 text-base";
+				case "lg": return "h-10 w-10 p-2.5 text-2xl";
+				default: return "h-8 w-8 p-2 text-xl";
+			}
+		}), S = computed(() => typeof n.icon == "string" ? "i" : n.icon), C = computed(() => typeof n.icon == "string" ? n.icon : "");
+		return (n, i) => t.skeleton ? (openBlock(), createElementBlock("span", {
+			key: 0,
+			class: normalizeClass(["bg-container inline-flex animate-pulse", [unref(d).class, x.value]]),
+			style: normalizeStyle(unref(d).style)
+		}, null, 6)) : (openBlock(), createElementBlock("span", mergeProps({
+			key: 1,
+			"data-size": l.value.size,
+			class: ["inline-flex select-none items-center justify-center children:flex-shrink-0", [
+				unref(v).class,
+				unref(d).class,
+				unref(y).class,
+				x.value
+			]],
+			style: [
+				unref(v).style,
+				b.value,
+				unref(d).style,
+				unref(y).style
+			]
+		}, n.$attrs), [t.icon ? (openBlock(), createBlock(resolveDynamicComponent(S.value), {
+			key: 0,
+			class: normalizeClass(C.value)
+		}, null, 8, ["class"])) : renderSlot(n.$slots, "default", { key: 1 })], 16, _hoisted_1$20));
+	}
 }), Image_default = /* @__PURE__ */ defineComponent({
 	__name: "Image",
 	props: {
@@ -6464,62 +5758,62 @@ var _hoisted_1$18 = ["aria-hidden"], _hoisted_2$11 = {
 		watchEffect(() => {
 			S.value || (z.value = [-1]);
 		}), provide("menuCurrentIdx", z);
-		function B(t, n) {
+		function U(t, n) {
 			let i = t;
 			if (n.length <= 1) return i.length;
 			let a = n[0];
 			if (a === void 0 || a < 0 || a >= i.length) return 0;
 			let o = i[a];
-			return !isMenuItem(o) || o.children === void 0 ? 0 : B(o.children, n.slice(1));
+			return !isMenuItem(o) || o.children === void 0 ? 0 : U(o.children, n.slice(1));
 		}
-		let U = computed(() => m.data === void 0 ? 0 : B(m.data, z.value)), W = computed(() => m.data), q = computed(() => {
-			let t = Q(W.value, z.value);
+		let K = computed(() => m.data === void 0 ? 0 : U(m.data, z.value)), td = computed(() => m.data), nd = computed(() => {
+			let t = Q(td.value, z.value);
 			return isMenuItem(t) ? t : void 0;
-		}), Qd = computed(() => someHasIcon(m.data));
+		}), rd = computed(() => someHasIcon(m.data));
 		function Y(t) {
 			return isMenuItem(t) && t.disabled !== !0 && !t.render;
 		}
-		function ef(t) {
+		function id(t) {
 			return !isMenuItem(t) || t.disabled ? !1 : t.value !== void 0 || typeof t.onSelect == "function";
 		}
-		function X(t) {
-			return ef(t) ? t.closeOnSelect !== !1 : !1;
+		function Z(t) {
+			return id(t) ? t.closeOnSelect !== !1 : !1;
 		}
-		function Z(t, n) {
+		function od(t, n) {
 			if (t.disabled) return;
 			let i = {
 				value: t.value,
 				event: n,
 				data: t
 			};
-			t.onSelect?.(i), t.value !== void 0 && g("select", t.value), X(t) && w(!1);
+			t.onSelect?.(i), t.value !== void 0 && g("select", t.value), Z(t) && w(!1);
 		}
 		onKeyStroke("ArrowDown", (t) => {
-			if (!S.value || U.value === 0) return;
+			if (!S.value || K.value === 0) return;
 			t.preventDefault();
-			let n = z.value, i = n.slice(0, -1), a = ((n.at(-1) ?? -1) + 1) % U.value, o = 0;
-			for (; o < U.value;) {
-				if (Y(Q(W.value, [...i, a]))) {
+			let n = z.value, i = n.slice(0, -1), a = ((n.at(-1) ?? -1) + 1) % K.value, o = 0;
+			for (; o < K.value;) {
+				if (Y(Q(td.value, [...i, a]))) {
 					z.value = [...i, a];
 					return;
 				}
-				a = (a + 1) % U.value, o += 1;
+				a = (a + 1) % K.value, o += 1;
 			}
 		}), onKeyStroke("ArrowUp", (t) => {
-			if (!S.value || U.value === 0) return;
+			if (!S.value || K.value === 0) return;
 			t.preventDefault();
-			let n = z.value, i = n.slice(0, -1), a = n.at(-1) ?? -1, o = a === -1 ? (U.value - 1 + U.value) % U.value : (a - 1 + U.value) % U.value, s = 0;
-			for (; s < U.value;) {
-				if (Y(Q(W.value, [...i, o]))) {
+			let n = z.value, i = n.slice(0, -1), a = n.at(-1) ?? -1, o = a === -1 ? (K.value - 1 + K.value) % K.value : (a - 1 + K.value) % K.value, s = 0;
+			for (; s < K.value;) {
+				if (Y(Q(td.value, [...i, o]))) {
 					z.value = [...i, o];
 					return;
 				}
-				o = (o - 1 + U.value) % U.value, s += 1;
+				o = (o - 1 + K.value) % K.value, s += 1;
 			}
 		}), onKeyStroke("ArrowRight", (t) => {
 			if (!S.value) return;
 			t.preventDefault();
-			let n = q.value;
+			let n = nd.value;
 			if (!n || n.children === void 0) return;
 			let i = 0;
 			for (; i < n.children.length;) {
@@ -6548,18 +5842,18 @@ var _hoisted_1$18 = ["aria-hidden"], _hoisted_2$11 = {
 			if (!(!i || a === void 0 || a < 0 || a >= i.length)) return i[a];
 		}
 		provide("selectMenuItem", (t, n) => {
-			Z(t, n);
+			od(t, n);
 		}), onKeyStroke("Enter", (t) => {
 			if (!S.value) return;
 			t.preventDefault();
-			let n = q.value;
-			ef(n) && Z(n, t);
+			let n = nd.value;
+			id(n) && od(n, t);
 		});
 		let $ = computed(() => m.trigger === "contextmenu" ? "" : "absolute mt-2");
 		useEventListener(globalThis, "scroll", () => {
 			S.value && w(!1);
 		});
-		let rf = computed(() => {
+		let ld = computed(() => {
 			let t = window.innerWidth, n = N.value?.clientWidth ?? 0, i = t - (N.value?.getBoundingClientRect().left ?? 0) > n, a = window.innerHeight, o = N.value?.clientHeight ?? 0, s = a - (N.value?.getBoundingClientRect().top ?? 0) > o;
 			return m.trigger === "contextmenu" ? {
 				left: `${i ? L.value.x : L.value.x - n}px`,
@@ -6582,7 +5876,7 @@ var _hoisted_1$18 = ["aria-hidden"], _hoisted_2$11 = {
 			default: withCtx(() => [S.value && m.data?.length ? (openBlock(), createElementBlock("menu", {
 				key: 0,
 				class: "m-0 p-0 list-none flex justify-center relative z-10",
-				style: normalizeStyle(rf.value),
+				style: normalizeStyle(ld.value),
 				role: "menu",
 				"aria-orientation": "vertical",
 				"aria-hidden": S.value ? "false" : "true"
@@ -6599,7 +5893,7 @@ var _hoisted_1$18 = ["aria-hidden"], _hoisted_2$11 = {
 				data: n
 			}, {
 				idx: [i],
-				"has-icon": Qd.value
+				"has-icon": rd.value
 			}), null, 16, ["idx", "has-icon"]))], 64))], 64))), 128))], 6)], 12, _hoisted_1$18)) : createCommentVNode("", !0)]),
 			_: 1
 		}, 8, ["enter-active-class", "leave-active-class"])], 2));
@@ -7362,13 +6656,13 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 		function B(t) {
 			l.value = b(y(t));
 		}
-		function Xd() {
+		function ed() {
 			j.value = !0;
 		}
-		function Zd() {
+		function U() {
 			j.value = !1;
 		}
-		function U(t) {
+		function W(t) {
 			if (!(!j.value || !N.value) && !n.disabled && t.deltaY !== 0) {
 				if (t.deltaY < 0) {
 					if (P.value) return;
@@ -7402,9 +6696,9 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 			"onUpdate:modelValue": L,
 			onFocusin: R,
 			onFocusout: z,
-			onMouseenter: Xd,
-			onMouseleave: Zd,
-			onWheel: withModifiers(U, ["prevent"])
+			onMouseenter: ed,
+			onMouseleave: U,
+			onWheel: withModifiers(W, ["prevent"])
 		}, createSlots({
 			rightSection: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex items-stretch self-stretch", C.value.wrapper]) }, [createElementVNode("div", mergeProps({ class: ["rounded-r-inherit flex flex-col self-stretch overflow-hidden", C.value.container] }, unref(w)), [createElementVNode("button", mergeProps({
 				type: "button",
@@ -7929,19 +7223,19 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 		function z(t) {
 			return L(t) === "half";
 		}
-		function B(t) {
+		function H(t) {
 			return S.value[t]?.normal || x.normal;
 		}
-		function H(t) {
+		function U(t) {
 			return S.value[t]?.active || x.active;
 		}
-		function U(t) {
+		function W(t) {
 			return T[t]?.value || w.value;
 		}
-		function W(t) {
+		function K(t) {
 			if (D.value) return E[t]?.value;
 		}
-		function K(t, n) {
+		function td(t, n) {
 			if (!N.value) {
 				P.value = n + 1;
 				return;
@@ -7949,10 +7243,10 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 			let i = t.currentTarget.getBoundingClientRect();
 			P.value = n + (t.clientX - i.left < i.width / 2 ? .5 : 1);
 		}
-		function q() {
+		function nd() {
 			P.value = null;
 		}
-		function Qd(t, n) {
+		function rd(t, n) {
 			let i;
 			if (N.value) if (P.value === null) {
 				let a = n.currentTarget.getBoundingClientRect();
@@ -7971,34 +7265,34 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 		return (n, i) => (openBlock(), createElementBlock("div", { class: normalizeClass(["flex cursor-pointer select-none", Y.value]) }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(a.count, (n, i) => (openBlock(), createElementBlock("div", {
 			key: i,
 			class: "pr-1 inline-flex relative",
-			onPointermove: (t) => K(t, i),
-			onMouseleave: q,
-			onPointerdown: (t) => Qd(i, t)
-		}, [R(i) ? (openBlock(), createBlock(resolveDynamicComponent(H(i).is), {
+			onPointermove: (t) => td(t, i),
+			onMouseleave: nd,
+			onPointerdown: (t) => rd(i, t)
+		}, [R(i) ? (openBlock(), createBlock(resolveDynamicComponent(U(i).is), {
 			key: 0,
 			class: normalizeClass(["transition-colors duration-150 active:translate-y-1px", [
-				U(i).class,
-				D.value && W(i) ? W(i)?.class : "",
-				H(i).class
+				W(i).class,
+				D.value && K(i) ? K(i)?.class : "",
+				U(i).class
 			]]),
-			style: normalizeStyle([U(i).style, D.value && W(i) ? W(i)?.style : {}])
-		}, null, 8, ["class", "style"])) : z(i) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [(openBlock(), createBlock(resolveDynamicComponent(B(i).is), {
-			class: normalizeClass(["transition-colors duration-150 active:translate-y-1px", [unref(w).class, B(i).class]]),
+			style: normalizeStyle([W(i).style, D.value && K(i) ? K(i)?.style : {}])
+		}, null, 8, ["class", "style"])) : z(i) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [(openBlock(), createBlock(resolveDynamicComponent(H(i).is), {
+			class: normalizeClass(["transition-colors duration-150 active:translate-y-1px", [unref(w).class, H(i).class]]),
 			style: normalizeStyle([unref(w).style])
-		}, null, 8, ["class", "style"])), (openBlock(), createBlock(resolveDynamicComponent(H(i).is), {
+		}, null, 8, ["class", "style"])), (openBlock(), createBlock(resolveDynamicComponent(U(i).is), {
 			class: normalizeClass(["transition-colors duration-150 left-0 top-0 absolute", [
-				U(i).class,
-				D.value && W(i) ? W(i)?.class : "",
-				H(i).class
+				W(i).class,
+				D.value && K(i) ? K(i)?.class : "",
+				U(i).class
 			]]),
 			style: normalizeStyle([
-				U(i).style,
-				D.value && W(i) ? W(i)?.style : {},
+				W(i).style,
+				D.value && K(i) ? K(i)?.style : {},
 				{ clipPath: "inset(0 50% 0 0)" }
 			])
-		}, null, 8, ["class", "style"]))], 64)) : (openBlock(), createBlock(resolveDynamicComponent(B(i).is), {
+		}, null, 8, ["class", "style"]))], 64)) : (openBlock(), createBlock(resolveDynamicComponent(H(i).is), {
 			key: 2,
-			class: normalizeClass(["transition-colors duration-150 active:translate-y-1px", [unref(w).class, B(i).class]]),
+			class: normalizeClass(["transition-colors duration-150 active:translate-y-1px", [unref(w).class, H(i).class]]),
 			style: normalizeStyle([unref(w).style])
 		}, null, 8, ["class", "style"]))], 40, _hoisted_1$7))), 128))], 2));
 	}
@@ -8153,7 +7447,7 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 		}, [withDirectives(createElementVNode("div", {
 			ref_key: "scrollBarIndicatorRef",
 			ref: a,
-			class: "rounded-full bg-[--r-surface-border-variant-color] right-0 absolute",
+			class: "bg-inverted rounded-full opacity-70 right-0 absolute",
 			style: normalizeStyle({
 				right: "0px",
 				width: `${t.barWidth}px`,
@@ -8267,7 +7561,7 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 			}
 			b.value = t, C.value = !1;
 		}
-		let z = computed(() => v.value.color), B = useInputColorStyle(z, "default"), Zd = computed(() => {
+		let z = computed(() => v.value.color), ed = useInputColorStyle(z, "default"), U = computed(() => {
 			switch (v.value.size) {
 				case "sm": return {
 					wrapper: "h-6 w-full py-1 pl-1.5 pr-6 text-sm",
@@ -8282,13 +7576,13 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 					dropdown: "text-base children:py-1"
 				};
 			}
-		}), U = ref(null), { bottom: W, top: q } = useElementBounding(x);
+		}), K = ref(null), { bottom: td, top: nd } = useElementBounding(x);
 		watch([C], () => {
 			T.value = -1, w.value = -1;
 		});
-		let Qd = computed(() => {
+		let rd = computed(() => {
 			if (!C.value || !isClient) return null;
-			let t = document.documentElement.clientHeight - W.value - 16, n = q.value - 16;
+			let t = document.documentElement.clientHeight - td.value - 16, n = nd.value - 16;
 			return t >= 256 ? { maxHeight: "256px" } : t >= 100 ? { maxHeight: `${t}px` } : n >= 256 ? {
 				maxHeight: "256px",
 				bottom: "100%"
@@ -8300,25 +7594,25 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 		function Y(t, n) {
 			return n == null ? !1 : t === n;
 		}
-		let ef = computed(() => a.searchable ? "cursor-text" : "cursor-pointer"), X = useContainerDefaultCS(), Z = useContainerDefaultVariantCS(), nf = useContainerFilledCS(z);
-		function $(t) {
+		let X = computed(() => a.searchable ? "cursor-text" : "cursor-pointer"), Z = useContainerDefaultCS(), od = useContainerDefaultVariantCS(), Q = useContainerFilledCS(z);
+		function ld(t) {
 			w.value = t, T.value = -1;
 		}
 		return (i, a) => (openBlock(), createElementBlock("div", {
 			ref_key: "wrapperRef",
 			ref: S,
 			class: "relative",
-			style: normalizeStyle(unref(B))
+			style: normalizeStyle(unref(ed))
 		}, [createElementVNode("div", _hoisted_1$4, [createElementVNode("input", {
 			ref_key: "inputRef",
 			ref: x,
 			class: normalizeClass([[
-				Zd.value.wrapper,
+				U.value.wrapper,
 				unref(y).class,
-				ef.value
+				X.value
 			], "custom-input-colors outline-none border focus-visible:outline-2"]),
 			placeholder: n.placeholder,
-			style: normalizeStyle([unref(y).style, unref(B)]),
+			style: normalizeStyle([unref(y).style, unref(ed)]),
 			readonly: !n.searchable,
 			value: N.value,
 			"aria-label": n.ariaLabel,
@@ -8331,19 +7625,19 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 		}, null, 46, _hoisted_2$2), a[2] ||= createElementVNode("i", { class: "i-fluent-chevron-down-12-filled pointer-events-none right-2 absolute" }, null, -1)]), C.value ? (openBlock(), createElementBlock("div", {
 			key: 0,
 			ref_key: "dropdownRef",
-			ref: U,
-			class: normalizeClass(["p-1 border rounded flex-col w-full absolute z-10 overflow-auto", [unref(X).class, Zd.value.dropdown]]),
-			style: normalizeStyle([unref(X).style, Qd.value]),
+			ref: K,
+			class: normalizeClass(["p-1 border rounded flex-col w-full absolute z-10 overflow-auto", [unref(Z).class, U.value.dropdown]]),
+			style: normalizeStyle([unref(Z).style, rd.value]),
 			role: "listbox"
 		}, [n.options.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_3$2, [renderSlot(i.$slots, "none", {}, () => [createTextVNode(toDisplayString(n.noneText), 1)])])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(L.value, (t, n) => (openBlock(), createElementBlock("div", {
 			id: `option-${n}`,
 			key: n,
-			class: normalizeClass([[T.value === n && unref(nf).class, w.value === n && T.value === -1 && unref(Z).class], "p-1 px-2 rounded flex gap-2 cursor-pointer items-center justify-between"]),
-			style: normalizeStyle([T.value === n && unref(nf).style, w.value === n && T.value === -1 && unref(Z).style]),
+			class: normalizeClass([[T.value === n && unref(Q).class, w.value === n && T.value === -1 && unref(od).class], "p-1 px-2 rounded flex gap-2 cursor-pointer items-center justify-between"]),
+			style: normalizeStyle([T.value === n && unref(Q).style, w.value === n && T.value === -1 && unref(od).style]),
 			role: "option",
 			"aria-selected": Y(t, E.value),
 			onPointerdown: (n) => R(t),
-			onMousemove: (t) => $(n),
+			onMousemove: (t) => ld(n),
 			onMouseleave: a[1] ||= (t) => w.value = -1
 		}, [renderSlot(i.$slots, "item", {
 			data: t,
@@ -8860,28 +8154,28 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 				dark: 5,
 				light: 4
 			}
-		}), B = useCS({
+		}), H = useCS({
 			color: computed(() => v.value.color),
 			type: "border",
 			index: {
 				dark: 5,
 				light: 4
 			}
-		}), H = useCS({
+		}), U = useCS({
 			color: computed(() => v.value.color),
 			type: "text",
 			index: {
 				dark: 5,
 				light: 4
 			}
-		}), U = useCS({
+		}), K = useCS({
 			color: "surface",
 			type: "border",
 			index: {
 				dark: 5,
 				light: 4
 			}
-		}), W = useCS({
+		}), td = useCS({
 			color: "surface",
 			type: "text",
 			index: {
@@ -8895,21 +8189,21 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 				dark: 6,
 				light: 3
 			}
-		}), Qd = useCS({
+		}), nd = useCS({
 			color: "error",
 			type: "border",
 			index: {
 				dark: 5,
 				light: 4
 			}
-		}), Y = useCS({
+		}), rd = useCS({
 			color: "error",
 			type: "text",
 			index: {
 				dark: 5,
 				light: 4
 			}
-		}), $d = useMergedCS([F], ["shadow-sm"]), ef = useMergedCS([B, useCS({
+		}), Y = useMergedCS([F], ["shadow-sm"]), id = useMergedCS([H, useCS({
 			color: computed(() => v.value.color),
 			type: "bg",
 			index: {
@@ -8920,7 +8214,7 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 				dark: .2,
 				light: .1
 			}
-		})], ["border-2"]), X = useMergedCS([U, useCS({
+		})], ["border-2"]), ad = useMergedCS([K, useCS({
 			color: "surface",
 			type: "bg",
 			index: {
@@ -8931,7 +8225,7 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 				dark: .2,
 				light: .12
 			}
-		})], ["border-2"]), Z = useMergedCS([Qd, useCS({
+		})], ["border-2"]), X = useMergedCS([nd, useCS({
 			color: "error",
 			type: "bg",
 			index: {
@@ -8942,75 +8236,75 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 				dark: .2,
 				light: .1
 			}
-		})], ["border-2"]), Q = useCS({
+		})], ["border-2"]), Z = useCS({
 			color: computed(() => v.value.color),
 			type: "bg",
 			index: {
 				dark: 5,
 				light: 4
 			}
-		}), tf = useSurfaceCS("bg", {
+		}), $ = useSurfaceCS("bg", {
 			dark: 6,
 			light: 3
-		}), nf = useSurfaceCS("text", {
+		}), sd = useSurfaceCS("text", {
 			dark: 3,
 			light: 2
-		}), $ = useSurfaceCS("text", {
+		}), ld = useSurfaceCS("text", {
 			dark: 2,
 			light: 1
-		}), of = useSurfaceCS("text", {
+		}), ud = useSurfaceCS("text", {
 			dark: 3,
 			light: 4
-		}), sf = computed(() => useRounded({ rounded: a.iconRounded ?? g.value.rounded }).value), cf = computed(() => a.progressDot || a.type === "dot"), lf = computed(() => cf.value ? {
+		}), dd = computed(() => useRounded({ rounded: a.iconRounded ?? g.value.rounded }).value), fd = computed(() => a.progressDot || a.type === "dot"), pd = computed(() => fd.value ? {
 			class: "rounded-full",
 			style: {}
-		} : sf.value), uf = computed(() => {
-			let t = lf.value.class;
+		} : dd.value), md = computed(() => {
+			let t = pd.value.class;
 			return t ? Array.isArray(t) ? t : [t] : [];
-		}), df = computed(() => lf.value.style || {});
-		function ff(t) {
+		}), hd = computed(() => pd.value.style || {});
+		function gd(t) {
 			return t ? Array.isArray(t) ? t : [t] : [];
 		}
-		function pf(t) {
+		function _d(t) {
 			return t ?? {};
 		}
-		let mf = computed(() => ({
+		let vd = computed(() => ({
 			finish: {
-				icon: $d.value,
+				icon: Y.value,
 				title: L.value,
 				connector: z.value
 			},
 			process: {
-				icon: ef.value,
-				title: H.value,
+				icon: id.value,
+				title: U.value,
 				connector: q.value
 			},
 			error: {
-				icon: Z.value,
-				title: Y.value,
+				icon: X.value,
+				title: rd.value,
 				connector: q.value
 			},
 			wait: {
-				icon: X.value,
-				title: W.value,
+				icon: ad.value,
+				title: td.value,
 				connector: q.value
 			}
 		}));
-		function hf(t = "wait") {
-			return mf.value[t];
+		function yd(t = "wait") {
+			return vd.value[t];
 		}
-		let gf = computed(() => S.value.map((t) => {
-			let n = hf(t.status);
+		let bd = computed(() => S.value.map((t) => {
+			let n = yd(t.status);
 			return {
 				...t,
 				styles: n,
-				iconClassList: ff(n.icon.class),
-				iconStyle: pf(n.icon.style)
+				iconClassList: gd(n.icon.class),
+				iconStyle: _d(n.icon.style)
 			};
-		})), _f = computed(() => ({
-			active: mf.value.finish.connector,
-			idle: mf.value.wait.connector
-		})), vf = computed(() => a.items.length === 0 ? 0 : (x.value + 1) / a.items.length * 100);
+		})), xd = computed(() => ({
+			active: vd.value.finish.connector,
+			idle: vd.value.wait.connector
+		})), Sd = computed(() => a.items.length === 0 ? 0 : (x.value + 1) / a.items.length * 100);
 		return (i, a) => (openBlock(), createElementBlock("div", {
 			ref_key: "stepRef",
 			ref: _,
@@ -9018,10 +8312,10 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 			role: "tablist",
 			"aria-orientation": n.direction
 		}, [n.type === "simple" ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-			createElementVNode("div", mergeProps({ class: "text-sm mb-2 flex items-center justify-between" }, unref(nf)), [createElementVNode("span", _hoisted_3$1, "Step " + toDisplayString(x.value + 1) + " of " + toDisplayString(n.items.length), 1), createElementVNode("span", _hoisted_4, toDisplayString(Math.round(vf.value)) + "%", 1)], 16),
-			createElementVNode("div", mergeProps({ class: "rounded-full h-2 w-full" }, unref(tf)), [createElementVNode("div", mergeProps({ class: "rounded-full h-full" }, unref(Q), { style: { width: `${vf.value}%` } }), null, 16)], 16),
-			createElementVNode("div", mergeProps({ class: "text-sm font-medium mt-2" }, unref($)), toDisplayString(gf.value[x.value]?.title), 17)
-		])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(gf.value, (i, a) => (openBlock(), createElementBlock(Fragment, { key: i.index }, [createElementVNode("div", {
+			createElementVNode("div", mergeProps({ class: "text-sm mb-2 flex items-center justify-between" }, unref(sd)), [createElementVNode("span", _hoisted_3$1, "Step " + toDisplayString(x.value + 1) + " of " + toDisplayString(n.items.length), 1), createElementVNode("span", _hoisted_4, toDisplayString(Math.round(Sd.value)) + "%", 1)], 16),
+			createElementVNode("div", mergeProps({ class: "rounded-full h-2 w-full" }, unref($)), [createElementVNode("div", mergeProps({ class: "rounded-full h-full" }, unref(Z), { style: { width: `${Sd.value}%` } }), null, 16)], 16),
+			createElementVNode("div", mergeProps({ class: "text-sm font-medium mt-2" }, unref(ld)), toDisplayString(bd.value[x.value]?.title), 17)
+		])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(bd.value, (i, a) => (openBlock(), createElementBlock(Fragment, { key: i.index }, [createElementVNode("div", {
 			class: normalizeClass(["step-item flex relative", [
 				n.direction === "vertical" ? "items-start mb-4 last:mb-0" : "items-center flex-shrink-0",
 				n.direction === "horizontal" && n.alternativeLabel ? "flex-col items-center text-center" : "",
@@ -9039,12 +8333,12 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 		}, [createElementVNode("div", {
 			class: normalizeClass(["step-icon-container flex flex-shrink-0 items-center justify-center relative overflow-hidden", [
 				P.value.icon,
-				...uf.value,
+				...md.value,
 				n.progressDot ? "w-4 h-4 border-0" : "",
 				n.type === "dot" ? "w-3 h-3 border-0" : "",
 				...i.iconClassList
 			]]),
-			style: normalizeStyle([df.value, i.iconStyle])
+			style: normalizeStyle([hd.value, i.iconStyle])
 		}, [i.icon && !n.progressDot && n.type !== "dot" ? (openBlock(), createBlock(resolveDynamicComponent(typeof i.icon == "string" ? "span" : i.icon), {
 			key: 0,
 			class: normalizeClass(typeof i.icon == "string" ? i.icon : "")
@@ -9058,7 +8352,7 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 		}, [createElementVNode("div", mergeProps({ class: ["step-title leading-tight", P.value.title] }, { ref_for: !0 }, i.styles.title), toDisplayString(i.title), 17), n.showDescription && i.description ? (openBlock(), createElementBlock("div", mergeProps({
 			key: 0,
 			class: "step-description mt-1.5"
-		}, { ref_for: !0 }, unref(of), { class: P.value.description }), toDisplayString(i.description), 17)) : createCommentVNode("", !0)], 2)) : createCommentVNode("", !0)], 42, _hoisted_5), a < n.items.length - 1 && n.type !== "simple" ? (openBlock(), createElementBlock("div", mergeProps({
+		}, { ref_for: !0 }, unref(ud), { class: P.value.description }), toDisplayString(i.description), 17)) : createCommentVNode("", !0)], 2)) : createCommentVNode("", !0)], 42, _hoisted_5), a < n.items.length - 1 && n.type !== "simple" ? (openBlock(), createElementBlock("div", mergeProps({
 			key: 0,
 			class: ["step-connector", [n.direction === "horizontal" ? [
 				"flex-1",
@@ -9072,7 +8366,7 @@ var _hoisted_1$15 = { class: "space-y-5" }, _hoisted_2$8 = { class: "text-center
 				P.value.connector,
 				"min-h-4 rounded"
 			]]]
-		}, { ref_for: !0 }, a < x.value ? _f.value.active : _f.value.idle), null, 16)) : createCommentVNode("", !0)], 64))), 128))], 10, _hoisted_1$3));
+		}, { ref_for: !0 }, a < x.value ? xd.value.active : xd.value.idle), null, 16)) : createCommentVNode("", !0)], 64))), 128))], 10, _hoisted_1$3));
 	}
 }), _hoisted_1$2 = ["id"], _hoisted_2 = ["for"], _hoisted_3 = ["for"], Switch_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -9984,11 +9278,11 @@ var gt = /* @__PURE__ */ defineComponent({
 			};
 		})), R = computed(() => (S.value - A.value) / 2), z = computed(() => {
 			if (a.wrapperWidth !== void 0) return unref(a.wrapperWidth);
-		}), B = computed(() => z.value === void 0 ? a.itemWidth && a.cols ? A.value : 400 : z.value), H = computed(() => C.style), U = computed(() => {
+		}), H = computed(() => z.value === void 0 ? a.itemWidth && a.cols ? A.value : 400 : z.value), U = computed(() => C.style), W = computed(() => {
 			let { style: t, ...n } = C;
 			return n;
 		});
-		function W(t, n, i, a) {
+		function K(t, n, i, a) {
 			let o = unref(t);
 			if (o.length === 0) return [];
 			let s = Math.max(1, unref(n)), l = Math.min(s, o.length), u = Array.from({ length: s }).fill(0), d = [], m = F.value * l + unref(i) * (l - 1), g = Math.max(0, A.value - unref(a) * 2 - m) / 2;
@@ -10008,10 +9302,10 @@ var gt = /* @__PURE__ */ defineComponent({
 			}
 			return d;
 		}
-		let K = computed(() => W(L, w, g, _)), q = computed(() => !E(K.value) || K.value.length === 0 ? 0 : Math.max(...K.value.map((t) => t.y + t.height)) + v.value * 2), Qd = computed(() => l.default?.() ?? []);
-		function $d(t) {
-			if (!E(K.value)) return {};
-			let n = K.value[t];
+		let q = computed(() => K(L, w, g, _)), rd = computed(() => !E(q.value) || q.value.length === 0 ? 0 : Math.max(...q.value.map((t) => t.y + t.height)) + v.value * 2), Y = computed(() => l.default?.() ?? []);
+		function id(t) {
+			if (!E(q.value)) return {};
+			let n = q.value[t];
 			return n ? {
 				left: `${n.x ?? 0}px`,
 				top: `${n.y ?? 0}px`,
@@ -10019,45 +9313,45 @@ var gt = /* @__PURE__ */ defineComponent({
 				maxWidth: `${F.value}px`
 			} : {};
 		}
-		let X = ref(!1), Z = pt(x, { behavior: computed(() => X.value ? "smooth" : "auto") }), Q = Se(x), tf = Se(y), nf = computed(() => ({
-			x: tf.left.value - Q.left.value + Z.x.value,
-			y: tf.top.value - Q.top.value + Z.y.value
-		})), $ = computed(() => [Z.y.value - m.value, Z.y.value + Q.height.value + m.value]), rf = computed(() => K.value.map((t) => {
-			let n = t.y + nf.value.y, i = t.y + t.height + nf.value.y;
+		let ad = ref(!1), X = pt(x, { behavior: computed(() => ad.value ? "smooth" : "auto") }), Z = Se(x), od = Se(y), Q = computed(() => ({
+			x: od.left.value - Z.left.value + X.x.value,
+			y: od.top.value - Z.top.value + X.y.value
+		})), $ = computed(() => [X.y.value - m.value, X.y.value + Z.height.value + m.value]), sd = computed(() => q.value.map((t) => {
+			let n = t.y + Q.value.y, i = t.y + t.height + Q.value.y;
 			return n >= $.value[0] && n <= $.value[1] || i >= $.value[0] && i <= $.value[1] || n <= $.value[0] && i >= $.value[1];
-		})), af = computed(() => {
-			let t = O(Qd.value), n = [];
-			for (let [i, a] of t.entries()) rf.value[i] && n.push([a, i]);
+		})), cd = computed(() => {
+			let t = O(Y.value), n = [];
+			for (let [i, a] of t.entries()) sd.value[i] && n.push([a, i]);
 			return n;
-		}), of = ref();
+		}), ld = ref();
 		return i({
-			scroll: Z,
+			scroll: X,
 			scrollTo: (t, n = !1) => {
-				let i = X.value;
-				X.value = n, Z.y.value = t, X.value = i;
+				let i = ad.value;
+				ad.value = n, X.y.value = t, ad.value = i;
 			},
 			wrapper: y,
-			contentDom: of,
-			layoutData: K
+			contentDom: ld,
+			layoutData: q
 		}), (n, i) => (openBlock(), createElementBlock("div", mergeProps({
 			ref_key: "wrapper",
 			ref: y
-		}, U.value, { style: [{
+		}, W.value, { style: [{
 			position: "relative",
 			width: z.value === void 0 ? void 0 : `${z.value}px`,
-			minWidth: z.value === void 0 && B.value !== void 0 ? `${B.value}px` : void 0
-		}, H.value] }), [createElementVNode("div", {
+			minWidth: z.value === void 0 && H.value !== void 0 ? `${H.value}px` : void 0
+		}, U.value] }), [createElementVNode("div", {
 			ref_key: "contentDom",
-			ref: of,
+			ref: ld,
 			style: normalizeStyle({
-				height: `${q.value}px`,
+				height: `${rd.value}px`,
 				minHeight: "100%",
 				position: "relative"
 			})
-		}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(af.value, ([t, n]) => (openBlock(), createElementBlock("div", {
+		}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(cd.value, ([t, n]) => (openBlock(), createElementBlock("div", {
 			key: n,
-			style: normalizeStyle([$d(n), { position: "absolute" }])
+			style: normalizeStyle([id(n), { position: "absolute" }])
 		}, [(openBlock(), createBlock(resolveDynamicComponent(t), { style: normalizeStyle({ width: `${P.value}px` }) }, null, 8, ["style"]))], 4))), 128))], 4)], 16));
 	}
 });
-export { AppShell_default as AppShell, AppShellAside_default as AppShellAside, AppShellFooter_default as AppShellFooter, AppShellHeader_default as AppShellHeader, AppShellMain_default as AppShellMain, AppShellNavbar_default as AppShellNavbar, AspectRatio_default as AspectRatio, AutoHeightTransition_default as AutoHeightTransition, Avatar_default as Avatar, Btn_default as Btn, BtnGroup_default as BtnGroup, COLOR_BG, COLOR_BORDER, COLOR_LIGHTNESS_MAP, COLOR_TEXT, COLOR_TINT_INDEX, Calendar_default as Calendar, CalendarInput_default as CalendarInput, ChatContainer_default as ChatContainer, ChatMessage_default as ChatMessage, ChatSystem_default as ChatSystem, Checkbox_default as Checkbox, Chip_default as Chip, ColorInput_default as ColorInput, ColorPalettePerformance, ColorSwatch_default as ColorSwatch, Drawer_default as Drawer, Dropzone_default as Dropzone, FullscreenOverlay_default as FullscreenOverlay, GAMUT_DEFINITIONS, Image_default as Image, Indicator_default as Indicator, Menu_default as Menu, MenuItem_default as MenuItem, Modal_default as Modal, ModalSystem_default as ModalSystem, Notification_default as Notification, NotificationSystem_default as NotificationSystem, Notifications, NumberField_default as NumberField, OPACITY_SCALE, Overlay_default as Overlay, Paper_default as Paper, PinInput_default as PinInput, Popover_default as Popover, Progress_default as Progress, Rating_default as Rating, RokuProvider_default as RokuProvider, SURFACE_BG, SURFACE_BORDER, SURFACE_TEXT, SchemeSwitch_default as SchemeSwitch, ScrollArea_default as ScrollArea, Select_default as Select, SelectArea_default as SelectArea, Slider_default as Slider, Step_default as Step, Switch_default as Switch, TabItem_default as TabItem, Tabs_default as Tabs, Tag_default as Tag, TextField_default as TextField, ThemeProvider_default as ThemeProvider, Tooltip_default as Tooltip, TreeList_default as TreeList, gt as VirtualWaterfall, gt as Waterfall, analyzeColorGamut, borderCS, childrenElementMapSymbol, defaultThemeData, directionSymbol, generateAdaptiveColors, generateAdaptiveLightnessMap, generateAdvancedColorPalette, generateAdvancedColorPaletteCached, generateColors, generateColorsMap, generateColorsOKLCH, generateColorsObjMap, generateColorsObjMapOKLCH, generateContrastAwareColors, generateEditorFriendlyColors, generateOKLCHString, getCSInner, getComponentDefault, getThemeColorString, isColorInGamut, provideTheme, schemeSymbol, symbolStyle, tabCurrentSymbol, useButtonCS, useCS, useClientHeight, useColorCS, useColors, useComponentDefaults, useContainerCS, useContainerDefaultCS, useContainerDefaultVariantCS, useContainerFilledCS, useContainerInvertedCS, useContainerLightCS, useContainerOutlineCS, useId, useIndicatorFilledCS, useInputColorStyle, useMergedCS, useNotifications, useOutlineCS, useRounded, useSchemeString, useScrollHeight, useSurfaceCS, useSurfaceColors, useTagCS, useTextCS, useTheme, useThemeStyles };
+export { AppShell_default as AppShell, AppShellAside_default as AppShellAside, AppShellFooter_default as AppShellFooter, AppShellHeader_default as AppShellHeader, AppShellMain_default as AppShellMain, AppShellNavbar_default as AppShellNavbar, AspectRatio_default as AspectRatio, AutoHeightTransition_default as AutoHeightTransition, Avatar_default as Avatar, Btn_default as Btn, BtnGroup_default as BtnGroup, COLOR_BG, COLOR_BORDER, COLOR_LIGHTNESS_MAP, COLOR_TEXT, COLOR_TINT_INDEX, Calendar_default as Calendar, CalendarInput_default as CalendarInput, ChatContainer_default as ChatContainer, ChatMessage_default as ChatMessage, ChatSystem_default as ChatSystem, Checkbox_default as Checkbox, Chip_default as Chip, ColorInput_default as ColorInput, ColorPalettePerformance, ColorSwatch_default as ColorSwatch, Drawer_default as Drawer, Dropzone_default as Dropzone, FullscreenOverlay_default as FullscreenOverlay, GAMUT_DEFINITIONS, Icon_default as Icon, Image_default as Image, Indicator_default as Indicator, Menu_default as Menu, MenuItem_default as MenuItem, Modal_default as Modal, ModalSystem_default as ModalSystem, Notification_default as Notification, NotificationSystem_default as NotificationSystem, Notifications, NumberField_default as NumberField, OPACITY_SCALE, Overlay_default as Overlay, Paper_default as Paper, PinInput_default as PinInput, Popover_default as Popover, Progress_default as Progress, Rating_default as Rating, RokuProvider_default as RokuProvider, SURFACE_BG, SURFACE_BORDER, SURFACE_TEXT, SchemeSwitch_default as SchemeSwitch, ScrollArea_default as ScrollArea, Select_default as Select, SelectArea_default as SelectArea, Slider_default as Slider, Step_default as Step, Switch_default as Switch, TabItem_default as TabItem, Tabs_default as Tabs, Tag_default as Tag, TextField_default as TextField, ThemeProvider_default as ThemeProvider, Tooltip_default as Tooltip, TreeList_default as TreeList, gt as VirtualWaterfall, gt as Waterfall, analyzeColorGamut, borderCS, childrenElementMapSymbol, defaultThemeData, directionSymbol, generateAdaptiveColors, generateAdaptiveLightnessMap, generateAdvancedColorPalette, generateAdvancedColorPaletteCached, generateColors, generateColorsMap, generateColorsOKLCH, generateColorsObjMap, generateColorsObjMapOKLCH, generateContrastAwareColors, generateEditorFriendlyColors, generateOKLCHString, getCSInner, getComponentDefault, getThemeColorString, isColorInGamut, provideTheme, schemeSymbol, symbolStyle, tabCurrentSymbol, useButtonCS, useCS, useClientHeight, useColorCS, useColors, useComponentDefaults, useContainerCS, useContainerDefaultCS, useContainerDefaultVariantCS, useContainerFilledCS, useContainerInvertedCS, useContainerLightCS, useContainerOutlineCS, useId, useIndicatorFilledCS, useInputColorStyle, useMergedCS, useNotifications, useOutlineCS, useRounded, useSchemeString, useScrollHeight, useSurfaceCS, useSurfaceColors, useTagCS, useTextCS, useTheme, useThemeStyles };