@mkbabb/glass-ui 10.1.5 → 11.0.1

package/dist/color-HkUaTAJj.js

@@ -0,0 +1,270 @@
+import { t as e } from "./value-DMhh2R94.js";
+import { cssToOklch as t, deriveHue as n, gamutMapStop as r, oklchStopToHex as i, oklchToLinear as a } from "./color.js";
+import { interpolateHue as o } from "@mkbabb/value.js/color";
+//#region src/components/aurora/composables/textureUpload.ts
+var s = {
+	premultiplyAlpha: "none",
+	colorSpaceConversion: "none"
+};
+function c(e) {
+	return createImageBitmap(e, s);
+}
+async function l(e) {
+	return typeof e == "string" ? c(await (await fetch(e)).blob()) : e instanceof Blob ? c(e) : e;
+}
+function u() {
+	let e = new ImageData(1, 1);
+	return e.data.set([
+		128,
+		128,
+		128,
+		255
+	]), e;
+}
+function d(e) {
+	return e instanceof HTMLImageElement ? {
+		width: e.naturalWidth,
+		height: e.naturalHeight
+	} : {
+		width: e.width,
+		height: e.height
+	};
+}
+function f(e, t, n = {}) {
+	let { linearFilter: r = !0, clampToEdge: i = !0 } = n, a = e.createTexture();
+	e.bindTexture(e.TEXTURE_2D, a), e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1), e.pixelStorei(e.UNPACK_COLORSPACE_CONVERSION_WEBGL, e.NONE), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !1), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, t);
+	let o = r ? e.LINEAR : e.NEAREST;
+	e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, o), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, o);
+	let s = i ? e.CLAMP_TO_EDGE : e.REPEAT;
+	return e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, s), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, s), e.pixelStorei(e.UNPACK_COLORSPACE_CONVERSION_WEBGL, e.BROWSER_DEFAULT_WEBGL), a;
+}
+function p(e, t) {
+	let { width: n, height: r } = d(t), i = e.createTexture({
+		label: "[texture-upload] image",
+		size: [
+			n,
+			r,
+			1
+		],
+		format: "rgba8unorm",
+		usage: 22
+	});
+	return e.queue.copyExternalImageToTexture({
+		source: t,
+		flipY: !1
+	}, {
+		texture: i,
+		premultipliedAlpha: !1
+	}, [
+		n,
+		r,
+		1
+	]), {
+		texture: i,
+		width: n,
+		height: r
+	};
+}
+//#endregion
+//#region src/components/aurora/constants/presets.ts
+var m = {
+	nucleiDrift: 5e-4,
+	paletteDrift: 4e-4,
+	breathDepth: .0015,
+	warpDrift: 15e-5
+};
+function h(e) {
+	return Math.abs(e.nucleiDrift) >= m.nucleiDrift || Math.abs(e.paletteDrift) >= m.paletteDrift || Math.abs(e.breathDepth) >= m.breathDepth || Math.abs(e.warpDrift) >= m.warpDrift;
+}
+var g = 8, _ = 8, v = 1, y = .115, b = .004, x = .06, S = {
+	palette: [
+		{
+			L: .64,
+			C: .17,
+			h: 30
+		},
+		{
+			L: .76,
+			C: .15,
+			h: 55
+		},
+		{
+			L: .87,
+			C: .13,
+			h: 82
+		}
+	],
+	nuclei: [{
+		x: .3,
+		y: .3,
+		radius: .5,
+		paletteBias: 0,
+		valueBias: 0,
+		driftRadius: .045,
+		driftPhase: 0
+	}, {
+		x: .7,
+		y: .65,
+		radius: .5,
+		paletteBias: 1,
+		valueBias: .05,
+		driftRadius: .045,
+		driftPhase: 2.4
+	}],
+	softmaxBeta: 3,
+	valueVariance: .08,
+	warpAmount: .5,
+	warpScale: 1.6,
+	warpDrift: .008,
+	warpMode: "fbm",
+	noiseOctaves: 4,
+	medium: "smooth",
+	flow: {
+		pattern: "none",
+		focalX: .5,
+		focalY: .5,
+		angle: 0,
+		curl: 0
+	},
+	strokeAmount: 0,
+	strokeScale: 140,
+	strokeAnisotropy: .7,
+	strokeLayers: 1,
+	strokeMode: "oil",
+	wetEdge: 0,
+	granulation: 0,
+	impasto: 0,
+	brokenColor: 0,
+	canvasGrain: 0,
+	nucleiDrift: .015,
+	paletteDrift: .015,
+	breathDepth: .05,
+	breathPeriod: 40,
+	saturation: 1,
+	paperGrain: .008,
+	alpha: 1,
+	vividness: 1
+}, C = {
+	medium: "crayon",
+	strokeOrient: "tensor",
+	granulation: .3,
+	canvasGrain: .5,
+	strokeAmount: .35,
+	strokeAnisotropy: .5,
+	strokeLayers: 1,
+	impasto: 0,
+	brokenColor: 0,
+	wetEdge: 0,
+	saturation: .92,
+	paperGrain: .008
+}, w = {
+	nucleiDrift: 0,
+	paletteDrift: 0,
+	warpDrift: 0,
+	breathDepth: 0,
+	paperGrain: 0
+};
+//#endregion
+//#region src/components/aurora/composables/color.ts
+function T(e, t = 8, n) {
+	let r = n ?? new Float32Array(t * 3), i = Math.min(e.length, t);
+	for (let t = 0; t < i; t++) {
+		let [n, i, o] = a(e[t]);
+		r[t * 3 + 0] = n, r[t * 3 + 1] = i, r[t * 3 + 2] = o;
+	}
+	for (let e = i; e < t; e++) r[e * 3 + 0] = 0, r[e * 3 + 1] = 0, r[e * 3 + 2] = 0;
+	return r;
+}
+function E(e) {
+	if (e.length === 0) return "transparent";
+	if (e.length === 1) return i(e[0]);
+	let t = e.length;
+	return `linear-gradient(135deg, ${e.map((e, n) => {
+		let r = Math.round(n / (t - 1) * 100);
+		return `${i(e)} ${r}%`;
+	}).join(", ")})`;
+}
+function D(e) {
+	return t(e);
+}
+var O = [.35, .95], k = [.18, .42];
+function A(e, t) {
+	return e ? [Math.max(0, Math.min(1, e[0])), Math.max(0, Math.min(1, e[1]))] : t === "dark" ? k : O;
+}
+function j(e, i = {}) {
+	let a = typeof e == "string" ? t(e) : e, { stopCount: o = 4, harmony: s = "analogous", lightnessSpread: c = .32, chromaFalloff: l = .85, hueSpread: u = 28, lightnessEasing: d = "linear", chromaEasing: f = "bell", temperatureShift: p = 0, avoidHues: m, scheme: h, lBand: g } = i, _ = Math.max(2, Math.min(8, Math.round(o))), [v, y] = A(g, h), b = a.L - c / 2, x = a.L + c / 2;
+	b < v && (x += v - b, b = v), x > y && (b -= x - y, x = y), b = Math.max(v, b), x = Math.min(y, x);
+	let S = [], C = -Infinity;
+	for (let e = 0; e < _; e++) {
+		let t = _ === 1 ? 0 : e / (_ - 1), i = b + (x - b) * N(t, d), o = a.C * l, c;
+		if (f === "bell") c = o + (a.C - o) * P(t);
+		else {
+			let e = f === "sine" ? N(t, "sine") : t;
+			c = a.C - (a.C - o) * e;
+		}
+		let h = n(a.h, s, u, t);
+		p > 0 && (h = R(h, t, p)), m && m.length > 0 && (h = H(h, m));
+		let g = M(r({
+			L: i,
+			C: c,
+			h
+		}), C);
+		C = g.L, S.push(g);
+	}
+	return S;
+}
+function M(e, t) {
+	if (e.L >= t) return e;
+	let { h: n } = e, r = t, i = e.C;
+	for (let e = 0; e < 48; e++) {
+		let [e, t, o] = a({
+			L: r,
+			C: i,
+			h: n
+		});
+		if (Math.max(e, t, o) <= 1) break;
+		i *= .99;
+	}
+	return {
+		L: r,
+		C: i,
+		h: n
+	};
+}
+function N(e, t) {
+	return t === "sine" ? .5 - .5 * Math.cos(Math.PI * e) : e;
+}
+function P(e) {
+	return Math.sin(Math.PI * e);
+}
+var F = 70, I = 250, L = 22;
+function R(t, n, r) {
+	let i = (n - .5) * 2;
+	if (i === 0 || r === 0) return t;
+	let a = (e("applyTemperature", o(t, i >= 0 ? F : I, 1, "shorter")) - t + 540) % 360 - 180;
+	return ((t + Math.sign(a) * Math.min(Math.abs(i) * r * L, Math.abs(a))) % 360 + 360) % 360;
+}
+var z = (e) => (e % 360 + 360) % 360;
+function B(e, t, n) {
+	let r = z(e), i = z(t), a = z(n);
+	return i <= a ? r >= i && r <= a : r >= i || r <= a;
+}
+function V(e, t) {
+	let n = Math.abs(z(e) - z(t)) % 360;
+	return n > 180 ? 360 - n : n;
+}
+function H(e, t) {
+	let n = .5, r = z(e);
+	for (let e = 0; e < t.length + 2; e++) {
+		let e = !1;
+		for (let [i, a] of t) {
+			if (!B(r, i, a)) continue;
+			let t = z(i - n), o = z(a + n);
+			r = V(r, t) <= V(r, o) ? t : o, e = !0;
+		}
+		if (!e) return r;
+	}
+	return r;
+}
+//#endregion
+export { f as _, S as a, b as c, C as d, w as f, l as g, u as h, E as i, g as l, h as m, T as n, v as o, y as p, D as r, x as s, j as t, _ as u, p as v };

package/dist/{color.glsl-DTJhdekG.js → color.glsl-bFJm8k5R.js}

@@ -1,17 +1,5 @@
-function e(e, t, n) {
-	return Math.max(t, Math.min(n, e));
-}
-function t() {
-	let e = typeof window < "u" && window.devicePixelRatio || 1;
-	return Math.min(e, 2);
-}
-function n() {
-	let e = typeof window < "u" && window.devicePixelRatio || 1;
-	return Math.min(e, 1.5);
-}
-//#endregion
 //#region src/composables/glass/webgl/compile.ts
-function r(e, t, n, r = "[glass-ui:webgl]") {
+function e(e, t, n, r = "[glass-ui:webgl]") {
 	let i = e.createShader(t);
 	if (e.shaderSource(i, n), e.compileShader(i), !e.getShaderParameter(i, e.COMPILE_STATUS)) {
 		let t = e.getShaderInfoLog(i) ?? "unknown";
@@ -19,7 +7,7 @@ function r(e, t, n, r = "[glass-ui:webgl]") {
 	}
 	return i;
 }
-function i(e, t, n, r = "[glass-ui:webgl]") {
+function t(e, t, n, r = "[glass-ui:webgl]") {
 	let i = e.createProgram();
 	if (e.attachShader(i, t), e.attachShader(i, n), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)) {
 		let t = e.getProgramInfoLog(i) ?? "unknown";
@@ -29,6 +17,6 @@ function i(e, t, n, r = "[glass-ui:webgl]") {
 }
 //#endregion
 //#region src/composables/glass/procedural/color.glsl.ts
-var a = "\nfloat srgbToLinearCh(float c) {\n    return c <= 0.04045 ? c / 12.92 : pow((c + 0.055) / 1.055, 2.4);\n}\nvec3 srgbToLinear(vec3 c) {\n    return vec3(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfloat linearToSrgbCh(float c) {\n    return c <= 0.0031308 ? c * 12.92 : 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nvec3 linearToSrgb(vec3 c) {\n    return vec3(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}", o = "const mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);", s = "\n// value.js LINEAR_SRGB_TO_LMS (constants.ts), row-major; written here as GLSL\n// columns (= the transpose) so mat3 * vec3 evaluates the row-major M·v.\nconst mat3 LINEAR_SRGB_TO_LMS = mat3(\n    0.4122214708, 0.2119034982, 0.0883024619,\n    0.5363325363, 0.6806995451, 0.2817188376,\n    0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS→OKLab coefficients (gamut.ts lines 295-297 —\n// these differ at the ~1e-9 digit from LMS_TO_OKLAB_MATRIX; use the inline ones to\n// mirror the exact value.js path), row-major → GLSL columns.\nconst mat3 LMS_TO_OKLAB = mat3(\n    0.2104542553, 1.9779984951, 0.0259040371,\n    0.7936177850, -2.4285922050, 0.7827717662,\n    -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF (constants.ts), row-major → GLSL columns. Rows:\n// l = [1, 0.3963377774, 0.2158037573], m = [1, -0.1055613458, -0.0638541728],\n// s = [1, -0.0894841775, -1.2914855480].\nconst mat3 OKLAB_TO_LMS = mat3(\n    1.0, 1.0, 1.0,\n    0.3963377774, -0.1055613458, -0.0894841775,\n    0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB (constants.ts), row-major → GLSL columns.\nconst mat3 LMS_TO_LINEAR_SRGB = mat3(\n    4.0767416621, -1.2684380046, -0.0041960863,\n    -3.3077115913, 2.6097574011, -0.7034186147,\n    0.2309699292, -0.3413193965, 1.7076147010\n);\n\n// Gamma sRGB → raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nvec3 srgbToOklab(vec3 c) {\n    vec3 lin = srgbToLinear(c);\n    vec3 lms = LINEAR_SRGB_TO_LMS * lin;\n    vec3 lmsCbrt = sign(lms) * pow(abs(lms), vec3(1.0 / 3.0));\n    return LMS_TO_OKLAB * lmsCbrt;\n}\n\n// Raw OKLab (L, a, b) → linear sRGB. Mirrors value.js oklabToLinearSRGB.\nvec3 oklabToLinearSrgb(vec3 lab) {\n    vec3 lms_ = OKLAB_TO_LMS * lab;\n    vec3 lms = lms_ * lms_ * lms_;\n    return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab → OKLCh: H in RADIANS. Mirrors value.js rawOklabToOklch (which returns\n// degrees; we stay in radians and only fold to [0, 2pi)).\nvec3 oklabToOklch(vec3 lab) {\n    float C = length(lab.yz);\n    float H = atan(lab.z, lab.y);\n    if (H < 0.0) H += 2.0 * PI;\n    return vec3(lab.x, C, H);\n}\n\n// OKLCh (H radians) → OKLab. Mirrors value.js rawOklchToOklab.\nvec3 oklchToOklab(vec3 lch) {\n    return vec3(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}", c = "\n// value.js interpolateHue in the NORMALIZED-TURNS domain (h_rad/TAU → turns, the\n// exact .5/+1.0 branch per method, fract() wrap, *TAU back). A radians-native port\n// (PI thresholds / +TAU wrap) diverges 180° at the antipode. methods: 0 shorter,\n// 1 longer, 2 increasing, 3 decreasing.\nfloat interpolateHueTurns(float h0, float h1, float t, int method) {\n  float TAU = 2.0 * PI;\n  float a = h0 / TAU;\n  float b = h1 / TAU;\n  float i = b - a;\n  if (method == 0) {              // shorter\n    if (i > 0.5) a += 1.0; else if (i < -0.5) b += 1.0;\n  } else if (method == 1) {       // longer\n    if (i > 0.0 && i < 0.5) a += 1.0; else if (i > -0.5 && i <= 0.0) b += 1.0;\n  } else if (method == 2) {       // increasing\n    if (i < 0.0) b += 1.0;\n  } else {                        // decreasing\n    if (i > 0.0) a += 1.0;\n  }\n  float r = a + t * (b - a);\n  r = fract(r);                   // (r % 1 + 1) % 1 — fract is non-negative in GLSL\n  return r * TAU;                 // back to radians\n}\n\n// Linear-sRGB endpoint pair → OKLab-rectangular interpolation → linear sRGB. Holds\n// chroma across the ramp (no grey midpoint). The default/shorter ramp path.\nvec3 mixPaletteOklab(vec3 linA, vec3 linB, float t) {\n  vec3 labA = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linA) * pow(abs(LINEAR_SRGB_TO_LMS * linA), vec3(1.0 / 3.0)));\n  vec3 labB = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linB) * pow(abs(LINEAR_SRGB_TO_LMS * linB), vec3(1.0 / 3.0)));\n  vec3 lab = mix(labA, labB, t);\n  return oklabToLinearSrgb(lab);\n}\n\n// Linear-sRGB endpoint pair → OKLCh interpolation along the huePath arc → linear\n// sRGB. L and C lerp; H walks the chosen arc. The deliberate-rainbow path.\nvec3 mixPaletteOklchArc(vec3 linA, vec3 linB, float t, int method) {\n  vec3 labA = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linA) * pow(abs(LINEAR_SRGB_TO_LMS * linA), vec3(1.0 / 3.0)));\n  vec3 labB = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linB) * pow(abs(LINEAR_SRGB_TO_LMS * linB), vec3(1.0 / 3.0)));\n  vec3 lchA = oklabToOklch(labA);\n  vec3 lchB = oklabToOklch(labB);\n  float L = mix(lchA.x, lchB.x, t);\n  float C = mix(lchA.y, lchB.y, t);\n  float H = interpolateHueTurns(lchA.z, lchB.z, t, method);\n  return oklabToLinearSrgb(oklchToOklab(vec3(L, C, H)));\n}\n\n// The ramp dispatcher aurora's samplePalette splices. tRaw is the raw inter-stop\n// parameter [0,1]; the smoothstep ease + the huePath branch live HERE so the ramp is\n// one source. increasing(2)/decreasing(3) take the OKLCh hue-arc (rainbow sweep);\n// every other method takes the OKLab-rectangular straight line (no hue detour).\nvec3 samplePaletteRamp(vec3 a, vec3 b, float tRaw, int huePath) {\n  float t = smoothstep(0.0, 1.0, tRaw);\n  if (huePath == 2 || huePath == 3) {\n    return mixPaletteOklchArc(a, b, t, huePath);\n  }\n  return mixPaletteOklab(a, b, t);\n}", l = "\n// Jarzynski PCG2D — uvec2 → uvec2 permuted-congruential hash (JCGT 2020).\nuvec2 pcg2d(uvec2 v) {\n  v = v * 1664525u + 1013904223u;\n  v.x += v.y * 1664525u;\n  v.y += v.x * 1664525u;\n  v = v ^ (v >> 16u);\n  v.x += v.y * 1664525u;\n  v.y += v.x * 1664525u;\n  v = v ^ (v >> 16u);\n  return v;\n}\n\n// Float→[0,1) scalar hash: bit-reinterpret the lattice coordinate, pcg2d it, take the\n// high word back to [0,1). Integer-bit — no sin() periodicity, no float-fract lattice.\nfloat pcgHash2(vec2 p) {\n  uvec2 u = floatBitsToUint(p);\n  return float(pcg2d(u).x) * (1.0 / 4294967296.0);\n}\n\n// Integer-lattice gradient: pcg2d the integer cell, fold the hash to an angle, return\n// the unit gradient vector. The gradient basis (not a scalar value) is what makes the\n// noise zero at the nodes (no value-noise plateaus).\nvec2 pcgGrad2(ivec2 cell) {\n  uvec2 h = pcg2d(uvec2(cell));\n  float ang = float(h.x) * (1.0 / 4294967296.0) * 6.28318530717958647692;\n  return vec2(cos(ang), sin(ang));\n}\n\n// 2D SIMPLEX gradient noise (Gustavson skew). The skew transform F2/G2 maps the square\n// lattice onto a simplex (triangular) grid — no axis-aligned directional bias. Each of\n// the three simplex corners contributes grad·offset shaped by a radial (0.5 - r²)⁴\n// falloff. Output is ~[-1, 1]; callers remap to [0,1] via 0.5 + 0.5*gnoise.\nfloat gnoise(vec2 p) {\n  const float F2 = 0.36602540378443864676; // (sqrt(3) - 1) / 2\n  const float G2 = 0.21132486540518711775; // (3 - sqrt(3)) / 6\n  float s = (p.x + p.y) * F2;\n  vec2 i = floor(p + s);\n  float tt = (i.x + i.y) * G2;\n  vec2 x0 = p - (i - tt);                    // offset from the simplex origin corner\n  ivec2 i1 = (x0.x > x0.y) ? ivec2(1, 0) : ivec2(0, 1);\n  vec2 x1 = x0 - vec2(i1) + G2;\n  vec2 x2 = x0 - 1.0 + 2.0 * G2;\n  ivec2 ii = ivec2(i);\n  float n = 0.0;\n  float t0 = 0.5 - dot(x0, x0);\n  if (t0 > 0.0) { t0 *= t0; n += t0 * t0 * dot(pcgGrad2(ii), x0); }\n  float t1 = 0.5 - dot(x1, x1);\n  if (t1 > 0.0) { t1 *= t1; n += t1 * t1 * dot(pcgGrad2(ii + i1), x1); }\n  float t2 = 0.5 - dot(x2, x2);\n  if (t2 > 0.0) { t2 *= t2; n += t2 * t2 * dot(pcgGrad2(ii + ivec2(1, 1)), x2); }\n  return 70.0 * n;                           // normalize to ~[-1, 1]\n}";
+var n = "\nfloat srgbToLinearCh(float c) {\n    return c <= 0.04045 ? c / 12.92 : pow((c + 0.055) / 1.055, 2.4);\n}\nvec3 srgbToLinear(vec3 c) {\n    return vec3(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfloat linearToSrgbCh(float c) {\n    return c <= 0.0031308 ? c * 12.92 : 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nvec3 linearToSrgb(vec3 c) {\n    return vec3(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}", r = "const mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);", i = "\n// value.js LINEAR_SRGB_TO_LMS (constants.ts), row-major; written here as GLSL\n// columns (= the transpose) so mat3 * vec3 evaluates the row-major M·v.\nconst mat3 LINEAR_SRGB_TO_LMS = mat3(\n    0.4122214708, 0.2119034982, 0.0883024619,\n    0.5363325363, 0.6806995451, 0.2817188376,\n    0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS→OKLab coefficients (gamut.ts lines 295-297 —\n// these differ at the ~1e-9 digit from LMS_TO_OKLAB_MATRIX; use the inline ones to\n// mirror the exact value.js path), row-major → GLSL columns.\nconst mat3 LMS_TO_OKLAB = mat3(\n    0.2104542553, 1.9779984951, 0.0259040371,\n    0.7936177850, -2.4285922050, 0.7827717662,\n    -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF (constants.ts), row-major → GLSL columns. Rows:\n// l = [1, 0.3963377774, 0.2158037573], m = [1, -0.1055613458, -0.0638541728],\n// s = [1, -0.0894841775, -1.2914855480].\nconst mat3 OKLAB_TO_LMS = mat3(\n    1.0, 1.0, 1.0,\n    0.3963377774, -0.1055613458, -0.0894841775,\n    0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB (constants.ts), row-major → GLSL columns.\nconst mat3 LMS_TO_LINEAR_SRGB = mat3(\n    4.0767416621, -1.2684380046, -0.0041960863,\n    -3.3077115913, 2.6097574011, -0.7034186147,\n    0.2309699292, -0.3413193965, 1.7076147010\n);\n\n// Gamma sRGB → raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nvec3 srgbToOklab(vec3 c) {\n    vec3 lin = srgbToLinear(c);\n    vec3 lms = LINEAR_SRGB_TO_LMS * lin;\n    vec3 lmsCbrt = sign(lms) * pow(abs(lms), vec3(1.0 / 3.0));\n    return LMS_TO_OKLAB * lmsCbrt;\n}\n\n// Raw OKLab (L, a, b) → linear sRGB. Mirrors value.js oklabToLinearSRGB.\nvec3 oklabToLinearSrgb(vec3 lab) {\n    vec3 lms_ = OKLAB_TO_LMS * lab;\n    vec3 lms = lms_ * lms_ * lms_;\n    return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab → OKLCh: H in RADIANS. Mirrors value.js rawOklabToOklch (which returns\n// degrees; we stay in radians and only fold to [0, 2pi)).\nvec3 oklabToOklch(vec3 lab) {\n    float C = length(lab.yz);\n    float H = atan(lab.z, lab.y);\n    if (H < 0.0) H += 2.0 * PI;\n    return vec3(lab.x, C, H);\n}\n\n// OKLCh (H radians) → OKLab. Mirrors value.js rawOklchToOklab.\nvec3 oklchToOklab(vec3 lch) {\n    return vec3(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}", a = "\n// value.js interpolateHue in the NORMALIZED-TURNS domain (h_rad/TAU → turns, the\n// exact .5/+1.0 branch per method, fract() wrap, *TAU back). A radians-native port\n// (PI thresholds / +TAU wrap) diverges 180° at the antipode. methods: 0 shorter,\n// 1 longer, 2 increasing, 3 decreasing.\nfloat interpolateHueTurns(float h0, float h1, float t, int method) {\n  float TAU = 2.0 * PI;\n  float a = h0 / TAU;\n  float b = h1 / TAU;\n  float i = b - a;\n  if (method == 0) {              // shorter\n    if (i > 0.5) a += 1.0; else if (i < -0.5) b += 1.0;\n  } else if (method == 1) {       // longer\n    if (i > 0.0 && i < 0.5) a += 1.0; else if (i > -0.5 && i <= 0.0) b += 1.0;\n  } else if (method == 2) {       // increasing\n    if (i < 0.0) b += 1.0;\n  } else {                        // decreasing\n    if (i > 0.0) a += 1.0;\n  }\n  float r = a + t * (b - a);\n  r = fract(r);                   // (r % 1 + 1) % 1 — fract is non-negative in GLSL\n  return r * TAU;                 // back to radians\n}\n\n// Linear-sRGB endpoint pair → OKLab-rectangular interpolation → linear sRGB. Holds\n// chroma across the ramp (no grey midpoint). The default/shorter ramp path.\nvec3 mixPaletteOklab(vec3 linA, vec3 linB, float t) {\n  vec3 labA = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linA) * pow(abs(LINEAR_SRGB_TO_LMS * linA), vec3(1.0 / 3.0)));\n  vec3 labB = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linB) * pow(abs(LINEAR_SRGB_TO_LMS * linB), vec3(1.0 / 3.0)));\n  vec3 lab = mix(labA, labB, t);\n  return oklabToLinearSrgb(lab);\n}\n\n// Linear-sRGB endpoint pair → OKLCh interpolation along the huePath arc → linear\n// sRGB. L and C lerp; H walks the chosen arc. The deliberate-rainbow path.\nvec3 mixPaletteOklchArc(vec3 linA, vec3 linB, float t, int method) {\n  vec3 labA = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linA) * pow(abs(LINEAR_SRGB_TO_LMS * linA), vec3(1.0 / 3.0)));\n  vec3 labB = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linB) * pow(abs(LINEAR_SRGB_TO_LMS * linB), vec3(1.0 / 3.0)));\n  vec3 lchA = oklabToOklch(labA);\n  vec3 lchB = oklabToOklch(labB);\n  float L = mix(lchA.x, lchB.x, t);\n  float C = mix(lchA.y, lchB.y, t);\n  float H = interpolateHueTurns(lchA.z, lchB.z, t, method);\n  return oklabToLinearSrgb(oklchToOklab(vec3(L, C, H)));\n}\n\n// The ramp dispatcher aurora's samplePalette splices. tRaw is the raw inter-stop\n// parameter [0,1]; the smoothstep ease + the huePath branch live HERE so the ramp is\n// one source. increasing(2)/decreasing(3) take the OKLCh hue-arc (rainbow sweep);\n// every other method takes the OKLab-rectangular straight line (no hue detour).\nvec3 samplePaletteRamp(vec3 a, vec3 b, float tRaw, int huePath) {\n  float t = smoothstep(0.0, 1.0, tRaw);\n  if (huePath == 2 || huePath == 3) {\n    return mixPaletteOklchArc(a, b, t, huePath);\n  }\n  return mixPaletteOklab(a, b, t);\n}", o = "\n// Jarzynski PCG2D — uvec2 → uvec2 permuted-congruential hash (JCGT 2020).\nuvec2 pcg2d(uvec2 v) {\n  v = v * 1664525u + 1013904223u;\n  v.x += v.y * 1664525u;\n  v.y += v.x * 1664525u;\n  v = v ^ (v >> 16u);\n  v.x += v.y * 1664525u;\n  v.y += v.x * 1664525u;\n  v = v ^ (v >> 16u);\n  return v;\n}\n\n// Float→[0,1) scalar hash: bit-reinterpret the lattice coordinate, pcg2d it, take the\n// high word back to [0,1). Integer-bit — no sin() periodicity, no float-fract lattice.\nfloat pcgHash2(vec2 p) {\n  uvec2 u = floatBitsToUint(p);\n  return float(pcg2d(u).x) * (1.0 / 4294967296.0);\n}\n\n// Integer-lattice gradient: pcg2d the integer cell, fold the hash to an angle, return\n// the unit gradient vector. The gradient basis (not a scalar value) is what makes the\n// noise zero at the nodes (no value-noise plateaus).\nvec2 pcgGrad2(ivec2 cell) {\n  uvec2 h = pcg2d(uvec2(cell));\n  float ang = float(h.x) * (1.0 / 4294967296.0) * 6.28318530717958647692;\n  return vec2(cos(ang), sin(ang));\n}\n\n// 2D SIMPLEX gradient noise (Gustavson skew). The skew transform F2/G2 maps the square\n// lattice onto a simplex (triangular) grid — no axis-aligned directional bias. Each of\n// the three simplex corners contributes grad·offset shaped by a radial (0.5 - r²)⁴\n// falloff. Output is ~[-1, 1]; callers remap to [0,1] via 0.5 + 0.5*gnoise.\nfloat gnoise(vec2 p) {\n  const float F2 = 0.36602540378443864676; // (sqrt(3) - 1) / 2\n  const float G2 = 0.21132486540518711775; // (3 - sqrt(3)) / 6\n  float s = (p.x + p.y) * F2;\n  vec2 i = floor(p + s);\n  float tt = (i.x + i.y) * G2;\n  vec2 x0 = p - (i - tt);                    // offset from the simplex origin corner\n  ivec2 i1 = (x0.x > x0.y) ? ivec2(1, 0) : ivec2(0, 1);\n  vec2 x1 = x0 - vec2(i1) + G2;\n  vec2 x2 = x0 - 1.0 + 2.0 * G2;\n  ivec2 ii = ivec2(i);\n  float n = 0.0;\n  float t0 = 0.5 - dot(x0, x0);\n  if (t0 > 0.0) { t0 *= t0; n += t0 * t0 * dot(pcgGrad2(ii), x0); }\n  float t1 = 0.5 - dot(x1, x1);\n  if (t1 > 0.0) { t1 *= t1; n += t1 * t1 * dot(pcgGrad2(ii + i1), x1); }\n  float t2 = 0.5 - dot(x2, x2);\n  if (t2 > 0.0) { t2 *= t2; n += t2 * t2 * dot(pcgGrad2(ii + ivec2(1, 1)), x2); }\n  return 70.0 * n;                           // normalize to ~[-1, 1]\n}";
 //#endregion
-export { l as a, e as c, c as i, n as l, a as n, r as o, s as r, i as s, o as t, t as u };
+export { o as a, a as i, n, e as o, i as r, t as s, r as t };

package/dist/color.wgsl-B-qDJ_OM.js

@@ -0,0 +1,4 @@
+//#region src/composables/glass/procedural/color.wgsl.ts
+var e = "\nfn srgbToLinearCh(c: f32) -> f32 {\n  if (c <= 0.04045) { return c / 12.92; }\n  return pow((c + 0.055) / 1.055, 2.4);\n}\nfn srgbToLinear(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfn linearToSrgbCh(c: f32) -> f32 {\n  if (c <= 0.0031308) { return c * 12.92; }\n  return 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nfn linearToSrgb(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}", t = "const FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);", n = "\n// value.js LINEAR_SRGB_TO_LMS, row-major → WGSL columns (= the transpose).\nconst LINEAR_SRGB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  0.4122214708, 0.2119034982, 0.0883024619,\n  0.5363325363, 0.6806995451, 0.2817188376,\n  0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS→OKLab coefficients, row-major → WGSL columns.\nconst LMS_TO_OKLAB: mat3x3<f32> = mat3x3<f32>(\n  0.2104542553, 1.9779984951, 0.0259040371,\n  0.7936177850, -2.4285922050, 0.7827717662,\n  -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF, row-major → WGSL columns.\nconst OKLAB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  1.0, 1.0, 1.0,\n  0.3963377774, -0.1055613458, -0.0894841775,\n  0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB, row-major → WGSL columns.\nconst LMS_TO_LINEAR_SRGB: mat3x3<f32> = mat3x3<f32>(\n  4.0767416621, -1.2684380046, -0.0041960863,\n  -3.3077115913, 2.6097574011, -0.7034186147,\n  0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn cbrt3(v: vec3<f32>) -> vec3<f32> {\n  return sign(v) * pow(abs(v), vec3<f32>(1.0 / 3.0));\n}\n\n// Gamma sRGB → raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nfn srgbToOklab(c: vec3<f32>) -> vec3<f32> {\n  let lin = srgbToLinear(c);\n  let lms = LINEAR_SRGB_TO_LMS * lin;\n  return LMS_TO_OKLAB * cbrt3(lms);\n}\n\n// Raw OKLab (L, a, b) → linear sRGB. Mirrors value.js oklabToLinearSRGB.\nfn oklabToLinearSrgb(lab: vec3<f32>) -> vec3<f32> {\n  let lms_ = OKLAB_TO_LMS * lab;\n  let lms = lms_ * lms_ * lms_;\n  return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab → OKLCh: H in RADIANS, folded to [0, 2pi). Mirrors value.js rawOklabToOklch.\nfn oklabToOklch(lab: vec3<f32>) -> vec3<f32> {\n  let C = length(lab.yz);\n  var H = atan2(lab.z, lab.y);\n  if (H < 0.0) { H = H + 2.0 * PI; }\n  return vec3<f32>(lab.x, C, H);\n}\n\n// OKLCh (H radians) → OKLab. Mirrors value.js rawOklchToOklab.\nfn oklchToOklab(lch: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}", r = "\n// value.js interpolateHue in the NORMALIZED-TURNS domain. methods: 0 shorter,\n// 1 longer, 2 increasing, 3 decreasing.\nfn interpolateHueTurns(h0: f32, h1: f32, t: f32, method: i32) -> f32 {\n  let TAU = 2.0 * PI;\n  var a = h0 / TAU;\n  var b = h1 / TAU;\n  let i = b - a;\n  if (method == 0) {              // shorter\n    if (i > 0.5) { a = a + 1.0; } else if (i < -0.5) { b = b + 1.0; }\n  } else if (method == 1) {       // longer\n    if (i > 0.0 && i < 0.5) { a = a + 1.0; } else if (i > -0.5 && i <= 0.0) { b = b + 1.0; }\n  } else if (method == 2) {       // increasing\n    if (i < 0.0) { b = b + 1.0; }\n  } else {                        // decreasing\n    if (i > 0.0) { a = a + 1.0; }\n  }\n  var r = a + t * (b - a);\n  r = fract(r);                   // fract is non-negative in WGSL\n  return r * TAU;                 // back to radians\n}\n\n// Linear-sRGB endpoint pair → OKLab-rectangular interpolation → linear sRGB.\nfn mixPaletteOklab(linA: vec3<f32>, linB: vec3<f32>, t: f32) -> vec3<f32> {\n  let labA = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linA);\n  let labB = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linB);\n  let lab = mix(labA, labB, t);\n  return oklabToLinearSrgb(lab);\n}\n\n// Linear-sRGB endpoint pair → OKLCh hue-arc interpolation → linear sRGB.\nfn mixPaletteOklchArc(linA: vec3<f32>, linB: vec3<f32>, t: f32, method: i32) -> vec3<f32> {\n  let labA = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linA);\n  let labB = LMS_TO_OKLAB * cbrt3(LINEAR_SRGB_TO_LMS * linB);\n  let lchA = oklabToOklch(labA);\n  let lchB = oklabToOklch(labB);\n  let L = mix(lchA.x, lchB.x, t);\n  let C = mix(lchA.y, lchB.y, t);\n  let H = interpolateHueTurns(lchA.z, lchB.z, t, method);\n  return oklabToLinearSrgb(oklchToOklab(vec3<f32>(L, C, H)));\n}\n\n// The ramp dispatcher (the samplePalette splices it). tRaw is the raw inter-stop\n// parameter [0,1]; the smoothstep ease + the huePath branch live here so the ramp is\n// one source. increasing(2)/decreasing(3) take the OKLCh hue-arc; every other method\n// takes the OKLab-rectangular straight line.\nfn samplePaletteRamp(a: vec3<f32>, b: vec3<f32>, tRaw: f32, huePath: i32) -> vec3<f32> {\n  let t = smoothstep(0.0, 1.0, tRaw);\n  if (huePath == 2 || huePath == 3) {\n    return mixPaletteOklchArc(a, b, t, huePath);\n  }\n  return mixPaletteOklab(a, b, t);\n}";
+//#endregion
+export { r as i, e as n, n as r, t };

package/dist/{command-CatrAsrl.js → command-BsFOGZwB.js}

@@ -1,8 +1,9 @@
+import "./command.css";
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./primitive-B2t2jdqM.js";
 import { t as n } from "./selection-DqIULxRG.js";
-import { n as r, t as i } from "./DialogContent-CwIBvou_.js";
-import { t as a } from "./participation-B7UFdgXB.js";
+import { n as r, t as i } from "./DialogContent-DG5kseRQ.js";
+import { t as a } from "./participation-C5y5VZTN.js";
 import { t as o } from "./rowClass-DYOXwxhO.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, withCtx as x } from "vue";
 import { ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxLabel as D, ComboboxRoot as O, ComboboxSeparator as k } from "reka-ui";

package/dist/command.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.command{border-radius:var(--radius-card);width:100%;height:100%;color:var(--popover-foreground);flex-direction:column;display:flex;overflow:hidden}.command-dialog__content{padding:0;overflow:hidden}.command__input-wrapper{border-block-end:1px solid color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent);align-items:center;padding-inline:.75rem;display:flex}.command__input-icon{opacity:.5;flex:none;width:1rem;height:1rem;margin-inline-end:.5rem}.command-dialog__content .command__input-icon,.command-dialog__content .command__item>svg{width:1.25rem;height:1.25rem}.command__input{width:100%;height:var(--dropdown-input-height);color:inherit;font:inherit;font-size:var(--dropdown-text);background:0 0;border:0;outline:0;padding-block:.75rem}.command-dialog__content .command__input{height:3rem}.command__input::placeholder{color:var(--muted-foreground)}.command__input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.command__list{max-height:var(--overlay-max-block);scrollbar-gutter:stable;padding:var(--overlay-pad);overflow-x:hidden}.command__group{color:var(--foreground);flex:none;padding:.25rem;overflow:hidden}.command__group-label{color:var(--muted-foreground);font-size:var(--dropdown-text-secondary);padding:.25rem .5rem;font-weight:500}.command__item[data-disabled]{pointer-events:none}.command__empty{text-align:center;font-size:var(--dropdown-text);padding-block:1.25rem}.command__separator{margin-inline:-.25rem}.command__shortcut{color:var(--muted-foreground);font-size:var(--dropdown-text-secondary);letter-spacing:var(--type-tracking-caps);margin-inline-start:auto}}

package/dist/command.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./command-CatrAsrl.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./command-BsFOGZwB.js";
 export { r as Command, t as CommandDialog, s as CommandEmpty, a as CommandGroup, e as CommandInput, n as CommandItem, o as CommandList, i as CommandSeparator, c as CommandShortcut };

package/dist/component-styles.css

@@ -2,4 +2,3 @@
 @import "./styles/track-well.css";
 @import "./styles/glass/value-marks.css";
 @import "./styles/glass/track-flow.css";
-@import "./glass-ui.css";

package/dist/components/_shared/axes.d.ts

@@ -1,6 +1,13 @@
 /** The surface-decoration axis. */
 export declare const SURFACES: readonly ["glass", "veil", "opaque"];
 export type Surface = (typeof SURFACES)[number];
+/** The backdrop-sampling axis. `live` samples and filters what is painted behind the
+ * plate on every frame; `static` samples nothing, so no backdrop-filter surface is
+ * allocated. A plate in the page flow over a still field is the `static` case: nothing
+ * moves behind it but the field, so the lens costs a full re-filter per scroll frame and
+ * shows nothing the fill does not. Floating chrome that content scrolls under stays `live`. */
+export declare const BACKDROP_MODES: readonly ["live", "static"];
+export type BackdropMode = (typeof BACKDROP_MODES)[number];
 /** The five-rung glass ladder. */
 export declare const SURFACE_TIERS: readonly ["wash", "quiet", "resting", "floating", "overlay"];
 export type SurfaceTier = (typeof SURFACE_TIERS)[number];

package/dist/components/_shared/feedback/dot-ring.css

@@ -1 +1 @@
-@layer components{.glass-dot-ring{position: relative;display: inline-block;aspect-ratio: 1;inline-size: var(--icon-lg);--dot-ring-tint: currentColor;--dot-ring-inequality: 0.2360679775;--dot-ring-spin: var(--duration-xl);--_dot-ring-pitch: sin(180deg / 7);--_dot-ring-radius: calc( 50% / (1 + var(--_dot-ring-pitch) * sqrt(1 + var(--dot-ring-inequality))) );--_dot-ring-bead: calc(2 * var(--_dot-ring-pitch) * var(--_dot-ring-radius));animation: glass-dot-ring-redistribute var(--dot-ring-spin) linear infinite;--dot-ring-extent: 1;transition: --dot-ring-extent var(--spring-dock-duration) var(--spring-dock);}@starting-style{.glass-dot-ring{--dot-ring-extent: 0;}}.glass-dot-ring-leave-active{transition: opacity var(--spring-dock-exit-duration) var(--exit-curve);}.glass-dot-ring-leave-active .glass-dot-ring{transition: --dot-ring-extent var(--spring-dock-exit-duration) var(--exit-curve);}.glass-dot-ring-leave-to{opacity: 0;}.glass-dot-ring-leave-to .glass-dot-ring{--dot-ring-extent: 0;}.glass-dot-ring-spoke{position: absolute;inset: 0;rotate: calc(var(--dot-ring-k) * (1turn / 7));}.glass-dot-ring-bead{position: absolute;inset-inline-start: 50%;inset-block-start: 50%;inline-size: var(--_dot-ring-bead);block-size: var(--_dot-ring-bead);margin-inline-start: calc(var(--_dot-ring-bead) / -2);margin-block-start: calc(var(--_dot-ring-bead) / -2);border-radius: var(--radius-pill);background: oklch( from var(--dot-ring-tint) l c calc(h + var(--dot-ring-k) * (360 / 7) * var(--dot-ring-inequality)) );translate: calc( 100% / (2 * var(--_dot-ring-pitch)) * var(--dot-ring-extent) ) 0;scale: calc( sqrt( 1 + var(--dot-ring-inequality) * var(--dot-ring-extent) * cos( var(--dot-ring-phase) + var(--dot-ring-k) * (1turn / 7) ) ) * (1 + (sqrt(7) - 1) * (1 - var(--dot-ring-extent))) );}@media (prefers-reduced-motion: reduce){.glass-dot-ring{animation: none;transition: none;}.glass-dot-ring-leave-active,.glass-dot-ring-leave-active .glass-dot-ring{transition: none;}}@media (forced-colors: active){.glass-dot-ring-bead{background: CanvasText;}}}@keyframes glass-dot-ring-redistribute{to{--dot-ring-phase: 1turn;}}
+@layer components{.glass-dot-ring{position: relative;display: inline-block;aspect-ratio: 1;inline-size: var(--icon-lg);--dot-ring-tint: currentColor;--dot-ring-inequality: 0.2360679775;--dot-ring-spin: var(--duration-xl);--_dot-ring-pitch: sin(180deg / 7);--_dot-ring-radius: calc( 50% / (1 + var(--_dot-ring-pitch) * sqrt(1 + var(--dot-ring-inequality))) );--_dot-ring-bead: calc(2 * var(--_dot-ring-pitch) * var(--_dot-ring-radius));animation: glass-dot-ring-redistribute var(--dot-ring-spin) linear infinite;--dot-ring-extent: 1;transition: --dot-ring-extent var(--spring-dock-duration) var(--spring-dock);}@starting-style{.glass-dot-ring{--dot-ring-extent: 0;}}.glass-dot-ring-leave-active{transition: opacity var(--spring-dock-exit-duration) var(--exit-curve);}.glass-dot-ring-leave-active .glass-dot-ring{transition: --dot-ring-extent var(--spring-dock-exit-duration) var(--exit-curve);}.glass-dot-ring-leave-to{opacity: 0;}.glass-dot-ring-leave-to .glass-dot-ring{--dot-ring-extent: 0;}.glass-dot-ring-spoke{position: absolute;inset: 0;rotate: calc(var(--dot-ring-k) * (1turn / 7));}.glass-dot-ring-bead{position: absolute;inset-inline-start: 50%;inset-block-start: 50%;inline-size: var(--_dot-ring-bead);block-size: var(--_dot-ring-bead);margin-inline-start: calc(var(--_dot-ring-bead) / -2);margin-block-start: calc(var(--_dot-ring-bead) / -2);border-radius: var(--radius-circle);background: oklch( from var(--dot-ring-tint) l c calc(h + var(--dot-ring-k) * (360 / 7) * var(--dot-ring-inequality)) );translate: calc( 100% / (2 * var(--_dot-ring-pitch)) * var(--dot-ring-extent) ) 0;scale: calc( sqrt( 1 + var(--dot-ring-inequality) * var(--dot-ring-extent) * cos( var(--dot-ring-phase) + var(--dot-ring-k) * (1turn / 7) ) ) * (1 + (sqrt(7) - 1) * (1 - var(--dot-ring-extent))) );}@media (prefers-reduced-motion: reduce){.glass-dot-ring{animation: none;transition: none;}.glass-dot-ring-leave-active,.glass-dot-ring-leave-active .glass-dot-ring{transition: none;}}@media (forced-colors: active){.glass-dot-ring-bead{background: CanvasText;}}}@keyframes glass-dot-ring-redistribute{to{--dot-ring-phase: 1turn;}}

package/dist/components/_shared/overlay/focus-return.d.ts

@@ -0,0 +1,9 @@
+/**
+ * THE QUIET RETURN (U/B7b L · O-11, O-19). reka's modal content answers its
+ * close-auto-focus with a bare `triggerElement.focus()`. In WebKit a clicked button
+ * takes no focus, so reka records the nearest focusable ancestor as the trigger (a
+ * figure plate, a section), and the bare focus scrolls the page to it on every close.
+ * Glass owns the return instead: the same element, with `preventScroll`. A consumer
+ * that cancels the event (its own `@close-auto-focus` runs first) keeps its say.
+ */
+export declare function returnFocusQuietly(trigger: () => HTMLElement | null | undefined): (event: Event) => void;

package/dist/components/_shared/overlay/index.d.ts

@@ -7,7 +7,10 @@
  * contracts, stated once, beside each other, with their readers.
  */
 export { overlayContentAttrs, type OverlayAttrs, type OverlayRole } from "./content.js";
+export { returnFocusQuietly } from "./focus-return.js";
 export { isTeleportedTarget } from "./isTeleportedTarget.js";
 export { useDockParticipation, useHoldToken, type DockParticipation, type DockPortalAttrs, type HoldTarget, type HoldToken, } from "./participation.js";
 export type { FloatingAlign, FloatingPlacementProps, FloatingSide, } from "./placement.js";
+export { acquireRootScrollLock, releaseRootScrollLock, useRootScrollLock, } from "./root-scroll-lock.js";
+export { useSheetWidth } from "./sheet-width.js";
 export { useModalShortcutBarrier } from "./shortcuts.js";

package/dist/components/_shared/overlay/root-scroll-lock.d.ts

@@ -0,0 +1,4 @@
+export declare function acquireRootScrollLock(): boolean;
+export declare function releaseRootScrollLock(): void;
+/** Hold the root lock while `active()` is true; release it when the scope ends. */
+export declare function useRootScrollLock(active: () => boolean): void;

package/dist/components/_shared/overlay/sheet-width.d.ts

@@ -0,0 +1,2 @@
+import { type ShallowRef } from "vue";
+export declare function useSheetWidth(open: () => boolean): Readonly<ShallowRef<boolean>>;

package/dist/components/_shared/shape/useBarShape.d.ts

@@ -0,0 +1,4 @@
+import { type Ref } from "vue";
+/** `"bar"` while the element is past its rung, `undefined` otherwise: bind it to
+ *  `data-shape`. */
+export declare function useBarShape(target: Ref<HTMLElement | null>): Readonly<Ref<"bar" | undefined>>;

package/dist/components/aurora/composables/auroraFallbackGround.d.ts

@@ -105,4 +105,16 @@ export interface AuroraFallbackGround {
  * sees (not a separate idealization).
  */
 export declare function auroraFallbackGround(config: AuroraConfig, options?: AuroraFallbackGroundOptions): AuroraFallbackGround;
+/**
+ * The identity of a config's fallback ground: the palette and the preset's field
+ * shape (softmax sharpness, value variance, and each nucleus's radius, ellipse and
+ * biases), without the nuclei positions.
+ *
+ * `Aurora.vue` encodes the ground once per key (atlas U/B7 F6, O-16). Nuclei that
+ * move (a scroll lean, a drift a consumer drives) move only on the GPU path; the
+ * ground stays the field the preset was mounted with. Two configs with the same key
+ * paint the same ground, so a config change that keeps the key costs no encode and
+ * no `background-image` write.
+ */
+export declare function auroraGroundKey(config: AuroraConfig): string;
 export {};

package/dist/components/aurora/constants/presets.d.ts

@@ -370,3 +370,24 @@ export declare const PAPER_WASH_GROUND: {
     readonly saturation: 0.92;
     readonly paperGrain: 0.008;
 };
+/**
+ * `STILL_FIELD` — a field that draws once and asks for no further frame (A7, P-G2).
+ * A PRESET PARTIAL over the consumer's own palette and nuclei, spread LAST:
+ * `const cfg = { ...consumerBase, ...STILL_FIELD }`.
+ *
+ * Every drift axis is 0, so `isAuroraDriftLive` parks the loop after the first frame,
+ * and the film grain (`paperGrain`) is 0, because the shader reseeds it from the clock on
+ * every drawn frame, which reads as flicker over a full page whenever something else asks
+ * for one. The canvas tooth (`canvasGrain`) is spatial, not clocked, so it stays: a still
+ * field keeps its texture. A pointer
+ * still wakes the loop only while it moves (the shared field's own rest gate), and the
+ * field settles back to the same still frame. Use it behind data: the page's motion
+ * budget belongs to the marks, not the ground.
+ */
+export declare const STILL_FIELD: {
+    readonly nucleiDrift: 0;
+    readonly paletteDrift: 0;
+    readonly warpDrift: 0;
+    readonly breathDepth: 0;
+    readonly paperGrain: 0;
+};

package/dist/components/aurora/index.d.ts

@@ -5,11 +5,11 @@ export type { UseAuroraReturn } from "./composables/useAurora.js";
 export { useCursorInteraction } from "./composables/useCursorInteraction.js";
 export { createAurora } from "./composables/runtime.js";
 export type { AuroraRuntimeMode, AuroraRuntimeOptions } from "./composables/runtime.js";
-export { DEFAULT_AURORA_CONFIG, PAPER_WASH_GROUND, DEFAULT_VIVIDNESS, VIVID_TARGET, IMAGE_BLUR_MIN_DEFAULT, IMAGE_BLUR_MAX_DEFAULT, MAX_NUCLEI, MAX_STOPS, type AuroraConfig, type AuroraCursorApi, type AuroraFlow, type AuroraInstance, type AuroraInteractivity, type AuroraMedium, type AuroraNucleus, type AuroraSource, type AuroraImageSource, type AuroraImageBlur, type FlowPattern, type OklchStop, type StrokeMode, type StrokeOrient, type WarpMode, } from "./constants/presets.js";
+export { DEFAULT_AURORA_CONFIG, PAPER_WASH_GROUND, STILL_FIELD, DEFAULT_VIVIDNESS, VIVID_TARGET, IMAGE_BLUR_MIN_DEFAULT, IMAGE_BLUR_MAX_DEFAULT, MAX_NUCLEI, MAX_STOPS, type AuroraConfig, type AuroraCursorApi, type AuroraFlow, type AuroraInstance, type AuroraInteractivity, type AuroraMedium, type AuroraNucleus, type AuroraSource, type AuroraImageSource, type AuroraImageBlur, type FlowPattern, type OklchStop, type StrokeMode, type StrokeOrient, type WarpMode, } from "./constants/presets.js";
 export { resolveAtoms, configToAtoms, DEFAULT_ATOMS, type AuroraAtoms, type AuroraZones, type AuroraMediumAtom, type AuroraInteractivityAtom, type AuroraFieldInteractivityAtom, type AuroraSmoothInteractivityAtom, type AuroraPainterlyInteractivityAtom, } from "./composables/atoms.js";
 export { nucleiPrior, type AuroraMotionAtom, type AuroraZoneArrangement, } from "./composables/atoms-fields.js";
 export { deriveAurora, flattenPalette, hexToOklchStop, paletteToCssGradient, } from "./composables/color.js";
 export { cssToOklch, oklchStopToHex, oklchToLinear, } from "../../composables/color/index.js";
-export { auroraFallbackGround, sampleAuroraField, nucleiFieldStatic, relativeLuminance, type AuroraFallbackGround, type AuroraFallbackGroundOptions, type AuroraGroundMetrics, } from "./composables/auroraFallbackGround.js";
+export { auroraFallbackGround, auroraGroundKey, sampleAuroraField, nucleiFieldStatic, relativeLuminance, type AuroraFallbackGround, type AuroraFallbackGroundOptions, type AuroraGroundMetrics, } from "./composables/auroraFallbackGround.js";
 export type { AuroraHarmony, DeriveAuroraOptions, DeriveEasing, } from "./composables/color.js";
 export type { AuroraHuePath } from "./constants/presets.js";

package/dist/components/button/styles.css

@@ -1 +1 @@
-@layer components{.button{--button-size: var(--control-h-md);--button-tone: var(--foreground);--button-accent: var(--primary);--button-quiet-ink: var(--muted-foreground);--button-ink: var(--button-tone);--button-edge: transparent;display: inline-flex;min-inline-size: 0;max-inline-size: 100%;min-block-size: var(--button-size);align-items: center;justify-content: center;gap: var(--space-atom);padding-inline: calc(var(--button-size) / 2 - var(--space-residue));border: 1px solid var(--button-edge);border-radius: calc(var(--button-size) / 2);color: var(--button-ink);font: inherit;font-size: var(--control-text);font-weight: 500;line-height: 1.1;text-align: center;text-decoration: none;cursor: pointer;appearance: none;touch-action: manipulation;user-select: none;scale: 1;--scale-press: var(--scale-press-sm);transition: background-color var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard),box-shadow var(--engage-control-engage-release) var(--ease-standard),color var(--engage-control-engage-release) var(--ease-standard),opacity var(--engage-control-engage-release) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}.button > svg{flex: none;pointer-events: none;}.button > svg:not([class*="size-"]){inline-size: var(--ui-glyph);block-size: var(--ui-glyph);}.button > .button-mark{flex: none;inline-size: var(--ui-glyph);}.button[data-emphasis="primary"]{--glass-depth: var(--glass-depth-content);font-weight: 600;}.button[data-emphasis="secondary"]{--glass-veil-tier: var(--glass-veil-quiet);--glass-blur-floating: var(--glass-blur-quiet);}.button[data-tone="destructive"]{--button-tone: var(--destructive);--button-accent: var(--destructive);--button-quiet-ink: var(--destructive);--button-edge: color-mix( in oklab,var(--destructive) calc(var(--ink-perimeter) * 100%),transparent );--glass-capsule-fill: color-mix( in oklab,var(--glass-veil),var(--destructive) var(--feedback-tone-strength) );}.button[data-emphasis="quiet"],.button[data-emphasis="text"]{--button-edge: transparent;--button-ink: var(--button-quiet-ink);background: transparent;box-shadow: none;}.button[data-emphasis="text"]{--button-ink: var(--button-accent);padding-inline: var(--space-residue);text-underline-offset: 0.25em;}@media (hover: hover){.button[data-emphasis="quiet"]:hover:not(:disabled,[aria-disabled="true"]){--button-ink: var(--button-tone);background: color-mix( in oklab,var(--button-tone) calc(var(--fill-hover) * 100%),transparent );}.button[data-emphasis="text"]:hover:not(:disabled,[aria-disabled="true"]){text-decoration: underline;}}.button[data-emphasis="quiet"]:active:not(:disabled,[aria-disabled="true"]){background: color-mix( in oklab,var(--button-tone) calc(var(--fill-selected) * 100%),transparent );}.button[data-emphasis="text"]:active:not(:disabled,[aria-disabled="true"]){background: color-mix( in oklab,var(--button-accent) calc(var(--fill-hover) * 100%),transparent );}.button[data-size="xs"]{--button-size: var(--control-h-xs);gap: var(--space-residue);font-size: var(--control-text-sm);}.button[data-size="sm"]{--button-size: var(--control-h-sm);gap: var(--space-residue);font-size: var(--control-text-sm);}.button[data-size="lg"]{--button-size: var(--control-h-lg);font-size: var(--type-body);}.button[data-icon-only]{inline-size: var(--button-size);block-size: var(--button-size);min-block-size: var(--button-size);padding: 0;}.button:disabled,.button[aria-disabled="true"]{--button-ink: oklch(from var(--foreground) l 0 h / var(--opacity-disabled));cursor: not-allowed;}.button[data-loading]{cursor: progress;}.button.glass-specular-track:active::before{--specular-intensity: calc( var(--glass-specular-intensity-hover) + ( var(--glass-specular-intensity-active) - var(--glass-specular-intensity-hover) ) * var(--glass-btn-press-t) );}}
+@layer components{.button{--button-size: var(--control-h-md);--button-tone: var(--foreground);--button-accent: var(--primary);--button-quiet-ink: var(--muted-foreground);--button-ink: var(--button-tone);--button-edge: transparent;display: inline-flex;min-inline-size: 0;max-inline-size: 100%;min-block-size: var(--button-size);align-items: center;justify-content: center;gap: var(--space-atom);padding-inline: calc(var(--button-size) / 2 - var(--space-residue));border: 1px solid var(--button-edge);border-radius: calc(var(--button-size) / 2);color: var(--button-ink);font: inherit;font-size: var(--control-text);font-weight: 500;line-height: 1.1;text-align: center;text-decoration: none;cursor: pointer;appearance: none;touch-action: manipulation;user-select: none;scale: 1;--scale-press: var(--scale-press-sm);transition: background-color var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard),box-shadow var(--engage-control-engage-release) var(--ease-standard),color var(--engage-control-engage-release) var(--ease-standard),opacity var(--engage-control-engage-release) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}.button > svg{flex: none;pointer-events: none;}.button > svg:not([class*="size-"]){inline-size: var(--ui-glyph);block-size: var(--ui-glyph);}.button > .button-mark{flex: none;inline-size: var(--ui-glyph);}.button[data-emphasis="primary"]{--glass-depth: var(--glass-depth-content);font-weight: 600;}.button[data-emphasis="secondary"]{--glass-veil-tier: var(--glass-veil-quiet);--glass-blur-floating: var(--glass-blur-quiet);}.button[data-tone="destructive"]{--button-tone: var(--destructive);--button-accent: var(--destructive);--button-quiet-ink: var(--destructive);--button-edge: color-mix( in oklab,var(--destructive) calc(var(--ink-perimeter) * 100%),transparent );--glass-capsule-fill: color-mix( in oklab,var(--glass-veil),var(--destructive) var(--feedback-tone-strength) );}.button[data-emphasis="quiet"],.button[data-emphasis="text"]{--button-edge: transparent;--button-ink: var(--button-quiet-ink);background: transparent;box-shadow: none;}.button[data-emphasis="text"]{--button-ink: var(--button-accent);padding-inline: var(--space-residue);text-underline-offset: 0.25em;}@media (hover: hover){.button[data-emphasis="quiet"]:hover:not(:disabled,[aria-disabled="true"]){--button-ink: var(--button-tone);background: color-mix( in oklab,var(--button-tone) calc(var(--fill-hover) * 100%),transparent );}.button[data-emphasis="text"]:hover:not(:disabled,[aria-disabled="true"]){text-decoration: underline;}}.button[data-emphasis="quiet"]:active:not(:disabled,[aria-disabled="true"]){background: color-mix( in oklab,var(--button-tone) calc(var(--fill-selected) * 100%),transparent );}.button[data-emphasis="text"]:active:not(:disabled,[aria-disabled="true"]){background: color-mix( in oklab,var(--button-accent) calc(var(--fill-hover) * 100%),transparent );}.button[data-size="xs"]{--button-size: var(--control-h-xs);gap: var(--space-residue);font-size: var(--control-text-sm);}.button[data-size="sm"]{--button-size: var(--control-h-sm);gap: var(--space-residue);font-size: var(--control-text-sm);}.button[data-size="lg"]{--button-size: var(--control-h-lg);font-size: var(--type-body);}.button[data-icon-only]{inline-size: var(--button-size);block-size: var(--button-size);min-block-size: var(--button-size);padding: 0;}.button[data-shape="bar"]{border-radius: var(--radius-bar);}.button:disabled,.button[aria-disabled="true"]{--button-ink: oklch(from var(--foreground) l 0 h / var(--opacity-disabled));cursor: not-allowed;}.button[data-loading]{cursor: progress;}.button.glass-specular-track:active::before{--specular-intensity: calc( var(--glass-specular-intensity-hover) + ( var(--glass-specular-intensity-active) - var(--glass-specular-intensity-hover) ) * var(--glass-btn-press-t) );}}

package/dist/components/dark-mode-toggle/dark-mode-toggle.css

@@ -1 +1 @@
-@layer components{.dark-mode-toggle-button{--dark-mode-toggle-size: 2.25rem;--dark-mode-toggle-padding: 0.375rem;appearance: none;display: inline-grid;place-items: center;flex: none;width: var(--dark-mode-toggle-size);height: var(--dark-mode-toggle-size);padding: var(--dark-mode-toggle-padding);border: 0;border-radius: var(--radius-pill);color: var(--foreground);background: transparent;opacity: 0.8;cursor: pointer;transition: opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);}@media (hover: hover){.dark-mode-toggle-button:hover{background: var(--surface-tint-10);opacity: 1;}}.dark-mode-toggle-button:focus-visible{outline: none;box-shadow: var(--focus-ring-shadow,var(--dock-ring));opacity: 1;}.dark-mode-toggle-button > svg{display: block;width: 100%;height: 100%;fill: currentColor;}.dark-mode-toggle-button[data-size="sm"]{--dark-mode-toggle-size: 1.75rem;--dark-mode-toggle-padding: 0.25rem;}.dark-mode-toggle-button[data-size="lg"]{--dark-mode-toggle-size: 2.75rem;--dark-mode-toggle-padding: 0.5rem;}.dark-mode-toggle-button[data-size="control"]{--dark-mode-toggle-size: var(--control-size,2.25rem);--dark-mode-toggle-padding: var(--control-icon-padding,0.375rem);}.dark-mode-toggle-button[data-size="dock"],.glass-dock .dark-mode-toggle-button:not([data-size="sm"]):not([data-size="lg"]):not( [data-size="control"] ){--dark-mode-toggle-size: var(--dock-control-size,var(--size-icon-btn));--dark-mode-toggle-padding: calc( ( var(--dock-control-size,var(--size-icon-btn)) - var(--dock-control-glyph-size,var(--dock-icon-glyph,1.25rem)) ) / 2 );}.toggle-sun,.toggle-circle{transform-origin: center;transition-property: transform;transition-duration: var(--spring-dock-duration);transition-timing-function: var(--spring-dock);}:where(.dark) .dark-mode-toggle-button .toggle-sun{transform: rotate(0.5turn);}:where(.dark) .dark-mode-toggle-button .toggle-circle{transform: translateX(-15%);}}@layer components{@media (prefers-reduced-motion: reduce){.dark-mode-toggle-button,.dark-mode-toggle-button .toggle-sun,.dark-mode-toggle-button .toggle-circle{transition: none;}}}
+@layer components{.dark-mode-toggle-button{--dark-mode-toggle-size: 2.25rem;--dark-mode-toggle-padding: 0.375rem;appearance: none;display: inline-grid;place-items: center;flex: none;width: var(--dark-mode-toggle-size);height: var(--dark-mode-toggle-size);padding: var(--dark-mode-toggle-padding);border: 0;border-radius: var(--radius-circle);color: var(--foreground);background: transparent;opacity: 0.8;cursor: pointer;transition: opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);}@media (hover: hover){.dark-mode-toggle-button:hover{background: var(--surface-tint-10);opacity: 1;}}.dark-mode-toggle-button:focus-visible{outline: none;box-shadow: var(--focus-ring-shadow,var(--dock-ring));opacity: 1;}.dark-mode-toggle-button > svg{display: block;width: 100%;height: 100%;fill: currentColor;}.dark-mode-toggle-button[data-size="sm"]{--dark-mode-toggle-size: 1.75rem;--dark-mode-toggle-padding: 0.25rem;}.dark-mode-toggle-button[data-size="lg"]{--dark-mode-toggle-size: 2.75rem;--dark-mode-toggle-padding: 0.5rem;}.dark-mode-toggle-button[data-size="control"]{--dark-mode-toggle-size: var(--control-size,2.25rem);--dark-mode-toggle-padding: var(--control-icon-padding,0.375rem);}.dark-mode-toggle-button[data-size="dock"],.glass-dock .dark-mode-toggle-button:not([data-size="sm"]):not([data-size="lg"]):not( [data-size="control"] ){--dark-mode-toggle-size: var(--dock-control-size,var(--size-icon-btn));--dark-mode-toggle-padding: calc( ( var(--dock-control-size,var(--size-icon-btn)) - var(--dock-control-glyph-size,var(--dock-icon-glyph,1.25rem)) ) / 2 );}.toggle-sun,.toggle-circle{transform-origin: center;transition-property: transform;transition-duration: var(--spring-dock-duration);transition-timing-function: var(--spring-dock);}:where(.dark) .dark-mode-toggle-button .toggle-sun{transform: rotate(0.5turn);}:where(.dark) .dark-mode-toggle-button .toggle-circle{transform: translateX(-15%);}}@layer components{@media (prefers-reduced-motion: reduce){.dark-mode-toggle-button,.dark-mode-toggle-button .toggle-sun,.dark-mode-toggle-button .toggle-circle{transition: none;}}}

package/dist/components/dialog/DialogContent.vue.d.ts

@@ -21,9 +21,9 @@ export interface DialogContentProps {
     scroll?: boolean;
     dismiss?: DialogDismiss;
 }
-declare var __VLS_28: {};
+declare var __VLS_29: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_28) => any;
+    default?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DialogContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;

package/dist/components/dialog/ModalOverlay.vue.d.ts

@@ -48,9 +48,9 @@ interface ModalOverlayProps {
      */
     veil?: boolean;
 }
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ModalOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalOverlayProps> & Readonly<{}>, {
     opacity: number | null;

package/dist/components/dialog/ModalScrim.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The scrim element under `ModalOverlay`'s presence. It is reka's `DialogOverlayImpl`
+ * less one line: reka's overlay takes `useBodyScrollLock`, which writes
+ * `overflow: hidden` (and a padding compensation) onto `body`. Under a consumer root
+ * whose overflow is not `visible`, that turns `body` into the page's scroller while a
+ * modal is open, so sticky elements drop out of place and the page can jump when it
+ * lets go (U/B7b: the atlas homepage finder, 4 of 4 cells per engine). This scrim holds
+ * the page still through the one root lock instead (`_shared/overlay`), for exactly as
+ * long as reka's lock held it: while the scrim is present.
+ */
+type __VLS_Props = {
+    present: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/dialog/styles.css

@@ -1 +1 @@
-@layer components{:where([data-slot="dialog-content"]){border-radius: var(--radius-3xl);display: grid;gap: var(--space-body);inline-size: min(100% - 2 * var(--space-section),32rem);padding-inline: var(--space-family);padding-block: var(--space-family);translate: -50% -50%;}:where([data-slot="dialog-header"]){display: flex;flex-direction: column;gap: var(--space-atom);text-align: start;}:where([data-slot="dialog-content"]:has([data-slot="dialog-close"])) :where([data-slot="dialog-header"]){padding-inline-end: calc(var(--touch-target) + var(--space-atom));}:where([data-slot="dialog-title"]){font-size: calc(var(--type-body) * 1.272);line-height: var(--type-leading-body);letter-spacing: var(--type-tracking-tight);}:where([data-slot="dialog-description"]){font-size: var(--type-body);line-height: var(--type-leading-body);color: var(--foreground);}:where([data-slot="dialog-footer"]){display: flex;flex-direction: row;justify-content: flex-end;gap: var(--space-body);}:where([data-slot="dialog-close"]){position: absolute;inset-block-start: var(--space-family);inset-inline-end: var(--space-family);display: inline-flex;align-items: center;justify-content: center;inline-size: var(--touch-target);block-size: var(--touch-target);border-radius: var(--radius-pill);color: var(--foreground);cursor: pointer;isolation: isolate;}:where([data-slot="dialog-close"])::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: transparent;transition: background-color var(--spring-press-duration) var(--spring-press),scale var(--spring-press-duration) var(--spring-press);}@media (hover: hover){:where([data-slot="dialog-close"]):hover::before{background: color-mix(in oklab,var(--foreground) 5%,transparent);scale: var(--scale-hover);}}:where([data-slot="dialog-close"]):active::before{background: color-mix(in oklab,var(--foreground) 12%,transparent);scale: var(--scale-press);}:where([data-slot="dialog-close"]):focus-visible{outline: 2px solid color-mix(in oklab,var(--foreground) 48%,transparent);outline-offset: 2px;}}@property --rebuff-x{syntax: "<length>";inherits: false;initial-value: 0px;}@keyframes glass-dialog-rebuff-a{0%{--rebuff-x: 0px;}22%{--rebuff-x: -4px;}48%{--rebuff-x: 3px;}72%{--rebuff-x: -1.6px;}88%{--rebuff-x: 0.6px;}100%{--rebuff-x: 0px;}}@keyframes glass-dialog-rebuff-b{0%{--rebuff-x: 0px;}22%{--rebuff-x: -4px;}48%{--rebuff-x: 3px;}72%{--rebuff-x: -1.6px;}88%{--rebuff-x: 0.6px;}100%{--rebuff-x: 0px;}}@layer components{:where([data-slot="dialog-content"][data-rebuff]){translate: calc(-50% + var(--rebuff-x)) -50%;}:where([data-slot="dialog-content"][data-rebuff="a"]){animation: glass-dialog-rebuff-a var(--spring-press-duration) var(--spring-press);}:where([data-slot="dialog-content"][data-rebuff="b"]){animation: glass-dialog-rebuff-b var(--spring-press-duration) var(--spring-press);}}@keyframes glass-dialog-rebuff-flash{0%,100%{outline-color: transparent;}50%{outline-color: color-mix(in oklab,var(--foreground) 48%,transparent);}}@layer components{@media (prefers-reduced-motion: reduce){:where([data-slot="dialog-content"][data-rebuff]){outline: 2px solid transparent;outline-offset: 0;animation: glass-dialog-rebuff-flash var(--spring-press-duration) linear;}}}
+@layer components{:where([data-slot="dialog-content"]){border-radius: var(--radius-3xl);display: grid;gap: var(--space-body);inline-size: min(100% - 2 * var(--space-section),32rem);padding-inline: var(--space-family);padding-block: var(--space-family);translate: -50% -50%;}:where([data-slot="dialog-header"]){display: flex;flex-direction: column;gap: var(--space-atom);text-align: start;}:where([data-slot="dialog-content"]:has([data-slot="dialog-close"])) :where([data-slot="dialog-header"]){padding-inline-end: calc(var(--touch-target) + var(--space-atom));}:where([data-slot="dialog-title"]){font-size: calc(var(--type-body) * 1.272);line-height: var(--type-leading-body);letter-spacing: var(--type-tracking-tight);}:where([data-slot="dialog-description"]){font-size: var(--type-body);line-height: var(--type-leading-body);color: var(--foreground);}:where([data-slot="dialog-footer"]){display: flex;flex-direction: row;justify-content: flex-end;gap: var(--space-body);}:where([data-slot="dialog-close"]){position: absolute;inset-block-start: var(--space-family);inset-inline-end: var(--space-family);display: inline-flex;align-items: center;justify-content: center;inline-size: var(--touch-target);block-size: var(--touch-target);border-radius: var(--radius-circle);color: var(--foreground);cursor: pointer;isolation: isolate;}:where([data-slot="dialog-close"])::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: transparent;transition: background-color var(--spring-press-duration) var(--spring-press),scale var(--spring-press-duration) var(--spring-press);}@media (hover: hover){:where([data-slot="dialog-close"]):hover::before{background: color-mix(in oklab,var(--foreground) 5%,transparent);scale: var(--scale-hover);}}:where([data-slot="dialog-close"]):active::before{background: color-mix(in oklab,var(--foreground) 12%,transparent);scale: var(--scale-press);}:where([data-slot="dialog-close"]):focus-visible{outline: 2px solid color-mix(in oklab,var(--foreground) 48%,transparent);outline-offset: 2px;}}@property --rebuff-x{syntax: "<length>";inherits: false;initial-value: 0px;}@keyframes glass-dialog-rebuff-a{0%{--rebuff-x: 0px;}22%{--rebuff-x: -4px;}48%{--rebuff-x: 3px;}72%{--rebuff-x: -1.6px;}88%{--rebuff-x: 0.6px;}100%{--rebuff-x: 0px;}}@keyframes glass-dialog-rebuff-b{0%{--rebuff-x: 0px;}22%{--rebuff-x: -4px;}48%{--rebuff-x: 3px;}72%{--rebuff-x: -1.6px;}88%{--rebuff-x: 0.6px;}100%{--rebuff-x: 0px;}}@layer components{:where([data-slot="dialog-content"][data-rebuff]){translate: calc(-50% + var(--rebuff-x)) -50%;}:where([data-slot="dialog-content"][data-rebuff="a"]){animation: glass-dialog-rebuff-a var(--spring-press-duration) var(--spring-press);}:where([data-slot="dialog-content"][data-rebuff="b"]){animation: glass-dialog-rebuff-b var(--spring-press-duration) var(--spring-press);}}@keyframes glass-dialog-rebuff-flash{0%,100%{outline-color: transparent;}50%{outline-color: color-mix(in oklab,var(--foreground) 48%,transparent);}}@layer components{@media (prefers-reduced-motion: reduce){:where([data-slot="dialog-content"][data-rebuff]){outline: 2px solid transparent;outline-offset: 0;animation: glass-dialog-rebuff-flash var(--spring-press-duration) linear;}}}

package/dist/components/dock/GlassDock.vue.d.ts

@@ -22,8 +22,11 @@ declare const __VLS_base: import("vue").DefineComponent<DockProps, {
     keepOpen: (kind?: import("./composables/dockContext.js").DockHoldKind) => void;
     release: (kind?: import("./composables/dockContext.js").DockHoldKind) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DockProps> & Readonly<{}>, {
+    anchor: import(".").DockAnchor;
     collapse: import(".").DockCollapse;
-    backdropMode: import(".").DockBackdropMode;
+    backdropMode: import("../_shared/axes.js").BackdropMode;
+    expandOn: import(".").DockExpandOn;
+    collapsedLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;