@mkbabb/glass-ui 3.1.1 → 3.3.0

package/dist/useSortable-DnyGXKKY.js

@@ -0,0 +1,246 @@
+import { computed as e, onScopeDispose as t, shallowRef as n } from "vue";
+//#region src/composables/sortable/dropResolver.ts
+var r = /* @__PURE__ */ new Set();
+function i(e, t, n, r, i) {
+	let a = i ? n : r;
+	for (let n = 0; n < t.length; n++) {
+		let r = e.get(t[n].id);
+		if (!r) continue;
+		let o = r.getBoundingClientRect();
+		if (a < (i ? o.left + o.width / 2 : o.top + o.height / 2)) return n;
+	}
+	return t.length;
+}
+function a(e, t, n) {
+	if (!e.group) return null;
+	for (let i of r) {
+		if (i === e || i.group !== e.group) continue;
+		let r = i.getContainer();
+		if (!r) continue;
+		let a = r.getBoundingClientRect();
+		if (t >= a.left && t <= a.right && n >= a.top && n <= a.bottom) return i;
+	}
+	return null;
+}
+//#endregion
+//#region src/composables/sortable/transitionTiming.ts
+var o = "is-sortable-drop-above", s = "is-sortable-drop-below", c = "sortable-drag-ghost", l = "is-sortable-dragging";
+function u(e, t, n) {
+	return e < 0 ? {
+		above: !1,
+		below: !1
+	} : t === n ? {
+		above: !1,
+		below: e === n - 1
+	} : {
+		above: e === t,
+		below: !1
+	};
+}
+function d(e) {
+	let t = {
+		[o]: !1,
+		[s]: !1
+	};
+	if (e.isLocalDragging && e.localDrop !== null) {
+		let n = u(e.rowIndex, e.localDrop, e.listLength);
+		n.above && (t[o] = !0), n.below && (t[s] = !0);
+	}
+	if (e.externalDrop !== null && !e.isLocalDragging) {
+		let n = u(e.rowIndex, e.externalDrop, e.listLength);
+		n.above && (t[o] = !0), n.below && (t[s] = !0);
+	}
+	return t;
+}
+//#endregion
+//#region src/composables/sortable/ghostRenderer.ts
+function f(e) {
+	return e ? e.replace(/\//g, " ").split(/\s+/).filter(Boolean).some((e) => parseFloat(e) !== 0) : !1;
+}
+function p(e) {
+	let t = getComputedStyle(e).borderRadius;
+	if (f(t)) return t;
+	for (let t of e.querySelectorAll("*")) {
+		let e = getComputedStyle(t).borderRadius;
+		if (f(e)) return e;
+	}
+	return null;
+}
+function m() {
+	let e = null, t = 0, n = 0;
+	function r(r, i, a) {
+		let o = r.getBoundingClientRect();
+		t = i - o.left, n = a - o.top;
+		let s = r.cloneNode(!0);
+		s.classList.add(c);
+		let l = p(r);
+		l && (s.style.borderRadius = l), s.style.position = "fixed", s.style.left = `${o.left}px`, s.style.top = `${o.top}px`, s.style.width = `${o.width}px`, s.style.height = `${o.height}px`, s.style.margin = "0", s.style.pointerEvents = "none", s.style.zIndex = "9999", s.id && s.removeAttribute("id");
+		for (let e of s.querySelectorAll("[id]")) e.removeAttribute("id");
+		document.body.appendChild(s), e = s;
+	}
+	function i(r, i) {
+		e && (e.style.left = `${r - t}px`, e.style.top = `${i - n}px`);
+	}
+	function a() {
+		e && e.parentNode && e.parentNode.removeChild(e), e = null;
+	}
+	return {
+		createGhost: r,
+		updateGhost: i,
+		destroyGhost: a
+	};
+}
+//#endregion
+//#region src/composables/sortable/touchGate.ts
+function h(e, t) {
+	return t === null ? !0 : e instanceof Element ? e.closest(t) !== null : !1;
+}
+function g(e, t) {
+	if (e && "setPointerCapture" in e) try {
+		return e.setPointerCapture(t), !0;
+	} catch {
+		return !1;
+	}
+	return !0;
+}
+//#endregion
+//#region src/composables/sortable/dragController.ts
+function _(e) {
+	let { getItems: t, getId: r, elements: o, handle: s, onReorder: c, horizontal: u, ghost: d } = e, f = n(null), p = n(null), m = n(null), h = n(!0), _ = null, v = null;
+	function y(e) {
+		let n = t();
+		for (let t = 0; t < n.length; t++) if (r(n[t]) === e) return t;
+		return -1;
+	}
+	function b(e, n) {
+		return i(o, t().map((e) => ({ id: r(e) })), e, n, u);
+	}
+	function x(e, t) {
+		let n = o.get(e);
+		if (!(n instanceof HTMLElement)) return;
+		f.value = e, p.value = {
+			x: t.clientX,
+			y: t.clientY
+		}, m.value = y(e), h.value = !0, _ = null, v = n, n.classList.add(l), d.createGhost(n, t.clientX, t.clientY);
+		let r = t.currentTarget;
+		h.value = g(r, t.pointerId), document.addEventListener("pointermove", S), document.addEventListener("pointerup", C), document.addEventListener("pointercancel", C);
+	}
+	function S(e) {
+		if (f.value === null) return;
+		p.value = {
+			x: e.clientX,
+			y: e.clientY
+		}, d.updateGhost(e.clientX, e.clientY);
+		let t = a(s, e.clientX, e.clientY);
+		if (t) {
+			_ && _ !== t && _.setExternalDropIndex(null), _ = t;
+			let n = t.getItems().map((e) => ({ id: t.getId(e) })), r = i(t.getElements(), n, e.clientX, e.clientY, u);
+			t.setExternalDropIndex(r), m.value = null;
+		} else _ &&= (_.setExternalDropIndex(null), null), m.value = b(e.clientX, e.clientY);
+	}
+	function C(e) {
+		let n = f.value, i = _, a = m.value;
+		if (w(), n === null) return;
+		let o = t(), s = o.findIndex((e) => r(e) === n);
+		if (s < 0) return;
+		if (i) {
+			let e = o[s], t = o.slice();
+			t.splice(s, 1), c(t);
+			let n = i.getExternalDropIndex?.() ?? null;
+			i.setExternalDropIndex(null), i.acceptExternal(n ?? 0, e);
+			return;
+		}
+		if (a === null) return;
+		let l = a;
+		if (l > s && --l, l === s) return;
+		let u = o.slice(), [d] = u.splice(s, 1);
+		u.splice(l, 0, d), c(u);
+	}
+	function w() {
+		d.destroyGhost(), v &&= (v.classList.remove(l), null), _ &&= (_.setExternalDropIndex(null), null), f.value = null, p.value = null, m.value = null, document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", C), document.removeEventListener("pointercancel", C);
+	}
+	return {
+		dragId: f,
+		pos: p,
+		dropIndex: m,
+		pointerCaptureActive: h,
+		beginDrag: x,
+		endDrag: w
+	};
+}
+//#endregion
+//#region src/composables/sortable/useSortable.ts
+var v = "[data-sortable-handle]";
+function y(i) {
+	let { items: a, getId: o, onReorder: s, onInsert: c, group: l, handleSelector: u = v, axis: f = "y" } = i, p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), y = null, b = n(null);
+	function x() {
+		return a.value;
+	}
+	function S(e) {
+		let t = x();
+		for (let n = 0; n < t.length; n++) if (o(t[n]) === e) return n;
+		return -1;
+	}
+	let C = {
+		group: l,
+		getContainer: () => y,
+		getItems: () => a.value,
+		getId: (e) => o(e),
+		getElements: () => p,
+		setExternalDropIndex: (e) => {
+			b.value = e;
+		},
+		acceptExternal: (e, t) => {
+			c && c(e, t);
+		},
+		getExternalDropIndex: () => b.value
+	}, w = m(), T = _({
+		getItems: () => a.value,
+		getId: (e) => o(e),
+		elements: p,
+		handle: C,
+		onReorder: (e) => s(e),
+		horizontal: f === "x",
+		ghost: w
+	});
+	function E(t) {
+		let n = g.get(t);
+		if (n) return n;
+		let r = (e) => {
+			e === null ? p.delete(t) : p.set(t, e);
+		}, i = e(() => d({
+			rowIndex: S(t),
+			listLength: x().length,
+			localDrop: T.dropIndex.value,
+			isLocalDragging: T.dragId.value !== null,
+			externalDrop: b.value
+		})), a = {
+			ref: r,
+			dataAttrs: { "data-sortable-id": String(t) },
+			class: i,
+			onPointerdown: (e) => {
+				e.button === 0 && h(e.target, u) && (e.preventDefault(), T.beginDrag(t, e));
+			}
+		};
+		return g.set(t, a), a;
+	}
+	let D = {
+		ref: (e) => {
+			y = e;
+		},
+		dataAttrs: { "data-sortable-container": l ?? "" }
+	};
+	return r.add(C), t(() => {
+		r.delete(C), T.endDrag();
+	}), {
+		registerItem: E,
+		container: D,
+		isDragging: e(() => T.dragId.value !== null),
+		dragId: e(() => T.dragId.value),
+		dragPosition: e(() => T.pos.value),
+		dropIndex: e(() => T.dropIndex.value),
+		pointerCaptureActive: e(() => T.pointerCaptureActive.value)
+	};
+}
+//#endregion
+export { y as t };

package/dist/useTextHighlight-Dmtofpk2.js

@@ -0,0 +1,72 @@
+import { getCurrentScope as e, onScopeDispose as t } from "vue";
+//#region src/composables/dom/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 };

package/dist/{useTouchGate-D9Zvrzyc.js → useTouchGate-CS5Csc2h.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-NAaj9zNq.js";
+import { t as e } from "./useTimer-DGgoxTXL.js";
 import { getCurrentScope as t, onScopeDispose as n, ref as r } from "vue";
 //#region src/composables/dom/useTouchGate.ts
 var i = /* @__PURE__ */ new Set(), a = !1;

package/dist/{useViewTransition-DYIK6Gzb.js → useViewTransition-D4ssvnXZ.js}

@@ -4,11 +4,13 @@ function e() {
 }
 function t(e) {
 	let t = typeof document > "u" ? void 0 : document;
-	return !t || typeof t.startViewTransition != "function" ? (e(), {
+	if (!t || typeof t.startViewTransition != "function") return e(), {
 		finished: Promise.resolve(),
 		transitioned: !1
-	}) : {
-		finished: t.startViewTransition(() => e()).finished.then(() => void 0, () => void 0),
+	};
+	let n = t.startViewTransition(() => e());
+	return n.ready?.catch(() => {}), {
+		finished: n.finished.then(() => void 0, () => void 0),
 		transitioned: !0
 	};
 }

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
 export { cn } from "./cn";
-export { moveBeforeSafe, supportsMoveBefore } from "./moveBefore";
+export { moveBeforeSafe } from "./moveBefore";
+export { supportsMoveBefore, supportsScrollTimeline, supportsViewTimeline, supportsPostTask, } from "./platformSupport";

package/dist/utils/platformSupport.d.ts

@@ -0,0 +1,8 @@
+export { supportsMoveBefore } from "./moveBefore";
+export { supportsScrollTimeline, supportsViewTimeline, } from "../composables/motion/supportsCssTimeline";
+/**
+ * True when `scheduler.postTask` is available — the feature-detected predicate
+ * gating the prioritized-task fast path (vs the MessageChannel macrotask
+ * fallback in `postTaskSafe`).
+ */
+export declare function supportsPostTask(): boolean;

package/dist/utils/prng.d.ts

@@ -0,0 +1,4 @@
+/** Mulberry32 — fast 32-bit seeded PRNG. Returns a `() => number` in [0, 1). */
+export declare function mulberry32(seed: number): () => number;
+/** Simple string → u32 hash (djb2). */
+export declare function hashString(str: string): number;

package/dist/vReveal-u2wSG2El.js

@@ -0,0 +1,35 @@
+//#region src/utils/moveBefore.ts
+function e(e, t, n) {
+	let r = e;
+	typeof r.moveBefore == "function" ? r.moveBefore(t, n) : e.insertBefore(t, n);
+}
+function t() {
+	return typeof Element < "u" && "moveBefore" in Element.prototype;
+}
+//#endregion
+//#region src/composables/motion/supportsCssTimeline.ts
+function n(e, t) {
+	return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", e) && !CSS.supports("animation-timeline", t);
+}
+function r() {
+	return n("scroll()", "gl-not-a-real-timeline");
+}
+function i() {
+	return n("view()", "gl-not-a-real-timeline");
+}
+//#endregion
+//#region src/utils/platformSupport.ts
+function a() {
+	return typeof globalThis.scheduler?.postTask == "function";
+}
+//#endregion
+//#region src/composables/motion/vReveal.ts
+function o(e, t) {
+	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
+}
+var s = {
+	mounted: o,
+	updated: o
+};
+//#endregion
+export { e as a, i, a as n, t as o, r, s as t };

package/dist/watercolor-dot.d.ts

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

package/dist/watercolor-dot.js

@@ -0,0 +1,129 @@
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { n as t, t as n } from "./prng-Bz_1Tydc.js";
+import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onUnmounted as l, openBlock as u, ref as d, renderSlot as f, resolveDynamicComponent as p, toRef as m, useId as h, watch as g, withCtx as _ } from "vue";
+//#region src/components/custom/watercolor-dot/prng.ts
+function v(e, t, n) {
+	let r = [];
+	for (let i = 0; i < 8; i++) r.push(t + e() * (n - t));
+	return r;
+}
+function y(e) {
+	return `${e[0]}% ${e[1]}% ${e[2]}% ${e[3]}% / ${e[4]}% ${e[5]}% ${e[6]}% ${e[7]}%`;
+}
+//#endregion
+//#region src/components/custom/watercolor-dot/useWatercolorBlob.ts
+function b(e, r = {}) {
+	let { animate: i = !1, cycleDuration: a = 4e3, range: o = [20, 80], seed: s = "" } = r, c = d(""), u = d(""), f = t(n((typeof e == "function" ? e : () => e.value)() + s)), p = v(f, o[0], o[1]);
+	c.value = y(p), u.value = y(v(f, o[0], o[1]));
+	let m = () => {};
+	if (!i) return typeof e != "function" && g(e, (e) => {
+		let r = t(n(e + s));
+		c.value = y(v(r, o[0], o[1])), u.value = y(v(r, o[0], o[1]));
+	}), {
+		borderRadius: c,
+		hoverBorderRadius: u,
+		nudge: m
+	};
+	let [h, _] = o, b = [...p], x = [];
+	for (let e = 0; e < 8; e++) {
+		let t = .5 + f() * 1.3, n = f();
+		x.push({
+			from: p[e] ?? h,
+			to: h + f() * (_ - h),
+			startTime: -n * a * t,
+			duration: a * t
+		});
+	}
+	let S = null, C = 0;
+	function w(e) {
+		C = e;
+		for (let t = 0; t < 8; t++) {
+			let n = x[t];
+			if (!n) continue;
+			let r = (e - n.startTime) / n.duration;
+			r >= 1 && (n.from = n.to, n.to = h + f() * (_ - h), n.duration = a * (.5 + f() * 1.3), n.startTime = e, r = 0);
+			let i = .5 - .5 * Math.cos(Math.PI * r);
+			b[t] = n.from + i * (n.to - n.from);
+		}
+		c.value = y(b), S = requestAnimationFrame(w);
+	}
+	return m = () => {
+		let e = C || performance.now();
+		for (let t = 0; t < 8; t++) {
+			let n = x[t];
+			n && (n.from = b[t] ?? n.from, n.to = h + f() * (_ - h), n.duration = a * (.25 + f() * .25), n.startTime = e);
+		}
+	}, S = requestAnimationFrame(w), l(() => {
+		S !== null && (cancelAnimationFrame(S), S = null);
+	}), {
+		borderRadius: c,
+		hoverBorderRadius: u,
+		nudge: m
+	};
+}
+//#endregion
+//#region src/components/custom/watercolor-dot/WatercolorDot.vue
+var x = /* @__PURE__ */ e(/* @__PURE__ */ o({
+	__name: "WatercolorDot",
+	props: {
+		color: {},
+		animate: {
+			type: Boolean,
+			default: !1
+		},
+		tag: { default: "div" },
+		cycleDuration: { default: 4e3 },
+		range: { default: () => [20, 80] },
+		seed: { default: "" }
+	},
+	setup(e) {
+		let t = e, n = `watercolor-filter-${h().replace(/[^a-zA-Z0-9_-]/g, "")}`, o = r(() => `url(#${n})`), l = m(t, "color"), g = d(!1), v = b(l, {
+			animate: t.animate,
+			cycleDuration: t.cycleDuration,
+			range: t.range,
+			seed: t.seed
+		});
+		function y() {
+			g.value = !0, t.animate && v.nudge();
+		}
+		let x = r(() => t.animate ? v.borderRadius.value : g.value ? v.hoverBorderRadius.value : v.borderRadius.value);
+		return (t, r) => (u(), i(p(e.tag), {
+			class: s(["watercolor-swatch", e.animate && "watercolor-animated"]),
+			style: c({
+				backgroundColor: e.color,
+				borderRadius: x.value,
+				"--watercolor-filter": o.value
+			}),
+			onMouseenter: y,
+			onMouseleave: r[0] ||= (e) => g.value = !1
+		}, {
+			default: _(() => [a("svg", {
+				class: "watercolor-filter-host",
+				"aria-hidden": "true",
+				focusable: "false"
+			}, [a("defs", null, [a("filter", {
+				id: n,
+				x: "-10%",
+				y: "-10%",
+				width: "120%",
+				height: "120%",
+				"color-interpolation-filters": "sRGB"
+			}, [...r[1] ||= [a("feTurbulence", {
+				type: "fractalNoise",
+				baseFrequency: "0.04",
+				numOctaves: "4",
+				seed: "2",
+				result: "noise"
+			}, null, -1), a("feDisplacementMap", {
+				in: "SourceGraphic",
+				in2: "noise",
+				scale: "1.5",
+				xChannelSelector: "R",
+				yChannelSelector: "G"
+			}, null, -1)]])])]), f(t.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 40, ["class", "style"]));
+	}
+}), [["__scopeId", "data-v-5e8693fa"]]);
+//#endregion
+export { x as WatercolorDot, n as hashString, t as mulberry32, y as radiiToCSS, v as randomRadii, b as useWatercolorBlob };

package/dist/{x-q7pJa83X.js → x-C4pz9nbD.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("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"