@mkbabb/glass-ui 0.3.0 → 2.1.0

package/dist/useAnimatedNumber-DcvTR9B4.js

@@ -0,0 +1,51 @@
+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 { SmoothProgress as s } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/constants.ts
+var c = {
+	canvasNeedle: .08,
+	domHero: .12,
+	domPill: .14,
+	domProgress: .18
+}, l = {
+	canvas: .002,
+	dom: .05,
+	domProgress: .5
+};
+//#endregion
+//#region src/composables/motion/useAnimatedNumber.ts
+function u(e) {
+	return Math.max(0, Math.min(100, e));
+}
+function d(d, f = {}) {
+	let p = f.mode ?? "absolute", m = p === "progress" ? (e) => u(e) / 100 : (e) => e, h = p === "progress" ? (e) => e * 100 : (e) => e, g = p === "progress" ? u(f.initial ?? 0) : f.initial ?? 0, _ = m(g), v = r(g), y = r(!1), b = p === "progress" ? c.domProgress : c.domHero, x = p === "progress" ? l.domProgress : l.dom, S = p === "progress" ? (f.snapThreshold ?? x) / 100 : f.snapThreshold ?? x, C = i(new s({
+		damping: f.damping ?? b,
+		snapThreshold: S,
+		targetEpsilon: p === "progress" ? (f.targetEpsilon ?? 0) / 100 : f.targetEpsilon ?? 0,
+		initial: _,
+		clamp: p === "progress" ? !0 : f.clamp ?? !1,
+		respectReducedMotion: f.respectReducedMotion !== !1
+	}));
+	C.value.play((e) => {
+		v.value = h(e), y.value = !C.value.settled, f.onValue?.(v.value);
+	});
+	let w = o(() => a(d), (e) => {
+		e != null && C.value.setTarget(m(e));
+	}, { immediate: !0 });
+	function T() {
+		w(), C.value.stop(), y.value = !1;
+	}
+	return e() && t(T), {
+		current: n(v),
+		isAnimating: n(y),
+		snap: () => {
+			C.value.snap(), v.value = h(C.value.current), y.value = !1;
+		},
+		reset: (e) => {
+			let t = e ?? 0;
+			C.value.reset(m(t)), v.value = h(C.value.current), y.value = !1;
+		},
+		dispose: T
+	};
+}
+//#endregion
+export { c as n, l as r, d as t };

package/dist/useBreakpoint-BHlX-MhR.js

@@ -0,0 +1,134 @@
+import { t as e } from "./useGlobalDark-PMiP5Jku.js";
+import { getCurrentScope as t, onMounted as n, onScopeDispose as r, readonly as i, ref as a, toValue as o, watch as s } from "vue";
+//#region src/composables/dom/useTokenColor.ts
+function c(t, r = {}) {
+	let i = r.fallback ?? "", c = a(i);
+	function l() {
+		if (typeof document > "u") return i;
+		let e = o(t);
+		if (!e) return i;
+		let n = (r.element ? o(r.element) : null) ?? document.documentElement;
+		return n && getComputedStyle(n).getPropertyValue(e).trim() || i;
+	}
+	function u() {
+		c.value = l();
+	}
+	u(), n(u);
+	let { isDark: d } = e();
+	return s(d, u), s(() => o(t), u), r.element !== void 0 && s(() => o(r.element), u), {
+		value: c,
+		refresh: u
+	};
+}
+//#endregion
+//#region src/composables/dom/useClipboard.ts
+async function l(e) {
+	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return !1;
+	try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {
+		return !1;
+	}
+}
+function u(e) {
+	if (typeof document > "u") return !1;
+	let t = document.createElement("textarea");
+	t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.top = "-9999px", document.body.appendChild(t), t.select();
+	let n = !1;
+	try {
+		n = document.execCommand("copy");
+	} catch {
+		n = !1;
+	}
+	return document.body.removeChild(t), n;
+}
+async function d(e, t = {}) {
+	return await l(e) || u(e);
+}
+function f(e = {}) {
+	let t = e.resetMs ?? 1500, n = a(!1), i = null;
+	function o() {
+		i != null && (clearTimeout(i), i = null);
+	}
+	async function s(e) {
+		let r = await d(e);
+		return r && (n.value = !0, o(), i = setTimeout(() => {
+			n.value = !1, i = null;
+		}, t)), r;
+	}
+	return r(o), {
+		copied: n,
+		copy: s
+	};
+}
+//#endregion
+//#region src/composables/dom/useViewportReady.ts
+function p(e, n = {}) {
+	let i = n.rootMargin ?? "200px", o = n.idleTimeout ?? 1e4, c = n.threshold ?? .01, l = a(!1), u = null, d, f = null, p = null, m = !1;
+	function h() {
+		m || l.value || (l.value = !0, _());
+	}
+	function g() {
+		if (!m) {
+			if (typeof window > "u") {
+				h();
+				return;
+			}
+			"requestIdleCallback" in window ? f = window.requestIdleCallback(h, { timeout: o }) : p = setTimeout(h, 16);
+		}
+	}
+	function _() {
+		u &&= (u.disconnect(), null), f !== null && typeof window < "u" && "cancelIdleCallback" in window && (window.cancelIdleCallback(f), f = null), p !== null && (clearTimeout(p), p = null);
+	}
+	function v(e) {
+		if (typeof window > "u" || !("IntersectionObserver" in window)) {
+			g();
+			return;
+		}
+		u = new IntersectionObserver((e) => {
+			if (!m) {
+				for (let t of e) if (t.isIntersecting) {
+					g(), u?.disconnect(), u = null;
+					break;
+				}
+			}
+		}, {
+			rootMargin: i,
+			threshold: c
+		}), u.observe(e);
+	}
+	function y(e) {
+		m || l.value || d !== void 0 && d === e || (_(), d = e, e ? v(e) : g());
+	}
+	y(e.value);
+	let b = s(e, (e) => {
+		y(e);
+	}, { flush: "post" });
+	function x() {
+		m || (m = !0, b(), _());
+	}
+	return t() && r(x), {
+		ready: l,
+		stop: x
+	};
+}
+//#endregion
+//#region src/composables/dom/useBreakpoint.ts
+function m(e) {
+	let n = a(!1), o = null;
+	function s(e) {
+		n.value = e.matches;
+	}
+	function c() {
+		typeof window > "u" || !window.matchMedia || (o = window.matchMedia(e), n.value = o.matches, o.addEventListener("change", s));
+	}
+	function l() {
+		o?.removeEventListener("change", s), o = null;
+	}
+	return t() && r(l), c(), {
+		matches: i(n),
+		stop: l
+	};
+}
+//#endregion
+export { c as a, f as i, p as n, d as r, m as t };

package/dist/useConfiguratorState-BlaevW0S.js

@@ -0,0 +1,266 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./createLucideIcon-Bn9a1b70.js";
+import { t as n } from "./chevron-down-DILQA1t6.js";
+import { t as r } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t as i } from "./Label-C8QMJSsf.js";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as p, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as _, reactive as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, toRaw as C, unref as w, useId as T, watch as E, withCtx as D } from "vue";
+var O = t("rotate-ccw", [["path", {
+	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+	key: "1357e3"
+}], ["path", {
+	d: "M3 3v5h5",
+	key: "1xhq8a"
+}]]), k = Symbol("configuratorDensity");
+function A(e) {
+	_(k, e);
+}
+function j() {
+	return p(k, null);
+}
+//#endregion
+//#region src/components/custom/configurator/Configurator.vue?vue&type=script&setup=true&lang.ts
+var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }, N = { class: "configurator-aside flex min-h-0 min-w-0 flex-col border-t border-border/40 lg:border-l lg:border-t-0" }, P = {
+	key: 0,
+	class: "configurator-presets shrink-0 border-b border-border/40 px-3 py-2"
+}, F = {
+	class: "flex gap-2 overflow-x-auto scroll-fade-mask scrollbar-hidden",
+	role: "tablist",
+	"aria-label": "Presets"
+}, I = ["aria-selected", "onClick"], L = { class: "flex flex-col" }, R = {
+	key: 1,
+	class: "configurator-footer shrink-0 border-t border-border/40 px-3 py-2"
+}, z = /* @__PURE__ */ f({
+	__name: "Configurator",
+	props: {
+		presets: {},
+		activePreset: {},
+		layers: {},
+		activeLayer: {},
+		scrollMode: { default: "auto" },
+		density: { default: "comfortable" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"select-preset",
+		"select-layer",
+		"reset"
+	],
+	setup(t, { emit: n }) {
+		let r = t;
+		A(o(() => r.density));
+		let i = n, u = o(() => e("configurator glass-floating rounded-card border border-border/60 overflow-hidden", "grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(280px,360px)]", "min-h-0", r.class)), d = o(() => {
+			switch (r.scrollMode) {
+				case "always": return "overflow-y-auto scroll-fade-y scrollbar-thin";
+				case "never": return "overflow-visible";
+				default: return "overflow-y-auto scroll-fade-y scrollbar-thin";
+			}
+		});
+		return (n, r) => (g(), c("section", { class: m(u.value) }, [l("div", M, [x(n.$slots, "stage")]), l("aside", N, [
+			n.$slots.presets || t.presets && t.presets.length > 0 ? (g(), c("div", P, [x(n.$slots, "presets", {
+				presets: t.presets,
+				activePreset: t.activePreset
+			}, () => [l("div", F, [(g(!0), c(a, null, b(t.presets, (n) => (g(), c("button", {
+				key: n.key,
+				type: "button",
+				role: "tab",
+				"aria-selected": n.key === t.activePreset,
+				class: m(w(e)("focus-ring shrink-0 rounded-pill border px-3 py-1 text-xs font-medium transition-colors", n.key === t.activePreset ? "border-foreground/40 bg-foreground text-background" : "border-border/40 bg-card/40 text-foreground hover:bg-card/70")),
+				onClick: (e) => i("select-preset", n.key)
+			}, S(n.label), 11, I))), 128))])])])) : s("", !0),
+			l("div", { class: m(w(e)("configurator-controls flex-1 min-h-0", d.value)) }, [x(n.$slots, "controls", {
+				layers: t.layers,
+				activeLayer: t.activeLayer,
+				selectLayer: (e) => i("select-layer", e)
+			}, () => [l("div", L, [x(n.$slots, "default")])])], 2),
+			n.$slots.footer ? (g(), c("div", R, [x(n.$slots, "footer", { reset: () => i("reset") })])) : s("", !0)
+		])], 2));
+	}
+}), B = ["data-state"], V = [
+	"aria-expanded",
+	"aria-controls",
+	"data-state"
+], H = { class: "flex min-w-0 items-baseline gap-2" }, U = { class: "text-sm font-semibold text-foreground" }, W = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, G = [
+	"id",
+	"aria-hidden",
+	"data-state"
+], K = { class: "min-h-0 overflow-hidden" }, q = /* @__PURE__ */ f({
+	__name: "ConfiguratorLayer",
+	props: {
+		label: {},
+		sub: {},
+		id: {},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		bodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:open"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, u = y(i.open ?? i.defaultOpen);
+		E(() => i.open, (e) => {
+			e !== void 0 && (u.value = e);
+		});
+		let f = `configurator-layer-body-${T()}`, p = o(() => i.id ?? f);
+		function _() {
+			let e = !u.value;
+			u.value = e, a("update:open", e);
+		}
+		let v = o(() => u.value ? "open" : "closed");
+		return (r, a) => (g(), c("div", {
+			class: m(w(e)("configurator-layer border-b border-border/40 last:border-b-0", i.class)),
+			"data-state": v.value
+		}, [l("button", {
+			type: "button",
+			class: m(w(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 px-3 py-2", "text-left transition-colors hover:bg-foreground/5 focus-ring")),
+			"aria-expanded": u.value,
+			"aria-controls": p.value,
+			"data-state": v.value,
+			onClick: _
+		}, [l("div", H, [l("span", U, S(t.label), 1), t.sub ? (g(), c("span", W, S(t.sub), 1)) : s("", !0)]), d(w(n), {
+			class: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-[state=open]:rotate-180",
+			"aria-hidden": "true"
+		})], 10, V), l("div", {
+			id: p.value,
+			role: "region",
+			"aria-hidden": !u.value,
+			"data-state": v.value,
+			class: "configurator-layer-region grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
+			style: h({ gridTemplateRows: u.value ? "1fr" : "0fr" })
+		}, [l("div", K, [l("div", { class: m(w(e)("configurator-layer-body px-3 py-2 space-y-2", i.bodyClass)) }, [x(r.$slots, "default")], 2)])], 12, G)], 10, B));
+	}
+}), J = ["data-density"], Y = { class: "flex items-baseline justify-between gap-3" }, X = { class: "flex min-w-0 items-baseline gap-2" }, Z = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, Q = ["aria-label"], $ = { class: "flex items-center" }, ee = {
+	key: 0,
+	class: "text-micro leading-snug text-muted-foreground/80"
+}, te = /* @__PURE__ */ r(/* @__PURE__ */ f({
+	__name: "ConfiguratorRow",
+	props: {
+		label: {},
+		name: {},
+		description: {},
+		canReset: { type: Boolean },
+		density: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["reset"],
+	setup(t, { emit: n }) {
+		let r = t, a = n, f = j(), p = o(() => r.density ?? f?.value ?? void 0);
+		return (n, o) => (g(), c("div", {
+			class: m(w(e)("configurator-row flex flex-col gap-1.5 py-2", r.class)),
+			"data-density": p.value
+		}, [
+			l("div", Y, [l("div", X, [d(w(i), { class: "truncate text-sm font-medium text-foreground" }, {
+				default: D(() => [u(S(t.label), 1)]),
+				_: 1
+			}), t.name ? (g(), c("span", Z, S(t.name), 1)) : s("", !0)]), t.canReset ? (g(), c("button", {
+				key: 0,
+				type: "button",
+				class: "focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60 transition-colors hover:bg-foreground/5 hover:text-foreground active:scale-[var(--scale-press,0.97)]",
+				"aria-label": `Reset ${t.label}`,
+				onClick: o[0] ||= (e) => a("reset")
+			}, [d(w(O), {
+				class: "h-3 w-3",
+				"aria-hidden": "true"
+			})], 8, Q)) : s("", !0)]),
+			l("div", $, [x(n.$slots, "default", {}, void 0, !0)]),
+			t.description ? (g(), c("p", ee, S(t.description), 1)) : s("", !0)
+		], 10, J));
+	}
+}), [["__scopeId", "data-v-e6e34000"]]);
+//#endregion
+//#region src/components/custom/configurator/useConfiguratorState.ts
+function ne(e) {
+	let t = C(e);
+	if (typeof structuredClone != "function") throw Error("[glass-ui:configurator] structuredClone is unavailable in this runtime. Pass a custom clone via ConfiguratorStateOptions.clone for environments without structured-clone support.");
+	try {
+		return structuredClone(t);
+	} catch (e) {
+		throw Error("[glass-ui:configurator] structuredClone failed: " + (e instanceof Error ? e.message : String(e)) + ". Preset values must be structured-cloneable (no functions, symbols, DOM nodes, or class instances). Pass a custom clone via ConfiguratorStateOptions.clone if the data shape requires it.");
+	}
+}
+function re(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function ie(e) {
+	let t = e.clone ?? ne, n = e.equals ?? re, r = e.presets, i = e.cloneMode ?? "commit-on-write", a = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), s = a ? r.find((e) => e.key === a) : void 0, c = v(s ? t(s.config) : {}), l = y(a), u = i === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = o(() => l.value), f = o(() => {
+		let e = l.value;
+		if (!e) return !1;
+		let t = r.find((t) => t.key === e);
+		return t ? !n(c, t.config) : !1;
+	});
+	function p(e) {
+		return r.find((t) => t.key === e);
+	}
+	function m(e) {
+		let t = c, n = e;
+		for (let e of Object.keys(t)) e in n || delete t[e];
+		for (let e of Object.keys(n)) t[e] = n[e];
+	}
+	function h(e) {
+		u && (u[e] = t(c));
+	}
+	function g(e) {
+		let n = p(e);
+		if (n) if (i === "per-preset" && u) {
+			let t = l.value;
+			t && t !== e && t in u && h(t), l.value = e, m(u[e]);
+		} else l.value = e, m(t(n.config));
+	}
+	function _() {
+		let e = l.value;
+		if (!e) return;
+		let n = p(e);
+		n && (i === "per-preset" && u ? (u[e] = t(n.config), m(u[e])) : m(t(n.config)));
+	}
+	function b(e = 1) {
+		if (r.length === 0) return;
+		let t = l.value, n = t ? r.findIndex((e) => e.key === t) : -1, i = r.length, a = r[(n + e + i) % i];
+		g(a.key);
+	}
+	return {
+		config: c,
+		activePreset: d,
+		isDirty: f,
+		selectPreset: g,
+		resetCurrent: _,
+		cyclePreset: b,
+		getPreset: p
+	};
+}
+//#endregion
+export { k as a, z as i, te as n, A as o, q as r, j as s, ie as t };

package/dist/useGlassRenderer-DMDdMH55.js

@@ -0,0 +1,69 @@
+import { onMounted as e, ref as t } from "vue";
+//#region src/composables/glass/useGlassRenderer.ts
+function n() {
+	return window.chrome && CSS.supports("backdrop-filter", "url(#x) blur(1px)") ? "svg-filter" : CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)") ? "css" : "fallback";
+}
+function r(e, t, n, r) {
+	e.width = t, e.height = n;
+	let i = e.getContext("2d"), a = i.createImageData(t, n), o = a.data, s = t / 2, c = n / 2;
+	for (let e = 0; e < n; e++) for (let n = 0; n < t; n++) {
+		let i = (n - s) / s, a = (e - c) / c, l = Math.sqrt(i * i + a * a), u = l * (1 - l * .3) * r, d = -i * u, f = -a * u, p = (e * t + n) * 4;
+		o[p] = Math.round(128 + d * 127), o[p + 1] = Math.round(128 + f * 127), o[p + 2] = 128, o[p + 3] = 255;
+	}
+	i.putImageData(a, 0, 0);
+}
+function i(e, t, n) {
+	e.width = t, e.height = n;
+	let r = e.getContext("2d"), i = t / 2, a = n / 2, o = Math.max(i, a), s = r.createRadialGradient(i, a, 0, i, a, o);
+	s.addColorStop(0, "rgba(255,255,255,0)"), s.addColorStop(.5, "rgba(255,255,255,0.02)"), s.addColorStop(.8, "rgba(255,255,255,0.06)"), s.addColorStop(1, "rgba(255,255,255,0.12)"), r.fillStyle = s, r.fillRect(0, 0, t, n);
+	let c = r.createLinearGradient(0, 0, t, 0);
+	c.addColorStop(0, "rgba(255,255,255,0)"), c.addColorStop(.3, "rgba(255,255,255,0.15)"), c.addColorStop(.5, "rgba(255,255,255,0.25)"), c.addColorStop(.7, "rgba(255,255,255,0.15)"), c.addColorStop(1, "rgba(255,255,255,0)"), r.fillStyle = c, r.fillRect(0, 0, t, 2);
+}
+var a = 0;
+function o(e, t = {}) {
+	let n = `glass-refract-${a++}`, o = t.blur ?? 16, s = t.refraction ?? .3, c = document.createElement("canvas");
+	c.style.display = "none", document.body.appendChild(c);
+	let l = document.createElement("canvas");
+	l.style.display = "none", document.body.appendChild(l);
+	let u = e.getBoundingClientRect(), d = Math.max(Math.ceil(u.width / 4), 32), f = Math.max(Math.ceil(u.height / 4), 32);
+	r(c, d, f, s), i(l, d, f);
+	let p = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	p.setAttribute("width", "0"), p.setAttribute("height", "0"), p.style.position = "absolute", p.style.pointerEvents = "none";
+	let m = s * 30;
+	p.innerHTML = `
+        <filter id="${n}" x="0%" y="0%" width="100%" height="100%" color-interpolation-filters="sRGB">
+            <feImage href="${c.toDataURL()}" result="dispMap"
+                preserveAspectRatio="none" x="0%" y="0%" width="100%" height="100%" />
+            <feDisplacementMap in="SourceGraphic" in2="dispMap" result="refracted"
+                scale="${m}" xChannelSelector="R" yChannelSelector="G" />
+            <feGaussianBlur in="refracted" stdDeviation="${o * .3}" result="blurred" />
+            <feImage href="${l.toDataURL()}" result="specular"
+                preserveAspectRatio="none" x="0%" y="0%" width="100%" height="100%" />
+            <feBlend in="blurred" in2="specular" mode="screen" result="final" />
+        </filter>
+    `, document.body.appendChild(p), e.style.backdropFilter = `url(#${n}) blur(${o * .15}px) saturate(1.6) brightness(1.05)`, e.style.setProperty("-webkit-backdrop-filter", e.style.backdropFilter), e.style.border = "1px solid rgba(255,255,255,0.25)", e.style.boxShadow = "\n        inset 0 0.5px 0 0 rgba(255,255,255,0.3),\n        inset 0 -0.5px 0 0 rgba(0,0,0,0.05),\n        0 4px 16px rgba(0,0,0,0.08)\n    ";
+	let h = new ResizeObserver(() => {
+		let t = e.getBoundingClientRect(), n = Math.max(Math.ceil(t.width / 4), 32), a = Math.max(Math.ceil(t.height / 4), 32);
+		r(c, n, a, s), i(l, n, a);
+		let o = p.querySelectorAll("feImage");
+		o[0] && o[0].setAttribute("href", c.toDataURL()), o[1] && o[1].setAttribute("href", l.toDataURL());
+	});
+	return h.observe(e), {
+		filterId: n,
+		svgEl: p,
+		dispCanvas: c,
+		specCanvas: l,
+		observer: h
+	};
+}
+function s(e) {
+	e.observer?.disconnect(), e.svgEl.remove(), e.dispCanvas.remove(), e.specCanvas.remove();
+}
+function c(r) {
+	let i = t(r?.preferredTier ?? "css");
+	return e(() => {
+		r?.preferredTier || (i.value = n());
+	}), { tier: i };
+}
+//#endregion
+export { s as n, c as r, o as t };

package/dist/useGlobalDark-PMiP5Jku.js

@@ -0,0 +1,24 @@
+import { ref as e, watch as t } from "vue";
+import { createGlobalState as n, useDark as r, useToggle as i } from "@vueuse/core";
+//#region src/composables/dark/useGlobalDark.ts
+var a = n(() => {
+	let n = r({ disableTransition: !1 }), a = i(n), o = e(!1);
+	function s() {
+		o.value && (document.documentElement.classList.add("no-transition"), document.documentElement.offsetHeight), a(), o.value && requestAnimationFrame(() => {
+			document.documentElement.classList.remove("no-transition");
+		});
+	}
+	function c(e) {
+		o.value = e;
+	}
+	return t(n, (e) => {
+		document.documentElement.style.colorScheme = e ? "dark" : "light";
+	}, { immediate: !0 }), {
+		isDark: n,
+		toggleDark: s,
+		disableTransitions: o,
+		setDisableTransitions: c
+	};
+});
+//#endregion
+export { a as t };

package/dist/useIntersectionPause-CXYfYg_C.js

@@ -0,0 +1,39 @@
+import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r, toValue as i, watch as a } from "vue";
+//#region src/composables/motion/useIntersectionPause.ts
+function o() {
+	return typeof document > "u" ? null : document;
+}
+function s(s, c, l = {}) {
+	let { root: u = null, rootMargin: d = "0px", threshold: f = 0, pauseWhenHidden: p = !0 } = l, m = o(), h = r(!0), g = r(!p || !m?.hidden), _ = r(!1), v = !1, y = null, b = null, x = null;
+	function S() {
+		if (v) return;
+		let e = !h.value || !g.value;
+		_.value = e, b !== e && (b = e, e ? c.pause() : c.resume());
+	}
+	typeof IntersectionObserver < "u" && (x = new IntersectionObserver((e) => {
+		for (let t of e) t.target === y && (h.value = t.isIntersecting || t.intersectionRatio > 0, S());
+	}, {
+		root: u,
+		rootMargin: d,
+		threshold: f
+	}));
+	let C = a(() => i(s), (e, t) => {
+		t && x && x.unobserve(t), y = e ?? null, h.value = !0, y && x && x.observe(y), S();
+	}, { immediate: !0 });
+	function w() {
+		g.value = !p || !m?.hidden, S();
+	}
+	m && p && m.addEventListener("visibilitychange", w);
+	function T() {
+		v || (v = !0, C(), x?.disconnect(), x = null, y = null, m?.removeEventListener("visibilitychange", w));
+	}
+	return e() && t(T), {
+		isIntersecting: n(h),
+		isDocumentVisible: n(g),
+		isPaused: n(_),
+		refresh: S,
+		dispose: T
+	};
+}
+//#endregion
+export { s as t };

package/dist/useInterval-COlTCeVa.js

@@ -0,0 +1,18 @@
+import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r } from "vue";
+//#region src/composables/reactive/useInterval.ts
+function i(i, a = 0, o = {}) {
+	let s = r(!1), c = a, l = null, u = () => {
+		l !== null && (clearInterval(l), l = null, s.value = !1);
+	}, d = (e = c) => {
+		c = e, u(), s.value = !0, l = setInterval(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 };