@mkbabb/glass-ui 4.1.0 → 4.2.0

package/dist/components/custom/concentric/composables/ringField.d.ts

@@ -1,85 +0,0 @@
-/** A 2-vector. */
-export interface Vec2 {
-    x: number;
-    y: number;
-}
-/**
- * One CLEAN radial ring component. `amplitude` A_i, `wavelength` λ_i (so k_i = 2π/λ_i),
- * `phase` φ_i. `ω_i = √(g·k_i)` is derived from the dispersion relation, not stored (the
- * SAME dispersion the flow field's Gerstner sum uses — the ONE suite dispersion law). A
- * family carries 1–2 clean low frequencies, NEVER a turbulence octave ladder (the noise
- * amplifier that read as a blur).
- */
-export interface RingComponent {
-    amplitude: number;
-    wavelength: number;
-    phase: number;
-}
-/**
- * A ring origin in domain space [-1,1]² (multi-center → interference). `rotAlpha` is the
- * per-family tilt of the ellipsoidal frame (radians) — two families at different tilts cross
- * into rich moiré. It reuses the spare `centers[j].w` uniform lane (no byte-layout change).
- */
-export interface RingCenter {
-    x: number;
-    y: number;
-    /** Per-center weight (a far center contributes a fainter ring family). */
-    weight: number;
-    /** The per-family ellipsoid tilt (radians); 0 = the un-rotated frame. */
-    rotAlpha: number;
-}
-/** Deep-water gravity constant (normalized; scales the dispersion ω — shared with the flow field). */
-export declare const RING_GRAVITY = 9.81;
-/**
- * The ellipsoidal radial distance ‖p − c‖_e = sqrt((dx/a)² + (dy/b)²) in the family's
- * ROTATED frame R(−α): rotate (p − c) by −α, then scale each axis by (a,b). The axis ratio
- * tilts the rings into ellipses; the rotation tilts the ellipse so crossing families read as
- * distinct waves. The single radial metric the WGSL shader transcribes.
- */
-export declare function ellipsoidalRadiusRot(p: Vec2, center: RingCenter, axisA: number, axisB: number): number;
-/** The un-rotated ellipsoidal radius (rotAlpha = 0). Kept for the gate's axis-ratio assert. */
-export declare function ellipsoidalRadius(p: Vec2, center: RingCenter, axisA: number, axisB: number): number;
-/**
- * |∇r| of the rotated ellipsoidal radius r = ‖R(−α)(p − c)‖_e. By the chain rule, with
- * u = R(−α)(p − c) and the scaled coordinates (ux/a, uy/b):
- *
- *   ∂r/∂p = Rᵀ · ( ux/a² , uy/b² ) / r   →   |∇r| = sqrt((ux/a²)² + (uy/b²)²) / r
- *
- * (the rotation Rᵀ is orthonormal so it does not change the magnitude). At r→0 the gradient
- * is ill-defined; ε-clamp the denominator. This is the closed-form magnitude the IQ
- * distance-estimation de = |sin(phase)| / (|cos(phase)|·k·|∇r|) divides by.
- */
-export declare function ellipsoidalGradMag(p: Vec2, center: RingCenter, axisA: number, axisB: number): number;
-/**
- * The radial-Fourier ring-interference value f(p,t) ∈ ℝ — the multi-center weighted sum of
- * CLEAN radial sinusoids. The SINGLE math source the WGSL `fs_main` + the GLSL fallback
- * transcribe. `speed` scales the dispersion ω (the ring-travel speed). Returns the
- * un-normalized field value (the BEAT ENVELOPE the shader tints through the palette).
- */
-export declare function sampleRingField(p: Vec2, timeSec: number, centers: readonly RingCenter[], rings: readonly RingComponent[], axisA: number, axisB: number, speed: number): number;
-/**
- * The IQ gradient-normalized distance-to-isoline INK at p — the per-pixel line strength,
- * the union (brightest-wins `max`) over every (family × ring) crest. For a sinusoid
- * s = sin(phase), de ≈ |s| / |∇s| = |sin| / (|cos|·k·|∇r|) is the analytic (domain-units)
- * distance to the nearest crest everywhere; the SHADER converts it to a constant PIXEL
- * width via fwidth(phase): dePx = de·gradPhase / fwidth(phase) = |sin|/(|cos|·fwidth(phase)),
- * then line = 1 − smoothstep(lineHalfW, lineHalfW+aa, dePx) with lineHalfW/aa in pixels. The
- * JS takes `phaseDeriv` as the per-pixel phase derivative (the fwidth(phase) analogue) so a
- * node round-trip matches the shader exactly; a bare call uses a representative default.
- *
- * Returns { ink, env } — ink ∈ [0,1] the line strength (the alpha/brightness), env the raw
- * beat-envelope value (the hue driver, identical to sampleRingField).
- */
-export declare function ringIsolineInk(p: Vec2, timeSec: number, centers: readonly RingCenter[], rings: readonly RingComponent[], axisA: number, axisB: number, speed: number, lineHalfW: number, aa: number, phaseDeriv?: number): {
-    ink: number;
-    env: number;
-};
-/**
- * Build a CLEAN beating ring FAMILY — 1–2 low-frequency radial sinusoids, NOT a turbulence
- * octave ladder. `baseWavelength` ≈ 0.18 sets the ring spacing; a second harmonic at
- * 0.5×base (optional) adds a subtle inner-ring texture without busying the field. The
- * amplitudes are FLAT (energy is not the point — clean lines are), so each crest paints a
- * crisp isoline. Distinct families get slightly different base wavelengths (a small Δλ) so
- * they BEAT into the moiré envelope — the "distinct waves."
- */
-export declare function buildRingFamily(baseWavelength: number, harmonics?: number, phaseSeed?: number): RingComponent[];

package/dist/createCanvasLifecycle-Gh45Ce-p.js

@@ -1,93 +0,0 @@
-var e = 2e3;
-function t(t) {
-	let { canvas: n, buildContext: r, resize: i } = t, a = t.respectReducedMotion ?? t.mode !== "capture", o = /* @__PURE__ */ new Set();
-	t.mode === "capture" && o.add("manual");
-	let s = () => o.size === 0, c = 0, l = typeof performance < "u" ? performance.now() : 0, u = null, d = !1, f = !1, p = a && typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, m = p?.matches ?? !1;
-	function h() {
-		if (!s() || !u) return;
-		let e = (performance.now() - l) / 1e3, t = u.time ? u.time(e) : e;
-		u.frame(t), c = !m && u.shouldContinue() ? requestAnimationFrame(h) : 0;
-	}
-	function g() {
-		d && s() && !c && u && (c = requestAnimationFrame(h));
-	}
-	function _() {
-		let e = p?.matches ?? !1;
-		e !== m && (m = e, e || (l = performance.now()), g());
-	}
-	p?.addEventListener("change", _);
-	function v(e = "manual") {
-		let t = s();
-		o.add(e), t && !s() && (cancelAnimationFrame(c), c = 0);
-	}
-	function y(e = "manual") {
-		let t = !s();
-		o.delete(e), t && s() && d && u && (l = performance.now() - 1e3, i(), h());
-	}
-	let b = typeof document < "u";
-	function x() {
-		document.hidden ? v("tab-hidden") : y("tab-hidden");
-	}
-	b && document.addEventListener("visibilitychange", x), b && document.hidden && o.add("tab-hidden");
-	let S = null;
-	function C(e) {
-		e.skipped ? v("off-screen") : y("off-screen");
-	}
-	function w() {
-		if (S) return;
-		let e = n.parentElement;
-		e && (S = e, e.addEventListener("contentvisibilityautostatechange", C));
-	}
-	function T() {
-		S?.removeEventListener("contentvisibilityautostatechange", C), S = null;
-	}
-	function E() {
-		u = r(), i();
-	}
-	let D = [], O = 0, k = !1, A = () => typeof performance < "u" ? performance.now() : Date.now();
-	function j() {
-		O &&= (clearTimeout(O), 0);
-	}
-	function M() {
-		d || f || (t.bindContextEvents?.(() => {
-			f || k || (j(), O = setTimeout(() => {
-				O = 0, !(f || k) && (E(), s() && g());
-			}, 100));
-		}, () => {
-			u = null, cancelAnimationFrame(c), c = 0, j();
-			let t = A();
-			D.push(t), D = D.filter((n) => t - n <= e), D.length <= 1 && (k = !1), D.length > 3 && (k = !0);
-		}), E(), w(), d = !0, l = performance.now(), s() && (m ? h() : c = requestAnimationFrame(h)));
-	}
-	function N(e) {
-		d || M(), u?.frame(e);
-	}
-	function P() {
-		f = !0, cancelAnimationFrame(c), c = 0, j(), b && document.removeEventListener("visibilitychange", x), p?.removeEventListener("change", _), T(), t.unbindContextEvents?.(), u?.teardown?.(), u = null, o.clear();
-	}
-	return t.mode === "capture" && M(), {
-		arm: M,
-		suspend: v,
-		resume: y,
-		wake: g,
-		renderAt: N,
-		dispose: P,
-		get armed() {
-			return d;
-		},
-		get disposed() {
-			return f;
-		},
-		get running() {
-			return s();
-		},
-		get reducedMotion() {
-			return m;
-		},
-		get contextHeld() {
-			return k;
-		}
-	};
-}
-//#endregion
-export { t };

package/dist/dockContext-BNfyPLe9.js

@@ -1,17 +0,0 @@
-import { n as e } from "./createContext-CpBNTRMI.js";
-//#region src/components/custom/dock/constants.ts
-var t = {
-	response: .32,
-	dampingFraction: .7
-}, n = new Set([
-	"width",
-	"height",
-	"padding",
-	"transform"
-]), r = "glass-ui:dock-context", i = "glass-ui:dock-layer-group", a = "glass-ui:dock-morph-context", o = e(r, "[glass-ui:dock] useDockContext() called outside <GlassDock>; use useOptionalDockContext() if the primitive may render outside a dock."), { KEY: s } = o;
-function c(e) {
-	o.provide(e);
-}
-var l = o.use, u = o.useOptional;
-//#endregion
-export { i as a, n as c, u as i, c as n, a as o, l as r, t as s, s as t };

package/dist/slider-2A0rPn79.js

@@ -1,142 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as n } from "./useTouchGate-CBZTD4SD.js";
-import { i as r } from "./dockContext-BNfyPLe9.js";
-import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, onBeforeUnmount as d, onMounted as f, openBlock as p, renderList as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
-import { SliderRange as v, SliderRoot as y, SliderThumb as b, SliderTrack as x, useForwardPropsEmits as S } from "reka-ui";
-import { cva as C } from "class-variance-authority";
-//#region src/components/custom/dock/composables/useDockHold.ts
-function w(e, t = {}) {
-	let n = r(), i = t.enabled ?? (() => !0), a = !1;
-	function o() {
-		!i() || a || !n || (n.keepOpen(), a = !0);
-	}
-	function s() {
-		!a || !n || (n.release(), a = !1);
-	}
-	function c() {
-		s(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c));
-	}
-	function l() {
-		o(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c));
-	}
-	let u = null;
-	return f(() => {
-		u = e(), u && (u.addEventListener("pointerdown", l), u.addEventListener("touchstart", l, { passive: !0 }));
-	}), d(() => {
-		u && (u.removeEventListener("pointerdown", l), u.removeEventListener("touchstart", l)), typeof window < "u" && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c)), s();
-	}), { isHeld: n?.held };
-}
-//#endregion
-//#region src/components/ui/slider/Slider.vue
-var T = /* @__PURE__ */ t(/* @__PURE__ */ l({
-	__name: "Slider",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		disabled: { type: Boolean },
-		orientation: {},
-		dir: {},
-		inverted: { type: Boolean },
-		min: {},
-		max: {},
-		step: {},
-		minStepsBetweenThumbs: {},
-		thumbAlignment: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: {},
-		size: {},
-		keepDockOpen: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["update:modelValue", "valueCommit"],
-	setup(t, { emit: l }) {
-		let C = t, T = l, D = a(() => C.variant ?? "standard"), O = a(() => C.size ?? "md"), k = a(() => C.keepDockOpen), A = S(a(() => {
-			let { class: e, variant: t, size: n, keepDockOpen: r, ...i } = C;
-			return i.thumbAlignment ||= "contain", i;
-		}), T), j = r(), M = g("sliderRootRef");
-		function N() {
-			let e = M.value;
-			return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
-		}
-		w(N, { enabled: () => k.value });
-		let P = n();
-		function F(e) {
-			let t = N(), n = e.touches[0];
-			!t || !n || P.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
-		}
-		function I(e) {
-			P.handleScrollCheck(e);
-		}
-		function L() {
-			P.handleTouchEnd();
-		}
-		f(() => {
-			let e = N();
-			e && (e.addEventListener("touchstart", F, { passive: !1 }), e.addEventListener("touchmove", I, { passive: !0 }), e.addEventListener("touchend", L, { passive: !0 }));
-		}), d(() => {
-			let e = N();
-			e && (e.removeEventListener("touchstart", F), e.removeEventListener("touchmove", I), e.removeEventListener("touchend", L));
-		});
-		let R = a(() => j?.held.value === !0), z = a(() => P.isActive.value);
-		return (n, r) => (p(), o(h(y), u({
-			"data-slot": "slider",
-			ref_key: "sliderRootRef",
-			ref: M,
-			class: h(e)(h(E)({
-				variant: D.value,
-				size: O.value
-			}), C.class),
-			"data-variant": D.value,
-			"data-size": O.value,
-			"data-held": R.value || void 0,
-			"data-touch-active": z.value || void 0
-		}, h(A)), {
-			default: _(() => [c(h(x), { class: "slider-track" }, {
-				default: _(() => [c(h(v), { class: "slider-range" })]),
-				_: 1
-			}), (p(!0), s(i, null, m(t.modelValue, (e, t) => (p(), o(h(b), {
-				key: t,
-				"aria-label": n.$attrs["aria-label"] ?? void 0,
-				class: "slider-thumb glass-specular-track touch-hit-area"
-			}, null, 8, ["aria-label"]))), 128))]),
-			_: 1
-		}, 16, [
-			"class",
-			"data-variant",
-			"data-size",
-			"data-held",
-			"data-touch-active"
-		]));
-	}
-}), [["__scopeId", "data-v-534634a7"]]), E = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
-	variants: {
-		variant: {
-			standard: "",
-			spectrum: ""
-		},
-		size: {
-			sm: "",
-			md: "",
-			lg: ""
-		}
-	},
-	defaultVariants: {
-		variant: "standard",
-		size: "md"
-	}
-});
-//#endregion
-export { T as n, E as t };

package/dist/springPresets-Ce7OYCm9.js

@@ -1,46 +0,0 @@
-//#region src/composables/motion/springPresets.ts
-var e = [
-	{
-		name: "smooth",
-		response: .5,
-		dampingFraction: .86,
-		comment: "SETTLE register — entrances/fades/scale-ins, no overshoot read"
-	},
-	{
-		name: "snappy",
-		response: .42,
-		dampingFraction: .78,
-		comment: "CONTROL register — crisp position morphs (tab underline, progress fill, marker pop); eased to fill its clock (90%-travel ~0.57 of clock), overshoot ~+2.0%"
-	},
-	{
-		name: "bouncy",
-		response: .5,
-		dampingFraction: .55,
-		comment: "PLAYFUL register — emphatic one-shots only (bouncy toggle, dialog/success entrance, VT default), overshoot ~+12.6% (the Apple 12-18% band)"
-	},
-	{
-		name: "gentle",
-		response: .7,
-		dampingFraction: 1,
-		comment: "GENTLE register — patient critically-damped settle, reached via the --ease-spring-gentle @theme alias. BC.W-MOTION-PRESETS reuses this row as the brand convergence-reveal (--ease-convergence): the partial-sum settle is critically-damped with NO overshoot (ζ=1.0, overshoot 0) — measured-not-distinct, so the ALIAS, not a new row"
-	},
-	{
-		name: "dock",
-		response: .32,
-		dampingFraction: .7,
-		comment: "DOCK register — dock expand/collapse morph + the in-dock Slider thumb, iOS-control settled, overshoot ~+4.6%"
-	},
-	{
-		name: "press",
-		response: .15,
-		dampingFraction: .86,
-		comment: "PRESS register — the iOS interactive tap-press (Apple interactiveSpring 0.15/0.86); sub-100ms answer, tiny alive rebound ~+0.5%. Read by useSpringPress + the --glass-btn-press-t drive"
-	}
-];
-function t(t) {
-	let n = e.find((e) => e.name === t);
-	if (!n) throw Error(`Unknown spring preset: ${t}`);
-	return n;
-}
-//#endregion
-export { t as n, e as t };

package/dist/useDockCtaReceive-DfFkmgL1.js

@@ -1,82 +0,0 @@
-import { n as e } from "./springPresets-Ce7OYCm9.js";
-import { onScopeDispose as t, readonly as n, ref as r } from "vue";
-import { ElementMorph as i, springTimingFunction as a } from "@mkbabb/keyframes.js";
-//#region src/composables/motion/useDockCtaReceive.ts
-function o() {
-	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function s(s, c) {
-	let l = c.respectReducedMotion !== !1, u = c.blur ?? 4, { response: d, dampingFraction: f } = e(c.preset ?? "snappy"), p = a({
-		response: d,
-		dampingFraction: f
-	}), m = d * 4 * 1e3, h = null, g = 0, _ = 0, v = r(!1);
-	function y() {
-		let e = c.dockControl.value;
-		e && (e.setAttribute("data-cta-pending", ""), v.value = !0);
-	}
-	function b() {
-		v.value = !1;
-		let e = c.dockControl.value;
-		e && e.removeAttribute("data-cta-pending");
-	}
-	function x(e) {
-		e.style.transform = "", e.style.transformOrigin = "", e.style.opacity = "", e.style.filter = "";
-	}
-	function S() {
-		g && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(g), g = 0;
-	}
-	function C() {
-		b(), c.onReceived?.();
-	}
-	function w() {
-		let e = s.value;
-		if (!e) return;
-		S();
-		let t = e.getBoundingClientRect(), n = c.dockControl.value;
-		if (!n) {
-			e.style.opacity = "0", C();
-			return;
-		}
-		let r = n.getBoundingClientRect();
-		if (l && o()) {
-			x(e), e.style.opacity = "0", C();
-			return;
-		}
-		h = new i({
-			x: t.x,
-			y: t.y,
-			width: t.width,
-			height: t.height
-		}, {
-			x: r.x,
-			y: r.y,
-			width: r.width,
-			height: r.height
-		}, { transformOrigin: "center center" }), _ = 0;
-		let a = (t) => {
-			if (!h || !s.value) return;
-			_ === 0 && (_ = t);
-			let n = Math.min(1, (t - _) / m), r = p.fn(n);
-			h.apply(e, r), e.style.opacity = String(Math.min(1, Math.max(0, 1 - r)));
-			let i = u * Math.min(1, Math.max(0, r));
-			e.style.filter = `blur(${i.toFixed(2)}px)`, n < 1 && typeof requestAnimationFrame == "function" ? g = requestAnimationFrame(a) : (e.style.opacity = "0", h = null, g = 0, C());
-		};
-		typeof requestAnimationFrame == "function" ? g = requestAnimationFrame(a) : (x(e), e.style.opacity = "0", C());
-	}
-	function T() {
-		S(), h = null;
-		let e = s.value;
-		e && x(e);
-	}
-	return t(() => {
-		S(), h = null;
-	}), {
-		receive: w,
-		reset: T,
-		setPending: y,
-		clearPending: b,
-		pending: n(v)
-	};
-}
-//#endregion
-export { s as t };