@mkbabb/glass-ui 10.1.3 → 11.0.0

package/dist/dom.js

@@ -1,4 +1,4 @@
-import { t as e } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as e } from "./useResizeObserver-Bv3nN46q.js";
 import { t } from "./useTimer-C3yfti4C.js";
 import { t as n } from "./useDragVelocity-C5BkKiNf.js";
 import { n as r, t as i } from "./useResolveTokenColor-B2FfJnd9.js";

package/dist/easing.js

@@ -1,11 +1,11 @@
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./DotRing-Blh4Mc3Q.js";
 import { n } from "./useReducedMotion-vCXA_vyM.js";
-import { t as r } from "./button-BOFTUPyU.js";
+import { t as r } from "./button-CAKhiOZy.js";
 import { t as i } from "./useClipboard-D36OTaeT.js";
-import { a, c as o, l as s, r as c, s as l } from "./select-BiF0FCZf.js";
-import { t as u } from "./slider-5uoY-cLG.js";
-import { t as d } from "./tabs-C5sC0fBE.js";
+import { a, c as o, l as s, r as c, s as l } from "./select-Dt5dXm87.js";
+import { t as u } from "./slider-CZiKrWGg.js";
+import { t as d } from "./tabs-NgTRPGZx.js";
 import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeModels as x, normalizeClass as S, onScopeDispose as C, onUnmounted as ee, openBlock as w, ref as T, renderList as E, toDisplayString as D, unref as O, useId as k, useModel as te, useTemplateRef as A, watch as ne, withCtx as j } from "vue";
 import { Check as re, Copy as ie, Play as ae, RotateCcw as oe, Square as se } from "@lucide/vue";
 import { parseTimingFunction as M } from "@mkbabb/value.js/css";

package/dist/expandable-container-wS1awXGd.js

@@ -0,0 +1,135 @@
+import "./expandable-container.css";
+import { n as e, t } from "./root-scroll-lock-DJFrQhMa.js";
+import { registerShortcut as n } from "./keyboard.js";
+import { t as r } from "./focus-Duf7EpUu.js";
+import { Teleport as i, createBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, nextTick as d, onUnmounted as f, openBlock as p, ref as m, renderSlot as h, unref as g, useModel as _, watch as v, withCtx as y } from "vue";
+import { FocusScope as b } from "reka-ui";
+import { Maximize2 as x, Minimize2 as S } from "@lucide/vue";
+//#region src/components/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
+var C = [
+	"data-state",
+	"data-surface",
+	"role",
+	"aria-label",
+	"aria-modal"
+], w = ["hidden"], T = ["data-position", "aria-label"], E = ["hidden"], D = ["data-position", "aria-label"], O = { "data-part": "panel" }, k = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "ExpandableContainer",
+	props: /*@__PURE__*/ l({
+		buttonPosition: { default: "right" },
+		expandLabel: { default: "Fullscreen" },
+		collapseLabel: { default: "Exit fullscreen" },
+		surface: { default: "glass" }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(c) {
+		let l = _(c, "open"), k = m(null);
+		function A() {
+			let e = k.value?.$el;
+			return e instanceof HTMLElement ? e : null;
+		}
+		function j() {
+			l.value = !0;
+		}
+		function M() {
+			l.value = !1;
+		}
+		let N = !1, P = null, F = null;
+		function I(n) {
+			n && !N ? N = t() : !n && N && (e(), N = !1);
+		}
+		function L() {
+			(A()?.querySelector("[autofocus]") ?? A()?.querySelector("[data-mode=\"collapse\"]") ?? A()?.querySelector(r) ?? A())?.focus();
+		}
+		async function R() {
+			await d(), await d(), L();
+		}
+		let z = ["[data-mode=\"expand\"]", ...r.split(", ").map((e) => `.expandable-container__chrome:not([hidden]) ${e}`)].join(", ");
+		function B() {
+			let e = F?.isConnected ? F : A()?.querySelector(z);
+			F = null, e?.focus();
+		}
+		function V(e) {
+			e.preventDefault();
+		}
+		return v(l, (e, t) => {
+			if (I(e), e && !t) {
+				let e = typeof document < "u" ? document.activeElement : null;
+				F = e instanceof HTMLElement ? e : null, P = n("Escape", M, {
+					label: "Exit fullscreen",
+					group: "UI",
+					allowInInput: !0
+				}), R();
+			} else !e && t && (P?.(), P = null, d(B));
+		}, { immediate: !0 }), f(() => {
+			P?.(), P = null, I(!1);
+		}), (e, t) => (p(), a(i, {
+			to: "body",
+			disabled: !l.value
+		}, [s(g(b), {
+			ref_key: "scope",
+			ref: k,
+			"as-child": "",
+			loop: l.value,
+			trapped: l.value,
+			onMountAutoFocus: V
+		}, {
+			default: y(() => [o("div", u({
+				class: "expandable-container",
+				"data-state": l.value ? "expanded" : "collapsed",
+				"data-surface": l.value ? c.surface : void 0,
+				role: l.value ? "dialog" : void 0,
+				"aria-label": l.value ? c.expandLabel : void 0,
+				"aria-modal": l.value || void 0
+			}, e.$attrs), [
+				o("div", {
+					class: "expandable-container__chrome",
+					hidden: l.value
+				}, [h(e.$slots, "expand-trigger", {
+					expand: j,
+					label: c.expandLabel
+				}, () => [o("button", {
+					type: "button",
+					"data-part": "trigger",
+					"data-control-target": "",
+					"data-mode": "expand",
+					"data-position": c.buttonPosition,
+					"aria-label": c.expandLabel,
+					onClick: j
+				}, [s(g(x), {
+					class: "expandable-container__icon",
+					"aria-hidden": "true"
+				})], 8, T)])], 8, w),
+				o("div", {
+					class: "expandable-container__chrome",
+					hidden: !l.value
+				}, [h(e.$slots, "fullscreen-chrome", {
+					collapse: M,
+					label: c.collapseLabel,
+					fullscreen: !0
+				}, () => [o("button", {
+					type: "button",
+					"data-part": "trigger",
+					"data-control-target": "",
+					"data-mode": "collapse",
+					"data-position": c.buttonPosition,
+					"aria-label": c.collapseLabel,
+					onClick: M
+				}, [s(g(S), {
+					class: "expandable-container__icon",
+					"aria-hidden": "true"
+				})], 8, D)])], 8, E),
+				o("div", O, [h(e.$slots, "default", { fullscreen: l.value })])
+			], 16, C)]),
+			_: 3
+		}, 8, ["loop", "trapped"])], 8, ["disabled"]));
+	}
+});
+//#endregion
+export { k as t };

package/dist/expandable-container.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.expandable-container{position:relative}.expandable-container[data-state=expanded]{z-index:var(--z-modal);background:var(--overlay-scrim);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;display:flex;position:fixed;inset:0}.expandable-container[data-state=expanded]>[data-part=panel]{animation:expandable-container-birth var(--spring-dock-duration) var(--spring-dock) both}.expandable-container__chrome{display:contents}.expandable-container__chrome[hidden]{display:none}.expandable-container [data-part=trigger]{z-index:1;min-inline-size:var(--control-h-md);min-block-size:var(--control-h-md);border:1px solid color-mix(in srgb, var(--border) 40%, transparent);border-radius:var(--radius-circle);background:color-mix(in srgb, var(--card) 70%, transparent);color:var(--muted-foreground);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-wash);backdrop-filter:var(--glass-blur-wash);transition:color var(--duration-fast) var(--ease-standard);place-items:center;display:inline-grid;position:absolute;inset-block-start:.5rem}.expandable-container [data-part=trigger][data-position=left]{inset-inline-start:.5rem}.expandable-container [data-part=trigger][data-position=right]{inset-inline-end:.5rem}.expandable-container [data-part=trigger]:hover{color:var(--foreground)}.expandable-container [data-part=trigger]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.expandable-container[data-state=expanded] [data-part=panel]{block-size:100%;min-block-size:0;inline-size:100%}.expandable-container__icon{inline-size:var(--icon-sm);block-size:var(--icon-sm)}@media (prefers-reduced-motion:reduce){.expandable-container [data-part=trigger]{transition:none}.expandable-container[data-state=expanded]>[data-part=panel]{animation:.12s linear both expandable-container-arrive}}}@keyframes expandable-container-birth{0%{opacity:0;scale:.78}to{opacity:1;scale:1}}@keyframes expandable-container-arrive{0%{opacity:0}to{opacity:1}}

package/dist/expandable-container.js

@@ -1,2 +1,2 @@
-import { t as e } from "./expandable-container-CZUj9BzY.js";
+import { t as e } from "./expandable-container-wS1awXGd.js";
 export { e as ExpandableContainer };

package/dist/{fading-scroll-CTeW3KNS.js → fading-scroll-D3Y20ibL.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./supportsCssTimeline-Di9gzleG.js";
-import { t } from "./useResizeObserver-CdUlm2QZ.js";
+import { t } from "./useResizeObserver-Bv3nN46q.js";
 import { computed as n, createElementBlock as r, defineComponent as i, normalizeClass as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, toRef as d, unref as f, watch as p } from "vue";
 //#region src/components/fading-scroll/composables/useFadingScroll.ts
 var m;
 function h() {
 	if (m || typeof document > "u") return m ?? "negative";
 	let e = document.createElement("div"), t = document.createElement("div");
-	return e.dir = "rtl", e.style.cssText = "position:absolute;inset:-9999px auto auto -9999px;width:4px;height:1px;overflow:scroll", t.style.width = "8px", e.append(t), document.body.append(e), e.scrollLeft > 0 ? m = "positive-descending" : (e.scrollLeft = 1, m = e.scrollLeft === 0 ? "negative" : "positive-ascending"), e.remove(), m;
+	return e.dir = "rtl", e.style.cssText = "position:absolute;inset:0 auto auto 0;visibility:hidden;width:4px;height:1px;overflow:scroll", t.style.width = "8px", e.append(t), document.body.append(e), e.scrollLeft > 0 ? m = "positive-descending" : (e.scrollLeft = 1, m = e.scrollLeft === 0 ? "negative" : "positive-ascending"), e.remove(), m;
 }
 function g(e, t, n, r) {
 	let i = r ?? (n === "rtl" ? h() : void 0), a = n === "rtl" ? i === "negative" ? -e : i === "positive-descending" ? t - e : e : e;

package/dist/fading-scroll.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./fading-scroll-CTeW3KNS.js";
+import { n as e, t } from "./fading-scroll-D3Y20ibL.js";
 export { t as FadingScroll, e as useFadingScroll };

package/dist/fieldPaint-Ci77oajZ.js

@@ -0,0 +1,7 @@
+//#region src/composables/glass/fieldPaint.ts
+var e = "glass-field-paint";
+function t(t) {
+	t.dispatchEvent(new Event(e));
+}
+//#endregion
+export { t as n, e as t };

package/dist/fourier-field.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.fourier-field[data-v-017224a9]{z-index:0;pointer-events:none;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;position:absolute;inset:0}.fourier-field--interactive[data-v-017224a9]{pointer-events:auto}.fourier-field-canvas[data-v-017224a9]{pointer-events:none;width:100%;height:100%;display:block}}

package/dist/fourier-field.js

@@ -1,3 +1,4 @@
+import "./fourier-field.css";
 import { n as e } from "./springPresets-Cbe0Voqg.js";
 import { n as t } from "./useResolveTokenColor-B2FfJnd9.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
@@ -5,9 +6,10 @@ import { t as r } from "./usePointerVelocityField-Lx26_Yap.js";
 import { i } from "./dark-pONY3x93.js";
 import { cssToOklch as a, gamutMapStop as o, oklchToLinear as s } from "./color.js";
 import { FOURIER_FIGURES as c, FOURIER_FIGURE_KEYS as l, comp as u, dftFromPoints as d, makeEllipticSpectrum as f, makeHarmonicFigure as p, partialSumAt as m, positionsAt as h } from "./fourier-math.js";
-import { a as g, n as _, r as v } from "./color.wgsl-BTszLY39.js";
-import { a as y } from "./rendererStatus-BxUlBLVy.js";
-import { n as b, t as x } from "./prng-2uS6J_A1.js";
+import { t as g } from "./useGpuSubstrate-Y5XAdU8d.js";
+import { a as _ } from "./rendererStatus-BxUlBLVy.js";
+import { n as v, t as y } from "./prng-2uS6J_A1.js";
+import { n as b, r as x } from "./color.wgsl-B-qDJ_OM.js";
 import { computed as S, createElementBlock as C, createElementVNode as w, defineComponent as T, normalizeClass as E, onMounted as D, onScopeDispose as O, openBlock as k, readonly as A, shallowRef as j, useTemplateRef as M, watch as N } from "vue";
 var P = .5, F = 720;
 function I(e) {
@@ -149,8 +151,8 @@ struct RenderUniforms {
 @group(0) @binding(1) var<storage, read> curveSamples: array<vec4<f32>>;
 @group(0) @binding(2) var<storage, read> chainTips: array<vec4<f32>>;
 
-${_}
-${v}
+${b}
+${x}
 
 // Read the CPU-resolved ramp. No colour-space conversion happens here — the LUT already
 // carries the chroma floor and the gamut map.
@@ -720,20 +722,20 @@ function ke(e, t) {
 	}
 	let h = (e) => {
 		f.onPointerMove(e), s() && C?.wake();
-	}, _ = () => {
-		f.onPointerEnter(), s() && C?.wake();
 	}, v = () => {
+		f.onPointerEnter(), s() && C?.wake();
+	}, y = () => {
 		f.onPointerLeave();
 	}, b = (e) => e.parentElement ?? e;
 	function x(e) {
 		let t = b(e);
-		t.addEventListener("pointermove", h), t.addEventListener("pointerenter", _), t.addEventListener("pointerleave", v);
+		t.addEventListener("pointermove", h), t.addEventListener("pointerenter", v), t.addEventListener("pointerleave", y);
 	}
 	function S(e) {
 		let t = b(e);
-		t.removeEventListener("pointermove", h), t.removeEventListener("pointerenter", _), t.removeEventListener("pointerleave", v);
+		t.removeEventListener("pointermove", h), t.removeEventListener("pointerenter", v), t.removeEventListener("pointerleave", y);
 	}
-	let C = null, w = j(y("webgpu")), T = (e) => e.engine === "webgpu" ? e : {
+	let C = null, w = j(_("webgpu")), T = (e) => e.engine === "webgpu" ? e : {
 		...e,
 		engine: "webgpu",
 		adapter: "WebGPU unavailable"
@@ -823,8 +825,8 @@ var Ae = [
 			if (s.spectrum && s.spectrum.length > 0) return L(s.spectrum);
 			let e = m.value.source;
 			if (e !== "elliptic" && !(e in c)) throw Error(`[FourierField] unknown source "${String(e)}". Pass "elliptic", a key of FOURIER_FIGURES, or an explicit \`spectrum\`.`);
-			return L(e === "elliptic" ? f(b(x(`fourier-field/${s.seed}`)), m.value.richness) : p(c[e]));
-		}), g = () => h.value, _ = S(() => h.value.terms.length), v = S(() => Math.max(1, Math.min(Math.round(m.value.harmonics), _.value))), y = S(() => `N ${v.value}/${_.value}`);
+			return L(e === "elliptic" ? f(v(y(`fourier-field/${s.seed}`)), m.value.richness) : p(c[e]));
+		}), g = () => h.value, _ = S(() => h.value.terms.length), b = S(() => Math.max(1, Math.min(Math.round(m.value.harmonics), _.value))), x = S(() => `N ${b.value}/${_.value}`);
 		function T(e) {
 			if (!e.includes("var(") && !e.includes("light-dark(")) return e;
 			let n = l.value;
@@ -875,7 +877,7 @@ var Ae = [
 			() => s.getPalette,
 			d
 		], A, { immediate: !0 }), D(A), N(d, () => P.wake()), N(() => s.freeze, () => P.wake());
-		let F = j(!1), I = S(() => Number(P.headTLive.value.toFixed(3))), R = S(() => `${y.value} · ${Math.round(P.headTLive.value * 100)}% through the period`);
+		let F = j(!1), I = S(() => Number(P.headTLive.value.toFixed(3))), R = S(() => `${x.value} · ${Math.round(P.headTLive.value * 100)}% through the period`);
 		function z(e) {
 			P.setHeadT(P.headT + e);
 		}