@mkbabb/glass-ui 8.0.0 → 9.0.0

package/dist/configurator-BHJymdrF.js

@@ -0,0 +1,339 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./createContext-BhkE9mLH.js";
+import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as r } from "./label-BQEZhnK_.js";
+import { t as i } from "./expandable-container-BY1hQXi4.js";
+import { t as a } from "./fading-scroll-CTeW3KNS.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, toRaw as E, unref as D, useId as O, useModel as k, withCtx as A, withModifiers as j } from "vue";
+import { ChevronDown as M, RotateCcw as N } from "@lucide/vue";
+//#region src/components/configurator/size.ts
+var P = t("configuratorSize"), F = P.KEY;
+function I(e) {
+	P.provide(e);
+}
+var L = P.use, R = ["data-aside-side", "data-gallery"], z = {
+	key: 0,
+	"data-gallery-dock": "",
+	class: "configurator-presets shrink-0 px-3 py-2"
+}, B = [
+	"data-active",
+	"aria-pressed",
+	"onClick"
+], V = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }, H = { class: "configurator-aside flex min-h-0 min-w-0 flex-col border-t" }, U = { class: "flex flex-col" }, W = {
+	key: 1,
+	class: "configurator-controls flex-1 min-h-0 overflow-visible"
+}, G = { class: "flex flex-col" }, K = {
+	key: 2,
+	class: "configurator-footer shrink-0 border-t px-3 py-2"
+}, q = /* @__PURE__ */ m({
+	__name: "Configurator",
+	props: /*@__PURE__*/ h({
+		presets: {},
+		activePreset: {},
+		layers: {},
+		activeLayer: {},
+		scrollMode: { default: "auto" },
+		size: { default: "md" },
+		asideSide: { default: "right" },
+		galleryPlacement: { default: "aside" },
+		asideWidth: {},
+		expandable: {
+			type: Boolean,
+			default: !1
+		},
+		expandLabel: { default: "Expand configurator" },
+		collapseLabel: { default: "Collapse configurator" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		expanded: {
+			type: Boolean,
+			default: !1
+		},
+		expandedModifiers: {}
+	}),
+	emits: /*@__PURE__*/ h([
+		"select-preset",
+		"select-layer",
+		"reset"
+	], ["update:expanded"]),
+	setup(t, { emit: n }) {
+		let r = t, f = k(t, "expanded");
+		I(s(() => r.size));
+		let m = n, h = s(() => e("configurator-shell glass-floating rounded-panel border border-border/60 overflow-hidden", r.class)), b = s(() => e("configurator", "grid grid-cols-1", "grid-rows-[auto_minmax(var(--configurator-stage-min,18rem),auto)_minmax(0,1fr)]", "min-h-0")), x = s(() => r.expandable ? i : "div"), E = s(() => r.expandable ? "configurator-expand-host" : "contents"), O = s(() => r.expandable ? {
+			open: f.value,
+			"onUpdate:open": (e) => {
+				f.value = e;
+			},
+			expandLabel: r.expandLabel,
+			collapseLabel: r.collapseLabel
+		} : {}), M = s(() => r.expandable && f.value ? "top" : r.galleryPlacement), N = s(() => {
+			let e = {
+				"--radius-ctx": "var(--radius-panel)",
+				"--radius-inset": "var(--configurator-pad-inline)"
+			};
+			if (r.asideWidth != null) {
+				let [t, n] = Array.isArray(r.asideWidth) ? r.asideWidth : [r.asideWidth, r.asideWidth];
+				e["--configurator-aside-min"] = t, e["--configurator-aside-max"] = n;
+			}
+			return e;
+		}), P = s(() => r.scrollMode !== "never");
+		return (n, r) => (y(), c(w(x.value), g(O.value, { class: E.value }), {
+			default: A(() => [d("div", {
+				class: _(h.value),
+				style: v(N.value)
+			}, [d("section", {
+				"data-slot": "configurator",
+				"data-aside-side": t.asideSide,
+				"data-gallery": M.value,
+				class: _(b.value)
+			}, [
+				n.$slots.presets || t.presets && t.presets.length > 0 ? (y(), u("div", z, [C(n.$slots, "presets", {
+					presets: t.presets,
+					activePreset: t.activePreset
+				}, () => [p(D(a), {
+					axis: "x",
+					class: "configurator-gallery-track flex gap-2 scrollbar-hidden",
+					role: "group",
+					"aria-label": "Presets"
+				}, {
+					default: A(() => [(y(!0), u(o, null, S(t.presets, (n) => (y(), u("button", {
+						key: n.key,
+						type: "button",
+						"data-preset-tile": "",
+						"data-active": n.key === t.activePreset || void 0,
+						"aria-pressed": n.key === t.activePreset,
+						class: _(D(e)("configurator-preset-chip glass-capsule glass-capsule-hover shadow-cartoon focus-ring shrink-0 px-3 py-1 text-micro font-medium text-foreground", n.key === t.activePreset && "is-active")),
+						onClick: j((e) => m("select-preset", n.key), ["stop"])
+					}, T(n.label), 11, B))), 128))]),
+					_: 1
+				})])])) : l("", !0),
+				d("div", V, [C(n.$slots, "stage")]),
+				d("aside", H, [P.value ? (y(), c(D(a), {
+					key: 0,
+					axis: "y",
+					class: "configurator-controls flex-1 min-h-0 scrollbar-thin"
+				}, {
+					default: A(() => [C(n.$slots, "controls", {
+						layers: t.layers,
+						activeLayer: t.activeLayer,
+						selectLayer: (e) => m("select-layer", e)
+					}, () => [d("div", U, [C(n.$slots, "default")])])]),
+					_: 3
+				})) : (y(), u("div", W, [C(n.$slots, "controls", {
+					layers: t.layers,
+					activeLayer: t.activeLayer,
+					selectLayer: (e) => m("select-layer", e)
+				}, () => [d("div", G, [C(n.$slots, "default")])])])), n.$slots.footer ? (y(), u("div", K, [C(n.$slots, "footer", { reset: () => m("reset") })])) : l("", !0)])
+			], 10, R)], 6)]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), J = ["data-state"], Y = [
+	"aria-expanded",
+	"aria-controls",
+	"data-state"
+], X = { class: "flex min-w-0 items-baseline gap-2" }, ee = { class: "configurator-section-label truncate" }, Z = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, Q = [
+	"id",
+	"aria-hidden",
+	"inert",
+	"data-state"
+], $ = { class: "min-h-0 overflow-hidden" }, te = ["data-dividers"], ne = /*#__PURE__*/ n(/* @__PURE__ */ m({
+	__name: "ConfiguratorLayer",
+	props: /*@__PURE__*/ h({
+		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 n = t, r = k(t, "open");
+		r.value === void 0 && (r.value = n.defaultOpen);
+		let i = `configurator-layer-body-${O()}`, a = s(() => n.id ?? i);
+		function o() {
+			r.value = !r.value;
+		}
+		let c = s(() => r.value ? "open" : "closed");
+		return (i, s) => (y(), u("div", {
+			"data-slot": "configurator-layer",
+			class: _(D(e)("configurator-layer border", n.class)),
+			"data-state": c.value
+		}, [d("button", {
+			type: "button",
+			"data-slot": "configurator-layer-trigger",
+			class: _(D(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 py-2", "tap-squish transition-control text-left hover:bg-foreground/5 focus-ring")),
+			"aria-expanded": r.value,
+			"aria-controls": a.value,
+			"data-state": c.value,
+			onClick: o
+		}, [d("div", X, [d("span", ee, T(t.label), 1), t.sub ? (y(), u("span", Z, T(t.sub), 1)) : l("", !0)]), p(D(M), {
+			class: "h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180 transition-disclosure",
+			"aria-hidden": "true"
+		})], 10, Y), d("div", {
+			id: a.value,
+			role: "region",
+			"aria-hidden": !r.value,
+			inert: !r.value || void 0,
+			"data-state": c.value,
+			class: "configurator-layer-region grid motion-reduce:transition-none",
+			style: v({ gridTemplateRows: r.value ? "1fr" : "0fr" })
+		}, [d("div", $, [d("div", {
+			"data-dividers": n.dividers || void 0,
+			class: _(D(e)("configurator-layer-body py-2 space-y-2", n.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", n.bodyClass))
+		}, [C(i.$slots, "default", {}, void 0, !0)], 10, te)])], 12, Q)], 10, J));
+	}
+}), [["__scopeId", "data-v-22ad90dd"]]), re = ["data-size"], ie = { class: "flex items-baseline justify-between gap-3" }, ae = { class: "flex min-w-0 items-baseline gap-2" }, oe = {
+	key: 0,
+	class: "truncate text-small font-normal text-muted-foreground"
+}, se = {
+	key: 1,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, ce = ["aria-label"], le = { class: "flex w-full min-w-0 items-center [&>*]:min-w-0 [&>*]:w-full [&>*]:flex-1" }, ue = {
+	key: 0,
+	class: "text-micro leading-snug text-muted-foreground/80"
+}, de = /*#__PURE__*/ n(/* @__PURE__ */ m({
+	__name: "ConfiguratorRow",
+	props: {
+		label: {},
+		sub: {},
+		name: {},
+		description: {},
+		canReset: { type: Boolean },
+		size: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["reset"],
+	setup(t, { emit: n }) {
+		let i = t, a = n, o = `${O()}-label`, c = L(), m = s(() => i.size ?? c?.value ?? void 0);
+		return (n, s) => (y(), u("div", {
+			"data-slot": "configurator-row",
+			class: _(D(e)("configurator-row flex flex-col gap-1.5 py-2", i.class)),
+			"data-size": m.value
+		}, [
+			d("div", ie, [d("div", ae, [
+				p(D(r), {
+					id: o,
+					class: "truncate text-small font-medium text-foreground"
+				}, {
+					default: A(() => [f(T(t.label), 1)]),
+					_: 1
+				}),
+				t.sub ? (y(), u("span", oe, T(t.sub), 1)) : l("", !0),
+				t.name ? (y(), u("span", se, T(t.name), 1)) : l("", !0)
+			]), t.canReset ? (y(), u("button", {
+				key: 0,
+				type: "button",
+				"data-slot": "configurator-reset",
+				class: "tap-squish transition-control focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60 hover:bg-foreground/5 hover:text-foreground",
+				"aria-label": `Reset ${t.label}`,
+				onClick: s[0] ||= (e) => a("reset")
+			}, [p(D(N), {
+				class: "h-3 w-3",
+				"aria-hidden": "true"
+			})], 8, ce)) : l("", !0)]),
+			d("div", le, [C(n.$slots, "default", { labelledBy: o }, void 0, !0)]),
+			t.description ? (y(), u("p", ue, T(t.description), 1)) : l("", !0)
+		], 10, re));
+	}
+}), [["__scopeId", "data-v-5d0a0dea"]]);
+//#endregion
+//#region src/components/configurator/useConfiguratorState.ts
+function fe(e) {
+	let t = E(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 pe(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function me(e) {
+	let t = e.clone ?? fe, n = e.equals ?? pe, 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 = b(o ? t(o.config) : {}), l = x(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 v(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: v,
+		getPreset: p
+	};
+}
+//#endregion
+export { F as a, q as i, de as n, I as o, ne as r, L as s, me as t };

package/dist/configurator.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./configurator-BoeScnDL.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./configurator-BHJymdrF.js";
 export { e as CONFIGURATOR_SIZE_KEY, t as Configurator, i as ConfiguratorLayer, n as ConfiguratorRow, r as provideConfiguratorSize, o as useConfiguratorState, a as useOptionalConfiguratorSize };

package/dist/constellation.js

@@ -1,10 +1,10 @@
 import { t as e } from "./class-names-q-UGOkHH.js";
 import { t } from "./useReducedMotion-vCXA_vyM.js";
-import { n } from "./resolveCanvasColor-6MCrswTB.js";
+import { t as n } from "./useCanvas2D-CQRElMyE.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as i } from "./usePointerVelocityField-DsIf7yyq.js";
 import { t as a } from "./useRoutePointer-B8itM7Ka.js";
-import { d as o, l as s } from "./pointerFieldMappings-DP5tla5z.js";
+import { c as o, s } from "./pointerFieldMappings-DXwlU5uj.js";
 import { a as c, t as l } from "./rendererStatus-BxUlBLVy.js";
 import { n as u, t as d } from "./prng-2uS6J_A1.js";
 import { computed as f, createElementBlock as p, createElementVNode as m, defineComponent as h, getCurrentInstance as g, normalizeClass as _, onMounted as v, onUnmounted as y, openBlock as b, readonly as x, ref as S, shallowRef as C, unref as w, useTemplateRef as T, watch as E } from "vue";

package/dist/control-DJp15L4U.js

@@ -0,0 +1,7 @@
+//#region src/components/_shared/control.ts
+var e = (e) => ({
+	"data-invalid": e || void 0,
+	"aria-invalid": e || void 0
+});
+//#endregion
+export { e as t };

package/dist/{dark-z_P5QwqI.js → dark-CLlmo7dD.js}

@@ -63,8 +63,8 @@ function l(t) {
 //#region src/composables/dark/darkModeSyncScript.ts
 var u = "vueuse-color-scheme", d = "dark";
 function f(e = {}) {
-	let t = e.storageKey ?? "vueuse-color-scheme";
-	return `(function(){try{var m=localStorage.getItem(${JSON.stringify(t)});var d=m==="${d}"||((m===null||m==="auto")&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches);var e=document.documentElement;e.classList.toggle("${d}",d);e.style.colorScheme=d?"dark":"light";}catch(_){}})();`;
+	let t = e.storageKey ?? "vueuse-color-scheme", n = e.defaultDark ?? "os", r = n === "os" ? "window.matchMedia&&window.matchMedia(\"(prefers-color-scheme: dark)\").matches" : String(n), i = e.queryOverride ? "var q=new URLSearchParams(location.search);if(q.has(\"dark\")){d=true;}else if(q.has(\"light\")){d=false;}" : "", a = e.normalize ? `localStorage.setItem(${JSON.stringify(t)},d?"dark":"light");` : "";
+	return `(function(){try{var m=localStorage.getItem(${JSON.stringify(t)});var d=m==="${d}"||((m===null||m==="auto")&&${r});${i}${a}var e=document.documentElement;e.classList.toggle("${d}",d);e.style.colorScheme=d?"dark":"light";}catch(_){}})();`;
 }
 //#endregion
 export { c as i, f as n, l as r, u as t };

package/dist/dark-mode-toggle.js

@@ -1,6 +1,6 @@
 import { t as e } from "./class-names-q-UGOkHH.js";
 import { t } from "./useLiquidPress-h1scrPtP.js";
-import { i as n } from "./dark-z_P5QwqI.js";
+import { i as n } from "./dark-CLlmo7dD.js";
 import { computed as r, createElementBlock as i, createStaticVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, unref as u, useAttrs as d, watchEffect as f } from "vue";
 //#region src/components/dark-mode-toggle/DarkModeToggle.vue?vue&type=script&setup=true&lang.ts
 var p = ["data-size", "data-press-armed"], m = /* @__PURE__ */ o({

package/dist/dark.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./dark-z_P5QwqI.js";
+import { i as e, n as t, r as n, t as r } from "./dark-CLlmo7dD.js";
 export { r as DARK_MODE_STORAGE_KEY, t as darkModeSyncScript, n as installDarkModeSync, e as useGlobalDark };