@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/expandable-container.js

@@ -1,26 +1,27 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useSurfaceAxis-DudiZVOR.js";
-import { registerShortcut as n } from "./keyboard.js";
-import { t as r } from "./focus-scope-DUTKveod.js";
-import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, onUnmounted as _, openBlock as v, renderSlot as y, unref as b, useModel as x, watch as S, withCtx as C } from "vue";
-import { Maximize2 as w, Minimize2 as T } from "@lucide/vue";
+import { registerShortcut as e } from "./keyboard.js";
+import { Teleport as t, createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, nextTick as c, onUnmounted as l, openBlock as u, ref as d, renderSlot as f, unref as p, useModel as m, watch as h, withCtx as g } from "vue";
+import { FocusScope as _ } from "reka-ui";
+import { Maximize2 as v, Minimize2 as y } from "@lucide/vue";
 //#region src/components/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
-var E = ["inert"], D = ["aria-label"], O = ["data-surface"], k = ["aria-label"], A = {
-	"data-part": "panel",
-	class: "h-full w-full"
-}, j = 0, M = null;
-function N() {
-	return typeof document > "u" ? !1 : (j === 0 && (M = document.body.style.overflow, document.body.style.overflow = "hidden"), j += 1, !0);
+var b = [
+	"data-state",
+	"data-surface",
+	"role",
+	"aria-label",
+	"aria-modal"
+], x = ["hidden"], S = ["data-position", "aria-label"], C = ["hidden"], w = ["data-position", "aria-label"], T = { "data-part": "panel" }, E = 0, D = null;
+function O() {
+	return typeof document > "u" ? !1 : (E === 0 && (D = document.body.style.overflow, document.body.style.overflow = "hidden"), E += 1, !0);
 }
-function P() {
-	typeof document > "u" || j === 0 || (--j, j === 0 && (document.body.style.overflow = M ?? "", M = null));
+function k() {
+	typeof document > "u" || E === 0 || (--E, E === 0 && (document.body.style.overflow = D ?? "", D = null));
 }
 //#endregion
 //#region src/components/expandable-container/ExpandableContainer.vue
-var F = /* @__PURE__ */ f({
+var A = /* @__PURE__ */ a({
 	inheritAttrs: !1,
 	__name: "ExpandableContainer",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ o({
 		buttonPosition: { default: "right" },
 		expandLabel: { default: "Fullscreen" },
 		collapseLabel: { default: "Exit fullscreen" },
@@ -33,94 +34,107 @@ var F = /* @__PURE__ */ f({
 		openModifiers: {}
 	}),
 	emits: ["update:open"],
-	setup(f) {
-		let p = f, j = o(() => t(p.surface)), M = x(f, "open");
-		function F() {
-			M.value = !0;
+	setup(a) {
+		let o = m(a, "open"), E = d(null);
+		function D() {
+			let e = E.value?.$el;
+			return e instanceof HTMLElement ? e : null;
+		}
+		function A() {
+			o.value = !0;
+		}
+		function j() {
+			o.value = !1;
+		}
+		let M = !1, N = null, P = null;
+		function F(e) {
+			e && !M ? M = O() : !e && M && (k(), M = !1);
 		}
 		function I() {
-			M.value = !1;
+			(D()?.querySelector("[autofocus]") ?? D()?.querySelector("[data-mode=\"collapse\"]") ?? D()?.querySelector("button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])") ?? D())?.focus();
+		}
+		async function L() {
+			await c(), await c(), I();
 		}
-		let L = !1;
-		function R(e) {
-			if (e && !L) {
-				L = N();
-				return;
-			}
-			!e && L && (P(), L = !1);
+		function R() {
+			let e = P?.isConnected ? P : D()?.querySelector("[data-mode=\"expand\"], .expandable-container__chrome:not([hidden]) button, .expandable-container__chrome:not([hidden]) a[href], .expandable-container__chrome:not([hidden]) [tabindex]:not([tabindex=\"-1\"])");
+			P = null, e?.focus();
 		}
-		let z = null, B = null;
-		S(M, (e, t) => {
-			if (R(e), e && !t) {
-				let e = typeof document < "u" ? document.activeElement : null;
-				B = e instanceof HTMLElement ? e : null, z = n("Escape", () => {
-					M.value = !1;
-				}, {
+		function z(e) {
+			e.preventDefault();
+		}
+		return h(o, (t, n) => {
+			if (F(t), t && !n) {
+				let t = typeof document < "u" ? document.activeElement : null;
+				P = t instanceof HTMLElement ? t : null, N = e("Escape", j, {
 					label: "Exit fullscreen",
 					group: "UI",
 					allowInInput: !0
-				});
-			} else !e && t && (z?.(), z = null);
-		}, { immediate: !0 });
-		function V(e) {
-			e.preventDefault();
-			let t = B;
-			B = null, h(() => t?.focus?.());
-		}
-		return _(() => {
-			z?.(), z = null, R(!1);
-		}), (t, n) => (v(), l(i, null, [u("div", m({
-			class: "relative",
-			inert: M.value || void 0
-		}, t.$attrs), [y(t.$slots, "expand-trigger", {
-			expand: F,
-			label: f.expandLabel
-		}, () => [u("button", {
-			type: "button",
-			"data-part": "trigger",
-			"data-mode": "expand",
-			class: g(["absolute z-10 rounded-button bg-card/70 [backdrop-filter:var(--glass-blur-wash)] p-1.5 text-muted-foreground hover:text-foreground transition-colors shadow-sm border border-border/40", f.buttonPosition === "left" ? "left-2 top-2" : "right-2 top-2"]),
-			title: "Fullscreen",
-			"aria-label": f.expandLabel,
-			onClick: F
-		}, [d(b(w), {
-			class: "h-4 w-4",
-			"aria-hidden": "true"
-		})], 10, D)]), M.value ? c("", !0) : y(t.$slots, "default", {
-			key: 0,
-			fullscreen: !1
-		})], 16, E), (v(), s(a, {
+				}), L();
+			} else !t && n && (N?.(), N = null, c(R));
+		}, { immediate: !0 }), l(() => {
+			N?.(), N = null, F(!1);
+		}), (e, c) => (u(), n(t, {
 			to: "body",
-			disabled: !M.value
-		}, [M.value ? (v(), s(b(r), {
-			key: 0,
+			disabled: !o.value
+		}, [i(p(_), {
+			ref_key: "scope",
+			ref: E,
 			"as-child": "",
-			trapped: "",
-			onUnmountAutoFocus: V
+			loop: o.value,
+			trapped: o.value,
+			onMountAutoFocus: z
 		}, {
-			default: C(() => [u("div", {
-				"data-part": "overlay",
-				"data-surface": f.surface,
-				class: g(b(e)("fixed inset-0 z-modal flex flex-col glass-overlay", j.value))
-			}, [y(t.$slots, "fullscreen-chrome", {
-				collapse: I,
-				label: f.collapseLabel,
-				fullscreen: !0
-			}, () => [u("button", {
-				type: "button",
-				"data-part": "trigger",
-				"data-mode": "collapse",
-				class: g(["absolute z-10 rounded-button bg-card/70 [backdrop-filter:var(--glass-blur-wash)] p-2 text-muted-foreground hover:text-foreground transition-colors shadow-sm border border-border/40", f.buttonPosition === "left" ? "left-3 top-3" : "right-3 top-3"]),
-				title: "Exit fullscreen",
-				"aria-label": f.collapseLabel,
-				onClick: I
-			}, [d(b(T), {
-				class: "h-4 w-4",
-				"aria-hidden": "true"
-			})], 10, k)]), u("div", A, [y(t.$slots, "default", { fullscreen: !0 })])], 10, O)]),
+			default: g(() => [r("div", s({
+				class: ["expandable-container", { "glass-overlay": o.value }],
+				"data-state": o.value ? "expanded" : "collapsed",
+				"data-surface": o.value ? a.surface : void 0,
+				role: o.value ? "dialog" : void 0,
+				"aria-label": o.value ? a.expandLabel : void 0,
+				"aria-modal": o.value || void 0
+			}, e.$attrs), [
+				r("div", {
+					class: "expandable-container__chrome",
+					hidden: o.value
+				}, [f(e.$slots, "expand-trigger", {
+					expand: A,
+					label: a.expandLabel
+				}, () => [r("button", {
+					type: "button",
+					"data-part": "trigger",
+					"data-control-target": "",
+					"data-mode": "expand",
+					"data-position": a.buttonPosition,
+					"aria-label": a.expandLabel,
+					onClick: A
+				}, [i(p(v), {
+					class: "expandable-container__icon",
+					"aria-hidden": "true"
+				})], 8, S)])], 8, x),
+				r("div", {
+					class: "expandable-container__chrome",
+					hidden: !o.value
+				}, [f(e.$slots, "fullscreen-chrome", {
+					collapse: j,
+					label: a.collapseLabel,
+					fullscreen: !0
+				}, () => [r("button", {
+					type: "button",
+					"data-part": "trigger",
+					"data-control-target": "",
+					"data-mode": "collapse",
+					"data-position": a.buttonPosition,
+					"aria-label": a.collapseLabel,
+					onClick: j
+				}, [i(p(y), {
+					class: "expandable-container__icon",
+					"aria-hidden": "true"
+				})], 8, w)])], 8, C),
+				r("div", T, [f(e.$slots, "default", { fullscreen: o.value })])
+			], 16, b)]),
 			_: 3
-		})) : c("", !0)], 8, ["disabled"]))], 64));
+		}, 8, ["loop", "trapped"])], 8, ["disabled"]));
 	}
 });
 //#endregion
-export { F as ExpandableContainer };
+export { A as ExpandableContainer };

package/dist/fading-scroll-DhxXIhm2.js

@@ -0,0 +1,96 @@
+import { t as e } from "./supportsCssTimeline-C2zyWpl8.js";
+import { t } from "./useResizeObserver-CdUlm2QZ.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/constants.ts
+var m = e(), h;
+function g() {
+	if (h || typeof document > "u") return h ?? "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 ? h = "positive-descending" : (e.scrollLeft = 1, h = e.scrollLeft === 0 ? "negative" : "positive-ascending"), e.remove(), h;
+}
+function _(e, t, n, r) {
+	let i = r ?? (n === "rtl" ? g() : void 0), a = n === "rtl" ? i === "negative" ? -e : i === "positive-descending" ? t - e : e : e;
+	return Math.min(t, Math.max(0, a));
+}
+function v(e, n = {}) {
+	let { axis: r = "x", fadeStart: i = !0, fadeEnd: a = !0 } = n, c = l(!m), u = 0, d = null;
+	function p(t, n) {
+		let r = f(e);
+		r && (r.style.setProperty("--fade-start", t ? "var(--fade-scroll-width)" : "0px"), r.style.setProperty("--fade-end", n ? "var(--fade-scroll-width)" : "0px"));
+	}
+	function h() {
+		let t = f(e);
+		if (!t) return;
+		let n = f(r) === "x", o = n ? t.scrollWidth - t.clientWidth : t.scrollHeight - t.clientHeight, s = n ? _(t.scrollLeft, o, getComputedStyle(t).direction) : Math.min(o, Math.max(0, t.scrollTop)), c = s <= 12, l = s >= o - 12;
+		p(f(i) && !c, f(a) && !l);
+	}
+	function g() {
+		u ||= requestAnimationFrame(() => {
+			u = 0, h();
+		});
+	}
+	function v() {
+		let n = f(e);
+		n && (n.addEventListener("scroll", g, { passive: !0 }), d = t(e, h).stop, h());
+	}
+	function y() {
+		f(e)?.removeEventListener("scroll", g), d?.(), d = null, u &&= (cancelAnimationFrame(u), 0);
+	}
+	return s(() => {
+		c.value && v();
+	}), o(y), {
+		active: c,
+		measure: h,
+		stop: y
+	};
+}
+//#endregion
+//#region src/components/fading-scroll/FadingScroll.vue?vue&type=script&setup=true&lang.ts
+var y = [
+	"data-fade-axis",
+	"data-fade-start",
+	"data-fade-end",
+	"role",
+	"aria-label",
+	"aria-labelledby"
+], b = /* @__PURE__ */ i({
+	__name: "FadingScroll",
+	props: {
+		axis: { default: "x" },
+		fadeStart: {
+			type: Boolean,
+			default: !0
+		},
+		fadeEnd: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: {},
+		ariaLabelledby: {}
+	},
+	setup(e) {
+		let t = e, i = l(null), o = n(() => !!(t.ariaLabel || t.ariaLabelledby));
+		return p(() => [
+			t.axis,
+			t.fadeStart,
+			t.fadeEnd
+		], v(i, {
+			axis: d(t, "axis"),
+			fadeStart: d(t, "fadeStart"),
+			fadeEnd: d(t, "fadeEnd")
+		}).measure), (t, n) => (c(), r("div", {
+			ref_key: "rootRef",
+			ref: i,
+			class: a(["fading-scroll", e.axis === "y" ? "fading-scroll--y" : "fading-scroll--x"]),
+			"data-fade-axis": e.axis,
+			"data-fade-start": e.fadeStart ? "" : void 0,
+			"data-fade-end": e.fadeEnd ? "" : void 0,
+			role: o.value ? "region" : void 0,
+			"aria-label": e.ariaLabel,
+			"aria-labelledby": e.ariaLabelledby,
+			tabindex: "0"
+		}, [u(t.$slots, "default")], 10, y));
+	}
+});
+//#endregion
+export { v as n, b as t };

package/dist/fading-scroll.js

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

package/dist/field-control.css_vue_type_style_index_0_src_true_lang-CeLay9Tk.js

@@ -0,0 +1,21 @@
+import { computed as e } from "vue";
+//#region src/components/_shared/fieldControl.ts
+function t(e) {
+	return e === !0 || e === "true" || e === "grammar" || e === "spelling";
+}
+function n(e, t, n) {
+	return e ? "disabled" : t ? "readonly" : n ? "invalid" : "default";
+}
+function r(r, i) {
+	let a = e(() => r.invalid ? "true" : i["aria-invalid"]), o = e(() => n(!!r.disabled, !!r.readonly, t(a.value)));
+	return {
+		ariaInvalid: a,
+		forwardedAttrs: e(() => {
+			let { "aria-invalid": e, ...t } = i;
+			return t;
+		}),
+		state: o
+	};
+}
+//#endregion
+export { r as n, t };

package/dist/floating-dB5TD88k.js

@@ -0,0 +1,7 @@
+//#region src/components/_shared/floating.ts
+var e = /* @__PURE__ */ new Set(/* @__PURE__ */ "align-flip.alignFlip.arrow-padding.arrowPadding.as.as-child.asChild.avoid-collisions.avoidCollisions.collision-boundary.collision-padding.collisionBoundary.collisionPadding.dir.disable-outside-pointer-events.disable-update-on-layout-shift.disableOutsidePointerEvents.disableUpdateOnLayoutShift.force-mount.forceMount.hide-shifted-arrow.hide-when-detached.hideShiftedArrow.hideWhenDetached.memo-dependencies.memoDependencies.position-strategy.positionStrategy.prioritize-position.prioritizePosition.reference.side-flip.sideFlip.sticky.trap-focus.trapFocus.update-position-strategy.updatePositionStrategy".split("."));
+function t(t) {
+	return Object.fromEntries(Object.entries(t).filter(([t]) => !e.has(t)));
+}
+//#endregion
+export { t };

package/dist/{flow.glsl-DEGFGE11.js → flow.wgsl-Cd2GUkPx.js}

@@ -1,4 +1,4 @@
 //#region src/composables/glass/webgl/shaders/flow.glsl.ts
-var e = "\nconst float CURL_EPS = 0.012;\n\n// Scalar fbm potential psi — the host's noise basis, wrapped so the curl operator is\n// basis-agnostic. A host carrying its own fbm defines this as: return fbm(p);\nfloat potentialFBM(vec2 p);\n\n// ∇×ψ in 2D — the divergence-free flow direction. Central finite differences of the\n// scalar potential give the partials; the cross-pairing (∂y, −∂x) is the 2D curl.\nvec2 curlFBM(vec2 p) {\n  float dx = potentialFBM(p + vec2(CURL_EPS, 0.0)) - potentialFBM(p - vec2(CURL_EPS, 0.0));\n  float dy = potentialFBM(p + vec2(0.0, CURL_EPS)) - potentialFBM(p - vec2(0.0, CURL_EPS));\n  // ψ-gradient is (dx, dy)/(2·eps); the curl rotates it 90°: (∂ψ/∂y, −∂ψ/∂x).\n  vec2 g = vec2(dx, dy) / (2.0 * CURL_EPS);\n  return vec2(g.y, -g.x);\n}\n";
+var e = "\nconst float CURL_EPS = 0.012;\n\n// Scalar fbm potential psi — the host's noise basis, wrapped so the curl operator is\n// basis-agnostic. A host carrying its own fbm defines this as: return fbm(p);\nfloat potentialFBM(vec2 p);\n\n// ∇×ψ in 2D — the divergence-free flow direction. Central finite differences of the\n// scalar potential give the partials; the cross-pairing (∂y, −∂x) is the 2D curl.\nvec2 curlFBM(vec2 p) {\n  float dx = potentialFBM(p + vec2(CURL_EPS, 0.0)) - potentialFBM(p - vec2(CURL_EPS, 0.0));\n  float dy = potentialFBM(p + vec2(0.0, CURL_EPS)) - potentialFBM(p - vec2(0.0, CURL_EPS));\n  // ψ-gradient is (dx, dy)/(2·eps); the curl rotates it 90°: (∂ψ/∂y, −∂ψ/∂x).\n  vec2 g = vec2(dx, dy) / (2.0 * CURL_EPS);\n  return vec2(g.y, -g.x);\n}\n", t = "\nconst CURL_EPS: f32 = 0.012;\n\n// ∇×ψ in 2D — the divergence-free flow direction. Central finite differences of the\n// scalar potential give the partials; the cross-pairing (∂y, −∂x) is the 2D curl.\nfn curlFBM(p: vec2f) -> vec2f {\n  let dx = potentialFBM(p + vec2f(CURL_EPS, 0.0)) - potentialFBM(p - vec2f(CURL_EPS, 0.0));\n  let dy = potentialFBM(p + vec2f(0.0, CURL_EPS)) - potentialFBM(p - vec2f(0.0, CURL_EPS));\n  // ψ-gradient is (dx, dy)/(2·eps); the curl rotates it 90°: (∂ψ/∂y, −∂ψ/∂x).\n  let g = vec2f(dx, dy) / (2.0 * CURL_EPS);\n  return vec2f(g.y, -g.x);\n}\n";
 //#endregion
-export { e as t };
+export { e as n, t };

package/dist/fonts/README.md

@@ -15,8 +15,8 @@ geometry-neutral (zero CLS).
 
 ## Canonical filenames (Fira Code)
 
-The orchestrator (or release-script) fetches the OFL-licensed woff2 files
-into this directory at the following deterministic paths:
+The OFL-licensed Fira Code woff2 files land in this directory at the
+following deterministic paths:
 
 ```
 src/fonts/FiraCode-Regular.woff2
@@ -50,16 +50,15 @@ subsets are the Google Fonts / fontsource distributions. The Capsize metric
 overrides on the fallback faces (`size-adjust` / `ascent-override` /
 `descent-override`) reference these binaries' exact geometry.
 
-## Why this directory ships, not the fetch step
+## Why this directory ships
 
-This worktree has no network access. Sub-task 1 documents the canonical
-path expectation + threads `src/fonts/**` into `package.json#files` so
-the woff2 files (once dropped in) ship in the published tarball without
-any further plumbing.
+`src/fonts/**` is threaded into `package.json#files`, so the woff2 files ship
+in the published tarball without any further plumbing — a consumer self-hosts
+straight from the package, no CDN fetch at page-load.
 
-## Orchestrator integration step
+## Populating the woff2 files
 
-At W6 close (before tagging v1.3.0), the orchestrator runs:
+The Fira Code faces are fetched from upstream into this directory:
 
 ```bash
 # from glass-ui repo root
@@ -75,7 +74,7 @@ ls -la src/fonts/*.woff2
 ```
 
 OFL-1.1 attribution: include `LICENSE-FiraCode.txt` next to the woff2
-files (copy of upstream `LICENSE` from the FiraCode repo) at the same
+files (a copy of upstream `LICENSE` from the FiraCode repo) at the same
 fetch step.
 
 ## Consumer self-host recipe
@@ -113,12 +112,9 @@ The exact URL resolution mechanism (bundler-managed asset graph, public
 copy, or direct path) is consumer-side; glass-ui guarantees only the
 deterministic file location inside the published tarball.
 
-## Status
+## What ships where
 
-- Path expectation: LANDED (this README + the directory + the
-  `package.json#files` include).
-- woff2 binary files: FLAGGED for orchestrator (no-network in agent
-  worktree). Orchestrator fetches at integration before v1.3.0 tag.
-- Capsize metric overrides (`size-adjust` / `ascent-override` /
-  `descent-override`): out of scope for Lane D — slated for AC.W6b's
-  follow-on glass-ui-side ship (T_GU-FONT-B per AC.r3 synthesis).
+- The canonical path expectation + the `package.json#files` include ship in the
+  repo (this README, the directory, the manifest entry).
+- The woff2 binaries are fetched into place at build (they are not committed to
+  the repo tree); the fetch step above populates them.