@mkbabb/glass-ui 3.1.1 → 3.3.0

package/dist/labeled-field.js

@@ -1,21 +1,21 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-Dth8-wXQ.js";
-import { t as o } from "./SelectGroup-DdR4tdDY.js";
-import { n as s } from "./slider-DJvHkTRe.js";
-import { t as c } from "./Switch-Cr1t_F_U.js";
-import { t as l } from "./IconTooltip-BkaA7tZ2.js";
-import { t as u } from "./Input-DDpFn568.js";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-BGn3rjs9.js";
+import { t as o } from "./SelectGroup-CMdoCjRE.js";
+import { n as s } from "./slider-BOh8ycfZ.js";
+import { t as c } from "./Switch-x8n6husW.js";
+import { t as l } from "./Input-CU9CNKmo.js";
+import { t as u } from "./IconTooltip-BTyYn4mr.js";
 import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, openBlock as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useId as E, withCtx as D } from "vue";
 //#region src/components/custom/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "labeled-field" }, k = {
+var O = { class: "labeled-field" }, k = ["id", "for"], A = {
 	key: 0,
 	class: "text-destructive",
 	"aria-hidden": "true"
-}, A = {
+}, j = ["id", "for"], M = {
 	key: 0,
 	class: "text-destructive",
 	"aria-hidden": "true"
-}, j = ["id"], M = /* @__PURE__ */ y({
+}, N = ["id"], P = /* @__PURE__ */ y({
 	__name: "LabeledField",
 	props: {
 		label: {},
@@ -30,28 +30,38 @@ var O = { class: "labeled-field" }, k = {
 		required: { type: Boolean }
 	},
 	setup(t) {
-		let n = E();
-		return (r, i) => (x(), m("div", O, [
-			t.tooltip ? (x(), f(T(l), {
+		let n = E(), r = E(), i = E();
+		return (a, o) => (x(), m("div", O, [
+			t.tooltip ? (x(), f(T(u), {
 				key: 0,
 				text: t.tooltip
 			}, {
-				default: D(() => [h("label", { class: b(T(e)("labeled-field-label", t.labelClass)) }, [_(w(t.label), 1), t.required ? (x(), m("span", k, " *")) : p("", !0)], 2)]),
+				default: D(() => [h("label", {
+					id: T(i),
+					for: T(r),
+					class: b(T(e)("labeled-field-label", t.labelClass))
+				}, [_(w(t.label), 1), t.required ? (x(), m("span", A, " *")) : p("", !0)], 10, k)]),
 				_: 1
 			}, 8, ["text"])) : (x(), m("label", {
 				key: 1,
+				id: T(i),
+				for: T(r),
 				class: b(T(e)("labeled-field-label", t.labelClass))
-			}, [_(w(t.label), 1), t.required ? (x(), m("span", A, " *")) : p("", !0)], 2)),
-			C(r.$slots, "default", { errorId: T(n) }),
-			r.$slots.error ? (x(), m("div", {
+			}, [_(w(t.label), 1), t.required ? (x(), m("span", M, " *")) : p("", !0)], 10, j)),
+			C(a.$slots, "default", {
+				errorId: T(n),
+				controlId: T(r),
+				labelledBy: T(i)
+			}),
+			a.$slots.error ? (x(), m("div", {
 				key: 2,
 				id: T(n),
 				class: "labeled-field-error",
 				"aria-live": "polite"
-			}, [C(r.$slots, "error")], 8, j)) : p("", !0)
+			}, [C(a.$slots, "error")], 8, N)) : p("", !0)
 		]));
 	}
-}), N = /* @__PURE__ */ y({
+}), F = /* @__PURE__ */ y({
 	__name: "LabeledInput",
 	props: {
 		modelValue: {},
@@ -65,13 +75,14 @@ var O = { class: "labeled-field" }, k = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(M, {
+		return (t, r) => (x(), f(P, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
 		}, g({
-			default: D(({ errorId: i }) => [v(T(u), {
+			default: D(({ errorId: i, controlId: a }) => [v(T(l), {
+				id: a,
 				type: e.type ?? "string",
 				class: b(e.inputClass ?? "fira-code"),
 				"model-value": e.modelValue,
@@ -79,6 +90,7 @@ var O = { class: "labeled-field" }, k = {
 				"aria-errormessage": t.$slots.error ? i : void 0,
 				onChange: r[0] ||= (e) => n("update:modelValue", e.target.value)
 			}, null, 8, [
+				"id",
 				"type",
 				"class",
 				"model-value",
@@ -97,10 +109,10 @@ var O = { class: "labeled-field" }, k = {
 			"required"
 		]));
 	}
-}), P = {
+}), I = {
 	key: 0,
 	class: "ml-auto pl-2 text-micro text-muted-foreground whitespace-nowrap"
-}, F = /* @__PURE__ */ y({
+}, L = /* @__PURE__ */ y({
 	__name: "LabeledSelect",
 	props: {
 		modelValue: {},
@@ -115,28 +127,31 @@ var O = { class: "labeled-field" }, k = {
 	emits: ["update:modelValue", "update:open"],
 	setup(e, { emit: s }) {
 		let c = s;
-		return (s, l) => (x(), f(M, {
+		return (s, l) => (x(), f(P, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
 		}, {
-			default: D(() => [v(T(a), {
+			default: D(({ controlId: s }) => [v(T(a), {
 				"model-value": e.modelValue,
 				open: e.isOpen,
 				"onUpdate:open": l[0] ||= (e) => c("update:open", e),
 				"onUpdate:modelValue": l[1] ||= (e) => c("update:modelValue", e)
 			}, {
-				default: D(() => [v(T(t), { class: "fira-code" }, {
+				default: D(() => [v(T(t), {
+					id: s,
+					class: "fira-code"
+				}, {
 					default: D(() => [v(T(r))]),
 					_: 1
-				}), v(T(n), null, {
+				}, 8, ["id"]), v(T(n), null, {
 					default: D(() => [v(T(o), { class: "fira-code" }, {
 						default: D(() => [(x(!0), m(d, null, S(e.items, (t) => (x(), f(T(i), {
 							key: t,
 							value: t
 						}, {
-							description: D(() => [e.descriptions?.[t] ? (x(), m("span", P, w(e.descriptions[t]), 1)) : p("", !0)]),
+							description: D(() => [e.descriptions?.[t] ? (x(), m("span", I, w(e.descriptions[t]), 1)) : p("", !0)]),
 							default: D(() => [_(w(t) + " ", 1)]),
 							_: 2
 						}, 1032, ["value"]))), 128))]),
@@ -144,8 +159,8 @@ var O = { class: "labeled-field" }, k = {
 					})]),
 					_: 1
 				})]),
-				_: 1
-			}, 8, ["model-value", "open"])]),
+				_: 2
+			}, 1032, ["model-value", "open"])]),
 			_: 1
 		}, 8, [
 			"label",
@@ -154,7 +169,7 @@ var O = { class: "labeled-field" }, k = {
 			"required"
 		]));
 	}
-}), I = /* @__PURE__ */ y({
+}), R = /* @__PURE__ */ y({
 	__name: "LabeledSlider",
 	props: {
 		modelValue: {},
@@ -169,13 +184,14 @@ var O = { class: "labeled-field" }, k = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(M, {
+		return (t, r) => (x(), f(P, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
 		}, {
-			default: D(() => [v(T(s), {
+			default: D(({ labelledBy: t }) => [v(T(s), {
+				"aria-labelledby": t,
 				class: "py-2",
 				min: e.min,
 				max: e.max,
@@ -185,6 +201,7 @@ var O = { class: "labeled-field" }, k = {
 					e && n("update:modelValue", e[0]);
 				}
 			}, null, 8, [
+				"aria-labelledby",
 				"min",
 				"max",
 				"step",
@@ -198,7 +215,7 @@ var O = { class: "labeled-field" }, k = {
 			"required"
 		]));
 	}
-}), L = { class: "flex items-center" }, R = /* @__PURE__ */ y({
+}), z = { class: "flex items-center" }, B = /* @__PURE__ */ y({
 	__name: "LabeledSwitch",
 	props: {
 		checked: { type: Boolean },
@@ -210,16 +227,17 @@ var O = { class: "labeled-field" }, k = {
 	emits: ["update:checked"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (x(), f(M, {
+		return (t, r) => (x(), f(P, {
 			label: e.label,
 			tooltip: e.tooltip,
 			"label-class": e.labelClass,
 			required: e.required
 		}, {
-			default: D(() => [h("div", L, [v(T(c), {
-				checked: e.checked,
-				"onUpdate:checked": r[0] ||= (e) => n("update:checked", e)
-			}, null, 8, ["checked"])])]),
+			default: D(({ controlId: t }) => [h("div", z, [v(T(c), {
+				id: t,
+				"model-value": e.checked,
+				"onUpdate:modelValue": r[0] ||= (e) => n("update:checked", e)
+			}, null, 8, ["id", "model-value"])])]),
 			_: 1
 		}, 8, [
 			"label",
@@ -230,4 +248,4 @@ var O = { class: "labeled-field" }, k = {
 	}
 });
 //#endregion
-export { M as LabeledField, N as LabeledInput, F as LabeledSelect, I as LabeledSlider, R as LabeledSwitch };
+export { P as LabeledField, F as LabeledInput, L as LabeledSelect, R as LabeledSlider, B as LabeledSwitch };

package/dist/metric-badge.js

@@ -1,2 +1,2 @@
-import { t as e } from "./MetricBadge-DmAihkXd.js";
+import { t as e } from "./MetricBadge-BlrdbOGN.js";
 export { e as MetricBadge };

package/dist/metric-stack.js

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 //#endregion
 //#region src/components/custom/metric-stack/MetricStack.vue

package/dist/{minimize-2-LsCJ_eNt.js → minimize-2-BP27-qBY.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+import { t as e } from "./createLucideIcon-DuDoe_ra.js";
 var t = e("maximize-2", [
 	["path", {
 		d: "M15 3h6v6",

package/dist/motion-core.js

@@ -1,57 +1,47 @@
-import { n as e, t } from "./useViewTransition-DYIK6Gzb.js";
-import { t as n } from "./useIntersectionPause-IY2CwPQb.js";
-import { n as r, t as i } from "./constants-DwBwnG8N.js";
-import { computed as a, getCurrentScope as o, onBeforeUnmount as s, onMounted as c, onScopeDispose as l, reactive as u, readonly as d, ref as f, unref as p, watch as m } from "vue";
-//#region src/composables/motion/supportsCssTimeline.ts
-function h(e, t) {
-	return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", e) && !CSS.supports("animation-timeline", t);
-}
-function g() {
-	return h("scroll()", "gl-not-a-real-timeline");
-}
-function _() {
-	return h("view()", "gl-not-a-real-timeline");
-}
-//#endregion
+import { i as e, n as t, r as n, t as r } from "./vReveal-u2wSG2El.js";
+import { n as i, t as a } from "./useViewTransition-D4ssvnXZ.js";
+import { n as o, t as s } from "./useIntersectionPause-DAdVPVp4.js";
+import { n as c, t as l } from "./constants-DsCdlK9I.js";
+import { computed as u, getCurrentScope as d, onBeforeUnmount as f, onMounted as p, onScopeDispose as m, reactive as h, readonly as g, ref as _, unref as v, watch as y } from "vue";
 //#region src/composables/motion/useStaggerReveal.ts
-var v = _();
-function y(e = {}) {
-	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = f([]), o = u({}), c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new Set(), d = v || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+var b = e();
+function x(e = {}) {
+	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = _([]), o = h({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = b || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
 		for (let r of e) {
-			let e = r.target, i = c.get(e);
+			let e = r.target, i = s.get(e);
 			if (i !== void 0) if (r.isIntersecting) {
 				let r = setTimeout(() => {
-					o[i] = !0, l.delete(r);
+					o[i] = !0, c.delete(r);
 				}, t * i);
-				l.add(r), n && d?.unobserve(e);
+				c.add(r), n && l?.unobserve(e);
 			} else n || (o[i] = !1);
 		}
 	}, {
 		rootMargin: r,
 		threshold: i
 	});
-	function p(e, t) {
+	function u(e, t) {
 		if (!e) return;
 		let n = t ?? a.value.length;
-		c.has(e) || (c.set(e, n), a.value.push(e), o[n] = v, d?.observe(e));
+		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = b, l?.observe(e));
 	}
-	return s(() => {
-		d?.disconnect();
-		for (let e of l) clearTimeout(e);
-		l.clear();
+	return f(() => {
+		l?.disconnect();
+		for (let e of c) clearTimeout(e);
+		c.clear();
 	}), {
 		targets: a,
-		register: p,
+		register: u,
 		revealed: o
 	};
 }
 //#endregion
 //#region src/composables/motion/useScrollProgress.ts
-var b = g();
-function x(e) {
-	let { offset: t = 0, trackExit: n = !1 } = e, r = f(0), i = 0, a = null;
+var S = n();
+function C(e) {
+	let { offset: t = 0, trackExit: n = !1 } = e, r = _(0), i = 0, a = null;
 	function o() {
-		let i = p(e.target);
+		let i = v(e.target);
 		if (!i) return;
 		let a = i.getBoundingClientRect(), o = window.innerHeight + t, s = o - (n ? -a.height : 0);
 		if (s === 0) {
@@ -61,30 +51,30 @@ function x(e) {
 		let c = (o - a.top) / s;
 		r.value = Math.max(0, Math.min(1, c));
 	}
-	function l() {
+	function s() {
 		i ||= requestAnimationFrame(() => {
 			i = 0, o();
 		});
 	}
-	return c(() => {
-		if (o(), b) return;
-		window.addEventListener("scroll", l, { passive: !0 }), window.addEventListener("resize", l, { passive: !0 });
-		let t = p(e.target);
-		t && typeof ResizeObserver < "u" && (a = new ResizeObserver(l), a.observe(t));
-	}), b || m(() => p(e.target), (e, t) => {
-		t && a && a.unobserve(t), e && a && a.observe(e), l();
-	}), s(() => {
-		window.removeEventListener("scroll", l), window.removeEventListener("resize", l), i && cancelAnimationFrame(i), a?.disconnect(), a = null;
+	return p(() => {
+		if (o(), S) return;
+		window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s, { passive: !0 });
+		let t = v(e.target);
+		t && typeof ResizeObserver < "u" && (a = new ResizeObserver(s), a.observe(t));
+	}), S || y(() => v(e.target), (e, t) => {
+		t && a && a.unobserve(t), e && a && a.observe(e), s();
+	}), f(() => {
+		window.removeEventListener("scroll", s), window.removeEventListener("resize", s), i && cancelAnimationFrame(i), a?.disconnect(), a = null;
 	}), r;
 }
 //#endregion
 //#region src/composables/motion/useYieldToMain.ts
-function S() {
+function w() {
 	let e = globalThis.scheduler;
 	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
 }
-function C() {
-	let e = S();
+function T() {
+	let e = w();
 	return e ? e() : typeof MessageChannel == "function" ? new Promise((e) => {
 		let t = new MessageChannel();
 		t.port1.onmessage = () => {
@@ -92,138 +82,167 @@ function C() {
 		}, t.port2.postMessage(void 0);
 	}) : new Promise((e) => setTimeout(e, 0));
 }
-function w() {
+function E() {
 	return {
-		hasNativeYield: S() !== null,
-		yield: C
+		hasNativeYield: w() !== null,
+		yield: T
 	};
 }
 //#endregion
 //#region src/composables/motion/useRAFLoop.ts
-var T = "(prefers-reduced-motion: reduce)";
-function E() {
+var D = "(prefers-reduced-motion: reduce)";
+function O() {
 	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
 }
-function D() {
+function k() {
 	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
 }
-function O() {
-	return typeof document > "u" ? null : document;
-}
-function k() {
+function A() {
 	return typeof window > "u" ? null : window;
 }
-function A(e, t = {}) {
-	let { immediate: n = !0, pauseWhenHidden: r = !0, respectReducedMotion: i = !0 } = t, s = f(!1), c = f(!1), u = f(r ? !!O()?.hidden : !1), p = f(!1), m = f(!1), h = a(() => p.value && !s.value && (m.value || u.value || i && c.value || !E())), g = null, _ = null, v = 0, y = 0, b = !1, x = null;
-	function S() {
-		return !b && p.value && !m.value && !u.value && !(i && c.value) && !!E();
-	}
+function j(e, t = {}) {
+	let { immediate: n = !0, pauseWhenHidden: r = !0, respectReducedMotion: i = !0 } = t, a = _(!1), s = _(!1), c = _(!1), l = _(!1), f = _(!1), p = u(() => l.value && !a.value && (f.value || c.value || i && s.value || !O())), h = null, v = null, b = 0, x = 0, S = !1, C = null;
 	function w() {
-		g !== null && (D()?.(g), g = null), s.value = !1, _ = null;
-	}
-	function A() {
-		if (g !== null || !S()) return;
-		let t = E();
-		t && (s.value = !0, g = t((t) => {
-			if (g = null, !S()) {
-				w();
+		return !S && l.value && !f.value && !c.value && !(i && s.value) && !!O();
+	}
+	function E() {
+		h !== null && (k()?.(h), h = null), a.value = !1, v = null;
+	}
+	function j() {
+		if (h !== null || !w()) return;
+		let t = O();
+		t && (a.value = !0, h = t((t) => {
+			if (h = null, !w()) {
+				E();
 				return;
 			}
-			let n = _ === null ? 0 : Math.max(0, t - _);
-			_ = t, v += n, e({
+			let n = v === null ? 0 : Math.max(0, t - v);
+			v = t, b += n, e({
 				now: t,
 				delta: n,
-				elapsed: v,
-				frame: y++
-			}), S() ? A() : w();
+				elapsed: b,
+				frame: x++
+			}), w() ? j() : E();
 		}));
 	}
-	function j() {
-		S() ? A() : w();
-	}
 	function M() {
-		_ = null, v = 0, y = 0;
+		w() ? j() : E();
 	}
 	function N() {
-		b || (M(), p.value = !0, m.value = !1, j());
+		v = null, b = 0, x = 0;
 	}
 	function P() {
-		p.value = !1, m.value = !1, M(), w();
+		S || (N(), l.value = !0, f.value = !1, M());
 	}
 	function F() {
-		p.value && (m.value = !0, j());
+		l.value = !1, f.value = !1, N(), E();
 	}
 	function I() {
-		b || (m.value = !1, j());
+		l.value && (f.value = !0, M());
 	}
 	function L() {
-		u.value = r ? !!O()?.hidden : !1, j();
+		S || (f.value = !1, M());
 	}
-	let R = O();
-	if (R && r && R.addEventListener("visibilitychange", L), i) {
-		let e = k(), t = typeof e?.matchMedia == "function" ? e.matchMedia(T) : null;
+	if (r) {
+		let { hidden: e } = o();
+		c.value = e.value, y(e, (e) => {
+			c.value = e, M();
+		}, { flush: "sync" });
+	}
+	if (i) {
+		let e = A(), t = typeof e?.matchMedia == "function" ? e.matchMedia(D) : null;
 		if (t) {
 			let e = (e) => {
-				c.value = e.matches, j();
+				s.value = e.matches, M();
 			};
-			c.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), x = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), x = () => t.removeListener?.(e));
+			s.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), C = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), C = () => t.removeListener?.(e));
 		}
 	}
-	function z() {
-		b || (b = !0, P(), R?.removeEventListener("visibilitychange", L), x?.(), x = null);
-	}
-	return o() && l(z), n && N(), {
-		isActive: d(s),
-		isPaused: d(h),
-		isReducedMotion: d(c),
-		start: N,
-		stop: P,
-		pause: F,
-		resume: I,
-		dispose: z,
-		yieldToMain: C
+	function R() {
+		S || (S = !0, F(), C?.(), C = null);
+	}
+	return d() && m(R), n && P(), {
+		isActive: g(a),
+		isPaused: g(p),
+		isReducedMotion: g(s),
+		start: P,
+		stop: F,
+		pause: I,
+		resume: L,
+		dispose: R,
+		yieldToMain: T
 	};
 }
 //#endregion
-//#region src/composables/motion/useStagger.ts
-function j() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+//#region src/composables/motion/usePrioritizedTask.ts
+function M() {
+	if (!t()) return null;
+	let e = globalThis.scheduler;
+	return e?.postTask?.bind(e) ?? null;
 }
-function M(e) {
-	let t = Math.max(0, Math.floor(e.items)), n = e.delayMs ?? 80, r = e.initialDelayMs ?? 0, i = e.immediate !== !1, a = e.respectReducedMotion !== !1, o = f(Array(t).fill(!1)), s = f(t === 0), c = /* @__PURE__ */ new Set();
-	function u() {
-		for (let e of c) clearTimeout(e);
-		c.clear();
-	}
-	function d() {
-		u(), o.value = Array(t).fill(!1), s.value = t === 0;
-	}
-	function p() {
-		o.value = Array(t).fill(!0), s.value = !0;
-	}
-	function m() {
-		if (d(), t === 0) {
-			s.value = !0;
-			return;
+function N() {
+	let e = /* @__PURE__ */ Error("The task was aborted.");
+	return e.name = "AbortError", e;
+}
+function P(e) {
+	let t = e.filter((e) => e != null);
+	if (t.length === 0) return;
+	if (t.length === 1) return t[0];
+	if (typeof AbortSignal.any == "function") return AbortSignal.any(t);
+	let n = new AbortController(), r = (e) => n.abort(e.reason);
+	for (let e of t) {
+		if (e.aborted) {
+			n.abort(e.reason);
+			break;
 		}
-		if (a && j()) {
-			p();
+		e.addEventListener("abort", () => r(e), { once: !0 });
+	}
+	return n.signal;
+}
+function F(e, t = {}) {
+	let { priority: n, signal: r, delay: i } = t, a = M();
+	return a ? a(e, {
+		priority: n,
+		signal: r,
+		delay: i
+	}) : new Promise((t, n) => {
+		if (r?.aborted) {
+			n(N());
 			return;
 		}
-		for (let e = 0; e < t; e++) {
-			let i = e, a = setTimeout(() => {
-				let e = o.value.slice();
-				e[i] = !0, o.value = e, c.delete(a), i === t - 1 && (s.value = !0);
-			}, r + i * n);
-			c.add(a);
-		}
-	}
-	return i && m(), l(u), {
-		revealed: o,
-		start: m,
-		reset: d,
-		isComplete: s
+		let a = () => {
+			if (r?.aborted) {
+				n(N());
+				return;
+			}
+			try {
+				t(e());
+			} catch (e) {
+				n(e);
+			}
+		}, o = typeof MessageChannel == "function" ? () => {
+			let e = new MessageChannel();
+			e.port1.onmessage = () => {
+				e.port1.onmessage = null, a();
+			}, e.port2.postMessage(void 0);
+		} : () => setTimeout(a, 0);
+		i && i > 0 ? setTimeout(o, i) : o();
+	});
+}
+function I(e) {
+	let t = globalThis.TaskController;
+	return typeof t == "function" ? new t(e ? { priority: e } : void 0) : null;
+}
+function L(e) {
+	let t = I(e);
+	return {
+		postTask: (n, r = {}) => F(n, {
+			priority: e,
+			...r,
+			signal: P([t?.signal, r.signal])
+		}),
+		abort: (e) => t?.abort(e)
 	};
 }
 //#endregion
-export { i as DAMPING, r as SNAP_THRESHOLD, t as startViewTransition, e as supportsViewTransitions, n as useIntersectionPause, A as useRAFLoop, x as useScrollProgress, M as useStagger, y as useStaggerReveal, w as useYieldToMain, C as yieldToMain };
+export { l as DAMPING, c as SNAP_THRESHOLD, F as postTaskSafe, a as startViewTransition, i as supportsViewTransitions, s as useIntersectionPause, L as usePrioritizedTask, j as useRAFLoop, C as useScrollProgress, x as useStaggerReveal, E as useYieldToMain, r as vReveal, T as yieldToMain };