@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/useRAFLoop-B3YlWK4M.js

@@ -1,98 +0,0 @@
-import { n as e } from "./useReducedMotion-vCXA_vyM.js";
-import { t } from "./useDocumentVisibility-Dh_TGXsU.js";
-import { computed as n, getCurrentScope as r, onScopeDispose as i, readonly as a, ref as o, watch as s } from "vue";
-//#region src/composables/motion/core/useYieldToMain.ts
-function c() {
-	let e = globalThis.scheduler;
-	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
-}
-function l() {
-	let e = c();
-	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 u() {
-	return {
-		hasNativeYield: c() !== null,
-		yield: l
-	};
-}
-//#endregion
-//#region src/composables/motion/core/useRAFLoop.ts
-function d() {
-	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
-}
-function f() {
-	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
-}
-function p(c, u = {}) {
-	let { immediate: p = !0, pauseWhenHidden: m = !0, respectReducedMotion: h = !0 } = u, g = o(!1), _ = h ? e() : o(!1), v = n(() => _.value), y = o(!1), b = o(!1), x = o(!1), S = n(() => b.value && !g.value && (x.value || y.value || v.value || !d())), C = null, w = null, T = 0, E = 0, D = !1, O = null, k = null, A = null;
-	function j() {
-		return !D && b.value && !x.value && !y.value && !v.value && !!d();
-	}
-	function M() {
-		C !== null && (f()?.(C), C = null), g.value = !1, w = null;
-	}
-	function N() {
-		if (C !== null || !j()) return;
-		let e = d();
-		e && (g.value = !0, C = e((e) => {
-			if (C = null, !j()) {
-				M();
-				return;
-			}
-			let t = w === null ? 0 : Math.max(0, e - w);
-			w = e, T += t, c({
-				now: e,
-				delta: t,
-				elapsed: T,
-				frame: E++
-			}), j() ? N() : M();
-		}));
-	}
-	function P() {
-		j() ? N() : M();
-	}
-	function F() {
-		w = null, T = 0, E = 0;
-	}
-	function I() {
-		D || (F(), b.value = !0, x.value = !1, P());
-	}
-	function L() {
-		b.value = !1, x.value = !1, F(), M();
-	}
-	function R() {
-		b.value && (x.value = !0, P());
-	}
-	function z() {
-		D || (x.value = !1, P());
-	}
-	if (m) {
-		let e = t(), { hidden: n } = e;
-		A = e.dispose, y.value = n.value, k = s(n, (e) => {
-			y.value = e, P();
-		}, { flush: "sync" });
-	}
-	O = s(v, P, { flush: "sync" });
-	function B() {
-		D || (D = !0, L(), k?.(), k = null, A?.(), A = null, O?.(), O = null);
-	}
-	return r() && i(B), p && I(), {
-		isActive: a(g),
-		isPaused: a(S),
-		isReducedMotion: v,
-		start: I,
-		stop: L,
-		pause: R,
-		resume: z,
-		dispose: B,
-		yieldToMain: l
-	};
-}
-//#endregion
-export { u as n, l as r, p as t };

package/dist/useResolveTokenColor-B2FfJnd9.js

@@ -1,24 +0,0 @@
-//#region src/composables/dom/useResolveTokenColor.ts
-function e(e, t) {
-	if (!e.includes("var(") || typeof window > "u" || !t) return e;
-	let n = t.style.color;
-	t.style.color = e;
-	let r = getComputedStyle(t).color;
-	return t.style.color = n, r || e;
-}
-function t(t = 256) {
-	let n = /* @__PURE__ */ new Map();
-	return {
-		resolve(r, i) {
-			let a = n.get(r);
-			if (a !== void 0) return a;
-			let o = e(r, i);
-			return n.size >= t && n.clear(), n.set(r, o), o;
-		},
-		invalidate() {
-			n.clear();
-		}
-	};
-}
-//#endregion
-export { e as n, t };

package/dist/useScrollProgress-CSFYXIZT.js

@@ -1,43 +0,0 @@
-import { t as e } from "./supportsCssTimeline-C2zyWpl8.js";
-import { onBeforeUnmount as t, onMounted as n, ref as r, unref as i, watch as a } from "vue";
-//#region src/composables/motion/scroll/useScrollProgress.ts
-var o = e();
-function s(e) {
-	let { offset: s = 0, trackExit: c = !1 } = e, l = r(0), u = e.reactive === !0 || !o, d = 0, f = null, p = !1, m = !1, h = () => i(e.enabled ?? !0);
-	function g() {
-		let t = i(e.target);
-		if (!t) return;
-		let n = t.getBoundingClientRect(), r = window.innerHeight + s, a = r - (c ? -n.height : 0);
-		if (a === 0) {
-			l.value = 0;
-			return;
-		}
-		let o = (r - n.top) / a;
-		l.value = Math.max(0, Math.min(1, o));
-	}
-	function _() {
-		!h() || d || (d = requestAnimationFrame(() => {
-			d = 0, g();
-		}));
-	}
-	function v() {
-		if (!p || m || !u || !h()) return;
-		m = !0, g(), window.addEventListener("scroll", _, { passive: !0 }), window.addEventListener("resize", _, { passive: !0 });
-		let t = i(e.target);
-		t && typeof ResizeObserver < "u" && (f = new ResizeObserver(_), f.observe(t));
-	}
-	function y() {
-		m && (m = !1, window.removeEventListener("scroll", _), window.removeEventListener("resize", _)), d && cancelAnimationFrame(d), d = 0, f?.disconnect(), f = null;
-	}
-	return n(() => {
-		p = !0, u ? v() : h() && g();
-	}), a(() => i(e.target), (e, t) => {
-		t && f && f.unobserve(t), e && f && f.observe(e), m ? _() : h() && g();
-	}), a(() => h(), (e) => {
-		e ? u ? v() : g() : y();
-	}), t(() => {
-		p = !1, y();
-	}), l;
-}
-//#endregion
-export { s as t };

package/dist/useSelectionGroup-B5XplBbo.js

@@ -1,132 +0,0 @@
-import { n as e } from "./useReducedMotion-vCXA_vyM.js";
-import { t } from "./useScrollTrigger-BDdqptlc.js";
-import { t as n } from "./asElement-CRnm6A2v.js";
-import { a as r, t as i } from "./useTabRovingFocus-YnWh-Ytr.js";
-import { computed as a, onBeforeUnmount as o, ref as s, toValue as c, watch as l } from "vue";
-//#region src/composables/motion/scroll/useScrollChrome.ts
-function u(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function d(r, i = {}) {
-	let { collapseOnScroll: a = !1, flipDeltaPx: d = 8, velocityGate: f, snapMidpoint: p = .5, collapseRangePx: m = 116, chromeRef: h, respectReducedMotion: g = !0, scrollStopMs: _ = 140 } = i, v = s(0), y = s(!1), b = g ? e() : s(!1), x = null, S = null, C = !1;
-	function w() {
-		if (h == null) return null;
-		let e = c(h), t = n(e);
-		return t == null && e != null && !C && (C = !0, console.warn("[useScrollChrome] chromeRef resolved to a non-element (a fragment-root component exposes a non-element `$el`); `--chrome-collapse-t` will not paint. Pass an element ref or expose the component's root element.")), t;
-	}
-	function T(e) {
-		let t = b.value ? +(e >= p) : u(e);
-		v.value = t, y.value = t >= p, w()?.style.setProperty("--chrome-collapse-t", String(t));
-	}
-	function E() {
-		x && clearTimeout(x), x = setTimeout(() => {
-			x = null;
-			let e = +(v.value >= p);
-			S = null, T(e);
-		}, _);
-	}
-	let { direction: D, velocity: O, recalculate: k } = t(r, {
-		flipDeltaPx: d,
-		trackProgress: !1,
-		respectReducedMotion: g,
-		onCross: () => {}
-	});
-	function A(e, t, n) {
-		if (!a || e == null) return;
-		if (f != null && Math.abs(n) >= f) {
-			S = null, T(+(e === "down")), E();
-			return;
-		}
-		S ??= t - v.value * m;
-		let r = m > 0 ? m : 1;
-		T((t - S) / r), E();
-	}
-	function j() {
-		let e = c(r);
-		return e instanceof HTMLElement ? e.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
-	}
-	l(() => D.value, () => {
-		S = null;
-	});
-	let M = l(b, () => T(v.value), { flush: "sync" });
-	l(() => O.value, (e) => {
-		A(D.value, j(), e);
-	});
-	function N() {
-		k(), S = null, T(v.value);
-	}
-	return o(() => {
-		x && clearTimeout(x), x = null, M();
-	}), {
-		collapseT: v,
-		collapsed: y,
-		direction: D,
-		recalculate: N
-	};
-}
-//#endregion
-//#region src/composables/motion/morph/useSelectionGroup.ts
-function f(e, t) {
-	return e == null ? t : typeof e == "object" && "value" in e ? e.value : e;
-}
-function p(e) {
-	let { options: t, model: n, containerRef: o, buttonRefs: s, indicatorRef: c, vertical: l } = e, u = a(() => f(e.mode, "single")), d = a(() => f(e.role, u.value === "multiple" ? "group" : "radiogroup")), p = a(() => l?.value ?? !1), m = a(() => f(e.activation, "automatic")), h = a(() => {
-		let e = n.value;
-		return e == null ? [] : Array.isArray(e) ? e : [e];
-	});
-	function g(e) {
-		return h.value.includes(e);
-	}
-	let _ = a(() => h.value[0]), { singleSliderStyle: v, squishOnTravel: y } = r({
-		containerRef: o,
-		indicatorRef: c ?? { value: null },
-		buttonRefs: s,
-		options: t,
-		model: _,
-		activeValues: h,
-		vertical: p
-	});
-	function b(e, r) {
-		if (!t.value[r]?.disabled) {
-			if (u.value === "multiple") {
-				let t = Array.isArray(n.value) ? [...n.value] : [], r = t.indexOf(e);
-				r >= 0 ? t.splice(r, 1) : t.push(e), n.value = t;
-			} else n.value = e;
-			y(r), s.value[r]?.scrollIntoView({
-				inline: "nearest",
-				block: "nearest"
-			});
-		}
-	}
-	let { rovingTabindex: x, onStripKeydown: S } = i({
-		stripOptions: t,
-		stripValue: _,
-		isVertical: p,
-		activation: m,
-		buttonRefs: s,
-		select: b
-	});
-	function C(e) {
-		let t = g(e), n = d.value;
-		return n === "radiogroup" ? {
-			role: "radio",
-			"aria-checked": t ? "true" : "false"
-		} : n === "tablist" ? {
-			role: "tab",
-			"aria-selected": t ? "true" : "false"
-		} : { "aria-pressed": t ? "true" : "false" };
-	}
-	return {
-		activeValues: h,
-		isSelected: g,
-		select: b,
-		rovingTabindex: x,
-		onKeydown: S,
-		singleSliderStyle: v,
-		squishOnTravel: y,
-		groupRole: d,
-		itemAttrs: C
-	};
-}
-//#endregion
-export { d as n, p as t };

package/dist/useTabRovingFocus-YnWh-Ytr.js

@@ -1,169 +0,0 @@
-import { t as e } from "./useLiquidFlex-TJZmRqyY.js";
-import { n as t, r as n } from "./writeVelocityWeight-DoGOCW3e.js";
-import { computed as r, nextTick as i, onMounted as a, onUnmounted as o, ref as s, watch as c } from "vue";
-//#region src/composables/motion/morph/useSelectionIndicator.ts
-var l = 1.11, u = 1.045, d = .82;
-function f(r) {
-	let { containerRef: f, indicatorRef: p, buttonRefs: m, options: h, model: g, activeValues: _, vertical: v } = r, y = s({
-		left: "0px",
-		top: "0px",
-		width: "0px",
-		height: "0px",
-		translate: "0px 0px",
-		opacity: "0"
-	});
-	function b() {
-		let e = h.value.findIndex((e) => e.value === g.value), t = f.value;
-		if (e < 0) {
-			y.value = {
-				...y.value,
-				opacity: "0"
-			};
-			return;
-		}
-		if (!t || !m.value[e]) {
-			y.value = {
-				...y.value,
-				opacity: "0"
-			};
-			return;
-		}
-		let n = m.value[e], r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = i.left - r.left - t.clientLeft + t.scrollLeft, o = i.top - r.top - t.clientTop + t.scrollTop;
-		y.value = {
-			left: "0px",
-			top: "0px",
-			width: `${i.width}px`,
-			height: `${i.height}px`,
-			translate: `${a}px ${o}px`,
-			opacity: "1"
-		};
-	}
-	function x() {
-		b();
-	}
-	let S = -1, C = null, w = l, T = e({
-		from: 0,
-		to: 0,
-		axis: "width",
-		squishLaw: "linear",
-		maxStretch: () => w
-	}), E = u, D = e({
-		from: 1,
-		to: () => E,
-		axis: "width",
-		squishLaw: "linear"
-	});
-	function O() {
-		return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-	}
-	function k(e) {
-		let t = getComputedStyle(e).getPropertyValue("--tab-indicator-duration").trim();
-		return t ? t.endsWith("ms") ? Number.parseFloat(t) || 340 : t.endsWith("s") ? (Number.parseFloat(t) || .34) * 1e3 : Number.parseFloat(t) || 340 : 340;
-	}
-	function A(e) {
-		let r = p.value;
-		if (!r) {
-			S = e;
-			return;
-		}
-		if (O()) {
-			S = e;
-			return;
-		}
-		let i = m.value[S], a = m.value[e];
-		if (S = e, !i || !a) return;
-		let o = f.value?.getBoundingClientRect(), s = i.getBoundingClientRect(), c = a.getBoundingClientRect(), l = v.value ? o?.height || 1 : o?.width || 1, u = v.value ? Math.abs(c.top + c.height / 2 - (s.top + s.height / 2)) : Math.abs(c.left + c.width / 2 - (s.left + s.width / 2)), h = l > 0 ? Math.min(u / l, 1) : 0, g = getComputedStyle(r), _ = g.getPropertyValue("--tab-indicator-max-stretch").trim();
-		w = t(r, Number(_) || 1.11), T.squish(h);
-		let y = g.getPropertyValue("--tab-indicator-blob-max").trim(), b = Number(y) || 1.045, x = Math.sqrt(1.14), A = t(r, b);
-		E = A > x ? x : A, n(r, T.flexVel.value), C && clearTimeout(C), r.style.setProperty("--stretch", String(T.stretch.value)), D.drive(1), r.style.setProperty("--tab-blob", String(D.size.value));
-		let j = k(r) * d;
-		C = setTimeout(() => {
-			T.squish(0), r.style.setProperty("--stretch", String(T.stretch.value)), D.drive(0), r.style.setProperty("--tab-blob", String(D.size.value)), n(r, 0), C = null;
-		}, j);
-	}
-	c(() => g.value, () => i(x)), c(() => h.value, () => i(x), { deep: !0 }), c(() => v.value, () => i(x));
-	let j = null;
-	return c(f, (e) => {
-		j?.disconnect(), e ? (j = new ResizeObserver(x), j.observe(e), i(x)) : x();
-	}, { flush: "post" }), a(() => {
-		S = h.value.findIndex((e) => _.value.includes(e.value)), i(x);
-	}), o(() => {
-		j?.disconnect(), C && clearTimeout(C);
-	}), {
-		singleSliderStyle: y,
-		squishOnTravel: A
-	};
-}
-//#endregion
-//#region src/components/tabs/composables/useTabRovingFocus.ts
-function p(e) {
-	let { stripOptions: t, stripValue: n, isVertical: i, activation: a, buttonRefs: o, select: l } = e, u = r(() => {
-		let e = t.value.findIndex((e) => e.value === n.value);
-		return e >= 0 && !t.value[e]?.disabled ? e : t.value.findIndex((e) => !e.disabled);
-	}), d = s(u.value);
-	c(r(() => [n.value ?? "", ...t.value.map((e) => `${e.value}:${e.disabled ? "1" : "0"}`)].join("\0")), () => {
-		let e = typeof document > "u" ? null : document.activeElement, n = o.value.findIndex((n, r) => n === e && !t.value[r]?.disabled);
-		d.value = n >= 0 ? n : u.value;
-	}, { flush: "post" });
-	let f = r(() => a.value === "manual" && d.value >= 0 && !t.value[d.value]?.disabled ? d.value : u.value);
-	function p(e) {
-		return e === f.value ? 0 : -1;
-	}
-	function m(e) {
-		let n = t.value[e];
-		!n || n.disabled || (d.value = e, o.value[e]?.focus(), a.value === "automatic" && l(n.value, e));
-	}
-	function h(e, n) {
-		let r = t.value.length;
-		if (r !== 0) for (let i = 1; i <= r; i++) {
-			let a = (e + n * i + r * i) % r, o = t.value[a];
-			if (o && !o.disabled) {
-				m(a);
-				return;
-			}
-		}
-	}
-	function g(e) {
-		let n = t.value.length, r = e === "first" ? Array.from({ length: n }, (e, t) => t) : Array.from({ length: n }, (e, t) => n - 1 - t);
-		for (let e of r) {
-			let n = t.value[e];
-			if (n && !n.disabled) {
-				m(e);
-				return;
-			}
-		}
-	}
-	function _(e) {
-		let n = o.value.indexOf(e.target), r = n >= 0 && !t.value[n]?.disabled ? n : f.value, s = i.value ? "ArrowDown" : "ArrowRight", c = i.value ? "ArrowUp" : "ArrowLeft", u = e.currentTarget, p = u ? getComputedStyle(u).direction : "", m = u?.closest("[dir]")?.getAttribute("dir")?.toLowerCase(), _ = !i.value && (p === "rtl" || m === "rtl") ? -1 : 1;
-		switch (e.key) {
-			case s:
-				e.preventDefault(), h(r, _);
-				break;
-			case c:
-				e.preventDefault(), h(r, _ === 1 ? -1 : 1);
-				break;
-			case "Home":
-				e.preventDefault(), g("first");
-				break;
-			case "End":
-				e.preventDefault(), g("last");
-				break;
-			case "Enter":
-			case " ": {
-				if (a.value !== "manual") break;
-				e.preventDefault();
-				let n = t.value[r];
-				n && !n.disabled && (d.value = r, l(n.value, r));
-				break;
-			}
-			default: break;
-		}
-	}
-	return {
-		activeIndex: u,
-		rovingTabindex: p,
-		onStripKeydown: _
-	};
-}
-//#endregion
-export { f as a, d as i, u as n, l as r, p as t };

package/dist/useTextHighlight-mfwNIC1f.js

@@ -1,112 +0,0 @@
-import { getCurrentScope as e, onScopeDispose as t } from "vue";
-//#region src/composables/motion/core/useViewTransition.ts
-function n() {
-	return typeof document < "u" && typeof document.startViewTransition == "function";
-}
-function r() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function i() {
-	return typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("selector(:active-view-transition-type(glass))");
-}
-function a(e) {
-	return {
-		finished: (async () => e())().then(() => void 0, () => void 0),
-		transitioned: !1
-	};
-}
-function o(e, t) {
-	let n = typeof document > "u" ? void 0 : document;
-	if (!n || typeof n.startViewTransition != "function" || r()) return a(e);
-	let o;
-	try {
-		o = t?.types?.length && i() ? n.startViewTransition({
-			update: e,
-			types: t.types
-		}) : n.startViewTransition(e);
-	} catch {
-		return a(e);
-	}
-	return o.ready?.catch(() => {}), {
-		finished: o.finished.then(() => void 0, () => void 0),
-		transitioned: !0
-	};
-}
-//#endregion
-//#region src/composables/motion/reveal/vReveal.ts
-function s(e, t) {
-	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
-}
-var c = {
-	mounted: s,
-	updated: s
-}, l = /* @__PURE__ */ new Map();
-function u() {
-	return typeof CSS < "u" && "highlights" in CSS && typeof globalThis.Highlight == "function";
-}
-function d(e) {
-	let t = l.get(e);
-	if (!t || t.size === 0) {
-		CSS.highlights.delete(e);
-		return;
-	}
-	let n = new Highlight();
-	for (let e of t) for (let t of e.ranges) n.add(t);
-	CSS.highlights.set(e, n);
-}
-function f(e, t) {
-	let n = t.trim().toLowerCase();
-	if (!n) return [];
-	let r = e.toLowerCase(), i = [], a = 0;
-	for (;;) {
-		let e = r.indexOf(n, a);
-		if (e === -1) break;
-		i.push({
-			start: e,
-			end: e + n.length
-		}), a = e + n.length;
-	}
-	return i;
-}
-function p(n) {
-	let r = u(), i = null;
-	function a() {
-		if (i) return i;
-		i = { ranges: [] };
-		let e = l.get(n);
-		return e || (e = /* @__PURE__ */ new Set(), l.set(n, e)), e.add(i), i;
-	}
-	function o(e) {
-		r && (a().ranges = e.slice(), d(n));
-	}
-	function s(e, t, n = f) {
-		if (!r) return;
-		let i = [], a = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
-		for (let e = a.nextNode(); e; e = a.nextNode()) {
-			let r = e.textContent ?? "";
-			if (r) for (let a of n(r, t)) {
-				if (a.start >= a.end) continue;
-				let t = document.createRange();
-				t.setStart(e, a.start), t.setEnd(e, a.end), i.push(t);
-			}
-		}
-		o(i);
-	}
-	function c() {
-		!r || !i || (i.ranges = [], d(n));
-	}
-	function p() {
-		if (!r || !i) return;
-		l.get(n)?.delete(i), d(n);
-		let e = l.get(n);
-		e && e.size === 0 && l.delete(n), i = null;
-	}
-	return e() && t(p), {
-		set: o,
-		setFromMatches: s,
-		clear: c,
-		supported: r
-	};
-}
-//#endregion
-export { n as i, c as n, o as r, p as t };

package/dist/useUserInvalidAria-0GNrddMX.js

@@ -1,25 +0,0 @@
-//#region src/composables/dom/useUserInvalidAria.ts
-function e(e = {}) {
-	return { bind: (e) => {
-		let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
-			let t = e;
-			if (!t?.checkValidity) return;
-			let n = t.checkValidity();
-			t.setAttribute("aria-invalid", n ? "false" : "true");
-		}, r = (e) => {
-			let r = e.target;
-			r?.checkValidity && (t.add(r), n(r));
-		}, i = (e) => {
-			let r = e.target;
-			!r?.checkValidity || !t.has(r) || r.checkValidity() && n(r);
-		}, a = () => {
-			let r = e.querySelectorAll("input, textarea, select");
-			for (let e of r) e.checkValidity && (t.add(e), n(e));
-		};
-		return e.addEventListener("blur", r, !0), e.addEventListener("input", i, !0), e.addEventListener("submit", a, !0), () => {
-			e.removeEventListener("blur", r, !0), e.removeEventListener("input", i, !0), e.removeEventListener("submit", a, !0);
-		};
-	} };
-}
-//#endregion
-export { e as t };

package/dist/watercolor-dot.d.ts

@@ -1 +0,0 @@
-export * from "./components/watercolor-dot";