fluekit 1.5.76 → 1.5.78

package/dist/index.js

@@ -1,4 +1,4 @@
-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";
+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, toRefs, 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, T = DEFAULT_VW) {
+function px2vw(e, w = 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 T = e;
-			if (isNumberPx(e) && (e = e.slice(0, -2)), !isPureNumber(e)) return T;
+			let w = e;
+			if (isNumberPx(e) && (e = e.slice(0, -2)), !isPureNumber(e)) return w;
 		}
-		return e = Number(e), T /= 100, `${Math.round(e / T * 1e5) / 1e5}vw`;
+		return e = Number(e), w /= 100, `${Math.round(e / w * 1e5) / 1e5}vw`;
 	}
 }
 const Alignment = {
@@ -62,11 +62,11 @@ const Alignment = {
 	bottomCenter: "bottomCenter",
 	bottomRight: "bottomRight"
 };
-function alignmentToFlex(e, T = "row") {
+function alignmentToFlex(e, w = "row") {
 	if (!e) return {};
-	let E = e, D = "flex-start", O = "flex-start";
-	E.toLowerCase().includes("left") || E.toLowerCase().includes("right");
-	let k = {
+	let T = e, E = "flex-start", D = "flex-start";
+	T.toLowerCase().includes("left") || T.toLowerCase().includes("right");
+	let O = {
 		topLeft: {
 			x: "flex-start",
 			y: "flex-start"
@@ -103,13 +103,13 @@ function alignmentToFlex(e, T = "row") {
 			x: "flex-end",
 			y: "flex-end"
 		}
-	}[E] || {
+	}[T] || {
 		x: "flex-start",
 		y: "flex-start"
 	};
-	return T === "row" ? (D = k.x, O = k.y) : (D = k.y, O = k.x), {
-		justifyContent: D,
-		alignItems: O
+	return w === "row" ? (E = O.x, D = O.y) : (E = O.y, D = O.x), {
+		justifyContent: E,
+		alignItems: D
 	};
 }
 const alignmentToStyle = alignmentToFlex;
@@ -181,29 +181,29 @@ var Align_default = /* @__PURE__ */ defineComponent({
 		heightFactor: {}
 	},
 	setup(e) {
-		let T = e, E = computed(() => {
+		let w = e, T = computed(() => {
 			let e = {
 				display: "flex",
 				position: "relative"
 			};
-			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", {
+			return Object.assign(e, alignmentToStyle(w.alignment)), w.widthFactor ? e.width = `calc(100% * ${w.widthFactor})` : e.width = "100%", w.heightFactor ? e.height = `calc(100% * ${w.heightFactor})` : e.height = "100%", e;
+		}), E = computed(() => ({ flexShrink: 0 }));
+		return (e, w) => (openBlock(), createElementBlock("div", {
 			class: "flutter-align",
-			style: normalizeStyle(E.value)
+			style: normalizeStyle(T.value)
 		}, [createElementVNode("div", {
 			class: "flutter-align-child",
-			style: normalizeStyle(D.value)
+			style: normalizeStyle(E.value)
 		}, [renderSlot(e.$slots, "default")], 4)], 4));
 	}
 }), BOX_CONSTRAINTS_SYMBOL = Symbol("boxConstraints"), toVal = (e) => e === Infinity ? void 0 : e;
 function BoxConstraints(e = {}) {
-	let T = e.minWidth ?? 0, E = e.minHeight ?? 0, D = e.maxWidth ?? Infinity, O = e.maxHeight ?? Infinity;
+	let w = e.minWidth ?? 0, T = e.minHeight ?? 0, E = e.maxWidth ?? Infinity, D = e.maxHeight ?? Infinity;
 	return {
-		minWidth: toVal(T),
-		maxWidth: toVal(D),
-		minHeight: toVal(E),
-		maxHeight: toVal(O),
+		minWidth: toVal(w),
+		maxWidth: toVal(E),
+		minHeight: toVal(T),
+		maxHeight: toVal(D),
 		[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: T } = {}) => BoxConstraints({
+}), BoxConstraints.expand = ({ width: e, height: w } = {}) => BoxConstraints({
 	minWidth: e ?? Infinity,
 	maxWidth: e ?? Infinity,
-	minHeight: T ?? Infinity,
-	maxHeight: T ?? Infinity
+	minHeight: w ?? Infinity,
+	maxHeight: w ?? Infinity
 });
 function isBoxConstraints(e) {
 	return isPlainObject(e) ? BOX_CONSTRAINTS_SYMBOL in e : !1;
 }
 function boxConstraintsToStyle(e) {
-	let T = e ?? {};
+	let w = e ?? {};
 	return {
-		minWidth: px2vw(T.minWidth),
-		maxWidth: px2vw(T.maxWidth),
-		minHeight: px2vw(T.minHeight),
-		maxHeight: px2vw(T.maxHeight)
+		minWidth: px2vw(w.minWidth),
+		maxWidth: px2vw(w.maxWidth),
+		minHeight: px2vw(w.minHeight),
+		maxHeight: px2vw(w.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: T, style: E } = {}) => {
-		let D = BorderSide({
+	all: ({ color: e, width: w, style: T } = {}) => {
+		let E = BorderSide({
 			color: e,
-			width: T,
-			style: E
+			width: w,
+			style: T
 		});
 		return {
-			top: D,
-			bottom: D,
-			left: D,
-			right: D,
+			top: E,
+			bottom: E,
+			left: E,
+			right: E,
 			[BORDERS_SYMBOL]: !0
 		};
 	},
@@ -277,13 +277,13 @@ function isBorders(e) {
 }
 function borderSideToString(e) {
 	if (!e) return;
-	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(" ")}`;
+	let w = [], { width: T, color: E, style: D } = e;
+	return T && w.push(T > 1 ? px2vw(T) : T + "px"), E && w.push(E), D && w.push(D), `${w.join(" ")}`;
 }
 function borderSideToStyle(e) {
 	if (!e) return {};
-	let T = borderSideToString(e);
-	return T ? { border: T } : {};
+	let w = borderSideToString(e);
+	return w ? { border: w } : {};
 }
 function borderToStyle(e) {
 	if (e) return {
@@ -295,12 +295,12 @@ function borderToStyle(e) {
 }
 var BORDER_RADIUS_SYMBOL = Symbol("borderRadius");
 function BorderRadius(e) {
-	let { topLeft: T, topRight: E, bottomLeft: D, bottomRight: O } = e;
+	let { topLeft: w, topRight: T, bottomLeft: E, bottomRight: D } = e;
 	return {
-		topLeft: T || 0,
-		topRight: E || 0,
-		bottomLeft: D || 0,
-		bottomRight: O || 0,
+		topLeft: w || 0,
+		topRight: T || 0,
+		bottomLeft: E || 0,
+		bottomRight: D || 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: T, bottomLeft: E, bottomRight: D }) => BorderRadius({
+}), BorderRadius.circular = (e) => BorderRadius.all(e), BorderRadius.only = ({ topLeft: e, topRight: w, bottomLeft: T, bottomRight: E }) => BorderRadius({
 	topLeft: e,
-	topRight: T,
-	bottomLeft: E,
-	bottomRight: D
+	topRight: w,
+	bottomLeft: T,
+	bottomRight: E
 }), BorderRadius.zero = BorderRadius({});
 function isBorderRadius(e) {
 	return typeof e == "object" && !!e && BORDER_RADIUS_SYMBOL in e;
 }
 function borderRadiusToStyle(e) {
 	if (!e) return {};
-	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 { topLeft: w, topRight: T, bottomLeft: E, bottomRight: D } = e, O = {};
+	return E && (O.borderBottomLeftRadius = px2vw(E)), D && (O.borderBottomRightRadius = px2vw(D)), w && (O.borderTopLeftRadius = px2vw(w)), T && (O.borderTopRightRadius = px2vw(T)), O;
 }
 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, 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 calculateLinearDirection(e, w) {
+	return e === Alignment.topCenter && w === Alignment.bottomCenter ? "to bottom" : e === Alignment.bottomCenter && w === Alignment.topCenter ? "to top" : e === Alignment.centerLeft && w === Alignment.centerRight ? "to right" : e === Alignment.centerRight && w === Alignment.centerLeft ? "to left" : e === Alignment.topLeft && w === Alignment.bottomRight ? "to bottom right" : e === Alignment.bottomRight && w === Alignment.topLeft ? "to top left" : e === Alignment.topRight && w === Alignment.bottomLeft ? "to bottom left" : e === Alignment.bottomLeft && w === Alignment.topRight ? "to top right" : alignmentToCSSSide(e);
 }
 function LinearGradient(e) {
-	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})`;
+	let { colors: w, stops: T, begin: E = Alignment.centerLeft, end: D = Alignment.centerRight } = e;
+	if (!w || w.length === 0) return "none";
+	let O = calculateLinearDirection(E, D), k = "";
+	return k = T && T.length === w.length ? w.map((e, w) => `${e} ${T[w] * 100}%`).join(", ") : w.join(", "), `linear-gradient(${O}, ${k})`;
 }
 function RadialGradient(e) {
-	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})`;
+	let { colors: w, stops: T, center: E = Alignment.center } = e;
+	if (!w || w.length === 0) return "none";
+	let D = alignmentToCssPosition(E), O = "";
+	return O = T && T.length === w.length ? w.map((e, w) => `${e} ${T[w] * 100}%`).join(", ") : w.join(", "), `radial-gradient(circle at ${D}, ${O})`;
 }
 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 T = _baseUrl.endsWith("/") ? _baseUrl.slice(0, -1) : _baseUrl;
-	return e.startsWith(T) ? e : `${T}/${e.startsWith("/") ? e.slice(1) : e}`;
+	let w = _baseUrl.endsWith("/") ? _baseUrl.slice(0, -1) : _baseUrl;
+	return e.startsWith(w) ? e : `${w}/${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 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);
+	let w = {}, T = normalizeSrc(typeof e.image == "string" ? e.image : e.image.src);
+	if (w.backgroundImage = isGradient(T) ? T : `url(${T})`, e.fit && (w.backgroundSize = ImageFitMap[e.fit] || e.fit), w.backgroundAttachment = e.attachment, w.backgroundBlendMode = e.blendMode, w.backgroundClip = e.clip, w.backgroundOrigin = e.origin, w.backgroundRepeat = e.repeat ?? "no-repeat", e.alignment) {
+		let T = alignmentToCssPosition(e.alignment);
+		if (T && T !== "center") w.backgroundPosition = T;
+		else if (e.alignment !== Alignment.center) if (Object.keys(Alignment).includes(e.alignment)) w.backgroundPosition = alignmentToCssPosition(e.alignment);
 		else {
-			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}`;
+			let [T, E] = (e.alignment || "").split(" ");
+			T && !cssPoisitions[T] && (T = px2vw(T)), E && !cssPoisitions[E] && (E = px2vw(E)), T && !E && (E = "center"), w.backgroundPosition = `${T} ${E}`;
 		}
-		else T.backgroundPosition = "center";
+		else w.backgroundPosition = "center";
 	}
-	return T;
+	return w;
 }
 function boxDecorationToStyle(e) {
 	if (!e) return {};
-	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;
+	let { color: w, border: T, borderRadius: E, boxShadow: D, gradient: O, image: k, overflow: A, opacity: j, shape: M } = e, N = {};
+	return w && (N.backgroundColor = w), j !== void 0 && (N.opacity = j), A && (N.overflow = A), O && (N.backgroundImage = O), k && Object.assign(N, decorationImageToStyle(k)), T && Object.assign(N, borderToStyle(T)), M === BoxShape.circle ? N.borderRadius = "50%" : E && Object.assign(N, borderRadiusToStyle(E)), D && (N.boxShadow = (Array.isArray(D) ? D : [D]).map(boxShadowToCSS).join(", ")), N;
 }
 function BoxDecoration(e) {
 	return {
@@ -457,12 +457,12 @@ const Clip = {
 };
 var EDGE_INSETS_SYMBOL = Symbol("edgeInsets");
 function EdgeInsets(e) {
-	let { top: T, right: E, bottom: D, left: O, horizontal: k, vertical: A } = e;
+	let { top: w, right: T, bottom: E, left: D, horizontal: O, vertical: k } = e;
 	return {
-		top: T ?? A ?? 0,
-		right: E ?? k ?? 0,
-		bottom: D ?? A ?? 0,
-		left: O ?? k ?? 0,
+		top: w ?? k ?? 0,
+		right: T ?? O ?? 0,
+		bottom: E ?? k ?? 0,
+		left: D ?? O ?? 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: T }) => EdgeInsets({
+}), EdgeInsets.symmetric = ({ vertical: e, horizontal: w }) => EdgeInsets({
 	vertical: e,
-	horizontal: T
-}), EdgeInsets.only = ({ top: e, right: T, bottom: E, left: D }) => EdgeInsets({
+	horizontal: w
+}), EdgeInsets.only = ({ top: e, right: w, bottom: T, left: E }) => EdgeInsets({
 	top: e,
-	right: T,
-	bottom: E,
-	left: D
+	right: w,
+	bottom: T,
+	left: E
 }), EdgeInsets.zero = EdgeInsets({});
 function isEdgeInsets(e) {
 	return typeof e == "object" && !!e && EDGE_INSETS_SYMBOL in e;
 }
-function edgeInsetsToStyle(e, T) {
-	if (!T) return {};
-	let E = EdgeInsets(T);
+function edgeInsetsToStyle(e, w) {
+	if (!w) return {};
+	let T = EdgeInsets(w);
 	return {
-		[`${e}Top`]: px2vw(E.top),
-		[`${e}Right`]: px2vw(E.right),
-		[`${e}Bottom`]: px2vw(E.bottom),
-		[`${e}Left`]: px2vw(E.left)
+		[`${e}Top`]: px2vw(T.top),
+		[`${e}Right`]: px2vw(T.right),
+		[`${e}Bottom`]: px2vw(T.bottom),
+		[`${e}Left`]: px2vw(T.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: T, height: E } = e;
+	let { width: w, height: T } = e;
 	return {
-		width: T,
-		height: E
+		width: w,
+		height: T
 	};
 }
 Size.square = (e) => Size({
@@ -553,10 +553,10 @@ Size.square = (e) => Size({
 });
 function sizeToStyle(e) {
 	if (!e) return;
-	let { width: T, height: E } = e;
+	let { width: w, height: T } = e;
 	return {
-		width: px2vw(T),
-		height: px2vw(E)
+		width: px2vw(w),
+		height: px2vw(T)
 	};
 }
 var GESTURE_HANDLED = Symbol("gesture_handled");
@@ -570,107 +570,107 @@ const events = [
 	"pan-end"
 ];
 function useGestures({ emit: e }) {
-	let T = ref(0), E = ref(null), D = ref(!1), O = ref({
+	let w = ref(0), T = ref(null), E = ref(!1), D = ref({
 		x: 0,
 		y: 0
-	}), k = ref({
+	}), O = ref({
 		x: 0,
 		y: 0
-	}), A = {
+	}), k = {
 		onTap: () => e("tap"),
-		onClick: (T) => e("click", T),
+		onClick: (w) => e("click", w),
 		onDoubleTap: () => e("double-tap"),
 		onLongPress: () => e("long-press"),
-		onPanStart: (T) => e("pan-start", T),
-		onPanUpdate: (T) => e("pan-update", T),
+		onPanStart: (w) => e("pan-start", w),
+		onPanUpdate: (w) => e("pan-update", w),
 		onPanEnd: () => e("pan-end")
-	}, j = (e) => {
+	}, A = (e) => {
 		if (e[GESTURE_HANDLED]) return;
 		e[GESTURE_HANDLED] = !0;
-		let E = Date.now();
-		E - T.value < 300 ? (A.onDoubleTap?.(), T.value = 0) : (A.onTap?.(), A.onClick?.(e), T.value = E);
+		let T = Date.now();
+		T - w.value < 300 ? (k.onDoubleTap?.(), w.value = 0) : (k.onTap?.(), k.onClick?.(e), w.value = T);
+	}, j = (e) => {
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, R(), B(e.clientX, e.clientY), window.addEventListener("mousemove", M), window.addEventListener("mouseup", N));
 	}, 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) => {
+		(Math.abs(e.clientX - D.value.x) > 5 || Math.abs(e.clientY - D.value.y) > 5) && z(), V(e.clientX, e.clientY);
+	}, N = () => {
+		z(), H(), window.removeEventListener("mousemove", M), window.removeEventListener("mouseup", N);
+	}, P = (e) => {
 		if (e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, e.touches.length > 1)) return;
-		let T = e.touches[0];
-		z(), V(T.clientX, T.clientY);
-	}, I = (e) => {
+		let w = e.touches[0];
+		R(), B(w.clientX, w.clientY);
+	}, F = (e) => {
 		if (e[GESTURE_HANDLED]) return;
 		e[GESTURE_HANDLED] = !0;
-		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);
+		let w = e.touches[0];
+		(Math.abs(w.clientX - D.value.x) > 5 || Math.abs(w.clientY - D.value.y) > 5) && z(), V(w.clientX, w.clientY);
+	}, I = (e) => {
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, z(), H());
 	}, 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?.();
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, z(), H());
+	}, R = () => {
+		z(), T.value = window.setTimeout(() => {
+			k.onLongPress?.();
 		}, 500);
-	}, B = () => {
-		E.value &&= (clearTimeout(E.value), null);
-	}, V = (e, T) => {
-		O.value = {
+	}, z = () => {
+		T.value &&= (clearTimeout(T.value), null);
+	}, B = (e, w) => {
+		D.value = {
 			x: e,
-			y: T
-		}, k.value = {
+			y: w
+		}, O.value = {
 			x: e,
-			y: T
-		}, D.value = !0, A.onPanStart?.({ globalPosition: {
+			y: w
+		}, E.value = !0, k.onPanStart?.({ globalPosition: {
 			x: e,
-			y: T
+			y: w
 		} });
-	}, H = (e, T) => {
-		if (!D.value) return;
-		let E = e - k.value.x, O = T - k.value.y;
-		E === 0 && O === 0 || (A.onPanUpdate?.({
+	}, V = (e, w) => {
+		if (!E.value) return;
+		let T = e - O.value.x, D = w - O.value.y;
+		T === 0 && D === 0 || (k.onPanUpdate?.({
 			delta: {
-				x: E,
-				y: O
+				x: T,
+				y: D
 			},
 			globalPosition: {
 				x: e,
-				y: T
+				y: w
 			}
-		}), k.value = {
+		}), O.value = {
 			x: e,
-			y: T
+			y: w
 		});
-	}, U = () => {
-		D.value && (D.value = !1, A.onPanEnd?.());
+	}, H = () => {
+		E.value && (E.value = !1, k.onPanEnd?.());
 	};
 	return {
-		onClick: j,
-		onMousedown: M,
-		onMouseup: P,
-		onMousemove: N,
-		onTouchstart: F,
-		onTouchmove: I,
-		onTouchend: L,
-		onTouchcancel: R
+		onClick: A,
+		onMousedown: j,
+		onMouseup: N,
+		onMousemove: M,
+		onTouchstart: P,
+		onTouchmove: F,
+		onTouchend: I,
+		onTouchcancel: L
 	};
 }
 var S_EVENTS = Symbol("events"), S_BEHAVIOR = Symbol("behavior");
 function useGestureStyle(e) {
-	let T = e || inject(S_BEHAVIOR, "opaque"), E = {};
-	return (T === "opaque" || T === "translucent") && (E.cursor = "pointer", E.userSelect = "none"), E;
+	let w = e || inject(S_BEHAVIOR, "opaque"), T = {};
+	return (w === "opaque" || w === "translucent") && (T.cursor = "pointer", T.userSelect = "none"), T;
 }
 function useGestureEvents() {
 	return inject(S_EVENTS, void 0);
 }
-function provideGesture(e, T) {
-	provide(S_EVENTS, e), provide(S_BEHAVIOR, T);
+function provideGesture(e, w) {
+	provide(S_EVENTS, e), provide(S_BEHAVIOR, w);
 }
 function useSafeAttrs() {
 	let e = useAttrs();
 	return computed(() => {
-		let { class: T, style: E, ...D } = e ?? {};
-		return D;
+		let { class: w, style: T, ...E } = e ?? {};
+		return E;
 	});
 }
 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: T }) {
-		return provide(StyleInjectionKey, computed(() => e.style)), () => T.default?.() || null;
+	setup(e, { slots: w }) {
+		return provide(StyleInjectionKey, computed(() => e.style)), () => w.default?.() || null;
 	}
 });
 function useStyles() {
@@ -699,21 +699,21 @@ const StyleProvider = defineComponent({
 			default: () => ({})
 		}
 	},
-	setup(e, { slots: T }) {
+	setup(e, { slots: w }) {
 		return () => {
-			let E = T.default?.() ?? [];
-			return E.length <= 0 ? null : cloneAndMergeStyles(E, e.style, e.attrs);
+			let T = w.default?.() ?? [];
+			return T.length <= 0 ? null : cloneAndMergeStyles(T, e.style, e.attrs);
 		};
 	}
 });
-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
+function cloneAndMergeStyles(D, O, k) {
+	return D.map((D) => D && (D.type === Fragment ? Array.isArray(D.children) ? h(Fragment, cloneAndMergeStyles(D.children, O, k)) : D : D.type === Comment || D.type === Text ? D : isHtmlTag(D) ? cloneVNode(D, { style: {
+		...D.props?.style || {},
+		...O
 	} }) : h(Injector, {
-		...A,
-		style: k
-	}, { default: () => O })));
+		...k,
+		style: O
+	}, { default: () => D })));
 }
 var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -735,21 +735,21 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		curve: { default: "linear" }
 	},
 	setup(e) {
-		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 w = useStyles(), T = useSafeAttrs(), E = useGestureEvents(), O = computed(() => w.value.pointerEvents == "none" ? T.value : {
+			...T.value,
+			...E || {}
+		}), j = useGestureStyle(), M = e, N = computed(() => `all ${M.duration}ms ${M.curve}`), P = computed(() => {
 			let e = {
-				...sizeToStyle(N),
-				...paddingToStyle(N.padding),
-				...marginToStyle(N.margin),
-				...boxDecorationToStyle(N.decoration),
-				...alignmentToStyle(N.alignment, "column"),
-				...boxConstraintsToStyle(N.constraints),
-				...M,
-				transition: P.value
+				...sizeToStyle(M),
+				...paddingToStyle(M.padding),
+				...marginToStyle(M.margin),
+				...boxDecorationToStyle(M.decoration),
+				...alignmentToStyle(M.alignment, "column"),
+				...boxConstraintsToStyle(M.constraints),
+				...j,
+				transition: N.value
 			};
-			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) {
+			if (M.color && !M.decoration && (e.backgroundColor = M.color), M.transform && (e.transform = M.transform, M.transformAlignment && (e.transformOrigin = alignmentToOrigin(M.transformAlignment))), M.clipBehavior !== "none") switch (M.clipBehavior) {
 				case "hardEdge":
 					e.overflow = "hidden";
 					break;
@@ -766,22 +766,22 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 				boxSizing: "border-box",
 				position: "relative"
 			};
-		}), I = computed(() => ({
-			...boxDecorationToStyle(N.foregroundDecoration),
+		}), F = computed(() => ({
+			...boxDecorationToStyle(M.foregroundDecoration),
 			position: "absolute",
 			top: 0,
 			left: 0,
 			right: 0,
 			bottom: 0,
 			pointerEvents: "none",
-			transition: P.value
+			transition: N.value
 		}));
-		return (e, T) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, w) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "animated-container",
-			style: F.value
-		}, k.value), [renderSlot(e.$slots, "default"), N.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			style: P.value
+		}, O.value), [renderSlot(e.$slots, "default"), M.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(I.value)
+			style: normalizeStyle(F.value)
 		}, null, 4)) : createCommentVNode("", !0)], 16));
 	}
 }), AnimatedOpacity_default = defineComponent({
@@ -801,12 +801,12 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 			default: "linear"
 		}
 	},
-	setup(e, { slots: T }) {
-		let E = computed(() => e.opacity === void 0 ? {} : {
+	setup(e, { slots: w }) {
+		let T = computed(() => e.opacity === void 0 ? {} : {
 			transition: `opacity ${e.duration}ms ${e.curve}`,
 			opacity: e.opacity
 		});
-		return () => h(StyleProvider, { style: E.value }, T);
+		return () => h(StyleProvider, { style: T.value }, w);
 	}
 }), Container_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -827,38 +827,38 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		flex: {}
 	},
 	setup(e) {
-		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 w = useStyles(), T = useSafeAttrs(), E = useGestureEvents(), O = computed(() => w.value.pointerEvents == "none" ? T.value : {
+			...T.value,
+			...E || {}
+		}), j = useGestureStyle(), M = e, N = computed(() => {
 			let e = {
-				backgroundColor: N.decoration ? void 0 : N.color,
-				transform: N.transform,
-				transformOrigin: N.transformAlignment ? alignmentToOrigin(N.transformAlignment) : "center",
-				overflow: N.clipBehavior === "none" ? void 0 : "hidden",
+				backgroundColor: M.decoration ? void 0 : M.color,
+				transform: M.transform,
+				transformOrigin: M.transformAlignment ? alignmentToOrigin(M.transformAlignment) : "center",
+				overflow: M.clipBehavior === "none" ? void 0 : "hidden",
 				position: "relative"
 			};
-			Object.assign(e, T.value), N.alignment && (Object.assign(e, {
+			Object.assign(e, w.value), M.alignment && (Object.assign(e, {
 				display: "flex",
 				flexDirection: "column"
-			}), 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(() => {
+			}), Object.assign(e, alignmentToFlex(M.alignment, "column"))), Object.assign(e, sizeToStyle(M));
+			let T = boxConstraintsToStyle(M.constraints);
+			return isDefined(M.width) && (delete T.minWidth, delete T.maxWidth), isDefined(M.height) && (delete T.minHeight, delete T.maxHeight), Object.assign(e, T), Object.assign(e, paddingToStyle(M.padding)), Object.assign(e, marginToStyle(M.margin)), Object.assign(e, boxDecorationToStyle(M.decoration)), Object.assign(e, j), M.flex !== void 0 && (typeof M.flex == "number" ? e.flex = `${M.flex} 1 0%` : e.flex = M.flex), M.clipBehavior === "antiAlias" && (e.borderRadius = e.borderRadius || "inherit"), e;
+		}), P = computed(() => {
 			let e = {
 				position: "absolute",
 				pointerEvents: "none",
 				zIndex: 1,
 				inset: 0
 			};
-			return Object.assign(e, boxDecorationToStyle(N.foregroundDecoration)), e;
+			return Object.assign(e, boxDecorationToStyle(M.foregroundDecoration)), e;
 		});
-		return (e, T) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, w) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "container-box",
-			style: P.value
-		}, k.value), [renderSlot(e.$slots, "default"), N.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			style: N.value
+		}, O.value), [renderSlot(e.$slots, "default"), M.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(F.value)
+			style: normalizeStyle(P.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 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
+		let w = e, T = computed(() => {
+			if (!(!w.color && !w.border && !w.borderRadius && !w.boxShadow && !w.gradient && !w.image && w.shape === "rectangle")) return BoxDecoration({
+				color: w.color,
+				border: w.border,
+				borderRadius: w.borderRadius,
+				boxShadow: w.boxShadow,
+				gradient: w.gradient,
+				image: w.image,
+				shape: w.shape
 			});
 		});
-		return (T, D) => (openBlock(), createBlock(Container_default, {
+		return (w, E) => (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: E.value
+			decoration: T.value
 		}, {
-			default: withCtx(() => [renderSlot(T.$slots, "default")]),
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"width",
@@ -939,36 +939,36 @@ let FontWeight = /* @__PURE__ */ function(e) {
 	return e.rtl = "rtl", e.ltr = "ltr", e;
 }({});
 var TEXT_STYLE_SYMBOL = Symbol("textStyle");
-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 buildFontFamily(e, w, T) {
+	let E = e;
+	return w && E && (E = `packages/${w}/${E}`), T && T.length > 0 ? [E, ...T].filter(Boolean).join(", ") : E;
 }
 function toCSSStyle(e = {}) {
-	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) {
+	let w = {};
+	w.margin = 0, w.padding = 0, w.border = "none", w.fontSmooth = "antialiased", w.MozOsxFontSmoothing = "grayscale", w.textRendering = "optimizeLegibility", w.wordBreak = "break-word", w.overflowWrap = "break-word", w.transition = "all 0.2s ease-in-out", e.foreground ? Object.assign(w, e.foreground) : e.color && (w.color = e.color), e.background ? Object.assign(w, e.background) : e.backgroundColor && (w.backgroundColor = e.backgroundColor), e.fontSize && (w.fontSize = typeof e.fontSize == "number" ? px2vw(e.fontSize) : e.fontSize), e.fontWeight && (w.fontWeight = e.fontWeight.toString()), e.fontStyle && (w.fontStyle = e.fontStyle);
+	let T = buildFontFamily(e.fontFamily, e.package, e.fontFamilyFallback);
+	if (T && (w.fontFamily = T), e.letterSpacing && (w.letterSpacing = px2vw(e.letterSpacing)), e.wordSpacing && (w.wordSpacing = px2vw(e.wordSpacing)), e.height && (w.lineHeight = e.height.toString()), e.decoration && (w.textDecoration = e.decoration), e.decorationColor && (w.textDecorationColor = e.decorationColor), e.decorationStyle && (w.textDecorationStyle = e.decorationStyle), e.decorationThickness && (w.textDecorationThickness = px2vw(e.decorationThickness)), e.overflow) switch (e.overflow) {
 		case TextOverflow.ellipsis:
-			T.overflow = "hidden", T.textOverflow = "ellipsis", T.whiteSpace = "nowrap";
+			w.overflow = "hidden", w.textOverflow = "ellipsis", w.whiteSpace = "nowrap";
 			break;
 		case TextOverflow.clip:
-			T.overflow = "hidden";
+			w.overflow = "hidden";
 			break;
 		case TextOverflow.visible:
-			T.overflow = "visible";
+			w.overflow = "visible";
 			break;
 		case TextOverflow.fade:
-			T.overflow = "hidden", T.whiteSpace = "nowrap", T.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
+			w.overflow = "hidden", w.whiteSpace = "nowrap", w.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
 			break;
 	}
-	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;
+	return e.shadows && e.shadows.length > 0 && (w.textShadow = e.shadows.map((e) => {
+		let w = e.offsetX || 0, T = e.offsetY || 0, E = e.blurRadius || 0, D = e.color || "rgba(0,0,0,0.5)";
+		return `${px2vw(w)} ${px2vw(T)} ${px2vw(E)} ${D}`;
+	}).join(", ")), e.fontFeatures && (w.fontFeatureSettings = JSON.stringify(e.fontFeatures)), e.fontVariations && (w.fontVariationSettings = JSON.stringify(e.fontVariations)), w;
 }
-function TextStyle(e = {}, T = {}) {
+function TextStyle(e = {}, w = {}) {
 	return {
-		...T,
+		...w,
 		...e,
 		[TEXT_STYLE_SYMBOL]: !0
 	};
@@ -979,29 +979,29 @@ function isTextStyle(e) {
 const ButtonStyle = (e) => e;
 function buttonStyleToStyle(e) {
 	if (!e) return {};
-	let T = {};
-	if (e.textStyle && Object.assign(T, toCSSStyle(e.textStyle)), 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);
+	let w = {};
+	if (e.opacity !== void 0 && (w.opacity = e.opacity), e.textStyle && Object.assign(w, toCSSStyle(e.textStyle)), e.backgroundColor && (w.backgroundColor = e.backgroundColor), e.foregroundColor && (w.color = e.foregroundColor), e.padding && Object.assign(w, paddingToStyle(e.padding)), e.minimumSize) {
+		let { width: T, height: E } = sizeToStyle(e.minimumSize) || {};
+		T && (w.minWidth = T), E && (w.minHeight = E);
 	}
 	if (e.maximumSize) {
-		let { width: E, height: D } = sizeToStyle(e.maximumSize) || {};
-		E && (T.maxWidth = E), D && (T.maxHeight = D);
+		let { width: T, height: E } = sizeToStyle(e.maximumSize) || {};
+		T && (w.maxWidth = T), E && (w.maxHeight = E);
 	}
 	if (e.fixedSize) {
-		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);
+		let { width: T, height: E } = sizeToStyle(e.fixedSize) || {};
+		T && (w.width = T, w.minWidth = T, w.maxWidth = T), E && (w.height = E, w.minHeight = E, w.maxHeight = E);
 	}
-	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;
+	return e.side && Object.assign(w, borderSideToStyle(e.side)), e.shape && Object.assign(w, borderRadiusToStyle(e.shape)), e.elevation && (w.boxShadow = `0px ${px2vw(e.elevation)} ${px2vw(e.elevation * 2)} ${e.shadowColor || "rgba(0,0,0,0.2)"}`), e.alignment && (w.display = "flex", w.flexDirection = "column", Object.assign(w, alignmentToFlex(e.alignment, "column"))), w;
 }
-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 useChildren(E) {
+	if (!E) return [];
+	let D = E();
+	return D ? D.filter((E) => !(E.type === Comment || E.type === Text && typeof E.children == "string" && !E.children.trim() || E.type === Fragment && Array.isArray(E.children) && E.children.length === 0)) : [];
 }
 function useChild(e) {
-	let T = useChildren(e);
-	return T.length === 0 ? null : T[0];
+	let w = useChildren(e);
+	return w.length === 0 ? null : w[0];
 }
 var GestureDetector_default = defineComponent({
 	name: "GestureDetector",
@@ -1011,14 +1011,14 @@ var GestureDetector_default = defineComponent({
 		default: "opaque"
 	} },
 	emits: events,
-	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;
+	setup(e, { slots: w, emit: D }) {
+		let O = useGestures({ emit: D });
+		return provideGesture(O, e.behavior), () => {
+			let e = useChild(w.default);
+			return e ? e.type === Text ? h("span", O, [e]) : isHtmlTag(e) ? cloneVNode(e, O) : e : null;
 		};
 	}
-}), _hoisted_1$4 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$7 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Button",
 	props: {
@@ -1027,39 +1027,68 @@ var GestureDetector_default = defineComponent({
 			default: !1
 		},
 		behavior: { default: "opaque" },
-		style: {}
+		style: {},
+		variant: {},
+		color: {},
+		disabledColor: { default: "rgba(0, 0, 0, 0.2)" },
+		pressedOpacity: { default: .4 },
+		padding: {},
+		borderRadius: {}
 	},
-	emits: ["pressed", "long-press"],
-	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,
+	emits: [
+		"pressed",
+		"long-press",
+		"tap-down",
+		"tap-up",
+		"tap-cancel"
+	],
+	setup(e, { emit: w }) {
+		let T = e, E = w, k = useAttrs(), A = useStyles(), M = useSafeAttrs(), N = useGestureEvents(), P = ref(!1), F = computed(() => A.value.pointerEvents == "none" ? M.value : {
+			...M.value,
 			...N || {}
-		}), F = useGestureStyle(E.behavior), I = computed(() => {
-			let e = { position: "relative" };
-			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");
+		}), I = useGestureStyle(T.behavior), L = computed(() => {
+			let e = { position: "relative" }, w = {};
+			return T.variant === "ios" && (w = {
+				padding: T.padding || EdgeInsets.symmetric({
+					vertical: 14,
+					horizontal: 16
+				}),
+				shape: T.borderRadius || BorderRadius.all(8),
+				backgroundColor: T.disabled ? T.disabledColor : T.color || "transparent",
+				opacity: P.value ? T.pressedOpacity : 1
+			}), Object.assign(e, A.value), Object.assign(e, buttonStyleToStyle(w)), Object.assign(e, buttonStyleToStyle(T.style)), Object.assign(e, I), e;
+		}), R = (e) => {
+			T.disabled || (T.variant === "ios" && (P.value = !0), E("tap-down", e));
+		}, B = (e) => {
+			P.value = !1, E("tap-up", e);
+		}, V = (e) => {
+			P.value = !1, E("tap-cancel", e);
+		}, H = () => {
+			T.disabled || E("pressed");
+		}, U = () => {
+			T.disabled || E("long-press");
 		};
-		return (T, E) => (openBlock(), createBlock(GestureDetector_default, {
+		return (w, T) => (openBlock(), createBlock(GestureDetector_default, {
 			behavior: e.behavior,
-			onTap: L,
-			onLongPress: R
+			onTap: H,
+			onLongPress: U,
+			onTapDown: R,
+			onTapUp: B,
+			onTapCancel: V
 		}, {
 			default: withCtx(() => [createElementVNode("button", mergeProps({
-				class: "fluekit-button",
-				style: I.value,
+				class: ["fluekit-button", unref(k).class],
+				style: L.value,
 				disabled: e.disabled
-			}, P.value), [renderSlot(T.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$4)]),
+			}, F.value), [renderSlot(w.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$7)]),
 			_: 3
 		}, 8, ["behavior"]));
 	}
-}), __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-04ee9025"]]), Card_default = /* @__PURE__ */ defineComponent({
+}), __plugin_vue_export_helper_default = (e, w) => {
+	let T = e.__vccOpts || e;
+	for (let [e, E] of w) T[e] = E;
+	return T;
+}, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2bc95a68"]]), Card_default = /* @__PURE__ */ defineComponent({
 	__name: "Card",
 	props: {
 		color: { default: "#ffffff" },
@@ -1068,35 +1097,46 @@ var GestureDetector_default = defineComponent({
 		shape: {},
 		margin: { default: () => EdgeInsets.all(4) },
 		clipBehavior: { default: "none" },
-		borderOnForeground: { type: Boolean }
+		borderOnForeground: { type: Boolean },
+		variant: { default: "ios" }
 	},
 	setup(e) {
-		let T = e, E = computed(() => {
+		let w = e, T = computed(() => {
 			let e = [];
-			if (T.elevation > 0) {
-				let E = T.elevation * 2;
-				T.elevation, e.push(BoxShadow({
-					color: T.shadowColor,
+			if (w.variant === "ios") e.push(BoxShadow({
+				color: "rgba(0, 0, 0, 0.05)",
+				offset: {
+					x: 0,
+					y: 2
+				},
+				blurRadius: 10,
+				spreadRadius: 0
+			}));
+			else if (w.elevation > 0) {
+				let T = w.elevation * 2;
+				e.push(BoxShadow({
+					color: w.shadowColor,
 					offset: {
 						x: 0,
 						y: 1
 					},
-					blurRadius: E,
+					blurRadius: T,
 					spreadRadius: 0
 				}));
 			}
+			let T = w.variant === "ios" ? BorderRadius.all(12) : BorderRadius.all(4);
 			return BoxDecoration({
-				color: T.color,
-				borderRadius: T.shape || BorderRadius.all(4),
+				color: w.color,
+				borderRadius: w.shape || T,
 				boxShadow: e.length > 0 ? e : void 0
 			});
 		});
-		return (T, D) => (openBlock(), createBlock(Container_default, {
+		return (w, E) => (openBlock(), createBlock(Container_default, {
 			margin: e.margin,
-			decoration: E.value,
+			decoration: T.value,
 			"clip-behavior": e.clipBehavior
 		}, {
-			default: withCtx(() => [renderSlot(T.$slots, "default")]),
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"margin",
@@ -1112,12 +1152,12 @@ var GestureDetector_default = defineComponent({
 		heightFactor: {}
 	},
 	setup(e) {
-		return (T, E) => (openBlock(), createBlock(Align_default, {
+		return (w, T) => (openBlock(), createBlock(Align_default, {
 			alignment: "center",
 			"width-factor": e.widthFactor,
 			"height-factor": e.heightFactor
 		}, {
-			default: withCtx(() => [renderSlot(T.$slots, "default")]),
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
 			_: 3
 		}, 8, ["width-factor", "height-factor"]));
 	}
@@ -1143,24 +1183,24 @@ var GestureDetector_default = defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		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 = {
+		let w = e, T = useSafeAttrs(), E = computed(() => {
+			let e = ["flex-box", `flex-box-${w.direction}`];
+			return w.expanded && e.push("flex-expanded"), w.mainAxisSize === MainAxisSize.min && e.push("main-axis-min"), e.join(" ");
+		}), k = computed(() => {
+			let e = w.mainAxisAlignment, T = w.crossAxisAlignment, E = {
 				display: "flex",
-				flexDirection: T.direction,
-				flexWrap: T.wrap ? "wrap" : "nowrap"
+				flexDirection: w.direction,
+				flexWrap: w.wrap ? "wrap" : "nowrap"
 			};
-			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;
+			E.justifyContent = FlexBoxJustifyMap[e] || e, E.alignItems = FlexBoxAlignMap[T] || T, E.gap = px2vw(w.gap);
+			let D = w.direction?.includes("row"), O = w.direction?.includes("column");
+			return w.mainAxisSize === MainAxisSize.min ? (D && (E.width = "fit-content"), O && (E.height = "fit-content")) : (D && (E.width = "100%"), O && (E.height = "100%")), w.expanded && (E.flex = "1", E.width = "100%", E.height = "100%"), w.constraints && Object.assign(E, boxConstraintsToStyle(w.constraints)), E;
 		});
-		return (T, O) => (openBlock(), createBlock(resolveDynamicComponent(e.as), mergeProps({
-			class: D.value,
-			style: A.value
-		}, unref(E)), {
-			default: withCtx(() => [renderSlot(T.$slots, "default")]),
+		return (w, D) => (openBlock(), createBlock(resolveDynamicComponent(e.as), mergeProps({
+			class: E.value,
+			style: k.value
+		}, unref(T)), {
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
 			_: 3
 		}, 16, ["class", "style"]));
 	}
@@ -1179,7 +1219,7 @@ var GestureDetector_default = defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		return (T, E) => (openBlock(), createBlock(FlexBox_default, {
+		return (w, T) => (openBlock(), createBlock(FlexBox_default, {
 			direction: "column",
 			"main-axis-alignment": e.mainAxisAlignment,
 			"main-axis-size": e.mainAxisSize,
@@ -1188,7 +1228,7 @@ var GestureDetector_default = defineComponent({
 			gap: e.gap,
 			expanded: e.expanded
 		}, {
-			default: withCtx(() => [renderSlot(T.$slots, "default")]),
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"main-axis-alignment",
@@ -1217,22 +1257,22 @@ var GestureDetector_default = defineComponent({
 		maxSize: {}
 	},
 	setup(e) {
-		let T = e, E = useSafeAttrs(), D = computed(() => {
+		let w = e, T = useSafeAttrs(), E = computed(() => {
 			let e = {};
-			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 (w.expanded ? e.flex = "1 1 0%" : (w.flexible && (e.flex = "0 1 auto"), w.flex > 0 && (e.flex = `${w.flex} 1 0%`)), w.alignSelf !== "auto" && (e.alignSelf = FlexBoxAlignMap[w.alignSelf] || w.alignSelf), w.minSize) {
+				let T = px2vw(w.minSize);
+				e.minWidth = T, e.minHeight = T;
 			}
-			if (T.maxSize) {
-				let E = px2vw(T.maxSize);
-				e.maxWidth = E, e.maxHeight = E;
+			if (w.maxSize) {
+				let T = px2vw(w.maxSize);
+				e.maxWidth = T, e.maxHeight = T;
 			}
 			return e;
 		});
-		return (e, T) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, w) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "flex-item",
-			style: D.value
-		}, unref(E)), [renderSlot(e.$slots, "default")], 16));
+			style: E.value
+		}, unref(T)), [renderSlot(e.$slots, "default")], 16));
 	}
 }), Expanded_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1244,14 +1284,14 @@ var GestureDetector_default = defineComponent({
 		maxSize: {}
 	},
 	setup(e) {
-		return (T, E) => (openBlock(), createBlock(FlexItem_default, {
+		return (w, T) => (openBlock(), createBlock(FlexItem_default, {
 			flex: e.flex,
 			expanded: "",
 			"align-self": e.alignSelf,
 			"min-size": e.minSize,
 			"max-size": e.maxSize
 		}, {
-			default: withCtx(() => [renderSlot(T.$slots, "default")]),
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"flex",
@@ -1261,13 +1301,13 @@ var GestureDetector_default = defineComponent({
 		]));
 	}
 });
-function usePositionStyle(e, T = "absolute") {
+function usePositionStyle(e, w = "absolute") {
 	return computed(() => {
-		let E = {
-			position: T,
+		let T = {
+			position: w,
 			boxSizing: "border-box"
 		};
-		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;
+		return T.top = px2vw(e.top), T.bottom = px2vw(e.bottom), T.left = px2vw(e.left), T.right = px2vw(e.right), T.width = px2vw(e.width), T.height = px2vw(e.height), T.zIndex = e.zIndex, T;
 	});
 }
 var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1283,10 +1323,10 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		zIndex: { default: 100 }
 	},
 	setup(e) {
-		let T = usePositionStyle(e, "fixed");
-		return (e, E) => (openBlock(), createElementBlock("div", {
+		let w = usePositionStyle(e, "fixed");
+		return (e, T) => (openBlock(), createElementBlock("div", {
 			class: "flutter-fixed",
-			style: normalizeStyle(unref(T))
+			style: normalizeStyle(unref(w))
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-b47757ec"]]), ScrollView_default = /* @__PURE__ */ defineComponent({
@@ -1307,8 +1347,8 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		"scrollStart",
 		"scrollEnd"
 	],
-	setup(e, { expose: T, emit: E }) {
-		let D = e, k = E, A = ref(), N = !1, P = null, F = computed(() => {
+	setup(e, { expose: w, emit: T }) {
+		let E = e, O = T, k = ref(), M = !1, N = null, P = computed(() => {
 			let e = {
 				width: "100%",
 				height: "100%",
@@ -1317,39 +1357,39 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 				scrollbarWidth: "none",
 				WebkitOverflowScrolling: "touch"
 			};
-			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(() => {
+			return E.physics === "never" ? e.overflow = "hidden" : (E.scrollDirection === "vertical" ? (e.overflowX = "hidden", e.overflowY = "auto") : (e.overflowX = "auto", e.overflowY = "hidden"), E.physics === "clamping" ? e.overscrollBehavior = "none" : E.physics === "bouncing" && (e.overscrollBehavior = "auto")), E.clipBehavior === "none" && E.physics === "never" && (e.overflow = "visible"), e;
+		}), F = computed(() => {
 			let e = {
-				minWidth: D.scrollDirection === "horizontal" ? "max-content" : "100%",
-				minHeight: D.scrollDirection === "vertical" ? "fit-content" : "100%",
+				minWidth: E.scrollDirection === "horizontal" ? "max-content" : "100%",
+				minHeight: E.scrollDirection === "vertical" ? "fit-content" : "100%",
 				boxSizing: "border-box",
 				display: "flow-root"
 			};
-			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");
+			return E.padding && Object.assign(e, paddingToStyle(E.padding)), e;
+		}), I = (e) => {
+			let w = e.target;
+			M || (M = !0, O("scrollStart")), O("scroll", {
+				scrollTop: w.scrollTop,
+				scrollLeft: w.scrollLeft,
+				scrollHeight: w.scrollHeight,
+				scrollWidth: w.scrollWidth
+			}), N && clearTimeout(N), N = window.setTimeout(() => {
+				M = !1, O("scrollEnd");
 			}, 150);
 		};
-		return T({
-			scrollRef: A,
+		return w({
+			scrollRef: k,
 			scrollTo: (e) => {
-				A.value?.scrollTo(e);
+				k.value?.scrollTo(e);
 			}
 		}), onUnmounted(() => {
-			P && clearTimeout(P);
-		}), (e, T) => (openBlock(), createElementBlock("div", {
+			N && clearTimeout(N);
+		}), (e, w) => (openBlock(), createElementBlock("div", {
 			ref_key: "scrollRef",
-			ref: A,
-			style: normalizeStyle(F.value),
-			onScroll: L
-		}, [createElementVNode("div", { style: normalizeStyle(I.value) }, [renderSlot(e.$slots, "default")], 4)], 36));
+			ref: k,
+			style: normalizeStyle(P.value),
+			onScroll: I
+		}, [createElementVNode("div", { style: normalizeStyle(F.value) }, [renderSlot(e.$slots, "default")], 4)], 36));
 	}
 }), GridView_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1370,36 +1410,36 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		itemCount: {}
 	},
 	setup(e) {
-		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;
+		let T = e, E = computed(() => ({
+			height: T.shrinkWrap ? "auto" : "100%",
+			width: T.shrinkWrap ? "auto" : "100%"
+		})), k = computed(() => {
+			let e = T.scrollDirection === "vertical", w = typeof T.mainAxisSpacing == "number" ? px2vw(T.mainAxisSpacing) : T.mainAxisSpacing, E = typeof T.crossAxisSpacing == "number" ? px2vw(T.crossAxisSpacing) : T.crossAxisSpacing;
 			return {
 				display: "grid",
-				gridTemplateColumns: e ? `repeat(${E.crossAxisCount}, 1fr)` : "none",
-				gridTemplateRows: e ? "none" : `repeat(${E.crossAxisCount}, 1fr)`,
+				gridTemplateColumns: e ? `repeat(${T.crossAxisCount}, 1fr)` : "none",
+				gridTemplateRows: e ? "none" : `repeat(${T.crossAxisCount}, 1fr)`,
 				gridAutoFlow: e ? "row" : "column",
-				gap: e ? `${T} ${D}` : `${D} ${T}`,
+				gap: e ? `${w} ${E}` : `${E} ${w}`,
 				minWidth: e ? "100%" : "max-content",
 				minHeight: e ? "max-content" : "100%"
 			};
 		});
-		return (E, O) => (openBlock(), createBlock(ScrollView_default, {
+		return (T, D) => (openBlock(), createBlock(ScrollView_default, {
 			"scroll-direction": e.scrollDirection,
 			padding: e.padding,
 			physics: e.physics,
 			"clip-behavior": e.clipBehavior,
 			class: "flutter-grid-view",
-			style: normalizeStyle(D.value)
+			style: normalizeStyle(E.value)
 		}, {
 			default: withCtx(() => [createElementVNode("div", {
 				class: "grid-view-content",
-				style: normalizeStyle(A.value)
-			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (e) => renderSlot(E.$slots, "item", {
+				style: normalizeStyle(k.value)
+			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (e) => renderSlot(T.$slots, "item", {
 				key: e - 1,
 				index: e - 1
-			})), 128)) : renderSlot(E.$slots, "default", { key: 0 })], 4)]),
+			})), 128)) : renderSlot(T.$slots, "default", { key: 0 })], 4)]),
 			_: 3
 		}, 8, [
 			"scroll-direction",
@@ -1422,11 +1462,11 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 			default: !1
 		}
 	},
-	setup(e, { slots: T }) {
-		return () => !e.ignoring && !e.ignoringSemantics ? T.default?.() : h(StyleProvider, {
+	setup(e, { slots: w }) {
+		return () => !e.ignoring && !e.ignoringSemantics ? w.default?.() : h(StyleProvider, {
 			style: { pointerEvents: e.ignoring ? "none" : void 0 },
 			attrs: { "aria-hidden": e.ignoringSemantics ? "true" : void 0 }
-		}, T);
+		}, w);
 	}
 }), IMAGE_PROVIDER_SYMBOL = Symbol("ImageProvider");
 function isImageProvider(e) {
@@ -1439,9 +1479,9 @@ function NetworkImage(e) {
 	};
 }
 function MemoryImage(e) {
-	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,
+	let w = "";
+	return typeof e == "string" ? w = e : e instanceof Blob ? w = URL.createObjectURL(e) : console.warn("[MemoryImage] Unsupported data type. Expected string (base64) or Blob."), {
+		src: w,
 		[IMAGE_PROVIDER_SYMBOL]: !0
 	};
 }
@@ -1449,20 +1489,20 @@ var _assetBaseUrl = "/";
 function setAssetBaseURL(e) {
 	_assetBaseUrl = e;
 }
-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,
+function AssetImage(e, w = {}) {
+	let T = w.package ? `${w.package}/${e}` : e;
+	return /^(https?:|file:|blob:|data:|\/\/)/i.test(T) || _assetBaseUrl && (T = (_assetBaseUrl.endsWith("/") ? _assetBaseUrl : _assetBaseUrl + "/") + (T.startsWith("/") ? T.slice(1) : T)), {
+		src: T,
 		[IMAGE_PROVIDER_SYMBOL]: !0
 	};
 }
 function createAssetImage(e) {
-	return (T, E = {}) => AssetImage(T, {
+	return (w, T = {}) => AssetImage(w, {
 		...e,
-		...E
+		...T
 	});
 }
-var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var _hoisted_1$6 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Image",
 	props: {
@@ -1479,8 +1519,8 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		alt: { default: "" }
 	},
 	emits: ["load", "error"],
-	setup(e, { emit: T }) {
-		let E = e, D = T, k = useSafeAttrs(), A = computed(() => {
+	setup(e, { emit: w }) {
+		let T = e, E = w, O = useSafeAttrs(), k = computed(() => {
 			let e = {
 				position: "relative",
 				display: "inline-block",
@@ -1488,10 +1528,10 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 				lineHeight: 0
 			};
 			return Object.assign(e, sizeToStyle({
-				width: E.width,
-				height: E.height
+				width: T.width,
+				height: T.height
 			})), e;
-		}), N = {
+		}), M = {
 			fill: "fill",
 			contain: "contain",
 			cover: "cover",
@@ -1499,30 +1539,30 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 			fitHeight: "contain",
 			none: "none",
 			scaleDown: "scale-down"
-		}, P = computed(() => alignmentToOrigin(E.alignment)), F = computed(() => {
+		}, N = computed(() => alignmentToOrigin(T.alignment)), P = computed(() => {
 			let e = {
 				width: "100%",
 				height: "100%",
-				objectFit: N[E.fit],
-				objectPosition: P.value,
-				opacity: E.opacity,
-				imageRendering: E.filterQuality === "low" ? "pixelated" : "auto"
+				objectFit: M[T.fit],
+				objectPosition: N.value,
+				opacity: T.opacity,
+				imageRendering: T.filterQuality === "low" ? "pixelated" : "auto"
 			};
-			return E.color, e;
-		}), I = (e) => D("load", e), L = (e) => D("error", e);
-		return (T, D) => (openBlock(), createElementBlock("div", mergeProps({
+			return T.color, e;
+		}), F = (e) => E("load", e), I = (e) => E("error", e);
+		return (w, E) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "fluekit-image-container",
-			style: A.value
-		}, unref(k)), [createElementVNode("img", {
-			src: E.image.src,
+			style: k.value
+		}, unref(O)), [createElementVNode("img", {
+			src: T.image.src,
 			class: "fluekit-image",
-			style: normalizeStyle(F.value),
+			style: normalizeStyle(P.value),
 			alt: e.alt,
-			onLoad: I,
-			onError: L
-		}, null, 44, _hoisted_1$3)], 16));
+			onLoad: F,
+			onError: I
+		}, null, 44, _hoisted_1$6)], 16));
 	}
-}), [["__scopeId", "data-v-ce382550"]]), _hoisted_1$2 = {
+}), [["__scopeId", "data-v-ce382550"]]), _hoisted_1$5 = {
 	key: 0,
 	class: "list-view-separator"
 }, ListView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1545,11 +1585,11 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		clipBehavior: { default: "hardEdge" }
 	},
 	setup(e) {
-		let E = e, D = computed(() => ({
-			height: E.shrinkWrap ? "auto" : "100%",
-			width: E.shrinkWrap ? "auto" : "100%"
-		})), N = computed(() => {
-			let e = E.scrollDirection === "vertical";
+		let T = e, E = computed(() => ({
+			height: T.shrinkWrap ? "auto" : "100%",
+			width: T.shrinkWrap ? "auto" : "100%"
+		})), M = computed(() => {
+			let e = T.scrollDirection === "vertical";
 			return {
 				display: "flex",
 				flexDirection: e ? "column" : "row",
@@ -1557,18 +1597,18 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 				minWidth: e ? "100%" : "max-content"
 			};
 		});
-		return (E, O) => (openBlock(), createBlock(ScrollView_default, {
+		return (T, D) => (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(D.value)
+			style: normalizeStyle(E.value)
 		}, {
 			default: withCtx(() => [createElementVNode("div", {
 				class: "list-view-content",
-				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)]),
+				style: normalizeStyle(M.value)
+			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (E) => (openBlock(), createElementBlock(Fragment, { key: E - 1 }, [renderSlot(T.$slots, "item", { index: E - 1 }, void 0, !0), e.separator && E < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$5, [renderSlot(T.$slots, "separator", { index: E - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(T.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
 			_: 3
 		}, 8, [
 			"scroll-direction",
@@ -1586,9 +1626,9 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		type: Number,
 		default: void 0
 	} },
-	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);
+	setup(e, { slots: w }) {
+		let T = computed(() => e.opacity === void 0 ? {} : { opacity: Math.max(0, Math.min(1, e.opacity)) });
+		return () => h(StyleProvider, { style: T.value }, w);
 	}
 }), Padding_default = defineComponent({
 	name: "Padding",
@@ -1619,10 +1659,10 @@ var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 			default: void 0
 		}
 	},
-	setup(e, { slots: T }) {
+	setup(e, { slots: w }) {
 		return () => {
-			let E = useChild(T.default);
-			return E ? cloneVNode(E, { style: edgeInsetsToStyle("padding", e) }) : null;
+			let T = useChild(w.default);
+			return T ? cloneVNode(T, { style: edgeInsetsToStyle("padding", e) }) : null;
 		};
 	}
 }), STACK_CONTEXT_KEY = "stackContext";
@@ -1643,14 +1683,14 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		zIndex: {}
 	},
 	setup(e) {
-		let T = e, E = useStackContext();
+		let w = e, T = useStackContext();
 		onMounted(() => {
-			E || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
+			T || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
 		});
-		let D = usePositionStyle(T, "absolute");
-		return (e, T) => (openBlock(), createElementBlock("div", {
+		let E = usePositionStyle(w, "absolute");
+		return (e, w) => (openBlock(), createElementBlock("div", {
 			class: "positioned",
-			style: normalizeStyle(unref(D))
+			style: normalizeStyle(unref(E))
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), Row_default = /* @__PURE__ */ defineComponent({
@@ -1674,7 +1714,7 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		return (T, E) => (openBlock(), createBlock(FlexBox_default, {
+		return (w, T) => (openBlock(), createBlock(FlexBox_default, {
 			direction: "row",
 			"main-axis-alignment": e.mainAxisAlignment,
 			"main-axis-size": e.mainAxisSize,
@@ -1684,7 +1724,7 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 			as: e.as,
 			expanded: e.expanded
 		}, {
-			default: withCtx(() => [renderSlot(T.$slots, "default")]),
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"main-axis-alignment",
@@ -1723,18 +1763,18 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(e) {
-		let T = e, E = computed(() => {
+		let w = e, T = computed(() => {
 			let e = {
 				display: "flex",
 				flexDirection: "column",
 				width: "100%",
 				height: "100%"
 			};
-			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 w.top && [].push("env(safe-area-inset-top)"), w.right && [].push("env(safe-area-inset-right)"), w.bottom && [].push("env(safe-area-inset-bottom)"), w.left && [].push("env(safe-area-inset-left)"), w.top && (e.paddingTop = "env(safe-area-inset-top)"), w.right && (e.paddingRight = "env(safe-area-inset-right)"), w.bottom && (e.paddingBottom = "env(safe-area-inset-bottom)"), w.left && (e.paddingLeft = "env(safe-area-inset-left)"), w.minimum, e;
 		});
-		return (e, T) => (openBlock(), createElementBlock("div", {
+		return (e, w) => (openBlock(), createElementBlock("div", {
 			class: "flutter-safe-area",
-			style: normalizeStyle(E.value)
+			style: normalizeStyle(T.value)
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), SizedBox_default = /* @__PURE__ */ defineComponent({
@@ -1745,17 +1785,17 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		height: {}
 	},
 	setup(e) {
-		let T = e, E = useSafeAttrs(), D = useSlots(), k = computed(() => {
+		let w = e, T = useSafeAttrs(), E = useSlots(), O = computed(() => {
 			let e = {
 				boxSizing: "border-box",
 				position: "relative"
 			};
-			return Object.assign(e, sizeToStyle(T)), D.default && (e.display = "flex", e.flexDirection = "column", e.flexShrink = 0), e;
+			return Object.assign(e, sizeToStyle(w)), E.default && (e.display = "flex", e.flexDirection = "column", e.flexShrink = 0), e;
 		});
-		return (e, T) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, w) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "sized-box",
-			style: k.value
-		}, unref(E)), [renderSlot(e.$slots, "default")], 16));
+			style: O.value
+		}, unref(T)), [renderSlot(e.$slots, "default")], 16));
 	}
 }), Stack_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1767,27 +1807,27 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		fit: { default: StackFit.loose }
 	},
 	setup(e) {
-		let T = e, E = {
+		let w = e, T = {
 			clip: "hidden",
 			hardEdge: "hidden",
 			antiAlias: "hidden",
 			none: "visible"
-		}, D = computed(() => {
+		}, E = computed(() => {
 			let e = {
 				position: "relative",
 				display: "grid",
 				gridTemplateColumns: "1fr",
 				gridTemplateRows: "1fr",
-				...alignmentToGrid(T.alignment),
-				overflow: E[T.clipBehavior],
-				direction: T.textDirection,
+				...alignmentToGrid(w.alignment),
+				overflow: T[w.clipBehavior],
+				direction: w.textDirection,
 				boxSizing: "border-box"
 			};
-			return T.fit === StackFit.expand && (e.width = "100%", e.height = "100%"), e;
+			return w.fit === StackFit.expand && (e.width = "100%", e.height = "100%"), e;
 		});
-		return provideStackContext(), (e, T) => (openBlock(), createElementBlock("div", {
+		return provideStackContext(), (e, w) => (openBlock(), createElementBlock("div", {
 			class: "flutter-stack",
-			style: normalizeStyle(D.value)
+			style: normalizeStyle(E.value)
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-aefe47c2"]]), Sticky_default = /* @__PURE__ */ defineComponent({
@@ -1803,10 +1843,10 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		zIndex: { default: 10 }
 	},
 	setup(e) {
-		let T = usePositionStyle(e, "sticky");
-		return (e, E) => (openBlock(), createElementBlock("div", {
+		let w = usePositionStyle(e, "sticky");
+		return (e, T) => (openBlock(), createElementBlock("div", {
 			class: "flutter-sticky",
-			style: normalizeStyle(unref(T))
+			style: normalizeStyle(unref(w))
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), Text_default = /* @__PURE__ */ defineComponent({
@@ -1827,16 +1867,16 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		tag: { default: "span" }
 	},
 	setup(e) {
-		let T = useStyles(), E = e, D = useGestureEvents(), A = computed(() => T.value.pointerEvents == "none" ? {} : D || {}), j = computed(() => {
-			let e = E.data;
+		let w = useStyles(), T = e, E = useGestureEvents(), k = computed(() => w.value.pointerEvents == "none" ? {} : E || {}), A = computed(() => {
+			let e = T.data;
 			return !isUndefined(e) && e != null ? e.toString() : "";
-		}), 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) {
+		}), j = useGestureStyle(), M = computed(() => {
+			let e = T.style ? toCSSStyle(T.style) : {};
+			T.textAlign && (e.textAlign = T.textAlign), T.textDirection && (e.direction = T.textDirection), T.softWrap === !1 && (e.whiteSpace = "nowrap");
+			let w = T.overflow ?? T.style?.overflow;
+			if (w) switch (w) {
 				case TextOverflow.ellipsis:
-					e.textOverflow = "ellipsis", e.overflow = "hidden", E.softWrap === !1 && (e.whiteSpace = "nowrap");
+					e.textOverflow = "ellipsis", e.overflow = "hidden", T.softWrap === !1 && (e.whiteSpace = "nowrap");
 					break;
 				case TextOverflow.clip:
 					e.overflow = "hidden", e.textOverflow = "clip";
@@ -1848,10 +1888,10 @@ var Positioned_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 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 T.maxLines && T.maxLines > 0 ? (e.overflow = "hidden", e.display = "-webkit-box", e.WebkitBoxOrient = "vertical", e.WebkitLineClamp = T.maxLines.toString(), T.softWrap !== !1 && (e.whiteSpace = "normal")) : e.display ||= T.tag === "span" ? "inline-block" : "block", Object.assign(e, j), e;
 		});
-		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)])]),
+		return (w, T) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), mergeProps({ style: M.value }, k.value), {
+			default: withCtx(() => [renderSlot(w.$slots, "default", {}, () => [createTextVNode(toDisplayString(A.value), 1)])]),
 			_: 3
 		}, 16, ["style"]));
 	}
@@ -1876,7 +1916,7 @@ function UnderlineInputBorder(e = {}) {
 		isOutline: !1
 	};
 }
-var _hoisted_1$1 = {
+var _hoisted_1$4 = {
 	key: 1,
 	class: "fluekit-input-suffix"
 }, _hoisted_2 = {
@@ -1931,78 +1971,78 @@ var _hoisted_1$1 = {
 		"blur",
 		"submit"
 	],
-	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 (!E.autoGrow) {
+	setup(e, { emit: w }) {
+		let T = e, E = w, M = ref(null), P = ref(!1), F = ref(null), I = ref(0), L = null, R = () => {
+			let e = M.value;
+			if (!e || !H.value) return;
+			if (!T.autoGrow) {
 				e.style.height = "", e.style.minHeight = "", e.style.maxHeight = "";
 				return;
 			}
-			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`;
+			let w = window.getComputedStyle(e), E = parseFloat(w.lineHeight || "0") || parseFloat(w.fontSize || "16") * 1.2, D = (T.minLines || 1) * E;
+			if (e.style.minHeight = `${Math.round(D)}px`, T.maxLines && T.maxLines > 1) {
+				let w = T.maxLines * E;
+				e.style.maxHeight = `${Math.round(w)}px`;
 			} else e.style.maxHeight = "";
-			e.style.height = "auto", e.style.height = `${Math.max(Math.round(O), e.scrollHeight)}px`;
+			e.style.height = "auto", e.style.height = `${Math.max(Math.round(D), e.scrollHeight)}px`;
 		};
 		onMounted(() => {
-			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);
+			F.value && (L = new ResizeObserver(() => {
+				I.value = Math.round(F.value.getBoundingClientRect().width);
+			}), L.observe(F.value), I.value = Math.round(F.value.getBoundingClientRect().width)), nextTick(R);
 		}), onBeforeUnmount(() => {
-			R &&= (R.disconnect(), null);
+			L &&= (L.disconnect(), null);
 		});
-		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 H = computed(() => T.maxLines === null || T.maxLines > 1 || T.keyboardType === "multiline"), W = computed(() => {
+			if (!H.value) return T.obscureText ? "password" : T.keyboardType === "number" ? "number" : "text";
+		}), G = computed(() => P.value || T.modelValue !== "" && T.modelValue !== null && T.modelValue !== void 0), K = computed(() => T.decoration?.labelText && !G.value ? "" : T.decoration?.hintText || "");
+		watch(() => T.modelValue, () => nextTick(R)), watch(H, (e) => e && nextTick(R)), watch(() => T.maxLines, () => nextTick(R)), watch(() => T.minLines, () => nextTick(R)), watch(() => T.autoGrow, () => nextTick(R));
+		let q = computed(() => T.decoration?.errorText && T.decoration.errorBorder ? T.decoration.errorBorder : !T.enabled && T.decoration?.disabledBorder ? T.decoration.disabledBorder : P.value && T.decoration?.focusedBorder ? T.decoration.focusedBorder : T.enabled && T.decoration?.enabledBorder ? T.decoration.enabledBorder : T.decoration?.border), J = computed(() => {
 			let e = {
 				display: "flex",
-				alignItems: U.value ? "flex-start" : "center",
+				alignItems: H.value ? "flex-start" : "center",
 				position: "relative",
 				transition: "all 0.2s ease"
-			}, T = q.value || UnderlineInputBorder();
-			if (T.isOutline) {
-				let E = T.borderSide || BorderSide({
+			}, w = q.value || UnderlineInputBorder();
+			if (w.isOutline) {
+				let T = w.borderSide || BorderSide({
 					width: 1,
 					color: "#888"
-				}), D = T.borderRadius || BorderRadius.all(4);
-				Object.assign(e, borderSideToStyle(E)), Object.assign(e, borderRadiusToStyle(D)), e.padding = "8px 12px";
+				}), E = w.borderRadius || BorderRadius.all(4);
+				Object.assign(e, borderSideToStyle(T)), Object.assign(e, borderRadiusToStyle(E)), e.padding = "8px 12px";
 			} else {
-				let E = T.borderSide || BorderSide({
+				let T = w.borderSide || BorderSide({
 					width: 1,
 					color: "#888"
 				});
-				e.borderBottom = `${E.width}px ${E.style || "solid"} ${E.color}`, e.borderRadius = "0", e.padding = "4px 0";
+				e.borderBottom = `${T.width}px ${T.style || "solid"} ${T.color}`, e.borderRadius = "0", e.padding = "4px 0";
 			}
-			return E.decoration?.filled && (e.backgroundColor = E.decoration.fillColor || "#f0f0f0"), e;
+			return T.decoration?.filled && (e.backgroundColor = T.decoration.fillColor || "#f0f0f0"), e;
 		}), Y = computed(() => {
-			let e = { ...toCSSStyle(E.style) };
-			return E.cursorColor && (e.caretColor = E.cursorColor), E.textAlign && (e.textAlign = E.textAlign), e;
+			let e = { ...toCSSStyle(T.style) };
+			return T.cursorColor && (e.caretColor = T.cursorColor), T.textAlign && (e.textAlign = T.textAlign), e;
 		}), X = computed(() => {
 			let e = {
 				position: "absolute",
-				left: `${(q.value?.isOutline ? 12 : 0) + (L.value || 0)}px`,
+				left: `${(q.value?.isOutline ? 12 : 0) + (I.value || 0)}px`,
 				top: q.value?.isOutline ? "50%" : "0",
 				transform: "translateY(-50%)",
 				pointerEvents: "none",
 				transition: "all 0.2s ease",
 				color: "#666",
-				...toCSSStyle(E.decoration?.labelStyle)
+				...toCSSStyle(T.decoration?.labelStyle)
 			};
-			return G.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", F.value && (e.color = "#2196F3")), e;
+			return G.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", P.value && (e.color = "#2196F3")), e;
 		}), Z = (e) => {
-			let T = e.target;
-			D("update:modelValue", T.value), nextTick(z);
+			let w = e.target;
+			E("update:modelValue", w.value), nextTick(R);
 		}, Q = (e) => {
-			F.value = !0, D("focus", e);
+			P.value = !0, E("focus", e);
 		}, $ = (e) => {
-			F.value = !1, D("blur", e);
+			P.value = !1, E("blur", e);
 		};
-		return (T, E) => (openBlock(), createElementBlock("div", { class: normalizeClass(["fluekit-text-field", {
-			"is-focused": F.value,
+		return (w, T) => (openBlock(), createElementBlock("div", { class: normalizeClass(["fluekit-text-field", {
+			"is-focused": P.value,
 			"is-disabled": !e.enabled,
 			"has-error": !!e.decoration?.errorText
 		}]) }, [
@@ -2015,15 +2055,15 @@ var _hoisted_1$1 = {
 				class: "fluekit-input-container",
 				style: normalizeStyle(J.value)
 			}, [
-				T.$slots.prefix || e.decoration?.prefixText ? (openBlock(), createElementBlock("div", {
+				w.$slots.prefix || e.decoration?.prefixText ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: "fluekit-input-prefix",
 					ref_key: "prefixRef",
-					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: F
+				}, [renderSlot(w.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(e.decoration?.prefixText), 1)], !0)], 512)) : createCommentVNode("", !0),
+				(openBlock(), createBlock(resolveDynamicComponent(H.value ? "textarea" : "input"), mergeProps({
 					ref_key: "inputRef",
-					ref: N,
+					ref: M,
 					class: "fluekit-input-element",
 					value: e.modelValue,
 					disabled: !e.enabled,
@@ -2036,7 +2076,7 @@ var _hoisted_1$1 = {
 					autocapitalize: e.textCapitalization,
 					enterkeyhint: e.textInputAction,
 					autocorrect: e.autocorrect ? "on" : "off"
-				}, T.$attrs, {
+				}, w.$attrs, {
 					onInput: Z,
 					onFocus: Q,
 					onBlur: $
@@ -2053,7 +2093,7 @@ var _hoisted_1$1 = {
 					"enterkeyhint",
 					"autocorrect"
 				])),
-				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)
+				w.$slots.suffix || e.decoration?.suffixText ? (openBlock(), createElementBlock("div", _hoisted_1$4, [renderSlot(w.$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,
@@ -2061,28 +2101,28 @@ var _hoisted_1$1 = {
 			}, toDisplayString(e.decoration?.errorText || e.decoration?.helperText), 3)) : (openBlock(), createElementBlock("div", _hoisted_3)), e.maxLength && e.maxLength > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(String(e.modelValue).length) + " / " + toDisplayString(e.maxLength), 1)) : createCommentVNode("", !0)])) : createCommentVNode("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-40723984"]]), TextArea_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-daef18e4"]]), TextArea_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "TextArea",
 	props: { maxLines: { default: 4 } },
 	setup(e) {
-		return (T, E) => (openBlock(), createBlock(TextField_default, mergeProps(T.$attrs, {
+		return (w, T) => (openBlock(), createBlock(TextField_default, mergeProps(w.$attrs, {
 			"max-lines": e.maxLines,
 			"keyboard-type": "multiline"
-		}), createSlots({ _: 2 }, [T.$slots.prefix ? {
+		}), createSlots({ _: 2 }, [w.$slots.prefix ? {
 			name: "prefix",
-			fn: withCtx(() => [renderSlot(T.$slots, "prefix")]),
+			fn: withCtx(() => [renderSlot(w.$slots, "prefix")]),
 			key: "0"
-		} : void 0, T.$slots.suffix ? {
+		} : void 0, w.$slots.suffix ? {
 			name: "suffix",
-			fn: withCtx(() => [renderSlot(T.$slots, "suffix")]),
+			fn: withCtx(() => [renderSlot(w.$slots, "suffix")]),
 			key: "1"
 		} : void 0]), 1040, ["max-lines"]));
 	}
 }), MATRIX4_SYMBOL = Symbol("Matrix4");
 function Matrix4(e) {
-	let T;
-	return T = e ? new Float32Array(e) : new Float32Array([
+	let w;
+	return w = e ? new Float32Array(e) : new Float32Array([
 		1,
 		0,
 		0,
@@ -2100,25 +2140,25 @@ function Matrix4(e) {
 		0,
 		1
 	]), {
-		_storage: T,
+		_storage: w,
 		[MATRIX4_SYMBOL]: !0,
 		clone() {
 			return Matrix4(this._storage);
 		},
 		multiply(e) {
-			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;
+			let w = this._storage, T = e._storage, E = new Float32Array(16);
+			for (let e = 0; e < 4; e++) for (let D = 0; D < 4; D++) {
+				let O = 0;
+				for (let E = 0; E < 4; E++) O += (w[E * 4 + e] ?? 0) * (T[D * 4 + E] ?? 0);
+				E[D * 4 + e] = O;
 			}
-			return Matrix4(D);
+			return Matrix4(E);
 		},
-		translated(e, T, E = 0) {
-			return this.multiply(Matrix4.translation(e, T, E));
+		translated(e, w, T = 0) {
+			return this.multiply(Matrix4.translation(e, w, T));
 		},
-		scaled(e, T, E = 1) {
-			return this.multiply(Matrix4.scaling(e, T, E));
+		scaled(e, w, T = 1) {
+			return this.multiply(Matrix4.scaling(e, w, T));
 		},
 		rotatedX(e) {
 			return this.multiply(Matrix4.rotationX(e));
@@ -2135,19 +2175,19 @@ function Matrix4(e) {
 	};
 }
 Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix4.rotationX = (e) => {
-	let T = Math.cos(e), E = Math.sin(e);
+	let w = Math.cos(e), T = Math.sin(e);
 	return Matrix4([
 		1,
 		0,
 		0,
 		0,
 		0,
+		w,
 		T,
-		E,
 		0,
 		0,
-		-E,
-		T,
+		-T,
+		w,
 		0,
 		0,
 		0,
@@ -2155,34 +2195,34 @@ Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix
 		1
 	]);
 }, Matrix4.rotationY = (e) => {
-	let T = Math.cos(e), E = Math.sin(e);
+	let w = Math.cos(e), T = Math.sin(e);
 	return Matrix4([
-		T,
+		w,
 		0,
-		-E,
+		-T,
 		0,
 		0,
 		1,
 		0,
 		0,
-		E,
-		0,
 		T,
 		0,
+		w,
+		0,
 		0,
 		0,
 		0,
 		1
 	]);
 }, Matrix4.rotationZ = (e) => {
-	let T = Math.cos(e), E = Math.sin(e);
+	let w = Math.cos(e), T = Math.sin(e);
 	return Matrix4([
+		w,
 		T,
-		E,
 		0,
 		0,
-		-E,
-		T,
+		-T,
+		w,
 		0,
 		0,
 		0,
@@ -2194,7 +2234,7 @@ Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix
 		0,
 		1
 	]);
-}, Matrix4.translation = (e, T, E = 0) => Matrix4([
+}, Matrix4.translation = (e, w, T = 0) => Matrix4([
 	1,
 	0,
 	0,
@@ -2208,27 +2248,27 @@ Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix
 	1,
 	0,
 	e,
+	w,
 	T,
-	E,
 	1
-]), Matrix4.scaling = (e, T, E = 1) => Matrix4([
+]), Matrix4.scaling = (e, w, T = 1) => Matrix4([
 	e,
 	0,
 	0,
 	0,
 	0,
-	T,
+	w,
 	0,
 	0,
 	0,
 	0,
-	E,
+	T,
 	0,
 	0,
 	0,
 	0,
 	1
-]), Matrix4.diagonal3 = (e, T, E) => Matrix4.scaling(e, T, E), Matrix4.skewX = (e) => Matrix4([
+]), Matrix4.diagonal3 = (e, w, T) => Matrix4.scaling(e, w, T), Matrix4.skewX = (e) => Matrix4([
 	1,
 	0,
 	0,
@@ -2263,8 +2303,10 @@ Matrix4.identity = () => Matrix4(), Matrix4.fromList = (e) => Matrix4(e), Matrix
 	0,
 	1
 ]);
-function matrix4ToCSSStyle(e) {
-	return e ? { transform: e.toString() } : {};
+function matrix4ToCSSStyle(e, w) {
+	if (!e) return {};
+	let T = { transform: e.toString() };
+	return w && (T.transformOrigin = alignmentToOrigin(w)), T;
 }
 var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -2275,21 +2317,21 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		origin: {}
 	},
 	setup(e) {
-		let T = e, E = computed(() => {
+		let w = e, T = computed(() => {
 			let e = {
-				...matrix4ToCSSStyle(T.transform),
+				...matrix4ToCSSStyle(w.transform, w.alignment),
 				display: "flex",
 				flexDirection: "column",
 				flexShrink: 0
 			};
-			return T.origin ? e.transformOrigin = T.origin : T.alignment && (e.transformOrigin = alignmentToOrigin(T.alignment)), e;
+			return w.origin && (e.transformOrigin = w.origin), e;
 		});
-		return (e, T) => (openBlock(), createElementBlock("div", {
+		return (e, w) => (openBlock(), createElementBlock("div", {
 			class: "flutter-transform",
-			style: normalizeStyle(E.value)
+			style: normalizeStyle(T.value)
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
-}), [["__scopeId", "data-v-f99c0949"]]), Wrap_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-c4ab6ce1"]]), Wrap_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Wrap",
 	props: {
@@ -2303,30 +2345,30 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		clipBehavior: { default: "none" }
 	},
 	setup(e) {
-		let T = e, E = {
+		let w = e, T = {
 			start: "flex-start",
 			end: "flex-end",
 			center: "center",
 			spaceBetween: "space-between",
 			spaceAround: "space-around",
 			spaceEvenly: "space-evenly"
-		}, D = {
+		}, E = {
 			start: "flex-start",
 			end: "flex-end",
 			center: "center"
-		}, k = computed(() => ({
+		}, O = computed(() => ({
 			display: "flex",
 			flexWrap: "wrap",
-			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"
+			flexDirection: w.direction === "horizontal" ? w.verticalDirection === "down" ? "row" : "row-reverse" : w.verticalDirection === "down" ? "column" : "column-reverse",
+			justifyContent: T[w.alignment],
+			alignContent: T[w.runAlignment],
+			alignItems: E[w.crossAxisAlignment],
+			gap: `${px2vw(w.runSpacing)} ${px2vw(w.spacing)}`,
+			overflow: w.clipBehavior === "none" ? "visible" : "hidden"
 		}));
-		return (e, T) => (openBlock(), createElementBlock("div", {
+		return (e, w) => (openBlock(), createElementBlock("div", {
 			class: "flutter-wrap",
-			style: normalizeStyle(k.value)
+			style: normalizeStyle(O.value)
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), Divider_default = /* @__PURE__ */ defineComponent({
@@ -2343,21 +2385,21 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		}
 	},
 	setup(e) {
-		let T = e, E = computed(() => T.vertical ? EdgeInsets.only({
-			top: T.indent,
-			bottom: T.endIndent
+		let w = e, T = computed(() => w.vertical ? EdgeInsets.only({
+			top: w.indent,
+			bottom: w.endIndent
 		}) : EdgeInsets.only({
-			left: T.indent,
-			right: T.endIndent
+			left: w.indent,
+			right: w.endIndent
 		}));
-		return (T, D) => (openBlock(), createBlock(SizedBox_default, {
+		return (w, E) => (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: E.value,
+				margin: T.value,
 				color: e.color
 			}, null, 8, [
 				"width",
@@ -2372,7 +2414,7 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	__name: "Spacer",
 	props: { flex: { default: 1 } },
 	setup(e) {
-		return (T, E) => (openBlock(), createBlock(Expanded_default, { flex: e.flex }, null, 8, ["flex"]));
+		return (w, T) => (openBlock(), createBlock(Expanded_default, { flex: e.flex }, null, 8, ["flex"]));
 	}
 }), ClipRRect_default = /* @__PURE__ */ defineComponent({
 	__name: "ClipRRect",
@@ -2381,14 +2423,14 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		clipBehavior: { default: "antiAlias" }
 	},
 	setup(e) {
-		let T = e, E = computed(() => {
-			if (T.borderRadius) return BoxDecoration({ borderRadius: T.borderRadius });
+		let w = e, T = computed(() => {
+			if (w.borderRadius) return BoxDecoration({ borderRadius: w.borderRadius });
 		});
-		return (T, D) => (openBlock(), createBlock(Container_default, {
+		return (w, E) => (openBlock(), createBlock(Container_default, {
 			"clip-behavior": e.clipBehavior,
-			decoration: E.value
+			decoration: T.value
 		}, {
-			default: withCtx(() => [renderSlot(T.$slots, "default")]),
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
 			_: 3
 		}, 8, ["clip-behavior", "decoration"]));
 	}
@@ -2396,12 +2438,12 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	__name: "ClipOval",
 	props: { clipBehavior: { default: "antiAlias" } },
 	setup(e) {
-		let T = computed(() => BoxDecoration({ shape: BoxShape.circle }));
-		return (E, D) => (openBlock(), createBlock(Container_default, {
+		let w = computed(() => BoxDecoration({ shape: BoxShape.circle }));
+		return (T, E) => (openBlock(), createBlock(Container_default, {
 			"clip-behavior": e.clipBehavior,
-			decoration: T.value
+			decoration: w.value
 		}, {
-			default: withCtx(() => [renderSlot(E.$slots, "default")]),
+			default: withCtx(() => [renderSlot(T.$slots, "default")]),
 			_: 3
 		}, 8, ["clip-behavior", "decoration"]));
 	}
@@ -2431,22 +2473,22 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		}
 	},
 	emits: ["tap", "long-press"],
-	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)")
+	setup(e, { emit: w }) {
+		let T = w, E = () => {
+			j.enabled && T("tap");
+		}, A = () => {
+			j.enabled && T("long-press");
+		}, j = e, M = computed(() => TextStyle({
+			fontSize: j.dense ? 13 : 16,
+			color: j.textColor || (j.enabled ? "rgba(0,0,0,0.87)" : "rgba(0,0,0,0.38)"),
+			fontWeight: j.selected ? FontWeight.w600 : FontWeight.w400
+		})), N = computed(() => TextStyle({
+			fontSize: j.dense ? 12 : 14,
+			color: j.textColor || (j.enabled ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.38)")
 		}));
-		return (T, E) => (openBlock(), createBlock(GestureDetector_default, {
-			onTap: D,
-			onLongPress: j
+		return (w, T) => (openBlock(), createBlock(GestureDetector_default, {
+			onTap: E,
+			onLongPress: A
 		}, {
 			default: withCtx(() => [createVNode(Container_default, {
 				color: e.selected ? e.selectedColor : e.tileColor || "transparent",
@@ -2460,26 +2502,26 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 					gap: 16
 				}, {
 					default: withCtx(() => [
-						renderSlot(T.$slots, "leading", {}, () => [e.leading ? (openBlock(), createBlock(resolveDynamicComponent(e.leading), { key: 0 })) : createCommentVNode("", !0)]),
+						renderSlot(w.$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(T.$slots, "title", {}, () => [e.title ? (openBlock(), createBlock(Text_default, {
+								default: withCtx(() => [renderSlot(w.$slots, "title", {}, () => [e.title ? (openBlock(), createBlock(Text_default, {
 									key: 0,
 									data: e.title,
-									style: normalizeStyle(N.value)
-								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)]), renderSlot(T.$slots, "subtitle", {}, () => [e.subtitle ? (openBlock(), createBlock(Text_default, {
+									style: normalizeStyle(M.value)
+								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)]), renderSlot(w.$slots, "subtitle", {}, () => [e.subtitle ? (openBlock(), createBlock(Text_default, {
 									key: 0,
 									data: e.subtitle,
-									style: normalizeStyle(P.value)
+									style: normalizeStyle(N.value)
 								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)])]),
 								_: 3
 							})]),
 							_: 3
 						}),
-						renderSlot(T.$slots, "trailing", {}, () => [e.trailing ? (openBlock(), createBlock(resolveDynamicComponent(e.trailing), { key: 0 })) : createCommentVNode("", !0)])
+						renderSlot(w.$slots, "trailing", {}, () => [e.trailing ? (openBlock(), createBlock(resolveDynamicComponent(e.trailing), { key: 0 })) : createCommentVNode("", !0)])
 					]),
 					_: 3
 				})]),
@@ -2502,28 +2544,28 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		}
 	},
 	emits: ["tap"],
-	setup(e, { emit: E }) {
-		let D = e, O = E, k = ref([]), A = 0, M = (e) => {
-			if (D.disabled) return;
-			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
+	setup(e, { emit: T }) {
+		let E = e, D = T, O = ref([]), k = 0, j = (e) => {
+			if (E.disabled) return;
+			D("tap");
+			let w = e.currentTarget.getBoundingClientRect(), T = Math.max(w.width, w.height), A = e.clientX - w.left - T / 2, j = e.clientY - w.top - T / 2, M = k++, N = {
+				width: `${T}px`,
+				height: `${T}px`,
+				top: `${j}px`,
+				left: `${A}px`,
+				backgroundColor: E.splashColor
 			};
-			k.value.push({
-				id: N,
-				style: P
+			O.value.push({
+				id: M,
+				style: N
 			}), setTimeout(() => {
-				k.value = k.value.filter((e) => e.id !== N);
+				O.value = O.value.filter((e) => e.id !== M);
 			}, 600);
 		};
-		return (E, D) => (openBlock(), createElementBlock("div", mergeProps({
+		return (T, E) => (openBlock(), createElementBlock("div", mergeProps({
 			class: ["ink-well", { disabled: e.disabled }],
-			onClick: M
-		}, E.$attrs), [renderSlot(E.$slots, "default", {}, void 0, !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(k.value, (e) => (openBlock(), createElementBlock("span", {
+			onClick: j
+		}, T.$attrs), [renderSlot(T.$slots, "default", {}, void 0, !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(O.value, (e) => (openBlock(), createElementBlock("span", {
 			key: e.id,
 			class: "ripple",
 			style: normalizeStyle(e.style)
@@ -2534,159 +2576,374 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	props: {
 		value: { type: Boolean },
 		onChanged: {},
-		activeColor: { default: "#2196F3" },
-		activeTrackColor: { default: "#BBDEFB" },
-		inactiveThumbColor: { default: "#FAFAFA" },
-		inactiveTrackColor: { default: "#9E9E9E" }
+		activeColor: { default: "#34C759" },
+		activeTrackColor: { default: "#34C759" },
+		inactiveThumbColor: { default: "#FFFFFF" },
+		inactiveTrackColor: { default: "#E9E9EA" },
+		variant: { default: "ios" }
 	},
 	emits: ["update:value", "change"],
-	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)
-		})), M = computed(() => BoxDecoration({
-			color: E.value ? E.activeColor : E.inactiveThumbColor,
+	setup(e, { emit: w }) {
+		let T = e, E = w, k = () => {
+			T.onChanged && T.onChanged(!T.value), E("update:value", !T.value);
+		}, A = computed(() => T.variant === "ios"), j = computed(() => A.value ? 51 : 36), M = computed(() => A.value ? 31 : 20), N = computed(() => A.value ? 27 : 16), F = computed(() => BoxDecoration({
+			color: T.value ? A.value ? T.activeColor : T.activeTrackColor : T.inactiveTrackColor,
+			borderRadius: BorderRadius.circular(A.value ? 100 : 10)
+		})), I = computed(() => BoxDecoration({
+			color: A.value ? "#FFFFFF" : T.value ? T.activeColor : T.inactiveThumbColor,
 			shape: BoxShape.circle,
 			boxShadow: [{
-				color: "rgba(0,0,0,0.2)",
-				blurRadius: 1,
+				color: "rgba(0,0,0,0.3)",
+				blurRadius: A.value ? 3 : 1,
 				offset: {
 					x: 0,
-					y: 1
+					y: A.value ? 2 : 1
 				}
 			}]
-		})), N = computed(() => EdgeInsets.only({ left: E.value ? 16 : 0 }));
-		return (e, T) => (openBlock(), createBlock(GestureDetector_default, { onTap: A }, {
+		})), L = computed(() => {
+			let e = j.value - N.value - 4;
+			return EdgeInsets.only({ left: T.value ? e : 0 });
+		});
+		return (e, w) => (openBlock(), createBlock(GestureDetector_default, { onTap: k }, {
 			default: withCtx(() => [createVNode(Container_default, {
-				width: 36,
-				height: 20,
+				width: j.value,
+				height: M.value,
 				padding: unref(EdgeInsets).all(2),
-				decoration: j.value
+				decoration: F.value
 			}, {
 				default: withCtx(() => [createVNode(AnimatedContainer_default, {
 					duration: 200,
-					width: 16,
-					height: 16,
-					margin: N.value,
-					decoration: M.value
-				}, null, 8, ["margin", "decoration"])]),
+					width: N.value,
+					height: N.value,
+					margin: L.value,
+					decoration: I.value
+				}, null, 8, [
+					"width",
+					"height",
+					"margin",
+					"decoration"
+				])]),
 				_: 1
-			}, 8, ["padding", "decoration"])]),
+			}, 8, [
+				"width",
+				"height",
+				"padding",
+				"decoration"
+			])]),
 			_: 1
 		}));
 	}
-}), Checkbox_default = /* @__PURE__ */ defineComponent({
+});
+const CheckboxGroupKey = Symbol("CheckboxGroup");
+var _hoisted_1$3 = ["fill"], Checkbox_default = /* @__PURE__ */ defineComponent({
 	__name: "Checkbox",
 	props: {
-		value: { type: Boolean },
+		value: {},
 		onChanged: {},
 		activeColor: { default: "#2196F3" },
-		checkColor: { default: "#FFFFFF" }
+		checkColor: { default: "#FFFFFF" },
+		labelPosition: { default: "right" },
+		hideIcon: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["update:value", "change"],
-	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({
+	setup(e, { emit: w }) {
+		let T = e, E = w, M = inject(CheckboxGroupKey, null), N = computed(() => M ? M.value.value.includes(T.value) : T.value === !0), F = computed(() => M?.disabled.value), I = () => {
+			if (!F.value) if (M) M.updateValue(T.value);
+			else {
+				let e = !T.value;
+				E("change", e), E("update:value", e);
+			}
+		}, L = computed(() => BoxDecoration({
+			color: N.value ? T.activeColor : "transparent",
+			border: N.value ? void 0 : Border.all({
 				color: "rgba(0,0,0,0.54)",
 				width: 2,
 				style: "solid"
 			}),
 			borderRadius: BorderRadius.circular(2)
 		}));
-		return (T, E) => (openBlock(), createBlock(GestureDetector_default, { onTap: j }, {
-			default: withCtx(() => [createVNode(Container_default, {
-				width: 18,
-				height: 18,
-				decoration: M.value,
-				alignment: "center"
+		return (w, T) => (openBlock(), createBlock(GestureDetector_default, { onTap: I }, {
+			default: withCtx(() => [createVNode(Row_default, {
+				"main-axis-size": "min",
+				"cross-axis-alignment": "center",
+				gap: 8
 			}, {
-				default: withCtx(() => [e.value ? (openBlock(), createBlock(Container_default, {
-					key: 0,
-					width: 10,
-					height: 10,
-					color: "white",
-					transform: "scale(1)"
-				})) : createCommentVNode("", !0)]),
-				_: 1
-			}, 8, ["decoration"])]),
-			_: 1
+				default: withCtx(() => [
+					e.labelPosition === "left" ? renderSlot(w.$slots, "default", { key: 0 }) : createCommentVNode("", !0),
+					e.hideIcon ? createCommentVNode("", !0) : (openBlock(), createBlock(Container_default, {
+						key: 1,
+						width: 18,
+						height: 18,
+						decoration: L.value,
+						alignment: "center"
+					}, {
+						default: withCtx(() => [N.value ? (openBlock(), createElementBlock("svg", {
+							key: 0,
+							viewBox: "0 0 24 24",
+							width: 14,
+							height: 14,
+							fill: e.checkColor,
+							style: { display: "block" }
+						}, [...T[0] ||= [createElementVNode("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)]], 8, _hoisted_1$3)) : createCommentVNode("", !0)]),
+						_: 1
+					}, 8, ["decoration"])),
+					e.labelPosition === "right" ? renderSlot(w.$slots, "default", { key: 2 }) : createCommentVNode("", !0)
+				]),
+				_: 3
+			})]),
+			_: 3
 		}));
 	}
-}), Radio_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$2 = { class: "flue-checkbox-group" }, CheckboxGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "CheckboxGroup",
+	props: {
+		value: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(e, { emit: w }) {
+		let T = e, E = w, D = (e) => {
+			let w = [...T.value], D = w.indexOf(e);
+			D === -1 ? w.push(e) : w.splice(D, 1), E("update:value", w), E("change", w);
+		}, { value: O, disabled: k } = toRefs(T);
+		return provide(CheckboxGroupKey, {
+			value: O,
+			disabled: k,
+			updateValue: D
+		}), (e, w) => (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(e.$slots, "default")]));
+	}
+});
+const RadioGroupKey = Symbol("RadioGroup");
+var Radio_default = /* @__PURE__ */ defineComponent({
 	__name: "Radio",
 	props: {
 		value: {},
 		groupValue: {},
-		onChanged: { type: Function },
-		activeColor: {}
+		onChanged: {},
+		activeColor: { default: "#007AFF" },
+		fillColor: {},
+		labelPosition: { default: "right" },
+		hideIcon: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["update:groupValue", "change"],
-	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({
+	setup(e, { emit: w }) {
+		let T = e, E = w, A = inject(RadioGroupKey, null), j = computed(() => A ? T.value === A.groupValue.value : T.value === T.groupValue), M = computed(() => A?.disabled?.value), N = computed(() => A && A.activeColor?.value ? A.activeColor.value : T.activeColor), F = () => {
+			M.value || j.value || (A ? A.updateValue(T.value) : (T.onChanged && T.onChanged(T.value), E("update:groupValue", T.value), E("change", T.value)));
+		}, I = computed(() => BoxDecoration({
 			shape: BoxShape.circle,
 			border: Border.all({
-				color: j.value ? E.activeColor : "rgba(0,0,0,0.54)",
+				color: j.value ? N.value : "rgba(0,0,0,0.25)",
 				width: 2,
 				style: "solid"
-			})
-		})), P = computed(() => BoxDecoration({
+			}),
+			color: T.fillColor
+		})), L = computed(() => BoxDecoration({
 			shape: BoxShape.circle,
-			color: E.activeColor
+			color: N.value
 		}));
-		return (e, T) => (openBlock(), createBlock(GestureDetector_default, { onTap: M }, {
-			default: withCtx(() => [createVNode(Container_default, {
-				width: 20,
-				height: 20,
-				decoration: N.value,
-				alignment: "center"
+		return (w, T) => (openBlock(), createBlock(GestureDetector_default, { onTap: F }, {
+			default: withCtx(() => [createVNode(Row_default, {
+				"main-axis-size": "min",
+				"cross-axis-alignment": "center",
+				gap: 8
 			}, {
-				default: withCtx(() => [j.value ? (openBlock(), createBlock(Container_default, {
-					key: 0,
-					width: 10,
-					height: 10,
-					decoration: P.value
-				}, null, 8, ["decoration"])) : createCommentVNode("", !0)]),
-				_: 1
-			}, 8, ["decoration"])]),
-			_: 1
+				default: withCtx(() => [
+					e.labelPosition === "left" ? renderSlot(w.$slots, "default", { key: 0 }) : createCommentVNode("", !0),
+					e.hideIcon ? createCommentVNode("", !0) : (openBlock(), createBlock(Container_default, {
+						key: 1,
+						width: 20,
+						height: 20,
+						decoration: I.value,
+						alignment: "center"
+					}, {
+						default: withCtx(() => [j.value ? (openBlock(), createBlock(Container_default, {
+							key: 0,
+							width: 10,
+							height: 10,
+							decoration: L.value
+						}, null, 8, ["decoration"])) : createCommentVNode("", !0)]),
+						_: 1
+					}, 8, ["decoration"])),
+					e.labelPosition === "right" ? renderSlot(w.$slots, "default", { key: 2 }) : createCommentVNode("", !0)
+				]),
+				_: 3
+			})]),
+			_: 3
 		}));
 	}
+}), _hoisted_1$1 = { class: "flue-radio-group" }, RadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "RadioGroup",
+	props: {
+		value: {},
+		activeColor: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(e, { emit: w }) {
+		let T = e, E = w, D = (e) => {
+			T.value !== e && (E("update:value", e), E("change", e));
+		}, { value: O, activeColor: k, disabled: j } = toRefs(T);
+		return provide(RadioGroupKey, {
+			groupValue: O,
+			updateValue: D,
+			activeColor: k,
+			disabled: j
+		}), (e, w) => (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(e.$slots, "default")]));
+	}
+}), RadioListTile_default = /* @__PURE__ */ defineComponent({
+	__name: "RadioListTile",
+	props: {
+		value: {},
+		groupValue: {},
+		onChanged: {},
+		activeColor: {},
+		fillColor: {},
+		title: {},
+		subtitle: {},
+		secondary: {},
+		controlAffinity: { default: "leading" },
+		contentPadding: {},
+		tileColor: {},
+		selected: { type: Boolean },
+		selectedColor: {},
+		enabled: {
+			type: Boolean,
+			default: !0
+		},
+		dense: {
+			type: Boolean,
+			default: !1
+		},
+		hideIcon: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:groupValue", "change"],
+	setup(e, { emit: w }) {
+		let T = e, E = w, D = () => {
+			T.enabled && T.value !== T.groupValue && (T.onChanged && T.onChanged(T.value), E("update:groupValue", T.value), E("change", T.value));
+		};
+		return (w, T) => (openBlock(), createBlock(ListTile_default, {
+			onTap: D,
+			title: e.title,
+			subtitle: e.subtitle,
+			"content-padding": e.contentPadding,
+			"tile-color": e.tileColor,
+			selected: e.selected,
+			"selected-color": e.selectedColor,
+			enabled: e.enabled,
+			dense: e.dense
+		}, {
+			leading: withCtx(() => [e.controlAffinity === "leading" ? (openBlock(), createBlock(Radio_default, {
+				key: 0,
+				value: e.value,
+				"group-value": e.groupValue,
+				"active-color": e.activeColor,
+				"fill-color": e.fillColor,
+				"hide-icon": e.hideIcon,
+				onClick: T[0] ||= withModifiers(() => {}, ["stop"])
+			}, null, 8, [
+				"value",
+				"group-value",
+				"active-color",
+				"fill-color",
+				"hide-icon"
+			])) : renderSlot(w.$slots, "secondary", { key: 1 }, () => [e.secondary ? (openBlock(), createBlock(resolveDynamicComponent(e.secondary), { key: 0 })) : createCommentVNode("", !0)])]),
+			title: withCtx(() => [renderSlot(w.$slots, "title", {}, () => [e.title ? (openBlock(), createBlock(Text_default, { key: 0 }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(e.title), 1)]),
+				_: 1
+			})) : createCommentVNode("", !0)])]),
+			subtitle: withCtx(() => [renderSlot(w.$slots, "subtitle", {}, () => [e.subtitle ? (openBlock(), createBlock(Text_default, { key: 0 }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(e.subtitle), 1)]),
+				_: 1
+			})) : createCommentVNode("", !0)])]),
+			trailing: withCtx(() => [e.controlAffinity === "trailing" ? (openBlock(), createBlock(Radio_default, {
+				key: 0,
+				value: e.value,
+				"group-value": e.groupValue,
+				"active-color": e.activeColor,
+				"fill-color": e.fillColor,
+				"hide-icon": e.hideIcon,
+				onClick: T[1] ||= withModifiers(() => {}, ["stop"])
+			}, null, 8, [
+				"value",
+				"group-value",
+				"active-color",
+				"fill-color",
+				"hide-icon"
+			])) : renderSlot(w.$slots, "secondary", { key: 1 }, () => [e.secondary ? (openBlock(), createBlock(resolveDynamicComponent(e.secondary), { key: 0 })) : createCommentVNode("", !0)])]),
+			_: 3
+		}, 8, [
+			"title",
+			"subtitle",
+			"content-padding",
+			"tile-color",
+			"selected",
+			"selected-color",
+			"enabled",
+			"dense"
+		]));
+	}
 }), Slider_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "Slider",
 	props: {
 		value: {},
 		min: { default: 0 },
 		max: { default: 100 },
-		onChanged: {},
-		activeColor: { default: "#2196F3" },
-		inactiveColor: { default: "#BBDEFB" },
-		thumbColor: { default: "#2196F3" }
+		activeColor: { default: "#007AFF" },
+		inactiveColor: { default: "#E5E5EA" },
+		thumbColor: { default: "#FFFFFF" },
+		variant: { default: "ios" }
 	},
 	emits: ["update:value", "change"],
-	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,
+	setup(e, { emit: w }) {
+		let T = e, E = w, O = ref(), k = ref(0), j = computed(() => T.variant === "ios"), M = computed(() => j.value ? 3 : 4), N = computed(() => j.value ? 28 : 20), F = computed(() => {
+			let e = T.max - T.min;
+			return e <= 0 ? 0 : (T.value - T.min) / e * 100;
+		}), I = computed(() => `${F.value}%`), L = (e, w) => {
+			let D = (e - w.left) / w.width;
+			D = Math.max(0, Math.min(1, D));
+			let O = T.min + D * (T.max - T.min);
+			E("change", O), E("update:value", O);
+		}, R = (e) => {
+			if (!O.value) return;
+			let w = O.value.getBoundingClientRect(), T = e.globalPosition.x, E = w.left + w.width * (F.value / 100);
+			Math.abs(T - E) <= 15 ? k.value = T - E : (k.value = 0, L(T, w));
+		}, z = (e) => {
+			if (!O.value) return;
+			let w = O.value.getBoundingClientRect(), T = e.globalPosition.x;
+			L(T - k.value, w);
+		}, B = computed(() => BoxDecoration({
+			color: T.thumbColor,
 			shape: BoxShape.circle,
-			boxShadow: [BoxShadow({
+			boxShadow: j.value ? [BoxShadow({
+				color: "rgba(0,0,0,0.15)",
+				blurRadius: 4,
+				offset: {
+					x: 0,
+					y: 3
+				}
+			}), BoxShadow({
+				color: "rgba(0,0,0,0.08)",
+				blurRadius: 1,
+				offset: {
+					x: 0,
+					y: 0
+				}
+			})] : [BoxShadow({
 				color: "rgba(0,0,0,0.2)",
 				blurRadius: 2,
 				offset: {
@@ -2695,57 +2952,237 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 				}
 			})]
 		}));
-		return (T, E) => (openBlock(), createElementBlock("div", {
+		return (w, T) => (openBlock(), createElementBlock("div", {
 			class: "slider-container",
 			ref_key: "trackRef",
-			ref: k
+			ref: O
 		}, [createVNode(GestureDetector_default, {
-			onPanStart: N,
-			onPanUpdate: N,
-			onTapDown: N
+			onPanStart: R,
+			onPanUpdate: z
 		}, {
 			default: withCtx(() => [createVNode(Container_default, {
 				height: 40,
 				alignment: "centerLeft"
 			}, {
-				default: withCtx(() => [createVNode(Stack_default, { alignment: "centerLeft" }, {
+				default: withCtx(() => [createVNode(Stack_default, {
+					alignment: "centerLeft",
+					fit: unref(StackFit).expand
+				}, {
 					default: withCtx(() => [
 						createVNode(Container_default, {
 							width: "100%",
-							height: 4,
-							color: e.inactiveColor,
-							"border-radius": unref(BorderRadius).circular(2)
-						}, null, 8, ["color", "border-radius"]),
+							height: M.value,
+							decoration: unref(BoxDecoration)({
+								color: e.inactiveColor,
+								borderRadius: unref(BorderRadius).circular(M.value / 2)
+							})
+						}, null, 8, ["height", "decoration"]),
 						createVNode(Container_default, {
-							width: `${A.value}%`,
-							height: 4,
-							color: e.activeColor,
-							"border-radius": unref(BorderRadius).circular(2)
+							width: `${F.value}%`,
+							height: M.value,
+							decoration: unref(BoxDecoration)({
+								color: e.activeColor,
+								borderRadius: unref(BorderRadius).circular(M.value / 2)
+							})
 						}, null, 8, [
 							"width",
-							"color",
-							"border-radius"
+							"height",
+							"decoration"
 						]),
+						createVNode(Positioned_default, {
+							left: I.value,
+							top: 0,
+							bottom: 0
+						}, {
+							default: withCtx(() => [createVNode(Container_default, {
+								height: "100%",
+								transform: "translate(-50%, 0)",
+								alignment: "center"
+							}, {
+								default: withCtx(() => [createVNode(Container_default, {
+									width: N.value,
+									height: N.value,
+									decoration: B.value
+								}, null, 8, [
+									"width",
+									"height",
+									"decoration"
+								])]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["left"])
+					]),
+					_: 1
+				}, 8, ["fit"])]),
+				_: 1
+			})]),
+			_: 1
+		})], 512));
+	}
+}), [["__scopeId", "data-v-715d86f8"]]), RangeSlider_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "RangeSlider",
+	props: {
+		value: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		activeColor: { default: "#007AFF" },
+		inactiveColor: { default: "#E5E5EA" },
+		thumbColor: { default: "#FFFFFF" },
+		variant: { default: "ios" }
+	},
+	emits: ["update:value", "change"],
+	setup(e, { emit: w }) {
+		let T = e, E = w, O = ref(), k = ref(0), j = ref(null), M = computed(() => T.variant === "ios"), N = computed(() => M.value ? 3 : 4), F = computed(() => M.value ? 28 : 20), I = computed(() => {
+			let e = T.max - T.min;
+			return e <= 0 ? 0 : (T.value.start - T.min) / e * 100;
+		}), L = computed(() => {
+			let e = T.max - T.min;
+			return e <= 0 ? 0 : (T.value.end - T.min) / e * 100;
+		}), R = computed(() => BoxDecoration({
+			color: T.thumbColor,
+			shape: BoxShape.circle,
+			boxShadow: M.value ? [BoxShadow({
+				color: "rgba(0,0,0,0.15)",
+				blurRadius: 4,
+				offset: {
+					x: 0,
+					y: 3
+				}
+			}), BoxShadow({
+				color: "rgba(0,0,0,0.08)",
+				blurRadius: 1,
+				offset: {
+					x: 0,
+					y: 0
+				}
+			})] : [BoxShadow({
+				color: "rgba(0,0,0,0.2)",
+				blurRadius: 2,
+				offset: {
+					x: 0,
+					y: 1
+				}
+			})]
+		})), z = (e, w) => {
+			let T = (e - w.left) / w.width;
+			return Math.max(0, Math.min(1, T));
+		}, B = (e) => T.min + e * (T.max - T.min), V = (e, w) => {
+			let D = T.value.start, O = T.value.end;
+			e === "start" ? D = Math.min(w, O) : O = Math.max(w, D);
+			let k = {
+				start: D,
+				end: O
+			};
+			E("update:value", k), E("change", k);
+		}, H = (e) => {
+			if (!O.value) return;
+			let w = O.value.getBoundingClientRect(), T = e.globalPosition.x, E = w.left + w.width * (I.value / 100), D = w.left + w.width * (L.value / 100), A = Math.abs(T - E), M = Math.abs(T - D), N = null;
+			A <= 20 && M <= 20 ? N = A < M ? "start" : "end" : A <= 20 ? N = "start" : M <= 20 && (N = "end"), N ? (j.value = N, k.value = T - (N === "start" ? E : D)) : (A < M ? (j.value = "start", V("start", B(z(T, w)))) : (j.value = "end", V("end", B(z(T, w)))), k.value = 0);
+		}, U = (e) => {
+			if (!O.value || !j.value) return;
+			let w = O.value.getBoundingClientRect(), T = B(z(e.globalPosition.x - k.value, w));
+			V(j.value, T);
+		};
+		return (w, T) => (openBlock(), createElementBlock("div", {
+			class: "range-slider-container",
+			ref_key: "trackRef",
+			ref: O
+		}, [createVNode(GestureDetector_default, {
+			onPanStart: H,
+			onPanUpdate: U
+		}, {
+			default: withCtx(() => [createVNode(Container_default, {
+				height: 40,
+				alignment: "centerLeft"
+			}, {
+				default: withCtx(() => [createVNode(Stack_default, {
+					alignment: "centerLeft",
+					fit: unref(StackFit).expand
+				}, {
+					default: withCtx(() => [
 						createVNode(Container_default, {
-							style: normalizeStyle({ marginLeft: M.value }),
-							transform: "translate(-50%, 0)"
+							width: "100%",
+							height: N.value,
+							decoration: unref(BoxDecoration)({
+								color: e.inactiveColor,
+								borderRadius: unref(BorderRadius).circular(N.value / 2)
+							})
+						}, null, 8, ["height", "decoration"]),
+						createVNode(Positioned_default, {
+							left: `${I.value}%`,
+							width: `${L.value - I.value}%`,
+							height: N.value
 						}, {
 							default: withCtx(() => [createVNode(Container_default, {
-								width: 20,
-								height: 20,
-								decoration: P.value
+								width: "100%",
+								height: "100%",
+								decoration: unref(BoxDecoration)({
+									color: e.activeColor,
+									borderRadius: unref(BorderRadius).circular(N.value / 2)
+								})
 							}, null, 8, ["decoration"])]),
 							_: 1
-						}, 8, ["style"])
+						}, 8, [
+							"left",
+							"width",
+							"height"
+						]),
+						createVNode(Positioned_default, {
+							left: `${I.value}%`,
+							top: 0,
+							bottom: 0
+						}, {
+							default: withCtx(() => [createVNode(Container_default, {
+								height: "100%",
+								transform: "translate(-50%, 0)",
+								alignment: "center"
+							}, {
+								default: withCtx(() => [createVNode(Container_default, {
+									width: F.value,
+									height: F.value,
+									decoration: R.value
+								}, null, 8, [
+									"width",
+									"height",
+									"decoration"
+								])]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["left"]),
+						createVNode(Positioned_default, {
+							left: `${L.value}%`,
+							top: 0,
+							bottom: 0
+						}, {
+							default: withCtx(() => [createVNode(Container_default, {
+								height: "100%",
+								transform: "translate(-50%, 0)",
+								alignment: "center"
+							}, {
+								default: withCtx(() => [createVNode(Container_default, {
+									width: F.value,
+									height: F.value,
+									decoration: R.value
+								}, null, 8, [
+									"width",
+									"height",
+									"decoration"
+								])]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["left"])
 					]),
 					_: 1
-				})]),
+				}, 8, ["fit"])]),
 				_: 1
 			})]),
 			_: 1
 		})], 512));
 	}
-}), [["__scopeId", "data-v-bccfa37a"]]), AlertDialog_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-f10382ff"]]), AlertDialog_default = /* @__PURE__ */ defineComponent({
 	__name: "AlertDialog",
 	props: {
 		visible: {
@@ -2775,16 +3212,16 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		"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({
+	setup(e, { emit: w }) {
+		let T = e, E = w, A = () => {
+			E("update:visible", !1), E("close");
+		}, j = () => E("ok"), M = () => {
+			T.barrierDismissible && A();
+		}, F = computed(() => Object.assign({}, {
+			padding: T.padding || EdgeInsets.all(24),
+			alignment: T.alignment,
+			constraints: T.constraints || BoxConstraints({ maxWidth: 400 }),
+			decoration: T.decoration || BoxDecoration({
 				color: "white",
 				borderRadius: BorderRadius.circular(4),
 				boxShadow: [{
@@ -2796,29 +3233,15 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 					}
 				}]
 			})
-		}, E.size ? Size(E.size) : {})), R = computed(() => E.titleStyle || TextStyle({
-			fontSize: E.titleFontSize || 20,
+		}, T.size ? Size(T.size) : {})), L = computed(() => T.titleStyle || TextStyle({
+			fontSize: T.titleFontSize || 20,
 			fontWeight: FontWeight.bold,
-			color: E.titleColor || "rgba(0,0,0,0.87)"
-		})), z = TextStyle({
+			color: T.titleColor || "rgba(0,0,0,0.87)"
+		})), R = TextStyle({
 			fontSize: 16,
 			color: "rgba(0,0,0,0.6)"
-		}), B = computed(() => BoxDecoration({
-			color: "white",
-			borderRadius: BorderRadius.circular(4),
-			boxShadow: [{
-				color: "rgba(0,0,0,0.2)",
-				blurRadius: 24,
-				offset: {
-					x: 0,
-					y: 11
-				}
-			}]
-		}));
-		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, {
+		});
+		return (w, T) => e.visible ? (openBlock(), createBlock(Fixed_default, {
 			key: 0,
 			"z-index": 9999,
 			top: 0,
@@ -2826,14 +3249,14 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 			right: 0,
 			bottom: 0
 		}, {
-			default: withCtx(() => [createVNode(GestureDetector_default, { onTap: N }, {
+			default: withCtx(() => [createVNode(GestureDetector_default, { onTap: M }, {
 				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(() => [createVNode(Container_default, normalizeProps(guardReactiveProps(F.value)), {
 						default: withCtx(() => [
 							e.title ? (openBlock(), createBlock(Container_default, {
 								key: 0,
@@ -2841,19 +3264,19 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 								width: "100%"
 							}, {
 								default: withCtx(() => [createVNode(Text_default, {
-									style: normalizeStyle(R.value),
+									style: normalizeStyle(L.value),
 									data: e.title
 								}, null, 8, ["style", "data"])]),
 								_: 1
 							}, 8, ["alignment"])) : createCommentVNode("", !0),
-							renderSlot(T.$slots, "default", {}, () => [createVNode(Container_default, {
+							renderSlot(w.$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)),
+									style: normalizeStyle(unref(R)),
 									data: e.content
 								}, null, 8, ["style", "data"])) : createCommentVNode("", !0)]),
 								_: 1
@@ -2864,11 +3287,11 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 								"cross-axis-alignment": "center",
 								gap: 8
 							}, {
-								default: withCtx(() => [renderSlot(T.$slots, "actions", {}, () => [createVNode(Button_default, { onPressed: j }, {
-									default: withCtx(() => [...E[0] ||= [createTextVNode("Cancel", -1)]]),
+								default: withCtx(() => [renderSlot(w.$slots, "actions", {}, () => [createVNode(Button_default, { onPressed: A }, {
+									default: withCtx(() => [...T[0] ||= [createTextVNode("Cancel", -1)]]),
 									_: 1
-								}), createVNode(Button_default, { onPressed: M }, {
-									default: withCtx(() => [...E[1] ||= [createTextVNode("OK", -1)]]),
+								}), createVNode(Button_default, { onPressed: j }, {
+									default: withCtx(() => [...T[1] ||= [createTextVNode("OK", -1)]]),
 									_: 1
 								})])]),
 								_: 3
@@ -2900,35 +3323,35 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		padding: {}
 	},
 	emits: ["update:visible", "close"],
-	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({
+	setup(e, { emit: w }) {
+		let T = e, E = w, O = () => {
+			E("update:visible", !1), E("close");
+		}, j = computed(() => BoxDecoration({
+			color: T.backgroundColor,
+			borderRadius: T.shape || BorderRadius.only({
 				topLeft: 16,
 				topRight: 16
 			}),
-			boxShadow: E.elevation > 0 ? [{
+			boxShadow: T.elevation > 0 ? [{
 				color: "rgba(0,0,0,0.2)",
-				blurRadius: E.elevation * 2,
+				blurRadius: T.elevation * 2,
 				offset: {
 					x: 0,
 					y: -2
 				}
 			}] : void 0
 		}));
-		return (T, E) => e.visible ? (openBlock(), createElementBlock("div", {
+		return (w, T) => e.visible ? (openBlock(), createElementBlock("div", {
 			key: 0,
 			class: "bottom-sheet-overlay",
-			onClick: E[0] ||= withModifiers((T) => e.barrierDismissible ? k() : null, ["self"])
+			onClick: T[0] ||= withModifiers((w) => e.barrierDismissible ? O() : null, ["self"])
 		}, [createVNode(Container_default, {
 			class: "bottom-sheet-content",
-			decoration: M.value,
+			decoration: j.value,
 			width: "100%",
 			padding: e.padding
 		}, {
-			default: withCtx(() => [renderSlot(T.$slots, "default", {}, void 0, !0)]),
+			default: withCtx(() => [renderSlot(w.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 8, ["decoration", "padding"])])) : createCommentVNode("", !0);
 	}
@@ -2952,73 +3375,73 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 		borderRadius: { default: () => BorderRadius.circular(4) }
 	},
 	emits: ["update:modelValue", "change"],
-	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({
+	setup(e, { emit: T }) {
+		let E = e, k = T, j = (e) => {
+			e.disabled || e.value !== E.modelValue && (k("update:modelValue", e.value), k("change", e.value));
+		}, M = computed(() => E.decoration ? E.decoration : BoxDecoration({
 			border: Border.all({
-				color: D.borderColor,
+				color: E.borderColor,
 				width: 1
 			}),
-			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
+			borderRadius: E.borderRadius
+		})), F = (e, w) => {
+			let T = e.value === E.modelValue, D = w === E.items.length - 1, O = w === 0, k = BorderRadius.zero;
+			O ? k = BorderRadius.only({
+				topLeft: E.borderRadius.topLeft,
+				bottomLeft: E.borderRadius.bottomLeft
+			}) : D && (k = BorderRadius.only({
+				topRight: E.borderRadius.topRight,
+				bottomRight: E.borderRadius.bottomRight
 			}));
-			let j = E ? D.selectedColor : D.unselectedColor;
-			return e.disabled && (j = D.disabledColor), BoxDecoration({
-				color: j,
-				borderRadius: A,
+			let A = T ? E.selectedColor : E.unselectedColor;
+			return e.disabled && (A = E.disabledColor), BoxDecoration({
+				color: A,
+				borderRadius: k,
 				border: Border.only({ right: BorderSide({
-					color: O ? "transparent" : D.borderColor,
+					color: D ? "transparent" : E.borderColor,
 					width: 1
 				}) })
 			});
-		}, L = (e) => {
-			let T = e.value === D.modelValue, E = e.disabled, O = TextStyle({
-				color: T ? "#FFFFFF" : D.borderColor,
+		}, I = (e) => {
+			let w = e.value === E.modelValue, T = e.disabled, D = TextStyle({
+				color: w ? "#FFFFFF" : E.borderColor,
 				fontSize: 13
 			});
-			return E ? D.disabledTextStyle ? {
-				...O,
-				...D.disabledTextStyle,
+			return T ? E.disabledTextStyle ? {
+				...D,
+				...E.disabledTextStyle,
 				color: "#999999"
 			} : {
-				...O,
+				...D,
 				color: "#999999"
-			} : T && D.selectedTextStyle ? {
-				...O,
-				...D.selectedTextStyle
-			} : !T && D.unselectedTextStyle ? {
-				...O,
-				...D.unselectedTextStyle
-			} : O;
+			} : w && E.selectedTextStyle ? {
+				...D,
+				...E.selectedTextStyle
+			} : !w && E.unselectedTextStyle ? {
+				...D,
+				...E.unselectedTextStyle
+			} : D;
 		};
-		return (E, D) => (openBlock(), createBlock(Container_default, {
-			decoration: N.value,
+		return (T, E) => (openBlock(), createBlock(Container_default, {
+			decoration: M.value,
 			"clip-behavior": "hardEdge"
 		}, {
 			default: withCtx(() => [createVNode(Row_default, null, {
-				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.items, (T, D) => (openBlock(), createBlock(GestureDetector_default, {
-					key: D,
-					onTap: (e) => M(T)
+				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.items, (w, E) => (openBlock(), createBlock(GestureDetector_default, {
+					key: E,
+					onTap: (e) => j(w)
 				}, {
 					default: withCtx(() => [createVNode(Container_default, {
 						padding: e.padding,
-						decoration: I(T, D),
+						decoration: F(w, E),
 						alignment: "center"
 					}, {
-						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)]),
+						default: withCtx(() => [renderSlot(T.$slots, "label", {
+							item: w,
+							selected: w.value === e.modelValue,
+							index: E
+						}, () => [createVNode(Text_default, { style: normalizeStyle(I(w)) }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(w.label), 1)]),
 							_: 2
 						}, 1032, ["style"])])]),
 						_: 2
@@ -3043,45 +3466,45 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	__name: "LayoutBuilder",
 	props: { direction: {} },
 	setup(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;
+		let w = e, T = ref(null), E = shallowRef(null), O = null, j = computed(() => {
+			let e = { display: "block" }, T = w.direction ?? "both";
+			return T === "both" ? (e.width = "100%", e.height = "100%") : T === "horizontal" ? e.width = "100%" : T === "vertical" && (e.height = "100%"), e;
 		});
 		return onMounted(() => {
-			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({
+			T.value && (O = new ResizeObserver((e) => {
+				for (let T of e) {
+					let e = T.contentRect.width, D = T.contentRect.height, O = w.direction ?? "both";
+					O === "both" ? E.value = BoxConstraints.tight({
 						width: e,
-						height: O
-					}) : k === "horizontal" ? D.value = BoxConstraints({
+						height: D
+					}) : O === "horizontal" ? E.value = BoxConstraints({
 						minWidth: e,
 						maxWidth: e,
 						minHeight: 0,
 						maxHeight: Infinity
-					}) : k === "vertical" ? D.value = BoxConstraints({
+					}) : O === "vertical" ? E.value = BoxConstraints({
 						minWidth: 0,
 						maxWidth: Infinity,
-						minHeight: O,
-						maxHeight: O
-					}) : D.value = BoxConstraints({
+						minHeight: D,
+						maxHeight: D
+					}) : E.value = BoxConstraints({
 						minWidth: 0,
 						maxWidth: Infinity,
 						minHeight: 0,
 						maxHeight: Infinity
 					});
 				}
-			}), k.observe(E.value));
+			}), O.observe(T.value));
 		}), onUnmounted(() => {
-			k?.disconnect();
-		}), (e, T) => (openBlock(), createElementBlock("div", {
+			O?.disconnect();
+		}), (e, w) => (openBlock(), createElementBlock("div", {
 			ref_key: "el",
-			ref: E,
+			ref: T,
 			class: "fluekit-layout-builder",
-			style: normalizeStyle(M.value)
-		}, [D.value ? renderSlot(e.$slots, "default", {
+			style: normalizeStyle(j.value)
+		}, [E.value ? renderSlot(e.$slots, "default", {
 			key: 0,
-			constraints: D.value
+			constraints: E.value
 		}) : createCommentVNode("", !0)], 4));
 	}
 });
@@ -3103,19 +3526,19 @@ var globalState = reactive({
 	viewInsets: EdgeInsets.zero
 }), listenersAttached = !1, updateGlobalState = () => {
 	if (typeof window > "u") return;
-	let e = window.innerWidth, T = window.innerHeight;
+	let e = window.innerWidth, w = window.innerHeight;
 	globalState.size = {
 		width: e,
-		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;
+		height: w
+	}, globalState.devicePixelRatio = window.devicePixelRatio || 1, globalState.orientation = e > w ? 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 T = window.matchMedia?.(e);
-		T?.addEventListener ? T.addEventListener("change", updateGlobalState) : T?.addListener && T.addListener(updateGlobalState);
+		let w = window.matchMedia?.(e);
+		w?.addEventListener ? w.addEventListener("change", updateGlobalState) : w?.addListener && w.addListener(updateGlobalState);
 	}), updateGlobalState(), listenersAttached = !0);
 };
 function useMediaQuery() {
@@ -3125,7 +3548,54 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 	__name: "MediaQuery",
 	props: { data: {} },
 	setup(e) {
-		return provide(MediaQueryKey, e.data), (e, T) => renderSlot(e.$slots, "default");
+		return provide(MediaQueryKey, e.data), (e, w) => renderSlot(e.$slots, "default");
+	}
+}), CupertinoActivityIndicator_default = /* @__PURE__ */ defineComponent({
+	__name: "CupertinoActivityIndicator",
+	props: {
+		radius: { default: 10 },
+		color: { default: "#999999" },
+		animating: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let T = e, E = computed(() => ({
+			width: `${T.radius * 2}px`,
+			height: `${T.radius * 2}px`,
+			position: "relative",
+			animation: T.animating ? "cupertino-activity-indicator-rotate 1s steps(12) infinite" : "none"
+		})), k = (e) => {
+			let w = e * 30;
+			return {
+				position: "absolute",
+				top: "0",
+				left: "50%",
+				width: `${T.radius * .25}px`,
+				height: `${T.radius * .6}px`,
+				backgroundColor: T.color,
+				borderRadius: `${T.radius * .125}px`,
+				transformOrigin: `center ${T.radius}px`,
+				transform: `translateX(-50%) rotate(${w}deg)`,
+				opacity: 1 - e / 12 * .7
+			};
+		};
+		return (T, D) => (openBlock(), createBlock(Container_default, {
+			width: e.radius * 2,
+			height: e.radius * 2,
+			alignment: "center"
+		}, {
+			default: withCtx(() => [createElementVNode("div", {
+				class: "cupertino-activity-indicator",
+				style: normalizeStyle(E.value)
+			}, [(openBlock(), createElementBlock(Fragment, null, renderList(12, (e) => createElementVNode("div", {
+				key: e,
+				class: "cupertino-activity-indicator-tick",
+				style: normalizeStyle(k(e - 1))
+			}, null, 4)), 64))], 4)]),
+			_: 1
+		}, 8, ["width", "height"]));
 	}
 }), _hoisted_1 = { class: "snackbar-overlay" }, SnackBarComponent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SnackBarComponent",
@@ -3135,16 +3605,16 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 		duration: { default: 4e3 }
 	},
 	emits: ["action", "close"],
-	setup(e, { emit: T }) {
-		let E = e, D = T, M = () => {
-			D("action"), D("close");
+	setup(e, { emit: w }) {
+		let T = e, E = w, j = () => {
+			E("action"), E("close");
 		};
 		onMounted(() => {
 			setTimeout(() => {
-				D("close");
-			}, E.duration);
+				E("close");
+			}, T.duration);
 		});
-		let N = computed(() => BoxDecoration({
+		let M = computed(() => BoxDecoration({
 			color: "#323232",
 			borderRadius: BorderRadius.circular(4),
 			boxShadow: [{
@@ -3156,13 +3626,13 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 				}
 			}]
 		}));
-		return (T, E) => (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Container_default, {
+		return (w, T) => (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Container_default, {
 			margin: unref(EdgeInsets).all(8),
 			padding: unref(EdgeInsets).symmetric({
 				horizontal: 16,
 				vertical: 14
 			}),
-			decoration: N.value,
+			decoration: M.value,
 			width: "100%",
 			constraints: unref(BoxConstraints)({ maxWidth: 600 })
 		}, {
@@ -3178,7 +3648,7 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				}), e.actionLabel ? (openBlock(), createBlock(GestureDetector_default, {
 					key: 0,
-					onTap: M
+					onTap: j
 				}, {
 					default: withCtx(() => [createVNode(Container_default, { margin: unref(EdgeInsets).only({ left: 16 }) }, {
 						default: withCtx(() => [createVNode(Text_default, { style: normalizeStyle({
@@ -3205,19 +3675,19 @@ var MediaQuery_default = /* @__PURE__ */ defineComponent({
 	}
 }), [["__scopeId", "data-v-d8abf3ed"]]), SnackBar = class {
 	static show(e) {
-		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, {
+		let w = document.getElementById("fluekit-snackbar");
+		w && (render(null, w), document.body.removeChild(w));
+		let T = document.createElement("div");
+		T.id = "fluekit-snackbar", document.body.appendChild(T), render(createVNode(SnackBarComponent_default, {
 			content: e.content,
 			actionLabel: e.actionLabel,
 			onAction: e.onAction,
 			duration: e.duration,
 			onClose: () => {
-				E.parentNode && (render(null, E), document.body.removeChild(E));
+				T.parentNode && (render(null, T), document.body.removeChild(T));
 			}
-		}), E);
+		}), T);
 	}
 };
 setTransform(!1);
-export { AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Column_default as Column, Container_default as Container, CrossAxisAlignment, DecorationImage, Divider_default as Divider, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, IgnorePointer_default as IgnorePointer, Image_default as Image, InkWell_default as InkWell, LayoutBuilder_default as LayoutBuilder, LinearGradient, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, NetworkImage, Opacity_default as Opacity, Orientation, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, Row_default as Row, SafeArea_default as SafeArea, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, Switch_default as Switch, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TileMode, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, createAssetImage, decorationImageToStyle, edgeInsetsToStyle, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageProvider, isTextStyle, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle, useMediaQuery };
+export { AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Column_default as Column, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, DecorationImage, Divider_default as Divider, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, IgnorePointer_default as IgnorePointer, Image_default as Image, InkWell_default as InkWell, LayoutBuilder_default as LayoutBuilder, LinearGradient, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, NetworkImage, Opacity_default as Opacity, Orientation, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, Row_default as Row, SafeArea_default as SafeArea, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, Switch_default as Switch, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TileMode, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, createAssetImage, decorationImageToStyle, edgeInsetsToStyle, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageProvider, isTextStyle, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle, useMediaQuery };