fluekit 1.4.1 → 1.5.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Comment, Fragment, Text, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, defineComponent, h, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useSlots, warn, watch, withCtx } from "vue";
+import { Comment, Fragment, Text, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, h, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, render, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useSlots, warn, watch, withCtx, withModifiers } from "vue";
 function isUndefined(e) {
 	return e === void 0;
 }
@@ -38,17 +38,17 @@ var EXCLUDED_VALUES = [
 	"-0px",
 	"+0px"
 ], nonTransform = (e) => e.endsWith("vw") || e.endsWith("%") || EXCLUDED_VALUES.includes(e);
-function px2vw(e, S = DEFAULT_VW) {
+function px2vw(e, C = 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 S = e;
-			if (isNumberPx(e) && (e = e.slice(0, -2)), !isPureNumber(e)) return S;
+			let C = e;
+			if (isNumberPx(e) && (e = e.slice(0, -2)), !isPureNumber(e)) return C;
 		}
-		return e = Number(e), S /= 100, `${Math.round(e / S * 1e5) / 1e5}vw`;
+		return e = Number(e), C /= 100, `${Math.round(e / C * 1e5) / 1e5}vw`;
 	}
 }
 const Alignment = {
@@ -62,10 +62,11 @@ const Alignment = {
 	bottomCenter: "bottomCenter",
 	bottomRight: "bottomRight"
 };
-function alignmentToFlex(e, S = "row") {
-	let C = e, w = "flex-start", T = "flex-start";
-	C.toLowerCase().includes("left") || C.toLowerCase().includes("right");
-	let E = {
+function alignmentToFlex(e, C = "row") {
+	if (!e) return {};
+	let w = e, T = "flex-start", E = "flex-start";
+	w.toLowerCase().includes("left") || w.toLowerCase().includes("right");
+	let D = {
 		topLeft: {
 			x: "flex-start",
 			y: "flex-start"
@@ -102,13 +103,13 @@ function alignmentToFlex(e, S = "row") {
 			x: "flex-end",
 			y: "flex-end"
 		}
-	}[C] || {
+	}[w] || {
 		x: "flex-start",
 		y: "flex-start"
 	};
-	return S === "row" ? (w = E.x, T = E.y) : (w = E.y, T = E.x), {
-		justifyContent: w,
-		alignItems: T
+	return C === "row" ? (T = D.x, E = D.y) : (T = D.y, E = D.x), {
+		justifyContent: T,
+		alignItems: E
 	};
 }
 const alignmentToStyle = alignmentToFlex;
@@ -180,29 +181,29 @@ var Align_default = /* @__PURE__ */ defineComponent({
 		heightFactor: {}
 	},
 	setup(e) {
-		let S = e, C = computed(() => {
+		let C = e, w = computed(() => {
 			let e = {
 				display: "flex",
 				position: "relative"
 			};
-			return Object.assign(e, alignmentToStyle(S.alignment)), S.widthFactor ? e.width = `calc(100% * ${S.widthFactor})` : e.width = "100%", S.heightFactor ? e.height = `calc(100% * ${S.heightFactor})` : e.height = "100%", e;
-		}), w = computed(() => ({ flexShrink: 0 }));
-		return (e, S) => (openBlock(), createElementBlock("div", {
+			return Object.assign(e, alignmentToStyle(C.alignment)), C.widthFactor ? e.width = `calc(100% * ${C.widthFactor})` : e.width = "100%", C.heightFactor ? e.height = `calc(100% * ${C.heightFactor})` : e.height = "100%", e;
+		}), T = computed(() => ({ flexShrink: 0 }));
+		return (e, C) => (openBlock(), createElementBlock("div", {
 			class: "flutter-align",
-			style: normalizeStyle(C.value)
+			style: normalizeStyle(w.value)
 		}, [createElementVNode("div", {
 			class: "flutter-align-child",
-			style: normalizeStyle(w.value)
+			style: normalizeStyle(T.value)
 		}, [renderSlot(e.$slots, "default")], 4)], 4));
 	}
 }), BOX_CONSTRAINTS_SYMBOL = Symbol("boxConstraints"), toVal = (e) => e === Infinity ? void 0 : e;
 function BoxConstraints(e = {}) {
-	let S = Math.max(0, e.minWidth ?? 0), C = Math.max(0, e.minHeight ?? 0), w = Math.max(S, e.maxWidth ?? Infinity), T = Math.max(C, e.maxHeight ?? Infinity);
+	let C = Math.max(0, e.minWidth ?? 0), w = Math.max(0, e.minHeight ?? 0), T = Math.max(C, e.maxWidth ?? Infinity), E = Math.max(w, e.maxHeight ?? Infinity);
 	return {
-		minWidth: toVal(S),
-		maxWidth: toVal(w),
-		minHeight: toVal(C),
-		maxHeight: toVal(T),
+		minWidth: toVal(C),
+		maxWidth: toVal(T),
+		minHeight: toVal(w),
+		maxHeight: toVal(E),
 		[BOX_CONSTRAINTS_SYMBOL]: !0
 	};
 }
@@ -216,22 +217,22 @@ BoxConstraints.tight = (e) => BoxConstraints({
 	maxWidth: e.width,
 	minHeight: 0,
 	maxHeight: e.height
-}), BoxConstraints.expand = ({ width: e, height: S } = {}) => BoxConstraints({
+}), BoxConstraints.expand = ({ width: e, height: C } = {}) => BoxConstraints({
 	minWidth: e ?? Infinity,
 	maxWidth: e ?? Infinity,
-	minHeight: S ?? Infinity,
-	maxHeight: S ?? Infinity
+	minHeight: C ?? Infinity,
+	maxHeight: C ?? Infinity
 });
 function isBoxConstraints(e) {
 	return isPlainObject(e) ? BOX_CONSTRAINTS_SYMBOL in e : !1;
 }
 function boxConstraintsToStyle(e) {
-	let S = e ?? {};
+	let C = e ?? {};
 	return {
-		minWidth: px2vw(S.minWidth),
-		maxWidth: px2vw(S.maxWidth),
-		minHeight: px2vw(S.minHeight),
-		maxHeight: px2vw(S.maxHeight)
+		minWidth: px2vw(C.minWidth),
+		maxWidth: px2vw(C.maxWidth),
+		minHeight: px2vw(C.minHeight),
+		maxHeight: px2vw(C.maxHeight)
 	};
 }
 var BORDER_SIDE_SYMBOL = Symbol("borderSide"), BORDERS_SYMBOL = Symbol("borders");
@@ -243,21 +244,25 @@ function BorderSide(e) {
 		[BORDER_SIDE_SYMBOL]: !0
 	};
 }
-const Border = BorderSide;
-Border.all = ({ color: e, width: S, style: C } = {}) => {
-	let w = Border({
+const Border = Object.assign((e) => ({
+	width: e.width ? e.width : 1,
+	color: e.color || "#000",
+	style: e.style || "solid",
+	[BORDER_SIDE_SYMBOL]: !0
+}), { all: ({ color: e, width: C, style: w } = {}) => {
+	let T = BorderSide({
 		color: e,
-		width: S,
-		style: C
+		width: C,
+		style: w
 	});
 	return {
-		top: w,
-		bottom: w,
-		left: w,
-		right: w,
+		top: T,
+		bottom: T,
+		left: T,
+		right: T,
 		[BORDERS_SYMBOL]: !0
 	};
-};
+} });
 function isBorderSide(e) {
 	return isPlainObject(e) ? BORDER_SIDE_SYMBOL in e : !1;
 }
@@ -266,13 +271,13 @@ function isBorders(e) {
 }
 function borderSideToString(e) {
 	if (!e) return;
-	let S = [], { width: C, color: w, style: T } = e;
-	return C && S.push(C > 1 ? px2vw(C) : C + "px"), w && S.push(w), T && S.push(T), `${S.join(" ")}`;
+	let C = [], { width: w, color: T, style: E } = e;
+	return w && C.push(w > 1 ? px2vw(w) : w + "px"), T && C.push(T), E && C.push(E), `${C.join(" ")}`;
 }
 function borderSideToStyle(e) {
 	if (!e) return {};
-	let S = borderSideToString(e);
-	return S ? { border: S } : {};
+	let C = borderSideToString(e);
+	return C ? { border: C } : {};
 }
 function borderToStyle(e) {
 	if (e) return {
@@ -284,12 +289,12 @@ function borderToStyle(e) {
 }
 var BORDER_RADIUS_SYMBOL = Symbol("borderRadius");
 function BorderRadius(e) {
-	let { topLeft: S, topRight: C, bottomLeft: w, bottomRight: T } = e;
+	let { topLeft: C, topRight: w, bottomLeft: T, bottomRight: E } = e;
 	return {
-		topLeft: S || 0,
-		topRight: C || 0,
-		bottomLeft: w || 0,
-		bottomRight: T || 0,
+		topLeft: C || 0,
+		topRight: w || 0,
+		bottomLeft: T || 0,
+		bottomRight: E || 0,
 		[BORDER_RADIUS_SYMBOL]: !0
 	};
 }
@@ -299,19 +304,19 @@ BorderRadius.all = (e) => ({
 	bottomLeft: e,
 	bottomRight: e,
 	[BORDER_RADIUS_SYMBOL]: !0
-}), BorderRadius.circular = (e) => BorderRadius.all(e), BorderRadius.only = ({ topLeft: e, topRight: S, bottomLeft: C, bottomRight: w }) => BorderRadius({
+}), BorderRadius.circular = (e) => BorderRadius.all(e), BorderRadius.only = ({ topLeft: e, topRight: C, bottomLeft: w, bottomRight: T }) => BorderRadius({
 	topLeft: e,
-	topRight: S,
-	bottomLeft: C,
-	bottomRight: w
+	topRight: C,
+	bottomLeft: w,
+	bottomRight: T
 }), BorderRadius.zero = BorderRadius({});
 function isBorderRadius(e) {
 	return typeof e == "object" && !!e && BORDER_RADIUS_SYMBOL in e;
 }
 function borderRadiusToStyle(e) {
 	if (!e) return {};
-	let { topLeft: S, topRight: C, bottomLeft: w, bottomRight: T } = e, E = {};
-	return w && (E.borderBottomLeftRadius = px2vw(w)), T && (E.borderBottomRightRadius = px2vw(T)), S && (E.borderTopLeftRadius = px2vw(S)), C && (E.borderTopRightRadius = px2vw(C)), E;
+	let { topLeft: C, topRight: w, bottomLeft: T, bottomRight: E } = e, D = {};
+	return T && (D.borderBottomLeftRadius = px2vw(T)), E && (D.borderBottomRightRadius = px2vw(E)), C && (D.borderTopLeftRadius = px2vw(C)), w && (D.borderTopRightRadius = px2vw(w)), D;
 }
 let BlurStyle = /* @__PURE__ */ function(e) {
 	return e.normal = "normal", e.solid = "solid", e.outer = "outer", e.inner = "inner", e;
@@ -352,20 +357,20 @@ function alignmentToCSSSide(e) {
 		default: return "to bottom";
 	}
 }
-function calculateLinearDirection(e, S) {
-	return e === Alignment.topCenter && S === Alignment.bottomCenter ? "to bottom" : e === Alignment.bottomCenter && S === Alignment.topCenter ? "to top" : e === Alignment.centerLeft && S === Alignment.centerRight ? "to right" : e === Alignment.centerRight && S === Alignment.centerLeft ? "to left" : e === Alignment.topLeft && S === Alignment.bottomRight ? "to bottom right" : e === Alignment.bottomRight && S === Alignment.topLeft ? "to top left" : e === Alignment.topRight && S === Alignment.bottomLeft ? "to bottom left" : e === Alignment.bottomLeft && S === Alignment.topRight ? "to top right" : alignmentToCSSSide(e);
+function calculateLinearDirection(e, C) {
+	return e === Alignment.topCenter && C === Alignment.bottomCenter ? "to bottom" : e === Alignment.bottomCenter && C === Alignment.topCenter ? "to top" : e === Alignment.centerLeft && C === Alignment.centerRight ? "to right" : e === Alignment.centerRight && C === Alignment.centerLeft ? "to left" : e === Alignment.topLeft && C === Alignment.bottomRight ? "to bottom right" : e === Alignment.bottomRight && C === Alignment.topLeft ? "to top left" : e === Alignment.topRight && C === Alignment.bottomLeft ? "to bottom left" : e === Alignment.bottomLeft && C === Alignment.topRight ? "to top right" : alignmentToCSSSide(e);
 }
 function LinearGradient(e) {
-	let { colors: S, stops: C, begin: w = Alignment.centerLeft, end: T = Alignment.centerRight } = e;
-	if (!S || S.length === 0) return "none";
-	let E = calculateLinearDirection(w, T), D = "";
-	return D = C && C.length === S.length ? S.map((e, S) => `${e} ${C[S] * 100}%`).join(", ") : S.join(", "), `linear-gradient(${E}, ${D})`;
+	let { colors: C, stops: w, begin: T = Alignment.centerLeft, end: E = Alignment.centerRight } = e;
+	if (!C || C.length === 0) return "none";
+	let D = calculateLinearDirection(T, E), O = "";
+	return O = w && w.length === C.length ? C.map((e, C) => `${e} ${w[C] * 100}%`).join(", ") : C.join(", "), `linear-gradient(${D}, ${O})`;
 }
 function RadialGradient(e) {
-	let { colors: S, stops: C, center: w = Alignment.center } = e;
-	if (!S || S.length === 0) return "none";
-	let T = alignmentToCssPosition(w), E = "";
-	return E = C && C.length === S.length ? S.map((e, S) => `${e} ${C[S] * 100}%`).join(", ") : S.join(", "), `radial-gradient(circle at ${T}, ${E})`;
+	let { colors: C, stops: w, center: T = Alignment.center } = e;
+	if (!C || C.length === 0) return "none";
+	let E = alignmentToCssPosition(T), D = "";
+	return D = w && w.length === C.length ? C.map((e, C) => `${e} ${w[C] * 100}%`).join(", ") : C.join(", "), `radial-gradient(circle at ${E}, ${D})`;
 }
 const BoxFit = {
 	fitWidth: "fitWidth",
@@ -402,8 +407,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 S = _baseUrl.endsWith("/") ? _baseUrl.slice(0, -1) : _baseUrl;
-	return e.startsWith(S) ? e : `${S}/${e.startsWith("/") ? e.slice(1) : e}`;
+	let C = _baseUrl.endsWith("/") ? _baseUrl.slice(0, -1) : _baseUrl;
+	return e.startsWith(C) ? e : `${C}/${e.startsWith("/") ? e.slice(1) : e}`;
 }
 function DecorationImage(e) {
 	return e;
@@ -411,23 +416,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 S = {}, C = normalizeSrc(typeof e.image == "string" ? e.image : e.image.src);
-	if (S.backgroundImage = isGradient(C) ? C : `url(${C})`, e.fit && (S.backgroundSize = ImageFitMap[e.fit] || e.fit), S.backgroundAttachment = e.attachment, S.backgroundBlendMode = e.blendMode, S.backgroundClip = e.clip, S.backgroundOrigin = e.origin, S.backgroundRepeat = e.repeat ?? "no-repeat", e.alignment) {
-		let C = alignmentToCssPosition(e.alignment);
-		if (C && C !== "center") S.backgroundPosition = C;
-		else if (e.alignment !== Alignment.center) if (Object.keys(Alignment).includes(e.alignment)) S.backgroundPosition = alignmentToCssPosition(e.alignment);
+	let C = {}, w = normalizeSrc(typeof e.image == "string" ? e.image : e.image.src);
+	if (C.backgroundImage = isGradient(w) ? w : `url(${w})`, e.fit && (C.backgroundSize = ImageFitMap[e.fit] || e.fit), C.backgroundAttachment = e.attachment, C.backgroundBlendMode = e.blendMode, C.backgroundClip = e.clip, C.backgroundOrigin = e.origin, C.backgroundRepeat = e.repeat ?? "no-repeat", e.alignment) {
+		let w = alignmentToCssPosition(e.alignment);
+		if (w && w !== "center") C.backgroundPosition = w;
+		else if (e.alignment !== Alignment.center) if (Object.keys(Alignment).includes(e.alignment)) C.backgroundPosition = alignmentToCssPosition(e.alignment);
 		else {
-			let [C, w] = (e.alignment || "").split(" ");
-			C && !cssPoisitions[C] && (C = px2vw(C)), w && !cssPoisitions[w] && (w = px2vw(w)), C && !w && (w = "center"), S.backgroundPosition = `${C} ${w}`;
+			let [w, T] = (e.alignment || "").split(" ");
+			w && !cssPoisitions[w] && (w = px2vw(w)), T && !cssPoisitions[T] && (T = px2vw(T)), w && !T && (T = "center"), C.backgroundPosition = `${w} ${T}`;
 		}
-		else S.backgroundPosition = "center";
+		else C.backgroundPosition = "center";
 	}
-	return S;
+	return C;
 }
 function boxDecorationToStyle(e) {
 	if (!e) return {};
-	let { color: S, border: C, borderRadius: w, boxShadow: T, gradient: E, image: D, overflow: O, opacity: k, shape: A } = e, j = {};
-	return S && (j.backgroundColor = S), k !== void 0 && (j.opacity = k), O && (j.overflow = O), E && (j.backgroundImage = E), D && Object.assign(j, decorationImageToStyle(D)), C && Object.assign(j, borderToStyle(C)), A === BoxShape.circle ? j.borderRadius = "50%" : w && Object.assign(j, borderRadiusToStyle(w)), T && (j.boxShadow = (Array.isArray(T) ? T : [T]).map(boxShadowToCSS).join(", ")), j;
+	let { color: C, border: w, borderRadius: T, boxShadow: E, gradient: D, image: O, overflow: k, opacity: A, shape: j } = e, M = {};
+	return C && (M.backgroundColor = C), A !== void 0 && (M.opacity = A), k && (M.overflow = k), D && (M.backgroundImage = D), O && Object.assign(M, decorationImageToStyle(O)), w && Object.assign(M, borderToStyle(w)), j === BoxShape.circle ? M.borderRadius = "50%" : T && Object.assign(M, borderRadiusToStyle(T)), E && (M.boxShadow = (Array.isArray(E) ? E : [E]).map(boxShadowToCSS).join(", ")), M;
 }
 function BoxDecoration(e) {
 	return {
@@ -446,12 +451,12 @@ const Clip = {
 };
 var EDGE_INSETS_SYMBOL = Symbol("edgeInsets");
 function EdgeInsets(e) {
-	let { top: S, right: C, bottom: w, left: T, horizontal: E, vertical: D } = e;
+	let { top: C, right: w, bottom: T, left: E, horizontal: D, vertical: O } = e;
 	return {
-		top: S ?? D ?? 0,
-		right: C ?? E ?? 0,
-		bottom: w ?? D ?? 0,
-		left: T ?? E ?? 0,
+		top: C ?? O ?? 0,
+		right: w ?? D ?? 0,
+		bottom: T ?? O ?? 0,
+		left: E ?? D ?? 0,
 		[EDGE_INSETS_SYMBOL]: !0
 	};
 }
@@ -461,26 +466,26 @@ EdgeInsets.all = (e) => ({
 	bottom: e,
 	left: e,
 	[EDGE_INSETS_SYMBOL]: !0
-}), EdgeInsets.symmetric = ({ vertical: e, horizontal: S }) => EdgeInsets({
+}), EdgeInsets.symmetric = ({ vertical: e, horizontal: C }) => EdgeInsets({
 	vertical: e,
-	horizontal: S
-}), EdgeInsets.only = ({ top: e, right: S, bottom: C, left: w }) => EdgeInsets({
+	horizontal: C
+}), EdgeInsets.only = ({ top: e, right: C, bottom: w, left: T }) => EdgeInsets({
 	top: e,
-	right: S,
-	bottom: C,
-	left: w
+	right: C,
+	bottom: w,
+	left: T
 }), EdgeInsets.zero = EdgeInsets({});
 function isEdgeInsets(e) {
 	return typeof e == "object" && !!e && EDGE_INSETS_SYMBOL in e;
 }
-function edgeInsetsToStyle(e, S) {
-	if (!S) return {};
-	let C = EdgeInsets(S);
+function edgeInsetsToStyle(e, C) {
+	if (!C) return {};
+	let w = EdgeInsets(C);
 	return {
-		[`${e}Top`]: px2vw(C.top),
-		[`${e}Right`]: px2vw(C.right),
-		[`${e}Bottom`]: px2vw(C.bottom),
-		[`${e}Left`]: px2vw(C.left)
+		[`${e}Top`]: px2vw(w.top),
+		[`${e}Right`]: px2vw(w.right),
+		[`${e}Bottom`]: px2vw(w.bottom),
+		[`${e}Left`]: px2vw(w.left)
 	};
 }
 const paddingToStyle = (e) => edgeInsetsToStyle("padding", e), marginToStyle = (e) => edgeInsetsToStyle("margin", e), CrossAxisAlignment = {
@@ -515,10 +520,10 @@ const paddingToStyle = (e) => edgeInsetsToStyle("padding", e), marginToStyle = (
 	passthrough: "passthrough"
 };
 function Size(e) {
-	let { width: S, height: C } = e;
+	let { width: C, height: w } = e;
 	return {
-		width: S,
-		height: C
+		width: C,
+		height: w
 	};
 }
 Size.square = (e) => Size({
@@ -539,10 +544,10 @@ Size.square = (e) => Size({
 });
 function sizeToStyle(e) {
 	if (!e) return;
-	let { width: S, height: C } = e;
+	let { width: C, height: w } = e;
 	return {
-		width: px2vw(S),
-		height: px2vw(C)
+		width: px2vw(C),
+		height: px2vw(w)
 	};
 }
 var GESTURE_HANDLED = Symbol("gesture_handled");
@@ -556,107 +561,107 @@ const events = [
 	"pan-end"
 ];
 function useGestures({ emit: e }) {
-	let S = ref(0), C = ref(null), w = ref(!1), T = ref({
+	let C = ref(0), w = ref(null), T = ref(!1), E = ref({
 		x: 0,
 		y: 0
-	}), E = ref({
+	}), D = ref({
 		x: 0,
 		y: 0
-	}), D = {
+	}), O = {
 		onTap: () => e("tap"),
-		onClick: (S) => e("click", S),
+		onClick: (C) => e("click", C),
 		onDoubleTap: () => e("double-tap"),
 		onLongPress: () => e("long-press"),
-		onPanStart: (S) => e("pan-start", S),
-		onPanUpdate: (S) => e("pan-update", S),
+		onPanStart: (C) => e("pan-start", C),
+		onPanUpdate: (C) => e("pan-update", C),
 		onPanEnd: () => e("pan-end")
-	}, O = (e) => {
+	}, k = (e) => {
 		if (e[GESTURE_HANDLED]) return;
 		e[GESTURE_HANDLED] = !0;
-		let C = Date.now();
-		C - S.value < 300 ? (D.onDoubleTap?.(), S.value = 0) : (D.onTap?.(), D.onClick?.(e), S.value = C);
-	}, k = (e) => {
-		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, I(), R(e.clientX, e.clientY), window.addEventListener("mousemove", A), window.addEventListener("mouseup", j));
+		let w = Date.now();
+		w - C.value < 300 ? (O.onDoubleTap?.(), C.value = 0) : (O.onTap?.(), O.onClick?.(e), C.value = w);
 	}, A = (e) => {
-		(Math.abs(e.clientX - T.value.x) > 5 || Math.abs(e.clientY - T.value.y) > 5) && L(), z(e.clientX, e.clientY);
-	}, j = () => {
-		L(), B(), window.removeEventListener("mousemove", A), window.removeEventListener("mouseup", j);
-	}, M = (e) => {
-		if (e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, e.touches.length > 1)) return;
-		let S = e.touches[0];
-		I(), R(S.clientX, S.clientY);
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, L(), z(e.clientX, e.clientY), window.addEventListener("mousemove", j), window.addEventListener("mouseup", M));
+	}, j = (e) => {
+		(Math.abs(e.clientX - E.value.x) > 5 || Math.abs(e.clientY - E.value.y) > 5) && R(), B(e.clientX, e.clientY);
+	}, M = () => {
+		R(), V(), window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", M);
 	}, N = (e) => {
+		if (e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, e.touches.length > 1)) return;
+		let C = e.touches[0];
+		L(), z(C.clientX, C.clientY);
+	}, P = (e) => {
 		if (e[GESTURE_HANDLED]) return;
 		e[GESTURE_HANDLED] = !0;
-		let S = e.touches[0];
-		(Math.abs(S.clientX - T.value.x) > 5 || Math.abs(S.clientY - T.value.y) > 5) && L(), z(S.clientX, S.clientY);
-	}, P = (e) => {
-		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, L(), B());
+		let C = e.touches[0];
+		(Math.abs(C.clientX - E.value.x) > 5 || Math.abs(C.clientY - E.value.y) > 5) && R(), B(C.clientX, C.clientY);
 	}, F = (e) => {
-		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, L(), B());
-	}, I = () => {
-		L(), C.value = window.setTimeout(() => {
-			D.onLongPress?.();
-		}, 500);
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, R(), V());
+	}, I = (e) => {
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, R(), V());
 	}, L = () => {
-		C.value &&= (clearTimeout(C.value), null);
-	}, R = (e, S) => {
-		T.value = {
+		R(), w.value = window.setTimeout(() => {
+			O.onLongPress?.();
+		}, 500);
+	}, R = () => {
+		w.value &&= (clearTimeout(w.value), null);
+	}, z = (e, C) => {
+		E.value = {
 			x: e,
-			y: S
-		}, E.value = {
+			y: C
+		}, D.value = {
 			x: e,
-			y: S
-		}, w.value = !0, D.onPanStart?.({ globalPosition: {
+			y: C
+		}, T.value = !0, O.onPanStart?.({ globalPosition: {
 			x: e,
-			y: S
+			y: C
 		} });
-	}, z = (e, S) => {
-		if (!w.value) return;
-		let C = e - E.value.x, T = S - E.value.y;
-		C === 0 && T === 0 || (D.onPanUpdate?.({
+	}, B = (e, C) => {
+		if (!T.value) return;
+		let w = e - D.value.x, E = C - D.value.y;
+		w === 0 && E === 0 || (O.onPanUpdate?.({
 			delta: {
-				x: C,
-				y: T
+				x: w,
+				y: E
 			},
 			globalPosition: {
 				x: e,
-				y: S
+				y: C
 			}
-		}), E.value = {
+		}), D.value = {
 			x: e,
-			y: S
+			y: C
 		});
-	}, B = () => {
-		w.value && (w.value = !1, D.onPanEnd?.());
+	}, V = () => {
+		T.value && (T.value = !1, O.onPanEnd?.());
 	};
 	return {
-		onClick: O,
-		onMousedown: k,
-		onMouseup: j,
-		onMousemove: A,
-		onTouchstart: M,
-		onTouchmove: N,
-		onTouchend: P,
-		onTouchcancel: F
+		onClick: k,
+		onMousedown: A,
+		onMouseup: M,
+		onMousemove: j,
+		onTouchstart: N,
+		onTouchmove: P,
+		onTouchend: F,
+		onTouchcancel: I
 	};
 }
 var S_EVENTS = Symbol("events"), S_BEHAVIOR = Symbol("behavior");
 function useGestureStyle() {
-	let e = inject(S_BEHAVIOR, "deferToChild"), S = {};
-	return (e === "opaque" || e === "translucent") && (S.cursor = "pointer", S.userSelect = "none"), S;
+	let e = inject(S_BEHAVIOR, "deferToChild"), C = {};
+	return (e === "opaque" || e === "translucent") && (C.cursor = "pointer", C.userSelect = "none"), C;
 }
 function useGestureEvents() {
 	return inject(S_EVENTS, void 0);
 }
-function provideGesture(e, S) {
-	provide(S_EVENTS, e), provide(S_BEHAVIOR, S);
+function provideGesture(e, C) {
+	provide(S_EVENTS, e), provide(S_BEHAVIOR, C);
 }
 function useSafeAttrs() {
 	let e = useAttrs();
 	return computed(() => {
-		let { class: S, style: C, ...w } = e ?? {};
-		return w;
+		let { class: C, style: w, ...T } = e ?? {};
+		return T;
 	});
 }
 var StyleInjectionKey = Symbol("fluekit-style-provider"), Injector = defineComponent({
@@ -666,8 +671,8 @@ var StyleInjectionKey = Symbol("fluekit-style-provider"), Injector = defineCompo
 		type: Object,
 		default: () => ({})
 	} },
-	setup(e, { slots: S }) {
-		return provide(StyleInjectionKey, computed(() => e.style)), () => S.default?.() || null;
+	setup(e, { slots: C }) {
+		return provide(StyleInjectionKey, computed(() => e.style)), () => C.default?.() || null;
 	}
 });
 function useStyles() {
@@ -685,21 +690,21 @@ const StyleProvider = defineComponent({
 			default: () => ({})
 		}
 	},
-	setup(e, { slots: S }) {
+	setup(e, { slots: C }) {
 		return () => {
-			let C = S.default?.() ?? [];
-			return C.length <= 0 ? null : cloneAndMergeStyles(C, e.style, e.attrs);
+			let w = C.default?.() ?? [];
+			return w.length <= 0 ? null : cloneAndMergeStyles(w, e.style, e.attrs);
 		};
 	}
 });
-function cloneAndMergeStyles(T, E, D) {
-	return T.map((T) => T && (T.type === Fragment ? Array.isArray(T.children) ? h(Fragment, cloneAndMergeStyles(T.children, E, D)) : T : T.type === Comment || T.type === Text ? T : isHtmlTag(T) ? cloneVNode(T, { style: {
-		...T.props?.style || {},
-		...E
+function cloneAndMergeStyles(E, D, O) {
+	return E.map((E) => E && (E.type === Fragment ? Array.isArray(E.children) ? h(Fragment, cloneAndMergeStyles(E.children, D, O)) : E : E.type === Comment || E.type === Text ? E : isHtmlTag(E) ? cloneVNode(E, { style: {
+		...E.props?.style || {},
+		...D
 	} }) : h(Injector, {
-		...D,
-		style: E
-	}, { default: () => T })));
+		...O,
+		style: D
+	}, { default: () => E })));
 }
 var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -721,21 +726,21 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		curve: { default: "linear" }
 	},
 	setup(e) {
-		let S = useStyles(), C = useSafeAttrs(), w = useGestureEvents(), E = computed(() => S.value.pointerEvents == "none" ? C.value : {
-			...C.value,
-			...w || {}
-		}), k = useGestureStyle(), A = e, j = computed(() => `all ${A.duration}ms ${A.curve}`), M = computed(() => {
+		let C = useStyles(), w = useSafeAttrs(), T = useGestureEvents(), D = computed(() => C.value.pointerEvents == "none" ? w.value : {
+			...w.value,
+			...T || {}
+		}), A = useGestureStyle(), j = e, M = computed(() => `all ${j.duration}ms ${j.curve}`), N = computed(() => {
 			let e = {
-				...sizeToStyle(A),
-				...paddingToStyle(A.padding),
-				...marginToStyle(A.margin),
-				...boxDecorationToStyle(A.decoration),
-				...alignmentToStyle(A.alignment, "column"),
-				...boxConstraintsToStyle(A.constraints),
-				...k,
-				transition: j.value
+				...sizeToStyle(j),
+				...paddingToStyle(j.padding),
+				...marginToStyle(j.margin),
+				...boxDecorationToStyle(j.decoration),
+				...alignmentToStyle(j.alignment, "column"),
+				...boxConstraintsToStyle(j.constraints),
+				...A,
+				transition: M.value
 			};
-			if (A.color && !A.decoration && (e.backgroundColor = A.color), A.transform && (e.transform = A.transform, A.transformAlignment && (e.transformOrigin = alignmentToOrigin(A.transformAlignment))), A.clipBehavior !== "none") switch (A.clipBehavior) {
+			if (j.color && !j.decoration && (e.backgroundColor = j.color), j.transform && (e.transform = j.transform, j.transformAlignment && (e.transformOrigin = alignmentToOrigin(j.transformAlignment))), j.clipBehavior !== "none") switch (j.clipBehavior) {
 				case "hardEdge":
 					e.overflow = "hidden";
 					break;
@@ -752,22 +757,22 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 				boxSizing: "border-box",
 				position: "relative"
 			};
-		}), N = computed(() => ({
-			...boxDecorationToStyle(A.foregroundDecoration),
+		}), P = computed(() => ({
+			...boxDecorationToStyle(j.foregroundDecoration),
 			position: "absolute",
 			top: 0,
 			left: 0,
 			right: 0,
 			bottom: 0,
 			pointerEvents: "none",
-			transition: j.value
+			transition: M.value
 		}));
-		return (e, S) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, C) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "animated-container",
-			style: M.value
-		}, E.value), [renderSlot(e.$slots, "default"), A.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			style: N.value
+		}, D.value), [renderSlot(e.$slots, "default"), j.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(N.value)
+			style: normalizeStyle(P.value)
 		}, null, 4)) : createCommentVNode("", !0)], 16));
 	}
 }), AnimatedOpacity_default = defineComponent({
@@ -787,40 +792,151 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 			default: "linear"
 		}
 	},
-	setup(e, { slots: S }) {
-		let C = computed(() => e.opacity === void 0 ? {} : {
+	setup(e, { slots: C }) {
+		let w = computed(() => e.opacity === void 0 ? {} : {
 			transition: `opacity ${e.duration}ms ${e.curve}`,
 			opacity: e.opacity
 		});
-		return () => h(StyleProvider, { style: C.value }, S);
+		return () => h(StyleProvider, { style: w.value }, C);
+	}
+}), Container_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Container",
+	props: {
+		width: {},
+		height: {},
+		padding: {},
+		margin: {},
+		decoration: {},
+		foregroundDecoration: {},
+		color: {},
+		alignment: {},
+		clipBehavior: { default: "none" },
+		transform: {},
+		transformAlignment: {},
+		constraints: {}
+	},
+	setup(e) {
+		let C = useStyles(), w = useSafeAttrs(), T = useGestureEvents(), D = computed(() => C.value.pointerEvents == "none" ? w.value : {
+			...w.value,
+			...T || {}
+		}), A = useGestureStyle(), j = e, M = computed(() => {
+			let e = {
+				backgroundColor: j.decoration ? void 0 : j.color,
+				transform: j.transform,
+				transformOrigin: j.transformAlignment ? alignmentToOrigin(j.transformAlignment) : "center",
+				overflow: j.clipBehavior === "none" ? void 0 : "hidden",
+				position: "relative"
+			};
+			Object.assign(e, C.value), j.alignment && (Object.assign(e, {
+				display: "flex",
+				flexDirection: "column"
+			}), Object.assign(e, alignmentToFlex(j.alignment, "column"))), Object.assign(e, sizeToStyle(j));
+			let w = boxConstraintsToStyle(j.constraints);
+			return isDefined(j.width) && (delete w.minWidth, delete w.maxWidth), isDefined(j.height) && (delete w.minHeight, delete w.maxHeight), Object.assign(e, w), Object.assign(e, paddingToStyle(j.padding)), Object.assign(e, marginToStyle(j.margin)), Object.assign(e, boxDecorationToStyle(j.decoration)), Object.assign(e, A), j.clipBehavior === "antiAlias" && (e.borderRadius = e.borderRadius || "inherit"), e;
+		}), N = computed(() => {
+			let e = {
+				position: "absolute",
+				pointerEvents: "none",
+				zIndex: 1,
+				inset: 0
+			};
+			return Object.assign(e, boxDecorationToStyle(j.foregroundDecoration)), e;
+		});
+		return (e, C) => (openBlock(), createElementBlock("div", mergeProps({
+			class: "container-box",
+			style: M.value
+		}, D.value), [renderSlot(e.$slots, "default"), j.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			key: 0,
+			style: normalizeStyle(N.value)
+		}, null, 4)) : createCommentVNode("", !0)], 16));
+	}
+}), Box_default = /* @__PURE__ */ defineComponent({
+	__name: "Box",
+	props: {
+		width: {},
+		height: {},
+		padding: {},
+		margin: {},
+		alignment: {},
+		transform: {},
+		transformAlignment: {},
+		constraints: {},
+		clipBehavior: { default: "none" },
+		color: {},
+		border: {},
+		borderRadius: {},
+		boxShadow: {},
+		gradient: {},
+		image: {},
+		shape: { default: BoxShape.rectangle }
+	},
+	setup(e) {
+		let C = e, w = computed(() => {
+			if (!(!C.color && !C.border && !C.borderRadius && !C.boxShadow && !C.gradient && !C.image && C.shape === "rectangle")) return BoxDecoration({
+				color: C.color,
+				border: C.border,
+				borderRadius: C.borderRadius,
+				boxShadow: C.boxShadow,
+				gradient: C.gradient,
+				image: C.image,
+				shape: C.shape
+			});
+		});
+		return (C, T) => (openBlock(), createBlock(Container_default, {
+			width: e.width,
+			height: e.height,
+			padding: e.padding,
+			margin: e.margin,
+			alignment: e.alignment,
+			transform: e.transform,
+			"transform-alignment": e.transformAlignment,
+			constraints: e.constraints,
+			"clip-behavior": e.clipBehavior,
+			decoration: w.value
+		}, {
+			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"width",
+			"height",
+			"padding",
+			"margin",
+			"alignment",
+			"transform",
+			"transform-alignment",
+			"constraints",
+			"clip-behavior",
+			"decoration"
+		]));
 	}
 });
 const ButtonStyle = (e) => e;
 function buttonStyleToStyle(e) {
 	if (!e) return {};
-	let S = {};
-	if (e.backgroundColor && (S.backgroundColor = e.backgroundColor), e.foregroundColor && (S.color = e.foregroundColor), e.padding && Object.assign(S, paddingToStyle(e.padding)), e.minimumSize) {
-		let { width: C, height: w } = sizeToStyle(e.minimumSize) || {};
-		C && (S.minWidth = C), w && (S.minHeight = w);
+	let C = {};
+	if (e.backgroundColor && (C.backgroundColor = e.backgroundColor), e.foregroundColor && (C.color = e.foregroundColor), e.padding && Object.assign(C, paddingToStyle(e.padding)), e.minimumSize) {
+		let { width: w, height: T } = sizeToStyle(e.minimumSize) || {};
+		w && (C.minWidth = w), T && (C.minHeight = T);
 	}
 	if (e.maximumSize) {
-		let { width: C, height: w } = sizeToStyle(e.maximumSize) || {};
-		C && (S.maxWidth = C), w && (S.maxHeight = w);
+		let { width: w, height: T } = sizeToStyle(e.maximumSize) || {};
+		w && (C.maxWidth = w), T && (C.maxHeight = T);
 	}
 	if (e.fixedSize) {
-		let { width: C, height: w } = sizeToStyle(e.fixedSize) || {};
-		C && (S.width = C, S.minWidth = C, S.maxWidth = C), w && (S.height = w, S.minHeight = w, S.maxHeight = w);
+		let { width: w, height: T } = sizeToStyle(e.fixedSize) || {};
+		w && (C.width = w, C.minWidth = w, C.maxWidth = w), T && (C.height = T, C.minHeight = T, C.maxHeight = T);
 	}
-	return e.side && Object.assign(S, borderSideToStyle(e.side)), e.shape && Object.assign(S, borderRadiusToStyle(e.shape)), e.elevation && (S.boxShadow = `0px ${px2vw(e.elevation)} ${px2vw(e.elevation * 2)} ${e.shadowColor || "rgba(0,0,0,0.2)"}`), e.alignment && (S.display = "flex", S.flexDirection = "column", Object.assign(S, alignmentToFlex(e.alignment, "column"))), S;
+	return e.side && Object.assign(C, borderSideToStyle(e.side)), e.shape && Object.assign(C, borderRadiusToStyle(e.shape)), e.elevation && (C.boxShadow = `0px ${px2vw(e.elevation)} ${px2vw(e.elevation * 2)} ${e.shadowColor || "rgba(0,0,0,0.2)"}`), e.alignment && (C.display = "flex", C.flexDirection = "column", Object.assign(C, alignmentToFlex(e.alignment, "column"))), C;
 }
-function useChildren(w) {
-	if (!w) return [];
-	let T = w();
-	return T ? T.filter((w) => !(w.type === Comment || w.type === Text && typeof w.children == "string" && !w.children.trim() || w.type === Fragment && Array.isArray(w.children) && w.children.length === 0)) : [];
+function useChildren(T) {
+	if (!T) return [];
+	let E = T();
+	return E ? E.filter((T) => !(T.type === Comment || T.type === Text && typeof T.children == "string" && !T.children.trim() || T.type === Fragment && Array.isArray(T.children) && T.children.length === 0)) : [];
 }
 function useChild(e) {
-	let S = useChildren(e);
-	return S.length === 0 ? null : S[0];
+	let C = useChildren(e);
+	return C.length === 0 ? null : C[0];
 }
 var GestureDetector_default = defineComponent({
 	name: "GestureDetector",
@@ -830,14 +946,14 @@ var GestureDetector_default = defineComponent({
 		default: "deferToChild"
 	} },
 	emits: events,
-	setup(e, { slots: S, emit: T }) {
-		let E = useGestures({ emit: T });
-		return provideGesture(E, e.behavior), () => {
-			let e = useChild(S.default);
-			return e ? e.type === Text ? h("span", E, [e]) : isHtmlTag(e) ? cloneVNode(e, E) : e : null;
+	setup(e, { slots: C, emit: E }) {
+		let D = useGestures({ emit: E });
+		return provideGesture(D, e.behavior), () => {
+			let e = useChild(C.default);
+			return e ? e.type === Text ? h("span", D, [e]) : isHtmlTag(e) ? cloneVNode(e, D) : e : null;
 		};
 	}
-}), _hoisted_1$3 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$4 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Button",
 	props: {
@@ -848,35 +964,80 @@ var GestureDetector_default = defineComponent({
 		style: {}
 	},
 	emits: ["pressed", "long-press"],
-	setup(e, { emit: S }) {
-		let C = e, w = S, D = useStyles(), O = useSafeAttrs(), A = useGestureEvents(), j = computed(() => D.value.pointerEvents == "none" ? O.value : {
-			...O.value,
-			...A || {}
-		}), M = useGestureStyle(), N = computed(() => {
+	setup(e, { emit: C }) {
+		let w = e, T = C, O = useStyles(), k = useSafeAttrs(), j = useGestureEvents(), M = computed(() => O.value.pointerEvents == "none" ? k.value : {
+			...k.value,
+			...j || {}
+		}), N = useGestureStyle(), P = computed(() => {
 			let e = { position: "relative" };
-			return Object.assign(e, D.value), Object.assign(e, buttonStyleToStyle(C.style)), Object.assign(e, M), e;
-		}), P = () => {
-			C.disabled || w("pressed");
+			return Object.assign(e, O.value), Object.assign(e, buttonStyleToStyle(w.style)), Object.assign(e, N), e;
+		}), F = () => {
+			w.disabled || T("pressed");
 		}, I = () => {
-			C.disabled || w("long-press");
+			w.disabled || T("long-press");
 		};
-		return (S, C) => (openBlock(), createBlock(GestureDetector_default, {
-			onTap: P,
+		return (C, w) => (openBlock(), createBlock(GestureDetector_default, {
+			onTap: F,
 			onLongPress: I
 		}, {
 			default: withCtx(() => [createElementVNode("button", mergeProps({
 				class: "fluekit-button",
-				style: N.value,
+				style: P.value,
 				disabled: e.disabled
-			}, j.value), [renderSlot(S.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$3)]),
+			}, M.value), [renderSlot(C.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$4)]),
 			_: 3
 		}));
 	}
-}), __plugin_vue_export_helper_default = (e, S) => {
-	let C = e.__vccOpts || e;
-	for (let [e, w] of S) C[e] = w;
-	return C;
-}, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a5efef4c"]]), Center_default = /* @__PURE__ */ defineComponent({
+}), __plugin_vue_export_helper_default = (e, C) => {
+	let w = e.__vccOpts || e;
+	for (let [e, T] of C) w[e] = T;
+	return w;
+}, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a5efef4c"]]), Card_default = /* @__PURE__ */ defineComponent({
+	__name: "Card",
+	props: {
+		color: { default: "#ffffff" },
+		shadowColor: { default: "#000000" },
+		elevation: { default: 1 },
+		shape: {},
+		margin: { default: () => EdgeInsets.all(4) },
+		clipBehavior: { default: "none" },
+		borderOnForeground: { type: Boolean }
+	},
+	setup(e) {
+		let C = e, w = computed(() => {
+			let e = [];
+			if (C.elevation > 0) {
+				let w = C.elevation * 2;
+				C.elevation, e.push(BoxShadow({
+					color: C.shadowColor,
+					offset: {
+						x: 0,
+						y: 1
+					},
+					blurRadius: w,
+					spreadRadius: 0
+				}));
+			}
+			return BoxDecoration({
+				color: C.color,
+				borderRadius: C.shape || BorderRadius.all(4),
+				boxShadow: e.length > 0 ? e : void 0
+			});
+		});
+		return (C, T) => (openBlock(), createBlock(Container_default, {
+			margin: e.margin,
+			decoration: w.value,
+			"clip-behavior": e.clipBehavior
+		}, {
+			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"margin",
+			"decoration",
+			"clip-behavior"
+		]));
+	}
+}), Center_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Center",
 	props: {
@@ -884,12 +1045,12 @@ var GestureDetector_default = defineComponent({
 		heightFactor: {}
 	},
 	setup(e) {
-		return (S, C) => (openBlock(), createBlock(Align_default, {
+		return (C, w) => (openBlock(), createBlock(Align_default, {
 			alignment: "center",
 			"width-factor": e.widthFactor,
 			"height-factor": e.heightFactor
 		}, {
-			default: withCtx(() => [renderSlot(S.$slots, "default")]),
+			default: withCtx(() => [renderSlot(C.$slots, "default")]),
 			_: 3
 		}, 8, ["width-factor", "height-factor"]));
 	}
@@ -914,22 +1075,22 @@ var GestureDetector_default = defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		let S = e, C = useSafeAttrs(), w = computed(() => {
-			let e = ["flex-box", `flex-box-${S.direction}`];
-			return S.expanded && e.push("flex-expanded"), e.join(" ");
-		}), D = computed(() => {
-			let e = S.mainAxisAlignment, C = S.crossAxisAlignment, w = {
+		let C = e, w = useSafeAttrs(), T = computed(() => {
+			let e = ["flex-box", `flex-box-${C.direction}`];
+			return C.expanded && e.push("flex-expanded"), e.join(" ");
+		}), O = computed(() => {
+			let e = C.mainAxisAlignment, w = C.crossAxisAlignment, T = {
 				display: "flex",
-				flexDirection: S.direction,
-				flexWrap: S.wrap ? "wrap" : "nowrap"
+				flexDirection: C.direction,
+				flexWrap: C.wrap ? "wrap" : "nowrap"
 			};
-			return w.justifyContent = FlexBoxJustifyMap[e] || e, w.alignItems = FlexBoxAlignMap[C] || C, w.gap = px2vw(S.gap), S.expanded && (w.flex = "1", w.width = "100%", w.height = "100%"), S.constraints && Object.assign(w, boxConstraintsToStyle(S.constraints)), w;
+			return T.justifyContent = FlexBoxJustifyMap[e] || e, T.alignItems = FlexBoxAlignMap[w] || w, T.gap = px2vw(C.gap), C.expanded && (T.flex = "1", T.width = "100%", T.height = "100%"), C.constraints && Object.assign(T, boxConstraintsToStyle(C.constraints)), T;
 		});
-		return (S, T) => (openBlock(), createBlock(resolveDynamicComponent(e.as), mergeProps({
-			class: w.value,
-			style: D.value
-		}, unref(C)), {
-			default: withCtx(() => [renderSlot(S.$slots, "default")]),
+		return (C, E) => (openBlock(), createBlock(resolveDynamicComponent(e.as), mergeProps({
+			class: T.value,
+			style: O.value
+		}, unref(w)), {
+			default: withCtx(() => [renderSlot(C.$slots, "default")]),
 			_: 3
 		}, 16, ["class", "style"]));
 	}
@@ -947,7 +1108,7 @@ var GestureDetector_default = defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		return (S, C) => (openBlock(), createBlock(FlexBox_default, {
+		return (C, w) => (openBlock(), createBlock(FlexBox_default, {
 			direction: "column",
 			"main-axis-alignment": e.mainAxisAlignment,
 			"cross-axis-alignment": e.crossAxisAlignment,
@@ -955,7 +1116,7 @@ var GestureDetector_default = defineComponent({
 			gap: e.gap,
 			expanded: e.expanded
 		}, {
-			default: withCtx(() => [renderSlot(S.$slots, "default")]),
+			default: withCtx(() => [renderSlot(C.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"main-axis-alignment",
@@ -965,58 +1126,6 @@ var GestureDetector_default = defineComponent({
 			"expanded"
 		]));
 	}
-}), Container_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: !1,
-	__name: "Container",
-	props: {
-		width: {},
-		height: {},
-		padding: {},
-		margin: {},
-		decoration: {},
-		foregroundDecoration: {},
-		color: {},
-		alignment: {},
-		clipBehavior: { default: "none" },
-		transform: {},
-		transformAlignment: {},
-		constraints: {}
-	},
-	setup(e) {
-		let S = useStyles(), C = useSafeAttrs(), w = useGestureEvents(), E = computed(() => S.value.pointerEvents == "none" ? C.value : {
-			...C.value,
-			...w || {}
-		}), k = useGestureStyle(), A = e, j = computed(() => {
-			let e = {
-				backgroundColor: A.decoration ? void 0 : A.color,
-				transform: A.transform,
-				transformOrigin: A.transformAlignment ? alignmentToOrigin(A.transformAlignment) : "center",
-				overflow: A.clipBehavior === "none" ? void 0 : "hidden",
-				position: "relative"
-			};
-			Object.assign(e, S.value), A.alignment && (Object.assign(e, {
-				display: "flex",
-				flexDirection: "column"
-			}), Object.assign(e, alignmentToFlex(A.alignment, "column"))), Object.assign(e, sizeToStyle(A));
-			let C = boxConstraintsToStyle(A.constraints);
-			return isDefined(A.width) && (delete C.minWidth, delete C.maxWidth), isDefined(A.height) && (delete C.minHeight, delete C.maxHeight), Object.assign(e, C), Object.assign(e, paddingToStyle(A.padding)), Object.assign(e, marginToStyle(A.margin)), Object.assign(e, boxDecorationToStyle(A.decoration)), Object.assign(e, k), A.clipBehavior === "antiAlias" && (e.borderRadius = e.borderRadius || "inherit"), e;
-		}), M = computed(() => {
-			let e = {
-				position: "absolute",
-				pointerEvents: "none",
-				zIndex: 1,
-				inset: 0
-			};
-			return Object.assign(e, boxDecorationToStyle(A.foregroundDecoration)), e;
-		});
-		return (e, S) => (openBlock(), createElementBlock("div", mergeProps({
-			class: "container-box",
-			style: j.value
-		}, E.value), [renderSlot(e.$slots, "default"), A.foregroundDecoration ? (openBlock(), createElementBlock("div", {
-			key: 0,
-			style: normalizeStyle(M.value)
-		}, null, 4)) : createCommentVNode("", !0)], 16));
-	}
 }), FlexItem_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "FlexItem",
@@ -1035,22 +1144,22 @@ var GestureDetector_default = defineComponent({
 		maxSize: {}
 	},
 	setup(e) {
-		let S = e, C = useSafeAttrs(), w = computed(() => {
+		let C = e, w = useSafeAttrs(), T = computed(() => {
 			let e = {};
-			if (S.expanded ? e.flex = "1 1 0%" : (S.flexible && (e.flex = "0 1 auto"), S.flex > 0 && (e.flex = `${S.flex} 1 0%`)), S.alignSelf !== "auto" && (e.alignSelf = FlexBoxAlignMap[S.alignSelf] || S.alignSelf), S.minSize) {
-				let C = px2vw(S.minSize);
-				e.minWidth = C, e.minHeight = C;
+			if (C.expanded ? e.flex = "1 1 0%" : (C.flexible && (e.flex = "0 1 auto"), C.flex > 0 && (e.flex = `${C.flex} 1 0%`)), C.alignSelf !== "auto" && (e.alignSelf = FlexBoxAlignMap[C.alignSelf] || C.alignSelf), C.minSize) {
+				let w = px2vw(C.minSize);
+				e.minWidth = w, e.minHeight = w;
 			}
-			if (S.maxSize) {
-				let C = px2vw(S.maxSize);
-				e.maxWidth = C, e.maxHeight = C;
+			if (C.maxSize) {
+				let w = px2vw(C.maxSize);
+				e.maxWidth = w, e.maxHeight = w;
 			}
 			return e;
 		});
-		return (e, S) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, C) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "flex-item",
-			style: w.value
-		}, unref(C)), [renderSlot(e.$slots, "default")], 16));
+			style: T.value
+		}, unref(w)), [renderSlot(e.$slots, "default")], 16));
 	}
 }), Expanded_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1062,14 +1171,14 @@ var GestureDetector_default = defineComponent({
 		maxSize: {}
 	},
 	setup(e) {
-		return (S, C) => (openBlock(), createBlock(FlexItem_default, {
+		return (C, w) => (openBlock(), createBlock(FlexItem_default, {
 			flex: e.flex,
 			expanded: "",
 			"align-self": e.alignSelf,
 			"min-size": e.minSize,
 			"max-size": e.maxSize
 		}, {
-			default: withCtx(() => [renderSlot(S.$slots, "default")]),
+			default: withCtx(() => [renderSlot(C.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"flex",
@@ -1079,13 +1188,13 @@ var GestureDetector_default = defineComponent({
 		]));
 	}
 });
-function usePositionStyle(e, S = "absolute") {
+function usePositionStyle(e, C = "absolute") {
 	return computed(() => {
-		let C = {
-			position: S,
+		let w = {
+			position: C,
 			boxSizing: "border-box"
 		};
-		return C.top = px2vw(e.top), C.bottom = px2vw(e.bottom), C.left = px2vw(e.left), C.right = px2vw(e.right), C.width = px2vw(e.width), C.height = px2vw(e.height), C.zIndex = e.zIndex, C;
+		return w.top = px2vw(e.top), w.bottom = px2vw(e.bottom), w.left = px2vw(e.left), w.right = px2vw(e.right), w.width = px2vw(e.width), w.height = px2vw(e.height), w.zIndex = e.zIndex, w;
 	});
 }
 var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1101,10 +1210,10 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		zIndex: { default: 100 }
 	},
 	setup(e) {
-		let S = usePositionStyle(e, "fixed");
-		return (e, C) => (openBlock(), createElementBlock("div", {
+		let C = usePositionStyle(e, "fixed");
+		return (e, w) => (openBlock(), createElementBlock("div", {
 			class: "flutter-fixed",
-			style: normalizeStyle(unref(S))
+			style: normalizeStyle(unref(C))
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-b47757ec"]]), ScrollView_default = /* @__PURE__ */ defineComponent({
@@ -1125,8 +1234,8 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		"scrollStart",
 		"scrollEnd"
 	],
-	setup(e, { expose: S, emit: C }) {
-		let w = e, E = C, D = ref(), A = !1, j = null, M = computed(() => {
+	setup(e, { expose: C, emit: w }) {
+		let T = e, D = w, O = ref(), j = !1, M = null, N = computed(() => {
 			let e = {
 				width: "100%",
 				height: "100%",
@@ -1135,39 +1244,39 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 				scrollbarWidth: "none",
 				WebkitOverflowScrolling: "touch"
 			};
-			return w.physics === "never" ? e.overflow = "hidden" : (w.scrollDirection === "vertical" ? (e.overflowX = "hidden", e.overflowY = "auto") : (e.overflowX = "auto", e.overflowY = "hidden"), w.physics === "clamping" ? e.overscrollBehavior = "none" : w.physics === "bouncing" && (e.overscrollBehavior = "auto")), w.clipBehavior === "none" && w.physics === "never" && (e.overflow = "visible"), e;
-		}), N = computed(() => {
+			return T.physics === "never" ? e.overflow = "hidden" : (T.scrollDirection === "vertical" ? (e.overflowX = "hidden", e.overflowY = "auto") : (e.overflowX = "auto", e.overflowY = "hidden"), T.physics === "clamping" ? e.overscrollBehavior = "none" : T.physics === "bouncing" && (e.overscrollBehavior = "auto")), T.clipBehavior === "none" && T.physics === "never" && (e.overflow = "visible"), e;
+		}), P = computed(() => {
 			let e = {
-				minWidth: w.scrollDirection === "horizontal" ? "max-content" : "100%",
-				minHeight: w.scrollDirection === "vertical" ? "fit-content" : "100%",
+				minWidth: T.scrollDirection === "horizontal" ? "max-content" : "100%",
+				minHeight: T.scrollDirection === "vertical" ? "fit-content" : "100%",
 				boxSizing: "border-box",
 				display: "flow-root"
 			};
-			return w.padding && Object.assign(e, paddingToStyle(w.padding)), e;
-		}), P = (e) => {
-			let S = e.target;
-			A || (A = !0, E("scrollStart")), E("scroll", {
-				scrollTop: S.scrollTop,
-				scrollLeft: S.scrollLeft,
-				scrollHeight: S.scrollHeight,
-				scrollWidth: S.scrollWidth
-			}), j && clearTimeout(j), j = window.setTimeout(() => {
-				A = !1, E("scrollEnd");
+			return T.padding && Object.assign(e, paddingToStyle(T.padding)), e;
+		}), F = (e) => {
+			let C = e.target;
+			j || (j = !0, D("scrollStart")), D("scroll", {
+				scrollTop: C.scrollTop,
+				scrollLeft: C.scrollLeft,
+				scrollHeight: C.scrollHeight,
+				scrollWidth: C.scrollWidth
+			}), M && clearTimeout(M), M = window.setTimeout(() => {
+				j = !1, D("scrollEnd");
 			}, 150);
 		};
-		return S({
-			scrollRef: D,
+		return C({
+			scrollRef: O,
 			scrollTo: (e) => {
-				D.value?.scrollTo(e);
+				O.value?.scrollTo(e);
 			}
 		}), onUnmounted(() => {
-			j && clearTimeout(j);
-		}), (e, S) => (openBlock(), createElementBlock("div", {
+			M && clearTimeout(M);
+		}), (e, C) => (openBlock(), createElementBlock("div", {
 			ref_key: "scrollRef",
-			ref: D,
-			style: normalizeStyle(M.value),
-			onScroll: P
-		}, [createElementVNode("div", { style: normalizeStyle(N.value) }, [renderSlot(e.$slots, "default")], 4)], 36));
+			ref: O,
+			style: normalizeStyle(N.value),
+			onScroll: F
+		}, [createElementVNode("div", { style: normalizeStyle(P.value) }, [renderSlot(e.$slots, "default")], 4)], 36));
 	}
 }), GridView_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1188,36 +1297,36 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 		itemCount: {}
 	},
 	setup(e) {
-		let C = e, w = computed(() => ({
-			height: C.shrinkWrap ? "auto" : "100%",
-			width: C.shrinkWrap ? "auto" : "100%"
-		})), D = computed(() => {
-			let e = C.scrollDirection === "vertical", S = typeof C.mainAxisSpacing == "number" ? px2vw(C.mainAxisSpacing) : C.mainAxisSpacing, w = typeof C.crossAxisSpacing == "number" ? px2vw(C.crossAxisSpacing) : C.crossAxisSpacing;
+		let w = e, T = computed(() => ({
+			height: w.shrinkWrap ? "auto" : "100%",
+			width: w.shrinkWrap ? "auto" : "100%"
+		})), O = computed(() => {
+			let e = w.scrollDirection === "vertical", C = typeof w.mainAxisSpacing == "number" ? px2vw(w.mainAxisSpacing) : w.mainAxisSpacing, T = typeof w.crossAxisSpacing == "number" ? px2vw(w.crossAxisSpacing) : w.crossAxisSpacing;
 			return {
 				display: "grid",
-				gridTemplateColumns: e ? `repeat(${C.crossAxisCount}, 1fr)` : "none",
-				gridTemplateRows: e ? "none" : `repeat(${C.crossAxisCount}, 1fr)`,
+				gridTemplateColumns: e ? `repeat(${w.crossAxisCount}, 1fr)` : "none",
+				gridTemplateRows: e ? "none" : `repeat(${w.crossAxisCount}, 1fr)`,
 				gridAutoFlow: e ? "row" : "column",
-				gap: e ? `${S} ${w}` : `${w} ${S}`,
+				gap: e ? `${C} ${T}` : `${T} ${C}`,
 				minWidth: e ? "100%" : "max-content",
 				minHeight: e ? "max-content" : "100%"
 			};
 		});
-		return (C, T) => (openBlock(), createBlock(ScrollView_default, {
+		return (w, E) => (openBlock(), createBlock(ScrollView_default, {
 			"scroll-direction": e.scrollDirection,
 			padding: e.padding,
 			physics: e.physics,
 			"clip-behavior": e.clipBehavior,
 			class: "flutter-grid-view",
-			style: normalizeStyle(w.value)
+			style: normalizeStyle(T.value)
 		}, {
 			default: withCtx(() => [createElementVNode("div", {
 				class: "grid-view-content",
-				style: normalizeStyle(D.value)
-			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (e) => renderSlot(C.$slots, "item", {
+				style: normalizeStyle(O.value)
+			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (e) => renderSlot(w.$slots, "item", {
 				key: e - 1,
 				index: e - 1
-			})), 128)) : renderSlot(C.$slots, "default", { key: 0 })], 4)]),
+			})), 128)) : renderSlot(w.$slots, "default", { key: 0 })], 4)]),
 			_: 3
 		}, 8, [
 			"scroll-direction",
@@ -1240,11 +1349,11 @@ var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PUR
 			default: !1
 		}
 	},
-	setup(e, { slots: S }) {
-		return () => !e.ignoring && !e.ignoringSemantics ? S.default?.() : h(StyleProvider, {
+	setup(e, { slots: C }) {
+		return () => !e.ignoring && !e.ignoringSemantics ? C.default?.() : h(StyleProvider, {
 			style: { pointerEvents: e.ignoring ? "none" : void 0 },
 			attrs: { "aria-hidden": e.ignoringSemantics ? "true" : void 0 }
-		}, S);
+		}, C);
 	}
 }), IMAGE_PROVIDER_SYMBOL = Symbol("ImageProvider");
 function isImageProvider(e) {
@@ -1257,9 +1366,9 @@ function NetworkImage(e) {
 	};
 }
 function MemoryImage(e) {
-	let S = "";
-	return typeof e == "string" ? S = e : e instanceof Blob ? S = URL.createObjectURL(e) : console.warn("[MemoryImage] Unsupported data type. Expected string (base64) or Blob."), {
-		src: S,
+	let C = "";
+	return typeof e == "string" ? C = e : e instanceof Blob ? C = URL.createObjectURL(e) : console.warn("[MemoryImage] Unsupported data type. Expected string (base64) or Blob."), {
+		src: C,
 		[IMAGE_PROVIDER_SYMBOL]: !0
 	};
 }
@@ -1267,20 +1376,20 @@ var _assetBaseUrl = "/";
 function setAssetBaseURL(e) {
 	_assetBaseUrl = e;
 }
-function AssetImage(e, S = {}) {
-	let C = S.package ? `${S.package}/${e}` : e;
-	return /^(https?:|file:|blob:|data:|\/\/)/i.test(C) || _assetBaseUrl && (C = (_assetBaseUrl.endsWith("/") ? _assetBaseUrl : _assetBaseUrl + "/") + (C.startsWith("/") ? C.slice(1) : C)), {
-		src: C,
+function AssetImage(e, C = {}) {
+	let w = C.package ? `${C.package}/${e}` : e;
+	return /^(https?:|file:|blob:|data:|\/\/)/i.test(w) || _assetBaseUrl && (w = (_assetBaseUrl.endsWith("/") ? _assetBaseUrl : _assetBaseUrl + "/") + (w.startsWith("/") ? w.slice(1) : w)), {
+		src: w,
 		[IMAGE_PROVIDER_SYMBOL]: !0
 	};
 }
 function createAssetImage(e) {
-	return (S, C = {}) => AssetImage(S, {
+	return (C, w = {}) => AssetImage(C, {
 		...e,
-		...C
+		...w
 	});
 }
-var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var _hoisted_1$3 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Image",
 	props: {
@@ -1297,8 +1406,8 @@ var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		alt: { default: "" }
 	},
 	emits: ["load", "error"],
-	setup(e, { emit: S }) {
-		let C = e, w = S, E = useSafeAttrs(), D = computed(() => {
+	setup(e, { emit: C }) {
+		let w = e, T = C, D = useSafeAttrs(), O = computed(() => {
 			let e = {
 				position: "relative",
 				display: "inline-block",
@@ -1306,10 +1415,10 @@ var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 				lineHeight: 0
 			};
 			return Object.assign(e, sizeToStyle({
-				width: C.width,
-				height: C.height
+				width: w.width,
+				height: w.height
 			})), e;
-		}), A = {
+		}), j = {
 			fill: "fill",
 			contain: "contain",
 			cover: "cover",
@@ -1317,30 +1426,30 @@ var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 			fitHeight: "contain",
 			none: "none",
 			scaleDown: "scale-down"
-		}, j = computed(() => alignmentToOrigin(C.alignment)), M = computed(() => {
+		}, M = computed(() => alignmentToOrigin(w.alignment)), N = computed(() => {
 			let e = {
 				width: "100%",
 				height: "100%",
-				objectFit: A[C.fit],
-				objectPosition: j.value,
-				opacity: C.opacity,
-				imageRendering: C.filterQuality === "low" ? "pixelated" : "auto"
+				objectFit: j[w.fit],
+				objectPosition: M.value,
+				opacity: w.opacity,
+				imageRendering: w.filterQuality === "low" ? "pixelated" : "auto"
 			};
-			return C.color, e;
-		}), N = (e) => w("load", e), P = (e) => w("error", e);
-		return (S, w) => (openBlock(), createElementBlock("div", mergeProps({
+			return w.color, e;
+		}), P = (e) => T("load", e), F = (e) => T("error", e);
+		return (C, T) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "fluekit-image-container",
-			style: D.value
-		}, unref(E)), [createElementVNode("img", {
-			src: C.image.src,
+			style: O.value
+		}, unref(D)), [createElementVNode("img", {
+			src: w.image.src,
 			class: "fluekit-image",
-			style: normalizeStyle(M.value),
+			style: normalizeStyle(N.value),
 			alt: e.alt,
-			onLoad: N,
-			onError: P
-		}, null, 44, _hoisted_1$2)], 16));
+			onLoad: P,
+			onError: F
+		}, null, 44, _hoisted_1$3)], 16));
 	}
-}), [["__scopeId", "data-v-9d37b792"]]), _hoisted_1$1 = {
+}), [["__scopeId", "data-v-ce382550"]]), _hoisted_1$2 = {
 	key: 0,
 	class: "list-view-separator"
 }, ListView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1363,11 +1472,11 @@ var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		clipBehavior: { default: "hardEdge" }
 	},
 	setup(e) {
-		let C = e, w = computed(() => ({
-			height: C.shrinkWrap ? "auto" : "100%",
-			width: C.shrinkWrap ? "auto" : "100%"
-		})), A = computed(() => {
-			let e = C.scrollDirection === "vertical";
+		let w = e, T = computed(() => ({
+			height: w.shrinkWrap ? "auto" : "100%",
+			width: w.shrinkWrap ? "auto" : "100%"
+		})), j = computed(() => {
+			let e = w.scrollDirection === "vertical";
 			return {
 				display: "flex",
 				flexDirection: e ? "column" : "row",
@@ -1375,18 +1484,18 @@ var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 				minWidth: e ? "100%" : "max-content"
 			};
 		});
-		return (C, T) => (openBlock(), createBlock(ScrollView_default, {
+		return (w, E) => (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(w.value)
+			style: normalizeStyle(T.value)
 		}, {
 			default: withCtx(() => [createElementVNode("div", {
 				class: "list-view-content",
-				style: normalizeStyle(A.value)
-			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (w) => (openBlock(), createElementBlock(Fragment, { key: w - 1 }, [renderSlot(C.$slots, "item", { index: w - 1 }, void 0, !0), e.separator && w < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(C.$slots, "separator", { index: w - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(C.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
+				style: normalizeStyle(j.value)
+			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (T) => (openBlock(), createElementBlock(Fragment, { key: T - 1 }, [renderSlot(w.$slots, "item", { index: T - 1 }, void 0, !0), e.separator && T < e.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(w.$slots, "separator", { index: T - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(w.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
 			_: 3
 		}, 8, [
 			"scroll-direction",
@@ -1404,9 +1513,9 @@ var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 		type: Number,
 		default: void 0
 	} },
-	setup(e, { slots: S }) {
-		let C = computed(() => e.opacity === void 0 ? {} : { opacity: Math.max(0, Math.min(1, e.opacity)) });
-		return () => h(StyleProvider, { style: C.value }, S);
+	setup(e, { slots: C }) {
+		let w = computed(() => e.opacity === void 0 ? {} : { opacity: Math.max(0, Math.min(1, e.opacity)) });
+		return () => h(StyleProvider, { style: w.value }, C);
 	}
 }), Padding_default = defineComponent({
 	name: "Padding",
@@ -1437,10 +1546,10 @@ var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_
 			default: void 0
 		}
 	},
-	setup(e, { slots: S }) {
+	setup(e, { slots: C }) {
 		return () => {
-			let C = useChild(S.default);
-			return C ? cloneVNode(C, { style: edgeInsetsToStyle("padding", e) }) : null;
+			let w = useChild(C.default);
+			return w ? cloneVNode(w, { style: edgeInsetsToStyle("padding", e) }) : null;
 		};
 	}
 }), STACK_CONTEXT_KEY = "stackContext";
@@ -1460,14 +1569,14 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		height: {}
 	},
 	setup(e) {
-		let S = e, C = useStackContext();
+		let C = e, w = useStackContext();
 		onMounted(() => {
-			C || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
+			w || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
 		});
-		let w = usePositionStyle(S, "absolute");
-		return (e, S) => (openBlock(), createElementBlock("div", {
+		let T = usePositionStyle(C, "absolute");
+		return (e, C) => (openBlock(), createElementBlock("div", {
 			class: "positioned",
-			style: normalizeStyle(unref(w))
+			style: normalizeStyle(unref(T))
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), Row_default = /* @__PURE__ */ defineComponent({
@@ -1490,7 +1599,7 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		constraints: {}
 	},
 	setup(e) {
-		return (S, C) => (openBlock(), createBlock(FlexBox_default, {
+		return (C, w) => (openBlock(), createBlock(FlexBox_default, {
 			direction: "row",
 			"main-axis-alignment": e.mainAxisAlignment,
 			"cross-axis-alignment": e.crossAxisAlignment,
@@ -1499,7 +1608,7 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 			as: e.as,
 			expanded: e.expanded
 		}, {
-			default: withCtx(() => [renderSlot(S.$slots, "default")]),
+			default: withCtx(() => [renderSlot(C.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"main-axis-alignment",
@@ -1537,18 +1646,18 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(e) {
-		let S = e, C = computed(() => {
+		let C = e, w = computed(() => {
 			let e = {
 				display: "flex",
 				flexDirection: "column",
 				width: "100%",
 				height: "100%"
 			};
-			return S.top && [].push("env(safe-area-inset-top)"), S.right && [].push("env(safe-area-inset-right)"), S.bottom && [].push("env(safe-area-inset-bottom)"), S.left && [].push("env(safe-area-inset-left)"), S.top && (e.paddingTop = "env(safe-area-inset-top)"), S.right && (e.paddingRight = "env(safe-area-inset-right)"), S.bottom && (e.paddingBottom = "env(safe-area-inset-bottom)"), S.left && (e.paddingLeft = "env(safe-area-inset-left)"), S.minimum, e;
+			return C.top && [].push("env(safe-area-inset-top)"), C.right && [].push("env(safe-area-inset-right)"), C.bottom && [].push("env(safe-area-inset-bottom)"), C.left && [].push("env(safe-area-inset-left)"), C.top && (e.paddingTop = "env(safe-area-inset-top)"), C.right && (e.paddingRight = "env(safe-area-inset-right)"), C.bottom && (e.paddingBottom = "env(safe-area-inset-bottom)"), C.left && (e.paddingLeft = "env(safe-area-inset-left)"), C.minimum, e;
 		});
-		return (e, S) => (openBlock(), createElementBlock("div", {
+		return (e, C) => (openBlock(), createElementBlock("div", {
 			class: "flutter-safe-area",
-			style: normalizeStyle(C.value)
+			style: normalizeStyle(w.value)
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), SizedBox_default = /* @__PURE__ */ defineComponent({
@@ -1559,17 +1668,17 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		height: {}
 	},
 	setup(e) {
-		let S = e, C = useSafeAttrs(), w = useSlots(), E = computed(() => {
+		let C = e, w = useSafeAttrs(), T = useSlots(), D = computed(() => {
 			let e = {
 				boxSizing: "border-box",
 				position: "relative"
 			};
-			return Object.assign(e, sizeToStyle(S)), w.default && (e.display = "flex", e.flexDirection = "column", e.flexShrink = 0), e;
+			return Object.assign(e, sizeToStyle(C)), T.default && (e.display = "flex", e.flexDirection = "column", e.flexShrink = 0), e;
 		});
-		return (e, S) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, C) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "sized-box",
-			style: E.value
-		}, unref(C)), [renderSlot(e.$slots, "default")], 16));
+			style: D.value
+		}, unref(w)), [renderSlot(e.$slots, "default")], 16));
 	}
 }), Stack_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1581,27 +1690,27 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		fit: { default: StackFit.loose }
 	},
 	setup(e) {
-		let S = e, C = {
+		let C = e, w = {
 			clip: "hidden",
 			hardEdge: "hidden",
 			antiAlias: "hidden",
 			none: "visible"
-		}, w = computed(() => {
+		}, T = computed(() => {
 			let e = {
 				position: "relative",
 				display: "grid",
 				gridTemplateColumns: "1fr",
 				gridTemplateRows: "1fr",
-				...alignmentToGrid(S.alignment),
-				overflow: C[S.clipBehavior],
-				direction: S.textDirection,
+				...alignmentToGrid(C.alignment),
+				overflow: w[C.clipBehavior],
+				direction: C.textDirection,
 				boxSizing: "border-box"
 			};
-			return S.fit === StackFit.expand && (e.width = "100%", e.height = "100%"), e;
+			return C.fit === StackFit.expand && (e.width = "100%", e.height = "100%"), e;
 		});
-		return provideStackContext(), (e, S) => (openBlock(), createElementBlock("div", {
+		return provideStackContext(), (e, C) => (openBlock(), createElementBlock("div", {
 			class: "flutter-stack",
-			style: normalizeStyle(w.value)
+			style: normalizeStyle(T.value)
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-aefe47c2"]]), Sticky_default = /* @__PURE__ */ defineComponent({
@@ -1617,10 +1726,10 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		zIndex: { default: 10 }
 	},
 	setup(e) {
-		let S = usePositionStyle(e, "sticky");
-		return (e, C) => (openBlock(), createElementBlock("div", {
+		let C = usePositionStyle(e, "sticky");
+		return (e, w) => (openBlock(), createElementBlock("div", {
 			class: "flutter-sticky",
-			style: normalizeStyle(unref(S))
+			style: normalizeStyle(unref(C))
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
 });
@@ -1642,36 +1751,36 @@ let FontWeight = /* @__PURE__ */ function(e) {
 	return e.rtl = "rtl", e.ltr = "ltr", e;
 }({});
 var TEXT_STYLE_SYMBOL = Symbol("textStyle");
-function buildFontFamily(e, S, C) {
-	let w = e;
-	return S && w && (w = `packages/${S}/${w}`), C && C.length > 0 ? [w, ...C].filter(Boolean).join(", ") : w;
+function buildFontFamily(e, C, w) {
+	let T = e;
+	return C && T && (T = `packages/${C}/${T}`), w && w.length > 0 ? [T, ...w].filter(Boolean).join(", ") : T;
 }
 function toCSSStyle(e = {}) {
-	let S = {};
-	S.margin = 0, S.padding = 0, S.border = "none", S.fontSmooth = "antialiased", S.MozOsxFontSmoothing = "grayscale", S.textRendering = "optimizeLegibility", S.wordBreak = "break-word", S.overflowWrap = "break-word", S.transition = "all 0.2s ease-in-out", e.foreground ? Object.assign(S, e.foreground) : e.color && (S.color = e.color), e.background ? Object.assign(S, e.background) : e.backgroundColor && (S.backgroundColor = e.backgroundColor), e.fontSize && (S.fontSize = typeof e.fontSize == "number" ? px2vw(e.fontSize) : e.fontSize), e.fontWeight && (S.fontWeight = e.fontWeight.toString()), e.fontStyle && (S.fontStyle = e.fontStyle);
-	let C = buildFontFamily(e.fontFamily, e.package, e.fontFamilyFallback);
-	if (C && (S.fontFamily = C), e.letterSpacing && (S.letterSpacing = px2vw(e.letterSpacing)), e.wordSpacing && (S.wordSpacing = px2vw(e.wordSpacing)), e.height && (S.lineHeight = e.height.toString()), e.decoration && (S.textDecoration = e.decoration), e.decorationColor && (S.textDecorationColor = e.decorationColor), e.decorationStyle && (S.textDecorationStyle = e.decorationStyle), e.decorationThickness && (S.textDecorationThickness = px2vw(e.decorationThickness)), e.overflow) switch (e.overflow) {
+	let C = {};
+	C.margin = 0, C.padding = 0, C.border = "none", C.fontSmooth = "antialiased", C.MozOsxFontSmoothing = "grayscale", C.textRendering = "optimizeLegibility", C.wordBreak = "break-word", C.overflowWrap = "break-word", C.transition = "all 0.2s ease-in-out", e.foreground ? Object.assign(C, e.foreground) : e.color && (C.color = e.color), e.background ? Object.assign(C, e.background) : e.backgroundColor && (C.backgroundColor = e.backgroundColor), e.fontSize && (C.fontSize = typeof e.fontSize == "number" ? px2vw(e.fontSize) : e.fontSize), e.fontWeight && (C.fontWeight = e.fontWeight.toString()), e.fontStyle && (C.fontStyle = e.fontStyle);
+	let w = buildFontFamily(e.fontFamily, e.package, e.fontFamilyFallback);
+	if (w && (C.fontFamily = w), e.letterSpacing && (C.letterSpacing = px2vw(e.letterSpacing)), e.wordSpacing && (C.wordSpacing = px2vw(e.wordSpacing)), e.height && (C.lineHeight = e.height.toString()), e.decoration && (C.textDecoration = e.decoration), e.decorationColor && (C.textDecorationColor = e.decorationColor), e.decorationStyle && (C.textDecorationStyle = e.decorationStyle), e.decorationThickness && (C.textDecorationThickness = px2vw(e.decorationThickness)), e.overflow) switch (e.overflow) {
 		case TextOverflow.ellipsis:
-			S.overflow = "hidden", S.textOverflow = "ellipsis", S.whiteSpace = "nowrap";
+			C.overflow = "hidden", C.textOverflow = "ellipsis", C.whiteSpace = "nowrap";
 			break;
 		case TextOverflow.clip:
-			S.overflow = "hidden";
+			C.overflow = "hidden";
 			break;
 		case TextOverflow.visible:
-			S.overflow = "visible";
+			C.overflow = "visible";
 			break;
 		case TextOverflow.fade:
-			S.overflow = "hidden", S.whiteSpace = "nowrap", S.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
+			C.overflow = "hidden", C.whiteSpace = "nowrap", C.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
 			break;
 	}
-	return e.shadows && e.shadows.length > 0 && (S.textShadow = e.shadows.map((e) => {
-		let S = e.offsetX || 0, C = e.offsetY || 0, w = e.blurRadius || 0, T = e.color || "rgba(0,0,0,0.5)";
-		return `${px2vw(S)} ${px2vw(C)} ${px2vw(w)} ${T}`;
-	}).join(", ")), e.fontFeatures && (S.fontFeatureSettings = JSON.stringify(e.fontFeatures)), e.fontVariations && (S.fontVariationSettings = JSON.stringify(e.fontVariations)), S;
+	return e.shadows && e.shadows.length > 0 && (C.textShadow = e.shadows.map((e) => {
+		let C = e.offsetX || 0, w = e.offsetY || 0, T = e.blurRadius || 0, E = e.color || "rgba(0,0,0,0.5)";
+		return `${px2vw(C)} ${px2vw(w)} ${px2vw(T)} ${E}`;
+	}).join(", ")), e.fontFeatures && (C.fontFeatureSettings = JSON.stringify(e.fontFeatures)), e.fontVariations && (C.fontVariationSettings = JSON.stringify(e.fontVariations)), C;
 }
-function TextStyle(e = {}, S = {}) {
+function TextStyle(e = {}, C = {}) {
 	return {
-		...S,
+		...C,
 		...e,
 		[TEXT_STYLE_SYMBOL]: !0
 	};
@@ -1697,16 +1806,16 @@ var Text_default = /* @__PURE__ */ defineComponent({
 		tag: { default: "span" }
 	},
 	setup(e) {
-		let S = useStyles(), C = e, w = useGestureEvents(), D = computed(() => S.value.pointerEvents == "none" ? {} : w || {}), O = computed(() => {
-			let e = C.data;
+		let C = useStyles(), w = e, T = useGestureEvents(), O = computed(() => C.value.pointerEvents == "none" ? {} : T || {}), k = computed(() => {
+			let e = w.data;
 			return !isUndefined(e) && e != null ? e.toString() : "";
-		}), k = useGestureStyle(), A = computed(() => {
-			let e = C.style ? toCSSStyle(C.style) : {};
-			C.textAlign && (e.textAlign = C.textAlign), C.textDirection && (e.direction = C.textDirection), C.softWrap === !1 && (e.whiteSpace = "nowrap");
-			let S = C.overflow ?? C.style?.overflow;
-			if (S) switch (S) {
+		}), A = useGestureStyle(), j = computed(() => {
+			let e = w.style ? toCSSStyle(w.style) : {};
+			w.textAlign && (e.textAlign = w.textAlign), w.textDirection && (e.direction = w.textDirection), w.softWrap === !1 && (e.whiteSpace = "nowrap");
+			let C = w.overflow ?? w.style?.overflow;
+			if (C) switch (C) {
 				case TextOverflow.ellipsis:
-					e.textOverflow = "ellipsis", e.overflow = "hidden", C.softWrap === !1 && (e.whiteSpace = "nowrap");
+					e.textOverflow = "ellipsis", e.overflow = "hidden", w.softWrap === !1 && (e.whiteSpace = "nowrap");
 					break;
 				case TextOverflow.clip:
 					e.overflow = "hidden", e.textOverflow = "clip";
@@ -1718,10 +1827,10 @@ var Text_default = /* @__PURE__ */ defineComponent({
 					e.overflow = "hidden", e.whiteSpace = "nowrap", e.maskImage = "linear-gradient(to right, black 80%, transparent 100%)", e.WebkitMaskImage = "linear-gradient(to right, black 80%, transparent 100%)";
 					break;
 			}
-			return C.maxLines && C.maxLines > 0 ? (e.overflow = "hidden", e.display = "-webkit-box", e.WebkitBoxOrient = "vertical", e.WebkitLineClamp = C.maxLines.toString(), C.softWrap !== !1 && (e.whiteSpace = "normal")) : e.display ||= C.tag === "span" ? "inline-block" : "block", Object.assign(e, k), e;
+			return w.maxLines && w.maxLines > 0 ? (e.overflow = "hidden", e.display = "-webkit-box", e.WebkitBoxOrient = "vertical", e.WebkitLineClamp = w.maxLines.toString(), w.softWrap !== !1 && (e.whiteSpace = "normal")) : e.display ||= w.tag === "span" ? "inline-block" : "block", Object.assign(e, A), e;
 		});
-		return (S, C) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), mergeProps({ style: A.value }, D.value), {
-			default: withCtx(() => [renderSlot(S.$slots, "default", {}, () => [createTextVNode(toDisplayString(O.value), 1)])]),
+		return (C, w) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), mergeProps({ style: j.value }, O.value), {
+			default: withCtx(() => [renderSlot(C.$slots, "default", {}, () => [createTextVNode(toDisplayString(k.value), 1)])]),
 			_: 3
 		}, 16, ["style"]));
 	}
@@ -1746,7 +1855,7 @@ function UnderlineInputBorder(e = {}) {
 		isOutline: !1
 	};
 }
-var _hoisted_1 = {
+var _hoisted_1$1 = {
 	key: 1,
 	class: "fluekit-input-suffix"
 }, _hoisted_2 = {
@@ -1801,78 +1910,78 @@ var _hoisted_1 = {
 		"blur",
 		"submit"
 	],
-	setup(e, { emit: S }) {
-		let C = e, w = S, A = ref(null), M = ref(!1), N = ref(null), P = ref(0), V = null, H = () => {
-			let e = A.value;
+	setup(e, { emit: C }) {
+		let w = e, T = C, j = ref(null), N = ref(!1), P = ref(null), F = ref(0), I = null, H = () => {
+			let e = j.value;
 			if (!e || !U.value) return;
-			if (!C.autoGrow) {
+			if (!w.autoGrow) {
 				e.style.height = "", e.style.minHeight = "", e.style.maxHeight = "";
 				return;
 			}
-			let S = window.getComputedStyle(e), w = parseFloat(S.lineHeight || "0") || parseFloat(S.fontSize || "16") * 1.2, T = (C.minLines || 1) * w;
-			if (e.style.minHeight = `${Math.round(T)}px`, C.maxLines && C.maxLines > 1) {
-				let S = C.maxLines * w;
-				e.style.maxHeight = `${Math.round(S)}px`;
+			let C = window.getComputedStyle(e), T = parseFloat(C.lineHeight || "0") || parseFloat(C.fontSize || "16") * 1.2, E = (w.minLines || 1) * T;
+			if (e.style.minHeight = `${Math.round(E)}px`, w.maxLines && w.maxLines > 1) {
+				let C = w.maxLines * T;
+				e.style.maxHeight = `${Math.round(C)}px`;
 			} else e.style.maxHeight = "";
-			e.style.height = "auto", e.style.height = `${Math.max(Math.round(T), e.scrollHeight)}px`;
+			e.style.height = "auto", e.style.height = `${Math.max(Math.round(E), e.scrollHeight)}px`;
 		};
 		onMounted(() => {
-			N.value && (V = new ResizeObserver(() => {
-				P.value = Math.round(N.value.getBoundingClientRect().width);
-			}), V.observe(N.value), P.value = Math.round(N.value.getBoundingClientRect().width)), nextTick(H);
+			P.value && (I = new ResizeObserver(() => {
+				F.value = Math.round(P.value.getBoundingClientRect().width);
+			}), I.observe(P.value), F.value = Math.round(P.value.getBoundingClientRect().width)), nextTick(H);
 		}), onBeforeUnmount(() => {
-			V &&= (V.disconnect(), null);
+			I &&= (I.disconnect(), null);
 		});
-		let U = computed(() => C.maxLines === null || C.maxLines > 1 || C.keyboardType === "multiline"), W = computed(() => {
-			if (!U.value) return C.obscureText ? "password" : C.keyboardType === "number" ? "number" : "text";
-		}), G = computed(() => M.value || C.modelValue !== "" && C.modelValue !== null && C.modelValue !== void 0), K = computed(() => C.decoration?.labelText && !G.value ? "" : C.decoration?.hintText || "");
-		watch(() => C.modelValue, () => nextTick(H)), watch(U, (e) => e && nextTick(H)), watch(() => C.maxLines, () => nextTick(H)), watch(() => C.minLines, () => nextTick(H)), watch(() => C.autoGrow, () => nextTick(H));
-		let q = computed(() => C.decoration?.errorText && C.decoration.errorBorder ? C.decoration.errorBorder : !C.enabled && C.decoration?.disabledBorder ? C.decoration.disabledBorder : M.value && C.decoration?.focusedBorder ? C.decoration.focusedBorder : C.enabled && C.decoration?.enabledBorder ? C.decoration.enabledBorder : C.decoration?.border), J = computed(() => {
+		let U = computed(() => w.maxLines === null || w.maxLines > 1 || w.keyboardType === "multiline"), W = computed(() => {
+			if (!U.value) return w.obscureText ? "password" : w.keyboardType === "number" ? "number" : "text";
+		}), G = computed(() => N.value || w.modelValue !== "" && w.modelValue !== null && w.modelValue !== void 0), K = computed(() => w.decoration?.labelText && !G.value ? "" : w.decoration?.hintText || "");
+		watch(() => w.modelValue, () => nextTick(H)), watch(U, (e) => e && nextTick(H)), watch(() => w.maxLines, () => nextTick(H)), watch(() => w.minLines, () => nextTick(H)), watch(() => w.autoGrow, () => nextTick(H));
+		let q = computed(() => w.decoration?.errorText && w.decoration.errorBorder ? w.decoration.errorBorder : !w.enabled && w.decoration?.disabledBorder ? w.decoration.disabledBorder : N.value && w.decoration?.focusedBorder ? w.decoration.focusedBorder : w.enabled && w.decoration?.enabledBorder ? w.decoration.enabledBorder : w.decoration?.border), J = computed(() => {
 			let e = {
 				display: "flex",
 				alignItems: U.value ? "flex-start" : "center",
 				position: "relative",
 				transition: "all 0.2s ease"
-			}, S = q.value || UnderlineInputBorder();
-			if (S.isOutline) {
-				let C = S.borderSide || BorderSide({
+			}, C = q.value || UnderlineInputBorder();
+			if (C.isOutline) {
+				let w = C.borderSide || BorderSide({
 					width: 1,
 					color: "#888"
-				}), w = S.borderRadius || BorderRadius.all(4);
-				Object.assign(e, borderSideToStyle(C)), Object.assign(e, borderRadiusToStyle(w)), e.padding = "8px 12px";
+				}), T = C.borderRadius || BorderRadius.all(4);
+				Object.assign(e, borderSideToStyle(w)), Object.assign(e, borderRadiusToStyle(T)), e.padding = "8px 12px";
 			} else {
-				let C = S.borderSide || BorderSide({
+				let w = C.borderSide || BorderSide({
 					width: 1,
 					color: "#888"
 				});
-				e.borderBottom = `${C.width}px ${C.style || "solid"} ${C.color}`, e.borderRadius = "0", e.padding = "4px 0";
+				e.borderBottom = `${w.width}px ${w.style || "solid"} ${w.color}`, e.borderRadius = "0", e.padding = "4px 0";
 			}
-			return C.decoration?.filled && (e.backgroundColor = C.decoration.fillColor || "#f0f0f0"), e;
+			return w.decoration?.filled && (e.backgroundColor = w.decoration.fillColor || "#f0f0f0"), e;
 		}), Y = computed(() => {
-			let e = { ...toCSSStyle(C.style) };
-			return C.cursorColor && (e.caretColor = C.cursorColor), C.textAlign && (e.textAlign = C.textAlign), e;
+			let e = { ...toCSSStyle(w.style) };
+			return w.cursorColor && (e.caretColor = w.cursorColor), w.textAlign && (e.textAlign = w.textAlign), e;
 		}), X = computed(() => {
 			let e = {
 				position: "absolute",
-				left: `${(q.value?.isOutline ? 12 : 0) + (P.value || 0)}px`,
+				left: `${(q.value?.isOutline ? 12 : 0) + (F.value || 0)}px`,
 				top: q.value?.isOutline ? "50%" : "0",
 				transform: "translateY(-50%)",
 				pointerEvents: "none",
 				transition: "all 0.2s ease",
 				color: "#666",
-				...toCSSStyle(C.decoration?.labelStyle)
+				...toCSSStyle(w.decoration?.labelStyle)
 			};
-			return G.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", M.value && (e.color = "#2196F3")), e;
+			return G.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", N.value && (e.color = "#2196F3")), e;
 		}), Z = (e) => {
-			let S = e.target;
-			w("update:modelValue", S.value), nextTick(H);
+			let C = e.target;
+			T("update:modelValue", C.value), nextTick(H);
 		}, Q = (e) => {
-			M.value = !0, w("focus", e);
+			N.value = !0, T("focus", e);
 		}, $ = (e) => {
-			M.value = !1, w("blur", e);
+			N.value = !1, T("blur", e);
 		};
-		return (S, C) => (openBlock(), createElementBlock("div", { class: normalizeClass(["fluekit-text-field", {
-			"is-focused": M.value,
+		return (C, w) => (openBlock(), createElementBlock("div", { class: normalizeClass(["fluekit-text-field", {
+			"is-focused": N.value,
 			"is-disabled": !e.enabled,
 			"has-error": !!e.decoration?.errorText
 		}]) }, [
@@ -1885,15 +1994,15 @@ var _hoisted_1 = {
 				class: "fluekit-input-container",
 				style: normalizeStyle(J.value)
 			}, [
-				S.$slots.prefix || e.decoration?.prefixText ? (openBlock(), createElementBlock("div", {
+				C.$slots.prefix || e.decoration?.prefixText ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: "fluekit-input-prefix",
 					ref_key: "prefixRef",
-					ref: N
-				}, [renderSlot(S.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(e.decoration?.prefixText), 1)], !0)], 512)) : createCommentVNode("", !0),
+					ref: P
+				}, [renderSlot(C.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(e.decoration?.prefixText), 1)], !0)], 512)) : createCommentVNode("", !0),
 				(openBlock(), createBlock(resolveDynamicComponent(U.value ? "textarea" : "input"), mergeProps({
 					ref_key: "inputRef",
-					ref: A,
+					ref: j,
 					class: "fluekit-input-element",
 					value: e.modelValue,
 					disabled: !e.enabled,
@@ -1906,7 +2015,7 @@ var _hoisted_1 = {
 					autocapitalize: e.textCapitalization,
 					enterkeyhint: e.textInputAction,
 					autocorrect: e.autocorrect ? "on" : "off"
-				}, S.$attrs, {
+				}, C.$attrs, {
 					onInput: Z,
 					onFocus: Q,
 					onBlur: $
@@ -1923,7 +2032,7 @@ var _hoisted_1 = {
 					"enterkeyhint",
 					"autocorrect"
 				])),
-				S.$slots.suffix || e.decoration?.suffixText ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(S.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(e.decoration?.suffixText), 1)], !0)])) : createCommentVNode("", !0)
+				C.$slots.suffix || e.decoration?.suffixText ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(C.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(e.decoration?.suffixText), 1)], !0)])) : createCommentVNode("", !0)
 			], 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,
@@ -1936,16 +2045,16 @@ var _hoisted_1 = {
 	__name: "TextArea",
 	props: { maxLines: { default: 4 } },
 	setup(e) {
-		return (S, C) => (openBlock(), createBlock(TextField_default, mergeProps(S.$attrs, {
+		return (C, w) => (openBlock(), createBlock(TextField_default, mergeProps(C.$attrs, {
 			"max-lines": e.maxLines,
 			"keyboard-type": "multiline"
-		}), createSlots({ _: 2 }, [S.$slots.prefix ? {
+		}), createSlots({ _: 2 }, [C.$slots.prefix ? {
 			name: "prefix",
-			fn: withCtx(() => [renderSlot(S.$slots, "prefix")]),
+			fn: withCtx(() => [renderSlot(C.$slots, "prefix")]),
 			key: "0"
-		} : void 0, S.$slots.suffix ? {
+		} : void 0, C.$slots.suffix ? {
 			name: "suffix",
-			fn: withCtx(() => [renderSlot(S.$slots, "suffix")]),
+			fn: withCtx(() => [renderSlot(C.$slots, "suffix")]),
 			key: "1"
 		} : void 0]), 1040, ["max-lines"]));
 	}
@@ -1958,18 +2067,18 @@ var _hoisted_1 = {
 		origin: {}
 	},
 	setup(e) {
-		let S = e, C = computed(() => {
+		let C = e, w = computed(() => {
 			let e = {
-				transform: S.transform,
+				transform: C.transform,
 				display: "flex",
 				flexDirection: "column",
 				flexShrink: 0
 			};
-			return S.origin ? e.transformOrigin = S.origin : S.alignment && (e.transformOrigin = alignmentToOrigin(S.alignment)), e;
+			return C.origin ? e.transformOrigin = C.origin : C.alignment && (e.transformOrigin = alignmentToOrigin(C.alignment)), e;
 		});
-		return (e, S) => (openBlock(), createElementBlock("div", {
+		return (e, C) => (openBlock(), createElementBlock("div", {
 			class: "flutter-transform",
-			style: normalizeStyle(C.value)
+			style: normalizeStyle(w.value)
 		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-7e66ebaa"]]), Wrap_default = /* @__PURE__ */ defineComponent({
@@ -1986,32 +2095,671 @@ var _hoisted_1 = {
 		clipBehavior: { default: "none" }
 	},
 	setup(e) {
-		let S = e, C = {
+		let C = e, w = {
 			start: "flex-start",
 			end: "flex-end",
 			center: "center",
 			spaceBetween: "space-between",
 			spaceAround: "space-around",
 			spaceEvenly: "space-evenly"
-		}, w = {
+		}, T = {
 			start: "flex-start",
 			end: "flex-end",
 			center: "center"
-		}, E = computed(() => ({
+		}, D = computed(() => ({
 			display: "flex",
 			flexWrap: "wrap",
-			flexDirection: S.direction === "horizontal" ? S.verticalDirection === "down" ? "row" : "row-reverse" : S.verticalDirection === "down" ? "column" : "column-reverse",
-			justifyContent: C[S.alignment],
-			alignContent: C[S.runAlignment],
-			alignItems: w[S.crossAxisAlignment],
-			gap: `${px2vw(S.runSpacing)} ${px2vw(S.spacing)}`,
-			overflow: S.clipBehavior === "none" ? "visible" : "hidden"
+			flexDirection: C.direction === "horizontal" ? C.verticalDirection === "down" ? "row" : "row-reverse" : C.verticalDirection === "down" ? "column" : "column-reverse",
+			justifyContent: w[C.alignment],
+			alignContent: w[C.runAlignment],
+			alignItems: T[C.crossAxisAlignment],
+			gap: `${px2vw(C.runSpacing)} ${px2vw(C.spacing)}`,
+			overflow: C.clipBehavior === "none" ? "visible" : "hidden"
 		}));
-		return (e, S) => (openBlock(), createElementBlock("div", {
+		return (e, C) => (openBlock(), createElementBlock("div", {
 			class: "flutter-wrap",
-			style: normalizeStyle(E.value)
+			style: normalizeStyle(D.value)
 		}, [renderSlot(e.$slots, "default")], 4));
 	}
-});
+}), Divider_default = /* @__PURE__ */ defineComponent({
+	__name: "Divider",
+	props: {
+		height: { default: 16 },
+		thickness: { default: 1 },
+		indent: { default: 0 },
+		endIndent: { default: 0 },
+		color: { default: "#e0e0e0" },
+		vertical: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let C = e, w = computed(() => C.vertical ? EdgeInsets.only({
+			top: C.indent,
+			bottom: C.endIndent
+		}) : EdgeInsets.only({
+			left: C.indent,
+			right: C.endIndent
+		}));
+		return (C, T) => (openBlock(), createBlock(SizedBox_default, {
+			width: e.vertical ? e.thickness : e.indent + e.endIndent,
+			height: e.vertical ? e.indent + e.endIndent : e.thickness
+		}, {
+			default: withCtx(() => [createVNode(Container_default, {
+				width: e.vertical ? e.thickness : void 0,
+				height: e.vertical ? void 0 : e.thickness,
+				margin: w.value,
+				color: e.color
+			}, null, 8, [
+				"width",
+				"height",
+				"margin",
+				"color"
+			])]),
+			_: 1
+		}, 8, ["width", "height"]));
+	}
+}), Spacer_default = /* @__PURE__ */ defineComponent({
+	__name: "Spacer",
+	props: { flex: { default: 1 } },
+	setup(e) {
+		return (C, w) => (openBlock(), createBlock(Expanded_default, { flex: e.flex }, null, 8, ["flex"]));
+	}
+}), ClipRRect_default = /* @__PURE__ */ defineComponent({
+	__name: "ClipRRect",
+	props: {
+		borderRadius: {},
+		clipBehavior: { default: "antiAlias" }
+	},
+	setup(e) {
+		let C = e, w = computed(() => {
+			if (C.borderRadius) return BoxDecoration({ borderRadius: C.borderRadius });
+		});
+		return (C, T) => (openBlock(), createBlock(Container_default, {
+			"clip-behavior": e.clipBehavior,
+			decoration: w.value
+		}, {
+			default: withCtx(() => [renderSlot(C.$slots, "default")]),
+			_: 3
+		}, 8, ["clip-behavior", "decoration"]));
+	}
+}), ClipOval_default = /* @__PURE__ */ defineComponent({
+	__name: "ClipOval",
+	props: { clipBehavior: { default: "antiAlias" } },
+	setup(e) {
+		let C = computed(() => BoxDecoration({ shape: BoxShape.circle }));
+		return (w, T) => (openBlock(), createBlock(Container_default, {
+			"clip-behavior": e.clipBehavior,
+			decoration: C.value
+		}, {
+			default: withCtx(() => [renderSlot(w.$slots, "default")]),
+			_: 3
+		}, 8, ["clip-behavior", "decoration"]));
+	}
+}), ListTile_default = /* @__PURE__ */ defineComponent({
+	__name: "ListTile",
+	props: {
+		leading: {},
+		title: {},
+		subtitle: {},
+		trailing: {},
+		onTap: {},
+		onLongPress: {},
+		enabled: {
+			type: Boolean,
+			default: !0
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		tileColor: {},
+		selectedColor: { default: "rgba(33, 150, 243, 0.12)" },
+		iconColor: {},
+		textColor: {},
+		contentPadding: {},
+		dense: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let C = e, w = computed(() => TextStyle({
+			fontSize: C.dense ? 13 : 16,
+			color: C.textColor || (C.enabled ? "rgba(0,0,0,0.87)" : "rgba(0,0,0,0.38)"),
+			fontWeight: C.selected ? FontWeight.w600 : FontWeight.w400
+		})), T = computed(() => TextStyle({
+			fontSize: C.dense ? 12 : 14,
+			color: C.textColor || (C.enabled ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.38)")
+		}));
+		return (C, E) => (openBlock(), createBlock(GestureDetector_default, {
+			"on-tap": e.onTap,
+			"on-long-press": e.onLongPress
+		}, {
+			default: withCtx(() => [createVNode(Container_default, {
+				color: e.selected ? e.selectedColor : e.tileColor || "transparent",
+				padding: e.contentPadding || unref(EdgeInsets).symmetric({
+					horizontal: 16,
+					vertical: 12
+				})
+			}, {
+				default: withCtx(() => [createVNode(Row_default, {
+					"cross-axis-alignment": "center",
+					gap: 16
+				}, {
+					default: withCtx(() => [
+						renderSlot(C.$slots, "leading", {}, () => [e.leading ? (openBlock(), createBlock(resolveDynamicComponent(e.leading), { key: 0 })) : createCommentVNode("", !0)]),
+						createVNode(Expanded_default, null, {
+							default: withCtx(() => [createVNode(Column_default, {
+								"cross-axis-alignment": "start",
+								gap: 4
+							}, {
+								default: withCtx(() => [renderSlot(C.$slots, "title", {}, () => [e.title ? (openBlock(), createBlock(Text_default, {
+									key: 0,
+									data: e.title,
+									style: normalizeStyle(w.value)
+								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)]), renderSlot(C.$slots, "subtitle", {}, () => [e.subtitle ? (openBlock(), createBlock(Text_default, {
+									key: 0,
+									data: e.subtitle,
+									style: normalizeStyle(T.value)
+								}, null, 8, ["data", "style"])) : createCommentVNode("", !0)])]),
+								_: 3
+							})]),
+							_: 3
+						}),
+						renderSlot(C.$slots, "trailing", {}, () => [e.trailing ? (openBlock(), createBlock(resolveDynamicComponent(e.trailing), { key: 0 })) : createCommentVNode("", !0)])
+					]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["color", "padding"])]),
+			_: 3
+		}, 8, ["on-tap", "on-long-press"]));
+	}
+}), InkWell_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "InkWell",
+	props: {
+		onTap: {},
+		splashColor: { default: "rgba(0, 0, 0, 0.1)" },
+		highlightColor: {},
+		borderRadius: {}
+	},
+	setup(e) {
+		let w = e, T = ref([]), E = 0, D = (e) => {
+			if (!w.onTap) return;
+			w.onTap();
+			let C = e.currentTarget.getBoundingClientRect(), D = Math.max(C.width, C.height), O = e.clientX - C.left - D / 2, k = e.clientY - C.top - D / 2, A = E++, j = {
+				width: `${D}px`,
+				height: `${D}px`,
+				top: `${k}px`,
+				left: `${O}px`,
+				backgroundColor: w.splashColor
+			};
+			T.value.push({
+				id: A,
+				style: j
+			}), setTimeout(() => {
+				T.value = T.value.filter((e) => e.id !== A);
+			}, 600);
+		};
+		return (w, E) => (openBlock(), createElementBlock("div", mergeProps({
+			class: ["ink-well", { disabled: !e.onTap }],
+			onClick: D
+		}, w.$attrs), [renderSlot(w.$slots, "default", {}, void 0, !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(T.value, (e) => (openBlock(), createElementBlock("span", {
+			key: e.id,
+			class: "ripple",
+			style: normalizeStyle(e.style)
+		}, null, 4))), 128))], 16));
+	}
+}), [["__scopeId", "data-v-290d8278"]]), Switch_default = /* @__PURE__ */ defineComponent({
+	__name: "Switch",
+	props: {
+		value: { type: Boolean },
+		onChanged: {},
+		activeColor: { default: "#2196F3" },
+		activeTrackColor: { default: "#BBDEFB" },
+		inactiveThumbColor: { default: "#FAFAFA" },
+		inactiveTrackColor: { default: "#9E9E9E" }
+	},
+	emits: ["update:value"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, O = () => {
+			w.onChanged && w.onChanged(!w.value), T("update:value", !w.value);
+		}, k = computed(() => BoxDecoration({
+			color: w.value ? w.activeTrackColor : w.inactiveTrackColor,
+			borderRadius: BorderRadius.circular(10)
+		})), A = computed(() => BoxDecoration({
+			color: w.value ? w.activeColor : w.inactiveThumbColor,
+			shape: BoxShape.circle,
+			boxShadow: [{
+				color: "rgba(0,0,0,0.2)",
+				blurRadius: 1,
+				offset: {
+					x: 0,
+					y: 1
+				}
+			}]
+		})), j = computed(() => EdgeInsets.only({ left: w.value ? 16 : 0 }));
+		return (e, C) => (openBlock(), createBlock(GestureDetector_default, { "on-tap": O }, {
+			default: withCtx(() => [createVNode(Container_default, {
+				width: 36,
+				height: 20,
+				padding: unref(EdgeInsets).all(2),
+				decoration: k.value
+			}, {
+				default: withCtx(() => [createVNode(AnimatedContainer_default, {
+					duration: 200,
+					width: 16,
+					height: 16,
+					margin: j.value,
+					decoration: A.value
+				}, null, 8, ["margin", "decoration"])]),
+				_: 1
+			}, 8, ["padding", "decoration"])]),
+			_: 1
+		}));
+	}
+}), Checkbox_default = /* @__PURE__ */ defineComponent({
+	__name: "Checkbox",
+	props: {
+		value: { type: Boolean },
+		onChanged: {},
+		activeColor: { default: "#2196F3" },
+		checkColor: { default: "#FFFFFF" }
+	},
+	emits: ["update:value"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, k = () => {
+			let e = !w.value;
+			w.onChanged && w.onChanged(e), T("update:value", e);
+		}, A = computed(() => BoxDecoration({
+			color: w.value ? w.activeColor : "transparent",
+			border: w.value ? void 0 : Border.all({
+				color: "rgba(0,0,0,0.54)",
+				width: 2,
+				style: "solid"
+			}),
+			borderRadius: BorderRadius.circular(2)
+		}));
+		return (C, w) => (openBlock(), createBlock(GestureDetector_default, { "on-tap": k }, {
+			default: withCtx(() => [createVNode(Container_default, {
+				width: 18,
+				height: 18,
+				decoration: A.value,
+				alignment: "center"
+			}, {
+				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
+		}));
+	}
+}), Radio_default = /* @__PURE__ */ defineComponent({
+	__name: "Radio",
+	props: {
+		value: {},
+		groupValue: {},
+		onChanged: { type: Function },
+		activeColor: {}
+	},
+	emits: ["update:groupValue"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, k = computed(() => w.value === w.groupValue), A = () => {
+			w.onChanged && w.onChanged(w.value), T("update:groupValue", w.value);
+		}, j = computed(() => BoxDecoration({
+			shape: BoxShape.circle,
+			border: Border.all({
+				color: k.value ? w.activeColor : "rgba(0,0,0,0.54)",
+				width: 2,
+				style: "solid"
+			})
+		})), M = computed(() => BoxDecoration({
+			shape: BoxShape.circle,
+			color: w.activeColor
+		}));
+		return (e, C) => (openBlock(), createBlock(GestureDetector_default, { "on-tap": A }, {
+			default: withCtx(() => [createVNode(Container_default, {
+				width: 20,
+				height: 20,
+				decoration: j.value,
+				alignment: "center"
+			}, {
+				default: withCtx(() => [k.value ? (openBlock(), createBlock(Container_default, {
+					key: 0,
+					width: 10,
+					height: 10,
+					decoration: M.value
+				}, null, 8, ["decoration"])) : createCommentVNode("", !0)]),
+				_: 1
+			}, 8, ["decoration"])]),
+			_: 1
+		}));
+	}
+}), 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" }
+	},
+	emits: ["update:value"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, D = ref(), O = computed(() => {
+			let e = w.max - w.min;
+			return e <= 0 ? 0 : (w.value - w.min) / e * 100;
+		}), A = computed(() => `${O.value}%`), j = (e) => {
+			if (!D.value) return;
+			let C = D.value.getBoundingClientRect(), E = ((e.globalPosition ? e.globalPosition.x : e.detail?.globalPosition?.x || 0) - C.left) / C.width;
+			E = Math.max(0, Math.min(1, E));
+			let O = w.min + E * (w.max - w.min);
+			w.onChanged && w.onChanged(O), T("update:value", O);
+		}, M = computed(() => BoxDecoration({
+			color: w.thumbColor,
+			shape: BoxShape.circle,
+			boxShadow: [BoxShadow({
+				color: "rgba(0,0,0,0.2)",
+				blurRadius: 2,
+				offset: {
+					x: 0,
+					y: 1
+				}
+			})]
+		}));
+		return (C, w) => (openBlock(), createElementBlock("div", {
+			class: "slider-container",
+			ref_key: "trackRef",
+			ref: D
+		}, [createVNode(GestureDetector_default, {
+			"on-pan-start": j,
+			"on-pan-update": j,
+			"on-tap-down": j
+		}, {
+			default: withCtx(() => [createVNode(Container_default, {
+				height: 40,
+				alignment: "centerLeft"
+			}, {
+				default: withCtx(() => [createVNode(Stack_default, { alignment: "centerLeft" }, {
+					default: withCtx(() => [
+						createVNode(Container_default, {
+							width: "100%",
+							height: 4,
+							color: e.inactiveColor,
+							"border-radius": unref(BorderRadius).circular(2)
+						}, null, 8, ["color", "border-radius"]),
+						createVNode(Container_default, {
+							width: `${O.value}%`,
+							height: 4,
+							color: e.activeColor,
+							"border-radius": unref(BorderRadius).circular(2)
+						}, null, 8, [
+							"width",
+							"color",
+							"border-radius"
+						]),
+						createVNode(Container_default, {
+							style: normalizeStyle({ marginLeft: A.value }),
+							transform: "translate(-50%, 0)"
+						}, {
+							default: withCtx(() => [createVNode(Container_default, {
+								width: 20,
+								height: 20,
+								decoration: M.value
+							}, null, 8, ["decoration"])]),
+							_: 1
+						}, 8, ["style"])
+					]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		})], 512));
+	}
+}), [["__scopeId", "data-v-422f79d9"]]), AlertDialog_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "AlertDialog",
+	props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		title: {},
+		content: {},
+		barrierDismissible: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:visible", "close"],
+	setup(e, { emit: C }) {
+		let w = C, T = () => {
+			w("update:visible", !1), w("close");
+		}, A = computed(() => BoxDecoration({
+			color: "white",
+			borderRadius: BorderRadius.circular(4),
+			boxShadow: [{
+				color: "rgba(0,0,0,0.2)",
+				blurRadius: 24,
+				offset: {
+					x: 0,
+					y: 11
+				}
+			}]
+		}));
+		return (C, w) => e.visible ? (openBlock(), createElementBlock("div", {
+			key: 0,
+			class: "dialog-overlay",
+			onClick: w[0] ||= withModifiers((C) => e.barrierDismissible ? T() : null, ["self"])
+		}, [createVNode(Container_default, {
+			margin: unref(EdgeInsets).all(40),
+			padding: unref(EdgeInsets).all(24),
+			decoration: A.value,
+			constraints: unref(BoxConstraints)({ maxWidth: 400 })
+		}, {
+			default: withCtx(() => [createVNode(Column_default, {
+				"main-axis-size": "min",
+				"cross-axis-alignment": "start"
+			}, {
+				default: withCtx(() => [
+					createVNode(Container_default, { margin: unref(EdgeInsets).only({ bottom: 16 }) }, {
+						default: withCtx(() => [e.title ? (openBlock(), createBlock(Text_default, {
+							key: 0,
+							style: normalizeStyle({
+								fontSize: 20,
+								fontWeight: unref(FontWeight).bold
+							})
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(e.title), 1)]),
+							_: 1
+						}, 8, ["style"])) : createCommentVNode("", !0)]),
+						_: 1
+					}, 8, ["margin"]),
+					createVNode(Container_default, {
+						margin: unref(EdgeInsets).only({ bottom: 24 }),
+						class: "dialog-content"
+					}, {
+						default: withCtx(() => [e.content ? (openBlock(), createBlock(Text_default, {
+							key: 0,
+							style: {
+								fontSize: 16,
+								color: "rgba(0,0,0,0.6)"
+							}
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(e.content), 1)]),
+							_: 1
+						})) : createCommentVNode("", !0), renderSlot(C.$slots, "default", {}, void 0, !0)]),
+						_: 3
+					}, 8, ["margin"]),
+					createVNode(Row_default, {
+						"main-axis-alignment": "end",
+						gap: 8
+					}, {
+						default: withCtx(() => [renderSlot(C.$slots, "actions", {}, void 0, !0)]),
+						_: 3
+					})
+				]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, [
+			"margin",
+			"padding",
+			"decoration",
+			"constraints"
+		])])) : createCommentVNode("", !0);
+	}
+}), [["__scopeId", "data-v-0f7e54cc"]]), BottomSheet_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BottomSheet",
+	props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		barrierDismissible: {
+			type: Boolean,
+			default: !0
+		},
+		backgroundColor: { default: "white" },
+		elevation: { default: 8 },
+		shape: {},
+		padding: {}
+	},
+	emits: ["update:visible", "close"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, D = () => {
+			T("update:visible", !1), T("close");
+		}, A = computed(() => BoxDecoration({
+			color: w.backgroundColor,
+			borderRadius: w.shape || BorderRadius.only({
+				topLeft: 16,
+				topRight: 16
+			}),
+			boxShadow: w.elevation > 0 ? [{
+				color: "rgba(0,0,0,0.2)",
+				blurRadius: w.elevation * 2,
+				offset: {
+					x: 0,
+					y: -2
+				}
+			}] : void 0
+		}));
+		return (C, w) => e.visible ? (openBlock(), createElementBlock("div", {
+			key: 0,
+			class: "bottom-sheet-overlay",
+			onClick: w[0] ||= withModifiers((C) => e.barrierDismissible ? D() : null, ["self"])
+		}, [createVNode(Container_default, {
+			class: "bottom-sheet-content",
+			decoration: A.value,
+			width: "100%",
+			padding: e.padding
+		}, {
+			default: withCtx(() => [renderSlot(C.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["decoration", "padding"])])) : createCommentVNode("", !0);
+	}
+}), [["__scopeId", "data-v-94a8f810"]]), _hoisted_1 = { class: "snackbar-overlay" }, SnackBarComponent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "SnackBarComponent",
+	props: {
+		content: {},
+		actionLabel: {},
+		onAction: {},
+		onClose: {},
+		duration: { default: 4e3 }
+	},
+	setup(e) {
+		let C = e, w = () => {
+			C.onAction && C.onAction(), C.onClose();
+		};
+		onMounted(() => {
+			setTimeout(() => {
+				C.onClose();
+			}, C.duration);
+		});
+		let T = computed(() => BoxDecoration({
+			color: "#323232",
+			borderRadius: BorderRadius.circular(4),
+			boxShadow: [{
+				color: "rgba(0,0,0,0.2)",
+				blurRadius: 6,
+				offset: {
+					x: 0,
+					y: 2
+				}
+			}]
+		}));
+		return (C, E) => (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Container_default, {
+			margin: unref(EdgeInsets).all(8),
+			padding: unref(EdgeInsets).symmetric({
+				horizontal: 16,
+				vertical: 14
+			}),
+			decoration: T.value,
+			width: "100%",
+			constraints: unref(BoxConstraints)({ maxWidth: 600 })
+		}, {
+			default: withCtx(() => [createVNode(Row_default, {
+				"main-axis-alignment": "spaceBetween",
+				"cross-axis-alignment": "center"
+			}, {
+				default: withCtx(() => [createVNode(Text_default, { style: {
+					color: "white",
+					fontSize: 14
+				} }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(e.content), 1)]),
+					_: 1
+				}), e.actionLabel ? (openBlock(), createBlock(GestureDetector_default, {
+					key: 0,
+					"on-tap": w
+				}, {
+					default: withCtx(() => [createVNode(Container_default, { margin: unref(EdgeInsets).only({ left: 16 }) }, {
+						default: withCtx(() => [createVNode(Text_default, { style: normalizeStyle({
+							color: "#2196F3",
+							fontSize: 14,
+							fontWeight: unref(FontWeight).bold
+						}) }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(e.actionLabel.toUpperCase()), 1)]),
+							_: 1
+						}, 8, ["style"])]),
+						_: 1
+					}, 8, ["margin"])]),
+					_: 1
+				})) : createCommentVNode("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, [
+			"margin",
+			"padding",
+			"decoration",
+			"constraints"
+		])]));
+	}
+}), [["__scopeId", "data-v-ecad7f1a"]]), SnackBar = class {
+	static show(e) {
+		let C = document.getElementById("fluekit-snackbar");
+		C && (render(null, C), document.body.removeChild(C));
+		let w = document.createElement("div");
+		w.id = "fluekit-snackbar", document.body.appendChild(w), render(createVNode(SnackBarComponent_default, {
+			content: e.content,
+			actionLabel: e.actionLabel,
+			onAction: e.onAction,
+			duration: e.duration,
+			onClose: () => {
+				w.parentNode && (render(null, w), document.body.removeChild(w));
+			}
+		}), w);
+	}
+};
 setTransform(!1);
-export { Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AssetImage, BlurStyle, Border, BorderRadius, BorderSide, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Button_default as Button, ButtonStyle, Center_default as Center, Clip, Column_default as Column, Container_default as Container, DecorationImage, 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, LinearGradient, ListView_default as ListView, MemoryImage, NetworkImage, Opacity_default as Opacity, OutlineInputBorder, Padding_default as Padding, Positioned_default as Positioned, RadialGradient, Row_default as Row, SafeArea_default as SafeArea, ScrollView_default as ScrollView, Size, SizedBox_default as SizedBox, Stack_default as Stack, StackFit, Sticky_default as Sticky, 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, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle };
+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, 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, LinearGradient, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, MemoryImage, NetworkImage, Opacity_default as Opacity, 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, 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, normalizeSrc, paddingToStyle, px2vw, setAssetBaseURL, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle };