@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/useSelectionGroup-Btpf24aY.js

@@ -1,215 +0,0 @@
-import { t as e } from "./supportsCssTimeline-Ie4xJFbD.js";
-import { t } from "./scrollReader-DzYqPQ6V.js";
-import { a as n, t as r } from "./useTabRovingFocus-CG1H1k1J.js";
-import { computed as i, onBeforeUnmount as a, onMounted as o, ref as s, toValue as c, watch as l } from "vue";
-//#region src/composables/motion/useScrollTrigger.ts
-var u = "(prefers-reduced-motion: reduce)", d = e();
-function f(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function p(e, t) {
-	if (typeof e == "number") return e;
-	if ("fraction" in e) return f(e.fraction) * t.extent();
-	let n = c(e.element);
-	if (!n) return null;
-	let r = t.target;
-	if (r instanceof HTMLElement) {
-		let e = n.getBoundingClientRect().top, i = r.getBoundingClientRect().top;
-		return t.position() + (e - i);
-	}
-	return t.position() + n.getBoundingClientRect().top;
-}
-function m(e, n = {}) {
-	let { triggers: r = [], flipDeltaPx: i = 8, trackProgress: m = !0, respectReducedMotion: h = !0, onCross: g, onEnter: _, onLeave: v } = n, y = s(0), b = s(null), x = s(0), S = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(u) : null, C = h && (S?.matches ?? !1), w = (e) => {
-		C = h && e.matches;
-	};
-	S?.addEventListener("change", w);
-	let T = null, E = /* @__PURE__ */ new Map(), D = 0, O = 0, k = null, A = 0;
-	function j(e, t) {
-		return e.id ?? `trigger-${t}`;
-	}
-	function M(e) {
-		if (!T) return;
-		let t = T.position();
-		if (m && !d) {
-			let e = T.extent(), n = e > 0 ? t / e : 0;
-			y.value = C ? Math.round(f(n)) : f(n);
-		}
-		let n = O > 0 ? (e - O) / 1e3 : 0;
-		n > 0 && (x.value = (t - D) / n);
-		let a = t > D ? "down" : t < D ? "up" : null;
-		a && a !== b.value ? (k !== a && (k = a, A = D), Math.abs(t - A) >= i && (b.value = a, k = null)) : a === b.value && (k = null);
-		for (let e = 0; e < r.length; e++) {
-			let n = r[e], i = p(n.at, T);
-			if (i == null) continue;
-			let a = j(n, e), o = E.get(a) ?? D >= i, s = t >= i;
-			if (s === o) continue;
-			E.set(a, s);
-			let c = s ? "down" : "up", l = n.direction ?? "both";
-			l !== "both" && l !== c || (g?.(a, c, t), c === "down" ? _?.(a) : v?.(a));
-		}
-		D = t, O = e;
-	}
-	function N(e) {
-		M(typeof performance < "u" ? performance.now() : Date.now());
-	}
-	function P() {
-		if (!T) return;
-		let e = T.position();
-		for (let t = 0; t < r.length; t++) {
-			let n = r[t], i = p(n.at, T);
-			i != null && E.set(j(n, t), e >= i);
-		}
-		if (D = e, m && !d) {
-			let t = T.extent(), n = t > 0 ? e / t : 0;
-			y.value = C ? Math.round(f(n)) : f(n);
-		}
-		T.schedule();
-	}
-	function F(e) {
-		T?.stop(), T = t(e, N), D = T.position(), O = 0;
-		for (let e = 0; e < r.length; e++) {
-			let t = r[e], n = p(t.at, T);
-			n != null && E.set(j(t, e), D >= n);
-		}
-		P();
-	}
-	return o(() => {
-		F(c(e));
-	}), l(() => c(e), (e) => F(e), { flush: "post" }), a(() => {
-		T?.stop(), T = null, S?.removeEventListener("change", w);
-	}), {
-		progress: y,
-		direction: b,
-		velocity: x,
-		recalculate: P
-	};
-}
-//#endregion
-//#region src/composables/motion/useScrollChrome.ts
-var h = "(prefers-reduced-motion: reduce)";
-function g(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function _(e, t = {}) {
-	let { collapseOnScroll: n = !1, flipDeltaPx: r = 8, velocityGate: i, snapMidpoint: o = .5, collapseRangePx: u = 116, chromeRef: d, respectReducedMotion: f = !0, scrollStopMs: p = 140 } = t, _ = s(0), v = s(!1), y = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(h) : null, b = f && (y?.matches ?? !1), x = (e) => {
-		b = f && e.matches, T(_.value);
-	};
-	y?.addEventListener("change", x);
-	let S = null, C = null;
-	function w() {
-		return d == null ? null : c(d) ?? null;
-	}
-	function T(e) {
-		let t = b ? +(e >= o) : g(e);
-		_.value = t, v.value = t >= o, w()?.style.setProperty("--chrome-collapse-t", String(t));
-	}
-	function E() {
-		S && clearTimeout(S), S = setTimeout(() => {
-			S = null;
-			let e = +(_.value >= o);
-			C = null, T(e);
-		}, p);
-	}
-	let { direction: D, velocity: O, recalculate: k } = m(e, {
-		flipDeltaPx: r,
-		trackProgress: !1,
-		respectReducedMotion: f,
-		onCross: () => {}
-	});
-	function A(e, t, r) {
-		if (!n || e == null) return;
-		if (i != null && Math.abs(r) >= i) {
-			C = null, T(+(e === "down")), E();
-			return;
-		}
-		C ??= t - (e === "down" ? _.value : 1 - _.value) * u;
-		let a = u > 0 ? u : 1;
-		T(e === "down" ? (t - C) / a : 1 - (t - C) / a), E();
-	}
-	function j() {
-		let t = c(e);
-		return t instanceof HTMLElement ? t.scrollTop : typeof window < "u" && (window.scrollY || window.pageYOffset) || 0;
-	}
-	l(() => D.value, () => {
-		C = null;
-	}), l(() => O.value, (e) => {
-		A(D.value, j(), e);
-	});
-	function M() {
-		k(), C = null, T(_.value);
-	}
-	return a(() => {
-		S && clearTimeout(S), S = null, y?.removeEventListener("change", x);
-	}), {
-		collapseT: _,
-		collapsed: v,
-		direction: D,
-		recalculate: M
-	};
-}
-//#endregion
-//#region src/composables/motion/useSelectionGroup.ts
-function v(e, t) {
-	return e == null ? t : typeof e == "object" && "value" in e ? e.value : e;
-}
-function y(e) {
-	let { options: t, model: a, containerRef: o, buttonRefs: s, indicatorRef: c, vertical: l } = e, u = i(() => v(e.mode, "single")), d = i(() => v(e.role, u.value === "multiple" ? "group" : "radiogroup")), f = i(() => l?.value ?? !1), p = i(() => {
-		let e = a.value;
-		return e == null ? [] : Array.isArray(e) ? e : [e];
-	});
-	function m(e) {
-		return p.value.includes(e);
-	}
-	let h = i(() => p.value[0]), { singleSliderStyle: g, squishOnTravel: _ } = n({
-		containerRef: o,
-		indicatorRef: c ?? { value: null },
-		buttonRefs: s,
-		options: t,
-		model: h,
-		activeValues: p,
-		vertical: f
-	});
-	function y(e, n) {
-		if (!t.value[n]?.disabled) {
-			if (u.value === "multiple") {
-				let t = Array.isArray(a.value) ? [...a.value] : [], n = t.indexOf(e);
-				n >= 0 ? t.splice(n, 1) : t.push(e), a.value = t;
-			} else a.value = e;
-			_(n), s.value[n]?.scrollIntoView({
-				inline: "nearest",
-				block: "nearest"
-			});
-		}
-	}
-	let { rovingTabindex: b, onStripKeydown: x } = r({
-		stripOptions: t,
-		stripValue: h,
-		isVertical: f,
-		buttonRefs: s,
-		select: y
-	});
-	function S(e) {
-		let t = m(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: p,
-		isSelected: m,
-		select: y,
-		rovingTabindex: b,
-		onKeydown: x,
-		singleSliderStyle: g,
-		squishOnTravel: _,
-		groupRole: d,
-		itemAttrs: S
-	};
-}
-//#endregion
-export { _ as n, m as r, y as t };

package/dist/useSpringMount-CNvvgGiC.js

@@ -1,71 +0,0 @@
-import { t as e } from "./useSpring-BBSKFx_0.js";
-import { n as t } from "./springPresets-h5VKJQqG.js";
-import { computed as n, nextTick as r, onMounted as i, onScopeDispose as a, ref as o, watch as s } from "vue";
-//#region src/composables/motion/useSpringMount.ts
-var c = Object.fromEntries([
-	"smooth",
-	"snappy",
-	"bouncy",
-	"gentle"
-].map((e) => {
-	let { response: n, dampingFraction: r } = t(e);
-	return [e, {
-		response: n,
-		dampingFraction: r
-	}];
-}));
-function l(t) {
-	let l = c[t.preset ?? "smooth"], u = o(1), d = o(!1), f = 0, p = 0, m = null, h = !1, g = e(u, {
-		response: l.response,
-		dampingFraction: l.dampingFraction,
-		initial: 1,
-		settleThreshold: .001,
-		velocitySettleThreshold: .001,
-		respectReducedMotion: t.respectReducedMotion !== !1
-	});
-	i(() => {
-		t.open.value && r(() => {
-			u.value = 0;
-		});
-	});
-	let _ = s(() => t.open.value, (e, t) => {
-		e !== t && (d.value || (u.value = +!e));
-	}, { immediate: !1 }), v = s(() => g.isSettled.value, (e) => {
-		e && h && u.value >= 1 && (h = !1, t.onDismiss?.());
-	});
-	function y(e) {
-		if (e.button !== 0) return;
-		let t = e.currentTarget;
-		p = t.getBoundingClientRect().height || 1, f = e.clientY, m = e.pointerId, d.value = !0, t.setPointerCapture(e.pointerId);
-	}
-	function b(e) {
-		if (!d.value || e.pointerId !== m) return;
-		let t = e.clientY - f;
-		if (t <= 0) {
-			u.value = 0;
-			return;
-		}
-		u.value = Math.min(1, t / p);
-	}
-	function x(e) {
-		if (!d.value || e.pointerId !== m) return;
-		let n = e.currentTarget;
-		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), d.value = !1, m = null;
-		let r = t.dismissThreshold ?? .3;
-		u.value >= r ? (h = !0, u.value = 1) : u.value = 0;
-	}
-	return a(() => {
-		_(), v();
-	}), {
-		position: g.value,
-		isDragging: n(() => d.value),
-		dragHandlers: {
-			onPointerdown: y,
-			onPointermove: b,
-			onPointerup: x,
-			onPointercancel: x
-		}
-	};
-}
-//#endregion
-export { l as t };

package/dist/useSpringPress-BypV_KO-.js

@@ -1,36 +0,0 @@
-import { t as e } from "./useSpring-BBSKFx_0.js";
-import { n as t } from "./springPresets-h5VKJQqG.js";
-import { ref as n } from "vue";
-//#region src/composables/motion/useSpringPress.ts
-var r = t("press");
-function i(t = {}) {
-	let i = n(0), a = e(i, {
-		response: t.response ?? r.response,
-		dampingFraction: t.dampingFraction ?? r.dampingFraction,
-		initial: t.initial ?? 0,
-		initialVelocity: t.initialVelocity,
-		settleThreshold: t.settleThreshold,
-		velocitySettleThreshold: t.velocitySettleThreshold,
-		respectReducedMotion: t.respectReducedMotion,
-		onValue: t.onValue
-	});
-	function o() {
-		i.value = 1;
-	}
-	function s() {
-		i.value = 0;
-	}
-	return {
-		...a,
-		press: o,
-		release: s,
-		handlers: {
-			onPointerdown: o,
-			onPointerup: s,
-			onPointercancel: s,
-			onPointerleave: s
-		}
-	};
-}
-//#endregion
-export { i as t };

package/dist/useSurfaceAxis-DudiZVOR.js

@@ -1,10 +0,0 @@
-//#region src/components/_shared/useSurfaceAxis.ts
-function e(e = "glass", n = "resting") {
-	let r = `glass-${n}`, i = t(e);
-	return i ? `${r} ${i}` : r;
-}
-function t(e = "glass") {
-	return e === "veil" ? "veil-surface" : e === "opaque" ? "glass-opaque" : "";
-}
-//#endregion
-export { e as n, t };

package/dist/useTabRovingFocus-CG1H1k1J.js

@@ -1,143 +0,0 @@
-import { t as e } from "./useLiquidFlex-Ch4exNvN.js";
-import { n as t, r as n } from "./writeVelocityWeight-D1rvdxJu.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/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({
-		width: "0px",
-		transform: "translateX(0px)",
-		opacity: "0"
-	});
-	function b() {
-		let e = h.value.findIndex((e) => e.value === g.value);
-		if (e < 0 || !m.value[e]) return;
-		let t = m.value[e];
-		if (v.value) {
-			let e = t.offsetHeight, n = t.offsetTop + e / 2;
-			y.value = {
-				height: `${e}px`,
-				width: "",
-				transform: `translateY(${n - e / 2}px)`,
-				opacity: "1"
-			};
-		} else {
-			let e = t.offsetWidth, n = t.offsetLeft + e / 2;
-			y.value = {
-				width: `${e}px`,
-				height: "",
-				transform: `translateX(${n - e / 2}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 = v.value ? f.value?.offsetHeight || a.offsetParent?.offsetHeight || 1 : f.value?.offsetWidth || a.offsetParent?.offsetWidth || 1, s = v.value ? Math.abs(a.offsetTop - i.offsetTop) : Math.abs(a.offsetLeft - i.offsetLeft), c = o > 0 ? Math.min(s / o, 1) : 0, l = getComputedStyle(r), u = l.getPropertyValue("--tab-indicator-max-stretch").trim();
-		w = t(r, Number(u) || 1.11), T.squish(c);
-		let h = l.getPropertyValue("--tab-indicator-blob-max").trim(), g = Number(h) || 1.045, _ = Math.sqrt(1.14), y = t(r, g);
-		E = y > _ ? _ : y, 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 b = 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;
-		}, b);
-	}
-	c(() => g.value, () => i(x)), c(() => h.value, () => i(x), { deep: !0 }), c(() => v.value, () => i(x));
-	let j = null;
-	return a(() => {
-		S = h.value.findIndex((e) => _.value.includes(e.value)), i(x), f.value && (j = new ResizeObserver(() => x()), j.observe(f.value));
-	}), 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, buttonRefs: a, select: o } = e, s = r(() => {
-		let e = t.value.findIndex((e) => e.value === n.value);
-		return e >= 0 ? e : 0;
-	});
-	function c(e) {
-		return e === s.value ? 0 : -1;
-	}
-	function l(e, n) {
-		let r = t.value.length;
-		if (r !== 0) for (let i = 1; i <= r; i++) {
-			let s = (e + n * i + r * i) % r, c = t.value[s];
-			if (c && !c.disabled) {
-				a.value[s]?.focus(), o(c.value, s);
-				return;
-			}
-		}
-	}
-	function u(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) {
-				a.value[e]?.focus(), o(n.value, e);
-				return;
-			}
-		}
-	}
-	function d(e) {
-		let t = s.value, n = i.value ? "ArrowDown" : "ArrowRight", r = i.value ? "ArrowUp" : "ArrowLeft";
-		switch (e.key) {
-			case n:
-				e.preventDefault(), l(t, 1);
-				break;
-			case r:
-				e.preventDefault(), l(t, -1);
-				break;
-			case "Home":
-				e.preventDefault(), u("first");
-				break;
-			case "End":
-				e.preventDefault(), u("last");
-				break;
-			default: break;
-		}
-	}
-	return {
-		activeIndex: s,
-		rovingTabindex: c,
-		onStripKeydown: d
-	};
-}
-//#endregion
-export { f as a, d as i, u as n, l as r, p as t };

package/dist/useTextHighlight-C46Le9u_.js

@@ -1,72 +0,0 @@
-import { getCurrentScope as e, onScopeDispose as t } from "vue";
-//#region src/composables/motion/useTextHighlight.ts
-var n = /* @__PURE__ */ new Map();
-function r() {
-	return typeof CSS < "u" && "highlights" in CSS && typeof globalThis.Highlight == "function";
-}
-function i(e) {
-	let t = n.get(e);
-	if (!t || t.size === 0) {
-		CSS.highlights.delete(e);
-		return;
-	}
-	let r = new Highlight();
-	for (let e of t) for (let t of e.ranges) r.add(t);
-	CSS.highlights.set(e, r);
-}
-function a(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 o(o) {
-	let s = r(), c = null;
-	function l() {
-		if (c) return c;
-		c = { ranges: [] };
-		let e = n.get(o);
-		return e || (e = /* @__PURE__ */ new Set(), n.set(o, e)), e.add(c), c;
-	}
-	function u(e) {
-		s && (l().ranges = e.slice(), i(o));
-	}
-	function d(e, t, n = a) {
-		if (!s) return;
-		let r = [], i = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
-		for (let e = i.nextNode(); e; e = i.nextNode()) {
-			let i = e.textContent ?? "";
-			if (i) for (let a of n(i, t)) {
-				if (a.start >= a.end) continue;
-				let t = document.createRange();
-				t.setStart(e, a.start), t.setEnd(e, a.end), r.push(t);
-			}
-		}
-		u(r);
-	}
-	function f() {
-		!s || !c || (c.ranges = [], i(o));
-	}
-	function p() {
-		if (!s || !c) return;
-		n.get(o)?.delete(c), i(o);
-		let e = n.get(o);
-		e && e.size === 0 && n.delete(o), c = null;
-	}
-	return e() && t(p), {
-		set: u,
-		setFromMatches: d,
-		clear: f,
-		supported: s
-	};
-}
-//#endregion
-export { o as t };