@mkbabb/glass-ui 3.11.2 → 3.13.0

package/dist/styles/instrument-rail.css

@@ -1,127 +0,0 @@
-/* instrument-rail.css — cockpit-ratio rail with bezel hairlines + sibling
- * divider rule.
- *
- * AK-W2-α — see A3 §8.T-1 + FD1 TRANSPOSITION 6 + G-AK-D9. Resolves D-4
- * (desktop survey cockpit ratio 0.222 → 0.382). The rail carries the
- * golden-gestalt 1/φ² flex-basis as a typed term with min/max clamp
- * safety, the engraved-bezel ::before stroke that <InstrumentChassis>
- * established as chassis grammar, and a twin-line groove between sibling
- * children via the same `bezel-line` α pair the chassis-divider primitive
- * uses (light 0.10 / 0.12; dark 0.06 / 0.18 — Q.W4.A canon).
- *
- * The rail is a layout primitive: no animation, no phase cascade, no
- * disco accent. PRM cascades through children (each owns its own
- * animation contract). Phase color inherits from a parent
- * <InstrumentChassis> if present — the rail itself reads no phase token.
- */
-
-@layer components {
-    .instrument-rail {
-        /* AW.W15 — consume the shared twin-line α pair (the sibling-divider
-           ::before/::after rules below read --twin-line-catch/--twin-line-shadow). */
-        @apply twin-line-divider;
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        /* The cockpit-ratio binding. Default 0.382 = 1/φ² (golden gestalt).
-           Min/max clamp pins the realised width to a readable register so
-           a degenerate ratio or a very narrow / very wide parent still
-           lands inside the bezel-instrument vocabulary. */
-        flex: 0 0 calc(var(--instrument-rail-ratio, 0.382) * 100%);
-        min-width: 15rem;
-        max-width: 28rem;
-        box-sizing: border-box;
-        gap: var(--instrument-rail-gap, 1rem);
-        padding:
-            var(--instrument-rail-padding-block, 1.25rem)
-            var(--instrument-rail-padding-inline, 1.25rem);
-        container-type: inline-size;
-        container-name: instrument-rail;
-    }
-
-    .instrument-rail[data-variant="horizontal"] {
-        flex-direction: row;
-        flex: 0 0 auto;
-        min-width: 0;
-        max-width: none;
-        min-height: 15rem;
-        max-height: 28rem;
-        block-size: calc(var(--instrument-rail-ratio, 0.382) * 100%);
-        container-type: size;
-    }
-
-    /* Engraved-bezel inner stroke — the chassis signature detail, applied
-       to the rail so it reads as a chassis-internal module rather than an
-       unbordered slot. Subtle but load-bearing for the disco-skeu reading
-       (FD1 TRANSPOSITION 3). */
-    .instrument-rail[data-bezel-hairlines]::before {
-        content: "";
-        position: absolute;
-        inset: 0.5px;
-        border-radius: calc(var(--radius-card, 1rem) - 0.5px);
-        border: 1px solid var(--surface-tint-4);
-        pointer-events: none;
-        z-index: 1;
-    }
-
-    .dark .instrument-rail[data-bezel-hairlines]::before {
-        border-color: var(--surface-tint-6);
-    }
-
-    /* Sibling divider rule — twin-line hairline groove between every
-       child after the first. The twin-line idiom (catch-light over
-       under-shadow) is the chassis-divider signature; rendering it via
-       a sibling ::before/::after stack keeps consumers free of manual
-       <ChassisDivider> slotting. Status header is excluded — the
-       opening-edge status light reads as a region, not a sibling. */
-    /* AW.W15 — the twin-line α pair reads from the shared `twin-line-divider`
-       tokens (`@apply`ed on `.instrument-rail` above; dark-adaptive there), so
-       the prior per-variant light pair + the `.dark` re-declaration collapse
-       onto the single source. */
-    .instrument-rail[data-divider-rule][data-variant="vertical"]
-        > :not(:first-child):not(.instrument-rail-status)::before {
-        content: "";
-        display: block;
-        height: 1px;
-        margin-block-end: 1px;
-        background: var(--twin-line-catch);
-    }
-
-    .instrument-rail[data-divider-rule][data-variant="vertical"]
-        > :not(:first-child):not(.instrument-rail-status)::after {
-        content: "";
-        display: block;
-        height: 1px;
-        margin-block-start: -1px;
-        background: var(--twin-line-shadow);
-    }
-
-    .instrument-rail[data-divider-rule][data-variant="horizontal"]
-        > :not(:first-child):not(.instrument-rail-status)::before {
-        content: "";
-        display: block;
-        width: 1px;
-        margin-inline-end: 1px;
-        background: var(--twin-line-catch);
-    }
-
-    .instrument-rail[data-divider-rule][data-variant="horizontal"]
-        > :not(:first-child):not(.instrument-rail-status)::after {
-        content: "";
-        display: block;
-        width: 1px;
-        margin-inline-start: -1px;
-        background: var(--twin-line-shadow);
-    }
-
-    /* Status header — pinned to the opening edge, flush against the
-       bezel. The rail's bezel ::before draws over the surface-edge so the
-       status region sits inside the bezel sleeve. */
-    .instrument-rail-status {
-        position: relative;
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        z-index: 2;
-    }
-}

package/dist/useGlassRenderer-D7YGOYiM.js

@@ -1,69 +0,0 @@
-import { onMounted as e, ref as t } from "vue";
-//#region src/composables/glass/useGlassRenderer.ts
-function n() {
-	return window.chrome && CSS.supports("backdrop-filter", "url(#x) blur(1px)") ? "svg-filter" : CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)") ? "css" : "fallback";
-}
-function r(e, t, n, r) {
-	e.width = t, e.height = n;
-	let i = e.getContext("2d"), a = i.createImageData(t, n), o = a.data, s = t / 2, c = n / 2;
-	for (let e = 0; e < n; e++) for (let n = 0; n < t; n++) {
-		let i = (n - s) / s, a = (e - c) / c, l = Math.sqrt(i * i + a * a), u = l * (1 - l * .3) * r, d = -i * u, f = -a * u, p = (e * t + n) * 4;
-		o[p] = Math.round(128 + d * 127), o[p + 1] = Math.round(128 + f * 127), o[p + 2] = 128, o[p + 3] = 255;
-	}
-	i.putImageData(a, 0, 0);
-}
-function i(e, t, n) {
-	e.width = t, e.height = n;
-	let r = e.getContext("2d"), i = t / 2, a = n / 2, o = Math.max(i, a), s = r.createRadialGradient(i, a, 0, i, a, o);
-	s.addColorStop(0, "rgba(255,255,255,0)"), s.addColorStop(.5, "rgba(255,255,255,0.02)"), s.addColorStop(.8, "rgba(255,255,255,0.06)"), s.addColorStop(1, "rgba(255,255,255,0.12)"), r.fillStyle = s, r.fillRect(0, 0, t, n);
-	let c = r.createLinearGradient(0, 0, t, 0);
-	c.addColorStop(0, "rgba(255,255,255,0)"), c.addColorStop(.3, "rgba(255,255,255,0.15)"), c.addColorStop(.5, "rgba(255,255,255,0.25)"), c.addColorStop(.7, "rgba(255,255,255,0.15)"), c.addColorStop(1, "rgba(255,255,255,0)"), r.fillStyle = c, r.fillRect(0, 0, t, 2);
-}
-var a = 0;
-function o(e, t = {}) {
-	let n = `glass-refract-${a++}`, o = t.blur ?? 16, s = t.refraction ?? .3, c = document.createElement("canvas");
-	c.style.display = "none", document.body.appendChild(c);
-	let l = document.createElement("canvas");
-	l.style.display = "none", document.body.appendChild(l);
-	let u = e.getBoundingClientRect(), d = Math.max(Math.ceil(u.width / 4), 32), f = Math.max(Math.ceil(u.height / 4), 32);
-	r(c, d, f, s), i(l, d, f);
-	let p = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-	p.setAttribute("width", "0"), p.setAttribute("height", "0"), p.style.position = "absolute", p.style.pointerEvents = "none";
-	let m = s * 30;
-	p.innerHTML = `
-        <filter id="${n}" x="0%" y="0%" width="100%" height="100%" color-interpolation-filters="sRGB">
-            <feImage href="${c.toDataURL()}" result="dispMap"
-                preserveAspectRatio="none" x="0%" y="0%" width="100%" height="100%" />
-            <feDisplacementMap in="SourceGraphic" in2="dispMap" result="refracted"
-                scale="${m}" xChannelSelector="R" yChannelSelector="G" />
-            <feGaussianBlur in="refracted" stdDeviation="${o * .3}" result="blurred" />
-            <feImage href="${l.toDataURL()}" result="specular"
-                preserveAspectRatio="none" x="0%" y="0%" width="100%" height="100%" />
-            <feBlend in="blurred" in2="specular" mode="screen" result="final" />
-        </filter>
-    `, document.body.appendChild(p), e.style.backdropFilter = `url(#${n}) blur(${o * .15}px) saturate(var(--glass-saturate, 1.6)) brightness(1.05)`, e.style.setProperty("-webkit-backdrop-filter", e.style.backdropFilter), e.style.border = "1px solid var(--glass-border-floating)", e.style.boxShadow = "var(--glass-material-rim), var(--glass-shadow-floating)";
-	let h = new ResizeObserver(() => {
-		let t = e.getBoundingClientRect(), n = Math.max(Math.ceil(t.width / 4), 32), a = Math.max(Math.ceil(t.height / 4), 32);
-		r(c, n, a, s), i(l, n, a);
-		let o = p.querySelectorAll("feImage");
-		o[0] && o[0].setAttribute("href", c.toDataURL()), o[1] && o[1].setAttribute("href", l.toDataURL());
-	});
-	return h.observe(e), {
-		filterId: n,
-		svgEl: p,
-		dispCanvas: c,
-		specCanvas: l,
-		observer: h
-	};
-}
-function s(e) {
-	e.observer?.disconnect(), e.svgEl.remove(), e.dispCanvas.remove(), e.specCanvas.remove();
-}
-function c(r) {
-	let i = t(r?.preferredTier ?? "css");
-	return e(() => {
-		r?.preferredTier || (i.value = n());
-	}), { tier: i };
-}
-//#endregion
-export { s as n, c as r, o as t };

package/dist/useSpecularTracking-BVRZsRHA.js

@@ -1,26 +0,0 @@
-import { ref as e } from "vue";
-//#region src/composables/glass/useSpecularTracking.ts
-function t() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function n() {
-	let n = e({});
-	function r(e) {
-		if (t()) return;
-		let r = e.currentTarget;
-		if (!r) return;
-		let i = r.getBoundingClientRect();
-		if (i.width === 0 || i.height === 0) return;
-		let a = (e.clientX - i.left) / i.width * 100, o = (e.clientY - i.top) / i.height * 100;
-		n.value = {
-			"--mouse-x": `${a.toFixed(2)}%`,
-			"--mouse-y": `${o.toFixed(2)}%`
-		};
-	}
-	return {
-		specularStyle: n,
-		onPointerMove: r
-	};
-}
-//#endregion
-export { n as t };

package/dist/useSpringMount-BJSHcLl3.js

@@ -1,113 +0,0 @@
-import { computed as e, getCurrentScope as t, nextTick as n, onMounted as r, onScopeDispose as i, readonly as a, ref as o, shallowRef as s, toValue as c, watch as l } from "vue";
-import { SpringProgress as u } from "@mkbabb/keyframes.js";
-//#region src/composables/motion/useSpring.ts
-function d(e, n = {}) {
-	let r = n.initial ?? 0, d = n.initialVelocity ?? 0, f = o(r), p = o(d), m = o(d === 0), h = s(new u({
-		response: n.response ?? .5,
-		dampingFraction: n.dampingFraction ?? .86,
-		initial: r,
-		initialVelocity: d,
-		settleThreshold: n.settleThreshold ?? .001,
-		velocitySettleThreshold: n.velocitySettleThreshold ?? .001,
-		respectReducedMotion: n.respectReducedMotion !== !1
-	})), g = h.value.subscribe((e, t) => {
-		f.value = e, p.value = t, m.value = h.value.settled, n.onValue?.(e, t);
-	});
-	h.value.play(() => {});
-	let _ = l(() => c(e), (e) => {
-		e != null && (h.value.target = e);
-	}, { immediate: !0 });
-	function v() {
-		f.value = h.value.value, p.value = h.value.velocity, m.value = h.value.settled;
-	}
-	function y() {
-		_(), g(), h.value.dispose();
-	}
-	return t() && i(y), {
-		value: a(f),
-		velocity: a(p),
-		isSettled: a(m),
-		snap: () => {
-			h.value.snap(), v();
-		},
-		reset: (e, t) => {
-			h.value.reset(e ?? 0, t ?? 0), v();
-		},
-		dispose: y
-	};
-}
-//#endregion
-//#region src/composables/motion/useSpringMount.ts
-var f = {
-	smooth: {
-		response: .5,
-		dampingFraction: .86
-	},
-	snappy: {
-		response: .35,
-		dampingFraction: .65
-	},
-	bouncy: {
-		response: .5,
-		dampingFraction: .45
-	},
-	gentle: {
-		response: .7,
-		dampingFraction: 1
-	}
-};
-function p(t) {
-	let a = f[t.preset ?? "smooth"], s = o(1), c = o(!1), u = 0, p = 0, m = null, h = !1, g = d(s, {
-		response: a.response,
-		dampingFraction: a.dampingFraction,
-		initial: 1,
-		settleThreshold: .001,
-		velocitySettleThreshold: .001,
-		respectReducedMotion: t.respectReducedMotion !== !1
-	});
-	r(() => {
-		t.open.value && n(() => {
-			s.value = 0;
-		});
-	});
-	let _ = l(() => t.open.value, (e, t) => {
-		e !== t && (c.value || (s.value = +!e));
-	}, { immediate: !1 }), v = l(() => g.isSettled.value, (e) => {
-		e && h && s.value >= 1 && (h = !1, t.onDismiss?.());
-	});
-	function y(e) {
-		if (e.button !== 0) return;
-		let t = e.currentTarget;
-		p = t.getBoundingClientRect().height || 1, u = e.clientY, m = e.pointerId, c.value = !0, t.setPointerCapture(e.pointerId);
-	}
-	function b(e) {
-		if (!c.value || e.pointerId !== m) return;
-		let t = e.clientY - u;
-		if (t <= 0) {
-			s.value = 0;
-			return;
-		}
-		s.value = Math.min(1, t / p);
-	}
-	function x(e) {
-		if (!c.value || e.pointerId !== m) return;
-		let n = e.currentTarget;
-		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), c.value = !1, m = null;
-		let r = t.dismissThreshold ?? .3;
-		s.value >= r ? (h = !0, s.value = 1) : s.value = 0;
-	}
-	return i(() => {
-		_(), v();
-	}), {
-		position: g.value,
-		isDragging: e(() => c.value),
-		dragHandlers: {
-			onPointerdown: y,
-			onPointermove: b,
-			onPointerup: x,
-			onPointercancel: x
-		}
-	};
-}
-//#endregion
-export { d as n, p as t };

package/dist/useViewTransition-DaN5Zrox.js

@@ -1,21 +0,0 @@
-//#region src/composables/motion/useViewTransition.ts
-function e() {
-	return typeof document < "u" && typeof document.startViewTransition == "function";
-}
-function t(e, t) {
-	let n = typeof document > "u" ? void 0 : document;
-	if (!n || typeof n.startViewTransition != "function") return e(), {
-		finished: Promise.resolve(),
-		transitioned: !1
-	};
-	let r = t?.types && t.types.length > 0 ? n.startViewTransition({
-		update: () => e(),
-		types: t.types
-	}) : n.startViewTransition(() => e());
-	return r.ready?.catch(() => {}), {
-		finished: r.finished.then(() => void 0, () => void 0),
-		transitioned: !0
-	};
-}
-//#endregion
-export { e as n, t };

package/dist/vReveal-zUIQk-rJ.js

@@ -1,53 +0,0 @@
-//#region src/utils/moveBefore.ts
-function e(e, t, n) {
-	let r = e;
-	typeof r.moveBefore == "function" ? r.moveBefore(t, n) : e.insertBefore(t, n);
-}
-function t() {
-	return typeof Element < "u" && "moveBefore" in Element.prototype;
-}
-//#endregion
-//#region src/utils/platformSupport.ts
-function n() {
-	return typeof globalThis.scheduler?.postTask == "function";
-}
-//#endregion
-//#region src/composables/motion/useRouteTransition.ts
-function r() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function i() {
-	return typeof document < "u" && typeof document.startViewTransition == "function";
-}
-function a() {
-	function e(e, t) {
-		let n = typeof document > "u" ? void 0 : document;
-		if (!n || typeof n.startViewTransition != "function" || r()) return {
-			finished: (async () => e())().then(() => void 0, () => void 0),
-			transitioned: !1
-		};
-		let i = t?.types && t.types.length > 0 ? n.startViewTransition({
-			update: () => e(),
-			types: t.types
-		}) : n.startViewTransition(() => e());
-		return i.ready?.catch(() => {}), {
-			finished: i.finished.then(() => void 0, () => void 0),
-			transitioned: !0
-		};
-	}
-	return {
-		navigate: e,
-		supported: i()
-	};
-}
-//#endregion
-//#region src/composables/motion/vReveal.ts
-function o(e, t) {
-	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
-}
-var s = {
-	mounted: o,
-	updated: o
-};
-//#endregion
-export { e as a, n as i, i as n, t as o, a as r, s as t };

package/src/styles/instrument-rail.css

@@ -1,127 +0,0 @@
-/* instrument-rail.css — cockpit-ratio rail with bezel hairlines + sibling
- * divider rule.
- *
- * AK-W2-α — see A3 §8.T-1 + FD1 TRANSPOSITION 6 + G-AK-D9. Resolves D-4
- * (desktop survey cockpit ratio 0.222 → 0.382). The rail carries the
- * golden-gestalt 1/φ² flex-basis as a typed term with min/max clamp
- * safety, the engraved-bezel ::before stroke that <InstrumentChassis>
- * established as chassis grammar, and a twin-line groove between sibling
- * children via the same `bezel-line` α pair the chassis-divider primitive
- * uses (light 0.10 / 0.12; dark 0.06 / 0.18 — Q.W4.A canon).
- *
- * The rail is a layout primitive: no animation, no phase cascade, no
- * disco accent. PRM cascades through children (each owns its own
- * animation contract). Phase color inherits from a parent
- * <InstrumentChassis> if present — the rail itself reads no phase token.
- */
-
-@layer components {
-    .instrument-rail {
-        /* AW.W15 — consume the shared twin-line α pair (the sibling-divider
-           ::before/::after rules below read --twin-line-catch/--twin-line-shadow). */
-        @apply twin-line-divider;
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        /* The cockpit-ratio binding. Default 0.382 = 1/φ² (golden gestalt).
-           Min/max clamp pins the realised width to a readable register so
-           a degenerate ratio or a very narrow / very wide parent still
-           lands inside the bezel-instrument vocabulary. */
-        flex: 0 0 calc(var(--instrument-rail-ratio, 0.382) * 100%);
-        min-width: 15rem;
-        max-width: 28rem;
-        box-sizing: border-box;
-        gap: var(--instrument-rail-gap, 1rem);
-        padding:
-            var(--instrument-rail-padding-block, 1.25rem)
-            var(--instrument-rail-padding-inline, 1.25rem);
-        container-type: inline-size;
-        container-name: instrument-rail;
-    }
-
-    .instrument-rail[data-variant="horizontal"] {
-        flex-direction: row;
-        flex: 0 0 auto;
-        min-width: 0;
-        max-width: none;
-        min-height: 15rem;
-        max-height: 28rem;
-        block-size: calc(var(--instrument-rail-ratio, 0.382) * 100%);
-        container-type: size;
-    }
-
-    /* Engraved-bezel inner stroke — the chassis signature detail, applied
-       to the rail so it reads as a chassis-internal module rather than an
-       unbordered slot. Subtle but load-bearing for the disco-skeu reading
-       (FD1 TRANSPOSITION 3). */
-    .instrument-rail[data-bezel-hairlines]::before {
-        content: "";
-        position: absolute;
-        inset: 0.5px;
-        border-radius: calc(var(--radius-card, 1rem) - 0.5px);
-        border: 1px solid var(--surface-tint-4);
-        pointer-events: none;
-        z-index: 1;
-    }
-
-    .dark .instrument-rail[data-bezel-hairlines]::before {
-        border-color: var(--surface-tint-6);
-    }
-
-    /* Sibling divider rule — twin-line hairline groove between every
-       child after the first. The twin-line idiom (catch-light over
-       under-shadow) is the chassis-divider signature; rendering it via
-       a sibling ::before/::after stack keeps consumers free of manual
-       <ChassisDivider> slotting. Status header is excluded — the
-       opening-edge status light reads as a region, not a sibling. */
-    /* AW.W15 — the twin-line α pair reads from the shared `twin-line-divider`
-       tokens (`@apply`ed on `.instrument-rail` above; dark-adaptive there), so
-       the prior per-variant light pair + the `.dark` re-declaration collapse
-       onto the single source. */
-    .instrument-rail[data-divider-rule][data-variant="vertical"]
-        > :not(:first-child):not(.instrument-rail-status)::before {
-        content: "";
-        display: block;
-        height: 1px;
-        margin-block-end: 1px;
-        background: var(--twin-line-catch);
-    }
-
-    .instrument-rail[data-divider-rule][data-variant="vertical"]
-        > :not(:first-child):not(.instrument-rail-status)::after {
-        content: "";
-        display: block;
-        height: 1px;
-        margin-block-start: -1px;
-        background: var(--twin-line-shadow);
-    }
-
-    .instrument-rail[data-divider-rule][data-variant="horizontal"]
-        > :not(:first-child):not(.instrument-rail-status)::before {
-        content: "";
-        display: block;
-        width: 1px;
-        margin-inline-end: 1px;
-        background: var(--twin-line-catch);
-    }
-
-    .instrument-rail[data-divider-rule][data-variant="horizontal"]
-        > :not(:first-child):not(.instrument-rail-status)::after {
-        content: "";
-        display: block;
-        width: 1px;
-        margin-inline-start: -1px;
-        background: var(--twin-line-shadow);
-    }
-
-    /* Status header — pinned to the opening edge, flush against the
-       bezel. The rail's bezel ::before draws over the surface-edge so the
-       status region sits inside the bezel sleeve. */
-    .instrument-rail-status {
-        position: relative;
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        z-index: 2;
-    }
-}