@mkbabb/glass-ui 3.12.0 → 3.13.0

package/dist/dockContext-BegmJVmx.js

@@ -0,0 +1,17 @@
+import { n as e } from "./createContext-BM46COQ-.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/dom.js

@@ -1,6 +1,6 @@
-import { t as e } from "./useResizeObserver-CWCbk5Px.js";
-import { t } from "./useTouchGate-WFyJYsth.js";
-import { a as n, i as r, n as i, o as a, r as o, t as s } from "./useViewportReady-RIr5Wgkh.js";
-import { n as c, t as l } from "./useResolveTokenColor-r9pnNjqK.js";
-import { t as u } from "./useUserInvalidAria-DoJKMZ3s.js";
+import { t as e } from "./useResizeObserver-BhgdhOIj.js";
+import { t } from "./useTouchGate-Dg7MQI1G.js";
+import { a as n, i as r, n as i, o as a, r as o, t as s } from "./useViewportReady-B40FK4Pa.js";
+import { n as c, t as l } from "./useResolveTokenColor-Dvn2RZJW.js";
+import { t as u } from "./useUserInvalidAria-B2h6jAM_.js";
 export { r as copyToClipboard, l as createTokenColorCache, c as resolveTokenColor, o as useBreakpoint, n as useClipboard, i as useIdleReady, e as useResizeObserver, a as useTokenColor, t as useTouchGate, u as useUserInvalidAria, s as useViewportReady };

package/dist/{dropdown-menu-D77jX6Df.js → dropdown-menu-DzkkyBwX.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./check-BBKKKSTf.js";
-import { t as n } from "./chevron-right-sDM0Yvrf.js";
-import { t as r } from "./menuItemVariants-CCoBNkU5.js";
-import { i } from "./dockContext-BKeIMmNk.js";
+import { t } from "./check-njhk-vfu.js";
+import { t as n } from "./chevron-right-CPXbqQQz.js";
+import { t as r } from "./menuItemVariants-DPiEarb0.js";
+import { i } from "./dockContext-BegmJVmx.js";
 import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
 import { DropdownMenuCheckboxItem as y, DropdownMenuContent as b, DropdownMenuGroup as x, DropdownMenuItem as S, DropdownMenuItemIndicator as C, DropdownMenuLabel as w, DropdownMenuPortal as T, DropdownMenuPortal as E, DropdownMenuRadioGroup as D, DropdownMenuRadioItem as O, DropdownMenuRoot as k, DropdownMenuSeparator as A, DropdownMenuSub as j, DropdownMenuSubContent as M, DropdownMenuSubTrigger as N, DropdownMenuTrigger as P, useForwardProps as F, useForwardPropsEmits as I } from "reka-ui";
 //#endregion
@@ -86,7 +86,7 @@ var L = /* @__PURE__ */ u({
 			default: v(() => [l(_(b), f(_(c), {
 				"data-glass-dock-portal": _(u)?.id ? "" : void 0,
 				"data-glass-dock-owner": _(u)?.id,
-				class: _(e)("dropdown-menu-content z-popover min-w-32 max-h-[60vh] overflow-y-auto rounded-panel border glass-floating p-1 text-popover-foreground popover-animate slide-in-from-side", r.class)
+				class: _(e)("dropdown-menu-content z-popover min-w-32 max-h-[60vh] overflow-y-auto rounded-panel border glass-floating text-popover-foreground popover-animate slide-in-from-side", r.class)
 			}), {
 				default: v(() => [g(t.$slots, "default")]),
 				_: 3
@@ -353,10 +353,13 @@ var L = /* @__PURE__ */ u({
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (h(), o(_(M), f(_(s), { class: _(e)("dropdown-sub-content z-popover min-w-32 overflow-hidden rounded-panel border glass-floating p-1 text-popover-foreground popover-animate slide-in-from-side", r.class) }), {
-			default: v(() => [g(t.$slots, "default")]),
+		return (t, n) => (h(), o(_(T), null, {
+			default: v(() => [l(_(M), f(_(s), { class: _(e)("dropdown-sub-content z-popover min-w-32 overflow-hidden rounded-panel border glass-floating text-popover-foreground popover-animate slide-in-from-side", r.class) }), {
+				default: v(() => [g(t.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])]),
 			_: 3
-		}, 16, ["class"]));
+		}));
 	}
 });
 //#endregion

package/dist/dropdown-menu.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./dropdown-menu-D77jX6Df.js";
+import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./dropdown-menu-DzkkyBwX.js";
 export { i as DropdownMenu, o as DropdownMenuCheckboxItem, u as DropdownMenuContent, r as DropdownMenuGroup, m as DropdownMenuItem, e as DropdownMenuLabel, p as DropdownMenuPortal, n as DropdownMenuRadioGroup, t as DropdownMenuRadioItem, l as DropdownMenuSeparator, f as DropdownMenuShortcut, a as DropdownMenuSub, c as DropdownMenuSubContent, d as DropdownMenuSubTrigger, s as DropdownMenuTrigger };

package/dist/expandable-container.js

@@ -1,25 +1,26 @@
-import { n as e, t } from "./minimize-2-lcXOuc6V.js";
-import { t as n } from "./useViewTransition-DaN5Zrox.js";
-import { i as r } from "./useKeyboardShortcuts-CyIYrndH.js";
-import { Teleport as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onMounted as g, onUnmounted as _, openBlock as v, renderSlot as y, unref as b, useId as x, useModel as S, useTemplateRef as C, watch as w } from "vue";
+import { n as e, t } from "./minimize-2-BV31Ob_h.js";
+import { i as n } from "./useKeyboardShortcuts-Be3w_Rwk.js";
+import { Fragment as r, Teleport as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, onMounted as m, onUnmounted as h, openBlock as g, renderSlot as _, unref as v, useModel as y, watch as b } from "vue";
 //#region src/components/custom/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
-var T = ["aria-label"], E = ["aria-label"], D = 0, O = null;
-function k() {
-	return typeof document > "u" ? !1 : (D === 0 && (O = document.body.style.overflow, document.body.style.overflow = "hidden"), D += 1, !0);
+var x = ["aria-label"], S = {
+	key: 0,
+	class: "fixed inset-0 z-modal flex flex-col bg-background"
+}, C = ["aria-label"], w = { class: "h-full w-full" }, T = 0, E = null;
+function D() {
+	return typeof document > "u" ? !1 : (T === 0 && (E = document.body.style.overflow, document.body.style.overflow = "hidden"), T += 1, !0);
 }
-function A() {
-	typeof document > "u" || D === 0 || (--D, D === 0 && (document.body.style.overflow = O ?? "", O = null));
+function O() {
+	typeof document > "u" || T === 0 || (--T, T === 0 && (document.body.style.overflow = E ?? "", E = null));
 }
 //#endregion
 //#region src/components/custom/expandable-container/ExpandableContainer.vue
-var j = /* @__PURE__ */ u({
+var k = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "ExpandableContainer",
 	props: /* @__PURE__ */ d({
 		buttonPosition: { default: "right" },
 		expandLabel: { default: "Fullscreen" },
-		collapseLabel: { default: "Exit fullscreen" },
-		viewTransitionName: { default: void 0 }
+		collapseLabel: { default: "Exit fullscreen" }
 	}, {
 		open: {
 			type: Boolean,
@@ -27,85 +28,43 @@ var j = /* @__PURE__ */ u({
 		},
 		openModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d(["settle"], ["update:open"]),
-	setup(u, { expose: d, emit: D }) {
-		let O = u, j = S(u, "open"), M = D, N = C("anchorEl"), P = C("surfaceEl"), F = x(), I = a(() => O.viewTransitionName === void 0 ? void 0 : `gl-expand-${O.viewTransitionName}-${F}`), L = a(() => I.value === void 0 ? void 0 : { "view-transition-name": I.value });
-		function R() {
-			if (I.value === void 0) {
-				j.value = !0;
+	emits: ["update:open"],
+	setup(u) {
+		let d = y(u, "open"), T = !1;
+		function E(e) {
+			if (e && !T) {
+				T = D();
 				return;
 			}
-			n(() => {
-				j.value = !0;
-			});
-		}
-		function z() {
-			if (I.value === void 0) {
-				j.value = !1;
-				return;
-			}
-			n(() => {
-				j.value = !1;
-			});
-		}
-		let B = !1;
-		function V(e) {
-			if (e && !B) {
-				B = k();
-				return;
-			}
-			!e && B && (A(), B = !1);
+			!e && T && (O(), T = !1);
 		}
-		w(j, V, { immediate: !0 }), w(j, (e) => {
-			p(() => M("settle", e));
-		});
-		let H = null;
-		return g(() => {
-			H = r("Escape", () => {
-				j.value && z();
+		b(d, E, { immediate: !0 });
+		let k = null;
+		return m(() => {
+			k = n("Escape", () => {
+				d.value &&= !1;
 			}, {
 				label: "Exit fullscreen",
 				group: "UI",
 				allowInInput: !0
 			});
-		}), _(() => {
-			H?.(), V(!1);
-		}), d({
-			anchorEl: N,
-			surfaceEl: P,
-			expand: R,
-			collapse: z
-		}), (n, r) => (v(), s("div", f({
-			ref_key: "anchorEl",
-			ref: N,
-			class: ["expandable-container__anchor relative", { "gl-expand": I.value !== void 0 && !j.value }],
-			style: j.value ? void 0 : L.value
-		}, n.$attrs), [(v(), o(i, {
-			to: "body",
-			disabled: !j.value
-		}, [c("div", {
-			ref_key: "surfaceEl",
-			ref: P,
-			class: m([
-				"expandable-container__surface",
-				j.value ? "fixed inset-0 z-modal flex flex-col bg-background" : "relative",
-				{ "gl-expand": I.value !== void 0 && j.value }
-			]),
-			style: h(j.value ? L.value : void 0)
-		}, [j.value ? (v(), s("button", {
-			key: 1,
-			class: m(["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", u.buttonPosition === "left" ? "left-3 top-3" : "right-3 top-3"]),
-			title: "Exit fullscreen",
-			"aria-label": u.collapseLabel,
-			onClick: z
-		}, [l(b(t), { class: "h-4 w-4" })], 10, E)) : (v(), s("button", {
+		}), h(() => {
+			k?.(), E(!1);
+		}), (n, m) => (g(), s(r, null, [d.value ? o("", !0) : (g(), s("div", f({
 			key: 0,
-			class: m(["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", u.buttonPosition === "left" ? "left-2 top-2" : "right-2 top-2"]),
+			class: "relative"
+		}, n.$attrs), [c("button", {
+			class: p(["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", u.buttonPosition === "left" ? "left-2 top-2" : "right-2 top-2"]),
 			title: "Fullscreen",
 			"aria-label": u.expandLabel,
-			onClick: R
-		}, [l(b(e), { class: "h-4 w-4" })], 10, T)), c("div", { class: m(j.value ? "h-full w-full" : "contents") }, [y(n.$slots, "default", { fullscreen: j.value })], 2)], 6)], 8, ["disabled"]))], 16));
+			onClick: m[0] ||= (e) => d.value = !0
+		}, [l(v(e), { class: "h-4 w-4" })], 10, x), _(n.$slots, "default", { fullscreen: !1 })], 16)), (g(), a(i, { to: "body" }, [d.value ? (g(), s("div", S, [c("button", {
+			class: p(["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", u.buttonPosition === "left" ? "left-3 top-3" : "right-3 top-3"]),
+			title: "Exit fullscreen",
+			"aria-label": u.collapseLabel,
+			onClick: m[1] ||= (e) => d.value = !1
+		}, [l(v(t), { class: "h-4 w-4" })], 10, C), c("div", w, [_(n.$slots, "default", { fullscreen: !0 })])])) : o("", !0)]))], 64));
 	}
 });
 //#endregion
-export { j as ExpandableContainer };
+export { k as ExpandableContainer };

package/dist/forms.js

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./search-nbkvr2dC.js";
-import { t as n } from "./menuItemVariants-CCoBNkU5.js";
-import { t as r } from "./useUserInvalidAria-DoJKMZ3s.js";
-import { t as i } from "./Input-xuDwALQR.js";
+import { t } from "./search-BSGrf2Sk.js";
+import { t as n } from "./menuItemVariants-DPiEarb0.js";
+import { t as r } from "./useUserInvalidAria-B2h6jAM_.js";
+import { t as i } from "./Input-DWQQIOC4.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, isRef as f, mergeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, vModelText as v, withCtx as y, withDirectives as b } from "vue";
 import { ComboboxAnchor as x, ComboboxCancel as S, ComboboxContent as C, ComboboxEmpty as w, ComboboxGroup as T, ComboboxInput as E, ComboboxItem as D, ComboboxItemIndicator as O, ComboboxLabel as k, ComboboxPortal as A, ComboboxRoot as j, ComboboxSeparator as M, ComboboxTrigger as N, ComboboxViewport as P, useForwardProps as F, useForwardPropsEmits as I } from "reka-ui";
 import { reactiveOmit as L, useVModel as R } from "@vueuse/core";
@@ -177,7 +177,7 @@ var z = ["data-autosize"], B = /* @__PURE__ */ d({
 		let i = n, a = r, o = I(L(i, "class"), a);
 		return (n, r) => (m(), c("div", G, [u(_(t), { class: "size-4 shrink-0 opacity-50" }), u(_(E), p({
 			"data-slot": "command-input",
-			class: _(e)("placeholder:text-muted-foreground flex h-[var(--dropdown-input-height)] w-full rounded-input bg-transparent py-3 text-dropdown outline-hidden disabled:cursor-not-allowed disabled:opacity-disabled aria-invalid:text-destructive aria-invalid:placeholder:text-[color-mix(in_srgb,var(--destructive)_60%,transparent)]", i.class)
+			class: _(e)("placeholder:text-muted-foreground flex h-(--dropdown-input-height) w-full rounded-input bg-transparent py-3 text-dropdown outline-hidden disabled:cursor-not-allowed disabled:opacity-disabled aria-invalid:text-destructive aria-invalid:placeholder:text-[color-mix(in_srgb,var(--destructive)_60%,transparent)]", i.class)
 		}, {
 			..._(o),
 			...n.$attrs

package/dist/fourier-field.js

@@ -1,13 +1,65 @@
 import { t as e } from "./useCanvas2D-ClrQuZtp.js";
 import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { i as n, s as r, t as i } from "./color-C5ls_QF7.js";
-import { t as a } from "./useGlobalDark-CAhOXNLO.js";
+import { i as n, s as r, t as i } from "./color-CUYeFbgd.js";
+import { t as a } from "./useGlobalDark-yhL4Wp-s.js";
 import { n as o, t as s } from "./prng-D27-B3tK.js";
-import { n as c, r as l, t as u } from "./math-DTpRVC0e.js";
-import { createElementBlock as d, createElementVNode as f, defineComponent as p, onMounted as m, openBlock as h, ref as g, useTemplateRef as _, watch as v } from "vue";
-//#endregion
-//#region src/components/custom/fourier-field/FourierField.vue
-var y = /* @__PURE__ */ t(/* @__PURE__ */ p({
+import { i as c, n as l, r as u, t as d } from "./math-U6-RrLmV.js";
+import { createElementBlock as f, createElementVNode as p, defineComponent as m, onMounted as h, openBlock as g, ref as _, useTemplateRef as v, watch as y } from "vue";
+//#region src/components/custom/fourier-field/presets.ts
+var b = {
+	hero: {
+		harmonics: 5,
+		harmonicScale: .24,
+		epicycles: !0,
+		trailLength: 260,
+		epicycleHueShift: 42,
+		durationMs: 16e3,
+		frozenSeed: "fourier-field/hero",
+		frozenT: .34,
+		peakAlpha: .92,
+		trailWidth: 3,
+		headGlowAlpha: .95,
+		headGlowBlur: 18,
+		headDotRadius: 5,
+		epicycleRatios: {
+			circle: .5,
+			arm: .72
+		},
+		epicycleWidths: {
+			circle: 2.4,
+			arm: 2
+		},
+		epicycleRainbow: !0,
+		trailFadeExp: 1.35,
+		trailFloor: .34
+	},
+	final: {
+		harmonics: 11,
+		harmonicScale: .17,
+		epicycles: !1,
+		trailLength: 360,
+		epicycleHueShift: 36,
+		durationMs: 21e3,
+		frozenSeed: "fourier-field/final",
+		frozenT: .42,
+		peakAlpha: .88,
+		trailWidth: 3.2,
+		headGlowAlpha: .92,
+		headGlowBlur: 16,
+		headDotRadius: 4.5,
+		epicycleRatios: {
+			circle: 0,
+			arm: 0
+		},
+		epicycleWidths: {
+			circle: 0,
+			arm: 0
+		},
+		epicycleRainbow: !1,
+		trailFadeExp: 1.45,
+		trailFloor: .36
+	}
+}, x = /* @__PURE__ */ t(/* @__PURE__ */ m({
 	__name: "FourierField",
 	props: {
 		variant: { default: "hero" },
@@ -21,138 +73,121 @@ var y = /* @__PURE__ */ t(/* @__PURE__ */ p({
 		intensity: { default: 1 }
 	},
 	setup(t) {
-		let u = Math.max(0, Math.min(2, t.intensity)), p = {
-			hero: {
-				harmonics: 4,
-				harmonicScale: .22,
-				epicycles: !0,
-				trailLength: 170,
-				epicycleHueShift: 42,
-				durationMs: 16e3,
-				frozenSeed: "fourier-field/hero",
-				frozenT: .18,
-				peakAlpha: .55,
-				headGlowAlpha: .62,
-				headGlowBlur: 16,
-				epicycleRatios: {
-					circle: .18,
-					arm: .3
-				},
-				trailFadeExp: 1.4,
-				trailFloor: .1
-			},
-			final: {
-				harmonics: 9,
-				harmonicScale: .16,
-				epicycles: !1,
-				trailLength: 200,
-				epicycleHueShift: 36,
-				durationMs: 21e3,
-				frozenSeed: "fourier-field/final",
-				frozenT: .33,
-				peakAlpha: .45,
-				headGlowAlpha: .5,
-				headGlowBlur: 14,
-				epicycleRatios: {
-					circle: 0,
-					arm: 0
-				},
-				trailFadeExp: 1.5,
-				trailFloor: .08
-			}
-		}, y = _("hostRef"), b = _("canvasRef"), x = g(t.color), S = g("rgb(0, 0, 0)"), C = g("rgb(0, 0, 0)");
-		function w(e) {
+		let l = Math.max(0, Math.min(2, t.intensity)), d = v("hostRef"), m = v("canvasRef"), x = _(t.color), S = _("rgb(0, 0, 0)"), C = _("rgb(0, 0, 0)"), w = _([]);
+		function T(e) {
 			if (!e.includes("var(") && !e.includes("light-dark(")) return e;
-			let t = y.value;
+			let t = d.value;
 			if (typeof window > "u" || !t) return e;
 			let n = t.style.color;
 			t.style.color = e;
 			let r = getComputedStyle(t).color;
 			return t.style.color = n, r || e;
 		}
-		let T = p[t.variant];
-		function E() {
-			x.value = w(t.color);
+		let E = b[t.variant], D = 0;
+		function O() {
+			x.value = T(t.color);
 			let [e, a, o] = t.colorResolver(x.value).map((e) => Math.round(e * 255));
 			S.value = `rgb(${e}, ${a}, ${o})`;
 			let s = i(x.value), [c, l, u] = r({
 				L: s.L,
 				C: s.C,
-				h: n(s.h, "analogous", T.epicycleHueShift, 1)
+				h: n(s.h, "analogous", E.epicycleHueShift, 1)
 			}).map((e) => Math.round(e * 255));
-			C.value = `rgb(${c}, ${l}, ${u})`;
+			if (C.value = `rgb(${c}, ${l}, ${u})`, E.epicycleRainbow && D > 0) {
+				let e = [];
+				for (let t = 0; t < D; t++) {
+					let n = D > 1 ? t / (D - 1) : 0, [i, a, o] = r({
+						L: .62,
+						C: .17,
+						h: s.h - 150 + n * 2 * 150
+					}).map((e) => Math.round(e * 255));
+					e.push(`rgb(${i}, ${a}, ${o})`);
+				}
+				w.value = e;
+			} else w.value = [];
 		}
-		function D(e) {
-			return c(o(s((t.freeze ? e.frozenSeed : `${Math.random()}`) + t.seed)), {
+		function k(e) {
+			return u(o(s((t.freeze ? e.frozenSeed : `${Math.random()}`) + t.seed)), {
 				harmonics: e.harmonics,
 				harmonicScale: e.harmonicScale
 			});
 		}
-		let { isDark: O } = a();
-		return m(() => {
-			let n = b.value;
+		let { isDark: A } = a();
+		return h(() => {
+			let n = m.value;
 			if (!n) return;
-			let r = p[t.variant], i = D(r), a = [...i].sort((e, t) => t.amplitude - e.amplitude), o = Infinity, s = Infinity, c = -Infinity, d = -Infinity;
+			let r = b[t.variant], i = k(r), a = [...i].sort((e, t) => t.amplitude - e.amplitude);
+			D = a.length, O();
+			let o = Infinity, s = Infinity, u = -Infinity, f = -Infinity;
 			for (let e = 0; e < 720; e++) {
-				let t = l(i, e / 720), [n, r] = t[t.length - 1];
-				n < o && (o = n), r < s && (s = r), n > c && (c = n), r > d && (d = r);
+				let t = c(i, e / 720), [n, r] = t[t.length - 1];
+				n < o && (o = n), r < s && (s = r), n > u && (u = n), r > f && (f = r);
 			}
-			let f = Math.max(.001, c - o), m = Math.max(.001, d - s), h = (o + c) / 2, g = (s + d) / 2, _ = [], x = e({
-				canvas: b,
+			let p = Math.max(.001, u - o), h = Math.max(.001, f - s), g = (o + u) / 2, _ = (s + f) / 2, v = [], x = e({
+				canvas: m,
 				setup: () => ({ render(e, o) {
-					let s = n.clientWidth || n.offsetWidth || 0, c = n.clientHeight || n.offsetHeight || 0;
-					if (!s || !c) return;
-					let d = .82, p = Math.min(s / f * d, c / m * d), v = s / 2, y = c / 2, b = (e, t) => [v + (e - h) * p, y + (t - g) * p], w = t.freeze || x.reducedMotion ? r.frozenT : o / r.durationMs % 1, T = S.value, E = C.value, D = r.peakAlpha * u, k = r.headGlowAlpha * u;
-					if (e.clearRect(0, 0, s, c), r.epicycleRatios.arm > 0) {
-						let t = l(a, w);
-						e.lineWidth = 1, e.strokeStyle = E;
-						for (let n = 1; n < t.length; n++) {
-							let [i, a] = b(t[n - 1][0], t[n - 1][1]), [o, s] = b(t[n][0], t[n][1]), c = Math.hypot(o - i, s - a);
-							e.globalAlpha = D * r.epicycleRatios.circle, e.beginPath(), e.arc(i, a, c, 0, Math.PI * 2), e.stroke(), e.globalAlpha = D * r.epicycleRatios.arm, e.beginPath(), e.moveTo(i, a), e.lineTo(o, s), e.stroke();
+					let s = n.clientWidth || n.offsetWidth || 0, u = n.clientHeight || n.offsetHeight || 0;
+					if (!s || !u) return;
+					let d = .82, f = Math.min(s / p * d, u / h * d), m = s / 2, y = u / 2, b = (e, t) => [m + (e - g) * f, y + (t - _) * f], T = t.freeze || x.reducedMotion ? r.frozenT : o / r.durationMs % 1, E = S.value, D = C.value, O = w.value, k = A.value, j = r.peakAlpha * l, M = r.headGlowAlpha * l;
+					if (e.clearRect(0, 0, s, u), r.epicycleRatios.arm > 0) {
+						let t = c(a, T);
+						e.lineCap = "round", e.lineJoin = "round";
+						let n = Math.min(1, j * r.epicycleRatios.circle), i = Math.min(1, j * r.epicycleRatios.arm);
+						for (let a = 1; a < t.length; a++) {
+							let [o, s] = b(t[a - 1][0], t[a - 1][1]), [c, l] = b(t[a][0], t[a][1]), u = Math.hypot(c - o, l - s), d = O.length > 0 ? O[Math.min(a - 1, O.length - 1)] : D;
+							e.strokeStyle = d, e.lineWidth = r.epicycleWidths.circle, e.globalAlpha = n, e.beginPath(), e.arc(o, s, u, 0, Math.PI * 2), e.stroke(), e.lineWidth = r.epicycleWidths.arm, e.globalAlpha = i, e.beginPath(), e.moveTo(o, s), e.lineTo(c, l), e.stroke(), e.fillStyle = d, e.globalAlpha = Math.min(1, i * .9), e.beginPath(), e.arc(o, s, Math.max(2, r.epicycleWidths.arm * .9), 0, Math.PI * 2), e.fill();
 						}
 						e.globalAlpha = 1;
 					}
-					let A = l(i, w), [j, M] = A[A.length - 1], N = b(j, M);
-					if (t.freeze || x.reducedMotion) {
-						if (_.length === 0) {
-							let e = Math.min(r.trailLength, 48);
-							for (let t = e; t >= 0; t--) {
-								let n = l(i, (w - t / e * .06 + 1) % 1);
-								_.push(b(n[n.length - 1][0], n[n.length - 1][1]));
-							}
+					let N = r.trailLength / 600, P = r.trailLength;
+					v.length = 0;
+					for (let e = P; e >= 0; e--) {
+						let t = c(i, (T - e / P * N + 1) % 1);
+						v.push(b(t[t.length - 1][0], t[t.length - 1][1]));
+					}
+					e.globalCompositeOperation = "source-over", e.strokeStyle = E, e.lineCap = "round", e.lineJoin = "round", e.lineWidth = r.trailWidth;
+					for (let t = 1; t < v.length; t++) {
+						let n = j * (t / (v.length - 1)) ** r.trailFadeExp;
+						n = Math.max(n, j * r.trailFloor), e.globalAlpha = Math.min(1, n), e.beginPath(), e.moveTo(v[t - 1][0], v[t - 1][1]), e.lineTo(v[t][0], v[t][1]), e.stroke();
+					}
+					if (e.globalCompositeOperation = A.value ? "lighter" : "source-over", k && v.length >= 4) {
+						e.strokeStyle = E, e.lineWidth = r.trailWidth;
+						let t = Math.max(1, Math.floor(v.length * .66));
+						for (let n = t; n < v.length; n++) {
+							let r = (n - t) / Math.max(1, v.length - 1 - t);
+							e.globalAlpha = Math.min(1, .18 * r * l), e.beginPath(), e.moveTo(v[n - 1][0], v[n - 1][1]), e.lineTo(v[n][0], v[n][1]), e.stroke();
 						}
-					} else for (_.push(N); _.length > r.trailLength;) _.shift();
-					e.globalCompositeOperation = O.value ? "lighter" : "source-over", e.strokeStyle = T, e.lineCap = "round", e.lineJoin = "round", e.lineWidth = 1.6;
-					for (let t = 1; t < _.length; t++) {
-						let n = D * (t / (_.length - 1)) ** r.trailFadeExp;
-						n = Math.max(n, D * r.trailFloor), e.globalAlpha = n, e.beginPath(), e.moveTo(_[t - 1][0], _[t - 1][1]), e.lineTo(_[t][0], _[t][1]), e.stroke();
 					}
-					if (_.length >= 2) {
-						e.save(), e.shadowColor = T, e.shadowBlur = r.headGlowBlur, e.globalAlpha = k, e.lineWidth = 2;
-						let t = _.slice(-4);
+					if (v.length >= 2) {
+						e.save(), e.globalCompositeOperation = "source-over", e.shadowColor = E, e.shadowBlur = r.headGlowBlur, e.globalAlpha = Math.min(1, M), e.strokeStyle = E, e.lineWidth = r.trailWidth + .6;
+						let t = v.slice(-6);
 						e.beginPath(), e.moveTo(t[0][0], t[0][1]);
 						for (let n = 1; n < t.length; n++) e.lineTo(t[n][0], t[n][1]);
 						e.stroke(), e.restore();
 					}
+					if (r.headDotRadius > 0 && v.length >= 1) {
+						let [t, n] = v[v.length - 1];
+						e.globalCompositeOperation = "source-over", e.globalAlpha = Math.min(1, M * .4), e.fillStyle = E, e.beginPath(), e.arc(t, n, r.headDotRadius * 2.6, 0, Math.PI * 2), e.fill(), e.globalAlpha = Math.min(1, M), e.beginPath(), e.arc(t, n, r.headDotRadius, 0, Math.PI * 2), e.fill(), e.globalAlpha = Math.min(1, M * .95), e.fillStyle = "rgb(255, 255, 255)", e.beginPath(), e.arc(t, n, Math.max(1.2, r.headDotRadius * .38), 0, Math.PI * 2), e.fill();
+					}
 					e.shadowBlur = 0, e.globalCompositeOperation = "source-over", e.globalAlpha = 1;
 				} })
 			});
-			v(y, E, { immediate: !0 }), v(() => t.color, () => {
-				E(), x.wake();
-			}), v(O, () => {
-				E(), x.wake();
+			y(d, O, { immediate: !0 }), y(() => t.color, () => {
+				O(), x.wake();
+			}), y(A, () => {
+				O(), x.wake();
 			});
-		}), (e, t) => (h(), d("div", {
+		}), (e, t) => (g(), f("div", {
 			ref_key: "hostRef",
-			ref: y,
+			ref: d,
 			class: "fourier-field"
-		}, [f("canvas", {
+		}, [p("canvas", {
 			ref_key: "canvasRef",
-			ref: b,
+			ref: m,
 			class: "fourier-field-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 512));
 	}
-}), [["__scopeId", "data-v-d56269df"]]);
+}), [["__scopeId", "data-v-71a17062"]]);
 //#endregion
-export { y as FourierField, u as comp, c as makeEllipticSpectrum, l as positionsAt };
+export { x as FourierField, d as comp, l as dftFromPoints, u as makeEllipticSpectrum, c as positionsAt };

package/dist/fourier-math.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./math-DTpRVC0e.js";
-export { n as comp, e as makeEllipticSpectrum, t as positionsAt };
+import { i as e, n as t, r as n, t as r } from "./math-U6-RrLmV.js";
+export { r as comp, t as dftFromPoints, n as makeEllipticSpectrum, e as positionsAt };