@mkbabb/glass-ui 0.2.0 → 2.0.0

package/dist/useKeyboardShortcuts-B1ev1YEC.js

@@ -0,0 +1,99 @@
+import { computed as e, getCurrentScope as t, onScopeDispose as n, ref as r } from "vue";
+import { createGlobalState as i, useEventListener as a } from "@vueuse/core";
+//#region src/composables/keyboard/useKeyboardShortcuts.ts
+var o = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform), s = {
+	alt: "Alt",
+	option: "Alt",
+	ctrl: "Control",
+	control: "Control",
+	meta: "Meta",
+	cmd: "Meta",
+	command: "Meta",
+	shift: "Shift"
+};
+function c(e) {
+	let t = e.split("+").map((e) => e.trim()), n = {
+		key: "",
+		ctrl: !1,
+		meta: !1,
+		shift: !1,
+		alt: !1,
+		mod: !1
+	};
+	for (let [e, r] of t.entries()) {
+		let i = r.toLowerCase(), a = t.length === 1 && e === 0;
+		i === "mod" ? a ? n.key = o ? "Meta" : "Control" : n.mod = !0 : i === "ctrl" || i === "control" ? a ? n.key = "Control" : n.ctrl = !0 : i === "meta" || i === "cmd" || i === "command" ? a ? n.key = "Meta" : n.meta = !0 : i === "shift" ? a ? n.key = "Shift" : n.shift = !0 : i === "alt" || i === "option" ? a ? n.key = "Alt" : n.alt = !0 : n.key = r, a && s[i] && (n.key = s[i]);
+	}
+	return n;
+}
+var l = {
+	space: [" "],
+	delete: ["backspace", "delete"],
+	enter: ["enter", "return"],
+	escape: ["escape", "esc"]
+};
+function u(e, t) {
+	return e.key.toLowerCase() === t.toLowerCase();
+}
+function d(e, t) {
+	let n = t.ctrl || t.mod && !o, r = t.meta || t.mod && o;
+	if (!u(t, "Control") && e.ctrlKey !== n || !u(t, "Meta") && e.metaKey !== r || !u(t, "Alt") && e.altKey !== t.alt) return !1;
+	let i = e.key.length === 1 && e.shiftKey && !t.shift;
+	if (!u(t, "Shift") && !i && e.shiftKey !== t.shift) return !1;
+	let a = t.key.toLowerCase(), s = e.key.toLowerCase();
+	if (s === a) return !0;
+	let c = l[a];
+	return !!(c && c.some((e) => e.toLowerCase() === s) || e.code.toLowerCase() === a);
+}
+function f(e) {
+	if (!(e instanceof Element)) return !1;
+	let t = e.tagName;
+	return !!(t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable || e.closest(".monaco-editor"));
+}
+function p(e) {
+	let t = e.trim().toLowerCase();
+	return t === "mod" ? o ? "⌘" : "Ctrl" : t === "shift" ? o ? "⇧" : "Shift" : t === "alt" || t === "option" ? o ? "⌥" : "Alt" : t === "ctrl" || t === "control" ? o ? "⌃" : "Ctrl" : t === "meta" || t === "cmd" || t === "command" ? "⌘" : t === "space" ? o ? "␣" : "Space" : t === "arrowleft" ? "←" : t === "arrowright" ? "→" : t === "arrowup" ? "↑" : t === "arrowdown" ? "↓" : t === "delete" ? o ? "⌫" : "Del" : t === "escape" ? "Esc" : t === "enter" ? "↵" : t === "home" ? "Home" : t === "end" ? "End" : e.trim();
+}
+function m(e) {
+	return e.split("+").map(p);
+}
+function h(e) {
+	return m(e).join(o ? "" : "+");
+}
+function g(e, t, n) {
+	for (let r of e) if ((r.options.event ?? "keydown") === t && d(n, r.combo) && !(!r.options.allowInInput && f(n.target))) {
+		r.options.preventDefault && n.preventDefault(), r.handler(n);
+		return;
+	}
+}
+var _ = i(() => {
+	let t = /* @__PURE__ */ new Set(), n = r(0);
+	return a(window, "keydown", (e) => {
+		g(t, "keydown", e);
+	}), a(window, "keyup", (e) => {
+		g(t, "keyup", e);
+	}), {
+		shortcuts: t,
+		version: n,
+		labeled: e(() => (n.value, [...t].filter((e) => e.options.label)))
+	};
+});
+function v(e, r, i = {}) {
+	let { shortcuts: a, version: o } = _(), s = {
+		combo: c(e),
+		raw: e,
+		handler: r,
+		options: i
+	};
+	a.add(s), o.value++;
+	let l = () => {
+		a.delete(s) && o.value++;
+	};
+	return t() && n(l), l;
+}
+function y() {
+	let { labeled: e } = _();
+	return e;
+}
+//#endregion
+export { y as a, v as i, m as n, o as r, h as t };

package/dist/useResizeObserver-F4aRR4Cj.js

@@ -0,0 +1,44 @@
+import { getCurrentScope as e, onScopeDispose as t, watch as n } from "vue";
+//#region src/composables/dom/useResizeObserver.ts
+function r(r, i, a = {}) {
+	let o = a.threshold ?? .5, s = a.rafBatch ?? !0, c = a.box, l = null, u = null, d = 0, f = 0, p = null, m = null;
+	function h() {
+		if (p = null, !m) return;
+		let e = m;
+		m = null, i(e.contentRect, e);
+	}
+	function g(e) {
+		let t = e.contentRect;
+		if (!(Math.abs(t.width - d) < o && Math.abs(t.height - f) < o)) {
+			if (d = t.width, f = t.height, !s) {
+				i(t, e);
+				return;
+			}
+			m = e, p === null && (p = requestAnimationFrame(h));
+		}
+	}
+	function _() {
+		l && u && l.unobserve(u), l?.disconnect(), l = null, u = null, p !== null && (cancelAnimationFrame(p), p = null), m = null;
+	}
+	function v(e) {
+		if (typeof window > "u" || typeof ResizeObserver > "u") return;
+		l = new ResizeObserver((e) => {
+			let t = e[e.length - 1];
+			t && g(t);
+		}), l.observe(e, c ? { box: c } : void 0), u = e;
+		let t = e.getBoundingClientRect();
+		d = t.width, f = t.height;
+	}
+	let y = n(r, (e) => {
+		_(), e && v(e);
+	}, {
+		immediate: !0,
+		flush: "post"
+	});
+	function b() {
+		y(), _();
+	}
+	return e() && t(b), { stop: b };
+}
+//#endregion
+export { r as t };

package/dist/useSortable-Ck0rBJ4g.js

@@ -0,0 +1,175 @@
+import { computed as e, onScopeDispose as t, shallowRef as n } from "vue";
+//#region src/composables/sortable/useSortable.ts
+var r = "[data-sortable-handle]", i = "is-sortable-drop-above", a = "is-sortable-drop-below", o = "sortable-drag-ghost", s = "is-sortable-dragging", c = /* @__PURE__ */ new Set();
+function l(e, t, n) {
+	if (!e.group) return null;
+	for (let r of c) {
+		if (r === e || r.group !== e.group) continue;
+		let i = r.getContainer();
+		if (!i) continue;
+		let a = i.getBoundingClientRect();
+		if (t >= a.left && t <= a.right && n >= a.top && n <= a.bottom) return r;
+	}
+	return null;
+}
+function u(u) {
+	let { items: d, getId: f, onReorder: p, onInsert: m, group: h, handleSelector: g = r, axis: _ = "y" } = u, v = n(null), y = n(null), b = n(null), x = null, S = null, C = 0, w = 0, T = null, E = null, D = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map();
+	function k() {
+		return d.value;
+	}
+	function A(e) {
+		let t = k();
+		for (let n = 0; n < t.length; n++) if (f(t[n]) === e) return n;
+		return -1;
+	}
+	function j(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 M(e, t) {
+		return j(D, k().map((e) => ({ id: f(e) })), e, t, _ === "x");
+	}
+	function N(e) {
+		return g === null ? !0 : e instanceof Element ? e.closest(g) !== null : !1;
+	}
+	function P(e, t, n) {
+		let r = e.getBoundingClientRect();
+		C = t - r.left, w = n - r.top;
+		let i = e.cloneNode(!0);
+		i.classList.add(o), i.style.position = "fixed", i.style.left = `${r.left}px`, i.style.top = `${r.top}px`, i.style.width = `${r.width}px`, i.style.height = `${r.height}px`, i.style.margin = "0", i.style.pointerEvents = "none", i.style.zIndex = "9999", i.id && i.removeAttribute("id");
+		for (let e of i.querySelectorAll("[id]")) e.removeAttribute("id");
+		document.body.appendChild(i), S = i;
+	}
+	function F(e, t) {
+		S && (S.style.left = `${e - C}px`, S.style.top = `${t - w}px`);
+	}
+	function I() {
+		S && S.parentNode && S.parentNode.removeChild(S), S = null;
+	}
+	function L(e, t) {
+		let n = D.get(e);
+		if (!(n instanceof HTMLElement)) return;
+		v.value = e, y.value = {
+			x: t.clientX,
+			y: t.clientY
+		}, b.value = A(e), x = null, T = n, n.classList.add(s), P(n, t.clientX, t.clientY);
+		let r = t.currentTarget;
+		if (r && "setPointerCapture" in r) try {
+			r.setPointerCapture(t.pointerId);
+		} catch {}
+		document.addEventListener("pointermove", R), document.addEventListener("pointerup", z), document.addEventListener("pointercancel", z);
+	}
+	function R(e) {
+		if (v.value === null) return;
+		y.value = {
+			x: e.clientX,
+			y: e.clientY
+		}, F(e.clientX, e.clientY);
+		let t = l(W, e.clientX, e.clientY);
+		if (t) {
+			x && x !== t && x.setExternalDropIndex(null), x = t;
+			let n = t.getItems().map((e) => ({ id: t.getId(e) })), r = j(t.getElements(), n, e.clientX, e.clientY, _ === "x");
+			t.setExternalDropIndex(r), b.value = null;
+		} else x &&= (x.setExternalDropIndex(null), null), b.value = M(e.clientX, e.clientY);
+	}
+	function z(e) {
+		let t = v.value, n = x, r = b.value;
+		if (B(), t === null) return;
+		let i = k(), a = i.findIndex((e) => f(e) === t);
+		if (a < 0) return;
+		if (n) {
+			let e = i[a], t = i.slice();
+			t.splice(a, 1), p(t);
+			let r = n.getExternalDropIndex?.() ?? null;
+			n.setExternalDropIndex(null), n.acceptExternal(r ?? 0, e);
+			return;
+		}
+		if (r === null) return;
+		let o = r;
+		if (o > a && --o, o === a) return;
+		let s = i.slice(), [c] = s.splice(a, 1);
+		s.splice(o, 0, c), p(s);
+	}
+	function B() {
+		I(), T &&= (T.classList.remove(s), null), x &&= (x.setExternalDropIndex(null), null), v.value = null, y.value = null, b.value = null, document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", z), document.removeEventListener("pointercancel", z);
+	}
+	function V(t) {
+		let n = O.get(t);
+		if (n) return n;
+		let r = (e) => {
+			e === null ? D.delete(t) : D.set(t, e);
+		};
+		function o(e, n) {
+			let r = A(t);
+			return r < 0 ? {
+				above: !1,
+				below: !1
+			} : e === n ? {
+				above: !1,
+				below: r === n - 1
+			} : {
+				above: r === e,
+				below: !1
+			};
+		}
+		let s = e(() => {
+			let e = {
+				[i]: !1,
+				[a]: !1
+			};
+			if (v.value !== null && b.value !== null) {
+				let t = o(b.value, k().length);
+				t.above && (e[i] = !0), t.below && (e[a] = !0);
+			}
+			if (H.value !== null && v.value === null) {
+				let t = o(H.value, k().length);
+				t.above && (e[i] = !0), t.below && (e[a] = !0);
+			}
+			return e;
+		}), c = {
+			ref: r,
+			dataAttrs: { "data-sortable-id": String(t) },
+			class: s,
+			onPointerdown: (e) => {
+				e.button === 0 && N(e.target) && (e.preventDefault(), L(t, e));
+			}
+		};
+		return O.set(t, c), c;
+	}
+	let H = n(null), U = {
+		ref: (e) => {
+			E = e;
+		},
+		dataAttrs: { "data-sortable-container": h ?? "" }
+	}, W = {
+		group: h,
+		getContainer: () => E,
+		getItems: () => d.value,
+		getId: (e) => f(e),
+		getElements: () => D,
+		setExternalDropIndex: (e) => {
+			H.value = e;
+		},
+		acceptExternal: (e, t) => {
+			m && m(e, t);
+		}
+	};
+	return W.getExternalDropIndex = () => H.value, c.add(W), t(() => {
+		c.delete(W), B();
+	}), {
+		registerItem: V,
+		container: U,
+		isDragging: e(() => v.value !== null),
+		dragId: e(() => v.value),
+		dragPosition: e(() => y.value),
+		dropIndex: e(() => b.value)
+	};
+}
+//#endregion
+export { u as t };

package/dist/useSpringMount-BTRBNzXP.js

@@ -0,0 +1,113 @@
+import { computed as e, getCurrentScope as t, nextTick as n, onMounted as r, onScopeDispose as i, readonly as a, ref as o, shallowRef as s, toValue as c, watch as l } from "vue";
+import { SpringProgress as u } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useSpring.ts
+function d(e, n = {}) {
+	let r = n.initial ?? 0, d = n.initialVelocity ?? 0, f = o(r), p = o(d), m = o(d === 0), h = s(new u({
+		response: n.response ?? .5,
+		dampingFraction: n.dampingFraction ?? .86,
+		initial: r,
+		initialVelocity: d,
+		settleThreshold: n.settleThreshold ?? .001,
+		velocitySettleThreshold: n.velocitySettleThreshold ?? .001,
+		respectReducedMotion: n.respectReducedMotion !== !1
+	})), g = h.value.subscribe((e, t) => {
+		f.value = e, p.value = t, m.value = h.value.settled, n.onValue?.(e, t);
+	});
+	h.value.play(() => {});
+	let _ = l(() => c(e), (e) => {
+		e != null && (h.value.target = e);
+	}, { immediate: !0 });
+	function v() {
+		f.value = h.value.value, p.value = h.value.velocity, m.value = h.value.settled;
+	}
+	function y() {
+		_(), g(), h.value.dispose();
+	}
+	return t() && i(y), {
+		value: a(f),
+		velocity: a(p),
+		isSettled: a(m),
+		snap: () => {
+			h.value.snap(), v();
+		},
+		reset: (e, t) => {
+			h.value.reset(e ?? 0, t ?? 0), v();
+		},
+		dispose: y
+	};
+}
+//#endregion
+//#region src/composables/motion/useSpringMount.ts
+var f = {
+	smooth: {
+		response: .5,
+		dampingFraction: .86
+	},
+	snappy: {
+		response: .35,
+		dampingFraction: .65
+	},
+	bouncy: {
+		response: .5,
+		dampingFraction: .45
+	},
+	gentle: {
+		response: .7,
+		dampingFraction: 1
+	}
+};
+function p(t) {
+	let a = f[t.preset ?? "smooth"], s = o(1), c = o(!1), u = 0, p = 0, m = null, h = !1, g = d(s, {
+		response: a.response,
+		dampingFraction: a.dampingFraction,
+		initial: 1,
+		settleThreshold: .001,
+		velocitySettleThreshold: .001,
+		respectReducedMotion: t.respectReducedMotion !== !1
+	});
+	r(() => {
+		t.open.value && n(() => {
+			s.value = 0;
+		});
+	});
+	let _ = l(() => t.open.value, (e, t) => {
+		e !== t && (c.value || (s.value = +!e));
+	}, { immediate: !1 }), v = l(() => g.isSettled.value, (e) => {
+		e && h && s.value >= 1 && (h = !1, t.onDismiss?.());
+	});
+	function y(e) {
+		if (e.button !== 0) return;
+		let t = e.currentTarget;
+		p = t.getBoundingClientRect().height || 1, u = e.clientY, m = e.pointerId, c.value = !0, t.setPointerCapture(e.pointerId);
+	}
+	function b(e) {
+		if (!c.value || e.pointerId !== m) return;
+		let t = e.clientY - u;
+		if (t <= 0) {
+			s.value = 0;
+			return;
+		}
+		s.value = Math.min(1, t / p);
+	}
+	function x(e) {
+		if (!c.value || e.pointerId !== m) return;
+		let n = e.currentTarget;
+		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), c.value = !1, m = null;
+		let r = t.dismissThreshold ?? .3;
+		s.value >= r ? (h = !0, s.value = 1) : s.value = 0;
+	}
+	return i(() => {
+		_(), v();
+	}), {
+		position: g.value,
+		isDragging: e(() => c.value),
+		dragHandlers: {
+			onPointerdown: y,
+			onPointermove: b,
+			onPointerup: x,
+			onPointercancel: x
+		}
+	};
+}
+//#endregion
+export { d as n, p as t };

package/dist/useTimer-lp5NlH4w.js

@@ -0,0 +1,20 @@
+import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r } from "vue";
+//#region src/composables/reactive/useTimer.ts
+function i(i, a = 0, o = {}) {
+	let s = r(!1), c = a, l = null, u = () => {
+		l !== null && (clearTimeout(l), l = null, s.value = !1);
+	}, d = (e = c) => {
+		c = e, u(), s.value = !0, l = setTimeout(() => {
+			l = null, s.value = !1, i();
+		}, c);
+	};
+	return e() && t(u), o.immediate !== !1 && d(a), {
+		isActive: n(s),
+		start: d,
+		restart: d,
+		stop: u,
+		clear: u
+	};
+}
+//#endregion
+export { i as t };

package/dist/useTouchGate-BhhEMlwJ.js

@@ -0,0 +1,84 @@
+import { t as e } from "./useTimer-lp5NlH4w.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;
+function o(e) {
+	for (let t of i) {
+		if (!t.isActive()) continue;
+		let n = t.controlEl();
+		n && !n.contains(e.target) && t.deactivate();
+	}
+}
+function s() {
+	a || typeof document > "u" || (document.addEventListener("touchstart", o, { passive: !0 }), a = !0);
+}
+function c() {
+	i.size > 0 || !a || typeof document > "u" || (document.removeEventListener("touchstart", o), a = !1);
+}
+function l(a = 3e3) {
+	let o = r(!1), l = typeof window < "u" && "ontouchstart" in window, u = null, d = null, f = !1, p = !1, m = e(() => {
+		x();
+	}, a, { immediate: !1 }), h = e(() => {
+		f && u && (f = !1, d = null, y(u));
+	}, 150, { immediate: !1 });
+	function g() {
+		m.stop();
+	}
+	function _() {
+		h.stop(), f = !1, d = null;
+	}
+	function v() {
+		g(), m.start(a);
+	}
+	function y(e) {
+		o.value = !0, e.style.touchAction = "none", v();
+	}
+	function b(e) {
+		if (p = e, e) {
+			g();
+			return;
+		}
+		v();
+	}
+	function x() {
+		p || (g(), _(), o.value = !1, u &&= (u.style.touchAction = "", null));
+	}
+	function S(e, t) {
+		return l ? (u = e, o.value ? (v(), !0) : (_(), f = !0, d = t, h.start(150), !1)) : !0;
+	}
+	function C(e) {
+		if (!l || !f || d === null) return;
+		let t = e.touches[0]?.clientY ?? 0;
+		Math.abs(t - d) > 10 && _();
+	}
+	function w() {
+		if (l) {
+			if (f && u) {
+				_(), y(u);
+				return;
+			}
+			o.value && v();
+		}
+	}
+	let T = {
+		isActive: () => o.value,
+		controlEl: () => u,
+		deactivate: x
+	};
+	l && (i.add(T), s());
+	function E() {
+		g(), _(), l && (i.delete(T), c()), u &&= (u.style.touchAction = "", null);
+	}
+	return t() && n(E), {
+		isActive: o,
+		isTouchDevice: l,
+		handleTouchStart: S,
+		handleScrollCheck: C,
+		handleTouchEnd: w,
+		resetTimer: v,
+		deactivate: x,
+		suppressDeactivate: b
+	};
+}
+//#endregion
+export { l as t };

package/dist/utils/cn.d.ts

@@ -0,0 +1,27 @@
+import { type ClassValue } from "clsx";
+/**
+ * `cn()` — class-name compositor for glass-ui.
+ *
+ * Rationale (W3.b.2 / A5 §3 Split 6): `tailwind-merge` ships ~22 KB
+ * gzipped of full Tailwind config to resolve every conflict pair across
+ * the framework. Glass-ui exercises a small, stable subset of Tailwind
+ * utilities; the conflict surface is enumerable. We replace twMerge with
+ * a hand-rolled deduplicator that handles the ~30 conflict pairs glass-ui
+ * actually relies on, paying ~0.5 KB gzipped instead.
+ *
+ * Semantics: clsx normalises the variadic argument shape (strings,
+ * arrays, conditional objects, falsy filtering). The deduplicator then
+ * walks the joined string left-to-right, computes each token's
+ * conflict-key (the CSS-property bucket the utility writes to), and
+ * keeps only the last token per bucket. Variant prefixes like
+ * `hover:`, `md:`, `dark:`, `[&::after]:` carry their own conflict
+ * scope: a bucket-key incorporates the prefix so `text-sm md:text-lg`
+ * keeps both. `!`-important tokens scope identically to their
+ * non-important twin (`!p-2 p-4` keeps `p-4` — last-write-wins ignores
+ * importance, mirroring twMerge's behaviour for the cases glass-ui hits).
+ *
+ * Tokens that don't match a known bucket pass through untouched (custom
+ * classes, arbitrary-value utilities like `[&::after]:hidden`, anything
+ * not in the conflict table).
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/x-cdWAmO-q.js

@@ -0,0 +1,10 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+var t = e("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+export { t };