@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/easing.js

@@ -0,0 +1,475 @@
+import { S as e, p as t } from "./vendor-B2qOlYY3.js";
+import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-DAKCBEdW.js";
+import { n as s } from "./slider-2A0rPn79.js";
+import { n as c, t as l } from "./ConfiguratorRow-CaP7U3ZA.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, onUnmounted as b, openBlock as x, ref as S, renderList as C, renderSlot as ee, toDisplayString as w, unref as T, useModel as E, useTemplateRef as te, watch as D, withCtx as O } from "vue";
+import { CSSCubicBezier as k, bezierPresets as A, jumpTerms as j, parseSteps as M, steppedEase as N } from "@mkbabb/value.js";
+//#region src/components/custom/easing/constants.ts
+var P = "custom", F = "ease-out-back", I = (e) => 1 - e, L = .1, R = .6, ne = .1, re = .15, z = 1200, ie = 1400, B = Object.keys(A);
+function V(e = {}) {
+	let t = S(e.initialMode ?? "bezier"), n = S(e.initialPreset ?? "ease-out-back"), r = S([...A[n.value in A ? n.value : F]]);
+	function i(e) {
+		n.value = e;
+		let t = A[e];
+		t && (r.value = [...t]);
+	}
+	function a(e, t, i) {
+		let a = Math.max(0, Math.min(1, t)), o = Math.max(-R, Math.min(1 + R, i)), s = [...r.value];
+		s[e * 2] = +a.toFixed(3), s[e * 2 + 1] = +o.toFixed(3), r.value = s, n.value = P;
+	}
+	let o = S(e.initialSteps ?? 4), s = S(e.initialTerm ?? "end"), c = d(() => {
+		if (t.value === "steps") return N(o.value, s.value) ?? ((e) => e);
+		let [e, n, i, a] = r.value;
+		return k(e, n, i, a);
+	}), l = d(() => {
+		if (t.value === "steps") return `steps(${o.value}, ${s.value})`;
+		let [e, n, i, a] = r.value.map((e) => +e.toFixed(3));
+		return `cubic-bezier(${e}, ${n}, ${i}, ${a})`;
+	}), u = d(() => {
+		if (t.value !== "steps") return !0;
+		let e = M(l.value);
+		return e != null && e.count === o.value && e.jumpTerm === s.value;
+	}), f = d(() => ({
+		mode: t.value,
+		css: l.value,
+		fn: c.value,
+		points: [...r.value],
+		steps: o.value,
+		term: s.value
+	})), p = d(() => {
+		let [e, t, n, i] = r.value;
+		return [{
+			x: e,
+			y: I(t)
+		}, {
+			x: n,
+			y: I(i)
+		}];
+	}), m = d(() => {
+		let [e, t] = p.value;
+		return `M 0 1 C ${e.x} ${e.y}, ${t.x} ${t.y}, 1 0`;
+	}), h = d(() => {
+		let e = c.value, t = "";
+		for (let n = 0; n <= 240; n++) {
+			let r = n / 240, i = I(e(r));
+			t += n === 0 ? `M ${r} ${i}` : ` L ${r} ${i}`;
+		}
+		return t;
+	}), g = d(() => {
+		let e = [
+			0,
+			1,
+			p.value[0].y,
+			p.value[1].y
+		];
+		for (let t = 0; t <= 16; t++) e.push(I(c.value(t / 16)));
+		let t = Math.max(Math.min(...e), -R) - L;
+		return {
+			minY: t,
+			height: Math.min(Math.max(...e), 1 + R) + L - t
+		};
+	}), _ = S(0), v = 0;
+	function y() {
+		v && cancelAnimationFrame(v), v = 0;
+	}
+	function b() {
+		y();
+		let e = performance.now(), t = (n) => {
+			let r = Math.min(1, (n - e) / z);
+			_.value = r, v = r < 1 ? requestAnimationFrame(t) : 0;
+		};
+		v = requestAnimationFrame(t);
+	}
+	return {
+		mode: t,
+		preset: n,
+		points: r,
+		presetNames: B,
+		selectPreset: i,
+		setHandle: a,
+		steps: o,
+		term: s,
+		terms: j,
+		easingFn: c,
+		readout: l,
+		reparseOk: u,
+		value: f,
+		handlesSvg: p,
+		bezierPathD: m,
+		stepPathD: h,
+		viewBox: g,
+		progress: _,
+		playTravel: b,
+		stopTravel: y
+	};
+}
+//#endregion
+//#region src/components/custom/easing/EasingPicker.vue?vue&type=script&setup=true&lang.ts
+var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden rounded-card p-3" }, se = ["viewBox", "aria-label"], ce = ["x1", "x2"], le = ["y1", "y2"], ue = ["x2", "y2"], de = ["x2", "y2"], fe = ["d"], pe = ["d"], me = ["cx", "cy"], he = ["cx", "cy"], ge = ["cx", "cy"], _e = { class: "flex flex-col gap-4" }, ve = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, ye = { class: "flex flex-col gap-2" }, be = { class: "text-mono-caption text-muted-foreground" }, xe = { class: "flex flex-col gap-2" }, Se = ["data-reparse-ok"], Ce = ["title"], we = ["aria-label"], H = /* @__PURE__ */ v({
+	__name: "EasingPicker",
+	props: /* @__PURE__ */ y({
+		mode: { default: "bezier" },
+		preset: { default: void 0 },
+		steps: { default: void 0 },
+		term: { default: void 0 },
+		readout: {
+			type: Boolean,
+			default: !0
+		},
+		playback: {
+			type: Boolean,
+			default: !0
+		},
+		label: { default: "Easing curve" }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = c, v = E(c, "modelValue"), { mode: y, preset: k, points: A, presetNames: j, selectPreset: M, setHandle: N, steps: P, term: F, terms: L, easingFn: R, readout: z, reparseOk: B, value: H, handlesSvg: U, bezierPathD: Te, stepPathD: Ee, viewBox: W, progress: G, playTravel: K, stopTravel: q } = V({
+			initialMode: l.mode,
+			initialPreset: l.preset,
+			initialSteps: l.steps,
+			initialTerm: l.term
+		});
+		D(() => l.mode, (e) => {
+			y.value = e;
+		}), D(H, (e) => v.value = e, { immediate: !0 }), b(q);
+		let J = te("svgEl"), Y = S(null);
+		function X(e) {
+			let t = J.value;
+			if (!t) return {
+				x: 0,
+				y: 0
+			};
+			let n = t.getScreenCTM();
+			if (!n) return {
+				x: 0,
+				y: 0
+			};
+			let r = n.inverse();
+			return {
+				x: r.a * e.clientX + r.c * e.clientY + r.e,
+				y: I(r.b * e.clientX + r.d * e.clientY + r.f)
+			};
+		}
+		function De(e) {
+			if (y.value !== "bezier") return;
+			let { x: t, y: n } = X(e), r = e.pointerType === "touch" ? re : ne, i = [{
+				x: A.value[0],
+				y: A.value[1]
+			}, {
+				x: A.value[2],
+				y: A.value[3]
+			}], a = null, o = Infinity;
+			for (let e = 0; e < 2; e++) {
+				let s = Math.hypot(i[e].x - t, i[e].y - n);
+				s < r && s < o && (o = s, a = e);
+			}
+			a !== null && (e.preventDefault(), Y.value = a, e.currentTarget.setPointerCapture(e.pointerId));
+		}
+		function Oe(e) {
+			if (Y.value === null) return;
+			let { x: t, y: n } = X(e);
+			N(Y.value, t, n);
+		}
+		function Z() {
+			Y.value = null;
+		}
+		let Q = S(!1);
+		async function ke() {
+			try {
+				await navigator.clipboard.writeText(z.value), Q.value = !0, setTimeout(() => Q.value = !1, ie);
+			} catch {}
+		}
+		let Ae = d(() => y.value === "bezier" ? `0 ${W.value.minY} 1 ${W.value.height}` : "-0.05 -0.1 1.1 1.2"), $ = d({
+			get: () => [P.value],
+			set: (e) => {
+				P.value = e[0] ?? P.value;
+			}
+		});
+		return (l, d) => (x(), m("div", {
+			class: "grid gap-4 lg:grid-cols-[1fr_18rem]",
+			"data-mode": T(y),
+			"data-testid": "easing-picker",
+			style: { "--easing-curve-accent": "var(--motion-accent, var(--viz-legendre))" }
+		}, [h("div", oe, [(x(), m("svg", {
+			ref_key: "svgEl",
+			ref: J,
+			class: "block w-full touch-none select-none",
+			viewBox: Ae.value,
+			preserveAspectRatio: "xMidYMid meet",
+			style: {
+				"aspect-ratio": "1",
+				"block-size": "clamp(200px, 38cqi, 320px)",
+				"margin-inline": "auto"
+			},
+			"aria-label": c.label,
+			role: "img",
+			onPointerdown: De,
+			onPointermove: Oe,
+			onPointerup: Z,
+			onPointercancel: Z
+		}, [
+			d[4] ||= h("rect", {
+				x: "0",
+				y: "0",
+				width: "1",
+				height: "1",
+				fill: "none",
+				class: "stroke-border",
+				"stroke-width": "0.012"
+			}, null, -1),
+			d[5] ||= h("line", {
+				x1: "0",
+				y1: "1",
+				x2: "1",
+				y2: "0",
+				class: "stroke-muted-foreground/30",
+				"stroke-width": "0.006",
+				"stroke-dasharray": "0.02 0.015"
+			}, null, -1),
+			(x(), m(u, null, C([
+				.25,
+				.5,
+				.75
+			], (e) => h("line", {
+				key: "gx" + e,
+				x1: e,
+				y1: "0",
+				x2: e,
+				y2: "1",
+				class: "stroke-border/40",
+				"stroke-width": "0.006"
+			}, null, 8, ce)), 64)),
+			(x(), m(u, null, C([
+				.25,
+				.5,
+				.75
+			], (e) => h("line", {
+				key: "gy" + e,
+				x1: "0",
+				y1: e,
+				x2: "1",
+				y2: e,
+				class: "stroke-border/40",
+				"stroke-width": "0.006"
+			}, null, 8, le)), 64)),
+			d[6] ||= h("text", {
+				x: "0.05",
+				y: "0.95",
+				class: "fill-muted-foreground/60",
+				style: {
+					"font-size": "0.05px",
+					"font-family": "var(--font-mono)"
+				},
+				"text-anchor": "start"
+			}, "0", -1),
+			d[7] ||= h("text", {
+				x: "0.95",
+				y: "0.12",
+				class: "fill-muted-foreground/60",
+				style: {
+					"font-size": "0.05px",
+					"font-family": "var(--font-mono)"
+				},
+				"text-anchor": "end"
+			}, "1", -1),
+			T(y) === "bezier" ? (x(), m(u, { key: 0 }, [
+				h("line", {
+					x1: 0,
+					y1: 1,
+					x2: T(U)[0].x,
+					y2: T(U)[0].y,
+					class: "stroke-muted-foreground/50",
+					"stroke-width": "0.02",
+					"stroke-dasharray": "0.03 0.02"
+				}, null, 8, ue),
+				h("line", {
+					x1: 1,
+					y1: 0,
+					x2: T(U)[1].x,
+					y2: T(U)[1].y,
+					class: "stroke-muted-foreground/50",
+					"stroke-width": "0.02",
+					"stroke-dasharray": "0.03 0.02"
+				}, null, 8, de),
+				h("path", {
+					d: T(Te),
+					fill: "none",
+					class: "stroke-(--easing-curve-accent)",
+					"stroke-width": "0.035",
+					"stroke-linecap": "round"
+				}, null, 8, fe)
+			], 64)) : (x(), m("path", {
+				key: 1,
+				d: T(Ee),
+				fill: "none",
+				class: "stroke-(--easing-curve-accent)",
+				"stroke-width": "0.025",
+				"stroke-linejoin": "miter",
+				"stroke-linecap": "butt"
+			}, null, 8, pe)),
+			d[8] ||= h("circle", {
+				cx: "0",
+				cy: "1",
+				r: "0.018",
+				class: "fill-muted-foreground/50"
+			}, null, -1),
+			d[9] ||= h("circle", {
+				cx: "1",
+				cy: "0",
+				r: "0.018",
+				class: "fill-muted-foreground/50"
+			}, null, -1),
+			T(y) === "bezier" ? (x(), m(u, { key: 2 }, [h("circle", {
+				cx: T(U)[0].x,
+				cy: T(U)[0].y,
+				r: "0.04",
+				class: "fill-foreground stroke-background",
+				"stroke-width": "0.02",
+				style: { cursor: "move" }
+			}, null, 8, me), h("circle", {
+				cx: T(U)[1].x,
+				cy: T(U)[1].y,
+				r: "0.04",
+				class: "fill-foreground stroke-background",
+				"stroke-width": "0.02",
+				style: { cursor: "move" }
+			}, null, 8, he)], 64)) : p("", !0),
+			c.playback ? (x(), m("circle", {
+				key: 3,
+				cx: T(G),
+				cy: 1 - T(R)(T(G)),
+				r: "0.03",
+				class: "fill-(--easing-curve-accent)"
+			}, null, 8, ge)) : p("", !0)
+		], 40, se))]), h("div", _e, [
+			T(y) === "bezier" ? (x(), m("div", ve, [d[10] ||= h("span", { class: "text-mono-caption text-muted-foreground" }, "Preset", -1), _(T(o), {
+				"model-value": T(k),
+				"onUpdate:modelValue": d[0] ||= (e) => T(M)(String(e))
+			}, {
+				default: O(() => [_(T(n), null, {
+					default: O(() => [_(T(i), { placeholder: "Pick a curve" })]),
+					_: 1
+				}), _(T(r), null, {
+					default: O(() => [(x(!0), m(u, null, C(T(j), (e) => (x(), f(T(a), {
+						key: e,
+						value: e
+					}, {
+						default: O(() => [g(w(e), 1)]),
+						_: 2
+					}, 1032, ["value"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model-value"])])) : (x(), m(u, { key: 1 }, [h("div", ye, [h("span", be, "Steps (n) — " + w(T(P)), 1), _(T(s), {
+				modelValue: $.value,
+				"onUpdate:modelValue": d[1] ||= (e) => $.value = e,
+				min: T(1),
+				max: T(12),
+				step: 1,
+				"aria-label": "Step count",
+				"data-testid": "easing-steps-n"
+			}, null, 8, [
+				"modelValue",
+				"min",
+				"max"
+			])]), h("div", xe, [d[11] ||= h("span", { class: "text-mono-caption text-muted-foreground" }, "Jump term", -1), _(T(o), {
+				"model-value": T(F),
+				"onUpdate:modelValue": d[2] ||= (e) => F.value = String(e)
+			}, {
+				default: O(() => [_(T(n), { "aria-label": "Jump term" }, {
+					default: O(() => [_(T(i), { placeholder: "Pick a jump term" })]),
+					_: 1
+				}), _(T(r), null, {
+					default: O(() => [(x(!0), m(u, null, C(T(L), (e) => (x(), f(T(a), {
+						key: e,
+						value: e
+					}, {
+						default: O(() => [g(w(e), 1)]),
+						_: 2
+					}, 1032, ["value"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model-value"])])], 64)),
+			c.readout ? (x(), m("div", {
+				key: 2,
+				class: "glass-card flex items-center gap-2 rounded-card px-3 py-2",
+				"data-reparse-ok": T(B),
+				"data-testid": "easing-readout"
+			}, [h("code", {
+				class: "min-w-0 flex-1 truncate text-xs text-foreground",
+				title: T(z)
+			}, w(T(z)), 9, Ce), h("button", {
+				type: "button",
+				class: "shrink-0 rounded-pill p-1.5 text-muted-foreground transition-colors hover:bg-(--surface-tint-8) hover:text-foreground",
+				"aria-label": Q.value ? "Copied" : "Copy curve literal",
+				onClick: ke
+			}, [Q.value ? (x(), f(T(e), {
+				key: 0,
+				class: "size-4 text-(--easing-curve-accent)"
+			})) : (x(), f(T(t), {
+				key: 1,
+				class: "size-4"
+			}))], 8, we)], 8, Se)) : p("", !0),
+			c.playback ? (x(), m("button", {
+				key: 3,
+				type: "button",
+				class: "btn-pill glass-btn rounded-pill px-3 py-2 text-sm text-foreground",
+				onClick: d[3] ||= (...e) => T(K) && T(K)(...e)
+			}, w(T(y) === "steps" ? "Climb the staircase" : "Trace the curve"), 1)) : p("", !0),
+			ee(l.$slots, "footer", { value: T(H) })
+		])], 8, ae));
+	}
+}), U = /* @__PURE__ */ v({
+	__name: "EasingConfigurator",
+	props: /* @__PURE__ */ y({
+		label: { default: "Easing" },
+		name: { default: void 0 },
+		mode: { default: "bezier" },
+		preset: { default: void 0 },
+		steps: { default: void 0 },
+		term: { default: void 0 }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = E(e, "modelValue");
+		return (n, r) => (x(), f(T(c), {
+			label: e.label,
+			sub: e.name
+		}, {
+			default: O(() => [_(T(l), {
+				label: "Curve",
+				name: t.value?.css
+			}, {
+				default: O(() => [_(H, {
+					modelValue: t.value,
+					"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
+					mode: e.mode,
+					preset: e.preset,
+					steps: e.steps,
+					term: e.term
+				}, null, 8, [
+					"modelValue",
+					"mode",
+					"preset",
+					"steps",
+					"term"
+				])]),
+				_: 1
+			}, 8, ["name"])]),
+			_: 1
+		}, 8, ["label", "sub"]));
+	}
+});
+//#endregion
+export { U as EasingConfigurator, H as EasingPicker, V as useEasingPicker };

package/dist/expandable-container.js

@@ -1,10 +1,13 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t, t as n } from "./minimize-2-BV31Ob_h.js";
-import { t as r } from "./useSurfaceAxis-CMnF2zHb.js";
-import { i } from "./useKeyboardShortcuts-BXWXOZ-9.js";
+import { c as t, l as n } from "./vendor-B2qOlYY3.js";
+import { t as r } from "./useSurfaceAxis-g0NloYEF.js";
+import { i } from "./useKeyboardShortcuts-BPRp33Im.js";
 import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, renderSlot as b, unref as x, useModel as S, watch as C } from "vue";
 //#region src/components/custom/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
-var w = ["aria-label"], T = ["data-surface"], E = ["aria-label"], D = { class: "h-full w-full" }, O = 0, k = null;
+var w = ["aria-label"], T = ["data-surface"], E = ["aria-label"], D = {
+	"data-part": "panel",
+	class: "h-full w-full"
+}, O = 0, k = null;
 function A() {
 	return typeof document > "u" ? !1 : (O === 0 && (k = document.body.style.overflow, document.body.style.overflow = "hidden"), O += 1, !0);
 }
@@ -30,18 +33,25 @@ var M = /* @__PURE__ */ p({
 	}),
 	emits: ["update:open"],
 	setup(p) {
-		let m = p, O = s(() => r(m.surface).replace(/^glass-\w+\s*/, "")), k = S(p, "open"), M = !1;
-		function N(e) {
-			if (e && !M) {
-				M = A();
+		let m = p, O = s(() => r(m.surface).replace(/^glass-\w+\s*/, "")), k = S(p, "open");
+		function M() {
+			k.value = !0;
+		}
+		function N() {
+			k.value = !1;
+		}
+		let P = !1;
+		function F(e) {
+			if (e && !P) {
+				P = A();
 				return;
 			}
-			!e && M && (j(), M = !1);
+			!e && P && (j(), P = !1);
 		}
-		C(k, N, { immediate: !0 });
-		let P = null;
+		C(k, F, { immediate: !0 });
+		let I = null;
 		return _(() => {
-			P = i("Escape", () => {
+			I = i("Escape", () => {
 				k.value &&= !1;
 			}, {
 				label: "Exit fullscreen",
@@ -49,25 +59,40 @@ var M = /* @__PURE__ */ p({
 				allowInInput: !0
 			});
 		}), v(() => {
-			P?.(), N(!1);
+			I?.(), F(!1);
 		}), (r, i) => (y(), u(a, null, [k.value ? l("", !0) : (y(), u("div", h({
 			key: 0,
 			class: "relative"
-		}, r.$attrs), [d("button", {
-			class: g(["expandable-container__trigger 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", p.buttonPosition === "left" ? "left-2 top-2" : "right-2 top-2"]),
+		}, r.$attrs), [b(r.$slots, "expand-trigger", {
+			expand: M,
+			label: p.expandLabel
+		}, () => [d("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", p.buttonPosition === "left" ? "left-2 top-2" : "right-2 top-2"]),
 			title: "Fullscreen",
 			"aria-label": p.expandLabel,
-			onClick: i[0] ||= (e) => k.value = !0
-		}, [f(x(t), { class: "h-4 w-4" })], 10, w), b(r.$slots, "default", { fullscreen: !1 })], 16)), (y(), c(o, { to: "body" }, [k.value ? (y(), u("div", {
+			onClick: M
+		}, [f(x(n), { class: "h-4 w-4" })], 10, w)]), b(r.$slots, "default", { fullscreen: !1 })], 16)), (y(), c(o, {
+			to: "body",
+			disabled: !k.value
+		}, [k.value ? (y(), u("div", {
 			key: 0,
+			"data-part": "overlay",
 			"data-surface": p.surface,
 			class: g(x(e)("fixed inset-0 z-modal flex flex-col glass-overlay", O.value))
-		}, [d("button", {
-			class: g(["expandable-container__trigger 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", p.buttonPosition === "left" ? "left-3 top-3" : "right-3 top-3"]),
+		}, [b(r.$slots, "fullscreen-chrome", {
+			collapse: N,
+			label: p.collapseLabel,
+			fullscreen: !0
+		}, () => [d("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", p.buttonPosition === "left" ? "left-3 top-3" : "right-3 top-3"]),
 			title: "Exit fullscreen",
 			"aria-label": p.collapseLabel,
-			onClick: i[1] ||= (e) => k.value = !1
-		}, [f(x(n), { class: "h-4 w-4" })], 10, E), d("div", D, [b(r.$slots, "default", { fullscreen: !0 })])], 10, T)) : l("", !0)]))], 64));
+			onClick: N
+		}, [f(x(t), { class: "h-4 w-4" })], 10, E)]), d("div", D, [b(r.$slots, "default", { fullscreen: !0 })])], 10, T)) : l("", !0)], 8, ["disabled"]))], 64));
 	}
 });
 //#endregion

package/dist/fading-scroll.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./FadingScroll-DwNnvKMs.js";
+import { n as e, t } from "./FadingScroll-DLRbH5Xr.js";
 export { t as FadingScroll, e as useFadingScroll };

package/dist/flow.glsl-B2P7e0MT.js

@@ -0,0 +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";
+//#endregion
+export { e as t };

package/dist/focus-scope.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/focus-scope";

package/dist/focus-scope.js

@@ -0,0 +1,23 @@
+import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
+import { FocusScope as c, useForwardPropsEmits as l } from "reka-ui";
+//#endregion
+//#region src/components/ui/focus-scope/FocusScope.vue
+var u = /* @__PURE__ */ n({
+	__name: "FocusScope",
+	props: {
+		loop: { type: Boolean },
+		trapped: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["mountAutoFocus", "unmountAutoFocus"],
+	setup(n, { emit: u }) {
+		let d = n, f = u, p = l(e(() => d), f);
+		return (e, n) => (i(), t(o(c), r({ "data-slot": "focus-scope" }, o(p)), {
+			default: s(() => [a(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { u as FocusScope };