fluekit 1.5.72 → 1.5.74

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Comment, Fragment, Text, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, h, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useAttrs, useSlots, warn, watch, withCtx, withModifiers } from "vue";
+import { Comment, Fragment, Text, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useAttrs, useSlots, warn, watch, withCtx, withModifiers } from "vue";
 function isUndefined(e) {
 	return e === void 0;
 }
@@ -38,17 +38,17 @@ var EXCLUDED_VALUES = [
 	"-0px",
 	"+0px"
 ], nonTransform = (e) => e.endsWith("vw") || e.endsWith("%") || e.endsWith("PX") || EXCLUDED_VALUES.includes(e);
-function px2vw(e, C = DEFAULT_VW) {
+function px2vw(e, T = DEFAULT_VW) {
 	if (!canTransform) return isPureNumber(`${e}`) ? `${e}px` : e;
 	if (!(e === void 0 || e == null || typeof e == "number" && !Number.isFinite(e))) {
 		if (e === 0) return "0";
 		if (typeof e == "string") {
 			if (e = e.trim(), e == "") return;
 			if (nonTransform(e)) return e;
-			let C = e;
-			if (isNumberPx(e) && (e = e.slice(0, -2)), !isPureNumber(e)) return C;
+			let T = e;
+			if (isNumberPx(e) && (e = e.slice(0, -2)), !isPureNumber(e)) return T;
 		}
-		return e = Number(e), C /= 100, `${Math.round(e / C * 1e5) / 1e5}vw`;
+		return e = Number(e), T /= 100, `${Math.round(e / T * 1e5) / 1e5}vw`;
 	}
 }
 const Alignment = {
@@ -62,11 +62,11 @@ const Alignment = {
 	bottomCenter: "bottomCenter",
 	bottomRight: "bottomRight"
 };
-function alignmentToFlex(e, C = "row") {
+function alignmentToFlex(e, T = "row") {
 	if (!e) return {};
-	let w = e, T = "flex-start", E = "flex-start";
-	w.toLowerCase().includes("left") || w.toLowerCase().includes("right");
-	let D = {
+	let E = e, D = "flex-start", O = "flex-start";
+	E.toLowerCase().includes("left") || E.toLowerCase().includes("right");
+	let k = {
 		topLeft: {
 			x: "flex-start",
 			y: "flex-start"
@@ -103,13 +103,13 @@ function alignmentToFlex(e, C = "row") {
 			x: "flex-end",
 			y: "flex-end"
 		}
-	}[w] || {
+	}[E] || {
 		x: "flex-start",
 		y: "flex-start"
 	};
-	return C === "row" ? (T = D.x, E = D.y) : (T = D.y, E = D.x), {
-		justifyContent: T,
-		alignItems: E
+	return T === "row" ? (D = k.x, O = k.y) : (D = k.y, O = k.x), {
+		justifyContent: D,
+		alignItems: O
 	};
 }
 const alignmentToStyle = alignmentToFlex;
@@ -181,29 +181,29 @@ var Align_default = /* @__PURE__ */ defineComponent({
 		heightFactor: {}
 	},
 	setup(e) {
-		let C = e, w = computed(() => {
+		let T = e, E = computed(() => {
 			let e = {
 				display: "flex",
 				position: "relative"
 			};
-			return Object.assign(e, alignmentToStyle(C.alignment)), C.widthFactor ? e.width = `calc(100% * ${C.widthFactor})` : e.width = "100%", C.heightFactor ? e.height = `calc(100% * ${C.heightFactor})` : e.height = "100%", e;
-		}), T = computed(() => ({ flexShrink: 0 }));
-		return (e, C) => (openBlock(), createElementBlock("div", {
+			return Object.assign(e, alignmentToStyle(T.alignment)), T.widthFactor ? e.width = `calc(100% * ${T.widthFactor})` : e.width = "100%", T.heightFactor ? e.height = `calc(100% * ${T.heightFactor})` : e.height = "100%", e;
+		}), D = computed(() => ({ flexShrink: 0 }));
+		return (e, T) => (openBlock(), createElementBlock("div", {
 			class: "flutter-align",
-			style: normalizeStyle(w.value)
+			style: normalizeStyle(E.value)
 		}, [createElementVNode("div", {
 			class: "flutter-align-child",
-			style: normalizeStyle(T.value)
+			style: normalizeStyle(D.value)
 		}, [renderSlot(e.$slots, "default")], 4)], 4));
 	}
 }), BOX_CONSTRAINTS_SYMBOL = Symbol("boxConstraints"), toVal = (e) => e === Infinity ? void 0 : e;
 function BoxConstraints(e = {}) {
-	let C = e.minWidth ?? 0, w = e.minHeight ?? 0, T = e.maxWidth ?? Infinity, E = e.maxHeight ?? Infinity;
+	let T = e.minWidth ?? 0, E = e.minHeight ?? 0, D = e.maxWidth ?? Infinity, O = e.maxHeight ?? Infinity;
 	return {
-		minWidth: toVal(C),
-		maxWidth: toVal(T),
-		minHeight: toVal(w),
-		maxHeight: toVal(E),
+		minWidth: toVal(T),
+		maxWidth: toVal(D),
+		minHeight: toVal(E),
+		maxHeight: toVal(O),
 		[BOX_CONSTRAINTS_SYMBOL]: !0
 	};
 }
@@ -217,22 +217,22 @@ BoxConstraints.tight = (e) => BoxConstraints({
 	maxWidth: e.width,
 	minHeight: 0,
 	maxHeight: e.height
-}), BoxConstraints.expand = ({ width: e, height: C } = {}) => BoxConstraints({
+}), BoxConstraints.expand = ({ width: e, height: T } = {}) => BoxConstraints({
 	minWidth: e ?? Infinity,
 	maxWidth: e ?? Infinity,
-	minHeight: C ?? Infinity,
-	maxHeight: C ?? Infinity
+	minHeight: T ?? Infinity,
+	maxHeight: T ?? Infinity
 });
 function isBoxConstraints(e) {
 	return isPlainObject(e) ? BOX_CONSTRAINTS_SYMBOL in e : !1;
 }
 function boxConstraintsToStyle(e) {
-	let C = e ?? {};
+	let T = e ?? {};
 	return {
-		minWidth: px2vw(C.minWidth),
-		maxWidth: px2vw(C.maxWidth),
-		minHeight: px2vw(C.minHeight),
-		maxHeight: px2vw(C.maxHeight)
+		minWidth: px2vw(T.minWidth),
+		maxWidth: px2vw(T.maxWidth),
+		minHeight: px2vw(T.minHeight),
+		maxHeight: px2vw(T.maxHeight)
 	};
 }
 var BORDER_SIDE_SYMBOL = Symbol("borderSide"), BORDERS_SYMBOL = Symbol("borders");
@@ -250,17 +250,17 @@ const Border = Object.assign((e) => ({
 	style: e.style || "solid",
 	[BORDER_SIDE_SYMBOL]: !0
 }), {
-	all: ({ color: e, width: C, style: w } = {}) => {
-		let T = BorderSide({
+	all: ({ color: e, width: T, style: E } = {}) => {
+		let D = BorderSide({
 			color: e,
-			width: C,
-			style: w
+			width: T,
+			style: E
 		});
 		return {
-			top: T,
-			bottom: T,
-			left: T,
-			right: T,
+			top: D,
+			bottom: D,
+			left: D,
+			right: D,
 			[BORDERS_SYMBOL]: !0
 		};
 	},
@@ -277,13 +277,13 @@ function isBorders(e) {
 }
 function borderSideToString(e) {
 	if (!e) return;
-	let C = [], { width: w, color: T, style: E } = e;
-	return w && C.push(w > 1 ? px2vw(w) : w + "px"), T && C.push(T), E && C.push(E), `${C.join(" ")}`;
+	let T = [], { width: E, color: D, style: O } = e;
+	return E && T.push(E > 1 ? px2vw(E) : E + "px"), D && T.push(D), O && T.push(O), `${T.join(" ")}`;
 }
 function borderSideToStyle(e) {
 	if (!e) return {};
-	let C = borderSideToString(e);
-	return C ? { border: C } : {};
+	let T = borderSideToString(e);
+	return T ? { border: T } : {};
 }
 function borderToStyle(e) {
 	if (e) return {
@@ -295,12 +295,12 @@ function borderToStyle(e) {
 }
 var BORDER_RADIUS_SYMBOL = Symbol("borderRadius");
 function BorderRadius(e) {
-	let { topLeft: C, topRight: w, bottomLeft: T, bottomRight: E } = e;
+	let { topLeft: T, topRight: E, bottomLeft: D, bottomRight: O } = e;
 	return {
-		topLeft: C || 0,
-		topRight: w || 0,
-		bottomLeft: T || 0,
-		bottomRight: E || 0,
+		topLeft: T || 0,
+		topRight: E || 0,
+		bottomLeft: D || 0,
+		bottomRight: O || 0,
 		[BORDER_RADIUS_SYMBOL]: !0
 	};
 }
@@ -310,19 +310,19 @@ BorderRadius.all = (e) => ({
 	bottomLeft: e,
 	bottomRight: e,
 	[BORDER_RADIUS_SYMBOL]: !0
-}), BorderRadius.circular = (e) => BorderRadius.all(e), BorderRadius.only = ({ topLeft: e, topRight: C, bottomLeft: w, bottomRight: T }) => BorderRadius({
+}), BorderRadius.circular = (e) => BorderRadius.all(e), BorderRadius.only = ({ topLeft: e, topRight: T, bottomLeft: E, bottomRight: D }) => BorderRadius({
 	topLeft: e,
-	topRight: C,
-	bottomLeft: w,
-	bottomRight: T
+	topRight: T,
+	bottomLeft: E,
+	bottomRight: D
 }), BorderRadius.zero = BorderRadius({});
 function isBorderRadius(e) {
 	return typeof e == "object" && !!e && BORDER_RADIUS_SYMBOL in e;
 }
 function borderRadiusToStyle(e) {
 	if (!e) return {};
-	let { topLeft: C, topRight: w, bottomLeft: T, bottomRight: E } = e, D = {};
-	return T && (D.borderBottomLeftRadius = px2vw(T)), E && (D.borderBottomRightRadius = px2vw(E)), C && (D.borderTopLeftRadius = px2vw(C)), w && (D.borderTopRightRadius = px2vw(w)), D;
+	let { topLeft: T, topRight: E, bottomLeft: D, bottomRight: O } = e, k = {};
+	return D && (k.borderBottomLeftRadius = px2vw(D)), O && (k.borderBottomRightRadius = px2vw(O)), T && (k.borderTopLeftRadius = px2vw(T)), E && (k.borderTopRightRadius = px2vw(E)), k;
 }
 let BlurStyle = /* @__PURE__ */ function(e) {
 	return e.normal = "normal", e.solid = "solid", e.outer = "outer", e.inner = "inner", e;
@@ -363,20 +363,20 @@ function alignmentToCSSSide(e) {
 		default: return "to bottom";
 	}
 }
-function calculateLinearDirection(e, C) {
-	return e === Alignment.topCenter && C === Alignment.bottomCenter ? "to bottom" : e === Alignment.bottomCenter && C === Alignment.topCenter ? "to top" : e === Alignment.centerLeft && C === Alignment.centerRight ? "to right" : e === Alignment.centerRight && C === Alignment.centerLeft ? "to left" : e === Alignment.topLeft && C === Alignment.bottomRight ? "to bottom right" : e === Alignment.bottomRight && C === Alignment.topLeft ? "to top left" : e === Alignment.topRight && C === Alignment.bottomLeft ? "to bottom left" : e === Alignment.bottomLeft && C === Alignment.topRight ? "to top right" : alignmentToCSSSide(e);
+function calculateLinearDirection(e, T) {
+	return e === Alignment.topCenter && T === Alignment.bottomCenter ? "to bottom" : e === Alignment.bottomCenter && T === Alignment.topCenter ? "to top" : e === Alignment.centerLeft && T === Alignment.centerRight ? "to right" : e === Alignment.centerRight && T === Alignment.centerLeft ? "to left" : e === Alignment.topLeft && T === Alignment.bottomRight ? "to bottom right" : e === Alignment.bottomRight && T === Alignment.topLeft ? "to top left" : e === Alignment.topRight && T === Alignment.bottomLeft ? "to bottom left" : e === Alignment.bottomLeft && T === Alignment.topRight ? "to top right" : alignmentToCSSSide(e);
 }
 function LinearGradient(e) {
-	let { colors: C, stops: w, begin: T = Alignment.centerLeft, end: E = Alignment.centerRight } = e;
-	if (!C || C.length === 0) return "none";
-	let D = calculateLinearDirection(T, E), O = "";
-	return O = w && w.length === C.length ? C.map((e, C) => `${e} ${w[C] * 100}%`).join(", ") : C.join(", "), `linear-gradient(${D}, ${O})`;
+	let { colors: T, stops: E, begin: D = Alignment.centerLeft, end: O = Alignment.centerRight } = e;
+	if (!T || T.length === 0) return "none";
+	let k = calculateLinearDirection(D, O), A = "";
+	return A = E && E.length === T.length ? T.map((e, T) => `${e} ${E[T] * 100}%`).join(", ") : T.join(", "), `linear-gradient(${k}, ${A})`;
 }
 function RadialGradient(e) {
-	let { colors: C, stops: w, center: T = Alignment.center } = e;
-	if (!C || C.length === 0) return "none";
-	let E = alignmentToCssPosition(T), D = "";
-	return D = w && w.length === C.length ? C.map((e, C) => `${e} ${w[C] * 100}%`).join(", ") : C.join(", "), `radial-gradient(circle at ${E}, ${D})`;
+	let { colors: T, stops: E, center: D = Alignment.center } = e;
+	if (!T || T.length === 0) return "none";
+	let O = alignmentToCssPosition(D), k = "";
+	return k = E && E.length === T.length ? T.map((e, T) => `${e} ${E[T] * 100}%`).join(", ") : T.join(", "), `radial-gradient(circle at ${O}, ${k})`;
 }
 const BoxFit = {
 	fitWidth: "fitWidth",
@@ -413,8 +413,8 @@ function setBaseUrl(e) {
 function normalizeSrc(e) {
 	if (!e) return "";
 	if (/^(https?:|file:|blob:|data:|\/\/)/i.test(e) || /^(linear|radial|conic|repeating-linear|repeating-radial)-gradient\(/.test(e) || !_baseUrl || _baseUrl === "/") return e;
-	let C = _baseUrl.endsWith("/") ? _baseUrl.slice(0, -1) : _baseUrl;
-	return e.startsWith(C) ? e : `${C}/${e.startsWith("/") ? e.slice(1) : e}`;
+	let T = _baseUrl.endsWith("/") ? _baseUrl.slice(0, -1) : _baseUrl;
+	return e.startsWith(T) ? e : `${T}/${e.startsWith("/") ? e.slice(1) : e}`;
 }
 function DecorationImage(e) {
 	return e;
@@ -422,23 +422,23 @@ function DecorationImage(e) {
 var BOX_DECORATION_SYMBOL = Symbol("boxDecoration"), isGradient = (e) => /^(linear|radial|conic|repeating-linear|repeating-radial)-gradient\(/.test(e);
 function decorationImageToStyle(e) {
 	if (!e) return {};
-	let C = {}, w = normalizeSrc(typeof e.image == "string" ? e.image : e.image.src);
-	if (C.backgroundImage = isGradient(w) ? w : `url(${w})`, e.fit && (C.backgroundSize = ImageFitMap[e.fit] || e.fit), C.backgroundAttachment = e.attachment, C.backgroundBlendMode = e.blendMode, C.backgroundClip = e.clip, C.backgroundOrigin = e.origin, C.backgroundRepeat = e.repeat ?? "no-repeat", e.alignment) {
-		let w = alignmentToCssPosition(e.alignment);
-		if (w && w !== "center") C.backgroundPosition = w;
-		else if (e.alignment !== Alignment.center) if (Object.keys(Alignment).includes(e.alignment)) C.backgroundPosition = alignmentToCssPosition(e.alignment);
+	let T = {}, E = normalizeSrc(typeof e.image == "string" ? e.image : e.image.src);
+	if (T.backgroundImage = isGradient(E) ? E : `url(${E})`, e.fit && (T.backgroundSize = ImageFitMap[e.fit] || e.fit), T.backgroundAttachment = e.attachment, T.backgroundBlendMode = e.blendMode, T.backgroundClip = e.clip, T.backgroundOrigin = e.origin, T.backgroundRepeat = e.repeat ?? "no-repeat", e.alignment) {
+		let E = alignmentToCssPosition(e.alignment);
+		if (E && E !== "center") T.backgroundPosition = E;
+		else if (e.alignment !== Alignment.center) if (Object.keys(Alignment).includes(e.alignment)) T.backgroundPosition = alignmentToCssPosition(e.alignment);
 		else {
-			let [w, T] = (e.alignment || "").split(" ");
-			w && !cssPoisitions[w] && (w = px2vw(w)), T && !cssPoisitions[T] && (T = px2vw(T)), w && !T && (T = "center"), C.backgroundPosition = `${w} ${T}`;
+			let [E, D] = (e.alignment || "").split(" ");
+			E && !cssPoisitions[E] && (E = px2vw(E)), D && !cssPoisitions[D] && (D = px2vw(D)), E && !D && (D = "center"), T.backgroundPosition = `${E} ${D}`;
 		}
-		else C.backgroundPosition = "center";
+		else T.backgroundPosition = "center";
 	}
-	return C;
+	return T;
 }
 function boxDecorationToStyle(e) {
 	if (!e) return {};
-	let { color: C, border: w, borderRadius: T, boxShadow: E, gradient: D, image: O, overflow: k, opacity: A, shape: j } = e, M = {};
-	return C && (M.backgroundColor = C), A !== void 0 && (M.opacity = A), k && (M.overflow = k), D && (M.backgroundImage = D), O && Object.assign(M, decorationImageToStyle(O)), w && Object.assign(M, borderToStyle(w)), j === BoxShape.circle ? M.borderRadius = "50%" : T && Object.assign(M, borderRadiusToStyle(T)), E && (M.boxShadow = (Array.isArray(E) ? E : [E]).map(boxShadowToCSS).join(", ")), M;
+	let { color: T, border: E, borderRadius: D, boxShadow: O, gradient: k, image: A, overflow: j, opacity: M, shape: N } = e, P = {};
+	return T && (P.backgroundColor = T), M !== void 0 && (P.opacity = M), j && (P.overflow = j), k && (P.backgroundImage = k), A && Object.assign(P, decorationImageToStyle(A)), E && Object.assign(P, borderToStyle(E)), N === BoxShape.circle ? P.borderRadius = "50%" : D && Object.assign(P, borderRadiusToStyle(D)), O && (P.boxShadow = (Array.isArray(O) ? O : [O]).map(boxShadowToCSS).join(", ")), P;
 }
 function BoxDecoration(e) {
 	return {
@@ -457,12 +457,12 @@ const Clip = {
 };
 var EDGE_INSETS_SYMBOL = Symbol("edgeInsets");
 function EdgeInsets(e) {
-	let { top: C, right: w, bottom: T, left: E, horizontal: D, vertical: O } = e;
+	let { top: T, right: E, bottom: D, left: O, horizontal: k, vertical: A } = e;
 	return {
-		top: C ?? O ?? 0,
-		right: w ?? D ?? 0,
-		bottom: T ?? O ?? 0,
-		left: E ?? D ?? 0,
+		top: T ?? A ?? 0,
+		right: E ?? k ?? 0,
+		bottom: D ?? A ?? 0,
+		left: O ?? k ?? 0,
 		[EDGE_INSETS_SYMBOL]: !0
 	};
 }
@@ -472,26 +472,26 @@ EdgeInsets.all = (e) => ({
 	bottom: e,
 	left: e,
 	[EDGE_INSETS_SYMBOL]: !0
-}), EdgeInsets.symmetric = ({ vertical: e, horizontal: C }) => EdgeInsets({
+}), EdgeInsets.symmetric = ({ vertical: e, horizontal: T }) => EdgeInsets({
 	vertical: e,
-	horizontal: C
-}), EdgeInsets.only = ({ top: e, right: C, bottom: w, left: T }) => EdgeInsets({
+	horizontal: T
+}), EdgeInsets.only = ({ top: e, right: T, bottom: E, left: D }) => EdgeInsets({
 	top: e,
-	right: C,
-	bottom: w,
-	left: T
+	right: T,
+	bottom: E,
+	left: D
 }), EdgeInsets.zero = EdgeInsets({});
 function isEdgeInsets(e) {
 	return typeof e == "object" && !!e && EDGE_INSETS_SYMBOL in e;
 }
-function edgeInsetsToStyle(e, C) {
-	if (!C) return {};
-	let w = EdgeInsets(C);
+function edgeInsetsToStyle(e, T) {
+	if (!T) return {};
+	let E = EdgeInsets(T);
 	return {
-		[`${e}Top`]: px2vw(w.top),
-		[`${e}Right`]: px2vw(w.right),
-		[`${e}Bottom`]: px2vw(w.bottom),
-		[`${e}Left`]: px2vw(w.left)
+		[`${e}Top`]: px2vw(E.top),
+		[`${e}Right`]: px2vw(E.right),
+		[`${e}Bottom`]: px2vw(E.bottom),
+		[`${e}Left`]: px2vw(E.left)
 	};
 }
 const paddingToStyle = (e) => edgeInsetsToStyle("padding", e), marginToStyle = (e) => edgeInsetsToStyle("margin", e), CrossAxisAlignment = {
@@ -529,10 +529,10 @@ const paddingToStyle = (e) => edgeInsetsToStyle("padding", e), marginToStyle = (
 	passthrough: "passthrough"
 };
 function Size(e) {
-	let { width: C, height: w } = e;
+	let { width: T, height: E } = e;
 	return {
-		width: C,
-		height: w
+		width: T,
+		height: E
 	};
 }
 Size.square = (e) => Size({
@@ -553,10 +553,10 @@ Size.square = (e) => Size({
 });
 function sizeToStyle(e) {
 	if (!e) return;
-	let { width: C, height: w } = e;
+	let { width: T, height: E } = e;
 	return {
-		width: px2vw(C),
-		height: px2vw(w)
+		width: px2vw(T),
+		height: px2vw(E)
 	};
 }
 var GESTURE_HANDLED = Symbol("gesture_handled");
@@ -570,107 +570,107 @@ const events = [
 	"pan-end"
 ];
 function useGestures({ emit: e }) {
-	let C = ref(0), w = ref(null), T = ref(!1), E = ref({
+	let T = ref(0), E = ref(null), D = ref(!1), O = ref({
 		x: 0,
 		y: 0
-	}), D = ref({
+	}), k = ref({
 		x: 0,
 		y: 0
-	}), O = {
+	}), A = {
 		onTap: () => e("tap"),
-		onClick: (C) => e("click", C),
+		onClick: (T) => e("click", T),
 		onDoubleTap: () => e("double-tap"),
 		onLongPress: () => e("long-press"),
-		onPanStart: (C) => e("pan-start", C),
-		onPanUpdate: (C) => e("pan-update", C),
+		onPanStart: (T) => e("pan-start", T),
+		onPanUpdate: (T) => e("pan-update", T),
 		onPanEnd: () => e("pan-end")
-	}, k = (e) => {
+	}, j = (e) => {
 		if (e[GESTURE_HANDLED]) return;
 		e[GESTURE_HANDLED] = !0;
-		let w = Date.now();
-		w - C.value < 300 ? (O.onDoubleTap?.(), C.value = 0) : (O.onTap?.(), O.onClick?.(e), C.value = w);
-	}, A = (e) => {
-		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, L(), z(e.clientX, e.clientY), window.addEventListener("mousemove", j), window.addEventListener("mouseup", M));
-	}, j = (e) => {
-		(Math.abs(e.clientX - E.value.x) > 5 || Math.abs(e.clientY - E.value.y) > 5) && R(), B(e.clientX, e.clientY);
-	}, M = () => {
-		R(), V(), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", M);
+		let E = Date.now();
+		E - T.value < 300 ? (A.onDoubleTap?.(), T.value = 0) : (A.onTap?.(), A.onClick?.(e), T.value = E);
+	}, M = (e) => {
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, z(), V(e.clientX, e.clientY), window.addEventListener("mousemove", N), window.addEventListener("mouseup", P));
 	}, N = (e) => {
+		(Math.abs(e.clientX - O.value.x) > 5 || Math.abs(e.clientY - O.value.y) > 5) && B(), H(e.clientX, e.clientY);
+	}, P = () => {
+		B(), U(), window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", P);
+	}, F = (e) => {
 		if (e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, e.touches.length > 1)) return;
-		let C = e.touches[0];
-		L(), z(C.clientX, C.clientY);
-	}, P = (e) => {
+		let T = e.touches[0];
+		z(), V(T.clientX, T.clientY);
+	}, I = (e) => {
 		if (e[GESTURE_HANDLED]) return;
 		e[GESTURE_HANDLED] = !0;
-		let C = e.touches[0];
-		(Math.abs(C.clientX - E.value.x) > 5 || Math.abs(C.clientY - E.value.y) > 5) && R(), B(C.clientX, C.clientY);
-	}, F = (e) => {
-		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, R(), V());
-	}, I = (e) => {
-		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, R(), V());
-	}, L = () => {
-		R(), w.value = window.setTimeout(() => {
-			O.onLongPress?.();
+		let T = e.touches[0];
+		(Math.abs(T.clientX - O.value.x) > 5 || Math.abs(T.clientY - O.value.y) > 5) && B(), H(T.clientX, T.clientY);
+	}, L = (e) => {
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, B(), U());
+	}, R = (e) => {
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, B(), U());
+	}, z = () => {
+		B(), E.value = window.setTimeout(() => {
+			A.onLongPress?.();
 		}, 500);
-	}, R = () => {
-		w.value &&= (clearTimeout(w.value), null);
-	}, z = (e, C) => {
-		E.value = {
+	}, B = () => {
+		E.value &&= (clearTimeout(E.value), null);
+	}, V = (e, T) => {
+		O.value = {
 			x: e,
-			y: C
-		}, D.value = {
+			y: T
+		}, k.value = {
 			x: e,
-			y: C
-		}, T.value = !0, O.onPanStart?.({ globalPosition: {
+			y: T
+		}, D.value = !0, A.onPanStart?.({ globalPosition: {
 			x: e,
-			y: C
+			y: T
 		} });
-	}, B = (e, C) => {
-		if (!T.value) return;
-		let w = e - D.value.x, E = C - D.value.y;
-		w === 0 && E === 0 || (O.onPanUpdate?.({
+	}, H = (e, T) => {
+		if (!D.value) return;
+		let E = e - k.value.x, O = T - k.value.y;
+		E === 0 && O === 0 || (A.onPanUpdate?.({
 			delta: {
-				x: w,
-				y: E
+				x: E,
+				y: O
 			},
 			globalPosition: {
 				x: e,
-				y: C
+				y: T
 			}
-		}), D.value = {
+		}), k.value = {
 			x: e,
-			y: C
+			y: T
 		});
-	}, V = () => {
-		T.value && (T.value = !1, O.onPanEnd?.());
+	}, U = () => {
+		D.value && (D.value = !1, A.onPanEnd?.());
 	};
 	return {
-		onClick: k,
-		onMousedown: A,
-		onMouseup: M,
-		onMousemove: j,
-		onTouchstart: N,
-		onTouchmove: P,
-		onTouchend: F,
-		onTouchcancel: I
+		onClick: j,
+		onMousedown: M,
+		onMouseup: P,
+		onMousemove: N,
+		onTouchstart: F,
+		onTouchmove: I,
+		onTouchend: L,
+		onTouchcancel: R
 	};
 }
 var S_EVENTS = Symbol("events"), S_BEHAVIOR = Symbol("behavior");
 function useGestureStyle() {
-	let e = inject(S_BEHAVIOR, "deferToChild"), C = {};
-	return (e === "opaque" || e === "translucent") && (C.cursor = "pointer", C.userSelect = "none"), C;
+	let e = inject(S_BEHAVIOR, "deferToChild"), T = {};
+	return (e === "opaque" || e === "translucent") && (T.cursor = "pointer", T.userSelect = "none"), T;
 }
 function useGestureEvents() {
 	return inject(S_EVENTS, void 0);
 }
-function provideGesture(e, C) {
-	provide(S_EVENTS, e), provide(S_BEHAVIOR, C);
+function provideGesture(e, T) {
+	provide(S_EVENTS, e), provide(S_BEHAVIOR, T);
 }
 function useSafeAttrs() {
 	let e = useAttrs();
 	return computed(() => {
-		let { class: C, style: w, ...T } = e ?? {};
-		return T;
+		let { class: T, style: E, ...D } = e ?? {};
+		return D;
 	});
 }
 var StyleInjectionKey = Symbol("fluekit-style-provider"), Injector = defineComponent({
@@ -680,8 +680,8 @@ var StyleInjectionKey = Symbol("fluekit-style-provider"), Injector = defineCompo
 		type: Object,
 		default: () => ({})
 	} },
-	setup(e, { slots: C }) {
-		return provide(StyleInjectionKey, computed(() => e.style)), () => C.default?.() || null;
+	setup(e, { slots: T }) {
+		return provide(StyleInjectionKey, computed(() => e.style)), () => T.default?.() || null;
 	}
 });
 function useStyles() {
@@ -699,21 +699,21 @@ const StyleProvider = defineComponent({
 			default: () => ({})
 		}
 	},
-	setup(e, { slots: C }) {
+	setup(e, { slots: T }) {
 		return () => {
-			let w = C.default?.() ?? [];
-			return w.length <= 0 ? null : cloneAndMergeStyles(w, e.style, e.attrs);
+			let E = T.default?.() ?? [];
+			return E.length <= 0 ? null : cloneAndMergeStyles(E, e.style, e.attrs);
 		};
 	}
 });
-function cloneAndMergeStyles(E, D, O) {
-	return E.map((E) => E && (E.type === Fragment ? Array.isArray(E.children) ? h(Fragment, cloneAndMergeStyles(E.children, D, O)) : E : E.type === Comment || E.type === Text ? E : isHtmlTag(E) ? cloneVNode(E, { style: {
-		...E.props?.style || {},
-		...D
+function cloneAndMergeStyles(O, k, A) {
+	return O.map((O) => O && (O.type === Fragment ? Array.isArray(O.children) ? h(Fragment, cloneAndMergeStyles(O.children, k, A)) : O : O.type === Comment || O.type === Text ? O : isHtmlTag(O) ? cloneVNode(O, { style: {
+		...O.props?.style || {},
+		...k
 	} }) : h(Injector, {
-		...O,
-		style: D
-	}, { default: () => E })));
+		...A,
+		style: k
+	}, { default: () => O })));
 }
 var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -735,21 +735,21 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		curve: { default: "linear" }
 	},
 	setup(e) {
-		let C = useStyles(), w = useSafeAttrs(), T = useGestureEvents(), D = computed(() => C.value.pointerEvents == "none" ? w.value : {
-			...w.value,
-			...T || {}
-		}), A = useGestureStyle(), j = e, M = computed(() => `all ${j.duration}ms ${j.curve}`), N = computed(() => {
+		let T = useStyles(), E = useSafeAttrs(), D = useGestureEvents(), k = computed(() => T.value.pointerEvents == "none" ? E.value : {
+			...E.value,
+			...D || {}
+		}), M = useGestureStyle(), N = e, P = computed(() => `all ${N.duration}ms ${N.curve}`), F = computed(() => {
 			let e = {
-				...sizeToStyle(j),
-				...paddingToStyle(j.padding),
-				...marginToStyle(j.margin),
-				...boxDecorationToStyle(j.decoration),
-				...alignmentToStyle(j.alignment, "column"),
-				...boxConstraintsToStyle(j.constraints),
-				...A,
-				transition: M.value
+				...sizeToStyle(N),
+				...paddingToStyle(N.padding),
+				...marginToStyle(N.margin),
+				...boxDecorationToStyle(N.decoration),
+				...alignmentToStyle(N.alignment, "column"),
+				...boxConstraintsToStyle(N.constraints),
+				...M,
+				transition: P.value
 			};
-			if (j.color && !j.decoration && (e.backgroundColor = j.color), j.transform && (e.transform = j.transform, j.transformAlignment && (e.transformOrigin = alignmentToOrigin(j.transformAlignment))), j.clipBehavior !== "none") switch (j.clipBehavior) {
+			if (N.color && !N.decoration && (e.backgroundColor = N.color), N.transform && (e.transform = N.transform, N.transformAlignment && (e.transformOrigin = alignmentToOrigin(N.transformAlignment))), N.clipBehavior !== "none") switch (N.clipBehavior) {
 				case "hardEdge":
 					e.overflow = "hidden";
 					break;
@@ -766,22 +766,22 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 				boxSizing: "border-box",
 				position: "relative"
 			};
-		}), P = computed(() => ({
-			...boxDecorationToStyle(j.foregroundDecoration),
+		}), I = computed(() => ({
+			...boxDecorationToStyle(N.foregroundDecoration),
 			position: "absolute",
 			top: 0,
 			left: 0,
 			right: 0,
 			bottom: 0,
 			pointerEvents: "none",
-			transition: M.value
+			transition: P.value
 		}));
-		return (e, C) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, T) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "animated-container",
-			style: N.value
-		}, D.value), [renderSlot(e.$slots, "default"), j.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			style: F.value
+		}, k.value), [renderSlot(e.$slots, "default"), N.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(P.value)
+			style: normalizeStyle(I.value)
 		}, null, 4)) : createCommentVNode("", !0)], 16));
 	}
 }), AnimatedOpacity_default = defineComponent({
@@ -801,12 +801,12 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 			default: "linear"
 		}
 	},
-	setup(e, { slots: C }) {
-		let w = computed(() => e.opacity === void 0 ? {} : {
+	setup(e, { slots: T }) {
+		let E = computed(() => e.opacity === void 0 ? {} : {
 			transition: `opacity ${e.duration}ms ${e.curve}`,
 			opacity: e.opacity
 		});
-		return () => h(StyleProvider, { style: w.value }, C);
+		return () => h(StyleProvider, { style: E.value }, T);
 	}
 }), Container_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -827,38 +827,38 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		flex: {}
 	},
 	setup(e) {
-		let C = useStyles(), w = useSafeAttrs(), T = useGestureEvents(), D = computed(() => C.value.pointerEvents == "none" ? w.value : {
-			...w.value,
-			...T || {}
-		}), A = useGestureStyle(), j = e, M = computed(() => {
+		let T = useStyles(), E = useSafeAttrs(), D = useGestureEvents(), k = computed(() => T.value.pointerEvents == "none" ? E.value : {
+			...E.value,
+			...D || {}
+		}), M = useGestureStyle(), N = e, P = computed(() => {
 			let e = {
-				backgroundColor: j.decoration ? void 0 : j.color,
-				transform: j.transform,
-				transformOrigin: j.transformAlignment ? alignmentToOrigin(j.transformAlignment) : "center",
-				overflow: j.clipBehavior === "none" ? void 0 : "hidden",
+				backgroundColor: N.decoration ? void 0 : N.color,
+				transform: N.transform,
+				transformOrigin: N.transformAlignment ? alignmentToOrigin(N.transformAlignment) : "center",
+				overflow: N.clipBehavior === "none" ? void 0 : "hidden",
 				position: "relative"
 			};
-			Object.assign(e, C.value), j.alignment && (Object.assign(e, {
+			Object.assign(e, T.value), N.alignment && (Object.assign(e, {
 				display: "flex",
 				flexDirection: "column"
-			}), Object.assign(e, alignmentToFlex(j.alignment, "column"))), Object.assign(e, sizeToStyle(j));
-			let w = boxConstraintsToStyle(j.constraints);
-			return isDefined(j.width) && (delete w.minWidth, delete w.maxWidth), isDefined(j.height) && (delete w.minHeight, delete w.maxHeight), Object.assign(e, w), Object.assign(e, paddingToStyle(j.padding)), Object.assign(e, marginToStyle(j.margin)), Object.assign(e, boxDecorationToStyle(j.decoration)), Object.assign(e, A), j.flex !== void 0 && (typeof j.flex == "number" ? e.flex = `${j.flex} 1 0%` : e.flex = j.flex), j.clipBehavior === "antiAlias" && (e.borderRadius = e.borderRadius || "inherit"), e;
-		}), N = computed(() => {
+			}), Object.assign(e, alignmentToFlex(N.alignment, "column"))), Object.assign(e, sizeToStyle(N));
+			let E = boxConstraintsToStyle(N.constraints);
+			return isDefined(N.width) && (delete E.minWidth, delete E.maxWidth), isDefined(N.height) && (delete E.minHeight, delete E.maxHeight), Object.assign(e, E), Object.assign(e, paddingToStyle(N.padding)), Object.assign(e, marginToStyle(N.margin)), Object.assign(e, boxDecorationToStyle(N.decoration)), Object.assign(e, M), N.flex !== void 0 && (typeof N.flex == "number" ? e.flex = `${N.flex} 1 0%` : e.flex = N.flex), N.clipBehavior === "antiAlias" && (e.borderRadius = e.borderRadius || "inherit"), e;
+		}), F = computed(() => {
 			let e = {
 				position: "absolute",
 				pointerEvents: "none",
 				zIndex: 1,
 				inset: 0
 			};
-			return Object.assign(e, boxDecorationToStyle(j.foregroundDecoration)), e;
+			return Object.assign(e, boxDecorationToStyle(N.foregroundDecoration)), e;
 		});
-		return (e, C) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, T) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "container-box",
-			style: M.value
-		}, D.value), [renderSlot(e.$slots, "default"), j.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			style: P.value
+		}, k.value), [renderSlot(e.$slots, "default"), N.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(N.value)
+			style: normalizeStyle(F.value)
 		}, null, 4)) : createCommentVNode("", !0)], 16));
 	}
 }), Box_default = /* @__PURE__ */ defineComponent({
@@ -882,18 +882,18 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		shape: { default: BoxShape.rectangle }
 	},
 	setup(e) {
-		let C = e, w = computed(() => {
-			if (!(!C.color && !C.border && !C.borderRadius && !C.boxShadow && !C.gradient && !C.image && C.shape === "rectangle")) return BoxDecoration({
-				color: C.color,
-				border: C.border,
-				borderRadius: C.borderRadius,
-				boxShadow: C.boxShadow,
-				gradient: C.gradient,
-				image: C.image,
-				shape: C.shape
+		let T = e, E = computed(() => {
+			if (!(!T.color && !T.border && !T.borderRadius && !T.boxShadow && !T.gradient && !T.image && T.shape === "rectangle")) return BoxDecoration({
+				color: T.color,
+				border: T.border,
+				borderRadius: T.borderRadius,
+				boxShadow: T.boxShadow,
+				gradient: T.gradient,
+				image: T.image,
+				shape: T.shape
 			});
 		});
-		return (C, T) => (openBlock(), createBlock(Container_default, {
+		return (T, D) => (openBlock(), createBlock(Container_default, {
 			width: e.width,
 			height: e.height,
 			padding: e.padding,
@@ -903,9 +903,9 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 			"transform-alignment": e.transformAlignment,
 			constraints: e.constraints,
 			"clip-behavior": e.clipBehavior,
-			decoration: w.value
+			decoration: E.value
 		}, {
-			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"width",
@@ -924,29 +924,29 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 const ButtonStyle = (e) => e;
 function buttonStyleToStyle(e) {
 	if (!e) return {};
-	let C = {};
-	if (e.backgroundColor && (C.backgroundColor = e.backgroundColor), e.foregroundColor && (C.color = e.foregroundColor), e.padding && Object.assign(C, paddingToStyle(e.padding)), e.minimumSize) {
-		let { width: w, height: T } = sizeToStyle(e.minimumSize) || {};
-		w && (C.minWidth = w), T && (C.minHeight = T);
+	let T = {};
+	if (e.backgroundColor && (T.backgroundColor = e.backgroundColor), e.foregroundColor && (T.color = e.foregroundColor), e.padding && Object.assign(T, paddingToStyle(e.padding)), e.minimumSize) {
+		let { width: E, height: D } = sizeToStyle(e.minimumSize) || {};
+		E && (T.minWidth = E), D && (T.minHeight = D);
 	}
 	if (e.maximumSize) {
-		let { width: w, height: T } = sizeToStyle(e.maximumSize) || {};
-		w && (C.maxWidth = w), T && (C.maxHeight = T);
+		let { width: E, height: D } = sizeToStyle(e.maximumSize) || {};
+		E && (T.maxWidth = E), D && (T.maxHeight = D);
 	}
 	if (e.fixedSize) {
-		let { width: w, height: T } = sizeToStyle(e.fixedSize) || {};
-		w && (C.width = w, C.minWidth = w, C.maxWidth = w), T && (C.height = T, C.minHeight = T, C.maxHeight = T);
+		let { width: E, height: D } = sizeToStyle(e.fixedSize) || {};
+		E && (T.width = E, T.minWidth = E, T.maxWidth = E), D && (T.height = D, T.minHeight = D, T.maxHeight = D);
 	}
-	return e.side && Object.assign(C, borderSideToStyle(e.side)), e.shape && Object.assign(C, borderRadiusToStyle(e.shape)), e.elevation && (C.boxShadow = `0px ${px2vw(e.elevation)} ${px2vw(e.elevation * 2)} ${e.shadowColor || "rgba(0,0,0,0.2)"}`), e.alignment && (C.display = "flex", C.flexDirection = "column", Object.assign(C, alignmentToFlex(e.alignment, "column"))), C;
+	return e.side && Object.assign(T, borderSideToStyle(e.side)), e.shape && Object.assign(T, borderRadiusToStyle(e.shape)), e.elevation && (T.boxShadow = `0px ${px2vw(e.elevation)} ${px2vw(e.elevation * 2)} ${e.shadowColor || "rgba(0,0,0,0.2)"}`), e.alignment && (T.display = "flex", T.flexDirection = "column", Object.assign(T, alignmentToFlex(e.alignment, "column"))), T;
 }
-function useChildren(T) {
-	if (!T) return [];
-	let E = T();
-	return E ? E.filter((T) => !(T.type === Comment || T.type === Text && typeof T.children == "string" && !T.children.trim() || T.type === Fragment && Array.isArray(T.children) && T.children.length === 0)) : [];
+function useChildren(D) {
+	if (!D) return [];
+	let O = D();
+	return O ? O.filter((D) => !(D.type === Comment || D.type === Text && typeof D.children == "string" && !D.children.trim() || D.type === Fragment && Array.isArray(D.children) && D.children.length === 0)) : [];
 }
 function useChild(e) {
-	let C = useChildren(e);
-	return C.length === 0 ? null : C[0];
+	let T = useChildren(e);
+	return T.length === 0 ? null : T[0];
 }
 var GestureDetector_default = defineComponent({
 	name: "GestureDetector",
@@ -956,11 +956,11 @@ var GestureDetector_default = defineComponent({
 		default: "opaque"
 	} },
 	emits: events,
-	setup(e, { slots: C, emit: E }) {
-		let D = useGestures({ emit: E });
-		return provideGesture(D, e.behavior), () => {
-			let e = useChild(C.default);
-			return e ? e.type === Text ? h("span", D, [e]) : isHtmlTag(e) ? cloneVNode(e, D) : e : null;
+	setup(e, { slots: T, emit: O }) {
+		let k = useGestures({ emit: O });
+		return provideGesture(k, e.behavior), () => {
+			let e = useChild(T.default);
+			return e ? e.type === Text ? h("span", k, [e]) : isHtmlTag(e) ? cloneVNode(e, k) : e : null;
 		};
 	}
 }), _hoisted_1$4 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -974,34 +974,34 @@ var GestureDetector_default = defineComponent({
 		style: {}
 	},
 	emits: ["pressed", "long-press"],
-	setup(e, { emit: C }) {
-		let w = e, T = C, O = useStyles(), k = useSafeAttrs(), j = useGestureEvents(), M = computed(() => O.value.pointerEvents == "none" ? k.value : {
-			...k.value,
-			...j || {}
-		}), N = useGestureStyle(), P = computed(() => {
+	setup(e, { emit: T }) {
+		let E = e, D = T, A = useStyles(), j = useSafeAttrs(), N = useGestureEvents(), P = computed(() => A.value.pointerEvents == "none" ? j.value : {
+			...j.value,
+			...N || {}
+		}), F = useGestureStyle(), I = computed(() => {
 			let e = { position: "relative" };
-			return Object.assign(e, O.value), Object.assign(e, buttonStyleToStyle(w.style)), Object.assign(e, N), e;
-		}), F = () => {
-			w.disabled || T("pressed");
-		}, I = () => {
-			w.disabled || T("long-press");
+			return Object.assign(e, A.value), Object.assign(e, buttonStyleToStyle(E.style)), Object.assign(e, F), e;
+		}), L = () => {
+			E.disabled || D("pressed");
+		}, R = () => {
+			E.disabled || D("long-press");
 		};
-		return (C, w) => (openBlock(), createBlock(GestureDetector_default, {
-			onTap: F,
-			onLongPress: I
+		return (T, E) => (openBlock(), createBlock(GestureDetector_default, {
+			onTap: L,
+			onLongPress: R
 		}, {
 			default: withCtx(() => [createElementVNode("button", mergeProps({
 				class: "fluekit-button",
-				style: P.value,
+				style: I.value,
 				disabled: e.disabled
-			}, M.value), [renderSlot(C.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$4)]),
+			}, P.value), [renderSlot(T.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$4)]),
 			_: 3
 		}));
 	}
-}), __plugin_vue_export_helper_default = (e, C) => {
-	let w = e.__vccOpts || e;
-	for (let [e, T] of C) w[e] = T;
-	return w;
+}), __plugin_vue_export_helper_default = (e, T) => {
+	let E = e.__vccOpts || e;
+	for (let [e, D] of T) E[e] = D;
+	return E;
 }, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a5efef4c"]]), Card_default = /* @__PURE__ */ defineComponent({
 	__name: "Card",
 	props: {
@@ -1014,32 +1014,32 @@ var GestureDetector_default = defineComponent({
 		borderOnForeground: { type: Boolean }
 	},
 	setup(e) {
-		let C = e, w = computed(() => {
+		let T = e, E = computed(() => {
 			let e = [];
-			if (C.elevation > 0) {
-				let w = C.elevation * 2;
-				C.elevation, e.push(BoxShadow({
-					color: C.shadowColor,
+			if (T.elevation > 0) {
+				let E = T.elevation * 2;
+				T.elevation, e.push(BoxShadow({
+					color: T.shadowColor,
 					offset: {
 						x: 0,
 						y: 1
 					},
-					blurRadius: w,
+					blurRadius: E,
 					spreadRadius: 0
 				}));
 			}
 			return BoxDecoration({
-				color: C.color,
-				borderRadius: C.shape || BorderRadius.all(4),
+				color: T.color,
+				borderRadius: T.shape || BorderRadius.all(4),
 				boxShadow: e.length > 0 ? e : void 0
 			});
 		});
-		return (C, T) => (openBlock(), createBlock(Container_default, {
+		return (T, D) => (openBlock(), createBlock(Container_default, {
 			margin: e.margin,
-			decoration: w.value,
+			decoration: E.value,
 			"clip-behavior": e.clipBehavior
 		}, {
-			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"margin",
@@ -1055,12 +1055,12 @@ var GestureDetector_default = defineComponent({
 		heightFactor: {}
 	},
 	setup(e) {
-		return (C, w) => (openBlock(), createBlock(Align_default, {
+		return (T, E) => (openBlock(), createBlock(Align_default, {
 			alignment: "center",
 			"width-factor": e.widthFactor,
 			"height-factor": e.heightFactor
 		}, {
-			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 8, ["width-factor", "height-factor"]));
 	}
@@ -1086,24 +1086,24 @@ var GestureDetector_default = defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		let C = e, w = useSafeAttrs(), T = computed(() => {
-			let e = ["flex-box", `flex-box-${C.direction}`];
-			return C.expanded && e.push("flex-expanded"), C.mainAxisSize === MainAxisSize.min && e.push("main-axis-min"), e.join(" ");
-		}), O = computed(() => {
-			let e = C.mainAxisAlignment, w = C.crossAxisAlignment, T = {
+		let T = e, E = useSafeAttrs(), D = computed(() => {
+			let e = ["flex-box", `flex-box-${T.direction}`];
+			return T.expanded && e.push("flex-expanded"), T.mainAxisSize === MainAxisSize.min && e.push("main-axis-min"), e.join(" ");
+		}), A = computed(() => {
+			let e = T.mainAxisAlignment, E = T.crossAxisAlignment, D = {
 				display: "flex",
-				flexDirection: C.direction,
-				flexWrap: C.wrap ? "wrap" : "nowrap"
+				flexDirection: T.direction,
+				flexWrap: T.wrap ? "wrap" : "nowrap"
 			};
-			T.justifyContent = FlexBoxJustifyMap[e] || e, T.alignItems = FlexBoxAlignMap[w] || w, T.gap = px2vw(C.gap);
-			let E = C.direction?.includes("row"), D = C.direction?.includes("column");
-			return C.mainAxisSize === MainAxisSize.min ? (E && (T.width = "fit-content"), D && (T.height = "fit-content")) : (E && (T.width = "100%"), D && (T.height = "100%")), C.expanded && (T.flex = "1", T.width = "100%", T.height = "100%"), C.constraints && Object.assign(T, boxConstraintsToStyle(C.constraints)), T;
+			D.justifyContent = FlexBoxJustifyMap[e] || e, D.alignItems = FlexBoxAlignMap[E] || E, D.gap = px2vw(T.gap);
+			let O = T.direction?.includes("row"), k = T.direction?.includes("column");
+			return T.mainAxisSize === MainAxisSize.min ? (O && (D.width = "fit-content"), k && (D.height = "fit-content")) : (O && (D.width = "100%"), k && (D.height = "100%")), T.expanded && (D.flex = "1", D.width = "100%", D.height = "100%"), T.constraints && Object.assign(D, boxConstraintsToStyle(T.constraints)), D;
 		});
-		return (C, E) => (openBlock(), createBlock(resolveDynamicComponent(e.as), mergeProps({
-			class: T.value,
-			style: O.value
-		}, unref(w)), {
-			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+		return (T, O) => (openBlock(), createBlock(resolveDynamicComponent(e.as), mergeProps({
+			class: D.value,
+			style: A.value
+		}, unref(E)), {
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 16, ["class", "style"]));
 	}
@@ -1122,7 +1122,7 @@ var GestureDetector_default = defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		return (C, w) => (openBlock(), createBlock(FlexBox_default, {
+		return (T, E) => (openBlock(), createBlock(FlexBox_default, {
 			direction: "column",
 			"main-axis-alignment": e.mainAxisAlignment,
 			"main-axis-size": e.mainAxisSize,
@@ -1131,7 +1131,7 @@ var GestureDetector_default = defineComponent({
 			gap: e.gap,
 			expanded: e.expanded
 		}, {
-			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"main-axis-alignment",
@@ -1160,22 +1160,22 @@ var GestureDetector_default = defineComponent({
 		maxSize: {}
 	},
 	setup(e) {
-		let C = e, w = useSafeAttrs(), T = computed(() => {
+		let T = e, E = useSafeAttrs(), D = computed(() => {
 			let e = {};
-			if (C.expanded ? e.flex = "1 1 0%" : (C.flexible && (e.flex = "0 1 auto"), C.flex > 0 && (e.flex = `${C.flex} 1 0%`)), C.alignSelf !== "auto" && (e.alignSelf = FlexBoxAlignMap[C.alignSelf] || C.alignSelf), C.minSize) {
-				let w = px2vw(C.minSize);
-				e.minWidth = w, e.minHeight = w;
+			if (T.expanded ? e.flex = "1 1 0%" : (T.flexible && (e.flex = "0 1 auto"), T.flex > 0 && (e.flex = `${T.flex} 1 0%`)), T.alignSelf !== "auto" && (e.alignSelf = FlexBoxAlignMap[T.alignSelf] || T.alignSelf), T.minSize) {
+				let E = px2vw(T.minSize);
+				e.minWidth = E, e.minHeight = E;
 			}
-			if (C.maxSize) {
-				let w = px2vw(C.maxSize);
-				e.maxWidth = w, e.maxHeight = w;
+			if (T.maxSize) {
+				let E = px2vw(T.maxSize);
+				e.maxWidth = E, e.maxHeight = E;
 			}
 			return e;
 		});
-		return (e, C) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, T) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "flex-item",
-			style: T.value
-		}, unref(w)), [renderSlot(e.$slots, "default")], 16));
+			style: D.value
+		}, unref(E)), [renderSlot(e.$slots, "default")], 16));
 	}
 }), Expanded_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1187,14 +1187,14 @@ var GestureDetector_default = defineComponent({
 		maxSize: {}
 	},
 	setup(e) {
-		return (C, w) => (openBlock(), createBlock(FlexItem_default, {
+		return (T, E) => (openBlock(), createBlock(FlexItem_default, {
 			flex: e.flex,
 			expanded: "",
 			"align-self": e.alignSelf,
 			"min-size": e.minSize,
 			"max-size": e.maxSize
 		}, {
-			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"flex",
@@ -1204,13 +1204,13 @@ var GestureDetector_default = defineComponent({
 		]));
 	}
 });
-function usePositionStyle(e, C = "absolute") {
+function usePositionStyle(e, T = "absolute") {
 	return computed(() => {
-		let w = {
-			position: C,
+		let E = {
+			position: T,
 			boxSizing: "border-box"
 		};
-		return w.top = px2vw(e.top), w.bottom = px2vw(e.bottom), w.left = px2vw(e.left), w.right = px2vw(e.right), w.width = px2vw(e.width), w.height = px2vw(e.height), w.zIndex = e.zIndex, w;
+		return E.top = px2vw(e.top), E.bottom = px2vw(e.bottom), E.left = px2vw(e.left), E.right = px2vw(e.right), E.width = px2vw(e.width), E.height = px2vw(e.height), E.zIndex = e.zIndex, E;
 	});
 }
 var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1226,10 +1226,10 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		zIndex: { default: 100 }
 	},
 	setup(e) {
-		let C = usePositionStyle(e, "fixed");
-		return (e, w) => (openBlock(), createElementBlock("div", {
+		let T = usePositionStyle(e, "fixed");
+		return (e, E) => (openBlock(), createElementBlock("div", {
 			class: "flutter-fixed",
-			style: normalizeStyle(unref(C))
+			style: normalizeStyle(unref(T))
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-b47757ec"]]), ScrollView_default = /* @__PURE__ */ defineComponent({
@@ -1250,8 +1250,8 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		"scrollStart",
 		"scrollEnd"
 	],
-	setup(e, { expose: C, emit: w }) {
-		let T = e, D = w, O = ref(), j = !1, M = null, N = computed(() => {
+	setup(e, { expose: T, emit: E }) {
+		let D = e, k = E, A = ref(), N = !1, P = null, F = computed(() => {
 			let e = {
 				width: "100%",
 				height: "100%",
@@ -1260,39 +1260,39 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 				scrollbarWidth: "none",
 				WebkitOverflowScrolling: "touch"
 			};
-			return T.physics === "never" ? e.overflow = "hidden" : (T.scrollDirection === "vertical" ? (e.overflowX = "hidden", e.overflowY = "auto") : (e.overflowX = "auto", e.overflowY = "hidden"), T.physics === "clamping" ? e.overscrollBehavior = "none" : T.physics === "bouncing" && (e.overscrollBehavior = "auto")), T.clipBehavior === "none" && T.physics === "never" && (e.overflow = "visible"), e;
-		}), P = computed(() => {
+			return D.physics === "never" ? e.overflow = "hidden" : (D.scrollDirection === "vertical" ? (e.overflowX = "hidden", e.overflowY = "auto") : (e.overflowX = "auto", e.overflowY = "hidden"), D.physics === "clamping" ? e.overscrollBehavior = "none" : D.physics === "bouncing" && (e.overscrollBehavior = "auto")), D.clipBehavior === "none" && D.physics === "never" && (e.overflow = "visible"), e;
+		}), I = computed(() => {
 			let e = {
-				minWidth: T.scrollDirection === "horizontal" ? "max-content" : "100%",
-				minHeight: T.scrollDirection === "vertical" ? "fit-content" : "100%",
+				minWidth: D.scrollDirection === "horizontal" ? "max-content" : "100%",
+				minHeight: D.scrollDirection === "vertical" ? "fit-content" : "100%",
 				boxSizing: "border-box",
 				display: "flow-root"
 			};
-			return T.padding && Object.assign(e, paddingToStyle(T.padding)), e;
-		}), F = (e) => {
-			let C = e.target;
-			j || (j = !0, D("scrollStart")), D("scroll", {
-				scrollTop: C.scrollTop,
-				scrollLeft: C.scrollLeft,
-				scrollHeight: C.scrollHeight,
-				scrollWidth: C.scrollWidth
-			}), M && clearTimeout(M), M = window.setTimeout(() => {
-				j = !1, D("scrollEnd");
+			return D.padding && Object.assign(e, paddingToStyle(D.padding)), e;
+		}), L = (e) => {
+			let T = e.target;
+			N || (N = !0, k("scrollStart")), k("scroll", {
+				scrollTop: T.scrollTop,
+				scrollLeft: T.scrollLeft,
+				scrollHeight: T.scrollHeight,
+				scrollWidth: T.scrollWidth
+			}), P && clearTimeout(P), P = window.setTimeout(() => {
+				N = !1, k("scrollEnd");
 			}, 150);
 		};
-		return C({
-			scrollRef: O,
+		return T({
+			scrollRef: A,
 			scrollTo: (e) => {
-				O.value?.scrollTo(e);
+				A.value?.scrollTo(e);
 			}
 		}), onUnmounted(() => {
-			M && clearTimeout(M);
-		}), (e, C) => (openBlock(), createElementBlock("div", {
+			P && clearTimeout(P);
+		}), (e, T) => (openBlock(), createElementBlock("div", {
 			ref_key: "scrollRef",
-			ref: O,
-			style: normalizeStyle(N.value),
-			onScroll: F
-		}, [createElementVNode("div", { style: normalizeStyle(P.value) }, [renderSlot(e.$slots, "default")], 4)], 36));
+			ref: A,
+			style: normalizeStyle(F.value),
+			onScroll: L
+		}, [createElementVNode("div", { style: normalizeStyle(I.value) }, [renderSlot(e.$slots, "default")], 4)], 36));
 	}
 }), GridView_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1313,36 +1313,36 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		itemCount: {}
 	},
 	setup(e) {
-		let w = e, T = computed(() => ({
-			height: w.shrinkWrap ? "auto" : "100%",
-			width: w.shrinkWrap ? "auto" : "100%"
-		})), O = computed(() => {
-			let e = w.scrollDirection === "vertical", C = typeof w.mainAxisSpacing == "number" ? px2vw(w.mainAxisSpacing) : w.mainAxisSpacing, T = typeof w.crossAxisSpacing == "number" ? px2vw(w.crossAxisSpacing) : w.crossAxisSpacing;
+		let E = e, D = computed(() => ({
+			height: E.shrinkWrap ? "auto" : "100%",
+			width: E.shrinkWrap ? "auto" : "100%"
+		})), A = computed(() => {
+			let e = E.scrollDirection === "vertical", T = typeof E.mainAxisSpacing == "number" ? px2vw(E.mainAxisSpacing) : E.mainAxisSpacing, D = typeof E.crossAxisSpacing == "number" ? px2vw(E.crossAxisSpacing) : E.crossAxisSpacing;
 			return {
 				display: "grid",
-				gridTemplateColumns: e ? `repeat(${w.crossAxisCount}, 1fr)` : "none",
-				gridTemplateRows: e ? "none" : `repeat(${w.crossAxisCount}, 1fr)`,
+				gridTemplateColumns: e ? `repeat(${E.crossAxisCount}, 1fr)` : "none",
+				gridTemplateRows: e ? "none" : `repeat(${E.crossAxisCount}, 1fr)`,
 				gridAutoFlow: e ? "row" : "column",
-				gap: e ? `${C} ${T}` : `${T} ${C}`,
+				gap: e ? `${T} ${D}` : `${D} ${T}`,
 				minWidth: e ? "100%" : "max-content",
 				minHeight: e ? "max-content" : "100%"
 			};
 		});
-		return (w, E) => (openBlock(), createBlock(ScrollView_default, {
+		return (E, O) => (openBlock(), createBlock(ScrollView_default, {
 			"scroll-direction": e.scrollDirection,
 			padding: e.padding,
 			physics: e.physics,
 			"clip-behavior": e.clipBehavior,
 			class: "flutter-grid-view",
-			style: normalizeStyle(T.value)
+			style: normalizeStyle(D.value)
 		}, {
 			default: withCtx(() => [createElementVNode("div", {
 				class: "grid-view-content",
-				style: normalizeStyle(O.value)
-			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (e) => renderSlot(w.$slots, "item", {
+				style: normalizeStyle(A.value)
+			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (e) => renderSlot(E.$slots, "item", {
 				key: e - 1,
 				index: e - 1
-			})), 128)) : renderSlot(w.$slots, "default", { key: 0 })], 4)]),
+			})), 128)) : renderSlot(E.$slots, "default", { key: 0 })], 4)]),
 			_: 3
 		}, 8, [
 			"scroll-direction",
@@ -1365,11 +1365,11 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 			default: !1
 		}
 	},
-	setup(e, { slots: C }) {
-		return () => !e.ignoring && !e.ignoringSemantics ? C.default?.() : h(StyleProvider, {
+	setup(e, { slots: T }) {
+		return () => !e.ignoring && !e.ignoringSemantics ? T.default?.() : h(StyleProvider, {
 			style: { pointerEvents: e.ignoring ? "none" : void 0 },
 			attrs: { "aria-hidden": e.ignoringSemantics ? "true" : void 0 }
-		}, C);
+		}, T);
 	}
 }), IMAGE_PROVIDER_SYMBOL = Symbol("ImageProvider");
 function isImageProvider(e) {
@@ -1382,9 +1382,9 @@ function NetworkImage(e) {
 	};
 }
 function MemoryImage(e) {
-	let C = "";
-	return typeof e == "string" ? C = e : e instanceof Blob ? C = URL.createObjectURL(e) : console.warn("[MemoryImage] Unsupported data type. Expected string (base64) or Blob."), {
-		src: C,
+	let T = "";
+	return typeof e == "string" ? T = e : e instanceof Blob ? T = URL.createObjectURL(e) : console.warn("[MemoryImage] Unsupported data type. Expected string (base64) or Blob."), {
+		src: T,
 		[IMAGE_PROVIDER_SYMBOL]: !0
 	};
 }
@@ -1392,17 +1392,17 @@ var _assetBaseUrl = "/";
 function setAssetBaseURL(e) {
 	_assetBaseUrl = e;
 }
-function AssetImage(e, C = {}) {
-	let w = C.package ? `${C.package}/${e}` : e;
-	return /^(https?:|file:|blob:|data:|\/\/)/i.test(w) || _assetBaseUrl && (w = (_assetBaseUrl.endsWith("/") ? _assetBaseUrl : _assetBaseUrl + "/") + (w.startsWith("/") ? w.slice(1) : w)), {
-		src: w,
+function AssetImage(e, T = {}) {
+	let E = T.package ? `${T.package}/${e}` : e;
+	return /^(https?:|file:|blob:|data:|\/\/)/i.test(E) || _assetBaseUrl && (E = (_assetBaseUrl.endsWith("/") ? _assetBaseUrl : _assetBaseUrl + "/") + (E.startsWith("/") ? E.slice(1) : E)), {
+		src: E,
 		[IMAGE_PROVIDER_SYMBOL]: !0
 	};
 }
 function createAssetImage(e) {
-	return (C, w = {}) => AssetImage(C, {
+	return (T, E = {}) => AssetImage(T, {
 		...e,
-		...w
+		...E
 	});
 }
 var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1422,8 +1422,8 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		alt: { default: "" }
 	},
 	emits: ["load", "error"],
-	setup(e, { emit: C }) {
-		let w = e, T = C, D = useSafeAttrs(), O = computed(() => {
+	setup(e, { emit: T }) {
+		let E = e, D = T, k = useSafeAttrs(), A = computed(() => {
 			let e = {
 				position: "relative",
 				display: "inline-block",
@@ -1431,10 +1431,10 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 				lineHeight: 0
 			};
 			return Object.assign(e, sizeToStyle({
-				width: w.width,
-				height: w.height
+				width: E.width,
+				height: E.height
 			})), e;
-		}), j = {
+		}), N = {
 			fill: "fill",
 			contain: "contain",
 			cover: "cover",
@@ -1442,27 +1442,27 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 			fitHeight: "contain",
 			none: "none",
 			scaleDown: "scale-down"
-		}, M = computed(() => alignmentToOrigin(w.alignment)), N = computed(() => {
+		}, P = computed(() => alignmentToOrigin(E.alignment)), F = computed(() => {
 			let e = {
 				width: "100%",
 				height: "100%",
-				objectFit: j[w.fit],
-				objectPosition: M.value,
-				opacity: w.opacity,
-				imageRendering: w.filterQuality === "low" ? "pixelated" : "auto"
+				objectFit: N[E.fit],
+				objectPosition: P.value,
+				opacity: E.opacity,
+				imageRendering: E.filterQuality === "low" ? "pixelated" : "auto"
 			};
-			return w.color, e;
-		}), P = (e) => T("load", e), F = (e) => T("error", e);
-		return (C, T) => (openBlock(), createElementBlock("div", mergeProps({
+			return E.color, e;
+		}), I = (e) => D("load", e), L = (e) => D("error", e);
+		return (T, D) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "fluekit-image-container",
-			style: O.value
-		}, unref(D)), [createElementVNode("img", {
-			src: w.image.src,
+			style: A.value
+		}, unref(k)), [createElementVNode("img", {
+			src: E.image.src,
 			class: "fluekit-image",
-			style: normalizeStyle(N.value),
+			style: normalizeStyle(F.value),
 			alt: e.alt,
-			onLoad: P,
-			onError: F
+			onLoad: I,
+			onError: L
 		}, null, 44, _hoisted_1$3)], 16));
 	}
 }), [["__scopeId", "data-v-ce382550"]]), _hoisted_1$2 = {
@@ -1488,11 +1488,11 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		clipBehavior: { default: "hardEdge" }
 	},
 	setup(e) {
-		let w = e, T = computed(() => ({
-			height: w.shrinkWrap ? "auto" : "100%",
-			width: w.shrinkWrap ? "auto" : "100%"
-		})), j = computed(() => {
-			let e = w.scrollDirection === "vertical";
+		let E = e, D = computed(() => ({
+			height: E.shrinkWrap ? "auto" : "100%",
+			width: E.shrinkWrap ? "auto" : "100%"
+		})), N = computed(() => {
+			let e = E.scrollDirection === "vertical";
 			return {
 				display: "flex",
 				flexDirection: e ? "column" : "row",
@@ -1500,18 +1500,18 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 				minWidth: e ? "100%" : "max-content"
 			};
 		});
-		return (w, E) => (openBlock(), createBlock(ScrollView_default, {
+		return (E, O) => (openBlock(), createBlock(ScrollView_default, {
 			"scroll-direction": e.scrollDirection,
 			padding: e.padding,
 			physics: e.physics,
 			"clip-behavior": e.clipBehavior,
 			class: normalizeClass(["flutter-list-view", { "list-view-shrink-wrap": e.shrinkWrap }]),
-			style: normalizeStyle(T.value)
+			style: normalizeStyle(D.value)
 		}, {
 			default: withCtx(() => [createElementVNode("div", {
 				class: "list-view-content",
-				style: normalizeStyle(j.value)
-			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (T) => (openBlock(), createElementBlock(Fragment, { key: T - 1 }, [renderSlot(w.$slots, "item", { index: T - 1 }, void 0, !0), e.separator && T < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(w.$slots, "separator", { index: T - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(w.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
+				style: normalizeStyle(N.value)
+			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (D) => (openBlock(), createElementBlock(Fragment, { key: D - 1 }, [renderSlot(E.$slots, "item", { index: D - 1 }, void 0, !0), e.separator && D < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(E.$slots, "separator", { index: D - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(E.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
 			_: 3
 		}, 8, [
 			"scroll-direction",
@@ -1529,9 +1529,9 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		type: Number,
 		default: void 0
 	} },
-	setup(e, { slots: C }) {
-		let w = computed(() => e.opacity === void 0 ? {} : { opacity: Math.max(0, Math.min(1, e.opacity)) });
-		return () => h(StyleProvider, { style: w.value }, C);
+	setup(e, { slots: T }) {
+		let E = computed(() => e.opacity === void 0 ? {} : { opacity: Math.max(0, Math.min(1, e.opacity)) });
+		return () => h(StyleProvider, { style: E.value }, T);
 	}
 }), Padding_default = defineComponent({
 	name: "Padding",
@@ -1562,10 +1562,10 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 			default: void 0
 		}
 	},
-	setup(e, { slots: C }) {
+	setup(e, { slots: T }) {
 		return () => {
-			let w = useChild(C.default);
-			return w ? cloneVNode(w, { style: edgeInsetsToStyle("padding", e) }) : null;
+			let E = useChild(T.default);
+			return E ? cloneVNode(E, { style: edgeInsetsToStyle("padding", e) }) : null;
 		};
 	}
 }), STACK_CONTEXT_KEY = "stackContext";
@@ -1586,14 +1586,14 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		zIndex: {}
 	},
 	setup(e) {
-		let C = e, w = useStackContext();
+		let T = e, E = useStackContext();
 		onMounted(() => {
-			w || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
+			E || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
 		});
-		let T = usePositionStyle(C, "absolute");
-		return (e, C) => (openBlock(), createElementBlock("div", {
+		let D = usePositionStyle(T, "absolute");
+		return (e, T) => (openBlock(), createElementBlock("div", {
 			class: "positioned",
-			style: normalizeStyle(unref(T))
+			style: normalizeStyle(unref(D))
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), Row_default = /* @__PURE__ */ defineComponent({
@@ -1617,7 +1617,7 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		return (C, w) => (openBlock(), createBlock(FlexBox_default, {
+		return (T, E) => (openBlock(), createBlock(FlexBox_default, {
 			direction: "row",
 			"main-axis-alignment": e.mainAxisAlignment,
 			"main-axis-size": e.mainAxisSize,
@@ -1627,7 +1627,7 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 			as: e.as,
 			expanded: e.expanded
 		}, {
-			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"main-axis-alignment",
@@ -1666,18 +1666,18 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(e) {
-		let C = e, w = computed(() => {
+		let T = e, E = computed(() => {
 			let e = {
 				display: "flex",
 				flexDirection: "column",
 				width: "100%",
 				height: "100%"
 			};
-			return C.top && [].push("env(safe-area-inset-top)"), C.right && [].push("env(safe-area-inset-right)"), C.bottom && [].push("env(safe-area-inset-bottom)"), C.left && [].push("env(safe-area-inset-left)"), C.top && (e.paddingTop = "env(safe-area-inset-top)"), C.right && (e.paddingRight = "env(safe-area-inset-right)"), C.bottom && (e.paddingBottom = "env(safe-area-inset-bottom)"), C.left && (e.paddingLeft = "env(safe-area-inset-left)"), C.minimum, e;
+			return T.top && [].push("env(safe-area-inset-top)"), T.right && [].push("env(safe-area-inset-right)"), T.bottom && [].push("env(safe-area-inset-bottom)"), T.left && [].push("env(safe-area-inset-left)"), T.top && (e.paddingTop = "env(safe-area-inset-top)"), T.right && (e.paddingRight = "env(safe-area-inset-right)"), T.bottom && (e.paddingBottom = "env(safe-area-inset-bottom)"), T.left && (e.paddingLeft = "env(safe-area-inset-left)"), T.minimum, e;
 		});
-		return (e, C) => (openBlock(), createElementBlock("div", {
+		return (e, T) => (openBlock(), createElementBlock("div", {
 			class: "flutter-safe-area",
-			style: normalizeStyle(w.value)
+			style: normalizeStyle(E.value)
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), SizedBox_default = /* @__PURE__ */ defineComponent({
@@ -1688,17 +1688,17 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		height: {}
 	},
 	setup(e) {
-		let C = e, w = useSafeAttrs(), T = useSlots(), D = computed(() => {
+		let T = e, E = useSafeAttrs(), D = useSlots(), k = computed(() => {
 			let e = {
 				boxSizing: "border-box",
 				position: "relative"
 			};
-			return Object.assign(e, sizeToStyle(C)), T.default && (e.display = "flex", e.flexDirection = "column", e.flexShrink = 0), e;
+			return Object.assign(e, sizeToStyle(T)), D.default && (e.display = "flex", e.flexDirection = "column", e.flexShrink = 0), e;
 		});
-		return (e, C) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, T) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "sized-box",
-			style: D.value
-		}, unref(w)), [renderSlot(e.$slots, "default")], 16));
+			style: k.value
+		}, unref(E)), [renderSlot(e.$slots, "default")], 16));
 	}
 }), Stack_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1710,27 +1710,27 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		fit: { default: StackFit.loose }
 	},
 	setup(e) {
-		let C = e, w = {
+		let T = e, E = {
 			clip: "hidden",
 			hardEdge: "hidden",
 			antiAlias: "hidden",
 			none: "visible"
-		}, T = computed(() => {
+		}, D = computed(() => {
 			let e = {
 				position: "relative",
 				display: "grid",
 				gridTemplateColumns: "1fr",
 				gridTemplateRows: "1fr",
-				...alignmentToGrid(C.alignment),
-				overflow: w[C.clipBehavior],
-				direction: C.textDirection,
+				...alignmentToGrid(T.alignment),
+				overflow: E[T.clipBehavior],
+				direction: T.textDirection,
 				boxSizing: "border-box"
 			};
-			return C.fit === StackFit.expand && (e.width = "100%", e.height = "100%"), e;
+			return T.fit === StackFit.expand && (e.width = "100%", e.height = "100%"), e;
 		});
-		return provideStackContext(), (e, C) => (openBlock(), createElementBlock("div", {
+		return provideStackContext(), (e, T) => (openBlock(), createElementBlock("div", {
 			class: "flutter-stack",
-			style: normalizeStyle(T.value)
+			style: normalizeStyle(D.value)
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-aefe47c2"]]), Sticky_default = /* @__PURE__ */ defineComponent({
@@ -1746,10 +1746,10 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		zIndex: { default: 10 }
 	},
 	setup(e) {
-		let C = usePositionStyle(e, "sticky");
-		return (e, w) => (openBlock(), createElementBlock("div", {
+		let T = usePositionStyle(e, "sticky");
+		return (e, E) => (openBlock(), createElementBlock("div", {
 			class: "flutter-sticky",
-			style: normalizeStyle(unref(C))
+			style: normalizeStyle(unref(T))
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 });
@@ -1771,36 +1771,36 @@ let FontWeight = /* @__PURE__ */ function(e) {
 	return e.rtl = "rtl", e.ltr = "ltr", e;
 }({});
 var TEXT_STYLE_SYMBOL = Symbol("textStyle");
-function buildFontFamily(e, C, w) {
-	let T = e;
-	return C && T && (T = `packages/${C}/${T}`), w && w.length > 0 ? [T, ...w].filter(Boolean).join(", ") : T;
+function buildFontFamily(e, T, E) {
+	let D = e;
+	return T && D && (D = `packages/${T}/${D}`), E && E.length > 0 ? [D, ...E].filter(Boolean).join(", ") : D;
 }
 function toCSSStyle(e = {}) {
-	let C = {};
-	C.margin = 0, C.padding = 0, C.border = "none", C.fontSmooth = "antialiased", C.MozOsxFontSmoothing = "grayscale", C.textRendering = "optimizeLegibility", C.wordBreak = "break-word", C.overflowWrap = "break-word", C.transition = "all 0.2s ease-in-out", e.foreground ? Object.assign(C, e.foreground) : e.color && (C.color = e.color), e.background ? Object.assign(C, e.background) : e.backgroundColor && (C.backgroundColor = e.backgroundColor), e.fontSize && (C.fontSize = typeof e.fontSize == "number" ? px2vw(e.fontSize) : e.fontSize), e.fontWeight && (C.fontWeight = e.fontWeight.toString()), e.fontStyle && (C.fontStyle = e.fontStyle);
-	let w = buildFontFamily(e.fontFamily, e.package, e.fontFamilyFallback);
-	if (w && (C.fontFamily = w), e.letterSpacing && (C.letterSpacing = px2vw(e.letterSpacing)), e.wordSpacing && (C.wordSpacing = px2vw(e.wordSpacing)), e.height && (C.lineHeight = e.height.toString()), e.decoration && (C.textDecoration = e.decoration), e.decorationColor && (C.textDecorationColor = e.decorationColor), e.decorationStyle && (C.textDecorationStyle = e.decorationStyle), e.decorationThickness && (C.textDecorationThickness = px2vw(e.decorationThickness)), e.overflow) switch (e.overflow) {
+	let T = {};
+	T.margin = 0, T.padding = 0, T.border = "none", T.fontSmooth = "antialiased", T.MozOsxFontSmoothing = "grayscale", T.textRendering = "optimizeLegibility", T.wordBreak = "break-word", T.overflowWrap = "break-word", T.transition = "all 0.2s ease-in-out", e.foreground ? Object.assign(T, e.foreground) : e.color && (T.color = e.color), e.background ? Object.assign(T, e.background) : e.backgroundColor && (T.backgroundColor = e.backgroundColor), e.fontSize && (T.fontSize = typeof e.fontSize == "number" ? px2vw(e.fontSize) : e.fontSize), e.fontWeight && (T.fontWeight = e.fontWeight.toString()), e.fontStyle && (T.fontStyle = e.fontStyle);
+	let E = buildFontFamily(e.fontFamily, e.package, e.fontFamilyFallback);
+	if (E && (T.fontFamily = E), e.letterSpacing && (T.letterSpacing = px2vw(e.letterSpacing)), e.wordSpacing && (T.wordSpacing = px2vw(e.wordSpacing)), e.height && (T.lineHeight = e.height.toString()), e.decoration && (T.textDecoration = e.decoration), e.decorationColor && (T.textDecorationColor = e.decorationColor), e.decorationStyle && (T.textDecorationStyle = e.decorationStyle), e.decorationThickness && (T.textDecorationThickness = px2vw(e.decorationThickness)), e.overflow) switch (e.overflow) {
 		case TextOverflow.ellipsis:
-			C.overflow = "hidden", C.textOverflow = "ellipsis", C.whiteSpace = "nowrap";
+			T.overflow = "hidden", T.textOverflow = "ellipsis", T.whiteSpace = "nowrap";
 			break;
 		case TextOverflow.clip:
-			C.overflow = "hidden";
+			T.overflow = "hidden";
 			break;
 		case TextOverflow.visible:
-			C.overflow = "visible";
+			T.overflow = "visible";
 			break;
 		case TextOverflow.fade:
-			C.overflow = "hidden", C.whiteSpace = "nowrap", C.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
+			T.overflow = "hidden", T.whiteSpace = "nowrap", T.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
 			break;
 	}
-	return e.shadows && e.shadows.length > 0 && (C.textShadow = e.shadows.map((e) => {
-		let C = e.offsetX || 0, w = e.offsetY || 0, T = e.blurRadius || 0, E = e.color || "rgba(0,0,0,0.5)";
-		return `${px2vw(C)} ${px2vw(w)} ${px2vw(T)} ${E}`;
-	}).join(", ")), e.fontFeatures && (C.fontFeatureSettings = JSON.stringify(e.fontFeatures)), e.fontVariations && (C.fontVariationSettings = JSON.stringify(e.fontVariations)), C;
+	return e.shadows && e.shadows.length > 0 && (T.textShadow = e.shadows.map((e) => {
+		let T = e.offsetX || 0, E = e.offsetY || 0, D = e.blurRadius || 0, O = e.color || "rgba(0,0,0,0.5)";
+		return `${px2vw(T)} ${px2vw(E)} ${px2vw(D)} ${O}`;
+	}).join(", ")), e.fontFeatures && (T.fontFeatureSettings = JSON.stringify(e.fontFeatures)), e.fontVariations && (T.fontVariationSettings = JSON.stringify(e.fontVariations)), T;
 }
-function TextStyle(e = {}, C = {}) {
+function TextStyle(e = {}, T = {}) {
 	return {
-		...C,
+		...T,
 		...e,
 		[TEXT_STYLE_SYMBOL]: !0
 	};
@@ -1826,16 +1826,16 @@ var Text_default = /* @__PURE__ */ defineComponent({
 		tag: { default: "span" }
 	},
 	setup(e) {
-		let C = useStyles(), w = e, T = useGestureEvents(), O = computed(() => C.value.pointerEvents == "none" ? {} : T || {}), k = computed(() => {
-			let e = w.data;
+		let T = useStyles(), E = e, D = useGestureEvents(), A = computed(() => T.value.pointerEvents == "none" ? {} : D || {}), j = computed(() => {
+			let e = E.data;
 			return !isUndefined(e) && e != null ? e.toString() : "";
-		}), A = useGestureStyle(), j = computed(() => {
-			let e = w.style ? toCSSStyle(w.style) : {};
-			w.textAlign && (e.textAlign = w.textAlign), w.textDirection && (e.direction = w.textDirection), w.softWrap === !1 && (e.whiteSpace = "nowrap");
-			let C = w.overflow ?? w.style?.overflow;
-			if (C) switch (C) {
+		}), M = useGestureStyle(), N = computed(() => {
+			let e = E.style ? toCSSStyle(E.style) : {};
+			E.textAlign && (e.textAlign = E.textAlign), E.textDirection && (e.direction = E.textDirection), E.softWrap === !1 && (e.whiteSpace = "nowrap");
+			let T = E.overflow ?? E.style?.overflow;
+			if (T) switch (T) {
 				case TextOverflow.ellipsis:
-					e.textOverflow = "ellipsis", e.overflow = "hidden", w.softWrap === !1 && (e.whiteSpace = "nowrap");
+					e.textOverflow = "ellipsis", e.overflow = "hidden", E.softWrap === !1 && (e.whiteSpace = "nowrap");
 					break;
 				case TextOverflow.clip:
 					e.overflow = "hidden", e.textOverflow = "clip";
@@ -1847,10 +1847,10 @@ var Text_default = /* @__PURE__ */ defineComponent({
 					e.overflow = "hidden", e.whiteSpace = "nowrap", e.maskImage = "linear-gradient(to right, black 80%, transparent 100%)", e.WebkitMaskImage = "linear-gradient(to right, black 80%, transparent 100%)";
 					break;
 			}
-			return w.maxLines && w.maxLines > 0 ? (e.overflow = "hidden", e.display = "-webkit-box", e.WebkitBoxOrient = "vertical", e.WebkitLineClamp = w.maxLines.toString(), w.softWrap !== !1 && (e.whiteSpace = "normal")) : e.display ||= w.tag === "span" ? "inline-block" : "block", Object.assign(e, A), e;
+			return E.maxLines && E.maxLines > 0 ? (e.overflow = "hidden", e.display = "-webkit-box", e.WebkitBoxOrient = "vertical", e.WebkitLineClamp = E.maxLines.toString(), E.softWrap !== !1 && (e.whiteSpace = "normal")) : e.display ||= E.tag === "span" ? "inline-block" : "block", Object.assign(e, M), e;
 		});
-		return (C, w) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), mergeProps({ style: j.value }, O.value), {
-			default: withCtx(() => [renderSlot(C.$slots, "default", {}, () => [createTextVNode(toDisplayString(k.value), 1)])]),
+		return (T, E) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), mergeProps({ style: N.value }, A.value), {
+			default: withCtx(() => [renderSlot(T.$slots, "default", {}, () => [createTextVNode(toDisplayString(j.value), 1)])]),
 			_: 3
 		}, 16, ["style"]));
 	}
@@ -1930,78 +1930,78 @@ var _hoisted_1$1 = {
 		"blur",
 		"submit"
 	],
-	setup(e, { emit: C }) {
-		let w = e, T = C, j = ref(null), N = ref(!1), P = ref(null), F = ref(0), I = null, H = () => {
-			let e = j.value;
+	setup(e, { emit: T }) {
+		let E = e, D = T, N = ref(null), F = ref(!1), I = ref(null), L = ref(0), R = null, z = () => {
+			let e = N.value;
 			if (!e || !U.value) return;
-			if (!w.autoGrow) {
+			if (!E.autoGrow) {
 				e.style.height = "", e.style.minHeight = "", e.style.maxHeight = "";
 				return;
 			}
-			let C = window.getComputedStyle(e), T = parseFloat(C.lineHeight || "0") || parseFloat(C.fontSize || "16") * 1.2, E = (w.minLines || 1) * T;
-			if (e.style.minHeight = `${Math.round(E)}px`, w.maxLines && w.maxLines > 1) {
-				let C = w.maxLines * T;
-				e.style.maxHeight = `${Math.round(C)}px`;
+			let T = window.getComputedStyle(e), D = parseFloat(T.lineHeight || "0") || parseFloat(T.fontSize || "16") * 1.2, O = (E.minLines || 1) * D;
+			if (e.style.minHeight = `${Math.round(O)}px`, E.maxLines && E.maxLines > 1) {
+				let T = E.maxLines * D;
+				e.style.maxHeight = `${Math.round(T)}px`;
 			} else e.style.maxHeight = "";
-			e.style.height = "auto", e.style.height = `${Math.max(Math.round(E), e.scrollHeight)}px`;
+			e.style.height = "auto", e.style.height = `${Math.max(Math.round(O), e.scrollHeight)}px`;
 		};
 		onMounted(() => {
-			P.value && (I = new ResizeObserver(() => {
-				F.value = Math.round(P.value.getBoundingClientRect().width);
-			}), I.observe(P.value), F.value = Math.round(P.value.getBoundingClientRect().width)), nextTick(H);
+			I.value && (R = new ResizeObserver(() => {
+				L.value = Math.round(I.value.getBoundingClientRect().width);
+			}), R.observe(I.value), L.value = Math.round(I.value.getBoundingClientRect().width)), nextTick(z);
 		}), onBeforeUnmount(() => {
-			I &&= (I.disconnect(), null);
+			R &&= (R.disconnect(), null);
 		});
-		let U = computed(() => w.maxLines === null || w.maxLines > 1 || w.keyboardType === "multiline"), W = computed(() => {
-			if (!U.value) return w.obscureText ? "password" : w.keyboardType === "number" ? "number" : "text";
-		}), G = computed(() => N.value || w.modelValue !== "" && w.modelValue !== null && w.modelValue !== void 0), K = computed(() => w.decoration?.labelText && !G.value ? "" : w.decoration?.hintText || "");
-		watch(() => w.modelValue, () => nextTick(H)), watch(U, (e) => e && nextTick(H)), watch(() => w.maxLines, () => nextTick(H)), watch(() => w.minLines, () => nextTick(H)), watch(() => w.autoGrow, () => nextTick(H));
-		let q = computed(() => w.decoration?.errorText && w.decoration.errorBorder ? w.decoration.errorBorder : !w.enabled && w.decoration?.disabledBorder ? w.decoration.disabledBorder : N.value && w.decoration?.focusedBorder ? w.decoration.focusedBorder : w.enabled && w.decoration?.enabledBorder ? w.decoration.enabledBorder : w.decoration?.border), J = computed(() => {
+		let U = computed(() => E.maxLines === null || E.maxLines > 1 || E.keyboardType === "multiline"), W = computed(() => {
+			if (!U.value) return E.obscureText ? "password" : E.keyboardType === "number" ? "number" : "text";
+		}), G = computed(() => F.value || E.modelValue !== "" && E.modelValue !== null && E.modelValue !== void 0), K = computed(() => E.decoration?.labelText && !G.value ? "" : E.decoration?.hintText || "");
+		watch(() => E.modelValue, () => nextTick(z)), watch(U, (e) => e && nextTick(z)), watch(() => E.maxLines, () => nextTick(z)), watch(() => E.minLines, () => nextTick(z)), watch(() => E.autoGrow, () => nextTick(z));
+		let q = computed(() => E.decoration?.errorText && E.decoration.errorBorder ? E.decoration.errorBorder : !E.enabled && E.decoration?.disabledBorder ? E.decoration.disabledBorder : F.value && E.decoration?.focusedBorder ? E.decoration.focusedBorder : E.enabled && E.decoration?.enabledBorder ? E.decoration.enabledBorder : E.decoration?.border), J = computed(() => {
 			let e = {
 				display: "flex",
 				alignItems: U.value ? "flex-start" : "center",
 				position: "relative",
 				transition: "all 0.2s ease"
-			}, C = q.value || UnderlineInputBorder();
-			if (C.isOutline) {
-				let w = C.borderSide || BorderSide({
+			}, T = q.value || UnderlineInputBorder();
+			if (T.isOutline) {
+				let E = T.borderSide || BorderSide({
 					width: 1,
 					color: "#888"
-				}), T = C.borderRadius || BorderRadius.all(4);
-				Object.assign(e, borderSideToStyle(w)), Object.assign(e, borderRadiusToStyle(T)), e.padding = "8px 12px";
+				}), D = T.borderRadius || BorderRadius.all(4);
+				Object.assign(e, borderSideToStyle(E)), Object.assign(e, borderRadiusToStyle(D)), e.padding = "8px 12px";
 			} else {
-				let w = C.borderSide || BorderSide({
+				let E = T.borderSide || BorderSide({
 					width: 1,
 					color: "#888"
 				});
-				e.borderBottom = `${w.width}px ${w.style || "solid"} ${w.color}`, e.borderRadius = "0", e.padding = "4px 0";
+				e.borderBottom = `${E.width}px ${E.style || "solid"} ${E.color}`, e.borderRadius = "0", e.padding = "4px 0";
 			}
-			return w.decoration?.filled && (e.backgroundColor = w.decoration.fillColor || "#f0f0f0"), e;
+			return E.decoration?.filled && (e.backgroundColor = E.decoration.fillColor || "#f0f0f0"), e;
 		}), Y = computed(() => {
-			let e = { ...toCSSStyle(w.style) };
-			return w.cursorColor && (e.caretColor = w.cursorColor), w.textAlign && (e.textAlign = w.textAlign), e;
+			let e = { ...toCSSStyle(E.style) };
+			return E.cursorColor && (e.caretColor = E.cursorColor), E.textAlign && (e.textAlign = E.textAlign), e;
 		}), X = computed(() => {
 			let e = {
 				position: "absolute",
-				left: `${(q.value?.isOutline ? 12 : 0) + (F.value || 0)}px`,
+				left: `${(q.value?.isOutline ? 12 : 0) + (L.value || 0)}px`,
 				top: q.value?.isOutline ? "50%" : "0",
 				transform: "translateY(-50%)",
 				pointerEvents: "none",
 				transition: "all 0.2s ease",
 				color: "#666",
-				...toCSSStyle(w.decoration?.labelStyle)
+				...toCSSStyle(E.decoration?.labelStyle)
 			};
-			return G.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", N.value && (e.color = "#2196F3")), e;
+			return G.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", F.value && (e.color = "#2196F3")), e;
 		}), Z = (e) => {
-			let C = e.target;
-			T("update:modelValue", C.value), nextTick(H);
+			let T = e.target;
+			D("update:modelValue", T.value), nextTick(z);
 		}, Q = (e) => {
-			N.value = !0, T("focus", e);
+			F.value = !0, D("focus", e);
 		}, $ = (e) => {
-			N.value = !1, T("blur", e);
+			F.value = !1, D("blur", e);
 		};
-		return (C, w) => (openBlock(), createElementBlock("div", { class: normalizeClass(["fluekit-text-field", {
-			"is-focused": N.value,
+		return (T, E) => (openBlock(), createElementBlock("div", { class: normalizeClass(["fluekit-text-field", {
+			"is-focused": F.value,
 			"is-disabled": !e.enabled,
 			"has-error": !!e.decoration?.errorText
 		}]) }, [
@@ -2014,15 +2014,15 @@ var _hoisted_1$1 = {
 				class: "fluekit-input-container",
 				style: normalizeStyle(J.value)
 			}, [
-				C.$slots.prefix || e.decoration?.prefixText ? (openBlock(), createElementBlock("div", {
+				T.$slots.prefix || e.decoration?.prefixText ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: "fluekit-input-prefix",
 					ref_key: "prefixRef",
-					ref: P
-				}, [renderSlot(C.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(e.decoration?.prefixText), 1)], !0)], 512)) : createCommentVNode("", !0),
+					ref: I
+				}, [renderSlot(T.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(e.decoration?.prefixText), 1)], !0)], 512)) : createCommentVNode("", !0),
 				(openBlock(), createBlock(resolveDynamicComponent(U.value ? "textarea" : "input"), mergeProps({
 					ref_key: "inputRef",
-					ref: j,
+					ref: N,
 					class: "fluekit-input-element",
 					value: e.modelValue,
 					disabled: !e.enabled,
@@ -2035,7 +2035,7 @@ var _hoisted_1$1 = {
 					autocapitalize: e.textCapitalization,
 					enterkeyhint: e.textInputAction,
 					autocorrect: e.autocorrect ? "on" : "off"
-				}, C.$attrs, {
+				}, T.$attrs, {
 					onInput: Z,
 					onFocus: Q,
 					onBlur: $
@@ -2052,7 +2052,7 @@ var _hoisted_1$1 = {
 					"enterkeyhint",
 					"autocorrect"
 				])),
-				C.$slots.suffix || e.decoration?.suffixText ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(C.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(e.decoration?.suffixText), 1)], !0)])) : createCommentVNode("", !0)
+				T.$slots.suffix || e.decoration?.suffixText ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(T.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(e.decoration?.suffixText), 1)], !0)])) : createCommentVNode("", !0)
 			], 4),
 			e.decoration?.errorText || e.decoration?.helperText || e.maxLength && e.maxLength > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [e.decoration?.errorText || e.decoration?.helperText ? (openBlock(), createElementBlock("div", {
 				key: 0,
@@ -2065,23 +2065,23 @@ var _hoisted_1$1 = {
 	__name: "TextArea",
 	props: { maxLines: { default: 4 } },
 	setup(e) {
-		return (C, w) => (openBlock(), createBlock(TextField_default, mergeProps(C.$attrs, {
+		return (T, E) => (openBlock(), createBlock(TextField_default, mergeProps(T.$attrs, {
 			"max-lines": e.maxLines,
 			"keyboard-type": "multiline"
-		}), createSlots({ _: 2 }, [C.$slots.prefix ? {
+		}), createSlots({ _: 2 }, [T.$slots.prefix ? {
 			name: "prefix",
-			fn: withCtx(() => [renderSlot(C.$slots, "prefix")]),
+			fn: withCtx(() => [renderSlot(T.$slots, "prefix")]),
 			key: "0"
-		} : void 0, C.$slots.suffix ? {
+		} : void 0, T.$slots.suffix ? {
 			name: "suffix",
-			fn: withCtx(() => [renderSlot(C.$slots, "suffix")]),
+			fn: withCtx(() => [renderSlot(T.$slots, "suffix")]),
 			key: "1"
 		} : void 0]), 1040, ["max-lines"]));
 	}
 }), MATRIX4_SYMBOL = Symbol("Matrix4");
 function Matrix4(e) {
-	let C;
-	return C = e ? new Float32Array(e) : new Float32Array([
+	let T;
+	return T = e ? new Float32Array(e) : new Float32Array([
 		1,
 		0,
 		0,
@@ -2099,25 +2099,25 @@ function Matrix4(e) {
 		0,
 		1
 	]), {
-		_storage: C,
+		_storage: T,
 		[MATRIX4_SYMBOL]: !0,
 		clone() {
 			return Matrix4(this._storage);
 		},
 		multiply(e) {
-			let C = this._storage, w = e._storage, T = new Float32Array(16);
-			for (let e = 0; e < 4; e++) for (let E = 0; E < 4; E++) {
-				let D = 0;
-				for (let T = 0; T < 4; T++) D += (C[T * 4 + e] ?? 0) * (w[E * 4 + T] ?? 0);
-				T[E * 4 + e] = D;
+			let T = this._storage, E = e._storage, D = new Float32Array(16);
+			for (let e = 0; e < 4; e++) for (let O = 0; O < 4; O++) {
+				let k = 0;
+				for (let D = 0; D < 4; D++) k += (T[D * 4 + e] ?? 0) * (E[O * 4 + D] ?? 0);
+				D[O * 4 + e] = k;
 			}
-			return Matrix4(T);
+			return Matrix4(D);
 		},
-		translated(e, C, w = 0) {
-			return this.multiply(Matrix4.translation(e, C, w));
+		translated(e, T, E = 0) {
+			return this.multiply(Matrix4.translation(e, T, E));
 		},
-		scaled(e, C, w = 1) {
-			return this.multiply(Matrix4.scaling(e, C, w));
+		scaled(e, T, E = 1) {
+			return this.multiply(Matrix4.scaling(e, T, E));
 		},
 		rotatedX(e) {
 			return this.multiply(Matrix4.rotationX(e));
@@ -2134,19 +2134,19 @@ function Matrix4(e) {
 	};
 }
 Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix4.rotationX = (e) => {
-	let C = Math.cos(e), w = Math.sin(e);
+	let T = Math.cos(e), E = Math.sin(e);
 	return Matrix4([
 		1,
 		0,
 		0,
 		0,
 		0,
-		C,
-		w,
+		T,
+		E,
 		0,
 		0,
-		-w,
-		C,
+		-E,
+		T,
 		0,
 		0,
 		0,
@@ -2154,19 +2154,19 @@ Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix
 		1
 	]);
 }, Matrix4.rotationY = (e) => {
-	let C = Math.cos(e), w = Math.sin(e);
+	let T = Math.cos(e), E = Math.sin(e);
 	return Matrix4([
-		C,
+		T,
 		0,
-		-w,
+		-E,
 		0,
 		0,
 		1,
 		0,
 		0,
-		w,
+		E,
 		0,
-		C,
+		T,
 		0,
 		0,
 		0,
@@ -2174,14 +2174,14 @@ Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix
 		1
 	]);
 }, Matrix4.rotationZ = (e) => {
-	let C = Math.cos(e), w = Math.sin(e);
+	let T = Math.cos(e), E = Math.sin(e);
 	return Matrix4([
-		C,
-		w,
+		T,
+		E,
 		0,
 		0,
-		-w,
-		C,
+		-E,
+		T,
 		0,
 		0,
 		0,
@@ -2193,7 +2193,7 @@ Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix
 		0,
 		1
 	]);
-}, Matrix4.translation = (e, C, w = 0) => Matrix4([
+}, Matrix4.translation = (e, T, E = 0) => Matrix4([
 	1,
 	0,
 	0,
@@ -2207,27 +2207,27 @@ Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix
 	1,
 	0,
 	e,
-	C,
-	w,
+	T,
+	E,
 	1
-]), Matrix4.scaling = (e, C, w = 1) => Matrix4([
+]), Matrix4.scaling = (e, T, E = 1) => Matrix4([
 	e,
 	0,
 	0,
 	0,
 	0,
-	C,
+	T,
 	0,
 	0,
 	0,
 	0,
-	w,
+	E,
 	0,
 	0,
 	0,
 	0,
 	1
-]), Matrix4.diagonal3 = (e, C, w) => Matrix4.scaling(e, C, w), Matrix4.skewX = (e) => Matrix4([
+]), Matrix4.diagonal3 = (e, T, E) => Matrix4.scaling(e, T, E), Matrix4.skewX = (e) => Matrix4([
 	1,
 	0,
 	0,
@@ -2274,18 +2274,18 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		origin: {}
 	},
 	setup(e) {
-		let C = e, w = computed(() => {
+		let T = e, E = computed(() => {
 			let e = {
-				...matrix4ToCSSStyle(C.transform),
+				...matrix4ToCSSStyle(T.transform),
 				display: "flex",
 				flexDirection: "column",
 				flexShrink: 0
 			};
-			return C.origin ? e.transformOrigin = C.origin : C.alignment && (e.transformOrigin = alignmentToOrigin(C.alignment)), e;
+			return T.origin ? e.transformOrigin = T.origin : T.alignment && (e.transformOrigin = alignmentToOrigin(T.alignment)), e;
 		});
-		return (e, C) => (openBlock(), createElementBlock("div", {
+		return (e, T) => (openBlock(), createElementBlock("div", {
 			class: "flutter-transform",
-			style: normalizeStyle(w.value)
+			style: normalizeStyle(E.value)
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-f99c0949"]]), Wrap_default = /* @__PURE__ */ defineComponent({
@@ -2302,30 +2302,30 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		clipBehavior: { default: "none" }
 	},
 	setup(e) {
-		let C = e, w = {
+		let T = e, E = {
 			start: "flex-start",
 			end: "flex-end",
 			center: "center",
 			spaceBetween: "space-between",
 			spaceAround: "space-around",
 			spaceEvenly: "space-evenly"
-		}, T = {
+		}, D = {
 			start: "flex-start",
 			end: "flex-end",
 			center: "center"
-		}, D = computed(() => ({
+		}, k = computed(() => ({
 			display: "flex",
 			flexWrap: "wrap",
-			flexDirection: C.direction === "horizontal" ? C.verticalDirection === "down" ? "row" : "row-reverse" : C.verticalDirection === "down" ? "column" : "column-reverse",
-			justifyContent: w[C.alignment],
-			alignContent: w[C.runAlignment],
-			alignItems: T[C.crossAxisAlignment],
-			gap: `${px2vw(C.runSpacing)} ${px2vw(C.spacing)}`,
-			overflow: C.clipBehavior === "none" ? "visible" : "hidden"
+			flexDirection: T.direction === "horizontal" ? T.verticalDirection === "down" ? "row" : "row-reverse" : T.verticalDirection === "down" ? "column" : "column-reverse",
+			justifyContent: E[T.alignment],
+			alignContent: E[T.runAlignment],
+			alignItems: D[T.crossAxisAlignment],
+			gap: `${px2vw(T.runSpacing)} ${px2vw(T.spacing)}`,
+			overflow: T.clipBehavior === "none" ? "visible" : "hidden"
 		}));
-		return (e, C) => (openBlock(), createElementBlock("div", {
+		return (e, T) => (openBlock(), createElementBlock("div", {
 			class: "flutter-wrap",
-			style: normalizeStyle(D.value)
+			style: normalizeStyle(k.value)
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), Divider_default = /* @__PURE__ */ defineComponent({
@@ -2342,21 +2342,21 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		}
 	},
 	setup(e) {
-		let C = e, w = computed(() => C.vertical ? EdgeInsets.only({
-			top: C.indent,
-			bottom: C.endIndent
+		let T = e, E = computed(() => T.vertical ? EdgeInsets.only({
+			top: T.indent,
+			bottom: T.endIndent
 		}) : EdgeInsets.only({
-			left: C.indent,
-			right: C.endIndent
+			left: T.indent,
+			right: T.endIndent
 		}));
-		return (C, T) => (openBlock(), createBlock(SizedBox_default, {
+		return (T, D) => (openBlock(), createBlock(SizedBox_default, {
 			width: e.vertical ? e.thickness : e.indent + e.endIndent,
 			height: e.vertical ? e.indent + e.endIndent : e.thickness
 		}, {
 			default: withCtx(() => [createVNode(Container_default, {
 				width: e.vertical ? e.thickness : void 0,
 				height: e.vertical ? void 0 : e.thickness,
-				margin: w.value,
+				margin: E.value,
 				color: e.color
 			}, null, 8, [
 				"width",
@@ -2371,7 +2371,7 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	__name: "Spacer",
 	props: { flex: { default: 1 } },
 	setup(e) {
-		return (C, w) => (openBlock(), createBlock(Expanded_default, { flex: e.flex }, null, 8, ["flex"]));
+		return (T, E) => (openBlock(), createBlock(Expanded_default, { flex: e.flex }, null, 8, ["flex"]));
 	}
 }), ClipRRect_default = /* @__PURE__ */ defineComponent({
 	__name: "ClipRRect",
@@ -2380,14 +2380,14 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		clipBehavior: { default: "antiAlias" }
 	},
 	setup(e) {
-		let C = e, w = computed(() => {
-			if (C.borderRadius) return BoxDecoration({ borderRadius: C.borderRadius });
+		let T = e, E = computed(() => {
+			if (T.borderRadius) return BoxDecoration({ borderRadius: T.borderRadius });
 		});
-		return (C, T) => (openBlock(), createBlock(Container_default, {
+		return (T, D) => (openBlock(), createBlock(Container_default, {
 			"clip-behavior": e.clipBehavior,
-			decoration: w.value
+			decoration: E.value
 		}, {
-			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 8, ["clip-behavior", "decoration"]));
 	}
@@ -2395,12 +2395,12 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	__name: "ClipOval",
 	props: { clipBehavior: { default: "antiAlias" } },
 	setup(e) {
-		let C = computed(() => BoxDecoration({ shape: BoxShape.circle }));
-		return (w, T) => (openBlock(), createBlock(Container_default, {
+		let T = computed(() => BoxDecoration({ shape: BoxShape.circle }));
+		return (E, D) => (openBlock(), createBlock(Container_default, {
 			"clip-behavior": e.clipBehavior,
-			decoration: C.value
+			decoration: T.value
 		}, {
-			default: withCtx(() => [renderSlot(w.$slots, "default")]),
+			default: withCtx(() => [renderSlot(E.$slots, "default")]),
 			_: 3
 		}, 8, ["clip-behavior", "decoration"]));
 	}
@@ -2430,22 +2430,22 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		}
 	},
 	emits: ["tap", "long-press"],
-	setup(e, { emit: C }) {
-		let w = C, T = () => {
-			A.enabled && w("tap");
-		}, k = () => {
-			A.enabled && w("long-press");
-		}, A = e, j = computed(() => TextStyle({
-			fontSize: A.dense ? 13 : 16,
-			color: A.textColor || (A.enabled ? "rgba(0,0,0,0.87)" : "rgba(0,0,0,0.38)"),
-			fontWeight: A.selected ? FontWeight.w600 : FontWeight.w400
-		})), M = computed(() => TextStyle({
-			fontSize: A.dense ? 12 : 14,
-			color: A.textColor || (A.enabled ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.38)")
+	setup(e, { emit: T }) {
+		let E = T, D = () => {
+			M.enabled && E("tap");
+		}, j = () => {
+			M.enabled && E("long-press");
+		}, M = e, N = computed(() => TextStyle({
+			fontSize: M.dense ? 13 : 16,
+			color: M.textColor || (M.enabled ? "rgba(0,0,0,0.87)" : "rgba(0,0,0,0.38)"),
+			fontWeight: M.selected ? FontWeight.w600 : FontWeight.w400
+		})), P = computed(() => TextStyle({
+			fontSize: M.dense ? 12 : 14,
+			color: M.textColor || (M.enabled ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.38)")
 		}));
-		return (C, w) => (openBlock(), createBlock(GestureDetector_default, {
-			onTap: T,
-			onLongPress: k
+		return (T, E) => (openBlock(), createBlock(GestureDetector_default, {
+			onTap: D,
+			onLongPress: j
 		}, {
 			default: withCtx(() => [createVNode(Container_default, {
 				color: e.selected ? e.selectedColor : e.tileColor || "transparent",
@@ -2459,26 +2459,26 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 					gap: 16
 				}, {
 					default: withCtx(() => [
-						renderSlot(C.$slots, "leading", {}, () => [e.leading ? (openBlock(), createBlock(resolveDynamicComponent(e.leading), { key: 0 })) : createCommentVNode("", !0)]),
+						renderSlot(T.$slots, "leading", {}, () => [e.leading ? (openBlock(), createBlock(resolveDynamicComponent(e.leading), { key: 0 })) : createCommentVNode("", !0)]),
 						createVNode(Expanded_default, null, {
 							default: withCtx(() => [createVNode(Column_default, {
 								"cross-axis-alignment": "start",
 								gap: 4
 							}, {
-								default: withCtx(() => [renderSlot(C.$slots, "title", {}, () => [e.title ? (openBlock(), createBlock(Text_default, {
+								default: withCtx(() => [renderSlot(T.$slots, "title", {}, () => [e.title ? (openBlock(), createBlock(Text_default, {
 									key: 0,
 									data: e.title,
-									style: normalizeStyle(j.value)
-								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)]), renderSlot(C.$slots, "subtitle", {}, () => [e.subtitle ? (openBlock(), createBlock(Text_default, {
+									style: normalizeStyle(N.value)
+								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)]), renderSlot(T.$slots, "subtitle", {}, () => [e.subtitle ? (openBlock(), createBlock(Text_default, {
 									key: 0,
 									data: e.subtitle,
-									style: normalizeStyle(M.value)
+									style: normalizeStyle(P.value)
 								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)])]),
 								_: 3
 							})]),
 							_: 3
 						}),
-						renderSlot(C.$slots, "trailing", {}, () => [e.trailing ? (openBlock(), createBlock(resolveDynamicComponent(e.trailing), { key: 0 })) : createCommentVNode("", !0)])
+						renderSlot(T.$slots, "trailing", {}, () => [e.trailing ? (openBlock(), createBlock(resolveDynamicComponent(e.trailing), { key: 0 })) : createCommentVNode("", !0)])
 					]),
 					_: 3
 				})]),
@@ -2497,27 +2497,27 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		borderRadius: {}
 	},
 	emits: ["tap"],
-	setup(e, { emit: w }) {
-		let T = e, E = w, D = ref([]), O = 0, A = (e) => {
-			E("tap");
-			let C = e.currentTarget.getBoundingClientRect(), w = Math.max(C.width, C.height), k = e.clientX - C.left - w / 2, A = e.clientY - C.top - w / 2, j = O++, M = {
-				width: `${w}px`,
-				height: `${w}px`,
-				top: `${A}px`,
-				left: `${k}px`,
-				backgroundColor: T.splashColor
+	setup(e, { emit: E }) {
+		let D = e, O = E, k = ref([]), A = 0, M = (e) => {
+			O("tap");
+			let T = e.currentTarget.getBoundingClientRect(), E = Math.max(T.width, T.height), j = e.clientX - T.left - E / 2, M = e.clientY - T.top - E / 2, N = A++, P = {
+				width: `${E}px`,
+				height: `${E}px`,
+				top: `${M}px`,
+				left: `${j}px`,
+				backgroundColor: D.splashColor
 			};
-			D.value.push({
-				id: j,
-				style: M
+			k.value.push({
+				id: N,
+				style: P
 			}), setTimeout(() => {
-				D.value = D.value.filter((e) => e.id !== j);
+				k.value = k.value.filter((e) => e.id !== N);
 			}, 600);
 		};
-		return (w, T) => (openBlock(), createElementBlock("div", mergeProps({
+		return (E, D) => (openBlock(), createElementBlock("div", mergeProps({
 			class: ["ink-well", { disabled: !e.onTap }],
-			onClick: A
-		}, w.$attrs), [renderSlot(w.$slots, "default", {}, void 0, !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(D.value, (e) => (openBlock(), createElementBlock("span", {
+			onClick: M
+		}, E.$attrs), [renderSlot(E.$slots, "default", {}, void 0, !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(k.value, (e) => (openBlock(), createElementBlock("span", {
 			key: e.id,
 			class: "ripple",
 			style: normalizeStyle(e.style)
@@ -2534,14 +2534,14 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		inactiveTrackColor: { default: "#9E9E9E" }
 	},
 	emits: ["update:value", "change"],
-	setup(e, { emit: C }) {
-		let w = e, T = C, O = () => {
-			w.onChanged && w.onChanged(!w.value), T("update:value", !w.value);
-		}, k = computed(() => BoxDecoration({
-			color: w.value ? w.activeTrackColor : w.inactiveTrackColor,
+	setup(e, { emit: T }) {
+		let E = e, D = T, A = () => {
+			E.onChanged && E.onChanged(!E.value), D("update:value", !E.value);
+		}, j = computed(() => BoxDecoration({
+			color: E.value ? E.activeTrackColor : E.inactiveTrackColor,
 			borderRadius: BorderRadius.circular(10)
-		})), A = computed(() => BoxDecoration({
-			color: w.value ? w.activeColor : w.inactiveThumbColor,
+		})), M = computed(() => BoxDecoration({
+			color: E.value ? E.activeColor : E.inactiveThumbColor,
 			shape: BoxShape.circle,
 			boxShadow: [{
 				color: "rgba(0,0,0,0.2)",
@@ -2551,20 +2551,20 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 					y: 1
 				}
 			}]
-		})), j = computed(() => EdgeInsets.only({ left: w.value ? 16 : 0 }));
-		return (e, C) => (openBlock(), createBlock(GestureDetector_default, { onTap: O }, {
+		})), N = computed(() => EdgeInsets.only({ left: E.value ? 16 : 0 }));
+		return (e, T) => (openBlock(), createBlock(GestureDetector_default, { onTap: A }, {
 			default: withCtx(() => [createVNode(Container_default, {
 				width: 36,
 				height: 20,
 				padding: unref(EdgeInsets).all(2),
-				decoration: k.value
+				decoration: j.value
 			}, {
 				default: withCtx(() => [createVNode(AnimatedContainer_default, {
 					duration: 200,
 					width: 16,
 					height: 16,
-					margin: j.value,
-					decoration: A.value
+					margin: N.value,
+					decoration: M.value
 				}, null, 8, ["margin", "decoration"])]),
 				_: 1
 			}, 8, ["padding", "decoration"])]),
@@ -2580,24 +2580,24 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		checkColor: { default: "#FFFFFF" }
 	},
 	emits: ["update:value", "change"],
-	setup(e, { emit: C }) {
-		let w = e, T = C, k = () => {
-			let e = !w.value;
-			T("change", e), T("update:value", e);
-		}, A = computed(() => BoxDecoration({
-			color: w.value ? w.activeColor : "transparent",
-			border: w.value ? void 0 : Border.all({
+	setup(e, { emit: T }) {
+		let E = e, D = T, j = () => {
+			let e = !E.value;
+			D("change", e), D("update:value", e);
+		}, M = computed(() => BoxDecoration({
+			color: E.value ? E.activeColor : "transparent",
+			border: E.value ? void 0 : Border.all({
 				color: "rgba(0,0,0,0.54)",
 				width: 2,
 				style: "solid"
 			}),
 			borderRadius: BorderRadius.circular(2)
 		}));
-		return (C, w) => (openBlock(), createBlock(GestureDetector_default, { onTap: k }, {
+		return (T, E) => (openBlock(), createBlock(GestureDetector_default, { onTap: j }, {
 			default: withCtx(() => [createVNode(Container_default, {
 				width: 18,
 				height: 18,
-				decoration: A.value,
+				decoration: M.value,
 				alignment: "center"
 			}, {
 				default: withCtx(() => [e.value ? (openBlock(), createBlock(Container_default, {
@@ -2621,32 +2621,32 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		activeColor: {}
 	},
 	emits: ["update:groupValue", "change"],
-	setup(e, { emit: C }) {
-		let w = e, T = C, k = computed(() => w.value === w.groupValue), A = () => {
-			w.onChanged && w.onChanged(w.value), T("update:groupValue", w.value);
-		}, j = computed(() => BoxDecoration({
+	setup(e, { emit: T }) {
+		let E = e, D = T, j = computed(() => E.value === E.groupValue), M = () => {
+			E.onChanged && E.onChanged(E.value), D("update:groupValue", E.value);
+		}, N = computed(() => BoxDecoration({
 			shape: BoxShape.circle,
 			border: Border.all({
-				color: k.value ? w.activeColor : "rgba(0,0,0,0.54)",
+				color: j.value ? E.activeColor : "rgba(0,0,0,0.54)",
 				width: 2,
 				style: "solid"
 			})
-		})), M = computed(() => BoxDecoration({
+		})), P = computed(() => BoxDecoration({
 			shape: BoxShape.circle,
-			color: w.activeColor
+			color: E.activeColor
 		}));
-		return (e, C) => (openBlock(), createBlock(GestureDetector_default, { onTap: A }, {
+		return (e, T) => (openBlock(), createBlock(GestureDetector_default, { onTap: M }, {
 			default: withCtx(() => [createVNode(Container_default, {
 				width: 20,
 				height: 20,
-				decoration: j.value,
+				decoration: N.value,
 				alignment: "center"
 			}, {
-				default: withCtx(() => [k.value ? (openBlock(), createBlock(Container_default, {
+				default: withCtx(() => [j.value ? (openBlock(), createBlock(Container_default, {
 					key: 0,
 					width: 10,
 					height: 10,
-					decoration: M.value
+					decoration: P.value
 				}, null, 8, ["decoration"])) : createCommentVNode("", !0)]),
 				_: 1
 			}, 8, ["decoration"])]),
@@ -2665,20 +2665,20 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		thumbColor: { default: "#2196F3" }
 	},
 	emits: ["update:value", "change"],
-	setup(e, { emit: C }) {
-		let w = e, T = C, D = ref(), O = computed(() => {
-			let e = w.max - w.min;
-			return e <= 0 ? 0 : (w.value - w.min) / e * 100;
-		}), A = computed(() => `${O.value}%`), j = (e) => {
-			if (!D.value) return;
-			let C = D.value.getBoundingClientRect(), E = 0;
-			e.clientX === void 0 ? e.globalPosition ? E = e.globalPosition.x : e.detail?.globalPosition ? E = e.detail.globalPosition.x : e.touches && e.touches[0] && (E = e.touches[0].clientX) : E = e.clientX;
-			let O = (E - C.left) / C.width;
-			O = Math.max(0, Math.min(1, O));
-			let k = w.min + O * (w.max - w.min);
-			w.onChanged && w.onChanged(k), T("change", k), T("update:value", k);
-		}, M = computed(() => BoxDecoration({
-			color: w.thumbColor,
+	setup(e, { emit: T }) {
+		let E = e, D = T, k = ref(), A = computed(() => {
+			let e = E.max - E.min;
+			return e <= 0 ? 0 : (E.value - E.min) / e * 100;
+		}), M = computed(() => `${A.value}%`), N = (e) => {
+			if (!k.value) return;
+			let T = k.value.getBoundingClientRect(), O = 0;
+			e.clientX === void 0 ? e.globalPosition ? O = e.globalPosition.x : e.detail?.globalPosition ? O = e.detail.globalPosition.x : e.touches && e.touches[0] && (O = e.touches[0].clientX) : O = e.clientX;
+			let A = (O - T.left) / T.width;
+			A = Math.max(0, Math.min(1, A));
+			let j = E.min + A * (E.max - E.min);
+			E.onChanged && E.onChanged(j), D("change", j), D("update:value", j);
+		}, P = computed(() => BoxDecoration({
+			color: E.thumbColor,
 			shape: BoxShape.circle,
 			boxShadow: [BoxShadow({
 				color: "rgba(0,0,0,0.2)",
@@ -2689,14 +2689,14 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 				}
 			})]
 		}));
-		return (C, w) => (openBlock(), createElementBlock("div", {
+		return (T, E) => (openBlock(), createElementBlock("div", {
 			class: "slider-container",
 			ref_key: "trackRef",
-			ref: D
+			ref: k
 		}, [createVNode(GestureDetector_default, {
-			onPanStart: j,
-			onPanUpdate: j,
-			onTapDown: j
+			onPanStart: N,
+			onPanUpdate: N,
+			onTapDown: N
 		}, {
 			default: withCtx(() => [createVNode(Container_default, {
 				height: 40,
@@ -2711,7 +2711,7 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 							"border-radius": unref(BorderRadius).circular(2)
 						}, null, 8, ["color", "border-radius"]),
 						createVNode(Container_default, {
-							width: `${O.value}%`,
+							width: `${A.value}%`,
 							height: 4,
 							color: e.activeColor,
 							"border-radius": unref(BorderRadius).circular(2)
@@ -2721,13 +2721,13 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 							"border-radius"
 						]),
 						createVNode(Container_default, {
-							style: normalizeStyle({ marginLeft: A.value }),
+							style: normalizeStyle({ marginLeft: M.value }),
 							transform: "translate(-50%, 0)"
 						}, {
 							default: withCtx(() => [createVNode(Container_default, {
 								width: 20,
 								height: 20,
-								decoration: M.value
+								decoration: P.value
 							}, null, 8, ["decoration"])]),
 							_: 1
 						}, 8, ["style"])
@@ -2739,7 +2739,7 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 			_: 1
 		})], 512));
 	}
-}), [["__scopeId", "data-v-bccfa37a"]]), AlertDialog_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-bccfa37a"]]), AlertDialog_default = /* @__PURE__ */ defineComponent({
 	__name: "AlertDialog",
 	props: {
 		visible: {
@@ -2751,13 +2751,53 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		barrierDismissible: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		alignment: { default: Alignment.center },
+		barrierColor: { default: "rgba(0, 0, 0, 0.54)" },
+		constraints: {},
+		decoration: {},
+		size: {},
+		actionsAlignment: { default: MainAxisAlignment.end },
+		titleAlignment: {},
+		padding: {},
+		titleStyle: {},
+		titleColor: {},
+		titleFontSize: {}
 	},
-	emits: ["update:visible", "close"],
-	setup(e, { emit: C }) {
-		let w = C, T = () => {
-			w("update:visible", !1), w("close");
-		}, A = computed(() => BoxDecoration({
+	emits: [
+		"update:visible",
+		"close",
+		"ok"
+	],
+	setup(e, { emit: T }) {
+		let E = e, D = T, j = () => {
+			D("update:visible", !1), D("close");
+		}, M = () => D("ok"), N = (e) => {
+			E.barrierDismissible && j();
+		}, I = computed(() => Object.assign({}, {
+			padding: E.padding || EdgeInsets.all(24),
+			alignment: E.alignment,
+			constraints: E.constraints || BoxConstraints({ maxWidth: 400 }),
+			decoration: E.decoration || BoxDecoration({
+				color: "white",
+				borderRadius: BorderRadius.circular(4),
+				boxShadow: [{
+					color: "rgba(0,0,0,0.2)",
+					blurRadius: 24,
+					offset: {
+						x: 0,
+						y: 11
+					}
+				}]
+			})
+		}, E.size ? Size(E.size) : {})), R = computed(() => E.titleStyle || TextStyle({
+			fontSize: E.titleFontSize || 20,
+			fontWeight: FontWeight.bold,
+			color: E.titleColor || "rgba(0,0,0,0.87)"
+		})), z = TextStyle({
+			fontSize: 16,
+			color: "rgba(0,0,0,0.6)"
+		}), B = computed(() => BoxDecoration({
 			color: "white",
 			borderRadius: BorderRadius.circular(4),
 			boxShadow: [{
@@ -2769,69 +2809,75 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 				}
 			}]
 		}));
-		return (C, w) => e.visible ? (openBlock(), createElementBlock("div", {
+		return computed(() => Object.assign({}, {
+			constraints: E.constraints || BoxConstraints({ maxWidth: 400 }),
+			decoration: B.value
+		}, E.size ? Size(E.size) : {})), (T, E) => e.visible ? (openBlock(), createBlock(Fixed_default, {
 			key: 0,
-			class: "dialog-overlay",
-			onClick: w[0] ||= withModifiers((C) => e.barrierDismissible ? T() : null, ["self"])
-		}, [createVNode(Container_default, {
-			margin: unref(EdgeInsets).all(40),
-			padding: unref(EdgeInsets).all(24),
-			decoration: A.value,
-			constraints: unref(BoxConstraints)({ maxWidth: 400 })
+			"z-index": 9999,
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0
 		}, {
-			default: withCtx(() => [createVNode(Column_default, {
-				"main-axis-size": "min",
-				"cross-axis-alignment": "start"
-			}, {
-				default: withCtx(() => [
-					createVNode(Container_default, { margin: unref(EdgeInsets).only({ bottom: 16 }) }, {
-						default: withCtx(() => [e.title ? (openBlock(), createBlock(Text_default, {
-							key: 0,
-							style: normalizeStyle({
-								fontSize: 20,
-								fontWeight: unref(FontWeight).bold
-							})
-						}, {
-							default: withCtx(() => [createTextVNode(toDisplayString(e.title), 1)]),
-							_: 1
-						}, 8, ["style"])) : createCommentVNode("", !0)]),
-						_: 1
-					}, 8, ["margin"]),
-					createVNode(Container_default, {
-						margin: unref(EdgeInsets).only({ bottom: 24 }),
-						class: "dialog-content"
-					}, {
-						default: withCtx(() => [e.content ? (openBlock(), createBlock(Text_default, {
-							key: 0,
-							style: {
-								fontSize: 16,
-								color: "rgba(0,0,0,0.6)"
-							}
-						}, {
-							default: withCtx(() => [createTextVNode(toDisplayString(e.content), 1)]),
-							_: 1
-						})) : createCommentVNode("", !0), renderSlot(C.$slots, "default", {}, void 0, !0)]),
-						_: 3
-					}, 8, ["margin"]),
-					createVNode(Row_default, {
-						"main-axis-alignment": "end",
-						gap: 8
-					}, {
-						default: withCtx(() => [renderSlot(C.$slots, "actions", {}, void 0, !0)]),
+			default: withCtx(() => [createVNode(GestureDetector_default, { onTap: N }, {
+				default: withCtx(() => [createVNode(Container_default, {
+					width: "100%",
+					height: "100%",
+					alignment: "center",
+					color: e.barrierColor
+				}, {
+					default: withCtx(() => [createVNode(Container_default, normalizeProps(guardReactiveProps(I.value)), {
+						default: withCtx(() => [
+							e.title ? (openBlock(), createBlock(Container_default, {
+								key: 0,
+								alignment: e.titleAlignment,
+								width: "100%"
+							}, {
+								default: withCtx(() => [createVNode(Text_default, {
+									style: normalizeStyle(R.value),
+									data: e.title
+								}, null, 8, ["style", "data"])]),
+								_: 1
+							}, 8, ["alignment"])) : createCommentVNode("", !0),
+							renderSlot(T.$slots, "default", {}, () => [createVNode(Container_default, {
+								padding: unref(EdgeInsets).symmetric({ vertical: 16 }),
+								alignment: "topLeft",
+								width: "100%"
+							}, {
+								default: withCtx(() => [e.content ? (openBlock(), createBlock(Text_default, {
+									key: 0,
+									style: normalizeStyle(unref(z)),
+									data: e.content
+								}, null, 8, ["style", "data"])) : createCommentVNode("", !0)]),
+								_: 1
+							}, 8, ["padding"])]),
+							createVNode(Row_default, {
+								"main-axis-size": "max",
+								"main-axis-alignment": e.actionsAlignment,
+								"cross-axis-alignment": "center",
+								gap: 8
+							}, {
+								default: withCtx(() => [renderSlot(T.$slots, "actions", {}, () => [createVNode(Button_default, { onPressed: j }, {
+									default: withCtx(() => [...E[0] ||= [createTextVNode("Cancel", -1)]]),
+									_: 1
+								}), createVNode(Button_default, { onPressed: M }, {
+									default: withCtx(() => [...E[1] ||= [createTextVNode("OK", -1)]]),
+									_: 1
+								})])]),
+								_: 3
+							}, 8, ["main-axis-alignment"])
+						]),
 						_: 3
-					})
-				]),
+					}, 16)]),
+					_: 3
+				}, 8, ["color"])]),
 				_: 3
 			})]),
 			_: 3
-		}, 8, [
-			"margin",
-			"padding",
-			"decoration",
-			"constraints"
-		])])) : createCommentVNode("", !0);
+		})) : createCommentVNode("", !0);
 	}
-}), [["__scopeId", "data-v-2eee844d"]]), BottomSheet_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+}), BottomSheet_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "BottomSheet",
 	props: {
 		visible: {
@@ -2848,35 +2894,35 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		padding: {}
 	},
 	emits: ["update:visible", "close"],
-	setup(e, { emit: C }) {
-		let w = e, T = C, D = () => {
-			T("update:visible", !1), T("close");
-		}, A = computed(() => BoxDecoration({
-			color: w.backgroundColor,
-			borderRadius: w.shape || BorderRadius.only({
+	setup(e, { emit: T }) {
+		let E = e, D = T, k = () => {
+			D("update:visible", !1), D("close");
+		}, M = computed(() => BoxDecoration({
+			color: E.backgroundColor,
+			borderRadius: E.shape || BorderRadius.only({
 				topLeft: 16,
 				topRight: 16
 			}),
-			boxShadow: w.elevation > 0 ? [{
+			boxShadow: E.elevation > 0 ? [{
 				color: "rgba(0,0,0,0.2)",
-				blurRadius: w.elevation * 2,
+				blurRadius: E.elevation * 2,
 				offset: {
 					x: 0,
 					y: -2
 				}
 			}] : void 0
 		}));
-		return (C, w) => e.visible ? (openBlock(), createElementBlock("div", {
+		return (T, E) => e.visible ? (openBlock(), createElementBlock("div", {
 			key: 0,
 			class: "bottom-sheet-overlay",
-			onClick: w[0] ||= withModifiers((C) => e.barrierDismissible ? D() : null, ["self"])
+			onClick: E[0] ||= withModifiers((T) => e.barrierDismissible ? k() : null, ["self"])
 		}, [createVNode(Container_default, {
 			class: "bottom-sheet-content",
-			decoration: A.value,
+			decoration: M.value,
 			width: "100%",
 			padding: e.padding
 		}, {
-			default: withCtx(() => [renderSlot(C.$slots, "default", {}, void 0, !0)]),
+			default: withCtx(() => [renderSlot(T.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 8, ["decoration", "padding"])])) : createCommentVNode("", !0);
 	}
@@ -2900,73 +2946,73 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		borderRadius: { default: () => BorderRadius.circular(4) }
 	},
 	emits: ["update:modelValue", "change"],
-	setup(e, { emit: w }) {
-		let T = e, O = w, A = (e) => {
-			e.disabled || e.value !== T.modelValue && (O("update:modelValue", e.value), O("change", e.value));
-		}, j = computed(() => T.decoration ? T.decoration : BoxDecoration({
+	setup(e, { emit: E }) {
+		let D = e, A = E, M = (e) => {
+			e.disabled || e.value !== D.modelValue && (A("update:modelValue", e.value), A("change", e.value));
+		}, N = computed(() => D.decoration ? D.decoration : BoxDecoration({
 			border: Border.all({
-				color: T.borderColor,
+				color: D.borderColor,
 				width: 1
 			}),
-			borderRadius: T.borderRadius
-		})), P = (e, C) => {
-			let w = e.value === T.modelValue, E = C === T.items.length - 1, D = C === 0, O = BorderRadius.zero;
-			D ? O = BorderRadius.only({
-				topLeft: T.borderRadius.topLeft,
-				bottomLeft: T.borderRadius.bottomLeft
-			}) : E && (O = BorderRadius.only({
-				topRight: T.borderRadius.topRight,
-				bottomRight: T.borderRadius.bottomRight
+			borderRadius: D.borderRadius
+		})), I = (e, T) => {
+			let E = e.value === D.modelValue, O = T === D.items.length - 1, k = T === 0, A = BorderRadius.zero;
+			k ? A = BorderRadius.only({
+				topLeft: D.borderRadius.topLeft,
+				bottomLeft: D.borderRadius.bottomLeft
+			}) : O && (A = BorderRadius.only({
+				topRight: D.borderRadius.topRight,
+				bottomRight: D.borderRadius.bottomRight
 			}));
-			let k = w ? T.selectedColor : T.unselectedColor;
-			return e.disabled && (k = T.disabledColor), BoxDecoration({
-				color: k,
-				borderRadius: O,
+			let j = E ? D.selectedColor : D.unselectedColor;
+			return e.disabled && (j = D.disabledColor), BoxDecoration({
+				color: j,
+				borderRadius: A,
 				border: Border.only({ right: BorderSide({
-					color: E ? "transparent" : T.borderColor,
+					color: O ? "transparent" : D.borderColor,
 					width: 1
 				}) })
 			});
-		}, F = (e) => {
-			let C = e.value === T.modelValue, w = e.disabled, E = TextStyle({
-				color: C ? "#FFFFFF" : T.borderColor,
+		}, L = (e) => {
+			let T = e.value === D.modelValue, E = e.disabled, O = TextStyle({
+				color: T ? "#FFFFFF" : D.borderColor,
 				fontSize: 13
 			});
-			return w ? T.disabledTextStyle ? {
-				...E,
-				...T.disabledTextStyle,
+			return E ? D.disabledTextStyle ? {
+				...O,
+				...D.disabledTextStyle,
 				color: "#999999"
 			} : {
-				...E,
+				...O,
 				color: "#999999"
-			} : C && T.selectedTextStyle ? {
-				...E,
-				...T.selectedTextStyle
-			} : !C && T.unselectedTextStyle ? {
-				...E,
-				...T.unselectedTextStyle
-			} : E;
+			} : T && D.selectedTextStyle ? {
+				...O,
+				...D.selectedTextStyle
+			} : !T && D.unselectedTextStyle ? {
+				...O,
+				...D.unselectedTextStyle
+			} : O;
 		};
-		return (w, T) => (openBlock(), createBlock(Container_default, {
-			decoration: j.value,
+		return (E, D) => (openBlock(), createBlock(Container_default, {
+			decoration: N.value,
 			"clip-behavior": "hardEdge"
 		}, {
 			default: withCtx(() => [createVNode(Row_default, null, {
-				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.items, (C, T) => (openBlock(), createBlock(GestureDetector_default, {
-					key: T,
-					onTap: (e) => A(C)
+				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.items, (T, D) => (openBlock(), createBlock(GestureDetector_default, {
+					key: D,
+					onTap: (e) => M(T)
 				}, {
 					default: withCtx(() => [createVNode(Container_default, {
 						padding: e.padding,
-						decoration: P(C, T),
+						decoration: I(T, D),
 						alignment: "center"
 					}, {
-						default: withCtx(() => [renderSlot(w.$slots, "label", {
-							item: C,
-							selected: C.value === e.modelValue,
-							index: T
-						}, () => [createVNode(Text_default, { style: normalizeStyle(F(C)) }, {
-							default: withCtx(() => [createTextVNode(toDisplayString(C.label), 1)]),
+						default: withCtx(() => [renderSlot(E.$slots, "label", {
+							item: T,
+							selected: T.value === e.modelValue,
+							index: D
+						}, () => [createVNode(Text_default, { style: normalizeStyle(L(T)) }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(T.label), 1)]),
 							_: 2
 						}, 1032, ["style"])])]),
 						_: 2
@@ -2991,45 +3037,45 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	__name: "LayoutBuilder",
 	props: { direction: {} },
 	setup(e) {
-		let C = e, w = ref(null), T = shallowRef(null), D = null, A = computed(() => {
-			let e = { display: "block" }, w = C.direction ?? "both";
-			return w === "both" ? (e.width = "100%", e.height = "100%") : w === "horizontal" ? e.width = "100%" : w === "vertical" && (e.height = "100%"), e;
+		let T = e, E = ref(null), D = shallowRef(null), k = null, M = computed(() => {
+			let e = { display: "block" }, E = T.direction ?? "both";
+			return E === "both" ? (e.width = "100%", e.height = "100%") : E === "horizontal" ? e.width = "100%" : E === "vertical" && (e.height = "100%"), e;
 		});
 		return onMounted(() => {
-			w.value && (D = new ResizeObserver((e) => {
-				for (let w of e) {
-					let e = w.contentRect.width, E = w.contentRect.height, D = C.direction ?? "both";
-					D === "both" ? T.value = BoxConstraints.tight({
+			E.value && (k = new ResizeObserver((e) => {
+				for (let E of e) {
+					let e = E.contentRect.width, O = E.contentRect.height, k = T.direction ?? "both";
+					k === "both" ? D.value = BoxConstraints.tight({
 						width: e,
-						height: E
-					}) : D === "horizontal" ? T.value = BoxConstraints({
+						height: O
+					}) : k === "horizontal" ? D.value = BoxConstraints({
 						minWidth: e,
 						maxWidth: e,
 						minHeight: 0,
 						maxHeight: Infinity
-					}) : D === "vertical" ? T.value = BoxConstraints({
+					}) : k === "vertical" ? D.value = BoxConstraints({
 						minWidth: 0,
 						maxWidth: Infinity,
-						minHeight: E,
-						maxHeight: E
-					}) : T.value = BoxConstraints({
+						minHeight: O,
+						maxHeight: O
+					}) : D.value = BoxConstraints({
 						minWidth: 0,
 						maxWidth: Infinity,
 						minHeight: 0,
 						maxHeight: Infinity
 					});
 				}
-			}), D.observe(w.value));
+			}), k.observe(E.value));
 		}), onUnmounted(() => {
-			D?.disconnect();
-		}), (e, C) => (openBlock(), createElementBlock("div", {
+			k?.disconnect();
+		}), (e, T) => (openBlock(), createElementBlock("div", {
 			ref_key: "el",
-			ref: w,
+			ref: E,
 			class: "fluekit-layout-builder",
-			style: normalizeStyle(A.value)
-		}, [T.value ? renderSlot(e.$slots, "default", {
+			style: normalizeStyle(M.value)
+		}, [D.value ? renderSlot(e.$slots, "default", {
 			key: 0,
-			constraints: T.value
+			constraints: D.value
 		}) : createCommentVNode("", !0)], 4));
 	}
 });
@@ -3051,19 +3097,19 @@ var globalState = reactive({
 	viewInsets: EdgeInsets.zero
 }), listenersAttached = !1, updateGlobalState = () => {
 	if (typeof window > "u") return;
-	let e = window.innerWidth, C = window.innerHeight;
+	let e = window.innerWidth, T = window.innerHeight;
 	globalState.size = {
 		width: e,
-		height: C
-	}, globalState.devicePixelRatio = window.devicePixelRatio || 1, globalState.orientation = e > C ? Orientation.landscape : Orientation.portrait, globalState.platformBrightness = window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light", globalState.disableAnimations = !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, globalState.highContrast = !!window.matchMedia?.("(prefers-contrast: more)").matches;
+		height: T
+	}, globalState.devicePixelRatio = window.devicePixelRatio || 1, globalState.orientation = e > T ? Orientation.landscape : Orientation.portrait, globalState.platformBrightness = window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light", globalState.disableAnimations = !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, globalState.highContrast = !!window.matchMedia?.("(prefers-contrast: more)").matches;
 }, attachListeners = () => {
 	typeof window > "u" || listenersAttached || (window.addEventListener("resize", updateGlobalState), [
 		"(prefers-color-scheme: dark)",
 		"(prefers-reduced-motion: reduce)",
 		"(prefers-contrast: more)"
 	].forEach((e) => {
-		let C = window.matchMedia?.(e);
-		C?.addEventListener ? C.addEventListener("change", updateGlobalState) : C?.addListener && C.addListener(updateGlobalState);
+		let T = window.matchMedia?.(e);
+		T?.addEventListener ? T.addEventListener("change", updateGlobalState) : T?.addListener && T.addListener(updateGlobalState);
 	}), updateGlobalState(), listenersAttached = !0);
 };
 function useMediaQuery() {
@@ -3073,7 +3119,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 	__name: "MediaQuery",
 	props: { data: {} },
 	setup(e) {
-		return provide(MediaQueryKey, e.data), (e, C) => renderSlot(e.$slots, "default");
+		return provide(MediaQueryKey, e.data), (e, T) => renderSlot(e.$slots, "default");
 	}
 }), _hoisted_1 = { class: "snackbar-overlay" }, SnackBarComponent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SnackBarComponent",
@@ -3083,16 +3129,16 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 		duration: { default: 4e3 }
 	},
 	emits: ["action", "close"],
-	setup(e, { emit: C }) {
-		let w = e, T = C, A = () => {
-			T("action"), T("close");
+	setup(e, { emit: T }) {
+		let E = e, D = T, M = () => {
+			D("action"), D("close");
 		};
 		onMounted(() => {
 			setTimeout(() => {
-				T("close");
-			}, w.duration);
+				D("close");
+			}, E.duration);
 		});
-		let j = computed(() => BoxDecoration({
+		let N = computed(() => BoxDecoration({
 			color: "#323232",
 			borderRadius: BorderRadius.circular(4),
 			boxShadow: [{
@@ -3104,13 +3150,13 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 				}
 			}]
 		}));
-		return (C, w) => (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Container_default, {
+		return (T, E) => (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Container_default, {
 			margin: unref(EdgeInsets).all(8),
 			padding: unref(EdgeInsets).symmetric({
 				horizontal: 16,
 				vertical: 14
 			}),
-			decoration: j.value,
+			decoration: N.value,
 			width: "100%",
 			constraints: unref(BoxConstraints)({ maxWidth: 600 })
 		}, {
@@ -3126,7 +3172,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				}), e.actionLabel ? (openBlock(), createBlock(GestureDetector_default, {
 					key: 0,
-					onTap: A
+					onTap: M
 				}, {
 					default: withCtx(() => [createVNode(Container_default, { margin: unref(EdgeInsets).only({ left: 16 }) }, {
 						default: withCtx(() => [createVNode(Text_default, { style: normalizeStyle({
@@ -3153,18 +3199,18 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 	}
 }), [["__scopeId", "data-v-d8abf3ed"]]), SnackBar = class {
 	static show(e) {
-		let C = document.getElementById("fluekit-snackbar");
-		C && (render(null, C), document.body.removeChild(C));
-		let w = document.createElement("div");
-		w.id = "fluekit-snackbar", document.body.appendChild(w), render(createVNode(SnackBarComponent_default, {
+		let T = document.getElementById("fluekit-snackbar");
+		T && (render(null, T), document.body.removeChild(T));
+		let E = document.createElement("div");
+		E.id = "fluekit-snackbar", document.body.appendChild(E), render(createVNode(SnackBarComponent_default, {
 			content: e.content,
 			actionLabel: e.actionLabel,
 			onAction: e.onAction,
 			duration: e.duration,
 			onClose: () => {
-				w.parentNode && (render(null, w), document.body.removeChild(w));
+				E.parentNode && (render(null, E), document.body.removeChild(E));
 			}
-		}), w);
+		}), E);
 	}
 };
 setTransform(!1);