@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/math-CIEcwsYi.js

@@ -1,112 +0,0 @@
-//#region src/components/fourier-field/math.ts
-function e(e, t, n) {
-	return {
-		index: e,
-		coefficient: [t, n],
-		amplitude: Math.hypot(t, n),
-		phase: Math.atan2(n, t)
-	};
-}
-function t(e, t, n) {
-	let r = [[0, 0]], i = 0, a = 0, o = n ?? e.length;
-	for (let n = 0; n < o && n < e.length; n++) {
-		let o = e[n], s = 2 * Math.PI * o.index * t, c = Math.cos(s), l = Math.sin(s);
-		i += o.coefficient[0] * c - o.coefficient[1] * l, a += o.coefficient[0] * l + o.coefficient[1] * c, r.push([i, a]);
-	}
-	return r;
-}
-function n(e, t, n) {
-	let r = 0, i = 0, a = n ?? e.length;
-	for (let n = 0; n < a && n < e.length; n++) {
-		let a = e[n], o = 2 * Math.PI * a.index * t, s = Math.cos(o), c = Math.sin(o);
-		r += a.coefficient[0] * s - a.coefficient[1] * c, i += a.coefficient[0] * c + a.coefficient[1] * s;
-	}
-	return [r, i];
-}
-function r(t) {
-	let n = t.length;
-	if (n === 0) return [];
-	let r = [0], i = Math.floor(n / 2);
-	for (let e = 1; e <= i; e++) r.push(e), e !== n - e && r.push(-e);
-	let a = [];
-	for (let i of r) {
-		let r = 0, o = 0;
-		for (let e = 0; e < n; e++) {
-			let [a, s] = t[e], c = -2 * Math.PI * i * e / n, l = Math.cos(c), u = Math.sin(c);
-			r += a * l - s * u, o += a * u + s * l;
-		}
-		a.push(e(i, r / n, o / n));
-	}
-	return a;
-}
-function i(t, n = {}) {
-	let { harmonics: r = 4, harmonicScale: i = .22 } = n, a = .62 + t() * .18, o = a * (.34 + t() * .3), s = t() * Math.PI * 2, c = t() * Math.PI * 2, l = [e(1, a * Math.cos(s), a * Math.sin(s)), e(-1, o * Math.cos(c), o * Math.sin(c))];
-	for (let n = 0; n < r; n++) {
-		let r = 2 + Math.floor(n / 2), a = n % 2 == 0 ? r : -r, o = i / r * (.4 + t() * .6), s = t() * Math.PI * 2;
-		l.push(e(a, o * Math.cos(s), o * Math.sin(s)));
-	}
-	return l;
-}
-function a(t) {
-	return t.map((t) => {
-		let n = 2 * Math.PI * t.phase;
-		return e(t.index, t.mag * Math.cos(n), t.mag * Math.sin(n));
-	});
-}
-var o = {
-	trefoil: [{
-		index: 1,
-		mag: .72,
-		phase: 0
-	}, {
-		index: -2,
-		mag: .34,
-		phase: 0
-	}],
-	quatrefoil: [{
-		index: 1,
-		mag: .7,
-		phase: 0
-	}, {
-		index: -3,
-		mag: .3,
-		phase: 0
-	}],
-	pentafoil: [{
-		index: 1,
-		mag: .7,
-		phase: 0
-	}, {
-		index: -4,
-		mag: .26,
-		phase: 0
-	}],
-	hexafoil: [{
-		index: 1,
-		mag: .68,
-		phase: 0
-	}, {
-		index: -5,
-		mag: .24,
-		phase: 0
-	}],
-	spiro: [
-		{
-			index: 1,
-			mag: .64,
-			phase: 0
-		},
-		{
-			index: -4,
-			mag: .28,
-			phase: .12
-		},
-		{
-			index: 7,
-			mag: .1,
-			phase: .33
-		}
-	]
-}, s = Object.keys(o);
-//#endregion
-export { i as a, t as c, r as i, s as n, a as o, e as r, n as s, o as t };

package/dist/menuItemVariants-DbO-Fr74.js

@@ -1,36 +0,0 @@
-import { cva as e } from "class-variance-authority";
-//#region src/components/_shared/menuItemVariants.ts
-var t = e([
-	"interactive-item",
-	"relative flex w-full cursor-default select-none items-center",
-	"text-dropdown outline-none",
-	"data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled"
-].join(" "), {
-	variants: {
-		surface: {
-			glass: "glass-menu-row",
-			accent: [
-				"hover:bg-accent hover:text-accent-foreground",
-				"focus:bg-accent focus:text-accent-foreground",
-				"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
-				"data-[state=open]:bg-accent"
-			].join(" ")
-		},
-		indicator: {
-			none: "px-2",
-			start: "pl-7 pr-2",
-			"start-wide": "pl-8 pr-2"
-		},
-		size: {
-			md: "py-1.5",
-			lg: "py-2.5"
-		}
-	},
-	defaultVariants: {
-		surface: "glass",
-		indicator: "none",
-		size: "md"
-	}
-});
-//#endregion
-export { t };

package/dist/metric-badge.d.ts

@@ -1 +0,0 @@
-export * from "./components/metric-badge";

package/dist/metric-badge.js

@@ -1,79 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n } from "./coalesce-metric-B8o7zT9u.js";
-import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, toDisplayString as f, unref as p } from "vue";
-//#region src/components/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
-var m = ["data-size"], h = {
-	key: 1,
-	class: "metric-badge__row"
-}, g = /* @__PURE__ */ t(/* @__PURE__ */ c({
-	__name: "MetricBadge",
-	props: {
-		value: {},
-		unit: {},
-		label: {},
-		abbreviation: {},
-		labelPosition: {},
-		color: {},
-		placeholder: {},
-		size: { default: "md" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let c = t, g = i(() => n(c.value, c.placeholder)), _ = i(() => {
-			switch (c.size) {
-				case "sm": return "text-mono-micro";
-				case "md": return "text-mono-caption";
-				case "lg": return "text-mono-small";
-				case "xl": return "text-mono-prose";
-				default: return "text-mono-caption";
-			}
-		}), v = i(() => {
-			switch (c.size) {
-				case "sm": return "text-micro";
-				case "md": return "text-caption";
-				case "lg": return "text-small";
-				case "xl": return "text-prose";
-				default: return "text-caption";
-			}
-		}), y = i(() => {
-			switch (c.size) {
-				case "sm": return "text-mono-micro";
-				case "md": return "text-mono-micro";
-				case "lg": return "text-mono-caption";
-				case "xl": return "text-mono-small";
-				default: return "text-mono-micro";
-			}
-		}), b = i(() => !!(c.labelPosition && (c.abbreviation || c.label)));
-		return (n, i) => (d(), o("div", {
-			class: l(p(e)("metric-badge cursor-pointer", "focus-visible:outline-2 focus-visible:outline-(color:--focus-ring-color) focus-visible:outline-offset-2", t.labelPosition && `metric-badge--label-${t.labelPosition}`, n.$props.class)),
-			"data-size": t.size
-		}, [b.value ? (d(), o(r, { key: 0 }, [t.label ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__label metric-badge__label--full font-mono uppercase text-muted-foreground/80 shrink-0", y.value])
-		}, f(t.label), 3)) : a("", !0), t.abbreviation ? (d(), o("span", {
-			key: 1,
-			class: l(["metric-badge__label metric-badge__label--abbr font-mono uppercase text-muted-foreground/80 shrink-0", y.value])
-		}, f(t.abbreviation), 3)) : a("", !0)], 64)) : a("", !0), t.labelPosition === "stacked" ? (d(), o("span", h, [s("span", {
-			class: l(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [_.value, { "text-muted-foreground/40": g.value.isEmpty }]]),
-			style: u(g.value.isEmpty ? void 0 : { color: t.color })
-		}, f(g.value.display), 7), t.unit ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__unit font-mono text-muted-foreground shrink-0", v.value])
-		}, f(t.unit), 3)) : a("", !0)])) : (d(), o(r, { key: 2 }, [s("span", {
-			class: l(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [_.value, { "text-muted-foreground/40": g.value.isEmpty }]]),
-			style: u(g.value.isEmpty ? void 0 : { color: t.color })
-		}, f(g.value.display), 7), t.unit ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__unit font-mono text-muted-foreground shrink-0", v.value])
-		}, f(t.unit), 3)) : a("", !0)], 64))], 10, m));
-	}
-}), [["__scopeId", "data-v-4ed3d379"]]);
-//#endregion
-export { g as MetricBadge };

package/dist/metric-cell.d.ts

@@ -1 +0,0 @@
-export * from "./components/metric-cell";

package/dist/metric-cell.js

@@ -1,61 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./IconChip-CwLmBJ_K.js";
-import { n } from "./coalesce-metric-B8o7zT9u.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m } from "vue";
-//#region src/components/metric-cell/MetricCell.vue?vue&type=script&setup=true&lang.ts
-var h = ["data-appearance"], g = { class: "metric-cell__label text-micro text-muted-foreground flex items-center gap-1.5" }, _ = {
-	key: 0,
-	class: "metric-cell__unit"
-}, v = /* @__PURE__ */ l({
-	__name: "MetricCell",
-	props: {
-		icon: {},
-		iconStrokeWidth: { default: 2 },
-		iconSize: { default: 14 },
-		iconColor: {},
-		label: {},
-		value: {},
-		unit: {},
-		placeholder: {},
-		appearance: { default: "dashboard" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(l) {
-		let v = l, y = r(() => {
-			switch (v.appearance) {
-				case "compact": return "glass-wash rounded-lg p-2";
-				case "bare": return "";
-				default: return "glass-wash rounded-lg p-3";
-			}
-		}), b = r(() => {
-			switch (v.appearance) {
-				case "compact": return "text-mono-small font-semibold tabular-nums";
-				default: return "text-mono-prose font-semibold tabular-nums";
-			}
-		}), x = r(() => n(v.value, v.placeholder).display);
-		return (n, r) => (d(), o("div", {
-			class: u(m(e)("metric-cell", y.value, n.$props.class)),
-			"data-appearance": l.appearance
-		}, [s("div", g, [f(n.$slots, "icon", {}, () => [l.icon ? (d(), i(m(t), {
-			key: 0,
-			bare: "",
-			icon: l.icon,
-			tone: l.iconColor,
-			"glyph-size": l.iconSize,
-			"stroke-width": l.iconStrokeWidth
-		}, null, 8, [
-			"icon",
-			"tone",
-			"glyph-size",
-			"stroke-width"
-		])) : a("", !0)]), f(n.$slots, "label", {}, () => [s("span", null, p(l.label), 1)])]), s("div", { class: u(["metric-cell__value", b.value]) }, [f(n.$slots, "value", {}, () => [c(p(x.value), 1)]), l.unit ? (d(), o("span", _, p(l.unit), 1)) : a("", !0)], 2)], 10, h));
-	}
-});
-//#endregion
-export { v as MetricCell };

package/dist/metric-stack.d.ts

@@ -1 +0,0 @@
-export * from "./components/metric-stack";

package/dist/metric-stack.js

@@ -1,113 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n } from "./coalesce-metric-B8o7zT9u.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
-//#endregion
-//#region src/components/metric-stack/MetricStack.vue
-var v = /* @__PURE__ */ t(/* @__PURE__ */ l({
-	__name: "MetricStack",
-	props: {
-		containerName: { default: "metric-stack" },
-		variant: {},
-		register: { default: "audacious" },
-		rows: { default: 4 },
-		as: { default: "div" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, a = r(() => e("metric-stack", "results-stack", n.class));
-		return (e, n) => (f(), i(m(t.as), {
-			class: u(a.value),
-			"data-variant": t.variant,
-			"data-register": t.register,
-			style: d({
-				"--metric-stack-rows": String(t.rows),
-				containerName: t.containerName
-			})
-		}, {
-			default: _(() => [p(e.$slots, "default", {}, void 0, !0)]),
-			_: 3
-		}, 8, [
-			"class",
-			"data-variant",
-			"data-register",
-			"style"
-		]));
-	}
-}), [["__scopeId", "data-v-57cd82c0"]]), y = [
-	"data-color-tinted",
-	"data-row-active",
-	"data-protagonist"
-], b = { class: "metric-row__label result-label" }, x = { class: "metric-row__value result-value tabular-nums" }, S = { class: "metric-row__value-text relative" }, C = {
-	key: 0,
-	class: "metric-row__unit result-unit font-mono italic text-muted-foreground"
-}, w = /* @__PURE__ */ t(/* @__PURE__ */ l({
-	__name: "MetricRow",
-	props: {
-		icon: {},
-		iconStrokeWidth: { default: 2 },
-		iconSize: { default: 16 },
-		label: {},
-		value: {},
-		unit: {},
-		placeholder: {},
-		phaseColor: {},
-		digitCount: { default: 3 },
-		colorTinted: {
-			type: Boolean,
-			default: !1
-		},
-		active: {
-			type: Boolean,
-			default: !1
-		},
-		protagonist: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let l = t, _ = r(() => n(l.value, l.placeholder).display), v = r(() => ({
-			...l.phaseColor ? { "--phase-color": l.phaseColor } : {},
-			...l.phaseColor ? { "--metric-row-icon-color": l.phaseColor } : {},
-			"--digit-count": String(l.digitCount)
-		}));
-		return (n, r) => (f(), o("div", {
-			class: u(g(e)("metric-row", "result-row", n.$props.class)),
-			"data-color-tinted": t.colorTinted ? "true" : "false",
-			"data-row-active": t.active ? "true" : "false",
-			"data-protagonist": t.protagonist ? "true" : void 0,
-			style: d(v.value)
-		}, [
-			p(n.$slots, "icon", {}, () => [t.icon ? (f(), i(m(t.icon), {
-				key: 0,
-				class: "metric-row__icon result-icon",
-				size: t.iconSize,
-				"stroke-width": t.iconStrokeWidth,
-				"aria-hidden": "true"
-			}, null, 8, ["size", "stroke-width"])) : a("", !0)]),
-			p(n.$slots, "label", {}, () => [s("span", b, h(t.label), 1)]),
-			s("span", x, [
-				p(n.$slots, "aura"),
-				s("span", S, [p(n.$slots, "value", {}, () => [c(h(_.value), 1)])]),
-				p(n.$slots, "unit", {}, () => [t.unit ? (f(), o("span", C, h(t.unit), 1)) : a("", !0)])
-			]),
-			p(n.$slots, "description")
-		], 14, y));
-	}
-}), [["__scopeId", "data-v-e3d13e78"]]);
-//#endregion
-export { w as MetricRow, v as MetricStack };

package/dist/motion-curves.d.ts

@@ -1,21 +0,0 @@
-// @mkbabb/glass-ui/motion-curves — the complete curve library + the CSS↔JS
-// `MOTION_CURVES` table (AY.W-MOTION2).
-//
-// This is the value.js-BEARING leaf of the motion system, carved OFF `/motion` by
-// the §2.2 profile:bundle MEASUREMENT: value.js is a ~124 KB peer with NO granular
-// `/easing` sub-entry, and `/motion`'s composables are value.js-FREE — statically
-// re-exporting the value.js `ease*` family from `/motion` would drag the whole
-// value.js graph onto its eager chunk (the AP.W3 "a cheap import must not drag a
-// heavy peer" carve, one level down; same shape as the `/color` value.js-only leaf).
-//
-// What ships here:
-//   · MOTION_CURVES — the CSS-token→JS-callable table (every `--ease-*`/`--spring-*`
-//     token's JS twin; spring rows via keyframes.js `springTimingFunction`, bezier
-//     rows via value.js `CSSCubicBezier`).
-//   · the value.js `ease*` family + `CSSCubicBezier`, re-exported verbatim.
-//   · the shared `SPRING_PRESETS` (also on `/motion` as pure value.js-free data).
-//
-// A consumer that wants ONLY the keyframes.js suite (NumericAnimation, Sequence, …)
-// stays on `/motion` and never reaches value.js; a consumer that wants the named
-// curve set imports here.
-export * from "./composables/motion/curves";

package/dist/motion-curves.js

@@ -1,146 +0,0 @@
-import { n as e, t } from "./springPresets-h5VKJQqG.js";
-import { springTimingFunction as n } from "@mkbabb/keyframes.js";
-import { CSSCubicBezier as r, CSSCubicBezier as i, easeInBounce as a, easeInCirc as o, easeInCubic as s, easeInExpo as c, easeInOutCirc as l, easeInOutCubic as u, easeInOutExpo as d, easeInOutQuad as f, easeInOutSine as p, easeInQuad as m, easeInSine as h, easeOutCirc as g, easeOutCubic as _, easeOutExpo as v, easeOutExpo as y, easeOutQuad as b, easeOutSine as x, linear as S } from "@mkbabb/value.js";
-//#region src/composables/motion/curves.ts
-var C = i(.4, 0, .2, 1), w = i(0, 0, .2, 1), T = i(.4, 0, 1, 1), E = y, D = i(.25, .1, .25, 1), O = i(.5, -.2, .4, 1.2);
-function k(t) {
-	let r = e(t);
-	return {
-		token: `--spring-${t}`,
-		kind: "spring",
-		js: n({
-			response: r.response,
-			dampingFraction: r.dampingFraction
-		}),
-		note: r.comment
-	};
-}
-var A = [
-	...t.map((e) => k(e.name)),
-	{
-		token: "--motion-ease-standard",
-		kind: "bezier",
-		js: C,
-		note: "Material standard — surface props (bg/border/color/box-shadow/opacity)"
-	},
-	{
-		token: "--motion-ease-out",
-		kind: "bezier",
-		js: w,
-		note: "decelerate — exits, no overshoot"
-	},
-	{
-		token: "--motion-ease-in",
-		kind: "bezier",
-		js: T,
-		note: "accelerate — leaving entrances"
-	},
-	{
-		token: "--motion-ease-out-expo",
-		kind: "bezier",
-		js: E,
-		note: "house expo — bold decelerating reveal (the underline draw-on register)"
-	},
-	{
-		token: "--motion-ease-apple",
-		kind: "bezier",
-		js: D,
-		note: "Apple ambient — the Pulse aura register (NOT an interactive-transform authority)"
-	},
-	{
-		token: "--ease-cartoon-punch",
-		kind: "bezier",
-		js: O,
-		note: "cartoon punch — anticipation dip → +22% overshoot → settle (the loud one-shot)"
-	}
-];
-function j(e) {
-	let t = A.find((t) => t.token === e);
-	if (!t) throw Error(`MOTION_CURVES alias targets a missing canonical row: ${e}`);
-	return t.js;
-}
-var M = [
-	{
-		token: "--ease-standard",
-		canonical: "--motion-ease-standard",
-		note: "alias → --motion-ease-standard"
-	},
-	{
-		token: "--ease-out",
-		canonical: "--motion-ease-out",
-		note: "alias → --motion-ease-out"
-	},
-	{
-		token: "--ease-in",
-		canonical: "--motion-ease-in",
-		note: "alias → --motion-ease-in"
-	},
-	{
-		token: "--ease-out-expo",
-		canonical: "--motion-ease-out-expo",
-		note: "alias → --motion-ease-out-expo"
-	},
-	{
-		token: "--ease-apple",
-		canonical: "--motion-ease-apple",
-		note: "alias → --motion-ease-apple"
-	},
-	{
-		token: "--ease-spring",
-		canonical: "--spring-snappy",
-		note: "alias → --spring-snappy (the default spring register)"
-	},
-	{
-		token: "--ease-decelerate",
-		canonical: "--motion-ease-out",
-		note: "alias → --motion-ease-out"
-	},
-	{
-		token: "--ease-accelerate",
-		canonical: "--motion-ease-in",
-		note: "alias → --motion-ease-in"
-	},
-	{
-		token: "--ease-spring-smooth",
-		canonical: "--spring-smooth",
-		note: "@theme alias → --spring-smooth"
-	},
-	{
-		token: "--ease-spring-snappy",
-		canonical: "--spring-snappy",
-		note: "@theme alias → --spring-snappy"
-	},
-	{
-		token: "--ease-spring-bouncy",
-		canonical: "--spring-bouncy",
-		note: "@theme alias → --spring-bouncy"
-	},
-	{
-		token: "--ease-spring-gentle",
-		canonical: "--spring-gentle",
-		note: "@theme alias → --spring-gentle"
-	},
-	{
-		token: "--ease-spring-press",
-		canonical: "--spring-press",
-		note: "@theme alias → --spring-press (the iOS interactive press register)"
-	},
-	{
-		token: "--ease-convergence",
-		canonical: "--spring-gentle",
-		note: "alias → --spring-gentle (the partial-sum settle — critically-damped, no overshoot; REUSE, measured-not-distinct)"
-	}
-].map(({ token: e, canonical: t, note: n }) => ({
-	token: e,
-	kind: A.find((e) => e.token === t).kind,
-	js: j(t),
-	canonical: t,
-	note: n
-})), N = Object.freeze(Object.fromEntries([...A, ...M].map((e) => [e.token, e]))), P = A;
-function F(e) {
-	let t = N[e];
-	if (!t) throw Error(`Unknown motion curve token: ${e}`);
-	return t;
-}
-//#endregion
-export { r as CSSCubicBezier, N as MOTION_CURVES, P as MOTION_CURVES_CANONICAL, t as SPRING_PRESETS, a as easeInBounce, o as easeInCirc, s as easeInCubic, c as easeInExpo, l as easeInOutCirc, u as easeInOutCubic, d as easeInOutExpo, f as easeInOutQuad, p as easeInOutSine, m as easeInQuad, h as easeInSine, g as easeOutCirc, _ as easeOutCubic, v as easeOutExpo, b as easeOutQuad, x as easeOutSine, S as linear, F as motionCurve, e as springPreset };

package/dist/notification.d.ts

@@ -1 +0,0 @@
-export * from "./components/notification";

package/dist/notification.js

@@ -1,2 +0,0 @@
-import { t as e } from "./Notification-DQv2cOh9.js";
-export { e as Notification };

package/dist/resolveCanvasColor-B3L-akX0.js

@@ -1,93 +0,0 @@
-import { t as e } from "./createCanvasLifecycle-DlrcvWbb.js";
-import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
-//#region src/composables/glass/canvas2d/useCanvas2D.ts
-var i = "200px";
-function a(a) {
-	let { setup: o, autoStart: s = !0, contextAttrs: c, rootMargin: l = i } = a, u = a.respectReducedMotion ?? !0, d = () => r(a.canvas), f = typeof window < "u", p = null, m = null, h = null, g = !1, _ = null, v = null, y = !1;
-	function b() {
-		p && m && m.render(p, f ? performance.now() : 0);
-	}
-	function x(e) {
-		if (!p) return;
-		let t = e.clientWidth || e.offsetWidth || 0, n = e.clientHeight || e.offsetHeight || 0;
-		if (!t || !n) return;
-		let r = Math.min(f && window.devicePixelRatio || 1, 2), i = Math.round(t * r), a = Math.round(n * r), o = e.width !== i || e.height !== a;
-		o && (e.width = i, e.height = a), o && p.setTransform(r, 0, 0, r, 0, 0);
-		let s = !h || !h.running || h.reducedMotion;
-		o && !y && s && b();
-	}
-	function S(e) {
-		_ || typeof ResizeObserver > "u" || (_ = new ResizeObserver(() => {
-			let e = d();
-			e && x(e);
-		}), _.observe(e));
-	}
-	function C(e) {
-		v || typeof IntersectionObserver > "u" || (v = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting || t.intersectionRatio > 0 ? h?.resume("off-screen-io") : h?.suspend("off-screen-io");
-		}, { rootMargin: l }), v.observe(e));
-	}
-	function w(e) {
-		let t = e.getContext("2d", c);
-		if (!t) throw Error("[useCanvas2D] 2D context unavailable");
-		return p = t, m = o(p), S(e), C(e), {
-			frame: (e) => {
-				p && m && m.render(p, e);
-			},
-			time: () => f ? performance.now() : 0,
-			shouldContinue: () => !0,
-			teardown: () => {
-				m?.teardown?.(), v?.disconnect(), v = null, _?.disconnect(), _ = null, p = null, m = null;
-			}
-		};
-	}
-	function T() {
-		if (h || g) return;
-		let t = d();
-		t && (h = e({
-			canvas: t,
-			respectReducedMotion: u,
-			buildContext: () => w(t),
-			resize: () => x(t)
-		}), y = !0, h.arm(), y = !1);
-	}
-	function E(e = "manual") {
-		h?.suspend(e);
-	}
-	function D(e = "manual") {
-		h?.resume(e);
-	}
-	function O() {
-		h?.wake();
-	}
-	function k() {
-		g || (g = !0, h?.dispose(), h = null);
-	}
-	return s && T(), t() && n(k), {
-		arm: T,
-		suspend: E,
-		resume: D,
-		wake: O,
-		dispose: k,
-		isRunning: () => h?.running ?? !1,
-		get ctx() {
-			return p;
-		},
-		get reducedMotion() {
-			return h?.reducedMotion ?? !1;
-		}
-	};
-}
-var o = a;
-//#endregion
-//#region src/composables/glass/canvas2d/resolveCanvasColor.ts
-function s(e, t) {
-	let n = e.trim(), r = n.startsWith("--") ? `var(${n})` : n;
-	if (typeof document > "u" || typeof window > "u" || !t || typeof t.appendChild != "function") return e;
-	let i = document.createElement("span"), a = i.style;
-	a.position = "absolute", a.width = "0", a.height = "0", a.padding = "0", a.margin = "0", a.border = "0", a.visibility = "hidden", a.pointerEvents = "none", a.color = r, t.appendChild(i);
-	let o = window.getComputedStyle(i).color;
-	return t.removeChild(i), o || e;
-}
-//#endregion
-export { a as n, o as r, s as t };