@mkbabb/glass-ui 3.12.0 → 4.0.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/useConfiguratorState-DxAqksK6.js

@@ -1,287 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-B6uNAU9G.js";
-import { t as n } from "./chevron-down-BSkTP2aL.js";
-import { t as r } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t as i } from "./createContext-B44Sah_H.js";
-import { t as a } from "./Label-zRfbQdCn.js";
-import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, normalizeClass as h, normalizeStyle as g, openBlock as _, reactive as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, toRaw as C, unref as w, useId as T, useModel as E, withCtx as D } from "vue";
-var O = t("rotate-ccw", [["path", {
-	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
-	key: "1357e3"
-}], ["path", {
-	d: "M3 3v5h5",
-	key: "1xhq8a"
-}]]), k = i("configuratorDensity"), A = k.KEY;
-function j(e) {
-	k.provide(e);
-}
-var M = k.use, N = {
-	key: 0,
-	class: "configurator-presets shrink-0 border-b border-border/40 px-3 py-2"
-}, P = {
-	class: "flex gap-2 overflow-x-auto scroll-fade-mask scrollbar-hidden",
-	role: "tablist",
-	"aria-label": "Presets"
-}, F = [
-	"aria-selected",
-	"data-active",
-	"onClick"
-], I = { class: "flex flex-col" }, L = {
-	key: 1,
-	class: "configurator-footer shrink-0 border-t border-border/40 px-3 py-2"
-}, R = /* @__PURE__ */ p({
-	__name: "Configurator",
-	props: {
-		presets: {},
-		activePreset: {},
-		layers: {},
-		activeLayer: {},
-		scrollMode: { default: "auto" },
-		density: { default: "comfortable" },
-		asideSide: { default: "right" },
-		asideWidth: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"select-preset",
-		"select-layer",
-		"reset"
-	],
-	setup(t, { emit: n }) {
-		let r = t;
-		j(s(() => r.density));
-		let i = n, a = s(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1", "lg:grid-cols-[minmax(0,1fr)_minmax(var(--configurator-aside-min,280px),var(--configurator-aside-max,360px))]", "min-h-0", r.class)), d = s(() => {
-			if (r.asideWidth == null) return;
-			let [e, t] = Array.isArray(r.asideWidth) ? r.asideWidth : [r.asideWidth, r.asideWidth];
-			return {
-				"--configurator-aside-min": e,
-				"--configurator-aside-max": t
-			};
-		}), f = s(() => r.asideSide === "left" ? "lg:col-start-2" : ""), p = s(() => r.asideSide === "left" ? "lg:col-start-1 lg:row-start-1" : ""), m = s(() => r.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), v = s(() => {
-			switch (r.scrollMode) {
-				case "always": return "overflow-y-auto scroll-fade-y scrollbar-thin";
-				case "never": return "overflow-visible";
-				default: return "overflow-y-auto scroll-fade-y scrollbar-thin";
-			}
-		});
-		return (n, r) => (_(), l("section", {
-			"data-slot": "configurator",
-			class: h(a.value),
-			style: g(d.value)
-		}, [u("div", { class: h(w(e)("configurator-stage relative min-h-0 min-w-0 overflow-hidden", f.value)) }, [x(n.$slots, "stage")], 2), u("aside", { class: h(w(e)("configurator-aside flex min-h-0 min-w-0 flex-col border-t border-border/40 lg:border-t-0", m.value, p.value)) }, [
-			n.$slots.presets || t.presets && t.presets.length > 0 ? (_(), l("div", N, [x(n.$slots, "presets", {
-				presets: t.presets,
-				activePreset: t.activePreset
-			}, () => [u("div", P, [(_(!0), l(o, null, b(t.presets, (n) => (_(), l("button", {
-				key: n.key,
-				type: "button",
-				role: "tab",
-				"data-slot": "configurator-preset",
-				"aria-selected": n.key === t.activePreset,
-				"data-active": n.key === t.activePreset || void 0,
-				class: h(w(e)("tap-squish focus-ring transition-control shrink-0 rounded-pill border px-3 py-1 text-xs font-medium", n.key === t.activePreset ? "glass-quiet border-border/50 text-foreground" : "border-border/40 bg-card/40 text-foreground hover:bg-card/70")),
-				onClick: (e) => i("select-preset", n.key)
-			}, S(n.label), 11, F))), 128))])])])) : c("", !0),
-			u("div", { class: h(w(e)("configurator-controls flex-1 min-h-0", v.value)) }, [x(n.$slots, "controls", {
-				layers: t.layers,
-				activeLayer: t.activeLayer,
-				selectLayer: (e) => i("select-layer", e)
-			}, () => [u("div", I, [x(n.$slots, "default")])])], 2),
-			n.$slots.footer ? (_(), l("div", L, [x(n.$slots, "footer", { reset: () => i("reset") })])) : c("", !0)
-		], 2)], 6));
-	}
-}), z = ["data-state"], B = [
-	"aria-expanded",
-	"aria-controls",
-	"data-state"
-], V = { class: "flex min-w-0 items-baseline gap-2" }, H = { class: "text-small font-semibold text-foreground" }, U = {
-	key: 0,
-	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, W = [
-	"id",
-	"aria-hidden",
-	"inert",
-	"data-state"
-], G = { class: "min-h-0 overflow-hidden" }, K = /* @__PURE__ */ r(/* @__PURE__ */ p({
-	__name: "ConfiguratorLayer",
-	props: /* @__PURE__ */ m({
-		label: {},
-		sub: {},
-		id: {},
-		defaultOpen: {
-			type: Boolean,
-			default: !0
-		},
-		dividers: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		bodyClass: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		openModifiers: {}
-	}),
-	emits: ["update:open"],
-	setup(t) {
-		let r = t, i = E(t, "open");
-		i.value === void 0 && (i.value = r.defaultOpen);
-		let a = `configurator-layer-body-${T()}`, o = s(() => r.id ?? a);
-		function d() {
-			i.value = !i.value;
-		}
-		let p = s(() => i.value ? "open" : "closed");
-		return (a, s) => (_(), l("div", {
-			"data-slot": "configurator-layer",
-			class: h(w(e)("configurator-layer border-b border-border/40 last:border-b-0", r.class)),
-			"data-state": p.value
-		}, [u("button", {
-			type: "button",
-			"data-slot": "configurator-layer-trigger",
-			class: h(w(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 px-3 py-2", "tap-squish transition-control text-left hover:bg-foreground/5 focus-ring")),
-			"aria-expanded": i.value,
-			"aria-controls": o.value,
-			"data-state": p.value,
-			onClick: d
-		}, [u("div", V, [u("span", H, S(t.label), 1), t.sub ? (_(), l("span", U, S(t.sub), 1)) : c("", !0)]), f(w(n), {
-			class: "configurator-layer-chevron h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180",
-			"aria-hidden": "true"
-		})], 10, B), u("div", {
-			id: o.value,
-			role: "region",
-			"aria-hidden": !i.value,
-			inert: !i.value || void 0,
-			"data-state": p.value,
-			class: "configurator-layer-region grid motion-reduce:transition-none",
-			style: g({ gridTemplateRows: i.value ? "1fr" : "0fr" })
-		}, [u("div", G, [u("div", { class: h(w(e)("configurator-layer-body px-3 py-2 space-y-2", r.dividers && "[&>*+*]:border-t [&>*+*]:border-border/30 [&>*+*]:pt-2", r.bodyClass)) }, [x(a.$slots, "default", {}, void 0, !0)], 2)])], 12, W)], 10, z));
-	}
-}), [["__scopeId", "data-v-1e14935d"]]), q = ["data-density"], J = { class: "flex items-baseline justify-between gap-3" }, Y = { class: "flex min-w-0 items-baseline gap-2" }, X = {
-	key: 0,
-	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, Z = ["aria-label"], Q = { class: "flex items-center" }, $ = {
-	key: 0,
-	class: "text-micro leading-snug text-muted-foreground/80"
-}, ee = /* @__PURE__ */ r(/* @__PURE__ */ p({
-	__name: "ConfiguratorRow",
-	props: {
-		label: {},
-		name: {},
-		description: {},
-		canReset: { type: Boolean },
-		density: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["reset"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, o = M(), p = s(() => r.density ?? o?.value ?? void 0);
-		return (n, o) => (_(), l("div", {
-			"data-slot": "configurator-row",
-			class: h(w(e)("configurator-row flex flex-col gap-1.5 py-2", r.class)),
-			"data-density": p.value
-		}, [
-			u("div", J, [u("div", Y, [f(w(a), { class: "truncate text-small font-medium text-foreground" }, {
-				default: D(() => [d(S(t.label), 1)]),
-				_: 1
-			}), t.name ? (_(), l("span", X, S(t.name), 1)) : c("", !0)]), t.canReset ? (_(), l("button", {
-				key: 0,
-				type: "button",
-				"data-slot": "configurator-reset",
-				class: "tap-squish transition-control focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60 hover:bg-foreground/5 hover:text-foreground",
-				"aria-label": `Reset ${t.label}`,
-				onClick: o[0] ||= (e) => i("reset")
-			}, [f(w(O), {
-				class: "h-3 w-3",
-				"aria-hidden": "true"
-			})], 8, Z)) : c("", !0)]),
-			u("div", Q, [x(n.$slots, "default", {}, void 0, !0)]),
-			t.description ? (_(), l("p", $, S(t.description), 1)) : c("", !0)
-		], 10, q));
-	}
-}), [["__scopeId", "data-v-377e5920"]]);
-//#endregion
-//#region src/components/custom/configurator/useConfiguratorState.ts
-function te(e) {
-	let t = C(e);
-	if (typeof structuredClone != "function") throw Error("[glass-ui:configurator] structuredClone is unavailable in this runtime. Pass a custom clone via ConfiguratorStateOptions.clone for environments without structured-clone support.");
-	try {
-		return structuredClone(t);
-	} catch (e) {
-		throw Error("[glass-ui:configurator] structuredClone failed: " + (e instanceof Error ? e.message : String(e)) + ". Preset values must be structured-cloneable (no functions, symbols, DOM nodes, or class instances). Pass a custom clone via ConfiguratorStateOptions.clone if the data shape requires it.");
-	}
-}
-function ne(e, t) {
-	return JSON.stringify(e) === JSON.stringify(t);
-}
-function re(e) {
-	let t = e.clone ?? te, n = e.equals ?? ne, r = e.presets, i = e.cloneMode ?? "commit-on-write", a = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), o = a ? r.find((e) => e.key === a) : void 0, c = v(o ? t(o.config) : {}), l = y(a), u = i === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = s(() => l.value), f = s(() => {
-		let e = l.value;
-		if (!e) return !1;
-		let t = r.find((t) => t.key === e);
-		return t ? !n(c, t.config) : !1;
-	});
-	function p(e) {
-		return r.find((t) => t.key === e);
-	}
-	function m(e) {
-		let t = c, n = e;
-		for (let e of Object.keys(t)) e in n || delete t[e];
-		for (let e of Object.keys(n)) t[e] = n[e];
-	}
-	function h(e) {
-		u && (u[e] = t(c));
-	}
-	function g(e) {
-		let n = p(e);
-		if (n) if (i === "per-preset" && u) {
-			let t = l.value;
-			t && t !== e && t in u && h(t), l.value = e, m(u[e]);
-		} else l.value = e, m(t(n.config));
-	}
-	function _() {
-		let e = l.value;
-		if (!e) return;
-		let n = p(e);
-		n && (i === "per-preset" && u ? (u[e] = t(n.config), m(u[e])) : m(t(n.config)));
-	}
-	function b(e = 1) {
-		if (r.length === 0) return;
-		let t = l.value, n = t ? r.findIndex((e) => e.key === t) : -1, i = r.length, a = r[(n + e + i) % i];
-		g(a.key);
-	}
-	return {
-		config: c,
-		activePreset: d,
-		isDirty: f,
-		selectPreset: g,
-		resetCurrent: _,
-		cyclePreset: b,
-		getPreset: p
-	};
-}
-//#endregion
-export { A as a, R as i, ee as n, j as o, K as r, M as s, re as t };

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 };