fluekit 1.0.0

package/dist/index.js

@@ -0,0 +1,1457 @@
+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;
+}
+var PURE_NUMBER_REGEX = /^[+-]?(?:\d+\.?\d*|\.\d+)$/, NUMBER_PX_REGEX = /^[+-]?(?:\d+\.?\d*|\.\d+)px$/;
+function isPureNumber(o) {
+	return PURE_NUMBER_REGEX.test(o);
+}
+function isNumberPx(o) {
+	return NUMBER_PX_REGEX.test(o);
+}
+var DEFAULT_VW = 750, canTransform = !0;
+function setTransform(o) {
+	canTransform = o;
+}
+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;
+}
+var EXCLUDED_VALUES = [
+	"0px",
+	"0",
+	"+0",
+	"-0",
+	"0%",
+	"+0%",
+	"-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;
+		}
+		return o = Number(o), F /= 100, `${Math.round(o / F * 1e5) / 1e5}vw`;
+	}
+}
+const FlexAlignment = {
+	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"
+	}
+};
+function alignmentToStyle(o, F = "row") {
+	let I = FlexAlignment[o];
+	return I ? F === "row" ? I : {
+		justifyContent: I.alignItems,
+		alignItems: I.justifyContent
+	} : {};
+}
+function alignmentToOrigin(o) {
+	return {
+		center: "center center",
+		topLeft: "left top",
+		topCenter: "center top",
+		topRight: "right top",
+		centerLeft: "left center",
+		centerRight: "right center",
+		bottomLeft: "left bottom",
+		bottomCenter: "center bottom",
+		bottomRight: "right bottom"
+	}[o];
+}
+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",
+	props: {
+		alignment: { default: "center" },
+		widthFactor: {},
+		heightFactor: {}
+	},
+	setup(o) {
+		let F = o, I = computed(() => {
+			let o = {
+				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", {
+			class: "flutter-align",
+			style: normalizeStyle(I.value)
+		}, [createElementVNode("div", {
+			class: "flutter-align-child",
+			style: normalizeStyle(L.value)
+		}, [renderSlot(o.$slots, "default")], 4)], 4));
+	}
+}), 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)
+	};
+}
+function boxConstraintsToStyle(o) {
+	let F = o ?? {};
+	return {
+		minWidth: px2vw(F.minWidth),
+		maxWidth: px2vw(F.maxWidth),
+		minHeight: px2vw(F.minHeight),
+		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;
+}
+function Border(o) {
+	return {
+		width: o.width ? o.width : 1,
+		color: o.color || "#000",
+		style: o.style || "solid"
+	};
+}
+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) {
+	return o ? [
+		"width",
+		"color",
+		"style"
+	].every((F) => !!o[F]) ? { border: borderSideToString(o) } : o.all ? { border: borderSideToString(o.all) } : {
+		borderLeft: borderSideToString(o.left),
+		borderTop: borderSideToString(o.top),
+		borderRight: borderSideToString(o.right),
+		borderBottom: borderSideToString(o.bottom)
+	} : {};
+}
+const BoxFit = {
+	fitWidth: "fitWidth",
+	fitHeight: "fitHeight",
+	fill: "fill",
+	contain: "contain",
+	cover: "cover",
+	none: "none",
+	scaleDown: "scaleDown"
+};
+var ImageFitMap = {
+	fill: "100% 100%",
+	contain: "contain",
+	cover: "cover",
+	none: "auto",
+	scaleDown: "contain",
+	fitWidth: "100% auto",
+	fitHeight: "auto 100%"
+}, cssPoisitions = {
+	top: "top",
+	bottom: "bottom",
+	left: "left",
+	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"
+};
+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 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;
+		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}`;
+		}
+	}
+	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;
+}
+function BoxDecoration(o) {
+	return o;
+}
+function LinearGradient(o, ...F) {
+	return `linear-gradient(${o}, ${F.join(", ")})`;
+}
+const Clip = {
+	none: "none",
+	hardEdge: "hardEdge",
+	antiAlias: "antiAlias",
+	antiAliasWithSaveLayer: "antiAliasWithSaveLayer"
+};
+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
+	};
+}
+function edgeInsetsToStyle(o, F) {
+	if (!F) return {};
+	let { top: I, right: L, bottom: R, left: z } = EdgeInsets(F);
+	return {
+		[`${o}Top`]: px2vw(I),
+		[`${o}Right`]: px2vw(L),
+		[`${o}Bottom`]: px2vw(R),
+		[`${o}Left`]: px2vw(z)
+	};
+}
+const paddingToStyle = (o) => edgeInsetsToStyle("padding", o), marginToStyle = (o) => edgeInsetsToStyle("margin", o);
+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
+	};
+}
+function sizeToStyle(o) {
+	if (!o) return;
+	let { width: F, height: I } = o;
+	return {
+		width: px2vw(F),
+		height: px2vw(I)
+	};
+}
+var GESTURE_HANDLED = Symbol("gesture_handled");
+const events = [
+	"click",
+	"tap",
+	"double-tap",
+	"long-press",
+	"pan-start",
+	"pan-update",
+	"pan-end"
+];
+function useGestures({ emit: o }) {
+	let F = ref(0), I = ref(null), L = ref(!1), R = ref({
+		x: 0,
+		y: 0
+	}), z = ref({
+		x: 0,
+		y: 0
+	}), 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),
+		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?.(), B.onDbClick?.(o), 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?.();
+		}, 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
+		} });
+	}, Q = (o, F) => {
+		if (!L.value) return;
+		let I = o - z.value.x, R = F - z.value.y;
+		I === 0 && R === 0 || (B.onPanUpdate?.({
+			delta: {
+				x: I,
+				y: R
+			},
+			globalPosition: {
+				x: o,
+				y: F
+			}
+		}), z.value = {
+			x: o,
+			y: F
+		});
+	}, $ = () => {
+		L.value && (L.value = !1, B.onPanEnd?.());
+	};
+	return {
+		onClick: V,
+		onMousedown: H,
+		onTouchstart: G,
+		onTouchmove: K,
+		onTouchend: q,
+		onTouchcancel: J
+	};
+}
+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;
+}
+function useGestureEvents() {
+	return inject(S_EVENTS, void 0);
+}
+function provideGesture(o, F) {
+	provide(S_EVENTS, o), provide(S_BEHAVIOR, F);
+}
+function useSafeAttrs() {
+	let o = useAttrs();
+	return computed(() => {
+		let { class: F, style: I, ...L } = o;
+		return L;
+	});
+}
+var AnimatedContainer_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "AnimatedContainer",
+	props: {
+		width: {},
+		height: {},
+		padding: {},
+		margin: {},
+		decoration: {},
+		foregroundDecoration: {},
+		color: {},
+		alignment: {},
+		clipBehavior: { default: "none" },
+		transform: {},
+		transformAlignment: {},
+		constraints: {},
+		duration: { default: 300 },
+		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 o = {
+				...sizeToStyle(H),
+				...paddingToStyle(H.padding),
+				...marginToStyle(H.margin),
+				...boxDecorationToStyle(H.decoration),
+				...alignmentToStyle(H.alignment, "column"),
+				...boxConstraintsToStyle(H.constraints),
+				...z,
+				transition: U.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) {
+				case "hardEdge":
+					o.overflow = "hidden";
+					break;
+				case "antiAlias":
+					o.overflow = "hidden";
+					break;
+				default: break;
+			}
+			return {
+				...o,
+				display: "flex",
+				flexDirection: "column",
+				flexShrink: 0,
+				boxSizing: "border-box",
+				position: "relative"
+			};
+		}), G = computed(() => ({
+			...boxDecorationToStyle(H.foregroundDecoration),
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			pointerEvents: "none",
+			transition: U.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", {
+			key: 0,
+			style: normalizeStyle(G.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({
+	inheritAttrs: !1,
+	__name: "AnimatedOpacity",
+	props: {
+		opacity: {},
+		duration: { default: 300 },
+		curve: { 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));
+	}
+}), Center_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Center",
+	props: {
+		widthFactor: {},
+		heightFactor: {}
+	},
+	setup(o) {
+		return (F, I) => (openBlock(), createBlock(Align_default, {
+			alignment: "center",
+			"width-factor": o.widthFactor,
+			"height-factor": o.heightFactor
+		}, {
+			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			_: 3
+		}, 8, ["width-factor", "height-factor"]));
+	}
+}), FlexBox_default = /* @__PURE__ */ defineComponent({
+	name: "FlexBox",
+	inheritAttrs: !1,
+	__name: "FlexBox",
+	props: {
+		direction: { default: "row" },
+		mainAxisAlignment: { default: MainAxisAlignment.start },
+		crossAxisAlignment: { default: CrossAxisAlignment.start },
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		gap: { default: 0 },
+		expanded: {
+			type: Boolean,
+			default: !1
+		},
+		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 = {
+				display: "flex",
+				flexDirection: F.direction,
+				flexWrap: F.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 (F, R) => (openBlock(), createBlock(resolveDynamicComponent(o.as), mergeProps({
+			class: L.value,
+			style: B.value
+		}, unref(I)), {
+			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+}), Column_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Column",
+	props: {
+		direction: {},
+		mainAxisAlignment: {},
+		crossAxisAlignment: {},
+		wrap: { type: Boolean },
+		gap: {},
+		expanded: { type: Boolean },
+		as: {},
+		constraints: {}
+	},
+	setup(o) {
+		return (F, I) => (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
+		}, {
+			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"main-axis-alignment",
+			"cross-axis-alignment",
+			"wrap",
+			"gap",
+			"expanded"
+		]));
+	}
+}), Container_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Container",
+	props: {
+		width: {},
+		height: {},
+		padding: {},
+		margin: {},
+		decoration: {},
+		foregroundDecoration: {},
+		color: {},
+		alignment: {},
+		clipBehavior: { default: "none" },
+		transform: {},
+		transformAlignment: {},
+		constraints: {}
+	},
+	setup(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 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",
+				position: "relative"
+			};
+			H.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;
+		}), G = computed(() => {
+			let o = {
+				position: "absolute",
+				pointerEvents: "none",
+				zIndex: 1,
+				inset: 0
+			};
+			return Object.assign(o, boxDecorationToStyle(H.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", {
+			key: 0,
+			style: normalizeStyle(G.value)
+		}, null, 4)) : createCommentVNode("", !0)], 16));
+	}
+}), FlexItem_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "FlexItem",
+	props: {
+		flex: { default: 0 },
+		expanded: {
+			type: Boolean,
+			default: !1
+		},
+		flexible: {
+			type: Boolean,
+			default: !1
+		},
+		alignSelf: { default: "auto" },
+		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;
+			}
+			if (F.maxSize) {
+				let I = px2vw(F.maxSize);
+				o.maxWidth = I, o.maxHeight = I;
+			}
+			return o;
+		});
+		return (o, F) => (openBlock(), createElementBlock("div", mergeProps({
+			class: "flex-item",
+			style: L.value
+		}, unref(I)), [renderSlot(o.$slots, "default")], 16));
+	}
+}), Expanded_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Expanded",
+	props: {
+		flex: { default: 1 },
+		alignSelf: { default: "auto" },
+		minSize: {},
+		maxSize: {}
+	},
+	setup(o) {
+		return (F, I) => (openBlock(), createBlock(FlexItem_default, {
+			flex: o.flex,
+			expanded: "",
+			"align-self": o.alignSelf,
+			"min-size": o.minSize,
+			"max-size": o.maxSize
+		}, {
+			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"flex",
+			"align-self",
+			"min-size",
+			"max-size"
+		]));
+	}
+});
+function usePositionStyle(o, F = "absolute") {
+	return computed(() => {
+		let I = {
+			position: F,
+			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;
+	});
+}
+var Fixed_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Fixed",
+	props: {
+		top: {},
+		bottom: {},
+		left: {},
+		right: {},
+		width: {},
+		height: {},
+		zIndex: { default: 100 }
+	},
+	setup(o) {
+		let F = usePositionStyle(o, "fixed");
+		return (o, I) => (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]) : typeof o.type == "string" ? cloneVNode(o, z) : o : null;
+		};
+	}
+}), ScrollView_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "ScrollView",
+	props: {
+		scrollDirection: { default: "vertical" },
+		padding: {},
+		physics: { default: "bouncing" },
+		clipBehavior: { default: "hardEdge" },
+		reverse: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"scroll",
+		"scrollStart",
+		"scrollEnd"
+	],
+	setup(o, { expose: F, emit: I }) {
+		let L = o, z = I, B = ref(), U = !1, W = null, G = computed(() => {
+			let o = {
+				width: "100%",
+				height: "100%",
+				position: "relative",
+				display: "block",
+				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%",
+				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");
+			}, 150);
+		};
+		return F({
+			scrollRef: B,
+			scrollTo: (o) => {
+				B.value?.scrollTo(o);
+			}
+		}), onUnmounted(() => {
+			W && clearTimeout(W);
+		}), (o, F) => (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));
+	}
+}), GridView_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "GridView",
+	props: {
+		scrollDirection: { default: "vertical" },
+		padding: {},
+		physics: { default: "bouncing" },
+		shrinkWrap: {
+			type: Boolean,
+			default: !1
+		},
+		clipBehavior: { default: "hardEdge" },
+		crossAxisCount: { default: 2 },
+		mainAxisSpacing: { default: 0 },
+		crossAxisSpacing: { default: 0 },
+		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;
+			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%"
+			};
+		});
+		return (I, R) => (openBlock(), createBlock(ScrollView_default, {
+			"scroll-direction": o.scrollDirection,
+			padding: o.padding,
+			physics: o.physics,
+			"clip-behavior": o.clipBehavior,
+			class: "flutter-grid-view",
+			style: normalizeStyle(L.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)]),
+			_: 3
+		}, 8, [
+			"scroll-direction",
+			"padding",
+			"physics",
+			"clip-behavior",
+			"style"
+		]));
+	}
+}), IgnorePointer_default = defineComponent({
+	name: "IgnorePointer",
+	inheritAttrs: !1,
+	props: {
+		ignoring: {
+			type: Boolean,
+			default: !1
+		},
+		ignoringSemantics: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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
+			});
+		};
+	}
+}), _hoisted_1 = {
+	key: 0,
+	class: "list-view-separator"
+}, ListView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "ListView",
+	props: {
+		scrollDirection: { default: "vertical" },
+		padding: {},
+		physics: { default: "bouncing" },
+		shrinkWrap: {
+			type: Boolean,
+			default: !1
+		},
+		itemCount: {},
+		itemExtent: {},
+		separator: {
+			type: Boolean,
+			default: !1
+		},
+		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";
+			return {
+				display: "flex",
+				flexDirection: o ? "column" : "row",
+				gap: "0px",
+				minWidth: o ? "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)
+		}, {
+			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)]),
+			_: 3
+		}, 8, [
+			"scroll-direction",
+			"padding",
+			"physics",
+			"clip-behavior",
+			"class",
+			"style"
+		]));
+	}
+}), [["__scopeId", "data-v-3b4a0fca"]]), Opacity_default = /* @__PURE__ */ 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));
+	}
+}), Padding_default = defineComponent({
+	name: "Padding",
+	inheritAttrs: !1,
+	props: {
+		all: {
+			type: [String, Number],
+			default: void 0
+		},
+		horizontal: {
+			type: [String, Number],
+			default: void 0
+		},
+		vertical: {
+			type: [String, Number],
+			default: void 0
+		},
+		top: {
+			type: [String, Number],
+			default: void 0
+		},
+		right: {
+			type: [String, Number],
+			default: void 0
+		},
+		bottom: {
+			type: [String, Number],
+			default: void 0
+		}
+	},
+	setup(o, { slots: F }) {
+		return () => {
+			let I = useChild(F.default);
+			return I ? cloneVNode(I, { style: edgeInsetsToStyle("padding", o) }) : null;
+		};
+	}
+}), STACK_CONTEXT_KEY = "stackContext";
+function useStackContext() {
+	return inject(STACK_CONTEXT_KEY, {});
+}
+const provideStackContext = () => provide(STACK_CONTEXT_KEY, {});
+var Positioned_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Positioned",
+	props: {
+		top: {},
+		bottom: {},
+		left: {},
+		right: {},
+		width: {},
+		height: {}
+	},
+	setup(o) {
+		let F = o, I = useStackContext();
+		onMounted(() => {
+			I || warn("[Positioned] Positioned widget must be a descendant of a Stack. ");
+		});
+		let L = usePositionStyle(F, "absolute");
+		return (o, F) => (openBlock(), createElementBlock("div", {
+			class: "positioned",
+			style: normalizeStyle(unref(L))
+		}, [renderSlot(o.$slots, "default")], 4));
+	}
+}), Row_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Row",
+	props: {
+		direction: {},
+		mainAxisAlignment: { default: "start" },
+		crossAxisAlignment: { default: "center" },
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		gap: {},
+		expanded: {
+			type: Boolean,
+			default: !1
+		},
+		as: {},
+		constraints: {}
+	},
+	setup(o) {
+		return (F, I) => (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
+		}, {
+			default: withCtx(() => [renderSlot(F.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"main-axis-alignment",
+			"cross-axis-alignment",
+			"wrap",
+			"gap",
+			"as",
+			"expanded"
+		]));
+	}
+}), SafeArea_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "SafeArea",
+	props: {
+		left: {
+			type: Boolean,
+			default: !0
+		},
+		top: {
+			type: Boolean,
+			default: !0
+		},
+		right: {
+			type: Boolean,
+			default: !0
+		},
+		bottom: {
+			type: Boolean,
+			default: !0
+		},
+		minimum: {},
+		maintainBottomViewPadding: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(o) {
+		let F = o, I = computed(() => {
+			let o = {
+				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 (o, F) => (openBlock(), createElementBlock("div", {
+			class: "flutter-safe-area",
+			style: normalizeStyle(I.value)
+		}, [renderSlot(o.$slots, "default")], 4));
+	}
+}), SizedBox_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "SizedBox",
+	props: {
+		width: {},
+		height: {}
+	},
+	setup(o) {
+		let F = o, I = useSafeAttrs(), L = useSlots(), z = computed(() => {
+			let o = {
+				boxSizing: "border-box",
+				position: "relative"
+			};
+			return Object.assign(o, sizeToStyle(F)), L.default && (o.display = "flex", o.flexDirection = "column", o.flexShrink = 0), o;
+		});
+		return (o, F) => (openBlock(), createElementBlock("div", mergeProps({
+			class: "sized-box",
+			style: z.value
+		}, unref(I)), [renderSlot(o.$slots, "default")], 16));
+	}
+}), Stack_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Stack",
+	props: {
+		alignment: { default: "topLeft" },
+		clipBehavior: { default: "none" },
+		textDirection: { default: "ltr" },
+		fit: { default: "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(() => {
+			let o = {
+				position: "relative",
+				display: "flex",
+				flexDirection: "column",
+				...I[F.alignment],
+				overflow: L[F.clipBehavior],
+				direction: F.textDirection,
+				boxSizing: "border-box"
+			};
+			return F.fit === "expand" && (o.width = "100%", o.height = "100%"), o;
+		});
+		return provideStackContext(), (o, F) => (openBlock(), createElementBlock("div", {
+			class: "flutter-stack",
+			style: normalizeStyle(z.value)
+		}, [renderSlot(o.$slots, "default", {}, void 0, !0)], 4));
+	}
+}), [["__scopeId", "data-v-f268257b"]]), Sticky_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Sticky",
+	props: {
+		top: {},
+		bottom: {},
+		left: {},
+		right: {},
+		width: {},
+		height: {},
+		zIndex: { default: 10 }
+	},
+	setup(o) {
+		let F = usePositionStyle(o, "sticky");
+		return (o, I) => (openBlock(), createElementBlock("div", {
+			class: "flutter-sticky",
+			style: normalizeStyle(unref(F))
+		}, [renderSlot(o.$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;
+}({});
+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);
+}
+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);
+	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) {
+		case TextOverflow.ellipsis:
+			F.overflow = "hidden", F.textOverflow = "ellipsis", F.whiteSpace = "nowrap";
+			break;
+		case TextOverflow.clip:
+			F.overflow = "hidden";
+			break;
+		case TextOverflow.visible:
+			F.overflow = "visible";
+			break;
+		case TextOverflow.fade:
+			F.overflow = "hidden", F.whiteSpace = "nowrap", F.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;
+}
+function TextStyle(o = {}, F = {}) {
+	let I = {
+		...F,
+		...o
+	};
+	return validateTextStyle(I), I;
+}
+var Text_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Text",
+	props: {
+		data: {},
+		style: {},
+		textAlign: {},
+		textDirection: {},
+		softWrap: {
+			type: Boolean,
+			default: !0
+		},
+		overflow: {},
+		maxLines: {},
+		semanticsLabel: {},
+		tag: { default: "span" }
+	},
+	setup(o) {
+		let F = o, I = useGestureEvents(), L = computed(() => {
+			let o = F.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) {
+				case TextOverflow.ellipsis:
+					o.textOverflow = "ellipsis", o.overflow = "hidden", F.softWrap === !1 && (o.whiteSpace = "nowrap");
+					break;
+				case TextOverflow.clip:
+					o.overflow = "hidden", o.textOverflow = "clip";
+					break;
+				case TextOverflow.visible:
+					o.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%)";
+					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 (F, R) => (openBlock(), createBlock(resolveDynamicComponent(o.tag), mergeProps({ style: V.value }, unref(I)), {
+			default: withCtx(() => [renderSlot(F.$slots, "default", {}, () => [createTextVNode(toDisplayString(L.value), 1)])]),
+			_: 3
+		}, 16, ["style"]));
+	}
+}), Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Transform",
+	props: {
+		transform: {},
+		alignment: { default: "center" },
+		origin: {}
+	},
+	setup(o) {
+		let F = o, I = computed(() => {
+			let o = {
+				transform: F.transform,
+				display: "flex",
+				flexDirection: "column",
+				flexShrink: 0
+			};
+			return F.origin ? o.transformOrigin = F.origin : F.alignment && (o.transformOrigin = alignmentToOrigin(F.alignment)), o;
+		});
+		return (o, F) => (openBlock(), createElementBlock("div", {
+			class: "flutter-transform",
+			style: normalizeStyle(I.value)
+		}, [renderSlot(o.$slots, "default", {}, void 0, !0)], 4));
+	}
+}), [["__scopeId", "data-v-44c40486"]]), Wrap_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "Wrap",
+	props: {
+		direction: { default: "horizontal" },
+		alignment: { default: "start" },
+		spacing: { default: 0 },
+		runAlignment: { default: "start" },
+		runSpacing: { default: 0 },
+		crossAxisAlignment: { default: "start" },
+		verticalDirection: { default: "down" },
+		clipBehavior: { default: "none" }
+	},
+	setup(o) {
+		let F = o, I = {
+			start: "flex-start",
+			end: "flex-end",
+			center: "center",
+			spaceBetween: "space-between",
+			spaceAround: "space-around",
+			spaceEvenly: "space-evenly"
+		}, L = {
+			start: "flex-start",
+			end: "flex-end",
+			center: "center"
+		}, z = 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"
+		}));
+		return (o, F) => (openBlock(), createElementBlock("div", {
+			class: "flutter-wrap",
+			style: normalizeStyle(z.value)
+		}, [renderSlot(o.$slots, "default")], 4));
+	}
+});
+setTransform(!1);
+export { Align_default as Align, FlexAlignment as Alignment, FlexAlignment, 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 };