@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/useSortable-DQV_UNDw.js

@@ -1,246 +0,0 @@
-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/useSpring-C0jyvEJB.js

@@ -1,40 +0,0 @@
-import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r, shallowRef as i, toValue as a, watch as o } from "vue";
-import { SpringProgress as s } from "@mkbabb/keyframes.js";
-//#region src/composables/motion/useSpring.ts
-function c(c, l = {}) {
-	let u = l.initial ?? 0, d = l.initialVelocity ?? 0, f = r(u), p = r(d), m = r(d === 0), h = i(new s({
-		response: l.response ?? .5,
-		dampingFraction: l.dampingFraction ?? .86,
-		initial: u,
-		initialVelocity: d,
-		settleThreshold: l.settleThreshold ?? .001,
-		velocitySettleThreshold: l.velocitySettleThreshold ?? .001,
-		respectReducedMotion: l.respectReducedMotion !== !1
-	})), g = h.value.subscribe((e, t) => {
-		f.value = e, p.value = t, m.value = h.value.settled, l.onValue?.(e, t);
-	});
-	h.value.play(() => {});
-	let _ = o(() => a(c), (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 e() && t(y), {
-		value: n(f),
-		velocity: n(p),
-		isSettled: n(m),
-		snap: () => {
-			h.value.snap(), v();
-		},
-		reset: (e, t) => {
-			h.value.reset(e ?? 0, t ?? 0), v();
-		},
-		dispose: y
-	};
-}
-//#endregion
-export { c as t };

package/dist/useSpringMount-DFxtzmkR.js

@@ -1,71 +0,0 @@
-import { t as e } from "./useSpring-C0jyvEJB.js";
-import { n as t } from "./springPresets-DfoQ6XRY.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-VM9RgVq3.js

@@ -1,36 +0,0 @@
-import { t as e } from "./useSpring-C0jyvEJB.js";
-import { n as t } from "./springPresets-DfoQ6XRY.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-Ci7Dnaw2.js

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

package/dist/useTouchGate-B1Lf9XqN.js

@@ -1,84 +0,0 @@
-import { t as e } from "./useTimer-BBLGPXR8.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/useUserInvalidAria-EmmwWPOl.js

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

package/dist/utils/cn.d.ts

@@ -1,27 +0,0 @@
-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/utils/index.d.ts

@@ -1,4 +0,0 @@
-export { cn } from "./cn";
-export { moveBeforeSafe } from "./moveBefore";
-export { coalesceMetric, METRIC_PLACEHOLDER, type MetricValue, type MetricValueProps, } from "./coalesceMetric";
-export { supportsMoveBefore, supportsScrollTimeline, supportsViewTimeline, supportsPostTask, } from "./platformSupport";

package/dist/utils/moveBefore.d.ts

@@ -1,15 +0,0 @@
-/**
- * Move `node` into `parent` immediately before `ref` (or to the end when `ref`
- * is `null`), preserving the node's live state when `Element.moveBefore` is
- * supported, and falling back to `insertBefore` otherwise.
- *
- * @param parent the destination parent element.
- * @param node   the node to move (may currently live elsewhere in the tree).
- * @param ref    the child to insert before, or `null` to append.
- */
-export declare function moveBeforeSafe(parent: Element, node: Node, ref: Node | null): void;
-/**
- * True when `Element.moveBefore` is available — the feature-detected predicate
- * for consumers that want to branch their own re-parent logic.
- */
-export declare function supportsMoveBefore(): boolean;

package/dist/utils/platformSupport.d.ts

@@ -1,8 +0,0 @@
-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;