@mkbabb/glass-ui 3.0.0 → 3.1.0

package/dist/motion-core.js

@@ -1,17 +1,30 @@
-import { t as e } from "./useIntersectionPause-CXYfYg_C.js";
-import { n as t, t as n } from "./constants-D-8FN28s.js";
-import { computed as r, getCurrentScope as i, onBeforeUnmount as a, onMounted as o, onScopeDispose as s, reactive as c, readonly as l, ref as u, unref as d, watch as f } from "vue";
+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
 //#region src/composables/motion/useStaggerReveal.ts
-function p(e = {}) {
-	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, o = u([]), s = c({}), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new Set(), f = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+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) => {
 		for (let r of e) {
-			let e = r.target, i = l.get(e);
+			let e = r.target, i = c.get(e);
 			if (i !== void 0) if (r.isIntersecting) {
 				let r = setTimeout(() => {
-					s[i] = !0, d.delete(r);
+					o[i] = !0, l.delete(r);
 				}, t * i);
-				d.add(r), n && f?.unobserve(e);
-			} else n || (s[i] = !1);
+				l.add(r), n && d?.unobserve(e);
+			} else n || (o[i] = !1);
 		}
 	}, {
 		rootMargin: r,
@@ -19,25 +32,26 @@ function p(e = {}) {
 	});
 	function p(e, t) {
 		if (!e) return;
-		let n = t ?? o.value.length;
-		l.has(e) || (l.set(e, n), o.value.push(e), s[n] = !1, f?.observe(e));
+		let n = t ?? a.value.length;
+		c.has(e) || (c.set(e, n), a.value.push(e), o[n] = v, d?.observe(e));
 	}
-	return a(() => {
-		f?.disconnect();
-		for (let e of d) clearTimeout(e);
-		d.clear();
+	return s(() => {
+		d?.disconnect();
+		for (let e of l) clearTimeout(e);
+		l.clear();
 	}), {
-		targets: o,
+		targets: a,
 		register: p,
-		revealed: s
+		revealed: o
 	};
 }
 //#endregion
 //#region src/composables/motion/useScrollProgress.ts
-function m(e) {
-	let { offset: t = 0, trackExit: n = !1 } = e, r = u(0), i = 0, s = null;
-	function c() {
-		let i = d(e.target);
+var b = g();
+function x(e) {
+	let { offset: t = 0, trackExit: n = !1 } = e, r = f(0), i = 0, a = null;
+	function o() {
+		let i = p(e.target);
 		if (!i) return;
 		let a = i.getBoundingClientRect(), o = window.innerHeight + t, s = o - (n ? -a.height : 0);
 		if (s === 0) {
@@ -49,144 +63,167 @@ function m(e) {
 	}
 	function l() {
 		i ||= requestAnimationFrame(() => {
-			i = 0, c();
+			i = 0, o();
 		});
 	}
-	return o(() => {
-		c(), window.addEventListener("scroll", l, { passive: !0 }), window.addEventListener("resize", l, { passive: !0 });
-		let t = d(e.target);
-		t && typeof ResizeObserver < "u" && (s = new ResizeObserver(l), s.observe(t));
-	}), f(() => d(e.target), (e, t) => {
-		t && s && s.unobserve(t), e && s && s.observe(e), l();
-	}), a(() => {
-		window.removeEventListener("scroll", l), window.removeEventListener("resize", l), i && cancelAnimationFrame(i), s?.disconnect(), s = null;
+	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;
 	}), r;
 }
 //#endregion
+//#region src/composables/motion/useYieldToMain.ts
+function S() {
+	let e = globalThis.scheduler;
+	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
+}
+function C() {
+	let e = S();
+	return e ? e() : typeof MessageChannel == "function" ? new Promise((e) => {
+		let t = new MessageChannel();
+		t.port1.onmessage = () => {
+			t.port1.onmessage = null, e();
+		}, t.port2.postMessage(void 0);
+	}) : new Promise((e) => setTimeout(e, 0));
+}
+function w() {
+	return {
+		hasNativeYield: S() !== null,
+		yield: C
+	};
+}
+//#endregion
 //#region src/composables/motion/useRAFLoop.ts
-var h = "(prefers-reduced-motion: reduce)";
-function g() {
+var T = "(prefers-reduced-motion: reduce)";
+function E() {
 	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
 }
-function _() {
+function D() {
 	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
 }
-function v() {
+function O() {
 	return typeof document > "u" ? null : document;
 }
-function y() {
+function k() {
 	return typeof window > "u" ? null : window;
 }
-function b(e, t = {}) {
-	let { immediate: n = !0, pauseWhenHidden: a = !0, respectReducedMotion: o = !0 } = t, c = u(!1), d = u(!1), f = u(a ? !!v()?.hidden : !1), p = u(!1), m = u(!1), b = r(() => p.value && !c.value && (m.value || f.value || o && d.value || !g())), x = null, S = null, C = 0, w = 0, T = !1, E = null;
-	function D() {
-		return !T && p.value && !m.value && !f.value && !(o && d.value) && !!g();
-	}
-	function O() {
-		x !== null && (_()?.(x), x = null), c.value = !1, S = null;
-	}
-	function k() {
-		if (x !== null || !D()) return;
-		let t = g();
-		t && (c.value = !0, x = t((t) => {
-			if (x = null, !D()) {
-				O();
+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 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;
 			}
-			let n = S === null ? 0 : Math.max(0, t - S);
-			S = t, C += n, e({
+			let n = _ === null ? 0 : Math.max(0, t - _);
+			_ = t, v += n, e({
 				now: t,
 				delta: n,
-				elapsed: C,
-				frame: w++
-			}), D() ? k() : O();
+				elapsed: v,
+				frame: y++
+			}), S() ? A() : w();
 		}));
 	}
-	function A() {
-		D() ? k() : O();
-	}
 	function j() {
-		S = null, C = 0, w = 0;
+		S() ? A() : w();
 	}
 	function M() {
-		T || (j(), p.value = !0, m.value = !1, A());
+		_ = null, v = 0, y = 0;
 	}
 	function N() {
-		p.value = !1, m.value = !1, j(), O();
+		b || (M(), p.value = !0, m.value = !1, j());
 	}
 	function P() {
-		p.value && (m.value = !0, A());
+		p.value = !1, m.value = !1, M(), w();
 	}
 	function F() {
-		T || (m.value = !1, A());
+		p.value && (m.value = !0, j());
 	}
 	function I() {
-		f.value = a ? !!v()?.hidden : !1, A();
+		b || (m.value = !1, j());
+	}
+	function L() {
+		u.value = r ? !!O()?.hidden : !1, j();
 	}
-	let L = v();
-	if (L && a && L.addEventListener("visibilitychange", I), o) {
-		let e = y(), t = typeof e?.matchMedia == "function" ? e.matchMedia(h) : null;
+	let R = O();
+	if (R && r && R.addEventListener("visibilitychange", L), i) {
+		let e = k(), t = typeof e?.matchMedia == "function" ? e.matchMedia(T) : null;
 		if (t) {
 			let e = (e) => {
-				d.value = e.matches, A();
+				c.value = e.matches, j();
 			};
-			d.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), E = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), E = () => t.removeListener?.(e));
+			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));
 		}
 	}
-	function R() {
-		T || (T = !0, N(), L?.removeEventListener("visibilitychange", I), E?.(), E = null);
-	}
-	return i() && s(R), n && M(), {
-		isActive: l(c),
-		isPaused: l(b),
-		isReducedMotion: l(d),
-		start: M,
-		stop: N,
-		pause: P,
-		resume: F,
-		dispose: R
+	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
 	};
 }
 //#endregion
 //#region src/composables/motion/useStagger.ts
-function x() {
+function j() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function S(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 = u(Array(t).fill(!1)), c = u(t === 0), l = /* @__PURE__ */ new Set();
-	function d() {
-		for (let e of l) clearTimeout(e);
-		l.clear();
+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 f() {
-		d(), o.value = Array(t).fill(!1), c.value = t === 0;
+	function d() {
+		u(), o.value = Array(t).fill(!1), s.value = t === 0;
 	}
 	function p() {
-		o.value = Array(t).fill(!0), c.value = !0;
+		o.value = Array(t).fill(!0), s.value = !0;
 	}
 	function m() {
-		if (f(), t === 0) {
-			c.value = !0;
+		if (d(), t === 0) {
+			s.value = !0;
 			return;
 		}
-		if (a && x()) {
+		if (a && j()) {
 			p();
 			return;
 		}
 		for (let e = 0; e < t; e++) {
 			let i = e, a = setTimeout(() => {
 				let e = o.value.slice();
-				e[i] = !0, o.value = e, l.delete(a), i === t - 1 && (c.value = !0);
+				e[i] = !0, o.value = e, c.delete(a), i === t - 1 && (s.value = !0);
 			}, r + i * n);
-			l.add(a);
+			c.add(a);
 		}
 	}
-	return i && m(), s(d), {
+	return i && m(), l(u), {
 		revealed: o,
 		start: m,
-		reset: f,
-		isComplete: c
+		reset: d,
+		isComplete: s
 	};
 }
 //#endregion
-export { n as DAMPING, t as SNAP_THRESHOLD, e as useIntersectionPause, b as useRAFLoop, m as useScrollProgress, S as useStagger, p as useStaggerReveal };
+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 };

package/dist/motion.js

@@ -1,6 +1,6 @@
-import { n as e, t } from "./useSpringMount-BTRBNzXP.js";
-import { n, t as r } from "./constants-D-8FN28s.js";
-import { t as i } from "./useAnimatedNumber-2l13GibX.js";
+import { n as e, t } from "./useSpringMount-Cfk1XK1R.js";
+import { n, t as r } from "./constants-DwBwnG8N.js";
+import { t as i } from "./useAnimatedNumber-DKQYVB7s.js";
 import { computed as a, onBeforeUnmount as o, ref as s, shallowRef as c } from "vue";
 import { NumericAnimation as l } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useSpringPress.ts

package/dist/notification.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Notification-D97JO0fK.js";
+import { t as e } from "./Notification-OqIpADml.js";
 export { e as Notification };

package/dist/number-field.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/number-field";

package/dist/number-field.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, r, t as i } from "./NumberFieldContent-DTH9gb_N.js";
+export { e as NumberField, i as NumberFieldContent, n as NumberFieldDecrement, r as NumberFieldIncrement, t as NumberFieldInput };

package/dist/paper-backdrop.js

@@ -1,2 +1,2 @@
-import { t as e } from "./PaperBackdrop-Bc2drCqJ.js";
+import { t as e } from "./PaperBackdrop-CeZ-w0R0.js";
 export { e as PaperBackdrop };

package/dist/popover.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./PopoverContent-BCH4eYs8.js";
+import { n as e, r as t, t as n } from "./PopoverContent-EiklFrna.js";
 export { t as Popover, n as PopoverContent, e as PopoverTrigger };

package/dist/progress.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Progress-CCH-2UBR.js";
+import { t as e } from "./Progress-FApA9fm_.js";
 export { e as Progress };

package/dist/pulse.js

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, unref as d } from "vue";
 //#region src/components/custom/pulse/Pulse.vue?vue&type=script&setup=true&lang.ts
 var f = {

package/dist/reactive.js

@@ -1,3 +1,3 @@
-import { t as e } from "./useTimer-lp5NlH4w.js";
-import { t } from "./useInterval-COlTCeVa.js";
+import { t as e } from "./useTimer-NAaj9zNq.js";
+import { t } from "./useInterval-DVgGUf_y.js";
 export { t as useInterval, e as useTimer };

package/dist/responsive-tabs.js

@@ -1,6 +1,6 @@
 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-BwTexKeY.js";
-import { t as o } from "./UnderlineTabs-BtrUcXn-.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 "./UnderlineTabs-DAWMLmJG.js";
 import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
 //#endregion
 //#region src/components/custom/responsive-tabs/ResponsiveTabs.vue
@@ -68,7 +68,7 @@ var C = /* @__PURE__ */ p({
 			"model-value": p.modelValue,
 			"onUpdate:modelValue": j
 		}, {
-			default: S(() => [f(x(t), { class: m(x(e)("text-small w-auto min-w-input-sm", p.mobileTriggerClass)) }, {
+			default: S(() => [f(x(t), { class: m(x(e)("responsive-tabs__trigger text-small w-auto min-w-input-sm", p.mobileTriggerClass)) }, {
 				default: S(() => [f(x(r))]),
 				_: 1
 			}, 8, ["class"]), f(x(n), null, {

package/dist/scrolling-text.js

@@ -1,2 +1,2 @@
-import { t as e } from "./ScrollingText-7P8skg5W.js";
+import { t as e } from "./ScrollingText-BFd0i2zJ.js";
 export { e as ScrollingText };

package/dist/{search-7XEx_6hq.js → search-DBAiUABx.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-rHu18UQW.js";
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
 var t = e("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"

package/dist/search.js

@@ -1,11 +1,11 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t, t as n } from "./minimize-2-C_oyKVwZ.js";
-import { t as r } from "./search-7XEx_6hq.js";
-import { t as i } from "./x-Cb3NE2Ne.js";
-import { n as a } from "./badge-BbxVKZfw.js";
-import { n as o } from "./button-BlOW34DT.js";
-import { n as s, t as c } from "./DialogContent-DSo7PKlU.js";
-import { n as l, r as u, t as d } from "./PopoverContent-BCH4eYs8.js";
+import { n as t, t as n } from "./minimize-2-LsCJ_eNt.js";
+import { t as r } from "./search-DBAiUABx.js";
+import { t as i } from "./x-q7pJa83X.js";
+import { n as a } from "./badge-x46my_Fo.js";
+import { n as o } from "./button-C0aHmBbt.js";
+import { n as s, t as c } from "./DialogContent-2fALDSvc.js";
+import { n as l, r as u, t as d } from "./PopoverContent-EiklFrna.js";
 import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, nextTick as x, normalizeClass as S, onScopeDispose as C, openBlock as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as O, toDisplayString as k, unref as A, watch as j, withCtx as M } from "vue";
 //#region src/components/custom/search/composables/fuzzySearchIndex.ts
 function N(e, t) {

package/dist/select.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-BwTexKeY.js";
-import { t as s } from "./SelectGroup-O69GTQ77.js";
-import { n as c, t as l } from "./SelectSeparator-GTHxKO0a.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-Dth8-wXQ.js";
+import { t as s } from "./SelectGroup-DdR4tdDY.js";
+import { n as c, t as l } from "./SelectSeparator-CXm_hlqA.js";
 export { a as Select, t as SelectContent, s as SelectGroup, i as SelectItem, c as SelectLabel, o as SelectScrollDownButton, n as SelectScrollUpButton, l as SelectSeparator, e as SelectTrigger, r as SelectValue };

package/dist/separator.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Separator-_NCypg_C.js";
+import { t as e } from "./Separator-D8AUMhxY.js";
 export { e as Separator };