@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/dom.d.ts

@@ -1 +1 @@
-export * from "./composables/dom";
+export * from "./composables/dom/index.js";

package/dist/dom.js

@@ -1,42 +1,64 @@
 import { t as e } from "./useResizeObserver-CdUlm2QZ.js";
-import { t } from "./useTouchGate-B4mzQcHJ.js";
-import { t as n } from "./useDragVelocity-6ONX0sr0.js";
-import { n as r, t as i } from "./useResolveTokenColor-B2FfJnd9.js";
+import { n as t, r as n, t as r } from "./useResolveTokenColor-CspQv_ik.js";
+import { t as i } from "./useDragVelocity-C5BkKiNf.js";
 import { n as a, t as o } from "./useClipboard-D36OTaeT.js";
-import { t as s } from "./useUserInvalidAria-0GNrddMX.js";
-import { getCurrentScope as c, onMounted as l, onScopeDispose as u, readonly as d, ref as f, toValue as p, watch as m } from "vue";
+import { getCurrentScope as s, onMounted as c, onScopeDispose as l, readonly as u, ref as d, toValue as f, watch as p } from "vue";
 //#region src/composables/dom/useTokenColor.ts
-function h(e, t = {}) {
-	let n = t.fallback ?? "", r = f(n), i = t.resolver ?? ((e, t) => getComputedStyle(t ?? document.documentElement).getPropertyValue(e));
+function m(e, t = {}) {
+	let n = t.fallback ?? "", r = d(n), i = t.resolver ?? ((e, t) => getComputedStyle(t ?? document.documentElement).getPropertyValue(e));
 	function a() {
-		let r = p(e);
+		let r = f(e);
 		if (!r || !t.resolver && typeof document > "u") return n;
-		let a = (t.element ? p(t.element) : null) ?? (typeof document < "u" ? document.documentElement : void 0) ?? void 0;
+		let a = (t.element ? f(t.element) : null) ?? (typeof document < "u" ? document.documentElement : void 0) ?? void 0;
 		return i(r, a ?? void 0).trim() || n;
 	}
 	function o() {
 		r.value = a();
 	}
-	if (o(), l(o), typeof document < "u") {
+	if (o(), c(o), typeof document < "u") {
 		let e = new MutationObserver(o);
 		e.observe(document.documentElement, {
 			attributes: !0,
 			attributeFilter: ["class"]
 		});
 		let t = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
-		t?.addEventListener?.("change", o), c() && u(() => {
+		t?.addEventListener?.("change", o), s() && l(() => {
 			e.disconnect(), t?.removeEventListener?.("change", o);
 		});
 	}
-	return m(() => p(e), o), t.element !== void 0 && m(() => p(t.element), o), {
+	return p(() => f(e), o), t.element !== void 0 && p(() => f(t.element), o), {
 		value: r,
 		refresh: o
 	};
 }
 //#endregion
+//#region src/composables/dom/useUserInvalidAria.ts
+function h(e = {}) {
+	return { bind: (e) => {
+		let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
+			let t = e;
+			if (!t?.checkValidity) return;
+			let n = t.checkValidity();
+			t.setAttribute("aria-invalid", n ? "false" : "true");
+		}, r = (e) => {
+			let r = e.target;
+			r?.checkValidity && (t.add(r), n(r));
+		}, i = (e) => {
+			let r = e.target;
+			!r?.checkValidity || !t.has(r) || r.checkValidity() && n(r);
+		}, a = () => {
+			let r = e.querySelectorAll("input, textarea, select");
+			for (let e of r) e.checkValidity && (t.add(e), n(e));
+		};
+		return e.addEventListener("blur", r, !0), e.addEventListener("input", i, !0), e.addEventListener("submit", a, !0), () => {
+			e.removeEventListener("blur", r, !0), e.removeEventListener("input", i, !0), e.removeEventListener("submit", a, !0);
+		};
+	} };
+}
+//#endregion
 //#region src/composables/dom/useBreakpoint.ts
 function g(e) {
-	let t = f(!1), n = null;
+	let t = d(!1), n = null;
 	function r(e) {
 		t.value = e.matches;
 	}
@@ -46,22 +68,22 @@ function g(e) {
 	function a() {
 		n?.removeEventListener("change", r), n = null;
 	}
-	return c() && u(a), i(), {
-		matches: d(t),
+	return s() && l(a), i(), {
+		matches: u(t),
 		stop: a
 	};
 }
 //#endregion
 //#region src/composables/dom/useIdleReady.ts
 function _(e = {}) {
-	let t = e.timeout ?? 2e3, n = f(!1), r = null, i = null, a = !1;
+	let t = e.timeout ?? 2e3, n = d(!1), r = null, i = null, a = !1;
 	function o() {
-		a || n.value || (n.value = !0, e.onReady?.(), s());
+		a || n.value || (n.value = !0, e.onReady?.(), c());
 	}
-	function s() {
+	function c() {
 		r !== null && typeof window < "u" && "cancelIdleCallback" in window && (window.cancelIdleCallback(r), r = null), i !== null && (clearTimeout(i), i = null);
 	}
-	function l() {
+	function u() {
 		if (!a) {
 			if (typeof window > "u") {
 				o();
@@ -70,33 +92,33 @@ function _(e = {}) {
 			"requestIdleCallback" in window ? r = window.requestIdleCallback(o, { timeout: t }) : i = setTimeout(o, 0);
 		}
 	}
-	l();
-	function d() {
-		a || (a = !0, s());
+	u();
+	function f() {
+		a || (a = !0, c());
 	}
-	return c() && u(d), {
+	return s() && l(f), {
 		ready: n,
-		stop: d
+		stop: f
 	};
 }
 //#endregion
 //#region src/composables/dom/useViewportReady.ts
 function v(e, t = {}) {
-	let n = t.rootMargin ?? "200px", r = t.idleTimeout ?? 1e4, i = t.threshold ?? .01, a = f(!1), o = null, s, l = null, d = null, p = !1;
+	let n = t.rootMargin ?? "200px", r = t.idleTimeout ?? 1e4, i = t.threshold ?? .01, a = d(!1), o = null, c, u = null, f = null, m = !1;
 	function h() {
-		p || a.value || (a.value = !0, _());
+		m || a.value || (a.value = !0, _());
 	}
 	function g() {
-		if (!p) {
+		if (!m) {
 			if (typeof window > "u") {
 				h();
 				return;
 			}
-			"requestIdleCallback" in window ? l = window.requestIdleCallback(h, { timeout: r }) : d = setTimeout(h, 16);
+			"requestIdleCallback" in window ? u = window.requestIdleCallback(h, { timeout: r }) : f = setTimeout(h, 16);
 		}
 	}
 	function _() {
-		o &&= (o.disconnect(), null), l !== null && typeof window < "u" && "cancelIdleCallback" in window && (window.cancelIdleCallback(l), l = null), d !== null && (clearTimeout(d), d = null);
+		o &&= (o.disconnect(), null), u !== null && typeof window < "u" && "cancelIdleCallback" in window && (window.cancelIdleCallback(u), u = null), f !== null && (clearTimeout(f), f = null);
 	}
 	function v(e) {
 		if (typeof window > "u" || !("IntersectionObserver" in window)) {
@@ -104,7 +126,7 @@ function v(e, t = {}) {
 			return;
 		}
 		o = new IntersectionObserver((e) => {
-			if (!p) {
+			if (!m) {
 				for (let t of e) if (t.isIntersecting) {
 					g(), o?.disconnect(), o = null;
 					break;
@@ -116,19 +138,19 @@ function v(e, t = {}) {
 		}), o.observe(e);
 	}
 	function y(e) {
-		p || a.value || s !== void 0 && s === e || (_(), s = e, e ? v(e) : g());
+		m || a.value || c !== void 0 && c === e || (_(), c = e, e ? v(e) : g());
 	}
 	y(e.value);
-	let b = m(e, (e) => {
+	let b = p(e, (e) => {
 		y(e);
 	}, { flush: "post" });
 	function x() {
-		p || (p = !0, b(), _());
+		m || (m = !0, b(), _());
 	}
-	return c() && u(x), {
+	return s() && l(x), {
 		ready: a,
 		stop: x
 	};
 }
 //#endregion
-export { i as createTokenColorCache, r as resolveTokenColor, g as useBreakpoint, o as useClipboard, n as useDragVelocity, _ as useIdleReady, e as useResizeObserver, h as useTokenColor, t as useTouchGate, s as useUserInvalidAria, v as useViewportReady, a as writeClipboard };
+export { r as createTokenColorCache, t as resolveTokenColor, g as useBreakpoint, o as useClipboard, i as useDragVelocity, _ as useIdleReady, e as useResizeObserver, m as useTokenColor, n as useTouchGate, h as useUserInvalidAria, v as useViewportReady, a as writeClipboard };

package/dist/easing.d.ts

@@ -1 +1 @@
-export * from "./components/easing";
+export * from "./components/easing/index.js";