fluekit 2.8.0 → 2.8.1

package/dist/FlexProps.d.ts

@@ -62,3 +62,4 @@ export declare const StackFit: {
 };
 export type StackFit = Valueof<typeof StackFit>;
 export declare function flexBoxToStyle(props: FlexBoxProps): CSSProperties;
+export declare function withFlexDirection(flexDirection: CSSProperties["flexDirection"], props: CSSProperties): CSSProperties;

package/dist/LiquidGlassDialog.d.ts

@@ -25,14 +25,14 @@ declare const _default: import('vue').DefineComponent<LiquidGlassDialogProps, {
     close: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     close: () => any;
+    afterClose: () => any;
     "update:modelValue": (value: boolean) => any;
     action: (payload: LiquidGlassDialogActionPayload) => any;
-    afterClose: () => any;
 }, string, import('vue').PublicProps, Readonly<LiquidGlassDialogProps> & Readonly<{
     onClose?: (() => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onAction?: ((payload: LiquidGlassDialogActionPayload) => any) | undefined;
-    onAfterClose?: (() => any) | undefined;
 }>, {
     title: string;
     alignment: Alignment;

package/dist/Modal.d.ts

@@ -1,5 +1,5 @@
 import { Alignment } from './Alignment';
-interface ModalProps {
+export interface ModalProps {
     barrierDismissible?: boolean;
     barrierColor?: string;
     alignment?: Alignment;
@@ -23,8 +23,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "update:visible": (value: boolean) => any;
 } & {
     close: () => any;
+    afterClose: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
     alignment: Alignment;

package/dist/device.d.ts

@@ -1,4 +1,5 @@
 export declare const isBrowser: boolean;
+export declare const isClient: boolean;
 export declare const userAgent: string;
 export declare const isAndroid: boolean;
 export declare const isHarmonyOS: boolean;

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export { default as Image } from './Image';
 export { default as Icon } from './Icon';
 export { default as ListView } from './ListView';
 export { default as Modal } from './Modal';
+export * from './showModal';
 export { default as Padding } from './Padding';
 export { default as Positioned } from './Positioned';
 export { default as Row } from './Row';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Comment, Fragment, Teleport, Text, Transition, TransitionGroup, cloneVNode, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRefs, unref, useAttrs, useModel, useSlots, warn, watch, watchEffect, withCtx, withModifiers } from "vue";
+import { Comment, Fragment, Teleport, Text, Transition, TransitionGroup, cloneVNode, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, isVNode, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, render, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRefs, unref, useAttrs, useModel, useSlots, warn, watch, watchEffect, withCtx, withModifiers } from "vue";
 var BackdropFilter_default = /* @__PURE__ */ defineComponent({
 	__name: "BackdropFilter",
 	props: {
@@ -1343,6 +1343,13 @@ function flexBoxToStyle(e) {
 	};
 	return e.gap !== void 0 && e.gap != null && (r.gap = px2vw$1(e.gap)), r;
 }
+function withFlexDirection(e, t) {
+	return {
+		display: "flex",
+		flexDirection: e,
+		...t
+	};
+}
 var FlexBox_default = /* @__PURE__ */ defineComponent({
 	name: "FlexBox",
 	inheritAttrs: !1,
@@ -1481,20 +1488,20 @@ function useZIndex() {
 function usePositionStyle(e, t = "absolute") {
 	let n = ref();
 	return onMounted(() => n.value = zIndexManager.next()), computed(() => {
-		let r = {
-			position: t,
+		let r = unref(e), i = {
+			position: r.position ?? unref(t),
 			boxSizing: "border-box",
-			zIndex: e.zIndex ?? n.value,
+			zIndex: r.zIndex ?? n.value,
 			pointerEvents: "auto",
-			transform: e.transform
+			transform: r.transform
 		};
-		e.size === void 0 ? (r.width = px2vw$1(e.width), r.height = px2vw$1(e.height)) : Object.assign(r, sizeToStyle(e.size));
-		let i = e.inset;
-		if (i != null) {
-			if (typeof i == "number") return r.top = px2vw$1(i), r.bottom = px2vw$1(i), r.left = px2vw$1(i), r.right = px2vw$1(i), r;
-			typeof i == "string" && Object.assign(r, insetToStyle(i));
-		} else r.top = px2vw$1(e.top), r.bottom = px2vw$1(e.bottom), r.left = px2vw$1(e.left), r.right = px2vw$1(e.right);
-		return r;
+		r.size === void 0 ? (i.width = px2vw$1(r.width), i.height = px2vw$1(r.height)) : Object.assign(i, sizeToStyle(r.size));
+		let a = r.inset;
+		if (a != null) {
+			if (typeof a == "number") return i.top = px2vw$1(a), i.bottom = px2vw$1(a), i.left = px2vw$1(a), i.right = px2vw$1(a), i;
+			typeof a == "string" && Object.assign(i, insetToStyle(a));
+		} else i.top = px2vw$1(r.top), i.bottom = px2vw$1(r.bottom), i.left = px2vw$1(r.left), i.right = px2vw$1(r.right);
+		return i;
 	});
 }
 function insetToStyle(e) {
@@ -2434,11 +2441,13 @@ var CupertinoActivityIndicator_default = /* @__PURE__ */ defineComponent({
 				easing: "ease-out"
 			});
 			n.onfinish = t;
-		}, f = computed(() => ({
-			backgroundColor: resolveColor(n.color),
-			zIndex: n.zIndex,
-			position: n.position,
+		}, f = usePositionStyle(computed(() => ({
 			inset: 0,
+			zIndex: n.zIndex,
+			position: n.position
+		}))), p = computed(() => ({
+			backgroundColor: resolveColor(n.color),
+			...f.value,
 			pointerEvents: "auto",
 			cursor: "auto"
 		}));
@@ -2449,7 +2458,7 @@ var CupertinoActivityIndicator_default = /* @__PURE__ */ defineComponent({
 		}, {
 			default: withCtx(() => [e.visible ? (openBlock(), createElementBlock("div", {
 				key: 0,
-				style: normalizeStyle(f.value),
+				style: normalizeStyle(p.value),
 				onClick: a
 			}, [renderSlot(t.$slots, "default")], 4)) : createCommentVNode("", !0)]),
 			_: 3
@@ -2473,97 +2482,81 @@ var CupertinoActivityIndicator_default = /* @__PURE__ */ defineComponent({
 		},
 		visibleModifiers: {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["close"], ["update:visible"]),
+	emits: /* @__PURE__ */ mergeModels(["close", "afterClose"], ["update:visible"]),
 	setup(e, { emit: n }) {
 		let r = useModel(e, "visible"), a = e, o = n, c = () => {
 			r.value = !1, o("close");
-		};
-		function f(e) {
+		}, l = usePositionStyle(computed(() => ({
+			inset: "0",
+			zIndex: a.zIndex,
+			position: "fixed",
+			width: "100%",
+			height: "100%"
+		}))), f = computed(() => withFlexDirection("column", {
+			...l.value,
+			...alignmentToFlex(a.alignment, "column")
+		}));
+		function p(e) {
 			isBrowser && (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto");
 		}
-		watch(() => r.value, (e) => f(e));
-		let p = computed(() => {
-			switch (a.alignment) {
-				case Alignment.topLeft: return {
-					top: "0",
-					left: "0"
-				};
-				case Alignment.centerLeft: return {
-					top: "50%",
-					left: "0",
-					transform: "translate(0%,-50%)"
-				};
-				case Alignment.bottomLeft: return {
-					bottom: "0%",
-					left: "0%"
-				};
-				case Alignment.topCenter: return {
-					top: "0%",
-					left: "50%",
-					transform: "translate(-50%,0%)"
-				};
-				case Alignment.bottomCenter: return {
-					bottom: "0%",
-					left: "50%",
-					transform: "translate(-50%,0%)"
-				};
-				case Alignment.center: return {
-					top: "50%",
-					left: "50%",
-					transform: "translate(-50%,-50%)"
-				};
-				case Alignment.topRight: return {
-					top: "0",
-					right: "0"
-				};
-				case Alignment.centerRight: return {
-					top: "50%",
-					right: "0",
-					transform: "translate(0%,-50%)"
-				};
-				case Alignment.bottomRight: return {
-					bottom: "0%",
-					right: "0%"
-				};
-				default: return {
-					top: "50%",
-					left: "50%",
-					transform: "translate(-50%,-50%)"
-				};
-			}
-		}), m = () => {
+		watch(() => r.value, (e) => p(e));
+		let m = () => {
 			a.barrierDismissible && c();
-		}, _ = (e, t) => {
-			let n = e.animate([{ opacity: 0 }, { opacity: 1 }], {
+		}, _ = (e) => {
+			e.target === e.currentTarget && m();
+		}, v = (e) => {
+			switch (e) {
+				case Alignment.topCenter: return "translateY(-100%)";
+				case Alignment.bottomCenter: return "translateY(100%)";
+				case Alignment.topLeft: return "translate(-100%, -100%)";
+				case Alignment.topRight: return "translate(100%, -100%)";
+				case Alignment.bottomLeft: return "translate(-100%, 100%)";
+				case Alignment.bottomRight: return "translate(100%, 100%)";
+				case Alignment.centerLeft: return "translateX(-100%)";
+				case Alignment.centerRight: return "translateX(100%)";
+				case Alignment.center:
+				default: return "scale(0)";
+			}
+		}, y = (e, t) => {
+			let n = e, r = v(a.alignment), i = n.animate([{
+				opacity: 0,
+				transform: r
+			}, {
+				opacity: 1,
+				transform: "none"
+			}], {
 				duration: 300,
 				easing: "ease"
 			});
-			n.onfinish = t;
-		}, v = (e, t) => {
-			let n = e.animate([{ opacity: 1 }, { opacity: 0 }], {
+			i.onfinish = () => {
+				t();
+			};
+		}, b = (e, t) => {
+			let n = e, r = v(a.alignment), i = n.animate([{
+				opacity: 1,
+				transform: "none"
+			}, {
+				opacity: 0,
+				transform: r
+			}], {
 				duration: 300,
 				easing: "ease"
 			});
-			n.onfinish = t;
+			i.onfinish = () => {
+				t(), o("afterClose");
+			};
 		};
 		return (n, a) => (openBlock(), createElementBlock(Fragment, null, [createVNode(Transition, {
 			css: !1,
-			onEnter: _,
-			onLeave: v
+			onEnter: y,
+			onLeave: b
 		}, {
-			default: withCtx(() => [r.value ? (openBlock(), createBlock(Fixed_default, mergeProps({
+			default: withCtx(() => [r.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
-				"z-index": e.zIndex
-			}, p.value), {
-				default: withCtx(() => [createVNode(Container_default, {
-					width: "100%",
-					height: "100%"
-				}, {
-					default: withCtx(() => [renderSlot(n.$slots, "default")]),
-					_: 3
-				})]),
-				_: 3
-			}, 16, ["z-index"])) : createCommentVNode("", !0)]),
+				style: normalizeStyle(f.value),
+				class: "modal-core",
+				onClick: _
+			}, [renderSlot(n.$slots, "default")], 4)) : createCommentVNode("", !0)]),
 			_: 3
 		}), createVNode(Overlay_default, {
 			visible: r.value,
@@ -2577,7 +2570,31 @@ var CupertinoActivityIndicator_default = /* @__PURE__ */ defineComponent({
 			"color"
 		])], 64));
 	}
-}), Padding_default = defineComponent({
+});
+const showModal = (e) => {
+	let t = document.createElement("div");
+	document.body.appendChild(t);
+	let n = () => {
+		render(null, t), document.body.contains(t) && document.body.removeChild(t), e.onAfterClose?.();
+	}, r = () => {
+		i(!1), e.onClose?.();
+	}, i = (r) => {
+		let { content: a, contentProps: o, onClose: s, onAfterClose: c, ...l } = e, u;
+		u = typeof a == "string" || isVNode(a) ? () => a : a ? () => createVNode(a, o) : () => null;
+		function d(e) {
+			e || i(!1);
+		}
+		render(createVNode(Modal_default, {
+			...l,
+			visible: r,
+			"onUpdate:visible": d,
+			onClose: e.onClose,
+			onAfterClose: n
+		}, { default: u }), t);
+	};
+	return i(!0), { close: r };
+};
+var Padding_default = defineComponent({
 	name: "Padding",
 	inheritAttrs: !1,
 	props: {
@@ -2982,18 +2999,18 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 		}), x = computed(() => {
 			let e = n.decoration?.floatingLabelBehavior || FloatingLabelBehavior.auto;
 			return e === FloatingLabelBehavior.never ? !1 : e === FloatingLabelBehavior.always ? !0 : o.value || n.modelValue !== "" && n.modelValue !== null && n.modelValue !== void 0;
-		}), S = computed(() => !(n.decoration?.floatingLabelBehavior === FloatingLabelBehavior.never && (n.modelValue !== "" && n.modelValue !== null && n.modelValue !== void 0 || o.value))), w = computed(() => n.decoration?.labelText && S.value && !x.value ? "" : n.decoration?.hintText || "");
+		}), S = computed(() => !(n.decoration?.floatingLabelBehavior === FloatingLabelBehavior.never && (n.modelValue !== "" && n.modelValue !== null && n.modelValue !== void 0 || o.value))), C = computed(() => n.decoration?.labelText && S.value && !x.value ? "" : n.decoration?.hintText || "");
 		function T() {
 			nextTick(v);
 		}
 		watch(() => n.modelValue, T), watch(y, (e) => e && nextTick(v)), watch(() => n.maxLines, T), watch(() => n.minLines, T), watch(() => n.autoGrow, T);
-		let O = computed(() => {
+		let E = computed(() => {
 			if (n.decoration?.errorText) {
 				if (o.value && n.decoration.focusedErrorBorder) return n.decoration.focusedErrorBorder;
 				if (n.decoration.errorBorder) return n.decoration.errorBorder;
 			}
 			return !n.enabled && n.decoration?.disabledBorder ? n.decoration.disabledBorder : o.value && n.decoration?.focusedBorder ? n.decoration.focusedBorder : n.enabled && n.decoration?.enabledBorder ? n.decoration.enabledBorder : n.decoration?.border;
-		}), k = computed(() => n.decoration?.prefixText), A = computed(() => n.decoration?.errorText), j = computed(() => n.decoration?.helperText), $a = computed(() => n.decoration?.counterText || `${String(n.modelValue).length} / ${n.maxLength}`), P = computed(() => A.value || n.decoration?.alwaysShowError), F = computed(() => {
+		}), k = computed(() => n.decoration?.prefixText), A = computed(() => n.decoration?.errorText), j = computed(() => n.decoration?.helperText), N = computed(() => n.decoration?.counterText || `${String(n.modelValue).length} / ${n.maxLength}`), to = computed(() => A.value || n.decoration?.alwaysShowError), P = computed(() => {
 			if (n.decoration?.isCollapsed) return {
 				display: "flex",
 				alignItems: y.value ? "flex-start" : "center",
@@ -3007,7 +3024,7 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				transition: "all 0.2s ease",
 				width: "100%",
 				...boxConstraintsToStyle(n.decoration?.constraints)
-			}, t = O.value || UnderlineInputBorder();
+			}, t = E.value || UnderlineInputBorder();
 			if (t.isOutline) {
 				let r = t.borderSide || BorderSide({
 					width: 1,
@@ -3026,40 +3043,40 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				isEdgeInsets(n.decoration?.contentPadding) ? Object.assign(e, paddingToStyle(n.decoration.contentPadding)) : e.padding = `${i}px 0`;
 			}
 			return n.decoration?.filled && (e.backgroundColor = resolveColor(n.decoration.fillColor) || "#f0f0f0"), e;
-		}), I = computed(() => ({
+		}), F = computed(() => ({
 			display: "flex",
 			flexDirection: "row",
 			position: "relative",
 			fontFamily: "inherit",
 			width: "100%"
-		})), L = computed(() => ({
+		})), io = computed(() => ({
 			marginRight: "16px",
 			marginTop: "12px",
 			display: "flex",
 			alignItems: "center",
 			color: resolveColor(n.decoration?.iconColor) || "inherit"
-		})), R = {
+		})), I = {
 			flex: 1,
 			position: "relative",
 			display: "flex",
 			flexDirection: "column"
-		}, B = computed(() => ({
+		}, L = computed(() => ({
 			display: "flex",
 			alignItems: "center",
 			padding: "0 8px",
 			color: resolveColor(n.decoration?.prefixIconColor) || "#666",
 			paddingLeft: 0
-		})), H = computed(() => ({
+		})), z = computed(() => ({
 			display: "flex",
 			alignItems: "center",
 			padding: "0 8px",
 			color: resolveColor(n.decoration?.suffixIconColor) || "#666",
 			paddingRight: 0
-		})), U = {
+		})), V = {
 			flex: 1,
 			position: "relative",
 			display: "flex"
-		}, W = computed(() => {
+		}, H = computed(() => {
 			let e = {
 				flex: 1,
 				border: "none",
@@ -3075,14 +3092,14 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				...textStyleToStyle(n.style)
 			};
 			return n.cursorColor && (e.caretColor = resolveColor(n.cursorColor)), n.textAlign && (e.textAlign = n.textAlign), e;
-		}), G = computed(() => {
+		}), U = computed(() => {
 			let e = {
 				position: "absolute",
 				left: 0,
 				right: 0,
 				pointerEvents: "none",
-				color: Z.value,
-				fontSize: eo.value,
+				color: Y.value,
+				fontSize: X.value,
 				textAlign: n.textAlign || "start",
 				whiteSpace: y.value ? "pre-wrap" : "nowrap",
 				overflow: "hidden",
@@ -3090,24 +3107,24 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				...textStyleToStyle(n.decoration?.hintStyle)
 			};
 			return y.value ? e.top = "0" : (e.top = "50%", e.transform = "translateY(-50%)"), e;
-		}), K = {
+		}), W = {
 			display: "flex",
 			justifyContent: "space-between",
 			marginTop: "4px"
-		}, q = computed(() => {
+		}, G = computed(() => {
 			let e = {
 				position: "absolute",
 				zIndex: 1,
-				left: `${(O.value?.isOutline ? 12 : 0) + (p.value || 0) + (n.decoration?.prefixIcon || r.prefixIcon ? 40 : 0)}px`,
-				top: O.value?.isOutline ? "50%" : "0",
+				left: `${(E.value?.isOutline ? 12 : 0) + (p.value || 0) + (n.decoration?.prefixIcon || r.prefixIcon ? 40 : 0)}px`,
+				top: E.value?.isOutline ? "50%" : "0",
 				transform: "translateY(-50%)",
 				pointerEvents: "none",
 				transition: "all 0.2s ease",
 				color: "#666",
 				...textStyleToStyle(n.decoration?.labelStyle)
 			};
-			return x.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", o.value && (e.color = "#2196F3"), n.decoration?.floatingLabelStyle && Object.assign(e, textStyleToStyle(n.decoration.floatingLabelStyle)), O.value?.isOutline && (e.transform = "translateY(-50%) scale(0.75)", e.backgroundColor = n.decoration?.fillColor ? resolveColor(n.decoration.fillColor) : "#fff", e.padding = "0 4px", e.marginLeft = "-4px")), e;
-		}), J = computed(() => {
+			return x.value && (e.top = "0", e.transform = "translateY(-100%) scale(0.75)", e.transformOrigin = "left bottom", o.value && (e.color = "#2196F3"), n.decoration?.floatingLabelStyle && Object.assign(e, textStyleToStyle(n.decoration.floatingLabelStyle)), E.value?.isOutline && (e.transform = "translateY(-50%) scale(0.75)", e.backgroundColor = n.decoration?.fillColor ? resolveColor(n.decoration.fillColor) : "#fff", e.padding = "0 4px", e.marginLeft = "-4px")), e;
+		}), K = computed(() => {
 			let e = {
 				flex: 1,
 				fontSize: "12px",
@@ -3115,7 +3132,7 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				...textStyleToStyle(n.decoration?.helperStyle)
 			};
 			return n.decoration?.helperTextAlign && (e.textAlign = n.decoration.helperTextAlign), n.decoration?.helperMaxLines && (e.display = "-webkit-box", e.WebkitLineClamp = n.decoration.helperMaxLines.toString(), e.WebkitBoxOrient = "vertical", e.overflow = "hidden"), n.decoration?.helperConstraints && Object.assign(e, boxConstraintsToStyle(n.decoration.helperConstraints)), e;
-		}), Y = computed(() => {
+		}), q = computed(() => {
 			let e = {
 				flex: 1,
 				fontSize: "12px",
@@ -3123,31 +3140,31 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				...textStyleToStyle(n.decoration?.errorStyle)
 			};
 			return n.decoration?.errorTextAlign && (e.textAlign = n.decoration.errorTextAlign), n.decoration?.errorMaxLines && (e.display = "-webkit-box", e.WebkitLineClamp = n.decoration.errorMaxLines.toString(), e.WebkitBoxOrient = "vertical", e.overflow = "hidden"), n.decoration?.errorConstraints && Object.assign(e, boxConstraintsToStyle(n.decoration.errorConstraints)), e;
-		}), X = computed(() => ({
+		}), J = computed(() => ({
 			fontSize: "12px",
 			color: "#666",
 			marginLeft: "auto",
 			...textStyleToStyle(n.decoration?.counterStyle)
-		})), Z = computed(() => n.decoration?.hintStyle?.color ? resolveColor(n.decoration.hintStyle.color) : "#999"), eo = computed(() => n.decoration?.hintStyle?.fontSize ? `${n.decoration.hintStyle.fontSize}px` : n.style?.fontSize ? typeof n.style.fontSize == "number" ? `${n.style.fontSize}px` : n.style.fontSize : "16px"), Q = computed(() => n.maxLength && n.maxLength > 0 || n.decoration?.counterText), to = computed(() => n.decoration?.errorText || n.decoration?.helperText || Q.value || n.decoration?.alwaysShowError), $ = (e) => {
+		})), Y = computed(() => n.decoration?.hintStyle?.color ? resolveColor(n.decoration.hintStyle.color) : "#999"), X = computed(() => n.decoration?.hintStyle?.fontSize ? `${n.decoration.hintStyle.fontSize}px` : n.style?.fontSize ? typeof n.style.fontSize == "number" ? `${n.style.fontSize}px` : n.style.fontSize : "16px"), Z = computed(() => n.maxLength && n.maxLength > 0 || n.decoration?.counterText), ao = computed(() => n.decoration?.errorText || n.decoration?.helperText || Z.value || n.decoration?.alwaysShowError), Q = (e) => {
 			if (n.modelModifiers?.trim && typeof e == "string" && (e = e.trim()), n.modelModifiers?.number) {
 				let t = parseFloat(e);
 				isNaN(t) || (e = t);
 			}
 			i("update:modelValue", e);
-		}, no = (e) => {
+		}, $ = (e) => {
 			let t = e.target;
-			nextTick(v), n.modelModifiers?.lazy || $(t.value);
-		}, ro = (e) => {
+			nextTick(v), n.modelModifiers?.lazy || Q(t.value);
+		}, oo = (e) => {
 			let t = e.target;
-			n.modelModifiers?.lazy && $(t.value);
-		}, io = (e) => {
+			n.modelModifiers?.lazy && Q(t.value);
+		}, so = (e) => {
 			o.value = !0, i("focus", e);
-		}, ao = (e) => {
+		}, co = (e) => {
 			o.value = !1, i("blur", e);
 		};
-		return (t, n) => (openBlock(), createElementBlock("div", { style: normalizeStyle(I.value) }, [t.$slots.icon || e.decoration?.icon ? (openBlock(), createElementBlock("div", {
+		return (t, n) => (openBlock(), createElementBlock("div", { style: normalizeStyle(F.value) }, [t.$slots.icon || e.decoration?.icon ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(L.value)
+			style: normalizeStyle(io.value)
 		}, [renderSlot(t.$slots, "icon", {}, () => [createVNode(Icon_default, {
 			icon: e.decoration?.icon,
 			size: e.decoration?.iconSize,
@@ -3156,14 +3173,14 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 			"icon",
 			"size",
 			"color"
-		])])], 4)) : createCommentVNode("", !0), createElementVNode("div", { style: R }, [createElementVNode("div", { style: normalizeStyle(F.value) }, [
+		])])], 4)) : createCommentVNode("", !0), createElementVNode("div", { style: I }, [createElementVNode("div", { style: normalizeStyle(P.value) }, [
 			e.decoration?.labelText && S.value ? (openBlock(), createElementBlock("label", {
 				key: 0,
-				style: normalizeStyle(q.value)
+				style: normalizeStyle(G.value)
 			}, toDisplayString(e.decoration.labelText), 5)) : createCommentVNode("", !0),
 			t.$slots.prefixIcon || e.decoration?.prefixIcon ? (openBlock(), createElementBlock("div", {
 				key: 1,
-				style: normalizeStyle(B.value)
+				style: normalizeStyle(L.value)
 			}, [renderSlot(t.$slots, "prefixIcon", {}, () => [createVNode(Icon_default, {
 				icon: e.decoration?.prefixIcon,
 				size: e.decoration?.prefixIconSize,
@@ -3178,10 +3195,10 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				ref_key: "prefixRef",
 				ref: c
 			}, [renderSlot(t.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(k.value), 1)])], 512)) : createCommentVNode("", !0),
-			createElementVNode("div", { style: U }, [!e.modelValue && w.value ? (openBlock(), createElementBlock("div", {
+			createElementVNode("div", { style: V }, [!e.modelValue && C.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
-				style: normalizeStyle(G.value)
-			}, toDisplayString(w.value), 5)) : createCommentVNode("", !0), (openBlock(), createBlock(resolveDynamicComponent(y.value ? "textarea" : "input"), {
+				style: normalizeStyle(U.value)
+			}, toDisplayString(C.value), 5)) : createCommentVNode("", !0), (openBlock(), createBlock(resolveDynamicComponent(y.value ? "textarea" : "input"), {
 				ref_key: "inputRef",
 				ref: a,
 				value: e.modelValue,
@@ -3189,16 +3206,16 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				readonly: e.readOnly,
 				type: b.value,
 				rows: e.minLines || 1,
-				style: normalizeStyle(W.value),
+				style: normalizeStyle(H.value),
 				maxlength: e.maxLength,
 				autocapitalize: e.textCapitalization,
 				enterkeyhint: e.textInputAction,
 				autocorrect: e.autocorrect ? "on" : "off",
 				autocomplete: e.autocomplete,
-				onInput: no,
-				onChange: ro,
-				onFocus: io,
-				onBlur: ao
+				onInput: $,
+				onChange: oo,
+				onFocus: so,
+				onBlur: co
 			}, null, 40, [
 				"value",
 				"disabled",
@@ -3215,7 +3232,7 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 			t.$slots.suffix || e.decoration?.suffixText ? (openBlock(), createElementBlock("div", _hoisted_1$10, [renderSlot(t.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(e.decoration?.suffixText), 1)])])) : createCommentVNode("", !0),
 			t.$slots.suffixIcon || e.decoration?.suffixIcon ? (openBlock(), createElementBlock("div", {
 				key: 4,
-				style: normalizeStyle(H.value)
+				style: normalizeStyle(z.value)
 			}, [renderSlot(t.$slots, "suffixIcon", {}, () => [createVNode(Icon_default, {
 				icon: e.decoration?.suffixIcon,
 				size: e.decoration?.suffixIconSize,
@@ -3225,19 +3242,19 @@ var _hoisted_1$10 = { key: 3 }, _hoisted_2$4 = {
 				"size",
 				"color"
 			])])], 4)) : createCommentVNode("", !0)
-		], 4), to.value ? (openBlock(), createElementBlock("div", {
+		], 4), ao.value ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: K
-		}, [P.value ? (openBlock(), createElementBlock("div", {
+			style: W
+		}, [to.value ? (openBlock(), createElementBlock("div", {
 			key: 0,
-			style: normalizeStyle(Y.value)
+			style: normalizeStyle(q.value)
 		}, toDisplayString(A.value || "\xA0"), 5)) : j.value ? (openBlock(), createElementBlock("div", {
 			key: 1,
-			style: normalizeStyle(J.value)
-		}, toDisplayString(j.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$4)), Q.value ? (openBlock(), createElementBlock("div", {
+			style: normalizeStyle(K.value)
+		}, toDisplayString(j.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$4)), Z.value ? (openBlock(), createElementBlock("div", {
 			key: 3,
-			style: normalizeStyle(X.value)
-		}, toDisplayString($a.value), 5)) : createCommentVNode("", !0)])) : createCommentVNode("", !0)])], 4));
+			style: normalizeStyle(J.value)
+		}, toDisplayString(N.value), 5)) : createCommentVNode("", !0)])) : createCommentVNode("", !0)])], 4));
 	}
 }), TextArea_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
@@ -3592,7 +3609,7 @@ var _hoisted_1$9 = { style: {
 			n.onfinish = () => {
 				t(), _("afterClose");
 			};
-		}, Qa = (e, t) => {
+		}, j = (e, t) => {
 			let n = e.animate([{
 				opacity: 0,
 				transform: "scale(0.85) translateY(10px)"
@@ -3605,7 +3622,7 @@ var _hoisted_1$9 = { style: {
 				fill: "both"
 			});
 			n.onfinish = () => t();
-		}, j = (e, t) => {
+		}, M = (e, t) => {
 			let n = e.animate([{
 				opacity: 1,
 				transform: "scale(1) translateY(0)"
@@ -3629,8 +3646,8 @@ var _hoisted_1$9 = { style: {
 				style: normalizeStyle(D.value)
 			}, [createVNode(Transition, {
 				css: !1,
-				onEnter: Qa,
-				onLeave: j
+				onEnter: j,
+				onLeave: M
 			}, {
 				default: withCtx(() => [e.modelValue ? (openBlock(), createElementBlock("div", {
 					key: 0,
@@ -7862,7 +7879,7 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 			}
 			let e = b.value;
 			return e ? e.label : r.placeholder;
-		}), C = computed(() => r.icon || Icons.caretBottom), w = computed(() => r.iconColor || (v.value ? Colors.blue : Colors.black54)), T = computed(() => v.value ? CupertinoColors.systemBlue : Colors.blue), E = computed(() => EdgeInsets.symmetric({
+		}), S = computed(() => r.icon || Icons.caretBottom), w = computed(() => r.iconColor || (v.value ? Colors.blue : Colors.black54)), T = computed(() => v.value ? CupertinoColors.systemBlue : Colors.blue), E = computed(() => EdgeInsets.symmetric({
 			horizontal: 12,
 			vertical: 12
 		})), D = computed(() => v.value ? BoxDecoration({
@@ -7900,7 +7917,7 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 			fontSize: 16,
 			color: r.textColor || Colors.black87,
 			fontWeight: v.value ? FontWeight.w500 : FontWeight.w400
-		})), A = computed(() => v.value ? Colors.grey200 : Colors.grey100), j = BoxConstraints({ minWidth: 120 }), M = computed(() => {
+		})), A = computed(() => v.value ? Colors.grey200 : Colors.grey100), j = BoxConstraints({ minWidth: 120 }), N = computed(() => {
 			let e = {
 				position: "absolute",
 				zIndex: useZIndex(),
@@ -7908,7 +7925,7 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 				...p.value
 			};
 			return v.value && (e.backdropFilter = "blur(20px)", e.webkitBackdropFilter = "blur(20px)"), e;
-		}), N = (e) => {
+		}), no = (e) => {
 			let t;
 			return t = v.value ? Border.only({ bottom: BorderSide({
 				width: 1,
@@ -7924,28 +7941,28 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 					vertical: 12
 				})
 			};
-		}, P = (e) => {
+		}, ro = (e) => {
 			let t = e.value === r.modelValue;
 			return TextStyle({
 				fontSize: 16,
 				color: t ? T.value : Colors.black87,
 				fontWeight: t ? FontWeight.w500 : FontWeight.w400
 			});
-		}, F = (e) => r.multiple ? Array.isArray(r.modelValue) && r.modelValue.includes(e.value) : e.value === r.modelValue, L = () => {
+		}, P = (e) => r.multiple ? Array.isArray(r.modelValue) && r.modelValue.includes(e.value) : e.value === r.modelValue, F = () => {
 			let e = f.value?.$el || f.value;
 			if (!e || !e.getBoundingClientRect) return;
 			let t = e.getBoundingClientRect(), { innerWidth: n, innerHeight: i } = window, a = i - t.bottom, o = t.top, s = t.left, c = n - t.right, l = {}, u = "top", d = "center";
 			a < 250 && o > a ? (l.bottom = "100%", l.top = "auto", u = "bottom", l.marginBottom = `${r.offset.y}px`) : (l.top = "100%", l.bottom = "auto", u = "top", l.marginTop = `${r.offset.y}px`), s < 100 ? (l.left = "0", l.right = "auto", l.transform = "none", d = "left", l.marginLeft = `${r.offset.x}px`) : c < 100 ? (l.right = "0", l.left = "auto", l.transform = "none", d = "right", l.marginRight = `${-r.offset.x}px`) : (l.left = "50%", l.right = "auto", l.transform = "translateX(-50%)", d = "center", l.marginLeft = `${r.offset.x}px`), _.value = `${u} ${d}`, p.value = l;
-		}, R = async () => {
-			o.value || L(), o.value = !o.value;
-		}, z = () => {
+		}, I = async () => {
+			o.value || F(), o.value = !o.value;
+		}, L = () => {
 			o.value = !1;
-		}, B = (e) => {
+		}, R = (e) => {
 			if (r.multiple) {
 				let t = Array.isArray(r.modelValue) ? [...r.modelValue] : [], n = t.indexOf(e.value);
 				n === -1 ? t.push(e.value) : t.splice(n, 1), a("update:modelValue", t), a("change", t);
-			} else a("update:modelValue", e.value), a("change", e.value), z();
-		}, V = (e, t) => {
+			} else a("update:modelValue", e.value), a("change", e.value), L();
+		}, z = (e, t) => {
 			let n = e;
 			n.style.transformOrigin = _.value;
 			let r = (n.style.transform || "").trim();
@@ -7961,7 +7978,7 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 				easing: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
 			};
 			n.animate(i, a).onfinish = t;
-		}, H = (e, t) => {
+		}, B = (e, t) => {
 			let n = e;
 			n.style.transformOrigin = _.value;
 			let r = (n.style.transform || "").trim();
@@ -7983,7 +8000,7 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 			ref: f
 		}, {
 			default: withCtx(() => [
-				createVNode(GestureDetector_default, { onTap: R }, {
+				createVNode(GestureDetector_default, { onTap: I }, {
 					default: withCtx(() => [createVNode(Container_default, {
 						decoration: D.value,
 						padding: E.value,
@@ -7997,7 +8014,7 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 								default: withCtx(() => [createTextVNode(toDisplayString(x.value), 1)]),
 								_: 1
 							}, 8, ["style"]), createVNode(Icon_default, {
-								icon: C.value,
+								icon: S.value,
 								color: w.value,
 								size: 24
 							}, null, 8, ["icon", "color"])]),
@@ -8015,17 +8032,17 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 					visible: o.value,
 					color: "transparent",
 					zIndex: 999,
-					onTap: z,
+					onTap: L,
 					position: "fixed"
 				}, null, 8, ["visible"]),
 				createVNode(Transition, {
 					css: !1,
-					onEnter: V,
-					onLeave: H
+					onEnter: z,
+					onLeave: B
 				}, {
 					default: withCtx(() => [o.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
-						style: normalizeStyle(M.value)
+						style: normalizeStyle(N.value)
 					}, [createVNode(Container_default, {
 						constraints: unref(j),
 						decoration: O.value
@@ -8034,14 +8051,14 @@ var FlueConfigProvider_default = /* @__PURE__ */ defineComponent({
 							key: t,
 							onPanStart: (e) => c.value = t,
 							onPanEnd: r[0] ||= (e) => c.value = -1,
-							onClick: (t) => B(e)
+							onClick: (t) => R(e)
 						}, {
-							default: withCtx(() => [createVNode(Container_default, mergeProps({ ref_for: !0 }, N(t)), {
+							default: withCtx(() => [createVNode(Container_default, mergeProps({ ref_for: !0 }, no(t)), {
 								default: withCtx(() => [createVNode(Row_default, { mainAxisAlignment: unref(MainAxisAlignment).spaceBetween }, {
-									default: withCtx(() => [createVNode(Text_default, { style: normalizeStyle(P(e)) }, {
+									default: withCtx(() => [createVNode(Text_default, { style: normalizeStyle(ro(e)) }, {
 										default: withCtx(() => [createTextVNode(toDisplayString(e.label), 1)]),
 										_: 2
-									}, 1032, ["style"]), F(e) ? (openBlock(), createBlock(Icon_default, {
+									}, 1032, ["style"]), P(e) ? (openBlock(), createBlock(Icon_default, {
 										key: 0,
 										icon: unref(Icons).check,
 										size: 18,
@@ -8531,4 +8548,4 @@ function setDefaultVW(e) {
 function setTransform(e) {
 	console.warn("setTransform is no longer supported. Please use <FlueConfigProvider :transform='transform'/> instead.");
 }
-export { ActionChip_default as ActionChip, AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity, Animation_default as AnimationWidget, Animator, AppBar_default as AppBar, AspectRatio_default as AspectRatio, AssetImage, BackdropFilter_default as BackdropFilter, BlurStyle, Border, BorderRadius, BorderSide, BottomNavigationBar_default as BottomNavigationBar, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, ButtonStylePreset, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, ChoiceChip_default as ChoiceChip, CircleAvatar_default as CircleAvatar, CircularProgressIndicator_default as CircularProgressIndicator, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Color, ColorUtils, Colors, Column_default as Column, ConstrainedBox_default as ConstrainedBox, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, CupertinoColors, CupertinoContextMenu_default as CupertinoContextMenu, CupertinoNavigationBar_default as CupertinoNavigationBar, CupertinoPageScaffold_default as CupertinoPageScaffold, DecorationImage, Divider_default as Divider, Drawer_default as Drawer, DropdownButton_default as DropdownButton, EdgeInsets, ElevatedButton_default as ElevatedButton, Expanded_default as Expanded, Fixed_default as Fixed, FlexBox_default as FlexBox, FlexItem_default as FlexItem, FloatingLabelBehavior, FlueConfigProvider_default as FlueConfigProvider, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, Icon_default as Icon, IconButton_default as IconButton, Icons, IgnorePointer_default as IgnorePointer, Image_default as Image, ImageColorBackground_default as ImageColorBackground, ImageFilter, ImageProvider, ImageUtils, InkWell_default as InkWell, InputBorder, InputDecoration, LayoutBuilder_default as LayoutBuilder, LinearGradient, LinearProgressIndicator_default as LinearProgressIndicator, LiquidGlassDialog_default as LiquidGlassDialog, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, Modal_default as Modal, NetworkImage, NoInputBorder, Offset, Opacity, Orientation, OutlineInputBorder, OutlinedButton_default as OutlinedButton, Overlay_default as Overlay, Padding_default as Padding, PopupMenuButton_default as PopupMenuButton, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, RatingBar_default as RatingBar, RefreshIndicator_default as RefreshIndicator, Row_default as Row, SafeArea_default as SafeArea, Scaffold_default as Scaffold, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SlidingSegmentedControl_default as SlidingSegmentedControl, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, StyleProvider, Switch_default as Switch, TabBar_default as TabBar, TabBarView_default as TabBarView, Table_default as Table, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextButton_default as TextButton, TextButtonWithIcon_default as TextButtonWithIcon, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TextStylePreset, TileMode, Toast, Toast as toast, Transform_default as Transform, UnderlineInputBorder, Upload_default as Upload, Wrap_default as Wrap, animationToStyle, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, computeLuminance, createAssetImageProvider, createNetworkImageProvider, darken, decorationImageToStyle, defineKeyframes, edgeInsetsToStyle, extractDominantColor, hideToast, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageFilter, isImageProvider, isInputDecoration, isTextStyle, keep, lighten, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, registerKeyframes, resolveColor, setAssetBaseURL, setDefaultVW, setTransform, showAlertDialog, showLiquidGlassDialog, showToast, sizeToStyle, textStyleToStyle, useMediaQuery, withAlpha, withBlue, withGreen, withOpacity, withRed };
+export { ActionChip_default as ActionChip, AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity, Animation_default as AnimationWidget, Animator, AppBar_default as AppBar, AspectRatio_default as AspectRatio, AssetImage, BackdropFilter_default as BackdropFilter, BlurStyle, Border, BorderRadius, BorderSide, BottomNavigationBar_default as BottomNavigationBar, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, ButtonStylePreset, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, ChoiceChip_default as ChoiceChip, CircleAvatar_default as CircleAvatar, CircularProgressIndicator_default as CircularProgressIndicator, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Color, ColorUtils, Colors, Column_default as Column, ConstrainedBox_default as ConstrainedBox, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, CupertinoColors, CupertinoContextMenu_default as CupertinoContextMenu, CupertinoNavigationBar_default as CupertinoNavigationBar, CupertinoPageScaffold_default as CupertinoPageScaffold, DecorationImage, Divider_default as Divider, Drawer_default as Drawer, DropdownButton_default as DropdownButton, EdgeInsets, ElevatedButton_default as ElevatedButton, Expanded_default as Expanded, Fixed_default as Fixed, FlexBox_default as FlexBox, FlexItem_default as FlexItem, FloatingLabelBehavior, FlueConfigProvider_default as FlueConfigProvider, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, Icon_default as Icon, IconButton_default as IconButton, Icons, IgnorePointer_default as IgnorePointer, Image_default as Image, ImageColorBackground_default as ImageColorBackground, ImageFilter, ImageProvider, ImageUtils, InkWell_default as InkWell, InputBorder, InputDecoration, LayoutBuilder_default as LayoutBuilder, LinearGradient, LinearProgressIndicator_default as LinearProgressIndicator, LiquidGlassDialog_default as LiquidGlassDialog, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, Modal_default as Modal, NetworkImage, NoInputBorder, Offset, Opacity, Orientation, OutlineInputBorder, OutlinedButton_default as OutlinedButton, Overlay_default as Overlay, Padding_default as Padding, PopupMenuButton_default as PopupMenuButton, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, RatingBar_default as RatingBar, RefreshIndicator_default as RefreshIndicator, Row_default as Row, SafeArea_default as SafeArea, Scaffold_default as Scaffold, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SlidingSegmentedControl_default as SlidingSegmentedControl, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, StyleProvider, Switch_default as Switch, TabBar_default as TabBar, TabBarView_default as TabBarView, Table_default as Table, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextButton_default as TextButton, TextButtonWithIcon_default as TextButtonWithIcon, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TextStylePreset, TileMode, Toast, Toast as toast, Transform_default as Transform, UnderlineInputBorder, Upload_default as Upload, Wrap_default as Wrap, animationToStyle, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, computeLuminance, createAssetImageProvider, createNetworkImageProvider, darken, decorationImageToStyle, defineKeyframes, edgeInsetsToStyle, extractDominantColor, hideToast, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageFilter, isImageProvider, isInputDecoration, isTextStyle, keep, lighten, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, registerKeyframes, resolveColor, setAssetBaseURL, setDefaultVW, setTransform, showAlertDialog, showLiquidGlassDialog, showModal, showToast, sizeToStyle, textStyleToStyle, useMediaQuery, withAlpha, withBlue, withGreen, withOpacity, withRed };

package/dist/showModal.d.ts

@@ -0,0 +1,11 @@
+import { Component, VNode } from 'vue';
+import { ModalProps } from './Modal';
+export interface ModalOptions extends Omit<ModalProps, "visible"> {
+    content?: string | Component | VNode;
+    contentProps?: Record<string, any>;
+    onClose?: () => void;
+    onAfterClose?: () => void;
+}
+export declare const showModal: (options: ModalOptions) => {
+    close: () => void;
+};

package/dist/usePosition.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, ComputedRef } from 'vue';
 import { SizeType } from './Size';
 export declare function useZIndex(): number;
 export interface PositionProps {
@@ -21,4 +21,9 @@ export interface PositionProps {
     size?: SizeType;
     transform?: string;
 }
-export declare function usePositionStyle(props: PositionProps, position?: "absolute" | "fixed" | "sticky" | "relative"): import('vue').ComputedRef<CSSProperties>;
+type CSSPositionType = "absolute" | "fixed" | "sticky" | "relative";
+type CSSPositionProps = PositionProps & {
+    position?: CSSPositionType;
+};
+export declare function usePositionStyle(props: CSSPositionProps | ComputedRef<CSSPositionProps>, position?: CSSPositionType | ComputedRef<CSSPositionType>): ComputedRef<CSSProperties>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluekit",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "description": "A Flutter-style Layout UI kit for Vue",
   "homepage": "https://fi2zz.github.io/fluekit/",
   "repository": {
@@ -36,6 +36,9 @@
     "vitest": "^4.0.16",
     "vue-tsc": "^3.1.4"
   },
+  "dependencies": {
+    "@vue/shared": "^3.5.27"
+  },
   "scripts": {
     "build": "vite build",
     "test": "vitest"