fluekit 1.1.1 → 1.4.0

package/dist/index.js

@@ -1,31 +1,31 @@
-import { Comment, Fragment, Text, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, h, inject, mergeProps, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useSlots, warn, withCtx } from "vue";
-function isUndefined(o) {
-	return o === void 0;
+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";
+function isUndefined(e) {
+	return e === void 0;
 }
 var PURE_NUMBER_REGEX = /^[+-]?(?:\d+\.?\d*|\.\d+)$/, NUMBER_PX_REGEX = /^[+-]?(?:\d+\.?\d*|\.\d+)px$/;
-function isPureNumber(o) {
-	return PURE_NUMBER_REGEX.test(o);
+function isPureNumber(e) {
+	return PURE_NUMBER_REGEX.test(e);
 }
-function isNumberPx(o) {
-	return NUMBER_PX_REGEX.test(o);
+function isNumberPx(e) {
+	return NUMBER_PX_REGEX.test(e);
 }
-function isDefined(o) {
-	return o != null;
+function isDefined(e) {
+	return e != null;
 }
-function isPlainObject(o) {
-	return Object.prototype.toLocaleString.call(o) == "[object Object]";
+function isPlainObject(e) {
+	return Object.prototype.toLocaleString.call(e) == "[object Object]";
 }
-function isHtmlTag(o) {
-	return typeof o.type == "string";
+function isHtmlTag(e) {
+	return typeof e.type == "string";
 }
 var DEFAULT_VW = 750, canTransform = !0;
-function setTransform(o) {
-	canTransform = o;
+function setTransform(e) {
+	canTransform = e;
 }
-function setDefaultVW(o) {
-	if (!isPureNumber(`${o}`)) throw Error("defaultVW must be a number");
-	if (o <= 0) throw Error("defaultVW must be greater than 0");
-	DEFAULT_VW = o;
+function setDefaultVW(e) {
+	if (!isPureNumber(`${e}`)) throw Error("defaultVW must be a number");
+	if (e <= 0) throw Error("defaultVW must be greater than 0");
+	DEFAULT_VW = e;
 }
 var EXCLUDED_VALUES = [
 	"0px",
@@ -37,18 +37,18 @@ var EXCLUDED_VALUES = [
 	"-0%",
 	"-0px",
 	"+0px"
-], nonTransform = (o) => o.endsWith("vw") || o.endsWith("%") || EXCLUDED_VALUES.includes(o);
-function px2vw(o, F = DEFAULT_VW) {
-	if (!canTransform) return isPureNumber(`${o}`) ? `${o}px` : o;
-	if (!(o === void 0 || o == null || typeof o == "number" && !Number.isFinite(o))) {
-		if (o === 0) return "0";
-		if (typeof o == "string") {
-			if (o = o.trim(), o == "") return;
-			if (nonTransform(o)) return o;
-			let F = o;
-			if (isNumberPx(o) && (o = o.slice(0, -2)), !isPureNumber(o)) return F;
+], nonTransform = (e) => e.endsWith("vw") || e.endsWith("%") || EXCLUDED_VALUES.includes(e);
+function px2vw(e, S = 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;
 		}
-		return o = Number(o), F /= 100, `${Math.round(o / F * 1e5) / 1e5}vw`;
+		return e = Number(e), S /= 100, `${Math.round(e / S * 1e5) / 1e5}vw`;
 	}
 }
 const Alignment = {
@@ -62,10 +62,10 @@ const Alignment = {
 	bottomCenter: "bottomCenter",
 	bottomRight: "bottomRight"
 };
-function alignmentToFlex(o, F = "row") {
-	let I = o, L = "flex-start", R = "flex-start";
-	I.toLowerCase().includes("left") || I.toLowerCase().includes("right");
-	let z = {
+function alignmentToFlex(e, S = "row") {
+	let C = e, w = "flex-start", T = "flex-start";
+	C.toLowerCase().includes("left") || C.toLowerCase().includes("right");
+	let E = {
 		topLeft: {
 			x: "flex-start",
 			y: "flex-start"
@@ -102,17 +102,17 @@ function alignmentToFlex(o, F = "row") {
 			x: "flex-end",
 			y: "flex-end"
 		}
-	}[I] || {
+	}[C] || {
 		x: "flex-start",
 		y: "flex-start"
 	};
-	return F === "row" ? (L = z.x, R = z.y) : (L = z.y, R = z.x), {
-		justifyContent: L,
-		alignItems: R
+	return S === "row" ? (w = E.x, T = E.y) : (w = E.y, T = E.x), {
+		justifyContent: w,
+		alignItems: T
 	};
 }
 const alignmentToStyle = alignmentToFlex;
-function alignmentToCssPosition(o) {
+function alignmentToCssPosition(e) {
 	return {
 		topLeft: "left top",
 		topCenter: "center top",
@@ -123,12 +123,12 @@ function alignmentToCssPosition(o) {
 		bottomLeft: "left bottom",
 		bottomCenter: "center bottom",
 		bottomRight: "right bottom"
-	}[o] || "center";
+	}[e] || "center";
 }
-function alignmentToOrigin(o) {
-	return alignmentToCssPosition(o);
+function alignmentToOrigin(e) {
+	return alignmentToCssPosition(e);
 }
-function alignmentToGrid(o) {
+function alignmentToGrid(e) {
 	return {
 		topLeft: {
 			justifyItems: "start",
@@ -166,7 +166,7 @@ function alignmentToGrid(o) {
 			justifyItems: "end",
 			alignItems: "end"
 		}
-	}[o] || {
+	}[e] || {
 		justifyItems: "start",
 		alignItems: "start"
 	};
@@ -179,162 +179,168 @@ var Align_default = /* @__PURE__ */ defineComponent({
 		widthFactor: {},
 		heightFactor: {}
 	},
-	setup(o) {
-		let F = o, I = computed(() => {
-			let o = {
+	setup(e) {
+		let S = e, C = computed(() => {
+			let e = {
 				display: "flex",
 				position: "relative"
 			};
-			return Object.assign(o, alignmentToStyle(F.alignment)), F.widthFactor ? o.width = `calc(100% * ${F.widthFactor})` : o.width = "100%", F.heightFactor ? o.height = `calc(100% * ${F.heightFactor})` : o.height = "100%", o;
-		}), L = computed(() => ({ flexShrink: 0 }));
-		return (o, F) => (openBlock(), createElementBlock("div", {
+			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", {
 			class: "flutter-align",
-			style: normalizeStyle(I.value)
+			style: normalizeStyle(C.value)
 		}, [createElementVNode("div", {
 			class: "flutter-align-child",
-			style: normalizeStyle(L.value)
-		}, [renderSlot(o.$slots, "default")], 4)], 4));
+			style: normalizeStyle(w.value)
+		}, [renderSlot(e.$slots, "default")], 4)], 4));
 	}
-}), BOX_CONSTRAINTS_SYMBOL = Symbol("boxConstraints"), toVal = (o) => o === Infinity ? void 0 : o;
-function BoxConstraints(o = {}) {
-	let F = Math.max(0, o.minWidth ?? 0), I = Math.max(0, o.minHeight ?? 0), L = Math.max(F, o.maxWidth ?? Infinity), R = Math.max(I, o.maxHeight ?? Infinity);
+}), 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);
 	return {
-		minWidth: toVal(F),
-		maxWidth: toVal(L),
-		minHeight: toVal(I),
-		maxHeight: toVal(R),
+		minWidth: toVal(S),
+		maxWidth: toVal(w),
+		minHeight: toVal(C),
+		maxHeight: toVal(T),
 		[BOX_CONSTRAINTS_SYMBOL]: !0
 	};
 }
-BoxConstraints.tight = (o) => BoxConstraints({
-	minWidth: o.width,
-	maxWidth: o.width,
-	minHeight: o.height,
-	maxHeight: o.height
-}), BoxConstraints.loose = (o) => BoxConstraints({
+BoxConstraints.tight = (e) => BoxConstraints({
+	minWidth: e.width,
+	maxWidth: e.width,
+	minHeight: e.height,
+	maxHeight: e.height
+}), BoxConstraints.loose = (e) => BoxConstraints({
 	minWidth: 0,
-	maxWidth: o.width,
+	maxWidth: e.width,
 	minHeight: 0,
-	maxHeight: o.height
-}), BoxConstraints.expand = ({ width: o, height: F } = {}) => BoxConstraints({
-	minWidth: o ?? Infinity,
-	maxWidth: o ?? Infinity,
-	minHeight: F ?? Infinity,
-	maxHeight: F ?? Infinity
+	maxHeight: e.height
+}), BoxConstraints.expand = ({ width: e, height: S } = {}) => BoxConstraints({
+	minWidth: e ?? Infinity,
+	maxWidth: e ?? Infinity,
+	minHeight: S ?? Infinity,
+	maxHeight: S ?? Infinity
 });
-function isBoxConstraints(o) {
-	return isPlainObject(o) ? BOX_CONSTRAINTS_SYMBOL in o : !1;
+function isBoxConstraints(e) {
+	return isPlainObject(e) ? BOX_CONSTRAINTS_SYMBOL in e : !1;
 }
-function boxConstraintsToStyle(o) {
-	let F = o ?? {};
+function boxConstraintsToStyle(e) {
+	let S = e ?? {};
 	return {
-		minWidth: px2vw(F.minWidth),
-		maxWidth: px2vw(F.maxWidth),
-		minHeight: px2vw(F.minHeight),
-		maxHeight: px2vw(F.maxHeight)
+		minWidth: px2vw(S.minWidth),
+		maxWidth: px2vw(S.maxWidth),
+		minHeight: px2vw(S.minHeight),
+		maxHeight: px2vw(S.maxHeight)
 	};
 }
 var BORDER_SIDE_SYMBOL = Symbol("borderSide"), BORDERS_SYMBOL = Symbol("borders");
-function Border(o) {
+function BorderSide(e) {
 	return {
-		width: o.width ? o.width : 1,
-		color: o.color || "#000",
-		style: o.style || "solid",
+		width: e.width ? e.width : 1,
+		color: e.color || "#000",
+		style: e.style || "solid",
 		[BORDER_SIDE_SYMBOL]: !0
 	};
 }
-Border.all = ({ color: o, width: F, style: I } = {}) => {
-	let L = Border({
-		color: o,
-		width: F,
-		style: I
+const Border = BorderSide;
+Border.all = ({ color: e, width: S, style: C } = {}) => {
+	let w = Border({
+		color: e,
+		width: S,
+		style: C
 	});
 	return {
-		top: L,
-		bottom: L,
-		left: L,
-		right: L,
+		top: w,
+		bottom: w,
+		left: w,
+		right: w,
 		[BORDERS_SYMBOL]: !0
 	};
 };
-function isBorderSide(o) {
-	return isPlainObject(o) ? BORDER_SIDE_SYMBOL in o : !1;
-}
-function isBorders(o) {
-	return isPlainObject(o) ? BORDERS_SYMBOL in o : !1;
-}
-function borderSideToString(o) {
-	if (!o) return;
-	let F = [], { width: I, color: L, style: R } = o;
-	return I && F.push(I > 1 ? px2vw(I) : I + "px"), L && F.push(L), R && F.push(R), `${F.join(" ")}`;
-}
-function borderToStyle(o) {
-	if (o) return {
-		borderLeft: borderSideToString(o.left),
-		borderTop: borderSideToString(o.top),
-		borderRight: borderSideToString(o.right),
-		borderBottom: borderSideToString(o.bottom)
+function isBorderSide(e) {
+	return isPlainObject(e) ? BORDER_SIDE_SYMBOL in e : !1;
+}
+function isBorders(e) {
+	return isPlainObject(e) ? BORDERS_SYMBOL in e : !1;
+}
+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(" ")}`;
+}
+function borderSideToStyle(e) {
+	if (!e) return {};
+	let S = borderSideToString(e);
+	return S ? { border: S } : {};
+}
+function borderToStyle(e) {
+	if (e) return {
+		borderLeft: borderSideToString(e.left),
+		borderTop: borderSideToString(e.top),
+		borderRight: borderSideToString(e.right),
+		borderBottom: borderSideToString(e.bottom)
 	};
 }
 var BORDER_RADIUS_SYMBOL = Symbol("borderRadius");
-function BorderRadius(o) {
-	let { topLeft: F, topRight: I, bottomLeft: L, bottomRight: R } = o;
+function BorderRadius(e) {
+	let { topLeft: S, topRight: C, bottomLeft: w, bottomRight: T } = e;
 	return {
-		topLeft: F || 0,
-		topRight: I || 0,
-		bottomLeft: L || 0,
-		bottomRight: R || 0,
+		topLeft: S || 0,
+		topRight: C || 0,
+		bottomLeft: w || 0,
+		bottomRight: T || 0,
 		[BORDER_RADIUS_SYMBOL]: !0
 	};
 }
-BorderRadius.all = (o) => ({
-	topLeft: o,
-	topRight: o,
-	bottomLeft: o,
-	bottomRight: o,
+BorderRadius.all = (e) => ({
+	topLeft: e,
+	topRight: e,
+	bottomLeft: e,
+	bottomRight: e,
 	[BORDER_RADIUS_SYMBOL]: !0
-}), BorderRadius.circular = (o) => BorderRadius.all(o), BorderRadius.only = ({ topLeft: o, topRight: F, bottomLeft: I, bottomRight: L }) => BorderRadius({
-	topLeft: o,
-	topRight: F,
-	bottomLeft: I,
-	bottomRight: L
+}), BorderRadius.circular = (e) => BorderRadius.all(e), BorderRadius.only = ({ topLeft: e, topRight: S, bottomLeft: C, bottomRight: w }) => BorderRadius({
+	topLeft: e,
+	topRight: S,
+	bottomLeft: C,
+	bottomRight: w
 }), BorderRadius.zero = BorderRadius({});
-function isBorderRadius(o) {
-	return typeof o == "object" && !!o && BORDER_RADIUS_SYMBOL in o;
+function isBorderRadius(e) {
+	return typeof e == "object" && !!e && BORDER_RADIUS_SYMBOL in e;
 }
-function borderRadiusToStyle(o) {
-	if (!o) return {};
-	let { topLeft: F, topRight: I, bottomLeft: L, bottomRight: R } = o, z = {};
-	return L && (z.borderBottomLeftRadius = px2vw(L)), R && (z.borderBottomRightRadius = px2vw(R)), F && (z.borderTopLeftRadius = px2vw(F)), I && (z.borderTopRightRadius = px2vw(I)), z;
+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 BlurStyle = /* @__PURE__ */ function(o) {
-	return o.normal = "normal", o.solid = "solid", o.outer = "outer", o.inner = "inner", o;
+let BlurStyle = /* @__PURE__ */ function(e) {
+	return e.normal = "normal", e.solid = "solid", e.outer = "outer", e.inner = "inner", e;
 }({});
 var BOX_SHADOW_SYMBOL = Symbol("boxShadow");
-function BoxShadow(o = {}) {
+function BoxShadow(e = {}) {
 	return {
-		color: o.color || "rgba(0, 0, 0, 0.2)",
-		offset: o.offset || {
+		color: e.color || "rgba(0, 0, 0, 0.2)",
+		offset: e.offset || {
 			x: 0,
 			y: 0
 		},
-		blurRadius: o.blurRadius || 0,
-		spreadRadius: o.spreadRadius || 0,
-		blurStyle: o.blurStyle || BlurStyle.normal,
+		blurRadius: e.blurRadius || 0,
+		spreadRadius: e.spreadRadius || 0,
+		blurStyle: e.blurStyle || BlurStyle.normal,
 		[BOX_SHADOW_SYMBOL]: !0
 	};
 }
-function isBoxShadow(o) {
-	return isPlainObject(o) ? BOX_SHADOW_SYMBOL in o : !1;
+function isBoxShadow(e) {
+	return isPlainObject(e) ? BOX_SHADOW_SYMBOL in e : !1;
 }
-function boxShadowToCSS(o) {
-	return `${px2vw(o.offset?.x || 0)} ${px2vw(o.offset?.y || 0)} ${px2vw(o.blurRadius || 0)} ${px2vw(o.spreadRadius || 0)} ${o.color || "rgba(0,0,0,0.2)"} ${o.blurStyle === BlurStyle.inner ? "inset" : ""}`.trim();
+function boxShadowToCSS(e) {
+	return `${px2vw(e.offset?.x || 0)} ${px2vw(e.offset?.y || 0)} ${px2vw(e.blurRadius || 0)} ${px2vw(e.spreadRadius || 0)} ${e.color || "rgba(0,0,0,0.2)"} ${e.blurStyle === BlurStyle.inner ? "inset" : ""}`.trim();
 }
-let TileMode = /* @__PURE__ */ function(o) {
-	return o.clamp = "clamp", o.repeated = "repeated", o.mirror = "mirror", o.decal = "decal", o;
+let TileMode = /* @__PURE__ */ function(e) {
+	return e.clamp = "clamp", e.repeated = "repeated", e.mirror = "mirror", e.decal = "decal", e;
 }({});
-function alignmentToCSSSide(o) {
-	switch (o) {
+function alignmentToCSSSide(e) {
+	switch (e) {
 		case Alignment.topLeft: return "to bottom right";
 		case Alignment.topCenter: return "to bottom";
 		case Alignment.topRight: return "to bottom left";
@@ -346,20 +352,20 @@ function alignmentToCSSSide(o) {
 		default: return "to bottom";
 	}
 }
-function calculateLinearDirection(o, F) {
-	return o === Alignment.topCenter && F === Alignment.bottomCenter ? "to bottom" : o === Alignment.bottomCenter && F === Alignment.topCenter ? "to top" : o === Alignment.centerLeft && F === Alignment.centerRight ? "to right" : o === Alignment.centerRight && F === Alignment.centerLeft ? "to left" : o === Alignment.topLeft && F === Alignment.bottomRight ? "to bottom right" : o === Alignment.bottomRight && F === Alignment.topLeft ? "to top left" : o === Alignment.topRight && F === Alignment.bottomLeft ? "to bottom left" : o === Alignment.bottomLeft && F === Alignment.topRight ? "to top right" : alignmentToCSSSide(o);
+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 LinearGradient(o) {
-	let { colors: F, stops: I, begin: L = Alignment.centerLeft, end: R = Alignment.centerRight } = o;
-	if (!F || F.length === 0) return "none";
-	let z = calculateLinearDirection(L, R), B = "";
-	return B = I && I.length === F.length ? F.map((o, F) => `${o} ${I[F] * 100}%`).join(", ") : F.join(", "), `linear-gradient(${z}, ${B})`;
+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})`;
 }
-function RadialGradient(o) {
-	let { colors: F, stops: I, center: L = Alignment.center } = o;
-	if (!F || F.length === 0) return "none";
-	let R = alignmentToCssPosition(L), z = "";
-	return z = I && I.length === F.length ? F.map((o, F) => `${o} ${I[F] * 100}%`).join(", ") : F.join(", "), `radial-gradient(circle at ${R}, ${z})`;
+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})`;
 }
 const BoxFit = {
 	fitWidth: "fitWidth",
@@ -386,52 +392,51 @@ var ImageFitMap = {
 	center: "center"
 };
 const BoxAlignment = Alignment;
-let BoxShape = /* @__PURE__ */ function(o) {
-	return o.rectangle = "rectangle", o.circle = "circle", o;
+let BoxShape = /* @__PURE__ */ function(e) {
+	return e.rectangle = "rectangle", e.circle = "circle", e;
 }({});
 var _baseUrl = "";
-function setBaseUrl(o) {
-	_baseUrl = o;
-}
-function normalizeSrc(o) {
-	if (!o) return "";
-	if (/^(https?:|file:|blob:|data:|\/\/)/i.test(o) || /^(linear|radial|conic|repeating-linear|repeating-radial)-gradient\(/.test(o) || !_baseUrl || _baseUrl === "/") return o;
-	let F = _baseUrl.endsWith("/") ? _baseUrl.slice(0, -1) : _baseUrl;
-	return o.startsWith(F) ? o : `${F}/${o.startsWith("/") ? o.slice(1) : o}`;
-}
-const NetworkImage = (o) => o, AssetImage = (o) => o;
-function DecorationImage(o) {
-	return o;
-}
-var BOX_DECORATION_SYMBOL = Symbol("boxDecoration"), isGradient = (o) => /^(linear|radial|conic|repeating-linear|repeating-radial)-gradient\(/.test(o);
-function decorationImageToStyle(o) {
-	if (!o) return {};
-	let F = {}, I = normalizeSrc(o.image);
-	if (F.backgroundImage = isGradient(I) ? I : `url(${I})`, o.fit && (F.backgroundSize = ImageFitMap[o.fit] || o.fit), F.backgroundAttachment = o.attachment, F.backgroundBlendMode = o.blendMode, F.backgroundClip = o.clip, F.backgroundOrigin = o.origin, F.backgroundRepeat = o.repeat ?? "no-repeat", o.alignment) {
-		let I = alignmentToCssPosition(o.alignment);
-		if (I && I !== "center") F.backgroundPosition = I;
-		else if (o.alignment !== Alignment.center) if (Object.keys(Alignment).includes(o.alignment)) F.backgroundPosition = alignmentToCssPosition(o.alignment);
+function setBaseUrl(e) {
+	_baseUrl = 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}`;
+}
+function DecorationImage(e) {
+	return 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);
 		else {
-			let [I, L] = (o.alignment || "").split(" ");
-			I && !cssPoisitions[I] && (I = px2vw(I)), L && !cssPoisitions[L] && (L = px2vw(L)), I && !L && (L = "center"), F.backgroundPosition = `${I} ${L}`;
+			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}`;
 		}
-		else F.backgroundPosition = "center";
+		else S.backgroundPosition = "center";
 	}
-	return F;
+	return S;
 }
-function boxDecorationToStyle(o) {
-	if (!o) return {};
-	let { color: F, border: I, borderRadius: L, boxShadow: R, gradient: z, image: B, overflow: V, opacity: H, shape: U } = o, W = {};
-	return F && (W.backgroundColor = F), H !== void 0 && (W.opacity = H), V && (W.overflow = V), z && (W.backgroundImage = z), B && Object.assign(W, decorationImageToStyle(B)), I && Object.assign(W, borderToStyle(I)), U === BoxShape.circle ? W.borderRadius = "50%" : L && Object.assign(W, borderRadiusToStyle(L)), R && (W.boxShadow = (Array.isArray(R) ? R : [R]).map(boxShadowToCSS).join(", ")), W;
+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;
 }
-function BoxDecoration(o) {
+function BoxDecoration(e) {
 	return {
-		...o,
+		...e,
 		[BOX_DECORATION_SYMBOL]: !0
 	};
 }
-function isBoxDecoration(o) {
-	return isPlainObject(o) ? BOX_DECORATION_SYMBOL in o : !1;
+function isBoxDecoration(e) {
+	return isPlainObject(e) ? BOX_DECORATION_SYMBOL in e : !1;
 }
 const Clip = {
 	none: "none",
@@ -440,45 +445,45 @@ const Clip = {
 	antiAliasWithSaveLayer: "antiAliasWithSaveLayer"
 };
 var EDGE_INSETS_SYMBOL = Symbol("edgeInsets");
-function EdgeInsets(o) {
-	let { top: F, right: I, bottom: L, left: R, horizontal: z, vertical: B } = o;
+function EdgeInsets(e) {
+	let { top: S, right: C, bottom: w, left: T, horizontal: E, vertical: D } = e;
 	return {
-		top: F ?? B ?? 0,
-		right: I ?? z ?? 0,
-		bottom: L ?? B ?? 0,
-		left: R ?? z ?? 0,
+		top: S ?? D ?? 0,
+		right: C ?? E ?? 0,
+		bottom: w ?? D ?? 0,
+		left: T ?? E ?? 0,
 		[EDGE_INSETS_SYMBOL]: !0
 	};
 }
-EdgeInsets.all = (o) => ({
-	top: o,
-	right: o,
-	bottom: o,
-	left: o,
+EdgeInsets.all = (e) => ({
+	top: e,
+	right: e,
+	bottom: e,
+	left: e,
 	[EDGE_INSETS_SYMBOL]: !0
-}), EdgeInsets.symmetric = ({ vertical: o, horizontal: F }) => EdgeInsets({
-	vertical: o,
-	horizontal: F
-}), EdgeInsets.only = ({ top: o, right: F, bottom: I, left: L }) => EdgeInsets({
-	top: o,
-	right: F,
-	bottom: I,
-	left: L
+}), EdgeInsets.symmetric = ({ vertical: e, horizontal: S }) => EdgeInsets({
+	vertical: e,
+	horizontal: S
+}), EdgeInsets.only = ({ top: e, right: S, bottom: C, left: w }) => EdgeInsets({
+	top: e,
+	right: S,
+	bottom: C,
+	left: w
 }), EdgeInsets.zero = EdgeInsets({});
-function isEdgeInsets(o) {
-	return typeof o == "object" && !!o && EDGE_INSETS_SYMBOL in o;
+function isEdgeInsets(e) {
+	return typeof e == "object" && !!e && EDGE_INSETS_SYMBOL in e;
 }
-function edgeInsetsToStyle(o, F) {
-	if (!F) return {};
-	let I = EdgeInsets(F);
+function edgeInsetsToStyle(e, S) {
+	if (!S) return {};
+	let C = EdgeInsets(S);
 	return {
-		[`${o}Top`]: px2vw(I.top),
-		[`${o}Right`]: px2vw(I.right),
-		[`${o}Bottom`]: px2vw(I.bottom),
-		[`${o}Left`]: px2vw(I.left)
+		[`${e}Top`]: px2vw(C.top),
+		[`${e}Right`]: px2vw(C.right),
+		[`${e}Bottom`]: px2vw(C.bottom),
+		[`${e}Left`]: px2vw(C.left)
 	};
 }
-const paddingToStyle = (o) => edgeInsetsToStyle("padding", o), marginToStyle = (o) => edgeInsetsToStyle("margin", o), CrossAxisAlignment = {
+const paddingToStyle = (e) => edgeInsetsToStyle("padding", e), marginToStyle = (e) => edgeInsetsToStyle("margin", e), CrossAxisAlignment = {
 	start: "start",
 	end: "end",
 	center: "center",
@@ -509,35 +514,35 @@ const paddingToStyle = (o) => edgeInsetsToStyle("padding", o), marginToStyle = (
 	expand: "expand",
 	passthrough: "passthrough"
 };
-function Size(o) {
-	let { width: F, height: I } = o;
+function Size(e) {
+	let { width: S, height: C } = e;
 	return {
-		width: F,
-		height: I
+		width: S,
+		height: C
 	};
 }
-Size.square = (o) => Size({
-	width: o,
-	height: o
+Size.square = (e) => Size({
+	width: e,
+	height: e
 }), Size.zero = Size({
 	width: 0,
 	height: 0
 }), Size.infinite = Size({
 	width: Infinity,
 	height: Infinity
-}), Size.fromHeight = (o) => Size({
+}), Size.fromHeight = (e) => Size({
 	width: Infinity,
-	height: o
-}), Size.fromWidth = (o) => Size({
-	width: o,
+	height: e
+}), Size.fromWidth = (e) => Size({
+	width: e,
 	height: Infinity
 });
-function sizeToStyle(o) {
-	if (!o) return;
-	let { width: F, height: I } = o;
+function sizeToStyle(e) {
+	if (!e) return;
+	let { width: S, height: C } = e;
 	return {
-		width: px2vw(F),
-		height: px2vw(I)
+		width: px2vw(S),
+		height: px2vw(C)
 	};
 }
 var GESTURE_HANDLED = Symbol("gesture_handled");
@@ -550,108 +555,108 @@ const events = [
 	"pan-update",
 	"pan-end"
 ];
-function useGestures({ emit: o }) {
-	let F = ref(0), I = ref(null), L = ref(!1), R = ref({
+function useGestures({ emit: e }) {
+	let S = ref(0), C = ref(null), w = ref(!1), T = ref({
 		x: 0,
 		y: 0
-	}), z = ref({
+	}), E = ref({
 		x: 0,
 		y: 0
-	}), B = {
-		onTap: () => o("tap"),
-		onClick: (F) => o("click", F),
-		onDoubleTap: () => o("double-tap"),
-		onLongPress: () => o("long-press"),
-		onPanStart: (F) => o("pan-start", F),
-		onPanUpdate: (F) => o("pan-update", F),
-		onPanEnd: () => o("pan-end")
-	}, V = (o) => {
-		if (o[GESTURE_HANDLED]) return;
-		o[GESTURE_HANDLED] = !0;
-		let I = Date.now();
-		I - F.value < 300 ? (B.onDoubleTap?.(), F.value = 0) : (B.onTap?.(), B.onClick?.(o), F.value = I);
-	}, H = (o) => {
-		o[GESTURE_HANDLED] || (o[GESTURE_HANDLED] = !0, Y(), Z(o.clientX, o.clientY), window.addEventListener("mousemove", U), window.addEventListener("mouseup", W));
-	}, U = (o) => {
-		(Math.abs(o.clientX - R.value.x) > 5 || Math.abs(o.clientY - R.value.y) > 5) && X(), Q(o.clientX, o.clientY);
-	}, W = () => {
-		X(), $(), window.removeEventListener("mousemove", U), window.removeEventListener("mouseup", W);
-	}, G = (o) => {
-		if (o[GESTURE_HANDLED] || (o[GESTURE_HANDLED] = !0, o.touches.length > 1)) return;
-		let F = o.touches[0];
-		Y(), Z(F.clientX, F.clientY);
-	}, K = (o) => {
-		if (o[GESTURE_HANDLED]) return;
-		o[GESTURE_HANDLED] = !0;
-		let F = o.touches[0];
-		(Math.abs(F.clientX - R.value.x) > 5 || Math.abs(F.clientY - R.value.y) > 5) && X(), Q(F.clientX, F.clientY);
-	}, q = (o) => {
-		o[GESTURE_HANDLED] || (o[GESTURE_HANDLED] = !0, X(), $());
-	}, J = (o) => {
-		o[GESTURE_HANDLED] || (o[GESTURE_HANDLED] = !0, X(), $());
-	}, Y = () => {
-		X(), I.value = window.setTimeout(() => {
-			B.onLongPress?.();
+	}), D = {
+		onTap: () => e("tap"),
+		onClick: (S) => e("click", S),
+		onDoubleTap: () => e("double-tap"),
+		onLongPress: () => e("long-press"),
+		onPanStart: (S) => e("pan-start", S),
+		onPanUpdate: (S) => e("pan-update", S),
+		onPanEnd: () => e("pan-end")
+	}, O = (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));
+	}, 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);
+	}, N = (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());
+	}, F = (e) => {
+		e[GESTURE_HANDLED] || (e[GESTURE_HANDLED] = !0, L(), B());
+	}, I = () => {
+		L(), C.value = window.setTimeout(() => {
+			D.onLongPress?.();
 		}, 500);
-	}, X = () => {
-		I.value &&= (clearTimeout(I.value), null);
-	}, Z = (o, F) => {
-		R.value = {
-			x: o,
-			y: F
-		}, z.value = {
-			x: o,
-			y: F
-		}, L.value = !0, B.onPanStart?.({ globalPosition: {
-			x: o,
-			y: F
+	}, L = () => {
+		C.value &&= (clearTimeout(C.value), null);
+	}, R = (e, S) => {
+		T.value = {
+			x: e,
+			y: S
+		}, E.value = {
+			x: e,
+			y: S
+		}, w.value = !0, D.onPanStart?.({ globalPosition: {
+			x: e,
+			y: S
 		} });
-	}, Q = (o, F) => {
-		if (!L.value) return;
-		let I = o - z.value.x, R = F - z.value.y;
-		I === 0 && R === 0 || (B.onPanUpdate?.({
+	}, z = (e, S) => {
+		if (!w.value) return;
+		let C = e - E.value.x, T = S - E.value.y;
+		C === 0 && T === 0 || (D.onPanUpdate?.({
 			delta: {
-				x: I,
-				y: R
+				x: C,
+				y: T
 			},
 			globalPosition: {
-				x: o,
-				y: F
+				x: e,
+				y: S
 			}
-		}), z.value = {
-			x: o,
-			y: F
+		}), E.value = {
+			x: e,
+			y: S
 		});
-	}, $ = () => {
-		L.value && (L.value = !1, B.onPanEnd?.());
+	}, B = () => {
+		w.value && (w.value = !1, D.onPanEnd?.());
 	};
 	return {
-		onClick: V,
-		onMousedown: H,
-		onMouseup: W,
-		onMousemove: U,
-		onTouchstart: G,
-		onTouchmove: K,
-		onTouchend: q,
-		onTouchcancel: J
+		onClick: O,
+		onMousedown: k,
+		onMouseup: j,
+		onMousemove: A,
+		onTouchstart: M,
+		onTouchmove: N,
+		onTouchend: P,
+		onTouchcancel: F
 	};
 }
 var S_EVENTS = Symbol("events"), S_BEHAVIOR = Symbol("behavior");
 function useGestureStyle() {
-	let o = inject(S_BEHAVIOR, "deferToChild"), F = {};
-	return (o === "opaque" || o === "translucent") && (F.cursor = "pointer", F.userSelect = "none"), F;
+	let e = inject(S_BEHAVIOR, "deferToChild"), S = {};
+	return (e === "opaque" || e === "translucent") && (S.cursor = "pointer", S.userSelect = "none"), S;
 }
 function useGestureEvents() {
 	return inject(S_EVENTS, void 0);
 }
-function provideGesture(o, F) {
-	provide(S_EVENTS, o), provide(S_BEHAVIOR, F);
+function provideGesture(e, S) {
+	provide(S_EVENTS, e), provide(S_BEHAVIOR, S);
 }
 function useSafeAttrs() {
-	let o = useAttrs();
+	let e = useAttrs();
 	return computed(() => {
-		let { class: F, style: I, ...L } = o ?? {};
-		return L;
+		let { class: S, style: C, ...w } = e ?? {};
+		return w;
 	});
 }
 var StyleInjectionKey = Symbol("fluekit-style-provider"), Injector = defineComponent({
@@ -661,8 +666,8 @@ var StyleInjectionKey = Symbol("fluekit-style-provider"), Injector = defineCompo
 		type: Object,
 		default: () => ({})
 	} },
-	setup(o, { slots: F }) {
-		return provide(StyleInjectionKey, computed(() => o.style)), () => F.default?.() || null;
+	setup(e, { slots: S }) {
+		return provide(StyleInjectionKey, computed(() => e.style)), () => S.default?.() || null;
 	}
 });
 function useStyles() {
@@ -680,21 +685,21 @@ const StyleProvider = defineComponent({
 			default: () => ({})
 		}
 	},
-	setup(o, { slots: F }) {
+	setup(e, { slots: S }) {
 		return () => {
-			let I = F.default?.() ?? [];
-			return I.length <= 0 ? null : cloneAndMergeStyles(I, o.style, o.attrs);
+			let C = S.default?.() ?? [];
+			return C.length <= 0 ? null : cloneAndMergeStyles(C, e.style, e.attrs);
 		};
 	}
 });
-function cloneAndMergeStyles(R, z, B) {
-	return R.map((R) => R && (R.type === Fragment ? Array.isArray(R.children) ? h(Fragment, cloneAndMergeStyles(R.children, z, B)) : R : R.type === Comment || R.type === Text ? R : isHtmlTag(R) ? cloneVNode(R, { style: {
-		...R.props?.style || {},
-		...z
+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
 	} }) : h(Injector, {
-		...B,
-		style: z
-	}, { default: () => R })));
+		...D,
+		style: E
+	}, { default: () => T })));
 }
 var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -715,54 +720,54 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		duration: { default: 300 },
 		curve: { default: "linear" }
 	},
-	setup(o) {
-		let F = useStyles(), I = useSafeAttrs(), L = useGestureEvents(), z = computed(() => F.value.pointerEvents == "none" ? I.value : {
-			...I.value,
-			...L || {}
-		}), H = useGestureStyle(), U = o, W = computed(() => `all ${U.duration}ms ${U.curve}`), G = computed(() => {
-			let o = {
-				...sizeToStyle(U),
-				...paddingToStyle(U.padding),
-				...marginToStyle(U.margin),
-				...boxDecorationToStyle(U.decoration),
-				...alignmentToStyle(U.alignment, "column"),
-				...boxConstraintsToStyle(U.constraints),
-				...H,
-				transition: W.value
+	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 e = {
+				...sizeToStyle(A),
+				...paddingToStyle(A.padding),
+				...marginToStyle(A.margin),
+				...boxDecorationToStyle(A.decoration),
+				...alignmentToStyle(A.alignment, "column"),
+				...boxConstraintsToStyle(A.constraints),
+				...k,
+				transition: j.value
 			};
-			if (U.color && !U.decoration && (o.backgroundColor = U.color), U.transform && (o.transform = U.transform, U.transformAlignment && (o.transformOrigin = alignmentToOrigin(U.transformAlignment))), U.clipBehavior !== "none") switch (U.clipBehavior) {
+			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) {
 				case "hardEdge":
-					o.overflow = "hidden";
+					e.overflow = "hidden";
 					break;
 				case "antiAlias":
-					o.overflow = "hidden";
+					e.overflow = "hidden";
 					break;
 				default: break;
 			}
 			return {
-				...o,
+				...e,
 				display: "flex",
 				flexDirection: "column",
 				flexShrink: 0,
 				boxSizing: "border-box",
 				position: "relative"
 			};
-		}), K = computed(() => ({
-			...boxDecorationToStyle(U.foregroundDecoration),
+		}), N = computed(() => ({
+			...boxDecorationToStyle(A.foregroundDecoration),
 			position: "absolute",
 			top: 0,
 			left: 0,
 			right: 0,
 			bottom: 0,
 			pointerEvents: "none",
-			transition: W.value
+			transition: j.value
 		}));
-		return (o, F) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, S) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "animated-container",
-			style: G.value
-		}, z.value), [renderSlot(o.$slots, "default"), U.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			style: M.value
+		}, E.value), [renderSlot(e.$slots, "default"), A.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(K.value)
+			style: normalizeStyle(N.value)
 		}, null, 4)) : createCommentVNode("", !0)], 16));
 	}
 }), AnimatedOpacity_default = defineComponent({
@@ -782,27 +787,109 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 			default: "linear"
 		}
 	},
-	setup(o, { slots: F }) {
-		let I = computed(() => o.opacity === void 0 ? {} : {
-			transition: `opacity ${o.duration}ms ${o.curve}`,
-			opacity: o.opacity
+	setup(e, { slots: S }) {
+		let C = computed(() => e.opacity === void 0 ? {} : {
+			transition: `opacity ${e.duration}ms ${e.curve}`,
+			opacity: e.opacity
 		});
-		return () => h(StyleProvider, { style: I.value }, F);
+		return () => h(StyleProvider, { style: C.value }, S);
 	}
-}), Center_default = /* @__PURE__ */ defineComponent({
+});
+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);
+	}
+	if (e.maximumSize) {
+		let { width: C, height: w } = sizeToStyle(e.maximumSize) || {};
+		C && (S.maxWidth = C), w && (S.maxHeight = w);
+	}
+	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);
+	}
+	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;
+}
+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 useChild(e) {
+	let S = useChildren(e);
+	return S.length === 0 ? null : S[0];
+}
+var GestureDetector_default = defineComponent({
+	name: "GestureDetector",
+	inheritAttrs: !1,
+	props: { behavior: {
+		type: String,
+		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;
+		};
+	}
+}), _hoisted_1$3 = ["disabled"], Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Button",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		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(() => {
+			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");
+		}, I = () => {
+			C.disabled || w("long-press");
+		};
+		return (S, C) => (openBlock(), createBlock(GestureDetector_default, {
+			onTap: P,
+			onLongPress: I
+		}, {
+			default: withCtx(() => [createElementVNode("button", mergeProps({
+				class: "fluekit-button",
+				style: N.value,
+				disabled: e.disabled
+			}, j.value), [renderSlot(S.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$3)]),
+			_: 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({
 	inheritAttrs: !1,
 	__name: "Center",
 	props: {
 		widthFactor: {},
 		heightFactor: {}
 	},
-	setup(o) {
-		return (F, I) => (openBlock(), createBlock(Align_default, {
+	setup(e) {
+		return (S, C) => (openBlock(), createBlock(Align_default, {
 			alignment: "center",
-			"width-factor": o.widthFactor,
-			"height-factor": o.heightFactor
+			"width-factor": e.widthFactor,
+			"height-factor": e.heightFactor
 		}, {
-			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			default: withCtx(() => [renderSlot(S.$slots, "default")]),
 			_: 3
 		}, 8, ["width-factor", "height-factor"]));
 	}
@@ -826,23 +913,23 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		as: { default: "div" },
 		constraints: {}
 	},
-	setup(o) {
-		let F = o, I = useSafeAttrs(), L = computed(() => {
-			let o = ["flex-box", `flex-box-${F.direction}`];
-			return F.expanded && o.push("flex-expanded"), o.join(" ");
-		}), B = computed(() => {
-			let o = F.mainAxisAlignment, I = F.crossAxisAlignment, L = {
+	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 = {
 				display: "flex",
-				flexDirection: F.direction,
-				flexWrap: F.wrap ? "wrap" : "nowrap"
+				flexDirection: S.direction,
+				flexWrap: S.wrap ? "wrap" : "nowrap"
 			};
-			return L.justifyContent = FlexBoxJustifyMap[o] || o, L.alignItems = FlexBoxAlignMap[I] || I, L.gap = px2vw(F.gap), F.expanded && (L.flex = "1", L.width = "100%", L.height = "100%"), F.constraints && Object.assign(L, boxConstraintsToStyle(F.constraints)), L;
+			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 (F, R) => (openBlock(), createBlock(resolveDynamicComponent(o.as), mergeProps({
-			class: L.value,
-			style: B.value
-		}, unref(I)), {
-			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+		return (S, T) => (openBlock(), createBlock(resolveDynamicComponent(e.as), mergeProps({
+			class: w.value,
+			style: D.value
+		}, unref(C)), {
+			default: withCtx(() => [renderSlot(S.$slots, "default")]),
 			_: 3
 		}, 16, ["class", "style"]));
 	}
@@ -859,16 +946,16 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		as: {},
 		constraints: {}
 	},
-	setup(o) {
-		return (F, I) => (openBlock(), createBlock(FlexBox_default, {
+	setup(e) {
+		return (S, C) => (openBlock(), createBlock(FlexBox_default, {
 			direction: "column",
-			"main-axis-alignment": o.mainAxisAlignment,
-			"cross-axis-alignment": o.crossAxisAlignment,
-			wrap: o.wrap,
-			gap: o.gap,
-			expanded: o.expanded
+			"main-axis-alignment": e.mainAxisAlignment,
+			"cross-axis-alignment": e.crossAxisAlignment,
+			wrap: e.wrap,
+			gap: e.gap,
+			expanded: e.expanded
 		}, {
-			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			default: withCtx(() => [renderSlot(S.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"main-axis-alignment",
@@ -895,39 +982,39 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		transformAlignment: {},
 		constraints: {}
 	},
-	setup(o) {
-		let F = useStyles(), I = useSafeAttrs(), L = useGestureEvents(), z = computed(() => F.value.pointerEvents == "none" ? I.value : {
-			...I.value,
-			...L || {}
-		}), H = useGestureStyle(), U = o, W = computed(() => {
-			let o = {
-				backgroundColor: U.decoration ? void 0 : U.color,
-				transform: U.transform,
-				transformOrigin: U.transformAlignment ? alignmentToOrigin(U.transformAlignment) : "center",
-				overflow: U.clipBehavior === "none" ? void 0 : "hidden",
+	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(o, F.value), U.alignment && (Object.assign(o, {
+			Object.assign(e, S.value), A.alignment && (Object.assign(e, {
 				display: "flex",
 				flexDirection: "column"
-			}), Object.assign(o, alignmentToFlex(U.alignment, "column"))), Object.assign(o, sizeToStyle(U));
-			let I = boxConstraintsToStyle(U.constraints);
-			return isDefined(U.width) && (delete I.minWidth, delete I.maxWidth), isDefined(U.height) && (delete I.minHeight, delete I.maxHeight), Object.assign(o, I), Object.assign(o, paddingToStyle(U.padding)), Object.assign(o, marginToStyle(U.margin)), Object.assign(o, boxDecorationToStyle(U.decoration)), Object.assign(o, H), U.clipBehavior === "antiAlias" && (o.borderRadius = o.borderRadius || "inherit"), o;
-		}), G = computed(() => {
-			let o = {
+			}), 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(o, boxDecorationToStyle(U.foregroundDecoration)), o;
+			return Object.assign(e, boxDecorationToStyle(A.foregroundDecoration)), e;
 		});
-		return (o, F) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, S) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "container-box",
-			style: W.value
-		}, z.value), [renderSlot(o.$slots, "default"), U.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			style: j.value
+		}, E.value), [renderSlot(e.$slots, "default"), A.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(G.value)
+			style: normalizeStyle(M.value)
 		}, null, 4)) : createCommentVNode("", !0)], 16));
 	}
 }), FlexItem_default = /* @__PURE__ */ defineComponent({
@@ -947,23 +1034,23 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		minSize: {},
 		maxSize: {}
 	},
-	setup(o) {
-		let F = o, I = useSafeAttrs(), L = computed(() => {
-			let o = {};
-			if (F.expanded ? o.flex = "1 1 0%" : (F.flexible && (o.flex = "0 1 auto"), F.flex > 0 && (o.flex = `${F.flex} 1 0%`)), F.alignSelf !== "auto" && (o.alignSelf = FlexBoxAlignMap[F.alignSelf] || F.alignSelf), F.minSize) {
-				let I = px2vw(F.minSize);
-				o.minWidth = I, o.minHeight = I;
+	setup(e) {
+		let S = e, C = useSafeAttrs(), w = 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 (F.maxSize) {
-				let I = px2vw(F.maxSize);
-				o.maxWidth = I, o.maxHeight = I;
+			if (S.maxSize) {
+				let C = px2vw(S.maxSize);
+				e.maxWidth = C, e.maxHeight = C;
 			}
-			return o;
+			return e;
 		});
-		return (o, F) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, S) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "flex-item",
-			style: L.value
-		}, unref(I)), [renderSlot(o.$slots, "default")], 16));
+			style: w.value
+		}, unref(C)), [renderSlot(e.$slots, "default")], 16));
 	}
 }), Expanded_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -974,15 +1061,15 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		minSize: {},
 		maxSize: {}
 	},
-	setup(o) {
-		return (F, I) => (openBlock(), createBlock(FlexItem_default, {
-			flex: o.flex,
+	setup(e) {
+		return (S, C) => (openBlock(), createBlock(FlexItem_default, {
+			flex: e.flex,
 			expanded: "",
-			"align-self": o.alignSelf,
-			"min-size": o.minSize,
-			"max-size": o.maxSize
+			"align-self": e.alignSelf,
+			"min-size": e.minSize,
+			"max-size": e.maxSize
 		}, {
-			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			default: withCtx(() => [renderSlot(S.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"flex",
@@ -992,16 +1079,16 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		]));
 	}
 });
-function usePositionStyle(o, F = "absolute") {
+function usePositionStyle(e, S = "absolute") {
 	return computed(() => {
-		let I = {
-			position: F,
+		let C = {
+			position: S,
 			boxSizing: "border-box"
 		};
-		return I.top = px2vw(o.top), I.bottom = px2vw(o.bottom), I.left = px2vw(o.left), I.right = px2vw(o.right), I.width = px2vw(o.width), I.height = px2vw(o.height), I.zIndex = o.zIndex, I;
+		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;
 	});
 }
-var Fixed_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Fixed",
 	props: {
@@ -1013,43 +1100,14 @@ var Fixed_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		height: {},
 		zIndex: { default: 100 }
 	},
-	setup(o) {
-		let F = usePositionStyle(o, "fixed");
-		return (o, I) => (openBlock(), createElementBlock("div", {
+	setup(e) {
+		let S = usePositionStyle(e, "fixed");
+		return (e, C) => (openBlock(), createElementBlock("div", {
 			class: "flutter-fixed",
-			style: normalizeStyle(unref(F))
-		}, [renderSlot(o.$slots, "default", {}, void 0, !0)], 4));
-	}
-}), __plugin_vue_export_helper_default = (o, F) => {
-	let I = o.__vccOpts || o;
-	for (let [o, L] of F) I[o] = L;
-	return I;
-}, Fixed_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Fixed_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b47757ec"]]);
-function useChildren(L) {
-	if (!L) return [];
-	let R = L();
-	return R ? R.filter((L) => !(L.type === Comment || L.type === Text && typeof L.children == "string" && !L.children.trim() || L.type === Fragment && Array.isArray(L.children) && L.children.length === 0)) : [];
-}
-function useChild(o) {
-	let F = useChildren(o);
-	return F.length === 0 ? null : F[0];
-}
-var GestureDetector_default = defineComponent({
-	name: "GestureDetector",
-	inheritAttrs: !1,
-	props: { behavior: {
-		type: String,
-		default: "deferToChild"
-	} },
-	emits: events,
-	setup(o, { slots: F, emit: R }) {
-		let z = useGestures({ emit: R });
-		return provideGesture(z, o.behavior), () => {
-			let o = useChild(F.default);
-			return o ? o.type === Text ? h("span", z, [o]) : isHtmlTag(o) ? cloneVNode(o, z) : o : null;
-		};
+			style: normalizeStyle(unref(S))
+		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
-}), ScrollView_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-b47757ec"]]), ScrollView_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "ScrollView",
 	props: {
@@ -1067,9 +1125,9 @@ var GestureDetector_default = defineComponent({
 		"scrollStart",
 		"scrollEnd"
 	],
-	setup(o, { expose: F, emit: I }) {
-		let L = o, z = I, B = ref(), U = !1, W = null, G = computed(() => {
-			let o = {
+	setup(e, { expose: S, emit: C }) {
+		let w = e, E = C, D = ref(), A = !1, j = null, M = computed(() => {
+			let e = {
 				width: "100%",
 				height: "100%",
 				position: "relative",
@@ -1077,39 +1135,39 @@ var GestureDetector_default = defineComponent({
 				scrollbarWidth: "none",
 				WebkitOverflowScrolling: "touch"
 			};
-			return L.physics === "never" ? o.overflow = "hidden" : (L.scrollDirection === "vertical" ? (o.overflowX = "hidden", o.overflowY = "auto") : (o.overflowX = "auto", o.overflowY = "hidden"), L.physics === "clamping" ? o.overscrollBehavior = "none" : L.physics === "bouncing" && (o.overscrollBehavior = "auto")), L.clipBehavior === "none" && L.physics === "never" && (o.overflow = "visible"), o;
-		}), K = computed(() => {
-			let o = {
-				minWidth: L.scrollDirection === "horizontal" ? "max-content" : "100%",
-				minHeight: L.scrollDirection === "vertical" ? "fit-content" : "100%",
+			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(() => {
+			let e = {
+				minWidth: w.scrollDirection === "horizontal" ? "max-content" : "100%",
+				minHeight: w.scrollDirection === "vertical" ? "fit-content" : "100%",
 				boxSizing: "border-box",
 				display: "flow-root"
 			};
-			return L.padding && Object.assign(o, paddingToStyle(L.padding)), o;
-		}), q = (o) => {
-			let F = o.target;
-			U || (U = !0, z("scrollStart")), z("scroll", {
-				scrollTop: F.scrollTop,
-				scrollLeft: F.scrollLeft,
-				scrollHeight: F.scrollHeight,
-				scrollWidth: F.scrollWidth
-			}), W && clearTimeout(W), W = window.setTimeout(() => {
-				U = !1, z("scrollEnd");
+			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");
 			}, 150);
 		};
-		return F({
-			scrollRef: B,
-			scrollTo: (o) => {
-				B.value?.scrollTo(o);
+		return S({
+			scrollRef: D,
+			scrollTo: (e) => {
+				D.value?.scrollTo(e);
 			}
 		}), onUnmounted(() => {
-			W && clearTimeout(W);
-		}), (o, F) => (openBlock(), createElementBlock("div", {
+			j && clearTimeout(j);
+		}), (e, S) => (openBlock(), createElementBlock("div", {
 			ref_key: "scrollRef",
-			ref: B,
-			style: normalizeStyle(G.value),
-			onScroll: q
-		}, [createElementVNode("div", { style: normalizeStyle(K.value) }, [renderSlot(o.$slots, "default")], 4)], 36));
+			ref: D,
+			style: normalizeStyle(M.value),
+			onScroll: P
+		}, [createElementVNode("div", { style: normalizeStyle(N.value) }, [renderSlot(e.$slots, "default")], 4)], 36));
 	}
 }), GridView_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1129,37 +1187,37 @@ var GestureDetector_default = defineComponent({
 		childAspectRatio: { default: 1 },
 		itemCount: {}
 	},
-	setup(o) {
-		let I = o, L = computed(() => ({
-			height: I.shrinkWrap ? "auto" : "100%",
-			width: I.shrinkWrap ? "auto" : "100%"
-		})), B = computed(() => {
-			let o = I.scrollDirection === "vertical", F = typeof I.mainAxisSpacing == "number" ? px2vw(I.mainAxisSpacing) : I.mainAxisSpacing, L = typeof I.crossAxisSpacing == "number" ? px2vw(I.crossAxisSpacing) : I.crossAxisSpacing;
+	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;
 			return {
 				display: "grid",
-				gridTemplateColumns: o ? `repeat(${I.crossAxisCount}, 1fr)` : "none",
-				gridTemplateRows: o ? "none" : `repeat(${I.crossAxisCount}, 1fr)`,
-				gridAutoFlow: o ? "row" : "column",
-				gap: o ? `${F} ${L}` : `${L} ${F}`,
-				minWidth: o ? "100%" : "max-content",
-				minHeight: o ? "max-content" : "100%"
+				gridTemplateColumns: e ? `repeat(${C.crossAxisCount}, 1fr)` : "none",
+				gridTemplateRows: e ? "none" : `repeat(${C.crossAxisCount}, 1fr)`,
+				gridAutoFlow: e ? "row" : "column",
+				gap: e ? `${S} ${w}` : `${w} ${S}`,
+				minWidth: e ? "100%" : "max-content",
+				minHeight: e ? "max-content" : "100%"
 			};
 		});
-		return (I, R) => (openBlock(), createBlock(ScrollView_default, {
-			"scroll-direction": o.scrollDirection,
-			padding: o.padding,
-			physics: o.physics,
-			"clip-behavior": o.clipBehavior,
+		return (C, T) => (openBlock(), createBlock(ScrollView_default, {
+			"scroll-direction": e.scrollDirection,
+			padding: e.padding,
+			physics: e.physics,
+			"clip-behavior": e.clipBehavior,
 			class: "flutter-grid-view",
-			style: normalizeStyle(L.value)
+			style: normalizeStyle(w.value)
 		}, {
 			default: withCtx(() => [createElementVNode("div", {
 				class: "grid-view-content",
-				style: normalizeStyle(B.value)
-			}, [o.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(o.itemCount, (o) => renderSlot(I.$slots, "item", {
-				key: o - 1,
-				index: o - 1
-			})), 128)) : renderSlot(I.$slots, "default", { key: 0 })], 4)]),
+				style: normalizeStyle(D.value)
+			}, [e.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(e.itemCount, (e) => renderSlot(C.$slots, "item", {
+				key: e - 1,
+				index: e - 1
+			})), 128)) : renderSlot(C.$slots, "default", { key: 0 })], 4)]),
 			_: 3
 		}, 8, [
 			"scroll-direction",
@@ -1182,13 +1240,107 @@ var GestureDetector_default = defineComponent({
 			default: !1
 		}
 	},
-	setup(o, { slots: F }) {
-		return () => !o.ignoring && !o.ignoringSemantics ? F.default?.() : h(StyleProvider, {
-			style: { pointerEvents: o.ignoring ? "none" : void 0 },
-			attrs: { "aria-hidden": o.ignoringSemantics ? "true" : void 0 }
-		}, F);
+	setup(e, { slots: S }) {
+		return () => !e.ignoring && !e.ignoringSemantics ? S.default?.() : h(StyleProvider, {
+			style: { pointerEvents: e.ignoring ? "none" : void 0 },
+			attrs: { "aria-hidden": e.ignoringSemantics ? "true" : void 0 }
+		}, S);
+	}
+}), IMAGE_PROVIDER_SYMBOL = Symbol("ImageProvider");
+function isImageProvider(e) {
+	return e && e[IMAGE_PROVIDER_SYMBOL] === !0;
+}
+function NetworkImage(e) {
+	return {
+		src: e,
+		[IMAGE_PROVIDER_SYMBOL]: !0
+	};
+}
+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,
+		[IMAGE_PROVIDER_SYMBOL]: !0
+	};
+}
+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,
+		[IMAGE_PROVIDER_SYMBOL]: !0
+	};
+}
+function createAssetImage(e) {
+	return (S, C = {}) => AssetImage(S, {
+		...e,
+		...C
+	});
+}
+var _hoisted_1$2 = ["src", "alt"], Image_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Image",
+	props: {
+		image: {},
+		width: {},
+		height: {},
+		color: {},
+		colorBlendMode: {},
+		fit: { default: "contain" },
+		alignment: { default: "center" },
+		repeat: { default: "no-repeat" },
+		opacity: { default: 1 },
+		filterQuality: { default: "medium" },
+		alt: { default: "" }
+	},
+	emits: ["load", "error"],
+	setup(e, { emit: S }) {
+		let C = e, w = S, E = useSafeAttrs(), D = computed(() => {
+			let e = {
+				position: "relative",
+				display: "inline-block",
+				overflow: "hidden",
+				lineHeight: 0
+			};
+			return Object.assign(e, sizeToStyle({
+				width: C.width,
+				height: C.height
+			})), e;
+		}), A = {
+			fill: "fill",
+			contain: "contain",
+			cover: "cover",
+			fitWidth: "contain",
+			fitHeight: "contain",
+			none: "none",
+			scaleDown: "scale-down"
+		}, j = computed(() => alignmentToOrigin(C.alignment)), M = computed(() => {
+			let e = {
+				width: "100%",
+				height: "100%",
+				objectFit: A[C.fit],
+				objectPosition: j.value,
+				opacity: C.opacity,
+				imageRendering: C.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({
+			class: "fluekit-image-container",
+			style: D.value
+		}, unref(E)), [createElementVNode("img", {
+			src: C.image.src,
+			class: "fluekit-image",
+			style: normalizeStyle(M.value),
+			alt: e.alt,
+			onLoad: N,
+			onError: P
+		}, null, 44, _hoisted_1$2)], 16));
 	}
-}), _hoisted_1 = {
+}), [["__scopeId", "data-v-9d37b792"]]), _hoisted_1$1 = {
 	key: 0,
 	class: "list-view-separator"
 }, ListView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1210,31 +1362,31 @@ var GestureDetector_default = defineComponent({
 		},
 		clipBehavior: { default: "hardEdge" }
 	},
-	setup(o) {
-		let I = o, L = computed(() => ({
-			height: I.shrinkWrap ? "auto" : "100%",
-			width: I.shrinkWrap ? "auto" : "100%"
-		})), U = computed(() => {
-			let o = I.scrollDirection === "vertical";
+	setup(e) {
+		let C = e, w = computed(() => ({
+			height: C.shrinkWrap ? "auto" : "100%",
+			width: C.shrinkWrap ? "auto" : "100%"
+		})), A = computed(() => {
+			let e = C.scrollDirection === "vertical";
 			return {
 				display: "flex",
-				flexDirection: o ? "column" : "row",
+				flexDirection: e ? "column" : "row",
 				gap: "0px",
-				minWidth: o ? "100%" : "max-content"
+				minWidth: e ? "100%" : "max-content"
 			};
 		});
-		return (I, R) => (openBlock(), createBlock(ScrollView_default, {
-			"scroll-direction": o.scrollDirection,
-			padding: o.padding,
-			physics: o.physics,
-			"clip-behavior": o.clipBehavior,
-			class: normalizeClass(["flutter-list-view", { "list-view-shrink-wrap": o.shrinkWrap }]),
-			style: normalizeStyle(L.value)
+		return (C, T) => (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)
 		}, {
 			default: withCtx(() => [createElementVNode("div", {
 				class: "list-view-content",
-				style: normalizeStyle(U.value)
-			}, [o.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(o.itemCount, (L) => (openBlock(), createElementBlock(Fragment, { key: L - 1 }, [renderSlot(I.$slots, "item", { index: L - 1 }, void 0, !0), o.separator && L < o.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(I.$slots, "separator", { index: L - 1 }, void 0, !0)])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(I.$slots, "default", { key: 0 }, void 0, !0)], 4)]),
+				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)]),
 			_: 3
 		}, 8, [
 			"scroll-direction",
@@ -1252,9 +1404,9 @@ var GestureDetector_default = defineComponent({
 		type: Number,
 		default: void 0
 	} },
-	setup(o, { slots: F }) {
-		let I = computed(() => o.opacity === void 0 ? {} : { opacity: Math.max(0, Math.min(1, o.opacity)) });
-		return () => h(StyleProvider, { style: I.value }, F);
+	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);
 	}
 }), Padding_default = defineComponent({
 	name: "Padding",
@@ -1285,10 +1437,10 @@ var GestureDetector_default = defineComponent({
 			default: void 0
 		}
 	},
-	setup(o, { slots: F }) {
+	setup(e, { slots: S }) {
 		return () => {
-			let I = useChild(F.default);
-			return I ? cloneVNode(I, { style: edgeInsetsToStyle("padding", o) }) : null;
+			let C = useChild(S.default);
+			return C ? cloneVNode(C, { style: edgeInsetsToStyle("padding", e) }) : null;
 		};
 	}
 }), STACK_CONTEXT_KEY = "stackContext";
@@ -1307,16 +1459,16 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		width: {},
 		height: {}
 	},
-	setup(o) {
-		let F = o, I = useStackContext();
+	setup(e) {
+		let S = e, C = useStackContext();
 		onMounted(() => {
-			I || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
+			C || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
 		});
-		let L = usePositionStyle(F, "absolute");
-		return (o, F) => (openBlock(), createElementBlock("div", {
+		let w = usePositionStyle(S, "absolute");
+		return (e, S) => (openBlock(), createElementBlock("div", {
 			class: "positioned",
-			style: normalizeStyle(unref(L))
-		}, [renderSlot(o.$slots, "default")], 4));
+			style: normalizeStyle(unref(w))
+		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), Row_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1337,17 +1489,17 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		as: {},
 		constraints: {}
 	},
-	setup(o) {
-		return (F, I) => (openBlock(), createBlock(FlexBox_default, {
+	setup(e) {
+		return (S, C) => (openBlock(), createBlock(FlexBox_default, {
 			direction: "row",
-			"main-axis-alignment": o.mainAxisAlignment,
-			"cross-axis-alignment": o.crossAxisAlignment,
-			wrap: o.wrap,
-			gap: o.gap,
-			as: o.as,
-			expanded: o.expanded
+			"main-axis-alignment": e.mainAxisAlignment,
+			"cross-axis-alignment": e.crossAxisAlignment,
+			wrap: e.wrap,
+			gap: e.gap,
+			as: e.as,
+			expanded: e.expanded
 		}, {
-			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			default: withCtx(() => [renderSlot(S.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"main-axis-alignment",
@@ -1384,20 +1536,20 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 			default: !1
 		}
 	},
-	setup(o) {
-		let F = o, I = computed(() => {
-			let o = {
+	setup(e) {
+		let S = e, C = computed(() => {
+			let e = {
 				display: "flex",
 				flexDirection: "column",
 				width: "100%",
 				height: "100%"
 			};
-			return F.top && [].push("env(safe-area-inset-top)"), F.right && [].push("env(safe-area-inset-right)"), F.bottom && [].push("env(safe-area-inset-bottom)"), F.left && [].push("env(safe-area-inset-left)"), F.top && (o.paddingTop = "env(safe-area-inset-top)"), F.right && (o.paddingRight = "env(safe-area-inset-right)"), F.bottom && (o.paddingBottom = "env(safe-area-inset-bottom)"), F.left && (o.paddingLeft = "env(safe-area-inset-left)"), F.minimum, o;
+			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 (o, F) => (openBlock(), createElementBlock("div", {
+		return (e, S) => (openBlock(), createElementBlock("div", {
 			class: "flutter-safe-area",
-			style: normalizeStyle(I.value)
-		}, [renderSlot(o.$slots, "default")], 4));
+			style: normalizeStyle(C.value)
+		}, [renderSlot(e.$slots, "default")], 4));
 	}
 }), SizedBox_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1406,18 +1558,18 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		width: {},
 		height: {}
 	},
-	setup(o) {
-		let F = o, I = useSafeAttrs(), L = useSlots(), z = computed(() => {
-			let o = {
+	setup(e) {
+		let S = e, C = useSafeAttrs(), w = useSlots(), E = computed(() => {
+			let e = {
 				boxSizing: "border-box",
 				position: "relative"
 			};
-			return Object.assign(o, sizeToStyle(F)), L.default && (o.display = "flex", o.flexDirection = "column", o.flexShrink = 0), o;
+			return Object.assign(e, sizeToStyle(S)), w.default && (e.display = "flex", e.flexDirection = "column", e.flexShrink = 0), e;
 		});
-		return (o, F) => (openBlock(), createElementBlock("div", mergeProps({
+		return (e, S) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "sized-box",
-			style: z.value
-		}, unref(I)), [renderSlot(o.$slots, "default")], 16));
+			style: E.value
+		}, unref(C)), [renderSlot(e.$slots, "default")], 16));
 	}
 }), Stack_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1428,29 +1580,29 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		textDirection: { default: "ltr" },
 		fit: { default: StackFit.loose }
 	},
-	setup(o) {
-		let F = o, I = {
+	setup(e) {
+		let S = e, C = {
 			clip: "hidden",
 			hardEdge: "hidden",
 			antiAlias: "hidden",
 			none: "visible"
-		}, L = computed(() => {
-			let o = {
+		}, w = computed(() => {
+			let e = {
 				position: "relative",
 				display: "grid",
 				gridTemplateColumns: "1fr",
 				gridTemplateRows: "1fr",
-				...alignmentToGrid(F.alignment),
-				overflow: I[F.clipBehavior],
-				direction: F.textDirection,
+				...alignmentToGrid(S.alignment),
+				overflow: C[S.clipBehavior],
+				direction: S.textDirection,
 				boxSizing: "border-box"
 			};
-			return F.fit === StackFit.expand && (o.width = "100%", o.height = "100%"), o;
+			return S.fit === StackFit.expand && (e.width = "100%", e.height = "100%"), e;
 		});
-		return provideStackContext(), (o, F) => (openBlock(), createElementBlock("div", {
+		return provideStackContext(), (e, S) => (openBlock(), createElementBlock("div", {
 			class: "flutter-stack",
-			style: normalizeStyle(L.value)
-		}, [renderSlot(o.$slots, "default", {}, void 0, !0)], 4));
+			style: normalizeStyle(w.value)
+		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-aefe47c2"]]), Sticky_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1464,68 +1616,68 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 		height: {},
 		zIndex: { default: 10 }
 	},
-	setup(o) {
-		let F = usePositionStyle(o, "sticky");
-		return (o, I) => (openBlock(), createElementBlock("div", {
+	setup(e) {
+		let S = usePositionStyle(e, "sticky");
+		return (e, C) => (openBlock(), createElementBlock("div", {
 			class: "flutter-sticky",
-			style: normalizeStyle(unref(F))
-		}, [renderSlot(o.$slots, "default")], 4));
+			style: normalizeStyle(unref(S))
+		}, [renderSlot(e.$slots, "default")], 4));
 	}
 });
-let FontWeight = /* @__PURE__ */ function(o) {
-	return o.w100 = "100", o.w200 = "200", o.w300 = "300", o.w400 = "400", o.w500 = "500", o.w600 = "600", o.w700 = "700", o.w800 = "800", o.w900 = "900", o.normal = "normal", o.bold = "bold", o.bolder = "bolder", o;
-}({}), FontStyle = /* @__PURE__ */ function(o) {
-	return o.normal = "normal", o.italic = "italic", o;
-}({}), TextDecoration = /* @__PURE__ */ function(o) {
-	return o.none = "none", o.underline = "underline", o.overline = "overline", o.lineThrough = "line-through", o;
-}({}), TextDecorationStyle = /* @__PURE__ */ function(o) {
-	return o.solid = "solid", o.double = "double", o.dotted = "dotted", o.dashed = "dashed", o.wavy = "wavy", o;
-}({}), TextAlign = /* @__PURE__ */ function(o) {
-	return o.left = "left", o.right = "right", o.center = "center", o.justify = "justify", o.start = "start", o.end = "end", o;
-}({}), TextOverflow = /* @__PURE__ */ function(o) {
-	return o.clip = "clip", o.fade = "fade", o.ellipsis = "ellipsis", o.visible = "visible", o;
-}({}), TextBaseline = /* @__PURE__ */ function(o) {
-	return o.alphabetic = "alphabetic", o.ideographic = "ideographic", o;
-}({}), TextDirection = /* @__PURE__ */ function(o) {
-	return o.rtl = "rtl", o.ltr = "ltr", o;
+let FontWeight = /* @__PURE__ */ function(e) {
+	return e.w100 = "100", e.w200 = "200", e.w300 = "300", e.w400 = "400", e.w500 = "500", e.w600 = "600", e.w700 = "700", e.w800 = "800", e.w900 = "900", e.normal = "normal", e.bold = "bold", e.bolder = "bolder", e;
+}({}), FontStyle = /* @__PURE__ */ function(e) {
+	return e.normal = "normal", e.italic = "italic", e;
+}({}), TextDecoration = /* @__PURE__ */ function(e) {
+	return e.none = "none", e.underline = "underline", e.overline = "overline", e.lineThrough = "line-through", e;
+}({}), TextDecorationStyle = /* @__PURE__ */ function(e) {
+	return e.solid = "solid", e.double = "double", e.dotted = "dotted", e.dashed = "dashed", e.wavy = "wavy", e;
+}({}), TextAlign = /* @__PURE__ */ function(e) {
+	return e.left = "left", e.right = "right", e.center = "center", e.justify = "justify", e.start = "start", e.end = "end", e;
+}({}), TextOverflow = /* @__PURE__ */ function(e) {
+	return e.clip = "clip", e.fade = "fade", e.ellipsis = "ellipsis", e.visible = "visible", e;
+}({}), TextBaseline = /* @__PURE__ */ function(e) {
+	return e.alphabetic = "alphabetic", e.ideographic = "ideographic", e;
+}({}), TextDirection = /* @__PURE__ */ function(e) {
+	return e.rtl = "rtl", e.ltr = "ltr", e;
 }({});
 var TEXT_STYLE_SYMBOL = Symbol("textStyle");
-function buildFontFamily(o, F, I) {
-	let L = o;
-	return F && L && (L = `packages/${F}/${L}`), I && I.length > 0 ? [L, ...I].filter(Boolean).join(", ") : L;
-}
-function toCSSStyle(o = {}) {
-	let F = {};
-	F.margin = 0, F.padding = 0, F.border = "none", F.fontSmooth = "antialiased", F.MozOsxFontSmoothing = "grayscale", F.textRendering = "optimizeLegibility", F.wordBreak = "break-word", F.overflowWrap = "break-word", F.transition = "all 0.2s ease-in-out", o.foreground ? Object.assign(F, o.foreground) : o.color && (F.color = o.color), o.background ? Object.assign(F, o.background) : o.backgroundColor && (F.backgroundColor = o.backgroundColor), o.fontSize && (F.fontSize = typeof o.fontSize == "number" ? px2vw(o.fontSize) : o.fontSize), o.fontWeight && (F.fontWeight = o.fontWeight.toString()), o.fontStyle && (F.fontStyle = o.fontStyle);
-	let I = buildFontFamily(o.fontFamily, o.package, o.fontFamilyFallback);
-	if (I && (F.fontFamily = I), o.letterSpacing && (F.letterSpacing = px2vw(o.letterSpacing)), o.wordSpacing && (F.wordSpacing = px2vw(o.wordSpacing)), o.height && (F.lineHeight = o.height.toString()), o.decoration && (F.textDecoration = o.decoration), o.decorationColor && (F.textDecorationColor = o.decorationColor), o.decorationStyle && (F.textDecorationStyle = o.decorationStyle), o.decorationThickness && (F.textDecorationThickness = px2vw(o.decorationThickness)), o.overflow) switch (o.overflow) {
+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 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) {
 		case TextOverflow.ellipsis:
-			F.overflow = "hidden", F.textOverflow = "ellipsis", F.whiteSpace = "nowrap";
+			S.overflow = "hidden", S.textOverflow = "ellipsis", S.whiteSpace = "nowrap";
 			break;
 		case TextOverflow.clip:
-			F.overflow = "hidden";
+			S.overflow = "hidden";
 			break;
 		case TextOverflow.visible:
-			F.overflow = "visible";
+			S.overflow = "visible";
 			break;
 		case TextOverflow.fade:
-			F.overflow = "hidden", F.whiteSpace = "nowrap", F.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
+			S.overflow = "hidden", S.whiteSpace = "nowrap", S.maskImage = "linear-gradient(to right, black 80%, transparent 100%)";
 			break;
 	}
-	return o.shadows && o.shadows.length > 0 && (F.textShadow = o.shadows.map((o) => {
-		let F = o.offsetX || 0, I = o.offsetY || 0, L = o.blurRadius || 0, R = o.color || "rgba(0,0,0,0.5)";
-		return `${px2vw(F)} ${px2vw(I)} ${px2vw(L)} ${R}`;
-	}).join(", ")), o.fontFeatures && (F.fontFeatureSettings = JSON.stringify(o.fontFeatures)), o.fontVariations && (F.fontVariationSettings = JSON.stringify(o.fontVariations)), F;
+	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;
 }
-function TextStyle(o = {}, F = {}) {
+function TextStyle(e = {}, S = {}) {
 	return {
-		...F,
-		...o,
+		...S,
+		...e,
 		[TEXT_STYLE_SYMBOL]: !0
 	};
 }
-function isTextStyle(o) {
-	return isPlainObject(o) ? TEXT_STYLE_SYMBOL in o : !1;
+function isTextStyle(e) {
+	return isPlainObject(e) ? TEXT_STYLE_SYMBOL in e : !1;
 }
 var Text_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1544,35 +1696,259 @@ var Text_default = /* @__PURE__ */ defineComponent({
 		semanticsLabel: {},
 		tag: { default: "span" }
 	},
-	setup(o) {
-		let F = useStyles(), I = o, L = useGestureEvents(), B = computed(() => F.value.pointerEvents == "none" ? {} : L || {}), V = computed(() => {
-			let o = I.data;
-			return !isUndefined(o) && o != null ? o.toString() : "";
-		}), H = useGestureStyle(), W = computed(() => {
-			let o = I.style ? toCSSStyle(I.style) : {};
-			I.textAlign && (o.textAlign = I.textAlign), I.textDirection && (o.direction = I.textDirection), I.softWrap === !1 && (o.whiteSpace = "nowrap");
-			let F = I.overflow ?? I.style?.overflow;
-			if (F) switch (F) {
+	setup(e) {
+		let S = useStyles(), C = e, w = useGestureEvents(), D = computed(() => S.value.pointerEvents == "none" ? {} : w || {}), O = computed(() => {
+			let e = C.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) {
 				case TextOverflow.ellipsis:
-					o.textOverflow = "ellipsis", o.overflow = "hidden", I.softWrap === !1 && (o.whiteSpace = "nowrap");
+					e.textOverflow = "ellipsis", e.overflow = "hidden", C.softWrap === !1 && (e.whiteSpace = "nowrap");
 					break;
 				case TextOverflow.clip:
-					o.overflow = "hidden", o.textOverflow = "clip";
+					e.overflow = "hidden", e.textOverflow = "clip";
 					break;
 				case TextOverflow.visible:
-					o.overflow = "visible";
+					e.overflow = "visible";
 					break;
 				case TextOverflow.fade:
-					o.overflow = "hidden", o.whiteSpace = "nowrap", o.maskImage = "linear-gradient(to right, black 80%, transparent 100%)", o.WebkitMaskImage = "linear-gradient(to right, black 80%, transparent 100%)";
+					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 I.maxLines && I.maxLines > 0 ? (o.overflow = "hidden", o.display = "-webkit-box", o.WebkitBoxOrient = "vertical", o.WebkitLineClamp = I.maxLines.toString(), I.softWrap !== !1 && (o.whiteSpace = "normal")) : o.display ||= I.tag === "span" ? "inline-block" : "block", Object.assign(o, H), o;
+			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 (F, I) => (openBlock(), createBlock(resolveDynamicComponent(o.tag), mergeProps({ style: W.value }, B.value), {
-			default: withCtx(() => [renderSlot(F.$slots, "default", {}, () => [createTextVNode(toDisplayString(V.value), 1)])]),
+		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)])]),
 			_: 3
 		}, 16, ["style"]));
 	}
+});
+function OutlineInputBorder(e = {}) {
+	return {
+		borderSide: e.borderSide ?? BorderSide({
+			color: "#000000",
+			width: 1
+		}),
+		borderRadius: e.borderRadius ?? BorderRadius.all(4),
+		isOutline: !0
+	};
+}
+function UnderlineInputBorder(e = {}) {
+	return {
+		borderSide: e.borderSide ?? BorderSide({
+			color: "#000000",
+			width: 1
+		}),
+		borderRadius: e.borderRadius ?? BorderRadius.all(0),
+		isOutline: !1
+	};
+}
+var _hoisted_1 = {
+	key: 1,
+	class: "fluekit-input-suffix"
+}, _hoisted_2 = {
+	key: 1,
+	class: "fluekit-input-footer"
+}, _hoisted_3 = {
+	key: 1,
+	class: "fluekit-input-helper-spacer"
+}, _hoisted_4 = {
+	key: 2,
+	class: "fluekit-input-counter"
+}, TextField_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "TextField",
+	props: {
+		modelValue: { default: "" },
+		decoration: {},
+		enabled: {
+			type: Boolean,
+			default: !0
+		},
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		obscureText: {
+			type: Boolean,
+			default: !1
+		},
+		maxLines: { default: 1 },
+		minLines: {},
+		keyboardType: {},
+		style: {},
+		cursorColor: {},
+		autofocus: { type: Boolean },
+		autoGrow: {
+			type: Boolean,
+			default: !1
+		},
+		maxLength: {},
+		textAlign: { default: "start" },
+		textInputAction: {},
+		textCapitalization: {},
+		autocorrect: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"focus",
+		"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;
+			if (!e || !U.value) return;
+			if (!C.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`;
+			} else e.style.maxHeight = "";
+			e.style.height = "auto", e.style.height = `${Math.max(Math.round(T), 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);
+		}), onBeforeUnmount(() => {
+			V &&= (V.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 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({
+					width: 1,
+					color: "#888"
+				}), w = S.borderRadius || BorderRadius.all(4);
+				Object.assign(e, borderSideToStyle(C)), Object.assign(e, borderRadiusToStyle(w)), e.padding = "8px 12px";
+			} else {
+				let C = S.borderSide || BorderSide({
+					width: 1,
+					color: "#888"
+				});
+				e.borderBottom = `${C.width}px ${C.style || "solid"} ${C.color}`, e.borderRadius = "0", e.padding = "4px 0";
+			}
+			return C.decoration?.filled && (e.backgroundColor = C.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;
+		}), X = computed(() => {
+			let e = {
+				position: "absolute",
+				left: `${(q.value?.isOutline ? 12 : 0) + (P.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)
+			};
+			return G.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", M.value && (e.color = "#2196F3")), e;
+		}), Z = (e) => {
+			let S = e.target;
+			w("update:modelValue", S.value), nextTick(H);
+		}, Q = (e) => {
+			M.value = !0, w("focus", e);
+		}, $ = (e) => {
+			M.value = !1, w("blur", e);
+		};
+		return (S, C) => (openBlock(), createElementBlock("div", { class: normalizeClass(["fluekit-text-field", {
+			"is-focused": M.value,
+			"is-disabled": !e.enabled,
+			"has-error": !!e.decoration?.errorText
+		}]) }, [
+			e.decoration?.labelText ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				class: normalizeClass(["fluekit-input-label", { "is-floating": G.value }]),
+				style: normalizeStyle(X.value)
+			}, toDisplayString(e.decoration.labelText), 7)) : createCommentVNode("", !0),
+			createElementVNode("div", {
+				class: "fluekit-input-container",
+				style: normalizeStyle(J.value)
+			}, [
+				S.$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),
+				(openBlock(), createBlock(resolveDynamicComponent(U.value ? "textarea" : "input"), mergeProps({
+					ref_key: "inputRef",
+					ref: A,
+					class: "fluekit-input-element",
+					value: e.modelValue,
+					disabled: !e.enabled,
+					readonly: e.readOnly,
+					type: W.value,
+					placeholder: K.value,
+					rows: e.minLines || 1,
+					style: Y.value,
+					maxlength: e.maxLength,
+					autocapitalize: e.textCapitalization,
+					enterkeyhint: e.textInputAction,
+					autocorrect: e.autocorrect ? "on" : "off"
+				}, S.$attrs, {
+					onInput: Z,
+					onFocus: Q,
+					onBlur: $
+				}), null, 16, [
+					"value",
+					"disabled",
+					"readonly",
+					"type",
+					"placeholder",
+					"rows",
+					"style",
+					"maxlength",
+					"autocapitalize",
+					"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)
+			], 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,
+				class: normalizeClass(["fluekit-input-helper", { "is-error": !!e.decoration?.errorText }])
+			}, toDisplayString(e.decoration?.errorText || e.decoration?.helperText), 3)) : (openBlock(), createElementBlock("div", _hoisted_3)), e.maxLength && e.maxLength > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(String(e.modelValue).length) + " / " + toDisplayString(e.maxLength), 1)) : createCommentVNode("", !0)])) : createCommentVNode("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-40723984"]]), TextArea_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "TextArea",
+	props: { maxLines: { default: 4 } },
+	setup(e) {
+		return (S, C) => (openBlock(), createBlock(TextField_default, mergeProps(S.$attrs, {
+			"max-lines": e.maxLines,
+			"keyboard-type": "multiline"
+		}), createSlots({ _: 2 }, [S.$slots.prefix ? {
+			name: "prefix",
+			fn: withCtx(() => [renderSlot(S.$slots, "prefix")]),
+			key: "0"
+		} : void 0, S.$slots.suffix ? {
+			name: "suffix",
+			fn: withCtx(() => [renderSlot(S.$slots, "suffix")]),
+			key: "1"
+		} : void 0]), 1040, ["max-lines"]));
+	}
 }), Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Transform",
@@ -1581,20 +1957,20 @@ var Text_default = /* @__PURE__ */ defineComponent({
 		alignment: { default: "center" },
 		origin: {}
 	},
-	setup(o) {
-		let F = o, I = computed(() => {
-			let o = {
-				transform: F.transform,
+	setup(e) {
+		let S = e, C = computed(() => {
+			let e = {
+				transform: S.transform,
 				display: "flex",
 				flexDirection: "column",
 				flexShrink: 0
 			};
-			return F.origin ? o.transformOrigin = F.origin : F.alignment && (o.transformOrigin = alignmentToOrigin(F.alignment)), o;
+			return S.origin ? e.transformOrigin = S.origin : S.alignment && (e.transformOrigin = alignmentToOrigin(S.alignment)), e;
 		});
-		return (o, F) => (openBlock(), createElementBlock("div", {
+		return (e, S) => (openBlock(), createElementBlock("div", {
 			class: "flutter-transform",
-			style: normalizeStyle(I.value)
-		}, [renderSlot(o.$slots, "default", {}, void 0, !0)], 4));
+			style: normalizeStyle(C.value)
+		}, [renderSlot(e.$slots, "default", {}, void 0, !0)], 4));
 	}
 }), [["__scopeId", "data-v-7e66ebaa"]]), Wrap_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1609,33 +1985,33 @@ var Text_default = /* @__PURE__ */ defineComponent({
 		verticalDirection: { default: "down" },
 		clipBehavior: { default: "none" }
 	},
-	setup(o) {
-		let F = o, I = {
+	setup(e) {
+		let S = e, C = {
 			start: "flex-start",
 			end: "flex-end",
 			center: "center",
 			spaceBetween: "space-between",
 			spaceAround: "space-around",
 			spaceEvenly: "space-evenly"
-		}, L = {
+		}, w = {
 			start: "flex-start",
 			end: "flex-end",
 			center: "center"
-		}, z = computed(() => ({
+		}, E = computed(() => ({
 			display: "flex",
 			flexWrap: "wrap",
-			flexDirection: F.direction === "horizontal" ? F.verticalDirection === "down" ? "row" : "row-reverse" : F.verticalDirection === "down" ? "column" : "column-reverse",
-			justifyContent: I[F.alignment],
-			alignContent: I[F.runAlignment],
-			alignItems: L[F.crossAxisAlignment],
-			gap: `${px2vw(F.runSpacing)} ${px2vw(F.spacing)}`,
-			overflow: F.clipBehavior === "none" ? "visible" : "hidden"
+			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"
 		}));
-		return (o, F) => (openBlock(), createElementBlock("div", {
+		return (e, S) => (openBlock(), createElementBlock("div", {
 			class: "flutter-wrap",
-			style: normalizeStyle(z.value)
-		}, [renderSlot(o.$slots, "default")], 4));
+			style: normalizeStyle(E.value)
+		}, [renderSlot(e.$slots, "default")], 4));
 	}
 });
 setTransform(!1);
-export { Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AssetImage, BlurStyle, Border, BorderRadius, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Center_default as Center, Clip, Column_default as Column, Container_default as Container, CrossAxisAlignment, DecorationImage, EdgeInsets, Expanded_default as Expanded, Fixed_default as Fixed, FlexBoxAlignMap, FlexBoxJustifyMap, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, IgnorePointer_default as IgnorePointer, LinearGradient, ListView_default as ListView, MainAxisAlignment, NetworkImage, Opacity_default as Opacity, 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, TextBaseline, TextDecoration, TextDecorationStyle, TextDirection, TextOverflow, TextStyle, TileMode, Transform_default as Transform, Wrap_default as Wrap, alignmentToFlex, alignmentToOrigin, alignmentToStyle, borderRadiusToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, decorationImageToStyle, edgeInsetsToStyle, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isTextStyle, marginToStyle, normalizeSrc, paddingToStyle, px2vw, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle };
+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, 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 };