fluekit 1.0.1 → 1.1.0

package/dist/index.js

@@ -9,6 +9,15 @@ function isPureNumber(o) {
 function isNumberPx(o) {
 	return NUMBER_PX_REGEX.test(o);
 }
+function isDefined(o) {
+	return o != null;
+}
+function isPlainObject(o) {
+	return Object.prototype.toLocaleString.call(o) == "[object Object]";
+}
+function isHtmlTag(o) {
+	return typeof o.type == "string";
+}
 var DEFAULT_VW = 750, canTransform = !0;
 function setTransform(o) {
 	canTransform = o;
@@ -43,94 +52,125 @@ function px2vw(o, F = DEFAULT_VW) {
 	}
 }
 const Alignment = {
-	center: {
-		justifyContent: "center",
-		alignItems: "center"
-	},
-	topLeft: {
-		justifyContent: "flex-start",
-		alignItems: "flex-start"
-	},
-	topCenter: {
-		justifyContent: "center",
-		alignItems: "flex-start"
-	},
-	topRight: {
-		justifyContent: "flex-end",
-		alignItems: "flex-start"
-	},
-	centerLeft: {
-		justifyContent: "flex-start",
-		alignItems: "center"
-	},
-	centerRight: {
-		justifyContent: "flex-end",
-		alignItems: "center"
-	},
-	bottomLeft: {
-		justifyContent: "flex-start",
-		alignItems: "flex-end"
-	},
-	bottomCenter: {
-		justifyContent: "center",
-		alignItems: "flex-end"
-	},
-	bottomRight: {
-		justifyContent: "flex-end",
-		alignItems: "flex-end"
-	}
+	topLeft: "topLeft",
+	topCenter: "topCenter",
+	topRight: "topRight",
+	centerLeft: "centerLeft",
+	center: "center",
+	centerRight: "centerRight",
+	bottomLeft: "bottomLeft",
+	bottomCenter: "bottomCenter",
+	bottomRight: "bottomRight"
 };
-function alignmentToStyle(o, F = "row") {
-	let I = Alignment[o];
-	return I ? F === "row" ? I : {
-		justifyContent: I.alignItems,
-		alignItems: I.justifyContent
-	} : {};
+function alignmentToFlex(o, F = "row") {
+	let I = o, L = "flex-start", R = "flex-start";
+	I.toLowerCase().includes("left") || I.toLowerCase().includes("right");
+	let z = {
+		topLeft: {
+			x: "flex-start",
+			y: "flex-start"
+		},
+		topCenter: {
+			x: "center",
+			y: "flex-start"
+		},
+		topRight: {
+			x: "flex-end",
+			y: "flex-start"
+		},
+		centerLeft: {
+			x: "flex-start",
+			y: "center"
+		},
+		center: {
+			x: "center",
+			y: "center"
+		},
+		centerRight: {
+			x: "flex-end",
+			y: "center"
+		},
+		bottomLeft: {
+			x: "flex-start",
+			y: "flex-end"
+		},
+		bottomCenter: {
+			x: "center",
+			y: "flex-end"
+		},
+		bottomRight: {
+			x: "flex-end",
+			y: "flex-end"
+		}
+	}[I] || {
+		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
+	};
 }
-function alignmentToOrigin(o) {
+const alignmentToStyle = alignmentToFlex;
+function alignmentToCssPosition(o) {
 	return {
-		center: "center center",
 		topLeft: "left top",
 		topCenter: "center top",
 		topRight: "right top",
 		centerLeft: "left center",
+		center: "center",
 		centerRight: "right center",
 		bottomLeft: "left bottom",
 		bottomCenter: "center bottom",
 		bottomRight: "right bottom"
-	}[o];
+	}[o] || "center";
+}
+function alignmentToOrigin(o) {
+	return alignmentToCssPosition(o);
+}
+function alignmentToGrid(o) {
+	return {
+		topLeft: {
+			justifyItems: "start",
+			alignItems: "start"
+		},
+		topCenter: {
+			justifyItems: "center",
+			alignItems: "start"
+		},
+		topRight: {
+			justifyItems: "end",
+			alignItems: "start"
+		},
+		centerLeft: {
+			justifyItems: "start",
+			alignItems: "center"
+		},
+		center: {
+			justifyItems: "center",
+			alignItems: "center"
+		},
+		centerRight: {
+			justifyItems: "end",
+			alignItems: "center"
+		},
+		bottomLeft: {
+			justifyItems: "start",
+			alignItems: "end"
+		},
+		bottomCenter: {
+			justifyItems: "center",
+			alignItems: "end"
+		},
+		bottomRight: {
+			justifyItems: "end",
+			alignItems: "end"
+		}
+	}[o] || {
+		justifyItems: "start",
+		alignItems: "start"
+	};
 }
-const CrossAxisAlignment = {
-	start: "start",
-	end: "end",
-	center: "center",
-	stretch: "stretch",
-	baseline: "baseline"
-}, MainAxisAlignment = {
-	start: "start",
-	end: "end",
-	center: "center",
-	spaceBetween: "space-between",
-	spaceAround: "space-around",
-	spaceEvenly: "space-evenly"
-}, FlexBoxJustifyMap = {
-	start: "flex-start",
-	end: "flex-end",
-	center: "center",
-	"space-between": "space-between",
-	"space-around": "space-around",
-	"space-evenly": "space-evenly"
-}, FlexBoxAlignMap = {
-	start: "flex-start",
-	end: "flex-end",
-	center: "center",
-	stretch: "stretch",
-	baseline: "baseline"
-}, StackFit = {
-	loose: "loose",
-	expand: "expand",
-	passthrough: "passthrough"
-};
 var Align_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Align",
@@ -155,16 +195,36 @@ var Align_default = /* @__PURE__ */ defineComponent({
 			style: normalizeStyle(L.value)
 		}, [renderSlot(o.$slots, "default")], 4)], 4));
 	}
-}), toVal = (o) => o === Infinity ? void 0 : o;
+}), 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);
 	return {
 		minWidth: toVal(F),
 		maxWidth: toVal(L),
 		minHeight: toVal(I),
-		maxHeight: toVal(R)
+		maxHeight: toVal(R),
+		[BOX_CONSTRAINTS_SYMBOL]: !0
 	};
 }
+BoxConstraints.tight = (o) => BoxConstraints({
+	minWidth: o.width,
+	maxWidth: o.width,
+	minHeight: o.height,
+	maxHeight: o.height
+}), BoxConstraints.loose = (o) => BoxConstraints({
+	minWidth: 0,
+	maxWidth: o.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
+});
+function isBoxConstraints(o) {
+	return isPlainObject(o) ? BOX_CONSTRAINTS_SYMBOL in o : !1;
+}
 function boxConstraintsToStyle(o) {
 	let F = o ?? {};
 	return {
@@ -174,20 +234,34 @@ function boxConstraintsToStyle(o) {
 		maxHeight: px2vw(F.maxHeight)
 	};
 }
-function borderRadiusToStyle(o) {
-	if (!o) return {};
-	if (typeof o == "string" || typeof o == "number") return { borderRadius: px2vw(o) };
-	let { topLeft: F, topRight: I, bottomLeft: L, bottomRight: R, all: z } = o;
-	if (z) return { borderRadius: px2vw(z) };
-	let B = {};
-	return L && (B.borderBottomLeftRadius = px2vw(L)), R && (B.borderBottomRightRadius = px2vw(R)), F && (B.borderTopLeftRadius = px2vw(F)), I && (B.borderTopRightRadius = px2vw(I)), B;
-}
+var BORDER_SIDE_SYMBOL = Symbol("borderSide"), BORDERS_SYMBOL = Symbol("borders");
 function Border(o) {
 	return {
 		width: o.width ? o.width : 1,
 		color: o.color || "#000",
-		style: o.style || "solid"
+		style: o.style || "solid",
+		[BORDER_SIDE_SYMBOL]: !0
+	};
+}
+Border.all = ({ color: o, width: F, style: I } = {}) => {
+	let L = Border({
+		color: o,
+		width: F,
+		style: I
+	});
+	return {
+		top: L,
+		bottom: L,
+		left: L,
+		right: L,
+		[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;
@@ -195,16 +269,97 @@ function borderSideToString(o) {
 	return I && F.push(I > 1 ? px2vw(I) : I + "px"), L && F.push(L), R && F.push(R), `${F.join(" ")}`;
 }
 function borderToStyle(o) {
-	return o ? [
-		"width",
-		"color",
-		"style"
-	].every((F) => !!o[F]) ? { border: borderSideToString(o) } : o.all ? { border: borderSideToString(o.all) } : {
+	if (o) return {
 		borderLeft: borderSideToString(o.left),
 		borderTop: borderSideToString(o.top),
 		borderRight: borderSideToString(o.right),
 		borderBottom: borderSideToString(o.bottom)
-	} : {};
+	};
+}
+var BORDER_RADIUS_SYMBOL = Symbol("borderRadius");
+function BorderRadius(o) {
+	let { topLeft: F, topRight: I, bottomLeft: L, bottomRight: R } = o;
+	return {
+		topLeft: F || 0,
+		topRight: I || 0,
+		bottomLeft: L || 0,
+		bottomRight: R || 0,
+		[BORDER_RADIUS_SYMBOL]: !0
+	};
+}
+BorderRadius.all = (o) => ({
+	topLeft: o,
+	topRight: o,
+	bottomLeft: o,
+	bottomRight: o,
+	[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.zero = BorderRadius({});
+function isBorderRadius(o) {
+	return typeof o == "object" && !!o && BORDER_RADIUS_SYMBOL in o;
+}
+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;
+}
+let BlurStyle = /* @__PURE__ */ function(o) {
+	return o.normal = "normal", o.solid = "solid", o.outer = "outer", o.inner = "inner", o;
+}({});
+var BOX_SHADOW_SYMBOL = Symbol("boxShadow");
+function BoxShadow(o = {}) {
+	return {
+		color: o.color || "rgba(0, 0, 0, 0.2)",
+		offset: o.offset || {
+			x: 0,
+			y: 0
+		},
+		blurRadius: o.blurRadius || 0,
+		spreadRadius: o.spreadRadius || 0,
+		blurStyle: o.blurStyle || BlurStyle.normal,
+		[BOX_SHADOW_SYMBOL]: !0
+	};
+}
+function isBoxShadow(o) {
+	return isPlainObject(o) ? BOX_SHADOW_SYMBOL in o : !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();
+}
+let TileMode = /* @__PURE__ */ function(o) {
+	return o.clamp = "clamp", o.repeated = "repeated", o.mirror = "mirror", o.decal = "decal", o;
+}({});
+function alignmentToCSSSide(o) {
+	switch (o) {
+		case Alignment.topLeft: return "to bottom right";
+		case Alignment.topCenter: return "to bottom";
+		case Alignment.topRight: return "to bottom left";
+		case Alignment.centerLeft: return "to right";
+		case Alignment.centerRight: return "to left";
+		case Alignment.bottomLeft: return "to top right";
+		case Alignment.bottomCenter: return "to top";
+		case Alignment.bottomRight: return "to top left";
+		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 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 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})`;
 }
 const BoxFit = {
 	fitWidth: "fitWidth",
@@ -230,21 +385,10 @@ var ImageFitMap = {
 	right: "right",
 	center: "center"
 };
-const BoxAlignment = {
-	center: "center",
-	top: "top",
-	bottom: "bottom",
-	left: "left",
-	right: "right",
-	topLeft: "left top",
-	topCenter: "center top",
-	topRight: "right top",
-	centerLeft: "left center",
-	centerRight: "right center",
-	bottomLeft: "left bottom",
-	bottomCenter: "center bottom",
-	bottomRight: "right bottom"
-};
+const BoxAlignment = Alignment;
+let BoxShape = /* @__PURE__ */ function(o) {
+	return o.rectangle = "rectangle", o.circle = "circle", o;
+}({});
 var _baseUrl = "";
 function setBaseUrl(o) {
 	_baseUrl = o;
@@ -259,30 +403,35 @@ const NetworkImage = (o) => o, AssetImage = (o) => o;
 function DecorationImage(o) {
 	return o;
 }
-var isGradient = (o) => /^(linear|radial|conic|repeating-linear|repeating-radial)-gradient\(/.test(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 = BoxAlignment[o.alignment];
-		if (I) F.backgroundPosition = I;
+		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);
 		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}`;
 		}
+		else F.backgroundPosition = "center";
 	}
 	return F;
 }
 function boxDecorationToStyle(o) {
 	if (!o) return {};
-	let { color: F, border: I, borderRadius: L, boxShadow: R, gradient: z, image: B, overflow: V, opacity: H } = o, U = {};
-	return F && (U.backgroundColor = F), H !== void 0 && (U.opacity = H), V && (U.overflow = V), z && (U.backgroundImage = z), B && Object.assign(U, decorationImageToStyle(B)), I && Object.assign(U, borderToStyle(I)), L && Object.assign(U, borderRadiusToStyle(L)), R && (U.boxShadow = (Array.isArray(R) ? R : [R]).map((o) => `${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.inset ? "inset" : ""}`.trim()).join(", ")), U;
+	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 BoxDecoration(o) {
-	return o;
+	return {
+		...o,
+		[BOX_DECORATION_SYMBOL]: !0
+	};
 }
-function LinearGradient(o, ...F) {
-	return `linear-gradient(${o}, ${F.join(", ")})`;
+function isBoxDecoration(o) {
+	return isPlainObject(o) ? BOX_DECORATION_SYMBOL in o : !1;
 }
 const Clip = {
 	none: "none",
@@ -290,44 +439,99 @@ const Clip = {
 	antiAlias: "antiAlias",
 	antiAliasWithSaveLayer: "antiAliasWithSaveLayer"
 };
+var EDGE_INSETS_SYMBOL = Symbol("edgeInsets");
 function EdgeInsets(o) {
-	if (o.all !== void 0) return {
-		top: o.all,
-		right: o.all,
-		bottom: o.all,
-		left: o.all
-	};
 	let { top: F, right: I, bottom: L, left: R, horizontal: z, vertical: B } = o;
 	return {
 		top: F ?? B ?? 0,
 		right: I ?? z ?? 0,
 		bottom: L ?? B ?? 0,
-		left: R ?? z ?? 0
+		left: R ?? z ?? 0,
+		[EDGE_INSETS_SYMBOL]: !0
 	};
 }
+EdgeInsets.all = (o) => ({
+	top: o,
+	right: o,
+	bottom: o,
+	left: o,
+	[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.zero = EdgeInsets({});
+function isEdgeInsets(o) {
+	return typeof o == "object" && !!o && EDGE_INSETS_SYMBOL in o;
+}
 function edgeInsetsToStyle(o, F) {
 	if (!F) return {};
-	let { top: I, right: L, bottom: R, left: z } = EdgeInsets(F);
+	let I = EdgeInsets(F);
 	return {
-		[`${o}Top`]: px2vw(I),
-		[`${o}Right`]: px2vw(L),
-		[`${o}Bottom`]: px2vw(R),
-		[`${o}Left`]: px2vw(z)
+		[`${o}Top`]: px2vw(I.top),
+		[`${o}Right`]: px2vw(I.right),
+		[`${o}Bottom`]: px2vw(I.bottom),
+		[`${o}Left`]: px2vw(I.left)
 	};
 }
-const paddingToStyle = (o) => edgeInsetsToStyle("padding", o), marginToStyle = (o) => edgeInsetsToStyle("margin", o);
+const paddingToStyle = (o) => edgeInsetsToStyle("padding", o), marginToStyle = (o) => edgeInsetsToStyle("margin", o), CrossAxisAlignment = {
+	start: "start",
+	end: "end",
+	center: "center",
+	stretch: "stretch",
+	baseline: "baseline"
+}, MainAxisAlignment = {
+	start: "start",
+	end: "end",
+	center: "center",
+	spaceBetween: "space-between",
+	spaceAround: "space-around",
+	spaceEvenly: "space-evenly"
+}, FlexBoxJustifyMap = {
+	start: "flex-start",
+	end: "flex-end",
+	center: "center",
+	"space-between": "space-between",
+	"space-around": "space-around",
+	"space-evenly": "space-evenly"
+}, FlexBoxAlignMap = {
+	start: "flex-start",
+	end: "flex-end",
+	center: "center",
+	stretch: "stretch",
+	baseline: "baseline"
+}, StackFit = {
+	loose: "loose",
+	expand: "expand",
+	passthrough: "passthrough"
+};
 function Size(o) {
-	if (!o) return;
-	if (typeof o == "number" || typeof o == "string") return {
-		width: o,
-		height: o
-	};
 	let { width: F, height: I } = o;
 	return {
 		width: F,
 		height: I
 	};
 }
+Size.square = (o) => Size({
+	width: o,
+	height: o
+}), Size.zero = Size({
+	width: 0,
+	height: 0
+}), Size.infinite = Size({
+	width: Infinity,
+	height: Infinity
+}), Size.fromHeight = (o) => Size({
+	width: Infinity,
+	height: o
+}), Size.fromWidth = (o) => Size({
+	width: o,
+	height: Infinity
+});
 function sizeToStyle(o) {
 	if (!o) return;
 	let { width: F, height: I } = o;
@@ -356,7 +560,6 @@ function useGestures({ emit: o }) {
 	}), B = {
 		onTap: () => o("tap"),
 		onClick: (F) => o("click", F),
-		onDbClick: (F) => o("click", F),
 		onDoubleTap: () => o("double-tap"),
 		onLongPress: () => o("long-press"),
 		onPanStart: (F) => o("pan-start", F),
@@ -366,7 +569,7 @@ function useGestures({ emit: o }) {
 		if (o[GESTURE_HANDLED]) return;
 		o[GESTURE_HANDLED] = !0;
 		let I = Date.now();
-		I - F.value < 300 ? (B.onDoubleTap?.(), B.onDbClick?.(o), F.value = 0) : (B.onTap?.(), B.onClick?.(o), F.value = I);
+		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) => {
@@ -425,6 +628,8 @@ function useGestures({ emit: o }) {
 	return {
 		onClick: V,
 		onMousedown: H,
+		onMouseup: W,
+		onMousemove: U,
 		onTouchstart: G,
 		onTouchmove: K,
 		onTouchend: q,
@@ -445,10 +650,52 @@ function provideGesture(o, F) {
 function useSafeAttrs() {
 	let o = useAttrs();
 	return computed(() => {
-		let { class: F, style: I, ...L } = o;
+		let { class: F, style: I, ...L } = o ?? {};
 		return L;
 	});
 }
+var StyleInjectionKey = Symbol("fluekit-style-provider"), Injector = defineComponent({
+	name: "Injector",
+	inheritAttrs: !1,
+	props: { style: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(o, { slots: F }) {
+		return provide(StyleInjectionKey, computed(() => o.style)), () => F.default?.() || null;
+	}
+});
+function useStyles() {
+	return inject(StyleInjectionKey, computed(() => ({})));
+}
+const StyleProvider = defineComponent({
+	inheritAttrs: !1,
+	props: {
+		style: {
+			type: Object,
+			default: () => ({})
+		},
+		attrs: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(o, { slots: F }) {
+		return () => {
+			let I = F.default?.() ?? [];
+			return I.length <= 0 ? null : cloneAndMergeStyles(I, o.style, o.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
+	} }) : h(Injector, {
+		...B,
+		style: z
+	}, { default: () => R })));
+}
 var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "AnimatedContainer",
@@ -469,21 +716,21 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 		curve: { default: "linear" }
 	},
 	setup(o) {
-		let F = useSafeAttrs(), I = useGestureEvents(), L = computed(() => ({
-			...F.value,
-			...I || {}
-		})), z = useGestureStyle(), H = o, U = computed(() => `all ${H.duration}ms ${H.curve}`), W = computed(() => {
+		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(H),
-				...paddingToStyle(H.padding),
-				...marginToStyle(H.margin),
-				...boxDecorationToStyle(H.decoration),
-				...alignmentToStyle(H.alignment, "column"),
-				...boxConstraintsToStyle(H.constraints),
-				...z,
-				transition: U.value
+				...sizeToStyle(U),
+				...paddingToStyle(U.padding),
+				...marginToStyle(U.margin),
+				...boxDecorationToStyle(U.decoration),
+				...alignmentToStyle(U.alignment, "column"),
+				...boxConstraintsToStyle(U.constraints),
+				...H,
+				transition: W.value
 			};
-			if (H.color && !H.decoration && (o.backgroundColor = H.color), H.transform && (o.transform = H.transform, H.transformAlignment && (o.transformOrigin = alignmentToOrigin(H.transformAlignment))), H.clipBehavior !== "none") switch (H.clipBehavior) {
+			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) {
 				case "hardEdge":
 					o.overflow = "hidden";
 					break;
@@ -500,52 +747,47 @@ var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
 				boxSizing: "border-box",
 				position: "relative"
 			};
-		}), G = computed(() => ({
-			...boxDecorationToStyle(H.foregroundDecoration),
+		}), K = computed(() => ({
+			...boxDecorationToStyle(U.foregroundDecoration),
 			position: "absolute",
 			top: 0,
 			left: 0,
 			right: 0,
 			bottom: 0,
 			pointerEvents: "none",
-			transition: U.value
+			transition: W.value
 		}));
 		return (o, F) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "animated-container",
-			style: W.value
-		}, L.value), [renderSlot(o.$slots, "default"), H.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+			style: G.value
+		}, z.value), [renderSlot(o.$slots, "default"), U.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(G.value)
+			style: normalizeStyle(K.value)
 		}, null, 4)) : createCommentVNode("", !0)], 16));
 	}
-});
-const OpacityKey = Symbol("fluekit-opacity");
-function useOpacity() {
-	return inject(OpacityKey, computed(() => 1));
-}
-function provideOpacity(o) {
-	let F = useOpacity(), I = computed(() => F.value * unref(o));
-	return provide(OpacityKey, I), I;
-}
-var AnimatedOpacity_default = /* @__PURE__ */ defineComponent({
+}), AnimatedOpacity_default = defineComponent({
+	name: "AnimatedOpacity",
 	inheritAttrs: !1,
-	__name: "AnimatedOpacity",
 	props: {
-		opacity: {},
-		duration: { default: 300 },
-		curve: { default: "linear" }
+		opacity: {
+			type: Number,
+			required: !0
+		},
+		duration: {
+			type: Number,
+			default: 300
+		},
+		curve: {
+			type: String,
+			default: "linear"
+		}
 	},
-	setup(o) {
-		let F = o;
-		provideOpacity(computed(() => F.opacity));
-		let I = computed(() => ({
-			opacity: F.opacity,
-			transition: `opacity ${F.duration}ms ${F.curve}`
-		}));
-		return (o, F) => (openBlock(), createElementBlock("div", {
-			class: "animated-opacity",
-			style: normalizeStyle(I.value)
-		}, [renderSlot(o.$slots, "default")], 4));
+	setup(o, { slots: F }) {
+		let I = computed(() => o.opacity === void 0 ? {} : {
+			transition: `opacity ${o.duration}ms ${o.curve}`,
+			opacity: o.opacity
+		});
+		return () => h(StyleProvider, { style: I.value }, F);
 	}
 }), Center_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -654,35 +896,23 @@ var AnimatedOpacity_default = /* @__PURE__ */ defineComponent({
 		constraints: {}
 	},
 	setup(o) {
-		let F = useSafeAttrs(), I = useGestureEvents(), L = computed(() => ({
-			...F.value,
-			...I || {}
-		})), z = useGestureStyle(), H = o, U = (o) => typeof o == "number" ? o < 0 : typeof o == "string" ? parseFloat(o) < 0 : !1;
-		(() => {
-			if (H.margin) {
-				let { left: o, top: F, right: I, bottom: L } = H.margin;
-				(U(o) || U(F) || U(I) || U(L)) && console.warn("[Container] margin must be non-negative");
-			}
-			if (H.padding) {
-				let { left: o, top: F, right: I, bottom: L } = H.padding;
-				(U(o) || U(F) || U(I) || U(L)) && console.warn("[Container] padding must be non-negative");
-			}
-			H.color && H.decoration && console.warn("[Container] Cannot provide both a color and a decoration\nTo provide both, use \"decoration: { color: color }\"."), !H.decoration && H.clipBehavior !== "none" && console.warn("[Container] clipBehavior has no effect when decoration is null");
-		})();
-		let W = computed(() => {
+		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: H.decoration ? void 0 : H.color,
-				transform: H.transform,
-				transformOrigin: H.transformAlignment ? alignmentToOrigin(H.transformAlignment) : "center",
-				overflow: H.clipBehavior === "none" ? void 0 : "hidden",
+				backgroundColor: U.decoration ? void 0 : U.color,
+				transform: U.transform,
+				transformOrigin: U.transformAlignment ? alignmentToOrigin(U.transformAlignment) : "center",
+				overflow: U.clipBehavior === "none" ? void 0 : "hidden",
 				position: "relative"
 			};
-			H.alignment && (Object.assign(o, {
+			Object.assign(o, F.value), U.alignment && (Object.assign(o, {
 				display: "flex",
 				flexDirection: "column"
-			}), Object.assign(o, alignmentToStyle(H.alignment, "column"))), Object.assign(o, sizeToStyle(H));
-			let F = boxConstraintsToStyle(H.constraints);
-			return H.width !== void 0 && H.width !== null && (delete F.minWidth, delete F.maxWidth), H.height !== void 0 && H.height !== null && (delete F.minHeight, delete F.maxHeight), Object.assign(o, F), Object.assign(o, paddingToStyle(H.padding)), Object.assign(o, marginToStyle(H.margin)), Object.assign(o, boxDecorationToStyle(H.decoration)), Object.assign(o, z), H.clipBehavior === "antiAlias" && (o.borderRadius = o.borderRadius || "inherit"), o;
+			}), 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 = {
 				position: "absolute",
@@ -690,12 +920,12 @@ var AnimatedOpacity_default = /* @__PURE__ */ defineComponent({
 				zIndex: 1,
 				inset: 0
 			};
-			return Object.assign(o, boxDecorationToStyle(H.foregroundDecoration)), o;
+			return Object.assign(o, boxDecorationToStyle(U.foregroundDecoration)), o;
 		});
 		return (o, F) => (openBlock(), createElementBlock("div", mergeProps({
 			class: "container-box",
 			style: W.value
-		}, L.value), [renderSlot(o.$slots, "default"), H.foregroundDecoration ? (openBlock(), createElementBlock("div", {
+		}, z.value), [renderSlot(o.$slots, "default"), U.foregroundDecoration ? (openBlock(), createElementBlock("div", {
 			key: 0,
 			style: normalizeStyle(G.value)
 		}, null, 4)) : createCommentVNode("", !0)], 16));
@@ -816,7 +1046,7 @@ var GestureDetector_default = defineComponent({
 		let z = useGestures({ emit: R });
 		return provideGesture(z, o.behavior), () => {
 			let o = useChild(F.default);
-			return o ? o.type === Text ? h("span", z, [o]) : typeof o.type == "string" ? cloneVNode(o, z) : o : null;
+			return o ? o.type === Text ? h("span", z, [o]) : isHtmlTag(o) ? cloneVNode(o, z) : o : null;
 		};
 	}
 }), ScrollView_default = /* @__PURE__ */ defineComponent({
@@ -953,16 +1183,10 @@ var GestureDetector_default = defineComponent({
 		}
 	},
 	setup(o, { slots: F }) {
-		return () => {
-			let I = useChild(F.default);
-			if (!I) return null;
-			if (!o.ignoring && !o.ignoringSemantics) return I;
-			let R = o.ignoringSemantics ? "true" : void 0;
-			return cloneVNode(I, {
-				style: { pointerEvents: o.ignoring ? "none" : void 0 },
-				"aria-hidden": R
-			});
-		};
+		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);
 	}
 }), _hoisted_1 = {
 	key: 0,
@@ -1021,19 +1245,16 @@ var GestureDetector_default = defineComponent({
 			"style"
 		]));
 	}
-}), [["__scopeId", "data-v-3b4a0fca"]]), Opacity_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-7ba20c73"]]), Opacity_default = defineComponent({
 	name: "Opacity",
 	inheritAttrs: !1,
-	__name: "Opacity",
-	props: { opacity: { default: 1 } },
-	setup(o) {
-		let F = o, I = computed(() => Math.max(0, Math.min(1, F.opacity)));
-		provideOpacity(I);
-		let L = computed(() => ({ opacity: I.value }));
-		return (o, F) => (openBlock(), createElementBlock("div", {
-			class: "fluekit-opacity",
-			style: normalizeStyle(L.value)
-		}, [renderSlot(o.$slots, "default")], 4));
+	props: { opacity: {
+		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);
 	}
 }), Padding_default = defineComponent({
 	name: "Padding",
@@ -1202,72 +1423,36 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Stack",
 	props: {
-		alignment: { default: "topLeft" },
+		alignment: { default: Alignment.topLeft },
 		clipBehavior: { default: "none" },
 		textDirection: { default: "ltr" },
-		fit: { default: "loose" }
+		fit: { default: StackFit.loose }
 	},
 	setup(o) {
 		let F = o, I = {
-			topLeft: {
-				justifyContent: "flex-start",
-				alignItems: "flex-start"
-			},
-			topCenter: {
-				justifyContent: "flex-start",
-				alignItems: "center"
-			},
-			topRight: {
-				justifyContent: "flex-start",
-				alignItems: "flex-end"
-			},
-			centerLeft: {
-				justifyContent: "center",
-				alignItems: "flex-start"
-			},
-			center: {
-				justifyContent: "center",
-				alignItems: "center"
-			},
-			centerRight: {
-				justifyContent: "center",
-				alignItems: "flex-end"
-			},
-			bottomLeft: {
-				justifyContent: "flex-end",
-				alignItems: "flex-start"
-			},
-			bottomCenter: {
-				justifyContent: "flex-end",
-				alignItems: "center"
-			},
-			bottomRight: {
-				justifyContent: "flex-end",
-				alignItems: "flex-end"
-			}
-		}, L = {
 			clip: "hidden",
 			hardEdge: "hidden",
 			antiAlias: "hidden",
 			none: "visible"
-		}, z = computed(() => {
+		}, L = computed(() => {
 			let o = {
 				position: "relative",
-				display: "flex",
-				flexDirection: "column",
-				...I[F.alignment],
-				overflow: L[F.clipBehavior],
+				display: "grid",
+				gridTemplateColumns: "1fr",
+				gridTemplateRows: "1fr",
+				...alignmentToGrid(F.alignment),
+				overflow: I[F.clipBehavior],
 				direction: F.textDirection,
 				boxSizing: "border-box"
 			};
-			return F.fit === "expand" && (o.width = "100%", o.height = "100%"), o;
+			return F.fit === StackFit.expand && (o.width = "100%", o.height = "100%"), o;
 		});
 		return provideStackContext(), (o, F) => (openBlock(), createElementBlock("div", {
 			class: "flutter-stack",
-			style: normalizeStyle(z.value)
+			style: normalizeStyle(L.value)
 		}, [renderSlot(o.$slots, "default", {}, void 0, !0)], 4));
 	}
-}), [["__scopeId", "data-v-f268257b"]]), Sticky_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-aefe47c2"]]), Sticky_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Sticky",
 	props: {
@@ -1304,16 +1489,12 @@ let FontWeight = /* @__PURE__ */ function(o) {
 }({}), TextDirection = /* @__PURE__ */ function(o) {
 	return o.rtl = "rtl", o.ltr = "ltr", o;
 }({});
-var _kColorForegroundWarning = "Cannot provide both a color and a foreground\nThe color argument is just a shorthand for \"foreground: Paint()..color = color\".", _kColorBackgroundWarning = "Cannot provide both a backgroundColor and a background\nThe backgroundColor argument is just a shorthand for \"background: Paint()..color = backgroundColor\".";
-function validateTextStyle(o) {
-	o.color && o.foreground && console.warn(_kColorForegroundWarning), o.backgroundColor && o.background && console.warn(_kColorBackgroundWarning);
-}
+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 = {}) {
-	validateTextStyle(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);
@@ -1337,11 +1518,14 @@ function toCSSStyle(o = {}) {
 	}).join(", ")), o.fontFeatures && (F.fontFeatureSettings = JSON.stringify(o.fontFeatures)), o.fontVariations && (F.fontVariationSettings = JSON.stringify(o.fontVariations)), F;
 }
 function TextStyle(o = {}, F = {}) {
-	let I = {
+	return {
 		...F,
-		...o
+		...o,
+		[TEXT_STYLE_SYMBOL]: !0
 	};
-	return validateTextStyle(I), I;
+}
+function isTextStyle(o) {
+	return isPlainObject(o) ? TEXT_STYLE_SYMBOL in o : !1;
 }
 var Text_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -1361,16 +1545,16 @@ var Text_default = /* @__PURE__ */ defineComponent({
 		tag: { default: "span" }
 	},
 	setup(o) {
-		let F = o, I = useGestureEvents(), L = computed(() => {
-			let o = F.data;
+		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() : "";
-		}), B = useGestureStyle(), V = computed(() => {
-			let o = F.style ? toCSSStyle(F.style) : {};
-			F.textAlign && (o.textAlign = F.textAlign), F.textDirection && (o.direction = F.textDirection), F.softWrap === !1 && (o.whiteSpace = "nowrap");
-			let I = F.overflow ?? F.style?.overflow;
-			if (I) switch (I) {
+		}), 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) {
 				case TextOverflow.ellipsis:
-					o.textOverflow = "ellipsis", o.overflow = "hidden", F.softWrap === !1 && (o.whiteSpace = "nowrap");
+					o.textOverflow = "ellipsis", o.overflow = "hidden", I.softWrap === !1 && (o.whiteSpace = "nowrap");
 					break;
 				case TextOverflow.clip:
 					o.overflow = "hidden", o.textOverflow = "clip";
@@ -1382,10 +1566,10 @@ var Text_default = /* @__PURE__ */ defineComponent({
 					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%)";
 					break;
 			}
-			return F.maxLines && F.maxLines > 0 ? (o.overflow = "hidden", o.display = "-webkit-box", o.WebkitBoxOrient = "vertical", o.WebkitLineClamp = F.maxLines.toString(), F.softWrap !== !1 && (o.whiteSpace = "normal")) : o.display ||= F.tag === "span" ? "inline-block" : "block", Object.assign(o, B), o;
+			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 (F, R) => (openBlock(), createBlock(resolveDynamicComponent(o.tag), mergeProps({ style: V.value }, unref(I)), {
-			default: withCtx(() => [renderSlot(F.$slots, "default", {}, () => [createTextVNode(toDisplayString(L.value), 1)])]),
+		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)])]),
 			_: 3
 		}, 16, ["style"]));
 	}
@@ -1454,4 +1638,4 @@ var Text_default = /* @__PURE__ */ defineComponent({
 	}
 });
 setTransform(!1);
-export { Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, AssetImage, Border, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, 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, OpacityKey, Padding_default as Padding, Positioned_default as Positioned, 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, Transform_default as Transform, Wrap_default as Wrap, alignmentToOrigin, alignmentToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, decorationImageToStyle, edgeInsetsToStyle, marginToStyle, normalizeSrc, paddingToStyle, provideOpacity, px2vw, setBaseUrl, setDefaultVW, setTransform, sizeToStyle, toCSSStyle, useOpacity };
+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 };