@mkbabb/glass-ui 3.1.1 → 3.3.0

package/dist/useClipboard-D8vFyRCa.js

@@ -0,0 +1,97 @@
+import { getCurrentScope as e, onMounted as t, onScopeDispose as n, ref as r, toValue as i, watch as a } from "vue";
+//#region src/composables/dom/useTokenColor.ts
+function o(o, s = {}) {
+	let c = s.fallback ?? "", l = r(c);
+	function u() {
+		if (typeof document > "u") return c;
+		let e = i(o);
+		if (!e) return c;
+		let t = (s.element ? i(s.element) : null) ?? document.documentElement;
+		return t && getComputedStyle(t).getPropertyValue(e).trim() || c;
+	}
+	function d() {
+		l.value = u();
+	}
+	if (d(), t(d), typeof document < "u") {
+		let t = new MutationObserver(d);
+		t.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		});
+		let r = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+		r?.addEventListener?.("change", d), e() && n(() => {
+			t.disconnect(), r?.removeEventListener?.("change", d);
+		});
+	}
+	return a(() => i(o), d), s.element !== void 0 && a(() => i(s.element), d), {
+		value: l,
+		refresh: d
+	};
+}
+//#endregion
+//#region src/composables/dom/useClipboard.ts
+async function s(e) {
+	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return {
+		ok: !1,
+		reason: "no-api"
+	};
+	try {
+		return await navigator.clipboard.writeText(e), { ok: !0 };
+	} catch {
+		return {
+			ok: !1,
+			reason: "clipboard-api"
+		};
+	}
+}
+function c(e) {
+	if (typeof document > "u") return {
+		ok: !1,
+		reason: "no-api"
+	};
+	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 ? { ok: !0 } : {
+		ok: !1,
+		reason: "exec-command"
+	};
+}
+async function l(e, t) {
+	let n = await s(e);
+	if (n.ok) return n;
+	let r = c(e);
+	if (r.ok) return r;
+	let i = r.reason ?? n.reason ?? "no-api";
+	return t?.(i), {
+		ok: !1,
+		reason: i
+	};
+}
+async function u(e, t = {}) {
+	let { ok: n } = await l(e, t.onCopyError);
+	return n;
+}
+function d(e = {}) {
+	let t = e.resetMs ?? 1500, i = r(!1), a = null;
+	function o() {
+		a != null && (clearTimeout(a), a = null);
+	}
+	async function s(n) {
+		let r = await l(n, e.onCopyError);
+		return r.ok && (i.value = !0, o(), a = setTimeout(() => {
+			i.value = !1, a = null;
+		}, t)), r;
+	}
+	return n(o), {
+		copied: i,
+		copy: s
+	};
+}
+//#endregion
+export { d as n, o as r, u as t };

package/dist/useConfiguratorState-DUtC1jxr.js

@@ -0,0 +1,276 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./createLucideIcon-DuDoe_ra.js";
+import { t as n } from "./chevron-down-pBY8sYfV.js";
+import { t as r } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as i } from "./createContext-DBMGRlx4.js";
+import { t as a } from "./Label-CZk-3nTc.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, normalizeClass as h, normalizeStyle as g, openBlock 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, useModel 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 = i("configuratorDensity"), A = k.KEY;
+function j(e) {
+	k.provide(e);
+}
+var M = k.use, N = {
+	key: 0,
+	class: "configurator-presets shrink-0 border-b border-border/40 px-3 py-2"
+}, P = {
+	class: "flex gap-2 overflow-x-auto scroll-fade-mask scrollbar-hidden",
+	role: "tablist",
+	"aria-label": "Presets"
+}, F = ["aria-selected", "onClick"], I = { class: "flex flex-col" }, L = {
+	key: 1,
+	class: "configurator-footer shrink-0 border-t border-border/40 px-3 py-2"
+}, R = /* @__PURE__ */ p({
+	__name: "Configurator",
+	props: {
+		presets: {},
+		activePreset: {},
+		layers: {},
+		activeLayer: {},
+		scrollMode: { default: "auto" },
+		density: { default: "comfortable" },
+		asideSide: { default: "right" },
+		asideWidth: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"select-preset",
+		"select-layer",
+		"reset"
+	],
+	setup(t, { emit: n }) {
+		let r = t;
+		j(s(() => r.density));
+		let i = n, a = s(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1", "lg:grid-cols-[minmax(0,1fr)_minmax(var(--configurator-aside-min,280px),var(--configurator-aside-max,360px))]", "min-h-0", r.class)), d = s(() => {
+			if (r.asideWidth == null) return;
+			let [e, t] = Array.isArray(r.asideWidth) ? r.asideWidth : [r.asideWidth, r.asideWidth];
+			return {
+				"--configurator-aside-min": e,
+				"--configurator-aside-max": t
+			};
+		}), f = s(() => r.asideSide === "left" ? "lg:col-start-2" : ""), p = s(() => r.asideSide === "left" ? "lg:col-start-1 lg:row-start-1" : ""), m = s(() => r.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), v = s(() => {
+			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) => (_(), l("section", {
+			class: h(a.value),
+			style: g(d.value)
+		}, [u("div", { class: h(w(e)("configurator-stage relative min-h-0 min-w-0 overflow-hidden", f.value)) }, [x(n.$slots, "stage")], 2), u("aside", { class: h(w(e)("configurator-aside flex min-h-0 min-w-0 flex-col border-t border-border/40 lg:border-t-0", m.value, p.value)) }, [
+			n.$slots.presets || t.presets && t.presets.length > 0 ? (_(), l("div", N, [x(n.$slots, "presets", {
+				presets: t.presets,
+				activePreset: t.activePreset
+			}, () => [u("div", P, [(_(!0), l(o, null, b(t.presets, (n) => (_(), l("button", {
+				key: n.key,
+				type: "button",
+				role: "tab",
+				"aria-selected": n.key === t.activePreset,
+				class: h(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, F))), 128))])])])) : c("", !0),
+			u("div", { class: h(w(e)("configurator-controls flex-1 min-h-0", v.value)) }, [x(n.$slots, "controls", {
+				layers: t.layers,
+				activeLayer: t.activeLayer,
+				selectLayer: (e) => i("select-layer", e)
+			}, () => [u("div", I, [x(n.$slots, "default")])])], 2),
+			n.$slots.footer ? (_(), l("div", L, [x(n.$slots, "footer", { reset: () => i("reset") })])) : c("", !0)
+		], 2)], 6));
+	}
+}), z = ["data-state"], B = [
+	"aria-expanded",
+	"aria-controls",
+	"data-state"
+], V = { class: "flex min-w-0 items-baseline gap-2" }, H = { class: "text-small font-semibold text-foreground" }, U = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, W = [
+	"id",
+	"aria-hidden",
+	"inert",
+	"data-state"
+], G = { class: "min-h-0 overflow-hidden" }, K = /* @__PURE__ */ p({
+	__name: "ConfiguratorLayer",
+	props: /* @__PURE__ */ m({
+		label: {},
+		sub: {},
+		id: {},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		dividers: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		bodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(t) {
+		let r = t, i = E(t, "open");
+		i.value === void 0 && (i.value = r.defaultOpen);
+		let a = `configurator-layer-body-${T()}`, o = s(() => r.id ?? a);
+		function d() {
+			i.value = !i.value;
+		}
+		let p = s(() => i.value ? "open" : "closed");
+		return (a, s) => (_(), l("div", {
+			class: h(w(e)("configurator-layer border-b border-border/40 last:border-b-0", r.class)),
+			"data-state": p.value
+		}, [u("button", {
+			type: "button",
+			class: h(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": i.value,
+			"aria-controls": o.value,
+			"data-state": p.value,
+			onClick: d
+		}, [u("div", V, [u("span", H, S(t.label), 1), t.sub ? (_(), l("span", U, S(t.sub), 1)) : c("", !0)]), f(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, B), u("div", {
+			id: o.value,
+			role: "region",
+			"aria-hidden": !i.value,
+			inert: !i.value || void 0,
+			"data-state": p.value,
+			class: "configurator-layer-region grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
+			style: g({ gridTemplateRows: i.value ? "1fr" : "0fr" })
+		}, [u("div", G, [u("div", { class: h(w(e)("configurator-layer-body px-3 py-2 space-y-2", r.dividers && "[&>*+*]:border-t [&>*+*]:border-border/30 [&>*+*]:pt-2", r.bodyClass)) }, [x(a.$slots, "default")], 2)])], 12, W)], 10, z));
+	}
+}), q = ["data-density"], J = { class: "flex items-baseline justify-between gap-3" }, Y = { class: "flex min-w-0 items-baseline gap-2" }, X = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, Z = ["aria-label"], Q = { class: "flex items-center" }, $ = {
+	key: 0,
+	class: "text-micro leading-snug text-muted-foreground/80"
+}, ee = /* @__PURE__ */ r(/* @__PURE__ */ p({
+	__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, i = n, o = M(), p = s(() => r.density ?? o?.value ?? void 0);
+		return (n, o) => (_(), l("div", {
+			class: h(w(e)("configurator-row flex flex-col gap-1.5 py-2", r.class)),
+			"data-density": p.value
+		}, [
+			u("div", J, [u("div", Y, [f(w(a), { class: "truncate text-small font-medium text-foreground" }, {
+				default: D(() => [d(S(t.label), 1)]),
+				_: 1
+			}), t.name ? (_(), l("span", X, S(t.name), 1)) : c("", !0)]), t.canReset ? (_(), l("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) => i("reset")
+			}, [f(w(O), {
+				class: "h-3 w-3",
+				"aria-hidden": "true"
+			})], 8, Z)) : c("", !0)]),
+			u("div", Q, [x(n.$slots, "default", {}, void 0, !0)]),
+			t.description ? (_(), l("p", $, S(t.description), 1)) : c("", !0)
+		], 10, q));
+	}
+}), [["__scopeId", "data-v-1b71284c"]]);
+//#endregion
+//#region src/components/custom/configurator/useConfiguratorState.ts
+function te(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 ne(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function re(e) {
+	let t = e.clone ?? te, n = e.equals ?? ne, r = e.presets, i = e.cloneMode ?? "commit-on-write", a = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), o = a ? r.find((e) => e.key === a) : void 0, c = v(o ? t(o.config) : {}), l = y(a), u = i === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = s(() => l.value), f = s(() => {
+		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 { A as a, R as i, ee as n, j as o, K as r, M as s, re as t };

package/dist/useGlobalDark-CWiaCoEw.js

@@ -0,0 +1,34 @@
+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, o = n(() => {
+	let n = r({
+		initialValue: a,
+		disableTransition: !1
+	}), o = i(n), s = e(!1);
+	function c() {
+		s.value && (document.documentElement.classList.add("no-transition"), document.documentElement.offsetHeight), o(), s.value && requestAnimationFrame(() => {
+			document.documentElement.classList.remove("no-transition");
+		});
+	}
+	function l(e) {
+		s.value = e;
+	}
+	return t(n, (e) => {
+		document.documentElement.style.colorScheme = e ? "dark" : "light";
+	}, { immediate: !0 }), {
+		isDark: n,
+		toggleDark: c,
+		disableTransitions: s,
+		setDisableTransitions: l
+	};
+});
+function s(e) {
+	if (e?.initialValue !== void 0) {
+		if (a === void 0) a = e.initialValue;
+		else if (a !== e.initialValue) throw Error(`[glass-ui] useGlobalDark({ initialValue: "${e.initialValue}" }) conflicts: the singleton was already constructed with initialValue "${a}". The seed is ONE-SHOT — set it on the FIRST useGlobalDark() call only.`);
+	}
+	return o();
+}
+//#endregion
+export { s as t };

package/dist/useIntersectionPause-DAdVPVp4.js

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