@mkbabb/glass-ui 4.1.0 → 5.0.0

package/dist/useFuzzySearch-KslRxiJY.js

@@ -0,0 +1,177 @@
+import { computed as e, onScopeDispose as t, ref as n, watch as r } from "vue";
+//#region src/components/search/composables/fuzzySearchIndex.ts
+function i(e, t) {
+	let n = e.length, r = t.length;
+	if (n === 0) return {
+		score: 0,
+		matches: []
+	};
+	if (n > r) return null;
+	let i = [], a = 0, o = 0, s = -2;
+	for (let c = 0; c < r && a < n; c++) {
+		if (e[a] !== t[c]) continue;
+		i.push(c);
+		let n = 1;
+		if (s === c - 1 && (n += 5), c === 0) n += 8;
+		else {
+			let e = t[c - 1];
+			" -_./\\:()".includes(e) ? n += 7 : t[c] >= "A" && t[c] <= "Z" && e >= "a" && e <= "z" && (n += 6);
+		}
+		a === c && (n += 3), o += n, s = c, a++;
+	}
+	return a < n ? null : (o -= Math.max(0, (r - n) * .1), {
+		score: o,
+		matches: i
+	});
+}
+function a(e, t) {
+	if (!t) return null;
+	let n = 0, r = [];
+	for (let a of e) {
+		let e = i(a, t);
+		if (!e) return null;
+		n += e.score;
+		for (let t of e.matches) r.push(t);
+	}
+	return {
+		score: n,
+		matches: r
+	};
+}
+function o(e, t) {
+	let n = 0, r = [], i = [
+		[t._lc.label, 12],
+		[t._lc.type, 10],
+		[t._lc.text, 3]
+	];
+	for (let [o, s] of i) {
+		if (!o) continue;
+		let i = a(e, o);
+		i && i.score * s > n && (n = i.score * s, r = o === t._lc.label ? i.matches : []);
+	}
+	return n <= 0 ? null : {
+		score: n,
+		matches: r
+	};
+}
+function s(e) {
+	return e.map((e) => ({
+		item: e,
+		_lc: {
+			label: e.label.toLowerCase(),
+			text: e.text.toLowerCase(),
+			type: e.type?.toLowerCase() ?? ""
+		}
+	}));
+}
+var c = /* @__PURE__ */ new WeakMap();
+function l(e) {
+	let t = c.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), c.set(e, t)), t;
+}
+function u(e, t, n = 30) {
+	let r = t.toLowerCase().trim();
+	if (!r) return [];
+	let i = l(e), a = i.get(r);
+	if (a) return a.slice(0, n);
+	i.size > 200 && i.clear();
+	let s = r.split(/\s+/).filter(Boolean);
+	if (s.length === 0) return [];
+	let c = e;
+	if (r.length > 1) {
+		let e = r.slice(0, -1), t = i.get(e);
+		t && (c = t.map((e) => ({
+			item: e.item,
+			_lc: {
+				label: e.item.label.toLowerCase(),
+				text: e.item.text.toLowerCase(),
+				type: e.item.type?.toLowerCase() ?? ""
+			}
+		})));
+	}
+	let u = [];
+	for (let e of c) {
+		let t = o(s, e);
+		t && u.push({
+			item: e.item,
+			score: t.score,
+			matchIndices: t.matches
+		});
+	}
+	return u.sort((e, t) => t.score - e.score), i.set(r, u), u.slice(0, n);
+}
+function d(e) {
+	if (e) {
+		c.delete(e);
+		return;
+	}
+	c = /* @__PURE__ */ new WeakMap();
+}
+//#endregion
+//#region src/components/search/composables/useFuzzySearch.ts
+function f(i) {
+	let a = typeof i.items == "function" ? i.items : () => i.items, o = i.debounceMs ?? 120, c = i.maxResults ?? 30, l = n(""), f = n(!1), p = n(!1), m = n(0), h = n(""), g = e(() => a()), _ = e(() => s(g.value)), v;
+	function y(e = v) {
+		e !== void 0 && (clearTimeout(e), v === e && (v = void 0));
+	}
+	r(l, (e, t, n) => {
+		if (y(), !e || o <= 0) {
+			h.value = e;
+			return;
+		}
+		let r = setTimeout(() => {
+			v === r && (h.value = e, v = void 0);
+		}, o);
+		v = r, n(() => y(r));
+	}), r(g, () => {
+		y(), h.value = l.value, m.value = 0;
+	}, { deep: !0 });
+	let b = e(() => u(_.value, h.value, c));
+	r(b, () => {
+		m.value = 0;
+	});
+	function x(e) {
+		i.onSelect?.(e), S();
+	}
+	function S() {
+		f.value = !1, p.value = !1, y(), l.value = "", h.value = "", m.value = 0, d(_.value);
+	}
+	function C() {
+		f.value = !0;
+	}
+	function w() {
+		p.value = !p.value;
+	}
+	function T(e) {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), m.value < b.value.length - 1 && m.value++;
+				break;
+			case "ArrowUp":
+				e.preventDefault(), m.value > 0 && m.value--;
+				break;
+			case "Enter":
+				e.preventDefault(), b.value[m.value] && x(b.value[m.value]);
+				break;
+			case "Escape":
+				e.preventDefault(), p.value ? p.value = !1 : S();
+				break;
+		}
+	}
+	return t(() => {
+		y(), d(_.value);
+	}, !0), {
+		query: l,
+		results: b,
+		isOpen: f,
+		isExpanded: p,
+		selectedIndex: m,
+		selectResult: x,
+		close: S,
+		open: C,
+		toggleExpanded: w,
+		onKeydown: T
+	};
+}
+//#endregion
+export { u as a, i, s as n, d as r, f as t };

package/dist/useGooMorph-CU1pwuC6.js

@@ -0,0 +1,268 @@
+import { t as e } from "./useLiquidFlex-Ch4exNvN.js";
+import { getCurrentScope as t, onScopeDispose as n, ref as r, toValue as i, watch as a } from "vue";
+//#region src/composables/motion/useCharStagger.ts
+function o(e) {
+	return e.length > 0 && e.trim().length === 0;
+}
+function s(e) {
+	let t = Intl.Segmenter;
+	return typeof t == "function" ? [...new t(void 0, { granularity: "grapheme" }).segment(e)].map((e) => e.segment) : [...e];
+}
+function c(e, t) {
+	return t === "word" ? e.split(/(\s+)/).filter((e) => e.length > 0).map((e) => ({
+		text: e,
+		space: o(e)
+	})) : (t === "grapheme" ? s(e) : [...e]).map((e) => ({
+		text: e,
+		space: o(e)
+	}));
+}
+function l(e, o = {}) {
+	let s = r(0);
+	function l() {
+		let t = i(e);
+		if (!t) return;
+		let n = o.by ?? "char", r = o.preserveWhitespace ?? !0, a = o.writeTotal ?? !0, l = (t.textContent ?? "").trim(), u = c(l, n), d = t.ownerDocument.createDocumentFragment(), f = 0;
+		for (let e of u) {
+			if (e.space) {
+				if (!r) continue;
+				let n = t.ownerDocument.createElement("span");
+				n.setAttribute("aria-hidden", "true"), n.textContent = e.text, d.appendChild(n);
+				continue;
+			}
+			let n = t.ownerDocument.createElement("span");
+			n.className = "char", n.style.setProperty("--char-index", String(f)), n.setAttribute("aria-hidden", "true"), n.textContent = e.text, d.appendChild(n), f += 1;
+		}
+		t.replaceChildren(d), s.value = f, a && t.style.setProperty("--char-total", String(f)), t.setAttribute("aria-label", l);
+	}
+	let u = a(() => i(e), (e) => {
+		e && l();
+	}, {
+		immediate: !0,
+		flush: "post"
+	});
+	return t() && n(u), {
+		split: l,
+		count: s
+	};
+}
+//#endregion
+//#region src/composables/motion/useViewTransition.ts
+function u() {
+	return typeof document < "u" && typeof document.startViewTransition == "function";
+}
+function d() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function f(e, t) {
+	let n = typeof document > "u" ? void 0 : document;
+	if (!n || typeof n.startViewTransition != "function" || t?.instantUnderReducedMotion && d()) return {
+		finished: (async () => e())().then(() => void 0, () => void 0),
+		transitioned: !1
+	};
+	let r = t?.types && t.types.length > 0 ? n.startViewTransition({
+		update: () => e(),
+		types: t.types
+	}) : n.startViewTransition(() => e());
+	return r.ready?.catch(() => {}), {
+		finished: r.finished.then(() => void 0, () => void 0),
+		transitioned: !0
+	};
+}
+function p(e, t) {
+	return f(e, {
+		...t,
+		instantUnderReducedMotion: !0
+	});
+}
+function m() {
+	return u();
+}
+//#endregion
+//#region src/composables/motion/morphSignatures.ts
+var h = {
+	lateralNeck: {
+		vector: "lateral",
+		kRest: .92,
+		kPeak: .34,
+		neckHold: .5,
+		maxStretch: 1.12
+	},
+	lateralPeel: {
+		vector: "lateral",
+		kRest: .88,
+		kPeak: .4,
+		neckHold: .4,
+		maxStretch: 1.08
+	},
+	radialBurst: {
+		vector: "radial",
+		kRest: .85,
+		kPeak: .3,
+		neckHold: .55,
+		maxStretch: 1.08
+	},
+	inwardMerge: {
+		vector: "inward",
+		kRest: .8,
+		kPeak: .28,
+		neckHold: .35,
+		maxStretch: 1.1
+	},
+	axialNeck: {
+		vector: "axial",
+		kRest: .9,
+		kPeak: .36,
+		neckHold: .5,
+		maxStretch: 1.14
+	},
+	collapse: {
+		vector: "axial",
+		kRest: 1,
+		kPeak: 1,
+		neckHold: 0,
+		maxStretch: 1.14
+	},
+	directed: {
+		vector: "directed",
+		kRest: .9,
+		kPeak: .42,
+		neckHold: .45,
+		maxStretch: 1.1
+	}
+}, g = 1.618033988749895;
+function _(e, t) {
+	return Math.sin(Math.PI * Math.min(1, Math.max(0, e))) ** +t;
+}
+function v(e) {
+	return Math.max(1, e) / g;
+}
+function y(e) {
+	let { A: t, B: n, fromIdx: r, toIdx: i, gooT: a, step: o, neckGap: s, weight: c } = e, l = v(o), u = n - t, d = i - r, f = d === 0 ? 1 : Math.min(1, Math.max(0, (a - r) / d)), p = 1 - _(f, 1) * (1 - s), m = (t + n) / 2, h = u / 2 * p, g = m - h, y = m + h, b = _(f, 1.5), x = Math.abs(y - g), S = Math.min(1, Math.max(0, c)), C = 1 + _(f, 1) * .12 * S, w = 1 / C, T = -l * .06 * _(f, 1) * S;
+	return {
+		D: l,
+		cA: g,
+		cB: y,
+		mid: m,
+		neckSpanScale: l > 0 ? x / l : 1,
+		neckGirth: b,
+		stretchOn: C,
+		stretchCross: w,
+		arc: T
+	};
+}
+function b(e, t, n, r, i) {
+	return i ? `translateY(${e.toFixed(2)}px) translateX(${t.toFixed(2)}px) translateY(-50%) translateX(-50%) scaleY(${n.toFixed(4)}) scaleX(${r.toFixed(4)})` : `translateX(${e.toFixed(2)}px) translateY(${t.toFixed(2)}px) translateX(-50%) translateY(-50%) scaleX(${n.toFixed(4)}) scaleY(${r.toFixed(4)})`;
+}
+function x(e, t, n, r) {
+	return r ? `translateY(${e.toFixed(2)}px) translateY(-50%) scaleY(${t.toFixed(4)}) scaleX(${n.toFixed(4)})` : `translateX(${e.toFixed(2)}px) translateX(-50%) scaleX(${t.toFixed(4)}) scaleY(${n.toFixed(4)})`;
+}
+function S(e, t) {
+	return t ? `translateY(${e.toFixed(2)}px) translateY(-50%) scaleY(0.0001) scaleX(0)` : `translateX(${e.toFixed(2)}px) translateX(-50%) scaleX(0.0001) scaleY(0)`;
+}
+//#endregion
+//#region src/composables/motion/useGooMorph.ts
+var C = h.lateralNeck, w = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function T(e, t, n) {
+	let r = getComputedStyle(e).getPropertyValue(t).trim();
+	return r ? r.endsWith("ms") ? Number.parseFloat(r) || n : r.endsWith("s") ? (Number.parseFloat(r) || n / 1e3) * 1e3 : Number.parseFloat(r) || n : n;
+}
+function E(t) {
+	let { barbellRefs: r, hostRef: i, vertical: a, centerOf: o, restSize: s, tokenPrefix: c = "pager-worm", neckGap: l = C.kPeak } = t, { bodyARef: u, bodyBRef: d, neckRef: f } = r, p = `--${c}-flow`, m = `--${c}-duration`, h = `--${c}-max-stretch`, g = e({
+		from: 0,
+		to: 0,
+		axis: "width",
+		squishLaw: "linear",
+		maxStretch: () => {
+			let e = i.value;
+			if (!e) return 1.4;
+			let t = getComputedStyle(e).getPropertyValue(h).trim();
+			return Number(t) || 1.4;
+		}
+	}), _ = 0, v = null;
+	function E() {
+		_ &&= (cancelAnimationFrame(_), 0), v &&= (clearTimeout(v), null);
+	}
+	function D(e) {
+		let t = getComputedStyle(e).getPropertyValue("--goo-t").trim();
+		return Number.parseFloat(t) || 0;
+	}
+	function O(e) {
+		let t = getComputedStyle(e).getPropertyValue(`--${c}-neck-gap`).trim(), n = Number.parseFloat(t);
+		return Number.isFinite(n) && n > 0 ? n : l;
+	}
+	function k(e, t, n, r, i) {
+		e.style.transform = b(t, n, r, i, a.value);
+	}
+	function A(e, t, n, r, o) {
+		let c = u.value, l = d.value, p = f.value, m = i.value;
+		if (!c || !l || !p || !m) return;
+		let h = getComputedStyle(m).getPropertyValue("--goo-weight").trim(), g = Number.parseFloat(h) || 0, _ = y({
+			A: e,
+			B: t,
+			fromIdx: n,
+			toIdx: r,
+			gooT: o,
+			step: s(),
+			neckGap: O(m),
+			weight: g
+		});
+		k(c, _.cA, _.arc, _.stretchOn, _.stretchCross), k(l, _.cB, _.arc, _.stretchOn, _.stretchCross), p.style.transform = x(_.mid, _.neckSpanScale, _.neckGirth, a.value), p.style.opacity = _.neckGirth.toFixed(4), m.style.setProperty("--goo-neck-girth", _.neckGirth.toFixed(4));
+	}
+	function j(e) {
+		let t = u.value, n = d.value, r = f.value, s = i.value, c = o(e);
+		!t || !n || !r || c == null || (k(t, c, 0, 1, 1), k(n, c, 0, 1, 1), r.style.opacity = "0", r.style.transform = S(c, a.value), s && (s.style.setProperty("--goo-neck-girth", "0"), s.style.setProperty("--stretch", "1")));
+	}
+	function M(e) {
+		E();
+		let t = i.value;
+		if (t) {
+			let n = t.style.transition;
+			t.style.transition = "none", t.style.setProperty("--goo-t", String(e)), t.offsetWidth, t.style.transition = n;
+		}
+		j(e);
+	}
+	function N(e) {
+		let t = i.value;
+		if (!t || !u.value || w()) return;
+		E();
+		let n = t.style.transition;
+		t.style.transition = "none", t.style.setProperty("--goo-t", String(e)), t.offsetWidth, t.style.transition = n;
+		let r = Math.floor(e), a = Math.ceil(e), s = o(r), c = o(a);
+		s == null || c == null || A(s, c, r, a, e);
+	}
+	function P(e, t) {
+		let n = i.value;
+		if (!u.value || !n || e === t) {
+			n && M(t);
+			return;
+		}
+		if (w()) {
+			M(t);
+			return;
+		}
+		let r = o(e), s = o(t);
+		if (r == null || s == null) {
+			M(t);
+			return;
+		}
+		E();
+		let c = a.value ? n.offsetHeight || 1 : n.offsetWidth || 1, l = Math.min(Math.abs(s - r) / Math.max(1, c), 1), d = Math.max(.5, l);
+		g.squish(d), n.style.setProperty("--stretch", String(g.stretch.value));
+		let f = T(n, m, 1800), h = getComputedStyle(n).getPropertyValue(p).trim() || "ease-in-out";
+		n.style.transition = "none", n.style.setProperty("--goo-t", String(e)), n.offsetWidth, n.style.transition = `--goo-t ${f}ms ${h}`, n.style.setProperty("--goo-t", String(t)), v = setTimeout(() => {
+			g.squish(0), n.style.setProperty("--stretch", String(g.stretch.value)), v = null;
+		}, f * .82);
+		let y = performance.now(), b = () => {
+			A(r, s, e, t, D(n)), performance.now() - y < f + 80 ? _ = requestAnimationFrame(b) : (_ = 0, j(t));
+		};
+		_ = requestAnimationFrame(b);
+	}
+	return n(E), {
+		travel: P,
+		snap: M,
+		drive: N
+	};
+}
+//#endregion
+export { m as a, f as i, h as n, u as o, p as r, l as s, E as t };