@luna-park/plugin-reactivity 1.0.0 → 1.1.0

package/dist/index.js

@@ -4494,7 +4494,7 @@ function zf(e) {
 	return e;
 }
 // src/llm.md?raw
-var Bf = "# Reactivity plugin\n\nReactive nodes powered by VueUse, all frontend-only. Getter nodes are operation nodes whose outputs update on their own; action nodes have an exec input.\n\n## Getters\n- **Browser**: `reactivity/browser/*`: `documentVisibility`, `mediaQuery`, `online`, `network` (connection type, speed, save-data), `preferredDark`, `preferredReducedMotion`, `preferredLanguages`, `screenOrientation`, `devicePixelRatio`, `windowFocus`, `fullscreen`.\n- **Responsive**: `reactivity/responsive/breakpoint` compares the window width with a named breakpoint; `reactivity/responsive/currentBreakpoint` returns the active breakpoint name. Names come from the preset in the plugin settings (Tailwind by default: `sm`, `md`, `lg`, `xl`, `2xl`).\n- **Sensors**: `reactivity/sensors/*`: `idle`, `magicKey`, `mousePressed`, `pointer`, `windowScroll`, `windowSize`, `pageLeave` (exit intent), `battery`, `geolocation` (asks for permission; check `Located`).\n- **Storage**: `reactivity/storage/get` reads a JSON value from `localStorage` / `sessionStorage` with a default. Readers of a key update as soon as it is written, also across tabs.\n- **Theme**: `reactivity/theme/colorMode` returns the mode (`auto`, `light`, `dark`) and the resolved state. The built app gets a `dark` / `light` class on `<html>` (Tailwind `dark:` compatible).\n- **Time**: `reactivity/time/*`: `dateFormat`, `interval`, `now`, `timeAgo`, `timestamp`, `countdown` (starts as soon as used, restarts when the seconds change).\n- **Utils**: `reactivity/utils/debounced` and `reactivity/utils/throttled` delay a changing value (e.g. a search field); `reactivity/utils/previous` returns the value before its last change.\n\n## Actions\n- `reactivity/storage/set` writes a storage key; `reactivity/theme/setColorMode` changes the color mode (remembered).\n- `reactivity/browser/setFullscreen` (toggle, enter, exit), `setScrollLock` (while a modal or menu is open), `setWakeLock` (keep the screen on).\n- `reactivity/browser/share` (native share sheet), `notify` (system notification, asks permission), `speak` (text to speech, continues when finished), `vibrate` (Android only), `pickColor` (eye dropper, Chromium only).\n- Fullscreen, share and pick color must run from a user action such as a click.\n\nThe editor preview does not change its own theme or scroll lock. Prefer these nodes over polling with timers or listening to DOM events by hand.\n", Vf = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2342B883'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M13.5%204.5%208%2012.5h4l-1.5%207%205.5-8h-4z'%20fill='%2342B883'/%3e%3cpath%20d='M5.6%205.6a9%209%200%200%200%200%2012.8'/%3e%3cpath%20d='M18.4%205.6a9%209%200%200%201%200%2012.8'/%3e%3c/svg%3e", Hf = {
+var Bf = "# Reactivity plugin\r\n\r\nReactive nodes powered by VueUse, all frontend-only. Getter nodes are operation nodes whose outputs update on their own; action nodes have an exec input.\r\n\r\n## Getters\r\n- **Browser**: `reactivity/browser/*`: `documentVisibility`, `mediaQuery`, `online`, `network` (connection type, speed, save-data), `preferredDark`, `preferredReducedMotion`, `preferredLanguages`, `screenOrientation`, `devicePixelRatio`, `windowFocus`, `fullscreen`.\r\n- **Responsive**: `reactivity/responsive/breakpoint` compares the window width with a named breakpoint; `reactivity/responsive/currentBreakpoint` returns the active breakpoint name. Names come from the preset in the plugin settings (Tailwind by default: `sm`, `md`, `lg`, `xl`, `2xl`).\r\n- **Sensors**: `reactivity/sensors/*`: `idle`, `magicKey`, `mousePressed`, `pointer`, `windowScroll`, `windowSize`, `pageLeave` (exit intent), `battery`, `geolocation` (asks for permission; check `Located`).\r\n- **Storage**: `reactivity/storage/get` reads a JSON value from `localStorage` / `sessionStorage` with a default. Readers of a key update as soon as it is written, also across tabs.\r\n- **Theme**: `reactivity/theme/colorMode` returns the mode (`auto`, `light`, `dark`) and the resolved state. The built app gets a `dark` / `light` class on `<html>` (Tailwind `dark:` compatible).\r\n- **Time**: `reactivity/time/*`: `dateFormat`, `interval`, `now`, `timeAgo`, `timestamp`, `countdown` (starts as soon as used, restarts when the seconds change).\r\n- **Utils**: `reactivity/utils/debounced` and `reactivity/utils/throttled` delay a changing value (e.g. a search field); `reactivity/utils/previous` returns the value before its last change.\r\n\r\n## Actions\r\n- `reactivity/storage/set` writes a storage key; `reactivity/theme/setColorMode` changes the color mode (remembered).\r\n- `reactivity/browser/setFullscreen` (toggle, enter, exit), `setScrollLock` (while a modal or menu is open), `setWakeLock` (keep the screen on).\r\n- `reactivity/sensors/drag` moves an element by dragging: link `event/pointerdown(<handle id>)` (exec and `out_event`) to it, set two computed values from its `out_x` and `out_y`, and bind them on the element to move: `:style.transform=\"'translate(' + dragX + 'px, ' + dragY + 'px)'\"`. It follows the pointer on the whole page, so no capture overlay is needed.\r\n- `reactivity/browser/share` (native share sheet), `notify` (system notification, asks permission), `speak` (text to speech, continues when finished), `vibrate` (Android only), `pickColor` (eye dropper, Chromium only).\r\n- Fullscreen, share and pick color must run from a user action such as a click.\r\n\r\nThe editor preview does not change its own theme or scroll lock. Prefer these nodes over polling with timers or listening to DOM events by hand.\r\n", Vf = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2342B883'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M13.5%204.5%208%2012.5h4l-1.5%207%205.5-8h-4z'%20fill='%2342B883'/%3e%3cpath%20d='M5.6%205.6a9%209%200%200%200%200%2012.8'/%3e%3cpath%20d='M18.4%205.6a9%209%200%200%201%200%2012.8'/%3e%3c/svg%3e", Hf = {
 	prefix: "fas",
 	iconName: "wave-square",
 	icon: [
@@ -4847,6 +4847,16 @@ var Bf = "# Reactivity plugin\n\nReactive nodes powered by VueUse, all frontend-
 		"M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"
 	]
 }, Sp = {
+	prefix: "fas",
+	iconName: "arrows-up-down-left-right",
+	icon: [
+		512,
+		512,
+		["arrows"],
+		"f047",
+		"M278.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l9.4-9.4L224 224l-114.7 0 9.4-9.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4L224 288l0 114.7-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-9.4 9.4L288 288l114.7 0-9.4 9.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l9.4 9.4L288 224l0-114.7 9.4 9.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-64-64z"
+	]
+}, Cp = {
 	prefix: "fas",
 	iconName: "display",
 	icon: [
@@ -4856,7 +4866,7 @@ var Bf = "# Reactivity plugin\n\nReactive nodes powered by VueUse, all frontend-
 		"e163",
 		"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l176 0-10.7 32L160 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l256 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-69.3 0L336 416l176 0c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0zM512 64l0 288L64 352 64 64l448 0z"
 	]
-}, Cp = {
+}, wp = {
 	prefix: "fas",
 	iconName: "clock-rotate-left",
 	icon: [
@@ -4866,7 +4876,7 @@ var Bf = "# Reactivity plugin\n\nReactive nodes powered by VueUse, all frontend-
 		"f1da",
 		"M75 75L41 41C25.9 25.9 0 36.6 0 57.9L0 168c0 13.3 10.7 24 24 24l110.1 0c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75zm181 53c-13.3 0-24 10.7-24 24l0 104c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65 0-94.1c0-13.3-10.7-24-24-24z"
 	]
-}, wp = {
+}, Tp = {
 	prefix: "fas",
 	iconName: "moon",
 	icon: [
@@ -4876,7 +4886,7 @@ var Bf = "# Reactivity plugin\n\nReactive nodes powered by VueUse, all frontend-
 		"f186",
 		"M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"
 	]
-}, Tp = {
+}, Ep = {
 	prefix: "fas",
 	iconName: "up-right-and-down-left-from-center",
 	icon: [
@@ -4886,7 +4896,7 @@ var Bf = "# Reactivity plugin\n\nReactive nodes powered by VueUse, all frontend-
 		"f424",
 		"M344 0L488 0c13.3 0 24 10.7 24 24l0 144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512L24 512c-13.3 0-24-10.7-24-24L0 344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z"
 	]
-}, Ep = {
+}, Dp = {
 	prefix: "fas",
 	iconName: "arrows-up-down",
 	icon: [
@@ -4896,9 +4906,9 @@ var Bf = "# Reactivity plugin\n\nReactive nodes powered by VueUse, all frontend-
 		"f07d",
 		"M182.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-96 96c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L128 109.3l0 293.5L86.6 361.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7l0-293.5 41.4 41.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-96-96z"
 	]
-}, Dp = {
+}, Op = {
 	name: "@luna-park/plugin-reactivity",
-	version: "1.0.0",
+	version: "1.1.0",
 	private: !1,
 	description: "Reactivity plugin for Luna Park: browser, sensor, time and state nodes powered by VueUse.",
 	keywords: [
@@ -4952,14 +4962,14 @@ var Bf = "# Reactivity plugin\n\nReactive nodes powered by VueUse, all frontend-
 		"@vueuse/core": "^15.0.0",
 		vue: "^3.5.43"
 	}
-}, Op = `${Dp.name}/runtime`, J = [{
+}, kp = `${Op.name}/runtime`, J = [{
 	id: () => "instance",
 	values: () => "const [[instance]] = useInstances();"
 }];
 function Y(e) {
 	return {
 		name: e,
-		target: Op
+		target: kp
 	};
 }
 function X(e) {
@@ -4969,36 +4979,36 @@ function X(e) {
 	};
 }
 var Z = Y("useInstances");
-function kp(e, t, n = "[]", r = "") {
+function Ap(e, t, n = "[]", r = "") {
 	return ({ id: i, key: a }) => `()=>{${r}return [[instance]](${n}, () => ${e}, ${JSON.stringify(i)})${t[a]};}`;
 }
-function Ap(e) {
+function jp(e) {
 	return e.replace(/^out_/, "");
 }
 // node_modules/.pnpm/@vueuse+shared@15.0.0_vue@3.5.45_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
-function jp(e, t) {
+function Mp(e, t) {
 	return i() ? (u(e, t), !0) : !1;
 }
-var Mp = /* @__PURE__ */ new WeakMap(), Np = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
+var Np = /* @__PURE__ */ new WeakMap(), Pp = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
 	let t = e[0], n = r()?.proxy ?? i();
 	if (n == null && !a()) throw Error("injectLocal must be called in setup");
-	return n && Mp.has(n) && t in Mp.get(n) ? Mp.get(n)[t] : o(...e);
-}, Pp = typeof window < "u" && typeof document < "u";
+	return n && Np.has(n) && t in Np.get(n) ? Np.get(n)[t] : o(...e);
+}, Fp = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Fp = (e) => e != null, Ip = Object.prototype.toString, Lp = (e) => Ip.call(e) === "[object Object]", Rp = () => +Date.now(), zp = () => {}, Bp = /* #__PURE__ */ Vp();
-function Vp() {
+var Ip = (e) => e != null, Lp = Object.prototype.toString, Rp = (e) => Lp.call(e) === "[object Object]", zp = () => +Date.now(), Bp = () => {}, Vp = /* #__PURE__ */ Hp();
+function Hp() {
 	var e, t;
-	return Pp && !!((e = window) != null && (e = e.navigator) != null && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+	return Fp && !!((e = window) != null && (e = e.navigator) != null && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
-function Hp(...e) {
+function Up(...e) {
 	if (e.length !== 1) return g(...e);
 	let n = e[0];
 	return typeof n == "function" ? f(t(() => ({
 		get: n,
-		set: zp
+		set: Bp
 	}))) : p(n);
 }
-function Up(e, t) {
+function Wp(e, t) {
 	function n(...n) {
 		return new Promise((r, i) => {
 			Promise.resolve(e(() => t.apply(this, n), {
@@ -5014,10 +5024,10 @@ function Up(e, t) {
 		isPending: e.isPending
 	}), n;
 }
-var Wp = (e) => e();
-function Gp(e, t = {}) {
-	let n, r, i = zp, a = zp, o = h(!1), s = (e) => {
-		clearTimeout(e), i(), i = zp;
+var Gp = (e) => e();
+function Kp(e, t = {}) {
+	let n, r, i = Bp, a = Bp, o = h(!1), s = (e) => {
+		clearTimeout(e), i(), i = Bp;
 	}, c;
 	return Object.assign((l) => {
 		let u = _(e), d = _(t.maxWait);
@@ -5030,23 +5040,23 @@ function Gp(e, t = {}) {
 		}));
 	}, {
 		cancel: () => {
-			n &&= (s(n), void 0), r &&= (s(r), void 0), o.value = !1, a = zp;
+			n &&= (s(n), void 0), r &&= (s(r), void 0), o.value = !1, a = Bp;
 		},
 		flush: () => {
 			if (o.value) {
 				n &&= (clearTimeout(n), void 0), r &&= (clearTimeout(r), void 0), o.value = !1;
 				let e = a;
-				i = zp, a = zp, e(c());
+				i = Bp, a = Bp, e(c());
 			}
 		},
 		isPending: m(o)
 	});
 }
-function Kp(...e) {
-	let t = 0, n, r = !0, i = zp, a, o, c, l, u;
+function qp(...e) {
+	let t = 0, n, r = !0, i = Bp, a, o, c, l, u;
 	!s(e[0]) && typeof e[0] == "object" ? {delay: o, trailing: c = !0, leading: l = !0, rejectOnCancel: u = !1} = e[0] : [o, c = !0, l = !0, u = !1] = e;
 	let d = () => {
-		n && (clearTimeout(n), n = void 0, i(), i = zp);
+		n && (clearTimeout(n), n = void 0, i(), i = Bp);
 	};
 	return (e) => {
 		let s = _(o), f = Date.now() - t, p = () => a = e();
@@ -5057,8 +5067,8 @@ function Kp(...e) {
 		})), !l && !n && (n = setTimeout(() => r = !0, s)), r = !1, a);
 	};
 }
-function qp(e = Wp, t = {}) {
-	let { initialState: n = "active" } = t, r = Hp(n === "active");
+function Jp(e = Gp, t = {}) {
+	let { initialState: n = "active" } = t, r = Up(n === "active");
 	function i() {
 		r.value = !1;
 	}
@@ -5074,50 +5084,50 @@ function qp(e = Wp, t = {}) {
 		}
 	};
 }
-function Jp(e, t) {
+function Yp(e, t) {
 	if (typeof e == "number") return e + t;
 	let n = e.match(/^-?\d+\.?\d*/)?.[0] || "", r = e.slice(n.length), i = Number.parseFloat(n) + t;
 	return Number.isNaN(i) ? e : i + r;
 }
-function Yp(e) {
+function Xp(e) {
 	return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
 }
-function Xp(e, t, n = !1) {
+function Zp(e, t, n = !1) {
 	return t.reduce((t, r) => (r in e && (n && e[r] === void 0 || (t[r] = e[r])), t), {});
 }
-function Zp(e) {
+function Qp(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function Qp(e) {
+function $p(e) {
 	return e || r();
 }
-function $p(e, t = 200, n = {}) {
-	return Up(Gp(t, n), e);
-}
 function em(e, t = 200, n = {}) {
-	let r = p(_(e)), i = $p(() => {
+	return Wp(Kp(t, n), e);
+}
+function tm(e, t = 200, n = {}) {
+	let r = p(_(e)), i = em(() => {
 		r.value = e.value;
 	}, t, n);
 	return v(e, () => i()), m(r);
 }
-function tm(e, t = 200, n = !0, r = !0, i = !1) {
-	return Up(Kp(t, n, r, i), e);
+function nm(e, t = 200, n = !0, r = !0, i = !1) {
+	return Wp(qp(t, n, r, i), e);
 }
-function nm(e, t = 200, n = !0, r = !0) {
+function rm(e, t = 200, n = !0, r = !0) {
 	if (t <= 0) return e;
-	let i = p(_(e)), a = tm(() => {
+	let i = p(_(e)), a = nm(() => {
 		i.value = e.value;
 	}, t, n, r);
 	return v(e, () => a()), i;
 }
-function rm(e, t, n = {}) {
-	let { eventFilter: r = Wp, ...i } = n;
-	return v(e, Up(r, t), i);
-}
 function im(e, t, n = {}) {
-	let { eventFilter: r, initialState: i = "active", ...a } = n, { eventFilter: o, pause: s, resume: c, isActive: l } = qp(r, { initialState: i });
+	let { eventFilter: r = Gp, ...i } = n;
+	return v(e, Wp(r, t), i);
+}
+function am(e, t, n = {}) {
+	let { eventFilter: r, initialState: i = "active", ...a } = n, { eventFilter: o, pause: s, resume: c, isActive: l } = Jp(r, { initialState: i });
 	return {
-		stop: rm(e, t, {
+		stop: im(e, t, {
 			...a,
 			eventFilter: o
 		}),
@@ -5126,7 +5136,7 @@ function im(e, t, n = {}) {
 		isActive: l
 	};
 }
-function am(e, n = {}) {
+function om(e, n = {}) {
 	if (!s(e)) return ee(e);
 	let r = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
 	for (let i in e.value) r[i] = t(() => ({
@@ -5150,15 +5160,15 @@ function am(e, n = {}) {
 	}));
 	return r;
 }
-function om(e, t = !0, n) {
-	Qp(n) ? l(e, n) : t ? e() : c(e);
+function sm(e, t = !0, n) {
+	$p(n) ? l(e, n) : t ? e() : c(e);
 }
-var sm = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[T\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/i, cm = /[YMDHhms]o|\[([^\]]+)\]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|z{1,4}|SSS/g;
-function lm(e, t, n, r) {
+var cm = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[T\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/i, lm = /[YMDHhms]o|\[([^\]]+)\]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|z{1,4}|SSS/g;
+function um(e, t, n, r) {
 	let i = e < 12 ? "AM" : "PM";
 	return r && (i = i.split("").reduce((e, t) => e += `${t}.`, "")), n ? i.toLowerCase() : i;
 }
-function um(e) {
+function dm(e) {
 	let t = [
 		"th",
 		"st",
@@ -5167,30 +5177,30 @@ function um(e) {
 	], n = e % 100;
 	return e + (t[(n - 20) % 10] || t[n] || t[0]);
 }
-function dm(e, t, n = {}) {
-	let r = e.getFullYear(), i = e.getMonth(), a = e.getDate(), o = e.getHours(), s = e.getMinutes(), c = e.getSeconds(), l = e.getMilliseconds(), u = e.getDay(), d = n.customMeridiem ?? lm, f = (e) => e.split(" ")[1] ?? "", p = {
-		Yo: () => um(r),
+function fm(e, t, n = {}) {
+	let r = e.getFullYear(), i = e.getMonth(), a = e.getDate(), o = e.getHours(), s = e.getMinutes(), c = e.getSeconds(), l = e.getMilliseconds(), u = e.getDay(), d = n.customMeridiem ?? um, f = (e) => e.split(" ")[1] ?? "", p = {
+		Yo: () => dm(r),
 		YY: () => String(r).slice(-2),
 		YYYY: () => r,
 		M: () => i + 1,
-		Mo: () => um(i + 1),
+		Mo: () => dm(i + 1),
 		MM: () => `${i + 1}`.padStart(2, "0"),
 		MMM: () => e.toLocaleDateString(_(n.locales), { month: "short" }),
 		MMMM: () => e.toLocaleDateString(_(n.locales), { month: "long" }),
 		D: () => String(a),
-		Do: () => um(a),
+		Do: () => dm(a),
 		DD: () => `${a}`.padStart(2, "0"),
 		H: () => String(o),
-		Ho: () => um(o),
+		Ho: () => dm(o),
 		HH: () => `${o}`.padStart(2, "0"),
 		h: () => `${o % 12 || 12}`.padStart(1, "0"),
-		ho: () => um(o % 12 || 12),
+		ho: () => dm(o % 12 || 12),
 		hh: () => `${o % 12 || 12}`.padStart(2, "0"),
 		m: () => String(s),
-		mo: () => um(s),
+		mo: () => dm(s),
 		mm: () => `${s}`.padStart(2, "0"),
 		s: () => String(c),
-		so: () => um(c),
+		so: () => dm(c),
 		ss: () => `${c}`.padStart(2, "0"),
 		SSS: () => `${l}`.padStart(3, "0"),
 		d: () => u,
@@ -5206,14 +5216,14 @@ function dm(e, t, n = {}) {
 		zzz: () => f(e.toLocaleDateString(_(n.locales), { timeZoneName: "shortOffset" })),
 		zzzz: () => f(e.toLocaleDateString(_(n.locales), { timeZoneName: "longOffset" }))
 	};
-	return t.replace(cm, (e, t) => t ?? p[e]?.call(p) ?? e);
+	return t.replace(lm, (e, t) => t ?? p[e]?.call(p) ?? e);
 }
-function fm(e) {
+function pm(e) {
 	if (e === null) return /* @__PURE__ */ new Date(NaN);
 	if (e === void 0) return /* @__PURE__ */ new Date();
 	if (e instanceof Date) return new Date(e);
 	if (typeof e == "string" && !/Z$/i.test(e)) {
-		let t = e.match(sm);
+		let t = e.match(cm);
 		if (t) {
 			let e = t[2] - 1 || 0, n = (t[7] || "0").substring(0, 3);
 			return new Date(t[1], e, t[3] || 1, t[4] || 0, t[5] || 0, t[6] || 0, n);
@@ -5221,10 +5231,10 @@ function fm(e) {
 	}
 	return new Date(e);
 }
-function pm(t, n = "HH:mm:ss", r = {}) {
-	return e(() => dm(fm(_(t)), _(n), r));
+function mm(t, n = "HH:mm:ss", r = {}) {
+	return e(() => fm(pm(_(t)), _(n), r));
 }
-function mm(e, t = 1e3, n = {}) {
+function hm(e, t = 1e3, n = {}) {
 	let { immediate: r = !0, immediateCallback: i = !1 } = n, a = null, o = h(!1);
 	function c() {
 		a &&= (clearInterval(a), null);
@@ -5236,18 +5246,18 @@ function mm(e, t = 1e3, n = {}) {
 		let n = _(t);
 		n <= 0 || (o.value = !0, i && e(), c(), o.value && (a = setInterval(e, n)));
 	}
-	return r && Pp && u(), (s(t) || typeof t == "function") && jp(v(t, () => {
-		o.value && Pp && u();
-	})), jp(l), {
+	return r && Fp && u(), (s(t) || typeof t == "function") && Mp(v(t, () => {
+		o.value && Fp && u();
+	})), Mp(l), {
 		isActive: m(o),
 		pause: l,
 		resume: u
 	};
 }
-function hm(e = 1e3, t = {}) {
+function gm(e = 1e3, t = {}) {
 	let { controls: n = !1, immediate: r = !0, callback: i } = t, a = h(0), o = () => a.value += 1, s = () => {
 		a.value = 0;
-	}, c = mm(i ? () => {
+	}, c = hm(i ? () => {
 		o(), i(a.value);
 	} : o, e, { immediate: r });
 	return n ? {
@@ -5256,13 +5266,13 @@ function hm(e = 1e3, t = {}) {
 		...c
 	} : m(a);
 }
-function gm(e, t, n) {
+function _m(e, t, n) {
 	return v(e, t, {
 		...n,
 		immediate: !0
 	});
 }
-function _m(e, t, n) {
+function vm(e, t, n) {
 	let r = v(e, (e, i, a) => {
 		e && (n?.once && c(() => r()), t(e, i, a));
 	}, {
@@ -5272,46 +5282,46 @@ function _m(e, t, n) {
 	return r;
 }
 // node_modules/.pnpm/@vueuse+core@15.0.0_vue@3.5.45_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
-var Q = Pp ? window : void 0, vm = Pp ? window.document : void 0, ym = Pp ? window.navigator : void 0;
-Pp && window.location;
-function bm(e) {
+var Q = Fp ? window : void 0, ym = Fp ? window.document : void 0, bm = Fp ? window.navigator : void 0;
+Fp && window.location;
+function xm(e) {
 	let t = _(e);
 	return t?.$el ?? t;
 }
 function $(...t) {
 	let n = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), r = e(() => {
-		let e = Zp(_(t[0])).filter((e) => e != null);
+		let e = Qp(_(t[0])).filter((e) => e != null);
 		return e.every((e) => typeof e != "string") ? e : void 0;
 	});
-	return gm(() => [
-		r.value?.map((e) => bm(e)) ?? [Q].filter((e) => e != null),
-		Zp(_(r.value ? t[1] : t[0])),
-		Zp(te(r.value ? t[2] : t[1])),
+	return _m(() => [
+		r.value?.map((e) => xm(e)) ?? [Q].filter((e) => e != null),
+		Qp(_(r.value ? t[1] : t[0])),
+		Qp(te(r.value ? t[2] : t[1])),
 		_(r.value ? t[3] : t[2])
 	], ([e, t, r, i], a, o) => {
 		if (!e?.length || !t?.length || !r?.length) return;
-		let s = Lp(i) ? { ...i } : i, c = e.flatMap((e) => t.flatMap((t) => r.map((r) => n(e, t, r, s))));
+		let s = Rp(i) ? { ...i } : i, c = e.flatMap((e) => t.flatMap((t) => r.map((r) => n(e, t, r, s))));
 		o(() => {
 			c.forEach((e) => e());
 		});
 	}, { flush: "post" });
 }
-function xm() {
+function Sm() {
 	let e = h(!1), t = r();
 	return t && l(() => {
 		e.value = !0;
 	}, t), e;
 }
 /* @__NO_SIDE_EFFECTS__ */
-function Sm(t) {
-	let n = xm();
+function Cm(t) {
+	let n = Sm();
 	return e(() => (n.value, !!t()));
 }
-function Cm(t, n, r = {}) {
-	let { window: i = Q, ...a } = r, o, s = /* @__PURE__ */ Sm(() => i && "MutationObserver" in i), c = () => {
+function wm(t, n, r = {}) {
+	let { window: i = Q, ...a } = r, o, s = /* @__PURE__ */ Cm(() => i && "MutationObserver" in i), c = () => {
 		o &&= (o.disconnect(), void 0);
 	}, l = e(() => {
-		let e = Zp(_(t)).map(bm).filter(Fp);
+		let e = Qp(_(t)).map(xm).filter(Ip);
 		return new Set(e);
 	}), u = v(l, (e) => {
 		c(), s.value && e.size && (o = new MutationObserver(n), e.forEach((e) => o.observe(e, a)));
@@ -5321,13 +5331,13 @@ function Cm(t, n, r = {}) {
 	}), d = () => o?.takeRecords(), f = () => {
 		u(), c();
 	};
-	return jp(f), {
+	return Mp(f), {
 		isSupported: s,
 		stop: f,
 		takeRecords: d
 	};
 }
-function wm(t, n = {}) {
+function Tm(t, n = {}) {
 	let { immediate: r = !0, fpsLimit: i = null, window: a = Q, once: o = !1 } = n, s = h(!1), c = e(() => {
 		let e = _(i);
 		return e ? 1e3 / e : null;
@@ -5347,19 +5357,19 @@ function wm(t, n = {}) {
 	function p() {
 		s.value = !1, u != null && a && (a.cancelAnimationFrame(u), u = null);
 	}
-	return r && f(), jp(p), {
+	return r && f(), Mp(p), {
 		isActive: m(s),
 		pause: p,
 		resume: f
 	};
 }
-function Tm(e = {}) {
-	let { navigator: t = ym } = e, n = [
+function Em(e = {}) {
+	let { navigator: t = bm } = e, n = [
 		"chargingchange",
 		"chargingtimechange",
 		"dischargingtimechange",
 		"levelchange"
-	], r = /* @__PURE__ */ Sm(() => t && "getBattery" in t && typeof t.getBattery == "function"), i = h(!1), a = h(0), o = h(0), s = h(1), c;
+	], r = /* @__PURE__ */ Cm(() => t && "getBattery" in t && typeof t.getBattery == "function"), i = h(!1), a = h(0), o = h(0), s = h(1), c;
 	function l() {
 		i.value = this.charging, a.value = this.chargingTime || 0, o.value = this.dischargingTime || 0, s.value = this.level;
 	}
@@ -5373,78 +5383,78 @@ function Tm(e = {}) {
 		level: s
 	};
 }
-var Em = Symbol("vueuse-ssr-width");
+var Dm = Symbol("vueuse-ssr-width");
 /* @__NO_SIDE_EFFECTS__ */
-function Dm() {
-	let e = a() ? /* @__PURE__ */ Np(Em, null) : null;
+function Om() {
+	let e = a() ? /* @__PURE__ */ Pp(Dm, null) : null;
 	return typeof e == "number" ? e : void 0;
 }
-function Om(t, n = {}) {
-	let { window: r = Q, ssrWidth: i = /* @__PURE__ */ Dm() } = n, a = /* @__PURE__ */ Sm(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), o = h(typeof i == "number"), s = h(), c = h(!1);
+function km(t, n = {}) {
+	let { window: r = Q, ssrWidth: i = /* @__PURE__ */ Om() } = n, a = /* @__PURE__ */ Cm(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), o = h(typeof i == "number"), s = h(), c = h(!1);
 	return ne(() => {
 		if (o.value) {
 			o.value = !a.value;
 			let e = _(t).split(",");
 			c.value = e.some((e) => {
 				let t = e.includes("not all"), n = e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), r = e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), a = !!(n || r);
-				return n && a && (a = i >= Yp(n[1])), r && a && (a = i <= Yp(r[1])), t ? !a : a;
+				return n && a && (a = i >= Xp(n[1])), r && a && (a = i <= Xp(r[1])), t ? !a : a;
 			});
 		} else a.value && (s.value = r.matchMedia(_(t)), c.value = s.value.matches);
 	}), $(s, "change", (e) => {
 		c.value = e.matches;
 	}, { passive: !0 }), e(() => c.value);
 }
-var km = {
+var Am = {
 	sm: 640,
 	md: 768,
 	lg: 1024,
 	xl: 1280,
 	"2xl": 1536
-}, Am = {
+}, jm = {
 	xs: 0,
 	sm: 576,
 	md: 768,
 	lg: 992,
 	xl: 1200,
 	xxl: 1400
-}, jm = {
+}, Mm = {
 	xs: 0,
 	sm: 600,
 	md: 960,
 	lg: 1280,
 	xl: 1920,
 	xxl: 2560
-}, Mm = {
+}, Nm = {
 	xs: 480,
 	sm: 576,
 	md: 768,
 	lg: 992,
 	xl: 1200,
 	xxl: 1600
-}, Nm = {
+}, Pm = {
 	xs: 0,
 	sm: 600,
 	md: 1024,
 	lg: 1440,
 	xl: 1920
-}, Pm = {
+}, Fm = {
 	xs: 0,
 	sm: 768,
 	md: 992,
 	lg: 1200,
 	xl: 1920
 };
-function Fm(t, n = {}) {
+function Im(t, n = {}) {
 	function r(e, n) {
 		let r = _(t[_(e)]);
-		return n != null && (r = Jp(r, n)), typeof r == "number" && (r = `${r}px`), r;
+		return n != null && (r = Yp(r, n)), typeof r == "number" && (r = `${r}px`), r;
 	}
-	let { window: i = Q, strategy: a = "min-width", ssrWidth: o = /* @__PURE__ */ Dm() } = n, s = typeof o == "number", c = s ? h(!1) : { value: !0 };
-	s && om(() => c.value = !!i);
+	let { window: i = Q, strategy: a = "min-width", ssrWidth: o = /* @__PURE__ */ Om() } = n, s = typeof o == "number", c = s ? h(!1) : { value: !0 };
+	s && sm(() => c.value = !!i);
 	function l(e, t) {
-		return !c.value && s ? e === "min" ? o >= Yp(t) : o <= Yp(t) : i ? i.matchMedia(`(${e}-width: ${t})`).matches : !1;
+		return !c.value && s ? e === "min" ? o >= Xp(t) : o <= Xp(t) : i ? i.matchMedia(`(${e}-width: ${t})`).matches : !1;
 	}
-	let u = (e) => Om(() => `(min-width: ${r(e)})`, n), d = (e) => Om(() => `(max-width: ${r(e)})`, n), f = Object.keys(t).reduce((e, t) => (Object.defineProperty(e, t, {
+	let u = (e) => km(() => `(min-width: ${r(e)})`, n), d = (e) => km(() => `(max-width: ${r(e)})`, n), f = Object.keys(t).reduce((e, t) => (Object.defineProperty(e, t, {
 		get: () => a === "min-width" ? u(t) : d(t),
 		enumerable: !0,
 		configurable: !0
@@ -5453,7 +5463,7 @@ function Fm(t, n = {}) {
 		let n = Object.keys(t).map((e) => [
 			e,
 			f[e],
-			Yp(r(e))
+			Xp(r(e))
 		]).sort((e, t) => e[2] - t[2]);
 		return e(() => n.filter(([, e]) => e.value).map(([e]) => e));
 	}
@@ -5461,13 +5471,13 @@ function Fm(t, n = {}) {
 		greaterOrEqual: u,
 		smallerOrEqual: d,
 		greater(e) {
-			return Om(() => `(min-width: ${r(e, .1)})`, n);
+			return km(() => `(min-width: ${r(e, .1)})`, n);
 		},
 		smaller(e) {
-			return Om(() => `(max-width: ${r(e, -.1)})`, n);
+			return km(() => `(max-width: ${r(e, -.1)})`, n);
 		},
 		between(e, t) {
-			return Om(() => `(min-width: ${r(e)}) and (max-width: ${r(t, -.1)})`, n);
+			return km(() => `(min-width: ${r(e)}) and (max-width: ${r(t, -.1)})`, n);
 		},
 		isGreater(e) {
 			return l("min", r(e, .1));
@@ -5491,20 +5501,20 @@ function Fm(t, n = {}) {
 		}
 	});
 }
-var Im = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Lm = "__vueuse_ssr_handlers__", Rm = /* #__PURE__ */ zm();
-function zm() {
-	return Lm in Im || (Im[Lm] = Im[Lm] || {}), Im[Lm];
+var Lm = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Rm = "__vueuse_ssr_handlers__", zm = /* #__PURE__ */ Bm();
+function Bm() {
+	return Rm in Lm || (Lm[Rm] = Lm[Rm] || {}), Lm[Rm];
 }
-function Bm(e, t) {
-	return Rm[e] || t;
-}
-function Vm(e) {
-	return Om("(prefers-color-scheme: dark)", e);
+function Vm(e, t) {
+	return zm[e] || t;
 }
 function Hm(e) {
+	return km("(prefers-color-scheme: dark)", e);
+}
+function Um(e) {
 	return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
 }
-var Um = {
+var Wm = {
 	boolean: {
 		read: (e) => e === "true",
 		write: (e) => String(e)
@@ -5537,18 +5547,18 @@ var Um = {
 		read: (e) => new Date(e),
 		write: (e) => e.toISOString()
 	}
-}, Wm = "vueuse-storage";
-function Gm(t, n, r, i = {}) {
+}, Gm = "vueuse-storage";
+function Km(t, n, r, i = {}) {
 	let { flush: a = "pre", deep: o = !0, listenToStorageChanges: s = !0, writeDefaults: l = !0, mergeDefaults: u = !1, shallow: d, window: f = Q, eventFilter: m, onError: g = (e) => {
 		console.error(e);
 	}, initOnMounted: ee } = i, te = (d ? h : p)(typeof n == "function" ? n() : n), ne = e(() => _(t));
 	if (!r) try {
-		r = Bm("getDefaultStorage", () => Q?.localStorage)();
+		r = Vm("getDefaultStorage", () => Q?.localStorage)();
 	} catch (e) {
 		g(e);
 	}
 	if (!r) return te;
-	let re = _(n), ie = Hm(re), y = i.serializer ?? Um[ie], { pause: b, resume: ae } = im(te, (e) => x(e), {
+	let re = _(n), ie = Um(re), y = i.serializer ?? Wm[ie], { pause: b, resume: ae } = am(te, (e) => x(e), {
 		flush: a,
 		deep: o,
 		eventFilter: m
@@ -5557,9 +5567,9 @@ function Gm(t, n, r, i = {}) {
 	let oe = !1;
 	f && s && (r instanceof Storage ? $(f, "storage", (e) => {
 		(!ee || oe) && ce(e);
-	}, { passive: !0 }) : $(f, Wm, (e) => {
+	}, { passive: !0 }) : $(f, Gm, (e) => {
 		(!ee || oe) && le(e);
-	})), ee ? om(() => {
+	})), ee ? sm(() => {
 		oe = !0, ce();
 	}) : ce();
 	function se(e, t) {
@@ -5570,7 +5580,7 @@ function Gm(t, n, r, i = {}) {
 				newValue: t,
 				storageArea: r
 			};
-			f.dispatchEvent(r instanceof Storage ? new StorageEvent("storage", n) : new CustomEvent(Wm, { detail: n }));
+			f.dispatchEvent(r instanceof Storage ? new StorageEvent("storage", n) : new CustomEvent(Gm, { detail: n }));
 		}
 	}
 	function x(e) {
@@ -5618,18 +5628,18 @@ function Gm(t, n, r, i = {}) {
 	}
 	return te;
 }
-var Km = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
-function qm(t = {}) {
+var qm = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
+function Jm(t = {}) {
 	let { selector: n = "html", attribute: r = "class", initialValue: i = "auto", window: a = Q, storage: o, storageKey: s = "vueuse-color-scheme", listenToStorageChanges: c = !0, storageRef: l, emitAuto: u, disableTransition: d = !0 } = t, f = {
 		auto: "",
 		light: "light",
 		dark: "dark",
 		...t.modes || {}
-	}, p = Vm({ window: a }), m = e(() => p.value ? "dark" : "light"), h = l || (s == null ? Hp(i) : Gm(s, i, o, {
+	}, p = Hm({ window: a }), m = e(() => p.value ? "dark" : "light"), h = l || (s == null ? Up(i) : Km(s, i, o, {
 		window: a,
 		listenToStorageChanges: c
-	})), g = e(() => h.value === "auto" ? m.value : h.value), ee = Bm("updateHTMLAttrs", (e, t, n) => {
-		let r = typeof e == "string" ? a?.document.querySelector(e) : bm(e);
+	})), g = e(() => h.value === "auto" ? m.value : h.value), ee = Vm("updateHTMLAttrs", (e, t, n) => {
+		let r = typeof e == "string" ? a?.document.querySelector(e) : xm(e);
 		if (!r) return;
 		let i = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = null;
 		if (t === "class") {
@@ -5643,7 +5653,7 @@ function qm(t = {}) {
 		};
 		if (i.size === 0 && o.size === 0 && s === null) return;
 		let c;
-		d && (c = a.document.createElement("style"), c.appendChild(document.createTextNode(Km)), a.document.head.appendChild(c));
+		d && (c = a.document.createElement("style"), c.appendChild(document.createTextNode(qm)), a.document.head.appendChild(c));
 		for (let e of i) r.classList.add(e);
 		for (let e of o) r.classList.remove(e);
 		s && r.setAttribute(s.key, s.value), d && (a.getComputedStyle(c).opacity, document.head.removeChild(c));
@@ -5657,7 +5667,7 @@ function qm(t = {}) {
 	v(g, te, {
 		flush: "post",
 		immediate: !0
-	}), om(() => te(g.value));
+	}), sm(() => te(g.value));
 	let ne = e({
 		get() {
 			return u ? h.value : g.value;
@@ -5672,8 +5682,8 @@ function qm(t = {}) {
 		state: g
 	});
 }
-function Jm(e, t = {}) {
-	let n = h(_(e)), { scheduler: r = (e) => mm(e, 1e3, { immediate: !1 }), onTick: i, onComplete: a } = t, o = r(() => {
+function Ym(e, t = {}) {
+	let n = h(_(e)), { scheduler: r = (e) => hm(e, 1e3, { immediate: !1 }), onTick: i, onComplete: a } = t, o = r(() => {
 		let e = n.value - 1;
 		n.value = e < 0 ? 0 : e, i?.(), n.value <= 0 && (o.pause(), a?.());
 	}), s = (t) => {
@@ -5695,30 +5705,30 @@ function Jm(e, t = {}) {
 		isActive: o.isActive
 	};
 }
-function Ym(e = {}) {
-	let { window: t = Q } = e, n = h(1), r = Om(() => `(resolution: ${n.value}dppx)`, e), i = zp;
-	return t && (i = gm(r, () => n.value = t.devicePixelRatio)), {
+function Xm(e = {}) {
+	let { window: t = Q } = e, n = h(1), r = km(() => `(resolution: ${n.value}dppx)`, e), i = Bp;
+	return t && (i = _m(r, () => n.value = t.devicePixelRatio)), {
 		pixelRatio: m(n),
 		stop: i
 	};
 }
-function Xm(e = {}) {
-	let { document: t = vm } = e;
+function Zm(e = {}) {
+	let { document: t = ym } = e;
 	if (!t) return h("visible");
 	let n = h(t.visibilityState);
 	return $(t, "visibilitychange", () => {
 		n.value = t.visibilityState;
 	}, { passive: !0 }), n;
 }
-var Zm = [
+var Qm = [
 	"fullscreenchange",
 	"webkitfullscreenchange",
 	"webkitendfullscreen",
 	"mozfullscreenchange",
 	"MSFullscreenChange"
 ];
-function Qm(t, n = {}) {
-	let { document: r = vm, autoExit: i = !1 } = n, a = e(() => bm(t) ?? r?.documentElement), o = h(!1), s = e(() => [
+function $m(t, n = {}) {
+	let { document: r = ym, autoExit: i = !1 } = n, a = e(() => xm(t) ?? r?.documentElement), o = h(!1), s = e(() => [
 		"requestFullscreen",
 		"webkitRequestFullscreen",
 		"webkitEnterFullscreen",
@@ -5744,7 +5754,7 @@ function Qm(t, n = {}) {
 		"webkitFullscreenElement",
 		"mozFullScreenElement",
 		"msFullscreenElement"
-	].find((e) => r && e in r), d = /* @__PURE__ */ Sm(() => a.value && r && s.value !== void 0 && c.value !== void 0 && l.value !== void 0), f = () => u ? r?.[u] === a.value : !1, p = () => {
+	].find((e) => r && e in r), d = /* @__PURE__ */ Cm(() => a.value && r && s.value !== void 0 && c.value !== void 0 && l.value !== void 0), f = () => u ? r?.[u] === a.value : !1, p = () => {
 		if (l.value) {
 			if (r && r[l.value] != null) return r[l.value];
 			{
@@ -5782,7 +5792,7 @@ function Qm(t, n = {}) {
 		capture: !1,
 		passive: !0
 	};
-	return $(r, Zm, _, te), $(() => bm(a), Zm, _, te), om(_, !1), i && jp(m), {
+	return $(r, Qm, _, te), $(() => xm(a), Qm, _, te), sm(_, !1), i && Mp(m), {
 		isSupported: d,
 		isFullscreen: o,
 		enter: g,
@@ -5790,8 +5800,8 @@ function Qm(t, n = {}) {
 		toggle: ee
 	};
 }
-function $m(e = {}) {
-	let { enableHighAccuracy: t = !0, maximumAge: n = 3e4, timeout: r = 27e3, navigator: i = ym, immediate: a = !0 } = e, o = /* @__PURE__ */ Sm(() => i && "geolocation" in i), s = h(null), c = h(null), l = h({
+function eh(e = {}) {
+	let { enableHighAccuracy: t = !0, maximumAge: n = 3e4, timeout: r = 27e3, navigator: i = bm, immediate: a = !0 } = e, o = /* @__PURE__ */ Cm(() => i && "geolocation" in i), s = h(null), c = h(null), l = h({
 		accuracy: 0,
 		latitude: Infinity,
 		longitude: Infinity,
@@ -5815,7 +5825,7 @@ function $m(e = {}) {
 	function p() {
 		d && i && i.geolocation.clearWatch(d);
 	}
-	return jp(() => {
+	return Mp(() => {
 		p();
 	}), {
 		isSupported: o,
@@ -5826,19 +5836,19 @@ function $m(e = {}) {
 		pause: p
 	};
 }
-var eh = [
+var th = [
 	"mousemove",
 	"mousedown",
 	"resize",
 	"keydown",
 	"touchstart",
 	"wheel"
-], th = 6e4;
-function nh(e = th, t = {}) {
-	let { initialState: n = !1, listenForVisibilityChange: r = !0, events: i = eh, window: a = Q, eventFilter: o = Kp(50) } = t, s = h(n), c = h(Rp()), l = h(!1), u, d = () => {
+], nh = 6e4;
+function rh(e = nh, t = {}) {
+	let { initialState: n = !1, listenForVisibilityChange: r = !0, events: i = th, window: a = Q, eventFilter: o = qp(50) } = t, s = h(n), c = h(zp()), l = h(!1), u, d = () => {
 		s.value = !1, clearTimeout(u), u = setTimeout(() => s.value = !0, e);
-	}, f = Up(o, () => {
-		c.value = Rp(), d();
+	}, f = Wp(o, () => {
+		c.value = zp(), d();
 	});
 	if (a) {
 		let e = a.document, t = { passive: !0 };
@@ -5864,12 +5874,12 @@ function nh(e = th, t = {}) {
 		isPending: m(l)
 	};
 }
-function rh(e) {
+function ih(e) {
 	return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-var ih = 1;
-function ah(t, n = {}) {
-	let { throttle: r = 0, idle: i = 200, onStop: a = zp, onScroll: o = zp, offset: s = {
+var ah = 1;
+function oh(t, n = {}) {
+	let { throttle: r = 0, idle: i = 200, onStop: a = Bp, onScroll: o = Bp, offset: s = {
 		left: 0,
 		right: 0,
 		top: 0,
@@ -5919,23 +5929,23 @@ function ah(t, n = {}) {
 		bottom: !1
 	}), b = (e) => {
 		re.value && (re.value = !1, y.left = !1, y.right = !1, y.top = !1, y.bottom = !1, a(e));
-	}, ae = $p(b, r + i), oe = (e) => {
+	}, ae = em(b, r + i), oe = (e) => {
 		var t;
 		if (!f) return;
-		let n = (e == null || (t = e.document) == null ? void 0 : t.documentElement) || e?.documentElement || bm(e), { display: r, flexDirection: i, direction: a } = f.getComputedStyle(n), o = a === "rtl" ? -1 : 1, c = n.scrollLeft;
+		let n = (e == null || (t = e.document) == null ? void 0 : t.documentElement) || e?.documentElement || xm(e), { display: r, flexDirection: i, direction: a } = f.getComputedStyle(n), o = a === "rtl" ? -1 : 1, c = n.scrollLeft;
 		y.left = c < g.value, y.right = c > g.value;
-		let l = Math.abs(c * o) <= (s.left || 0), u = Math.abs(c * o) + n.clientWidth >= n.scrollWidth - (s.right || 0) - ih;
+		let l = Math.abs(c * o) <= (s.left || 0), u = Math.abs(c * o) + n.clientWidth >= n.scrollWidth - (s.right || 0) - ah;
 		r === "flex" && i === "row-reverse" ? (ie.left = u, ie.right = l) : (ie.left = l, ie.right = u), g.value = c;
 		let d = n.scrollTop;
 		e === f.document && !d && (d = f.document.body.scrollTop), y.top = d < ee.value, y.bottom = d > ee.value;
-		let p = Math.abs(d) <= (s.top || 0), m = Math.abs(d) + n.clientHeight >= n.scrollHeight - (s.bottom || 0) - ih;
+		let p = Math.abs(d) <= (s.top || 0), m = Math.abs(d) + n.clientHeight >= n.scrollHeight - (s.bottom || 0) - ah;
 		r === "flex" && i === "column-reverse" ? (ie.top = m, ie.bottom = p) : (ie.top = p, ie.bottom = m), ee.value = d;
 	}, se = (e) => {
 		if (!f) return;
 		let t = e.target.documentElement ?? e.target;
 		oe(t), re.value = !0, ae(e), o(e);
 	};
-	return $(t, "scroll", r ? tm(se, r, !0, !1) : se, l), om(() => {
+	return $(t, "scroll", r ? nm(se, r, !0, !1) : se, l), sm(() => {
 		try {
 			let e = _(t);
 			if (!e) return;
@@ -5943,7 +5953,7 @@ function ah(t, n = {}) {
 		} catch (e) {
 			p(e);
 		}
-	}), m?.mutation && t != null && t !== f && t !== document && Cm(t, () => {
+	}), m?.mutation && t != null && t !== f && t !== document && wm(t, () => {
 		let e = _(t);
 		e && oe(e);
 	}, {
@@ -5962,7 +5972,7 @@ function ah(t, n = {}) {
 		}
 	};
 }
-var oh = {
+var sh = {
 	ctrl: "control",
 	command: "meta",
 	cmd: "meta",
@@ -5972,8 +5982,8 @@ var oh = {
 	left: "arrowleft",
 	right: "arrowright"
 };
-function sh(t = {}) {
-	let { reactive: n = !1, target: r = Q, aliasMap: i = oh, passive: a = !0, onEventFired: o = zp } = t, s = d(/* @__PURE__ */ new Set()), c = {
+function ch(t = {}) {
+	let { reactive: n = !1, target: r = Q, aliasMap: i = sh, passive: a = !0, onEventFired: o = Bp } = t, s = d(/* @__PURE__ */ new Set()), c = {
 		toJSON() {
 			return {};
 		},
@@ -6031,7 +6041,7 @@ function sh(t = {}) {
 	} });
 	return ne;
 }
-function ch(t = {}) {
+function lh(t = {}) {
 	let { touch: n = !0, drag: r = !0, capture: i = !1, initialValue: a = !1, window: o = Q } = t, s = h(a), c = h(null);
 	if (!o) return {
 		pressed: s,
@@ -6043,7 +6053,7 @@ function ch(t = {}) {
 	}, u = (e) => {
 		var n;
 		s.value = !1, c.value = null, (n = t.onReleased) == null || n.call(t, e);
-	}, d = e(() => bm(t.target) || o), f = {
+	}, d = e(() => xm(t.target) || o), f = {
 		passive: !0,
 		capture: i
 	};
@@ -6052,8 +6062,8 @@ function ch(t = {}) {
 		sourceType: c
 	};
 }
-function lh(e = {}) {
-	let { window: t = Q } = e, n = t?.navigator, r = /* @__PURE__ */ Sm(() => n && "connection" in n), i = h(!0), a = h(!1), o = h(void 0), s = h(void 0), c = h(void 0), l = h(void 0), u = h(void 0), d = h(void 0), f = h("unknown"), p = r.value && n.connection;
+function uh(e = {}) {
+	let { window: t = Q } = e, n = t?.navigator, r = /* @__PURE__ */ Cm(() => n && "connection" in n), i = h(!0), a = h(!1), o = h(void 0), s = h(void 0), c = h(void 0), l = h(void 0), u = h(void 0), d = h(void 0), f = h("unknown"), p = r.value && n.connection;
 	function g() {
 		n && (i.value = n.onLine, o.value = i.value ? void 0 : Date.now(), s.value = i.value ? Date.now() : void 0, p && (c.value = p.downlink, l.value = p.downlinkMax, d.value = p.effectiveType, u.value = p.rtt, a.value = p.saveData, f.value = p.type));
 	}
@@ -6076,18 +6086,18 @@ function lh(e = {}) {
 	};
 }
 /* @__NO_SIDE_EFFECTS__ */
-function uh(e = {}) {
-	let { controls: t = !1, scheduler: n = wm } = e, r = h(/* @__PURE__ */ new Date()), i = n(() => r.value = /* @__PURE__ */ new Date());
+function dh(e = {}) {
+	let { controls: t = !1, scheduler: n = Tm } = e, r = h(/* @__PURE__ */ new Date()), i = n(() => r.value = /* @__PURE__ */ new Date());
 	return t ? {
 		now: r,
 		...i
 	} : r;
 }
-function dh(e = {}) {
-	let { isOnline: t } = lh(e);
+function fh(e = {}) {
+	let { isOnline: t } = uh(e);
 	return t;
 }
-function fh(e = {}) {
+function ph(e = {}) {
 	let { window: t = Q } = e, n = h(!1), r = (e) => {
 		if (!t) return;
 		e ||= t.event;
@@ -6100,8 +6110,8 @@ function fh(e = {}) {
 	}
 	return n;
 }
-function ph(e = {}) {
-	let { window: t = Q } = e, n = /* @__PURE__ */ Sm(() => t && "screen" in t && "orientation" in t.screen), r = n.value ? t.screen.orientation : {}, i = h(r.type), a = h(r.angle || 0);
+function mh(e = {}) {
+	let { window: t = Q } = e, n = /* @__PURE__ */ Cm(() => t && "screen" in t && "orientation" in t.screen), r = n.value ? t.screen.orientation : {}, i = h(r.type), a = h(r.angle || 0);
 	return n.value && $(t, "orientationchange", () => {
 		i.value = r.type, a.value = r.angle;
 	}, { passive: !0 }), {
@@ -6114,7 +6124,7 @@ function ph(e = {}) {
 		}
 	};
 }
-var mh = {
+var hh = {
 	x: 0,
 	y: 0,
 	pointerId: 0,
@@ -6125,12 +6135,12 @@ var mh = {
 	height: 0,
 	twist: 0,
 	pointerType: null
-}, hh = /* #__PURE__ */ Object.keys(mh);
-function gh(e = {}) {
+}, gh = /* #__PURE__ */ Object.keys(hh);
+function _h(e = {}) {
 	let { target: t = Q } = e, n = h(!1), r = h(e.initialValue || {});
-	Object.assign(r.value, mh, r.value);
+	Object.assign(r.value, hh, r.value);
 	let i = (t) => {
-		n.value = !0, (!e.pointerTypes || e.pointerTypes.includes(t.pointerType)) && (r.value = Xp(t, hh, !1));
+		n.value = !0, (!e.pointerTypes || e.pointerTypes.includes(t.pointerType)) && (r.value = Zp(t, gh, !1));
 	};
 	if (t) {
 		let e = { passive: !0 };
@@ -6141,11 +6151,11 @@ function gh(e = {}) {
 		], i, e), $(t, ["pointerleave", "pointercancel"], () => n.value = !1, e);
 	}
 	return {
-		...am(r),
+		...om(r),
 		isInside: n
 	};
 }
-function _h(e = {}) {
+function vh(e = {}) {
 	let { window: t = Q } = e;
 	if (!t) return h(["en"]);
 	let n = t.navigator, r = h(n.languages);
@@ -6153,49 +6163,49 @@ function _h(e = {}) {
 		r.value = n.languages;
 	}, { passive: !0 }), r;
 }
-function vh(t) {
-	let n = Om("(prefers-reduced-motion: reduce)", t);
+function yh(t) {
+	let n = km("(prefers-reduced-motion: reduce)", t);
 	return e(() => n.value ? "reduce" : "no-preference");
 }
-function yh(e, t) {
+function bh(e, t) {
 	let n = h(t);
-	return v(Hp(e), (e, t) => {
+	return v(Up(e), (e, t) => {
 		n.value = t;
 	}, { flush: "sync" }), f(n);
 }
-function bh(e) {
+function xh(e) {
 	let t = window.getComputedStyle(e);
 	if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight) return !0;
 	{
 		let t = e.parentNode;
-		return !t || t.tagName === "BODY" ? !1 : bh(t);
+		return !t || t.tagName === "BODY" ? !1 : xh(t);
 	}
 }
-function xh(e) {
+function Sh(e) {
 	let t = e || window.event, n = t.target;
-	return bh(n) ? !1 : t.touches.length > 1 || (t.preventDefault && t.preventDefault(), !1);
+	return xh(n) ? !1 : t.touches.length > 1 || (t.preventDefault && t.preventDefault(), !1);
 }
-var Sh = /* @__PURE__ */ new WeakMap();
-function Ch(t, n = !1) {
+var Ch = /* @__PURE__ */ new WeakMap();
+function wh(t, n = !1) {
 	let r = h(n), i = null, a = "";
-	v(Hp(t), (e) => {
-		let t = rh(_(e));
+	v(Up(t), (e) => {
+		let t = ih(_(e));
 		if (t) {
 			let e = t;
-			if (Sh.get(e) || Sh.set(e, e.style.overflow), e.style.overflow !== "hidden" && (a = e.style.overflow), e.style.overflow === "hidden") return r.value = !0;
+			if (Ch.get(e) || Ch.set(e, e.style.overflow), e.style.overflow !== "hidden" && (a = e.style.overflow), e.style.overflow === "hidden") return r.value = !0;
 			if (r.value) return e.style.overflow = "hidden";
 		}
 	}, { immediate: !0 });
 	let o = () => {
-		let e = rh(_(t));
-		e && !r.value && (Bp && (i = $(e, "touchmove", (e) => {
-			xh(e);
+		let e = ih(_(t));
+		e && !r.value && (Vp && (i = $(e, "touchmove", (e) => {
+			Sh(e);
 		}, { passive: !1 })), e.style.overflow = "hidden", r.value = !0);
 	}, s = () => {
-		let e = rh(_(t));
-		e && r.value && (Bp && i?.(), e.style.overflow = a, Sh.delete(e), r.value = !1);
+		let e = ih(_(t));
+		e && r.value && (Vp && i?.(), e.style.overflow = a, Ch.delete(e), r.value = !1);
 	};
-	return jp(s), e({
+	return Mp(s), e({
 		get() {
 			return r.value;
 		},
@@ -6204,7 +6214,7 @@ function Ch(t, n = !1) {
 		}
 	});
 }
-var wh = [
+var Th = [
 	{
 		max: 6e4,
 		value: 1e3,
@@ -6240,7 +6250,7 @@ var wh = [
 		value: 31536e6,
 		name: "year"
 	}
-], Th = {
+], Eh = {
 	justNow: "just now",
 	past: (e) => /\d/.test(e) ? `${e} ago` : e,
 	future: (e) => /\d/.test(e) ? `in ${e}` : e,
@@ -6253,22 +6263,22 @@ var wh = [
 	second: (e) => `${e} second${e > 1 ? "s" : ""}`,
 	invalid: ""
 };
-function Eh(e) {
+function Dh(e) {
 	return e.toISOString().slice(0, 10);
 }
 /* @__NO_SIDE_EFFECTS__ */
-function Dh(t, n = {}) {
-	let { controls: r = !1, scheduler: i = (e) => mm(e, 3e4) } = n, { now: a, ...o } = /* @__PURE__ */ uh({
+function Oh(t, n = {}) {
+	let { controls: r = !1, scheduler: i = (e) => hm(e, 3e4) } = n, { now: a, ...o } = /* @__PURE__ */ dh({
 		scheduler: i,
 		controls: !0
-	}), s = e(() => Oh(new Date(_(t)), n, _(a)));
+	}), s = e(() => kh(new Date(_(t)), n, _(a)));
 	return r ? {
 		timeAgo: s,
 		...o
 	} : s;
 }
-function Oh(e, t = {}, n = Date.now()) {
-	let { max: r, messages: i = Th, fullDateFormatter: a = Eh, units: o = wh, showSecond: s = !1, rounding: c = "round" } = t, l = typeof c == "number" ? (e) => +e.toFixed(c) : Math[c], u = +n - e, d = Math.abs(u);
+function kh(e, t = {}, n = Date.now()) {
+	let { max: r, messages: i = Eh, fullDateFormatter: a = Dh, units: o = Th, showSecond: s = !1, rounding: c = "round" } = t, l = typeof c == "number" ? (e) => +e.toFixed(c) : Math[c], u = +n - e, d = Math.abs(u);
 	function f(e, t) {
 		return l(Math.abs(e) / t.value);
 	}
@@ -6292,8 +6302,8 @@ function Oh(e, t = {}, n = Date.now()) {
 	}
 	return i.invalid;
 }
-function kh(e = {}) {
-	let { controls: t = !1, offset: n = 0, scheduler: r = wm, callback: i } = e, a = h(Rp() + n), o = () => a.value = Rp() + n, s = r(i ? () => {
+function Ah(e = {}) {
+	let { controls: t = !1, offset: n = 0, scheduler: r = Tm, callback: i } = e, a = h(zp() + n), o = () => a.value = zp() + n, s = r(i ? () => {
 		o(), i(a.value);
 	} : o);
 	return t ? {
@@ -6301,11 +6311,11 @@ function kh(e = {}) {
 		...s
 	} : a;
 }
-function Ah(t = {}) {
-	let { navigator: n = ym, document: r = vm } = t, i = h(!1), a = h(null), o = Xm({ document: r }), s = /* @__PURE__ */ Sm(() => n && "wakeLock" in n), c = e(() => !!a.value && o.value === "visible");
+function jh(t = {}) {
+	let { navigator: n = bm, document: r = ym } = t, i = h(!1), a = h(null), o = Zm({ document: r }), s = /* @__PURE__ */ Cm(() => n && "wakeLock" in n), c = e(() => !!a.value && o.value === "visible");
 	s.value && ($(a, "release", () => {
 		i.value = a.value?.type ?? !1;
-	}, { passive: !0 }), _m(() => o.value === "visible" && r?.visibilityState === "visible" && i.value, (e) => {
+	}, { passive: !0 }), vm(() => o.value === "visible" && r?.visibilityState === "visible" && i.value, (e) => {
 		i.value = !1, l(e);
 	}));
 	async function l(e) {
@@ -6319,7 +6329,7 @@ function Ah(t = {}) {
 		let e = a.value;
 		a.value = null, await e?.release();
 	}
-	return jp(() => {
+	return Mp(() => {
 		d();
 	}), {
 		sentinel: a,
@@ -6330,7 +6340,7 @@ function Ah(t = {}) {
 		release: d
 	};
 }
-function jh(e = {}) {
+function Mh(e = {}) {
 	let { window: t = Q } = e;
 	if (!t) return h(!1);
 	let n = h(t.document.hasFocus()), r = { passive: !0 };
@@ -6340,11 +6350,11 @@ function jh(e = {}) {
 		n.value = !0;
 	}, r), n;
 }
-function Mh(e = {}) {
+function Nh(e = {}) {
 	let { window: t = Q, ...n } = e;
-	return ah(t, n);
+	return oh(t, n);
 }
-function Nh(e = {}) {
+function Ph(e = {}) {
 	let { window: t = Q, initialWidth: n = Infinity, initialHeight: r = Infinity, listenOrientation: i = !0, includeScrollbar: a = !0, type: o = "inner" } = e, s = h(n), c = h(r), l = () => {
 		if (t) {
 			if (o === "outer") s.value = t.outerWidth, c.value = t.outerHeight;
@@ -6354,10 +6364,10 @@ function Nh(e = {}) {
 			} else a ? (s.value = t.innerWidth, c.value = t.innerHeight) : (s.value = t.document.documentElement.clientWidth, c.value = t.document.documentElement.clientHeight);
 		}
 	};
-	l(), om(l);
+	l(), sm(l);
 	let u = { passive: !0 };
 	if ($("resize", l, u), t && o === "visual" && t.visualViewport && $(t.visualViewport, "resize", l, u), i) {
-		let e = Om("(orientation: portrait)");
+		let e = km("(orientation: portrait)");
 		v(e, () => l());
 	}
 	return {
@@ -6366,28 +6376,28 @@ function Nh(e = {}) {
 	};
 }
 // src/runtime/shared.ts
-var Ph = n(!0), Fh = !1;
-function Ih(e) {
-	Fh = e;
+var Fh = n(!0), Ih = !1;
+function Lh(e) {
+	Ih = e;
 }
-function Lh() {
-	return Fh;
+function Rh() {
+	return Ih;
 }
-function Rh(e) {
+function zh(e) {
 	let t;
-	return () => (t ??= Ph.run(e), t);
+	return () => (t ??= Fh.run(e), t);
 }
-function zh(e) {
-	return Ph.run(e);
+function Bh(e) {
+	return Fh.run(e);
 }
 // src/runtime/actions.ts
-var Bh = Rh(() => Qm()), Vh = Rh(() => Ah()), Hh = Rh(() => Ch(globalThis.document?.body));
-async function Uh(e) {
-	let t = Bh();
-	return await t[e]().catch(() => void 0), t.isFullscreen.value;
-}
+var Vh = zh(() => $m()), Hh = zh(() => jh()), Uh = zh(() => wh(globalThis.document?.body));
 async function Wh(e) {
 	let t = Vh();
+	return await t[e]().catch(() => void 0), t.isFullscreen.value;
+}
+async function Gh(e) {
+	let t = Hh();
 	try {
 		e ? await t.request("screen") : await t.release();
 	} catch {
@@ -6395,10 +6405,10 @@ async function Wh(e) {
 	}
 	return e;
 }
-function Gh(e) {
-	Lh() || (Hh().value = e);
+function Kh(e) {
+	Rh() || (Uh().value = e);
 }
-async function Kh(e) {
+async function qh(e) {
 	if (!globalThis.navigator?.share) return !1;
 	try {
 		return await navigator.share(e), !0;
@@ -6406,20 +6416,20 @@ async function Kh(e) {
 		return !1;
 	}
 }
-function qh(e) {
+function Jh(e) {
 	return globalThis.navigator?.vibrate?.(e) ?? !1;
 }
-async function Jh(e, t = {}) {
+async function Yh(e, t = {}) {
 	return !("Notification" in globalThis) || (Notification.permission === "default" ? await Notification.requestPermission() : Notification.permission) !== "granted" ? !1 : (new Notification(e, t), !0);
 }
-function Yh(e, t = {}) {
+function Xh(e, t = {}) {
 	if (!("speechSynthesis" in globalThis)) return Promise.resolve(!1);
 	let n = new SpeechSynthesisUtterance(e);
 	return Object.assign(n, Object.fromEntries(Object.entries(t).filter(([, e]) => e !== void 0))), new Promise((e) => {
 		n.onend = () => e(!0), n.onerror = () => e(!1), speechSynthesis.cancel(), speechSynthesis.speak(n);
 	});
 }
-async function Xh() {
+async function Zh() {
 	let e = globalThis.EyeDropper;
 	if (!e) return "";
 	try {
@@ -6429,35 +6439,58 @@ async function Xh() {
 	}
 }
 // src/runtime/config.ts
-var Zh = {
-	antDesign: Mm,
-	bootstrap: Am,
-	element: Pm,
-	quasar: Nm,
-	tailwind: km,
-	vuetify: jm
-}, Qh = d({ breakpoints: "tailwind" });
-function $h(e) {
-	Object.assign(Qh, e);
-}
-function eg() {
-	return Qh.breakpoints;
-}
-function tg(e) {
-	return Object.keys(Zh[e] ?? km);
-}
-function ng() {
-	return Fm(Zh[Qh.breakpoints] ?? km);
-}
-function rg(e) {
-	let t = ng();
+var Qh = {
+	antDesign: Nm,
+	bootstrap: jm,
+	element: Fm,
+	quasar: Pm,
+	tailwind: Am,
+	vuetify: Mm
+}, $h = d({ breakpoints: "tailwind" });
+function eg(e) {
+	Object.assign($h, e);
+}
+function tg() {
+	return $h.breakpoints;
+}
+function ng(e) {
+	return Object.keys(Qh[e] ?? Am);
+}
+function rg() {
+	return Im(Qh[$h.breakpoints] ?? Am);
+}
+function ig(e) {
+	let t = rg();
 	return {
 		greaterOrEqual: t.greaterOrEqual(e),
 		smaller: t.smaller(e)
 	};
 }
+// src/runtime/drag.ts
+function ag() {
+	let e = p(0), t = p(0), n = p(!1), r;
+	function i(i) {
+		r?.(), i.preventDefault?.();
+		let a = i.clientX - e.value, o = i.clientY - t.value;
+		n.value = !0;
+		let s = [$(window, "pointermove", (n) => {
+			e.value = n.clientX - a, t.value = n.clientY - o;
+		}), $(window, ["pointerup", "pointercancel"], () => {
+			n.value = !1, r?.();
+		})];
+		r = () => {
+			s.forEach((e) => e()), r = void 0;
+		};
+	}
+	return u(() => r?.()), {
+		isDragging: n,
+		start: i,
+		x: e,
+		y: t
+	};
+}
 // src/runtime/state.ts
-var ig = /* @__PURE__ */ new Map(), ag = {
+var og = /* @__PURE__ */ new Map(), sg = {
 	read: (e) => {
 		try {
 			return JSON.parse(e);
@@ -6467,41 +6500,41 @@ var ig = /* @__PURE__ */ new Map(), ag = {
 	},
 	write: (e) => JSON.stringify(e)
 };
-function og(e, t = "local") {
-	let n = `${t}:${e}`, r = ig.get(n);
+function cg(e, t = "local") {
+	let n = `${t}:${e}`, r = og.get(n);
 	if (r) return r;
-	let i = t === "session" ? globalThis.sessionStorage : globalThis.localStorage, a = zh(() => Gm(e, null, i, {
-		serializer: ag,
+	let i = t === "session" ? globalThis.sessionStorage : globalThis.localStorage, a = Bh(() => Km(e, null, i, {
+		serializer: sg,
 		writeDefaults: !1
 	}));
-	return ig.set(n, a), a;
+	return og.set(n, a), a;
 }
-function sg(e, t = "local", n) {
-	return og(e, t).value ?? n;
+function lg(e, t = "local", n) {
+	return cg(e, t).value ?? n;
 }
-function cg(e, t, n = "local") {
-	og(e, n).value = t ?? null;
+function ug(e, t, n = "local") {
+	cg(e, n).value = t ?? null;
 }
-var lg = Rh(() => qm({
+var dg = zh(() => Jm({
 	emitAuto: !0,
 	onChanged: (e, t) => {
-		Lh() || t(e);
+		Rh() || t(e);
 	}
 }));
-function ug(e) {
-	lg().store.value = e;
+function fg(e) {
+	dg().store.value = e;
 }
-function dg(t, n) {
-	return em(e(t), n);
+function pg(t, n) {
+	return tm(e(t), n);
 }
-function fg(t, n) {
-	return nm(e(t), n);
+function mg(t, n) {
+	return rm(e(t), n);
 }
-function pg(e, t) {
-	let n = Jm(e, { scheduler: (e) => mm(e, t, { immediate: !1 }) });
+function hg(e, t) {
+	let n = Ym(e, { scheduler: (e) => hm(e, t, { immediate: !1 }) });
 	return n.start(), n;
 }
-var mg = [
+var gg = [
 	S({
 		name: "browser/fullscreen",
 		inputs: {},
@@ -6511,17 +6544,17 @@ var mg = [
 		},
 		methods: {
 			out_fullscreen() {
-				return Bh().isFullscreen.value;
+				return Vh().isFullscreen.value;
 			},
 			out_isSupported() {
-				return Bh().isSupported.value;
+				return Vh().isSupported.value;
 			}
 		},
 		display: {
 			name: "Use Fullscreen",
 			altSearch: "full screen presentation immersive",
 			config: {
-				icon: Tp,
+				icon: Ep,
 				scope: x.Frontend
 			}
 		},
@@ -6553,13 +6586,13 @@ var mg = [
 			out_fullscreen: b.boolean({ name: "Fullscreen" })
 		},
 		methods: { async in_exec() {
-			return this.out_fullscreen = await Uh(this.in_mode ?? "toggle"), this.out_exec();
+			return this.out_fullscreen = await Wh(this.in_mode ?? "toggle"), this.out_exec();
 		} },
 		display: {
 			name: "Set Fullscreen",
 			altSearch: "full screen enter exit toggle presentation",
 			config: {
-				icon: Tp,
+				icon: Ep,
 				scope: x.Frontend
 			}
 		},
@@ -6583,7 +6616,7 @@ var mg = [
 			out_active: b.boolean({ name: "Active" })
 		},
 		methods: { async in_exec() {
-			return this.out_active = await Wh(!!this.in_active), this.out_exec();
+			return this.out_active = await Gh(!!this.in_active), this.out_exec();
 		} },
 		display: {
 			name: "Set Wake Lock",
@@ -6610,7 +6643,7 @@ var mg = [
 		},
 		outputs: { out_exec: b.exec() },
 		methods: { in_exec() {
-			return Gh(!!this.in_locked), this.out_exec();
+			return Kh(!!this.in_locked), this.out_exec();
 		} },
 		display: {
 			name: "Set Scroll Lock",
@@ -6651,7 +6684,7 @@ var mg = [
 			out_shared: b.boolean({ name: "Shared" })
 		},
 		methods: { async in_exec() {
-			return this.out_shared = await Kh({
+			return this.out_shared = await qh({
 				text: this.in_text,
 				title: this.in_title,
 				url: this.in_url
@@ -6685,7 +6718,7 @@ var mg = [
 		},
 		outputs: { out_exec: b.exec() },
 		methods: { in_exec() {
-			return qh(this.in_pattern ?? 200), this.out_exec();
+			return Jh(this.in_pattern ?? 200), this.out_exec();
 		} },
 		display: {
 			name: "Vibrate",
@@ -6724,7 +6757,7 @@ var mg = [
 			out_shown: b.boolean({ name: "Shown" })
 		},
 		methods: { async in_exec() {
-			return this.out_shown = await Jh(this.in_title ?? "", {
+			return this.out_shown = await Yh(this.in_title ?? "", {
 				body: this.in_body,
 				icon: this.in_icon
 			}), this.out_exec();
@@ -6772,7 +6805,7 @@ var mg = [
 			out_spoken: b.boolean({ name: "Spoken" })
 		},
 		methods: { async in_exec() {
-			return this.out_spoken = await Yh(this.in_text ?? "", {
+			return this.out_spoken = await Xh(this.in_text ?? "", {
 				lang: this.in_lang,
 				pitch: this.in_pitch,
 				rate: this.in_rate
@@ -6806,7 +6839,7 @@ var mg = [
 			})
 		},
 		methods: { async in_exec() {
-			return this.out_color = await Xh(), this.out_exec();
+			return this.out_color = await Zh(), this.out_exec();
 		} },
 		display: {
 			name: "Pick Color",
@@ -6825,13 +6858,13 @@ var mg = [
 			imports: [Y("pickColor")]
 		}
 	})
-], hg = [
+], _g = [
 	S({
 		name: "browser/documentVisibility",
 		inputs: {},
 		outputs: { out_visible: b.boolean({ name: "Visible" }) },
 		methods: { out_visible() {
-			return this.instance([], () => Xm()).value === "visible";
+			return this.instance([], () => Zm()).value === "visible";
 		} },
 		display: {
 			name: "Use Document Visibility",
@@ -6860,13 +6893,13 @@ var mg = [
 		outputs: { out_matches: b.boolean({ name: "Matches" }) },
 		methods: { out_matches() {
 			let e = this.in_query ?? "";
-			return this.instance([e], () => Om(e)).value;
+			return this.instance([e], () => km(e)).value;
 		} },
 		display: {
 			name: "Use Media Query",
 			altSearch: "responsive breakpoint mobile screen css",
 			config: {
-				icon: Sp,
+				icon: Cp,
 				scope: x.Frontend
 			}
 		},
@@ -6885,7 +6918,7 @@ var mg = [
 		inputs: {},
 		outputs: { out_online: b.boolean({ name: "Online" }) },
 		methods: { out_online() {
-			return this.instance([], () => dh()).value;
+			return this.instance([], () => fh()).value;
 		} },
 		display: {
 			name: "Use Online",
@@ -6910,13 +6943,13 @@ var mg = [
 		inputs: {},
 		outputs: { out_dark: b.boolean({ name: "Dark" }) },
 		methods: { out_dark() {
-			return this.instance([], () => Vm()).value;
+			return this.instance([], () => Hm()).value;
 		} },
 		display: {
 			name: "Use Preferred Dark",
 			altSearch: "dark mode theme color scheme",
 			config: {
-				icon: wp,
+				icon: Tp,
 				scope: x.Frontend
 			}
 		},
@@ -6935,7 +6968,7 @@ var mg = [
 		inputs: {},
 		outputs: { out_reduced: b.boolean({ name: "Reduced" }) },
 		methods: { out_reduced() {
-			return this.instance([], () => vh()).value === "reduce";
+			return this.instance([], () => yh()).value === "reduce";
 		} },
 		display: {
 			name: "Use Preferred Reduced Motion",
@@ -6960,7 +6993,7 @@ var mg = [
 		inputs: {},
 		outputs: { out_focused: b.boolean({ name: "Focused" }) },
 		methods: { out_focused() {
-			return this.instance([], () => jh()).value;
+			return this.instance([], () => Mh()).value;
 		} },
 		display: {
 			name: "Use Window Focus",
@@ -6980,7 +7013,7 @@ var mg = [
 			imports: [X("useWindowFocus"), Z]
 		}
 	})
-], gg = [
+], vg = [
 	S({
 		name: "browser/network",
 		inputs: {},
@@ -7004,16 +7037,16 @@ var mg = [
 		},
 		methods: {
 			out_effectiveType() {
-				return this.instance([], () => lh()).effectiveType.value ?? "";
+				return this.instance([], () => uh()).effectiveType.value ?? "";
 			},
 			out_type() {
-				return this.instance([], () => lh()).type.value ?? "";
+				return this.instance([], () => uh()).type.value ?? "";
 			},
 			out_downlink() {
-				return this.instance([], () => lh()).downlink.value ?? 0;
+				return this.instance([], () => uh()).downlink.value ?? 0;
 			},
 			out_saveData() {
-				return this.instance([], () => lh()).saveData.value ?? !1;
+				return this.instance([], () => uh()).saveData.value ?? !1;
 			}
 		},
 		display: {
@@ -7030,7 +7063,7 @@ var mg = [
 		},
 		build: {
 			define: J,
-			generate: kp("useNetwork()", {
+			generate: Ap("useNetwork()", {
 				out_downlink: ".downlink.value ?? 0",
 				out_effectiveType: ".effectiveType.value ?? \"\"",
 				out_saveData: ".saveData.value ?? false",
@@ -7052,13 +7085,13 @@ var mg = [
 		},
 		methods: {
 			out_orientation() {
-				return this.instance([], () => ph()).orientation.value ?? "";
+				return this.instance([], () => mh()).orientation.value ?? "";
 			},
 			out_portrait() {
-				return this.instance([], () => ph()).orientation.value?.startsWith("portrait") ?? !1;
+				return this.instance([], () => mh()).orientation.value?.startsWith("portrait") ?? !1;
 			},
 			out_angle() {
-				return this.instance([], () => ph()).angle.value;
+				return this.instance([], () => mh()).angle.value;
 			}
 		},
 		display: {
@@ -7075,7 +7108,7 @@ var mg = [
 		},
 		build: {
 			define: J,
-			generate: kp("useScreenOrientation()", {
+			generate: Ap("useScreenOrientation()", {
 				out_angle: ".angle.value",
 				out_orientation: ".orientation.value ?? \"\"",
 				out_portrait: ".orientation.value?.startsWith(\"portrait\") ?? false"
@@ -7088,7 +7121,7 @@ var mg = [
 		inputs: {},
 		outputs: { out_pixelRatio: b.number({ name: "Pixel Ratio" }) },
 		methods: { out_pixelRatio() {
-			return this.instance([], () => Ym()).pixelRatio.value;
+			return this.instance([], () => Xm()).pixelRatio.value;
 		} },
 		display: {
 			name: "Use Device Pixel Ratio",
@@ -7104,7 +7137,7 @@ var mg = [
 		},
 		build: {
 			define: J,
-			generate: kp("useDevicePixelRatio()", { out_pixelRatio: ".pixelRatio.value" }),
+			generate: Ap("useDevicePixelRatio()", { out_pixelRatio: ".pixelRatio.value" }),
 			imports: [X("useDevicePixelRatio"), Z]
 		}
 	}),
@@ -7120,10 +7153,10 @@ var mg = [
 		},
 		methods: {
 			out_language() {
-				return this.instance([], () => _h()).value[0] ?? "";
+				return this.instance([], () => vh()).value[0] ?? "";
 			},
 			out_languages() {
-				return [...this.instance([], () => _h()).value];
+				return [...this.instance([], () => vh()).value];
 			}
 		},
 		display: {
@@ -7140,7 +7173,7 @@ var mg = [
 		},
 		build: {
 			define: J,
-			generate: kp("usePreferredLanguages()", {
+			generate: Ap("usePreferredLanguages()", {
 				out_language: ".value[0] ?? \"\"",
 				out_languages: ".value.slice()"
 			}),
@@ -7168,19 +7201,19 @@ var mg = [
 		},
 		methods: {
 			out_level() {
-				return this.instance([], () => Tm()).level.value;
+				return this.instance([], () => Em()).level.value;
 			},
 			out_charging() {
-				return this.instance([], () => Tm()).charging.value;
+				return this.instance([], () => Em()).charging.value;
 			},
 			out_chargingTime() {
-				return this.instance([], () => Tm()).chargingTime.value;
+				return this.instance([], () => Em()).chargingTime.value;
 			},
 			out_dischargingTime() {
-				return this.instance([], () => Tm()).dischargingTime.value;
+				return this.instance([], () => Em()).dischargingTime.value;
 			},
 			out_isSupported() {
-				return this.instance([], () => Tm()).isSupported.value;
+				return this.instance([], () => Em()).isSupported.value;
 			}
 		},
 		display: {
@@ -7197,7 +7230,7 @@ var mg = [
 		},
 		build: {
 			define: J,
-			generate: kp("useBattery()", {
+			generate: Ap("useBattery()", {
 				out_charging: ".charging.value",
 				out_chargingTime: ".chargingTime.value",
 				out_dischargingTime: ".dischargingTime.value",
@@ -7228,19 +7261,19 @@ var mg = [
 		},
 		methods: {
 			out_latitude() {
-				return this.instance([], () => $m()).coords.value.latitude;
+				return this.instance([], () => eh()).coords.value.latitude;
 			},
 			out_longitude() {
-				return this.instance([], () => $m()).coords.value.longitude;
+				return this.instance([], () => eh()).coords.value.longitude;
 			},
 			out_accuracy() {
-				return this.instance([], () => $m()).coords.value.accuracy;
+				return this.instance([], () => eh()).coords.value.accuracy;
 			},
 			out_located() {
-				return this.instance([], () => $m()).locatedAt.value !== null;
+				return this.instance([], () => eh()).locatedAt.value !== null;
 			},
 			out_error() {
-				return this.instance([], () => $m()).error.value?.message ?? "";
+				return this.instance([], () => eh()).error.value?.message ?? "";
 			}
 		},
 		display: {
@@ -7257,7 +7290,7 @@ var mg = [
 		},
 		build: {
 			define: J,
-			generate: kp("useGeolocation()", {
+			generate: Ap("useGeolocation()", {
 				out_accuracy: ".coords.value.accuracy",
 				out_error: ".error.value?.message ?? \"\"",
 				out_latitude: ".coords.value.latitude",
@@ -7272,7 +7305,7 @@ var mg = [
 		inputs: {},
 		outputs: { out_left: b.boolean({ name: "Left" }) },
 		methods: { out_left() {
-			return this.instance([], () => fh()).value;
+			return this.instance([], () => ph()).value;
 		} },
 		display: {
 			name: "Use Page Leave",
@@ -7288,14 +7321,14 @@ var mg = [
 		},
 		build: {
 			define: J,
-			generate: kp("usePageLeave()", { out_left: ".value" }),
+			generate: Ap("usePageLeave()", { out_left: ".value" }),
 			imports: [X("usePageLeave"), Z]
 		}
 	})
 ];
 // src/nodes/responsive.ts
-function _g(e) {
-	let t = tg(e);
+function yg(e) {
+	let t = ng(e);
 	return [S({
 		name: "responsive/breakpoint",
 		inputs: { in_breakpoint: b.string({
@@ -7315,11 +7348,11 @@ function _g(e) {
 		methods: {
 			out_greaterOrEqual() {
 				let e = this.in_breakpoint ?? "";
-				return this.instance([eg(), e], () => rg(e)).greaterOrEqual.value;
+				return this.instance([tg(), e], () => ig(e)).greaterOrEqual.value;
 			},
 			out_smaller() {
 				let e = this.in_breakpoint ?? "";
-				return this.instance([eg(), e], () => rg(e)).smaller.value;
+				return this.instance([tg(), e], () => ig(e)).smaller.value;
 			}
 		},
 		display: {
@@ -7336,7 +7369,7 @@ function _g(e) {
 		},
 		build: {
 			define: J,
-			generate: ({ id: e, key: t }) => `()=>{const breakpoint = this.in_breakpoint ?? ""; return [[instance]]([getBreakpointPreset(), breakpoint], () => useBreakpoint(breakpoint), ${JSON.stringify(e)}).${Ap(t)}.value;}`,
+			generate: ({ id: e, key: t }) => `()=>{const breakpoint = this.in_breakpoint ?? ""; return [[instance]]([getBreakpointPreset(), breakpoint], () => useBreakpoint(breakpoint), ${JSON.stringify(e)}).${jp(t)}.value;}`,
 			imports: [
 				Y("useBreakpoint"),
 				Y("getBreakpointPreset"),
@@ -7348,7 +7381,7 @@ function _g(e) {
 		inputs: {},
 		outputs: { out_current: b.string({ name: "Current" }) },
 		methods: { out_current() {
-			return this.instance([eg()], () => ng().active()).value;
+			return this.instance([tg()], () => rg().active()).value;
 		} },
 		display: {
 			name: "Use Current Breakpoint",
@@ -7374,7 +7407,7 @@ function _g(e) {
 	})];
 }
 // src/nodes/sensors.ts
-var vg = [
+var bg = [
 	S({
 		name: "sensors/idle",
 		inputs: { in_timeout: b.number({
@@ -7392,11 +7425,11 @@ var vg = [
 		methods: {
 			out_idle() {
 				let e = this.in_timeout ?? 6e4;
-				return this.instance([e], () => nh(e)).idle.value;
+				return this.instance([e], () => rh(e)).idle.value;
 			},
 			out_lastActive() {
 				let e = this.in_timeout ?? 6e4;
-				return this.instance([e], () => nh(e)).lastActive.value;
+				return this.instance([e], () => rh(e)).lastActive.value;
 			}
 		},
 		display: {
@@ -7413,7 +7446,7 @@ var vg = [
 		},
 		build: {
 			define: J,
-			generate: ({ id: e, key: t }) => `()=>{const timeout = this.in_timeout ?? 60000; return [[instance]]([timeout], () => useIdle(timeout), ${JSON.stringify(e)}).${Ap(t)}.value;}`,
+			generate: ({ id: e, key: t }) => `()=>{const timeout = this.in_timeout ?? 60000; return [[instance]]([timeout], () => useIdle(timeout), ${JSON.stringify(e)}).${jp(t)}.value;}`,
 			imports: [X("useIdle"), Z]
 		}
 	}),
@@ -7426,7 +7459,7 @@ var vg = [
 		outputs: { out_pressed: b.boolean({ name: "Pressed" }) },
 		methods: { out_pressed() {
 			let e = this.in_key ?? "";
-			return this.instance([e], () => sh()[e]).value;
+			return this.instance([e], () => ch()[e]).value;
 		} },
 		display: {
 			name: "Use Magic Key",
@@ -7451,7 +7484,7 @@ var vg = [
 		inputs: {},
 		outputs: { out_pressed: b.boolean({ name: "Pressed" }) },
 		methods: { out_pressed() {
-			return this.instance([], () => ch()).pressed.value;
+			return this.instance([], () => lh()).pressed.value;
 		} },
 		display: {
 			name: "Use Mouse Pressed",
@@ -7489,19 +7522,19 @@ var vg = [
 		},
 		methods: {
 			out_isInside() {
-				return this.instance([], () => gh()).isInside.value;
+				return this.instance([], () => _h()).isInside.value;
 			},
 			out_pointerType() {
-				return this.instance([], () => gh()).pointerType.value ?? "";
+				return this.instance([], () => _h()).pointerType.value ?? "";
 			},
 			out_pressure() {
-				return this.instance([], () => gh()).pressure.value;
+				return this.instance([], () => _h()).pressure.value;
 			},
 			out_x() {
-				return this.instance([], () => gh()).x.value;
+				return this.instance([], () => _h()).x.value;
 			},
 			out_y() {
-				return this.instance([], () => gh()).y.value;
+				return this.instance([], () => _h()).y.value;
 			}
 		},
 		display: {
@@ -7520,11 +7553,68 @@ var vg = [
 			define: J,
 			generate: ({ id: e, key: t }) => {
 				let n = t === "out_pointerType" ? " ?? \"\"" : "";
-				return `()=>{return [[instance]]([], () => usePointer(), ${JSON.stringify(e)}).${Ap(t)}.value${n};}`;
+				return `()=>{return [[instance]]([], () => usePointer(), ${JSON.stringify(e)}).${jp(t)}.value${n};}`;
 			},
 			imports: [X("usePointer"), Z]
 		}
 	}),
+	S({
+		name: "sensors/drag",
+		inputs: {
+			in_exec: b.exec({ name: "Start" }),
+			in_event: b.object({}, {
+				name: "Event",
+				description: "The `pointerdown` or `mousedown` event that starts the drag"
+			})
+		},
+		outputs: {
+			out_exec: b.exec(),
+			out_isDragging: b.boolean({ name: "Is Dragging" }),
+			out_x: b.number({
+				name: "X",
+				description: "Horizontal offset in pixels"
+			}),
+			out_y: b.number({
+				name: "Y",
+				description: "Vertical offset in pixels"
+			})
+		},
+		methods: {
+			in_exec() {
+				return this.instance([], () => ag()).start(this.in_event), this.out_exec();
+			},
+			out_isDragging() {
+				return this.instance([], () => ag()).isDragging.value;
+			},
+			out_x() {
+				return this.instance([], () => ag()).x.value;
+			},
+			out_y() {
+				return this.instance([], () => ag()).y.value;
+			}
+		},
+		display: {
+			name: "Use Drag",
+			altSearch: "draggable move window title bar pointer drag and drop",
+			config: {
+				icon: Sp,
+				scope: x.Frontend
+			}
+		},
+		documentation: {
+			short: "Move an element by dragging it",
+			description: "Starts a drag from a `pointerdown` event (link the event node's exec and event to `Start` and `Event`), follows the pointer anywhere on the page until it is released, and returns the total offset in pixels. Each new drag continues from the last offset.",
+			llm: "Link `event/pointerdown(<handle id>)` to `Start` and its `out_event` to `Event`. Put the event on the handle (e.g. a title bar). Set two computed values from `out_x` and `out_y` and bind them on the element to move: `:style.transform=\"'translate(' + dragX + 'px, ' + dragY + 'px)'\"`."
+		},
+		build: {
+			define: J,
+			generate: ({ id: e, key: t }) => {
+				let n = `[[instance]]([], () => useDrag(), ${JSON.stringify(e)})`;
+				return t === "in_exec" ? `function(){${n}.start(this.in_event); return this.out_exec();}` : `()=>{return ${n}.${jp(t)}.value;}`;
+			},
+			imports: [Y("useDrag"), Z]
+		}
+	}),
 	S({
 		name: "sensors/windowScroll",
 		inputs: {},
@@ -7535,20 +7625,20 @@ var vg = [
 		},
 		methods: {
 			out_isScrolling() {
-				return this.instance([], () => Mh()).isScrolling.value;
+				return this.instance([], () => Nh()).isScrolling.value;
 			},
 			out_x() {
-				return this.instance([], () => Mh()).x.value;
+				return this.instance([], () => Nh()).x.value;
 			},
 			out_y() {
-				return this.instance([], () => Mh()).y.value;
+				return this.instance([], () => Nh()).y.value;
 			}
 		},
 		display: {
 			name: "Use Window Scroll",
 			altSearch: "scroll position offset",
 			config: {
-				icon: Ep,
+				icon: Dp,
 				scope: x.Frontend
 			}
 		},
@@ -7558,7 +7648,7 @@ var vg = [
 		},
 		build: {
 			define: J,
-			generate: ({ id: e, key: t }) => `()=>{return [[instance]]([], () => useWindowScroll(), ${JSON.stringify(e)}).${Ap(t)}.value;}`,
+			generate: ({ id: e, key: t }) => `()=>{return [[instance]]([], () => useWindowScroll(), ${JSON.stringify(e)}).${jp(t)}.value;}`,
 			imports: [X("useWindowScroll"), Z]
 		}
 	}),
@@ -7571,17 +7661,17 @@ var vg = [
 		},
 		methods: {
 			out_height() {
-				return this.instance([], () => Nh()).height.value;
+				return this.instance([], () => Ph()).height.value;
 			},
 			out_width() {
-				return this.instance([], () => Nh()).width.value;
+				return this.instance([], () => Ph()).width.value;
 			}
 		},
 		display: {
 			name: "Use Window Size",
 			altSearch: "viewport dimensions width height resize responsive",
 			config: {
-				icon: Tp,
+				icon: Ep,
 				scope: x.Frontend
 			}
 		},
@@ -7591,20 +7681,20 @@ var vg = [
 		},
 		build: {
 			define: J,
-			generate: ({ id: e, key: t }) => `()=>{return [[instance]]([], () => useWindowSize(), ${JSON.stringify(e)}).${Ap(t)}.value;}`,
+			generate: ({ id: e, key: t }) => `()=>{return [[instance]]([], () => useWindowSize(), ${JSON.stringify(e)}).${jp(t)}.value;}`,
 			imports: [X("useWindowSize"), Z]
 		}
 	})
-], yg = () => b.string({
+], xg = () => b.string({
 	name: "Storage",
 	description: "`local` persists across sessions, `session` is cleared when the tab closes",
 	enum: ["local", "session"],
 	optional: !0
-}), bg = [
+}), Sg = [
 	"auto",
 	"light",
 	"dark"
-], xg = [
+], Cg = [
 	S({
 		name: "storage/get",
 		inputs: {
@@ -7613,14 +7703,14 @@ var vg = [
 				name: "Default",
 				optional: !0
 			}),
-			in_storage: yg()
+			in_storage: xg()
 		},
 		outputs: { out_value: b.unknown({
 			name: "Value",
 			dynamic: ({ inputs: e }) => e.in_default
 		}) },
 		methods: { out_value() {
-			return sg(this.in_key ?? "", this.in_storage ?? "local", this.in_default);
+			return lg(this.in_key ?? "", this.in_storage ?? "local", this.in_default);
 		} },
 		display: {
 			name: "Use Storage",
@@ -7645,11 +7735,11 @@ var vg = [
 			in_exec: b.exec(),
 			in_key: b.string({ name: "Key" }),
 			in_value: b.unknown({ name: "Value" }),
-			in_storage: yg()
+			in_storage: xg()
 		},
 		outputs: { out_exec: b.exec() },
 		methods: { in_exec() {
-			return cg(this.in_key ?? "", this.in_value, this.in_storage ?? "local"), this.out_exec();
+			return ug(this.in_key ?? "", this.in_value, this.in_storage ?? "local"), this.out_exec();
 		} },
 		display: {
 			name: "Set Storage",
@@ -7675,7 +7765,7 @@ var vg = [
 			out_mode: b.string({
 				name: "Mode",
 				description: "`auto`, `light` or `dark`",
-				enum: [...bg]
+				enum: [...Sg]
 			}),
 			out_state: b.string({
 				name: "State",
@@ -7686,13 +7776,13 @@ var vg = [
 		},
 		methods: {
 			out_mode() {
-				return lg().store.value;
+				return dg().store.value;
 			},
 			out_state() {
-				return lg().state.value;
+				return dg().state.value;
 			},
 			out_dark() {
-				return lg().state.value === "dark";
+				return dg().state.value === "dark";
 			}
 		},
 		display: {
@@ -7722,12 +7812,12 @@ var vg = [
 			in_exec: b.exec(),
 			in_mode: b.string({
 				name: "Mode",
-				enum: [...bg]
+				enum: [...Sg]
 			})
 		},
 		outputs: { out_exec: b.exec() },
 		methods: { in_exec() {
-			return ug(this.in_mode ?? "auto"), this.out_exec();
+			return fg(this.in_mode ?? "auto"), this.out_exec();
 		} },
 		display: {
 			name: "Set Color Mode",
@@ -7746,20 +7836,20 @@ var vg = [
 			imports: [Y("setColorMode")]
 		}
 	})
-], Sg = () => b.union([
+], wg = () => b.union([
 	b.interface("Date"),
 	b.string(),
 	b.number()
-], { name: "Date" }), Cg = [
+], { name: "Date" }), Tg = [
 	S({
 		name: "time/dateFormat",
 		inputs: {
-			in_date: Sg(),
+			in_date: wg(),
 			in_format: b.string({ name: "Format" })
 		},
 		outputs: { out_output: b.string({ name: "Formatted Date" }) },
 		methods: { out_output() {
-			return pm(this.in_date, this.in_format).value;
+			return mm(this.in_date, this.in_format).value;
 		} },
 		display: {
 			name: "Use Date Format",
@@ -7789,7 +7879,7 @@ var vg = [
 		outputs: { out_counter: b.number({ name: "Counter" }) },
 		methods: { out_counter() {
 			let e = this.in_interval ?? 1e3;
-			return this.instance([e], () => hm(e)).value;
+			return this.instance([e], () => gm(e)).value;
 		} },
 		display: {
 			name: "Use Interval",
@@ -7819,7 +7909,7 @@ var vg = [
 		outputs: { out_now: b.interface("Date") },
 		methods: { out_now() {
 			let e = this.in_interval;
-			return this.instance([e], () => /* @__PURE__ */ uh(e ? { scheduler: (t) => mm(t, e) } : void 0)).value;
+			return this.instance([e], () => /* @__PURE__ */ dh(e ? { scheduler: (t) => hm(t, e) } : void 0)).value;
 		} },
 		display: {
 			name: "Use Now",
@@ -7844,15 +7934,15 @@ var vg = [
 	}),
 	S({
 		name: "time/timeAgo",
-		inputs: { in_date: Sg() },
+		inputs: { in_date: wg() },
 		outputs: { out_output: b.string({ name: "Time Ago" }) },
 		methods: { out_output() {
-			return this.instance([], () => /* @__PURE__ */ Dh(() => this.in_date)).value;
+			return this.instance([], () => /* @__PURE__ */ Oh(() => this.in_date)).value;
 		} },
 		display: {
 			name: "Use Time Ago",
 			config: {
-				icon: Cp,
+				icon: wp,
 				scope: x.Frontend
 			}
 		},
@@ -7876,7 +7966,7 @@ var vg = [
 		outputs: { out_timestamp: b.number({ name: "Timestamp" }) },
 		methods: { out_timestamp() {
 			let e = this.in_interval;
-			return this.instance([e], () => kh(e ? { scheduler: (t) => mm(t, e) } : void 0)).value;
+			return this.instance([e], () => Ah(e ? { scheduler: (t) => hm(t, e) } : void 0)).value;
 		} },
 		display: {
 			name: "Use Timestamp",
@@ -7892,7 +7982,7 @@ var vg = [
 		},
 		build: {
 			define: J,
-			generate: kp("useTimestamp(interval ? {scheduler: (callback) => useIntervalFn(callback, interval)} : undefined)", { out_timestamp: ".value" }, "[interval]", "const interval = this.in_interval; "),
+			generate: Ap("useTimestamp(interval ? {scheduler: (callback) => useIntervalFn(callback, interval)} : undefined)", { out_timestamp: ".value" }, "[interval]", "const interval = this.in_interval; "),
 			imports: [
 				X("useTimestamp"),
 				X("useIntervalFn"),
@@ -7917,11 +8007,11 @@ var vg = [
 		methods: {
 			out_remaining() {
 				let e = this.in_seconds ?? 0, t = this.in_interval ?? 1e3;
-				return this.instance([e, t], () => pg(e, t)).remaining.value;
+				return this.instance([e, t], () => hg(e, t)).remaining.value;
 			},
 			out_done() {
 				let e = this.in_seconds ?? 0, t = this.in_interval ?? 1e3;
-				return this.instance([e, t], () => pg(e, t)).remaining.value <= 0;
+				return this.instance([e, t], () => hg(e, t)).remaining.value <= 0;
 			}
 		},
 		display: {
@@ -7938,14 +8028,14 @@ var vg = [
 		},
 		build: {
 			define: J,
-			generate: kp("useRunningCountdown(seconds, interval)", {
+			generate: Ap("useRunningCountdown(seconds, interval)", {
 				out_done: ".remaining.value <= 0",
 				out_remaining: ".remaining.value"
 			}, "[seconds, interval]", "const seconds = this.in_seconds ?? 0; const interval = this.in_interval ?? 1000; "),
 			imports: [Y("useRunningCountdown"), Z]
 		}
 	})
-], wg = [
+], Eg = [
 	S({
 		name: "utils/debounced",
 		inputs: {
@@ -7962,7 +8052,7 @@ var vg = [
 		}) },
 		methods: { out_value() {
 			let e = this.in_delay ?? 200;
-			return this.instance([e], () => dg(() => this.in_value, e)).value;
+			return this.instance([e], () => pg(() => this.in_value, e)).value;
 		} },
 		display: {
 			name: "Use Debounced",
@@ -7998,7 +8088,7 @@ var vg = [
 		}) },
 		methods: { out_value() {
 			let e = this.in_delay ?? 200;
-			return this.instance([e], () => fg(() => this.in_value, e)).value;
+			return this.instance([e], () => mg(() => this.in_value, e)).value;
 		} },
 		display: {
 			name: "Use Throttled",
@@ -8026,13 +8116,13 @@ var vg = [
 			dynamic: ({ inputs: e }) => e.in_value
 		}) },
 		methods: { out_previous() {
-			return this.instance([], () => yh(() => this.in_value)).value;
+			return this.instance([], () => bh(() => this.in_value)).value;
 		} },
 		display: {
 			name: "Use Previous",
 			altSearch: "old last before change history",
 			config: {
-				icon: Cp,
+				icon: wp,
 				scope: x.Frontend
 			}
 		},
@@ -8048,55 +8138,55 @@ var vg = [
 	})
 ];
 // src/nodes/index.ts
-function Tg(e) {
+function Dg(e) {
 	return [
-		...mg,
-		...hg,
 		...gg,
-		..._g(e),
+		..._g,
 		...vg,
-		...xg,
+		...yg(e),
+		...bg,
 		...Cg,
-		...wg
+		...Tg,
+		...Eg
 	];
 }
 // src/index.ts
-var Eg = b.object({ breakpoints: b.string({
+var Og = b.object({ breakpoints: b.string({
 	name: "Breakpoints",
 	default: "tailwind",
 	description: "Breakpoint preset used by the responsive nodes.",
-	enum: Object.keys(Zh)
+	enum: Object.keys(Qh)
 }) });
-function Dg(e) {
+function kg(e) {
 	return { breakpoints: e.breakpoints ?? "tailwind" };
 }
-function Og({ config: e }) {
-	Ih(!0), $h(Dg(e));
+function Ag({ config: e }) {
+	Lh(!0), eg(kg(e));
 }
-var kg = zf({
+var jg = zf({
 	id: "reactivity",
 	name: "Reactivity",
 	description: "Reactive browser, sensor, time and state nodes powered by VueUse.",
 	icon: Vf,
 	llm: Bf,
-	config: Eg,
+	config: Og,
 	lifecycle: {
-		mount: Og,
-		update: Og
+		mount: Ag,
+		update: Ag
 	},
-	editor: { nodes: ({ config: e }) => Tg(Dg(e).breakpoints) },
+	editor: { nodes: ({ config: e }) => Dg(kg(e).breakpoints) },
 	build: {
 		frontImports: [{
-			name: Dp.name,
-			version: Dp.version
+			name: Op.name,
+			version: Op.version
 		}, {
 			name: "@vueuse/core",
-			version: Dp.peerDependencies["@vueuse/core"]
+			version: Op.peerDependencies["@vueuse/core"]
 		}],
 		injections: ({ config: e }) => ({ [If.AppSetup]: `
-import { configureReactivity } from "${Dp.name}/runtime";
-configureReactivity(${JSON.stringify(Dg(e))});
+import { configureReactivity } from "${Op.name}/runtime";
+configureReactivity(${JSON.stringify(kg(e))});
 ` })
 	}
 });
-export { kg as default };
+export { jg as default };