@mkbabb/glass-ui 3.10.1 → 3.11.0

package/dist/styles/view-transition.css

@@ -60,5 +60,56 @@
 @keyframes gl-vt-slide-in  { from { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
 @keyframes gl-vt-slide-out { to   { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
 
+/* ── gl-shared-element — the named-pair MORPH group (D6.c M6) ──────────────────
+ * Distinct from `.gl-list-item` (a cross-fade of MANY members in a re-rank): a
+ * shared-element morph is ONE element that exists in BOTH the old and new states
+ * under the SAME `view-transition-name`, so the browser MORPHS it in place — the
+ * group interpolates its size+position (transform) while old/new cross-fade. The
+ * editorial case: the gallery card's title IS the dashboard masthead's title, so
+ * the name you clicked GROWS into the name you read (the card → masthead route
+ * morph). The consumer adds `view-transition-class: gl-shared-element` plus a
+ * MATCHED `view-transition-name: <id>` on BOTH the source and destination element
+ * (the MANDATORY runtime rule — ≤1 element per name per state, else the morph is
+ * skipped silently), and wraps the navigation in `useRouteTransition` /
+ * `startViewTransition`.
+ *
+ * The morph rides the SMOOTH register (the 700ms-class spring, C-ANIM-VIZ-MAP T1
+ * §7) — a longer, gentler curve than the list-item cross-fade, because a morph
+ * that travels across the viewport wants room to read. The old/new cross-fade is
+ * softened so the morphing GROUP is the figure and the rest recedes. */
+::view-transition-group(.gl-shared-element) {
+    animation-duration: var(--vt-morph-duration, var(--duration-slow, 500ms));
+    animation-timing-function: var(--vt-morph-ease, var(--spring-smooth, ease-in-out));
+}
+::view-transition-old(.gl-shared-element),
+::view-transition-new(.gl-shared-element) {
+    /* The image pair cross-fades UNDER the group's size/position morph — softer
+       than the group curve so the morph (the size/position travel) is the figure
+       and the pixel cross-fade is the recessive fill. */
+    animation-duration: var(--vt-morph-duration, var(--duration-slow, 500ms));
+    animation-timing-function: var(--vt-ease, var(--spring-smooth, ease-in-out));
+}
+
+/* ── gl-expand — the plate → fullscreen MORPH recipe (D6.c M7) ─────────────────
+ * The expand verb (a plate growing to fullscreen) is a SHARED-ELEMENT morph, not
+ * an opacity jump-cut: the plate IS the fullscreen surface, growing. It is a
+ * specialization of `gl-shared-element` — the SAME named-pair morph, with the
+ * expand register (a touch snappier than a route morph, because the surface stays
+ * in place and only the rect grows, so it wants less travel-room). `ExpandableContainer`
+ * wires the `view-transition-name` plumbing on its plate↔fullscreen surfaces (an
+ * opt-in `viewTransitionName` prop), so a consumer opts in and the open/close
+ * mutation — wrapped in `startViewTransition` — morphs the plate's rect to the
+ * fullscreen rect and back. The named pair is the SAME element across states
+ * (the slot content), so the browser captures one group and grows it. */
+::view-transition-group(.gl-expand) {
+    animation-duration: var(--vt-expand-duration, var(--duration-normal, 240ms));
+    animation-timing-function: var(--vt-expand-ease, var(--spring-bouncy, ease-out));
+}
+::view-transition-old(.gl-expand),
+::view-transition-new(.gl-expand) {
+    animation-duration: var(--vt-expand-duration, var(--duration-normal, 240ms));
+    animation-timing-function: var(--vt-ease, var(--spring-bouncy, ease-out));
+}
+
 /* Keep the non-transitioned UI interactive while the snapshot animates. */
 ::view-transition { pointer-events: none; }

package/dist/switch.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Switch-DeAqg6pi.js";
+import { t as e } from "./Switch-Ch-k3Rv-.js";
 export { e as Switch };

package/dist/tabs.js

@@ -1,11 +1,11 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-pirzjm--.js";
-import { i as o, n as s, r as c, t as l } from "./TooltipProvider-CmZzCuaG.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, mergeProps as b, nextTick as x, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as ee, onMounted as w, onUnmounted as T, openBlock as E, ref as D, renderList as O, renderSlot as k, toDisplayString as A, unref as j, useModel as te, watch as M, withCtx as N } from "vue";
-//#endregion
+import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-T32cVFeM.js";
+import { i as s, n as c, r as l, t as u } from "./TooltipProvider-CmZzCuaG.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onMounted as E, onUnmounted as D, openBlock as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useModel as ee, watch as P, withCtx as F } from "vue";
 //#region src/components/custom/tabs/composables/useTabIndicator.ts
-function ne(e) {
-	let { containerRef: t, indicatorRef: n, buttonRefs: r, options: i, model: a, multiSelect: o, anchorSupported: s, jsSliderActive: c, activeValues: l } = e, u = D({
+function te(e) {
+	let { containerRef: t, indicatorRef: n, buttonRefs: r, options: i, model: a, multiSelect: o, anchorSupported: s, jsSliderActive: c, activeValues: l } = e, u = k({
 		width: "0px",
 		transform: "translateX(0px)",
 		opacity: "0"
@@ -21,7 +21,7 @@ function ne(e) {
 			opacity: "1"
 		};
 	}
-	let f = D({});
+	let f = k({});
 	function p() {
 		if (!o.value) return;
 		let e = {};
@@ -59,15 +59,15 @@ function ne(e) {
 			i.style.setProperty("--stretch", "1"), g = null;
 		}, 60);
 	}
-	M(() => a.value, () => {
-		c.value && x(m);
-	}, { deep: !0 }), M(() => i.value, () => {
-		c.value && x(m);
+	P(() => a.value, () => {
+		c.value && S(m);
+	}, { deep: !0 }), P(() => i.value, () => {
+		c.value && S(m);
 	}, { deep: !0 });
 	let y = null;
-	return w(() => {
-		h = i.value.findIndex((e) => l.value.includes(e.value)), c.value && (x(m), t.value && (y = new ResizeObserver(() => m()), y.observe(t.value)));
-	}), T(() => {
+	return E(() => {
+		h = i.value.findIndex((e) => l.value.includes(e.value)), c.value && (S(m), t.value && (y = new ResizeObserver(() => m()), y.observe(t.value)));
+	}), D(() => {
 		y?.disconnect(), g && clearTimeout(g);
 	}), {
 		singleSliderStyle: u,
@@ -77,17 +77,17 @@ function ne(e) {
 }
 //#endregion
 //#region src/components/custom/tabs/SegmentedTabs.vue?vue&type=script&setup=true&lang.ts
-var re = ["role"], ie = [
+var ne = ["role"], re = [
 	"role",
 	"disabled",
 	"onClick"
-], ae = [
+], ie = [
 	"role",
 	"disabled",
 	"onClick"
-], P = /* @__PURE__ */ v({
+], I = /* @__PURE__ */ t(/* @__PURE__ */ y({
 	__name: "SegmentedTabs",
-	props: /* @__PURE__ */ y({
+	props: /* @__PURE__ */ b({
 		options: {},
 		variant: { default: "segmented" },
 		multiSelect: {
@@ -111,33 +111,33 @@ var re = ["role"], ie = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(v) {
+	setup(t) {
 		function y(e, t) {
 			return typeof document > "u" ? t : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 		}
-		let T = v, M = te(v, "modelValue"), P = D(null), F = D(null), I = D([]), L = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-anchor", "--x"), R = d(() => T.variant === "underline");
-		d(() => T.variant === "pill"), d(() => T.variant === "segmented");
-		let z = d(() => T.overflow === "scroll"), B = d(() => T.overflow === "auto"), V = d(() => T.multiSelect && !R.value), H = d(() => {
-			let e = M.value;
-			return V.value && Array.isArray(e) ? e : e == null ? [] : [e];
-		}), U = (e) => H.value.includes(e), oe = d(() => (V.value || !L) && !R.value), W = d(() => !V.value && !L && !R.value), G = d(() => T.responsive === !1 ? null : T.responsive === !0 ? {} : T.responsive), se = d(() => G.value?.breakpoint ?? "640px"), K = d(() => G.value?.desktopOptions ?? T.options), q = D(!0), J = null;
-		function Y(e) {
-			q.value = e.matches;
+		let b = t, D = ee(t, "modelValue"), P = k(null), I = k(null), L = k([]), R = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-anchor", "--x"), z = f(() => b.variant === "underline");
+		f(() => b.variant === "pill"), f(() => b.variant === "segmented");
+		let B = f(() => b.overflow === "scroll"), V = f(() => b.overflow === "auto"), H = f(() => b.multiSelect && !z.value), U = f(() => {
+			let e = D.value;
+			return H.value && Array.isArray(e) ? e : e == null ? [] : [e];
+		}), W = (e) => U.value.includes(e), ae = f(() => (H.value || !R) && !z.value), G = f(() => !H.value && !R && !z.value), K = f(() => b.responsive === !1 ? null : b.responsive === !0 ? {} : b.responsive), oe = f(() => K.value?.breakpoint ?? "640px"), q = f(() => K.value?.desktopOptions ?? b.options), J = k(!0), Y = null;
+		function X(e) {
+			J.value = e.matches;
 		}
-		let ce = d(() => {
-			if (!G.value) return M.value;
-			let e = K.value;
-			return e.some((e) => e.value === M.value) ? M.value : e[0]?.value ?? M.value;
-		}), X = d(() => G.value ? K.value : T.options), le = d(() => G.value?.ariaLabel ?? T.options.find((e) => e.value === M.value)?.label ?? "Select"), ue = d(() => !!G.value && !q.value), { singleSliderStyle: de, multiSliderStyles: Z, squishOnTravel: fe } = ne({
+		let se = f(() => {
+			if (!K.value) return D.value;
+			let e = q.value;
+			return e.some((e) => e.value === D.value) ? D.value : e[0]?.value ?? D.value;
+		}), Z = f(() => K.value ? q.value : b.options), ce = f(() => K.value?.ariaLabel ?? b.options.find((e) => e.value === D.value)?.label ?? "Select"), le = f(() => !!K.value && !J.value), { singleSliderStyle: ue, multiSliderStyles: de, squishOnTravel: fe } = te({
 			containerRef: P,
-			indicatorRef: F,
-			buttonRefs: I,
-			options: X,
-			model: d(() => ce.value),
-			multiSelect: V,
-			anchorSupported: L,
-			jsSliderActive: oe,
-			activeValues: H
+			indicatorRef: I,
+			buttonRefs: L,
+			options: Z,
+			model: f(() => se.value),
+			multiSelect: H,
+			anchorSupported: R,
+			jsSliderActive: ae,
+			activeValues: U
 		});
 		function pe(e) {
 			if (typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
@@ -156,8 +156,8 @@ var re = ["role"], ie = [
 			});
 		}
 		function Q(e) {
-			if (!z.value && !B.value) return;
-			let t = I.value[e];
+			if (!B.value && !V.value) return;
+			let t = L.value[e];
 			if (!t) return;
 			let n = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 			t.scrollIntoView({
@@ -167,117 +167,117 @@ var re = ["role"], ie = [
 			});
 		}
 		function $(e, t) {
-			if (X.value[t]?.disabled) return;
-			let n = I.value[t];
-			if (n && pe(n), fe(t), V.value) {
-				let t = [...H.value], n = t.indexOf(e);
-				n > -1 ? t.length > 1 && t.splice(n, 1) : t.push(e), M.value = t;
-			} else M.value = e;
+			if (Z.value[t]?.disabled) return;
+			let n = L.value[t];
+			if (n && pe(n), fe(t), H.value) {
+				let t = [...U.value], n = t.indexOf(e);
+				n > -1 ? t.length > 1 && t.splice(n, 1) : t.push(e), D.value = t;
+			} else D.value = e;
 			Q(t);
 		}
 		function me(e) {
-			typeof e == "string" && (M.value = e);
+			typeof e == "string" && (D.value = e);
 		}
-		return w(() => {
-			G.value && typeof window < "u" && window.matchMedia && (J = window.matchMedia(`(min-width: ${se.value})`), q.value = J.matches, J.addEventListener("change", Y)), x(() => {
-				let e = X.value.findIndex((e) => U(e.value));
+		return E(() => {
+			K.value && typeof window < "u" && window.matchMedia && (Y = window.matchMedia(`(min-width: ${oe.value})`), J.value = Y.matches, Y.addEventListener("change", X)), S(() => {
+				let e = Z.value.findIndex((e) => W(e.value));
 				e >= 0 && Q(e);
 			});
-		}), ee(() => {
-			J?.removeEventListener("change", Y), J = null;
-		}), (d, y) => ue.value ? (E(), m("div", {
+		}), T(() => {
+			Y?.removeEventListener("change", X), Y = null;
+		}), (f, y) => le.value ? (O(), h("div", {
 			key: 0,
-			class: S(j(e)("segmented-tabs__mobile w-fit", T.class))
-		}, [_(j(a), {
-			"model-value": M.value,
+			class: C(N(e)("segmented-tabs__mobile w-fit", b.class))
+		}, [v(N(o), {
+			"model-value": D.value,
 			"onUpdate:modelValue": me
 		}, {
-			default: N(() => [_(j(t), {
-				"aria-label": le.value,
-				class: S(j(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", G.value?.triggerClass))
+			default: F(() => [v(N(n), {
+				"aria-label": ce.value,
+				class: C(N(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", K.value?.triggerClass))
 			}, {
-				default: N(() => [_(j(r))]),
+				default: F(() => [v(N(i))]),
 				_: 1
-			}, 8, ["aria-label", "class"]), _(j(n), null, {
-				default: N(() => [(E(!0), m(u, null, O(v.options, (e) => (E(), f(j(i), {
+			}, 8, ["aria-label", "class"]), v(N(r), null, {
+				default: F(() => [(O(!0), h(d, null, A(t.options, (e) => (O(), p(N(a), {
 					key: e.value,
 					value: e.value
 				}, {
-					default: N(() => [g(A(e.label), 1)]),
+					default: F(() => [_(M(e.label), 1)]),
 					_: 2
 				}, 1032, ["value"]))), 128))]),
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["model-value"])], 2)) : (E(), m("div", {
+		}, 8, ["model-value"])], 2)) : (O(), h("div", {
 			key: 1,
 			ref_key: "containerRef",
 			ref: P,
-			role: R.value ? "tablist" : "group",
-			class: S(j(e)("segmented-tabs", `segmented-tabs--${v.variant}`, z.value && "segmented-tabs--scroll scroll-fade-mask scrollbar-hidden", B.value && "segmented-tabs--auto scrollbar-hidden", T.class))
+			role: z.value ? "tablist" : "group",
+			class: C(N(e)("segmented-tabs", `segmented-tabs--${t.variant}`, B.value && "segmented-tabs--scroll scroll-fade-mask scrollbar-hidden", V.value && "segmented-tabs--auto scrollbar-hidden", b.class))
 		}, [
-			!R.value && !V.value ? (E(), m("div", {
+			!z.value && !H.value ? (O(), h("div", {
 				key: 0,
 				ref_key: "indicatorRef",
-				ref: F,
-				class: S(["segmented-indicator", W.value ? "segmented-indicator--js" : "segmented-indicator--anchor"]),
-				style: C(W.value ? j(de) : void 0)
-			}, null, 6)) : p("", !0),
-			!R.value && V.value ? (E(!0), m(u, { key: 1 }, O(H.value, (e) => (E(), m("div", {
+				ref: I,
+				class: C(["segmented-indicator", G.value ? "segmented-indicator--js" : "segmented-indicator--anchor"]),
+				style: w(G.value ? N(ue) : void 0)
+			}, null, 6)) : m("", !0),
+			!z.value && H.value ? (O(!0), h(d, { key: 1 }, A(U.value, (e) => (O(), h("div", {
 				key: "indicator-" + e,
 				class: "segmented-indicator segmented-indicator--js",
-				style: C(j(Z)[e] ?? { opacity: "0" })
-			}, null, 4))), 128)) : p("", !0),
-			(E(!0), m(u, null, O(X.value, (e, t) => (E(), m(u, { key: e.value }, [e.tooltip ? (E(), f(j(l), {
+				style: w(N(de)[e] ?? { opacity: "0" })
+			}, null, 4))), 128)) : m("", !0),
+			(O(!0), h(d, null, A(Z.value, (e, t) => (O(), h(d, { key: e.value }, [e.tooltip ? (O(), p(N(u), {
 				key: 0,
 				"delay-duration": 200
 			}, {
-				default: N(() => [_(j(o), null, {
-					default: N(() => [_(j(s), { "as-child": "" }, {
-						default: N(() => [h("button", b({
+				default: F(() => [v(N(s), null, {
+					default: F(() => [v(N(c), { "as-child": "" }, {
+						default: F(() => [g("button", x({
 							ref_for: !0,
 							ref: (e) => {
-								e && (I.value[t] = e);
+								e && (L.value[t] = e);
 							},
 							class: "segmented-tab",
-							role: R.value ? "tab" : void 0
-						}, { ref_for: !0 }, R.value ? { "aria-selected": U(e.value) ? "true" : "false" } : { "aria-pressed": U(e.value) ? "true" : "false" }, {
+							role: z.value ? "tab" : void 0
+						}, { ref_for: !0 }, z.value ? { "aria-selected": W(e.value) ? "true" : "false" } : { "aria-pressed": W(e.value) ? "true" : "false" }, {
 							disabled: e.disabled,
 							class: e.disabled && "is-disabled",
 							onClick: (n) => $(e.value, t)
-						}), [k(d.$slots, "option", {
+						}), [j(f.$slots, "option", {
 							option: e,
-							active: U(e.value)
-						}, () => [g(A(e.label), 1)])], 16, ie)]),
+							active: W(e.value)
+						}, () => [_(M(e.label), 1)], !0)], 16, re)]),
 						_: 2
-					}, 1024), _(j(c), {
+					}, 1024), v(N(l), {
 						side: "bottom",
 						"side-offset": 8
 					}, {
-						default: N(() => [g(A(e.tooltip), 1)]),
+						default: F(() => [_(M(e.tooltip), 1)]),
 						_: 2
 					}, 1024)]),
 					_: 2
 				}, 1024)]),
 				_: 2
-			}, 1024)) : (E(), m("button", b({
+			}, 1024)) : (O(), h("button", x({
 				key: 1,
 				ref_for: !0,
 				ref: (e) => {
-					e && (I.value[t] = e);
+					e && (L.value[t] = e);
 				},
 				class: "segmented-tab",
-				role: R.value ? "tab" : void 0
-			}, { ref_for: !0 }, R.value ? { "aria-selected": U(e.value) ? "true" : "false" } : { "aria-pressed": U(e.value) ? "true" : "false" }, {
+				role: z.value ? "tab" : void 0
+			}, { ref_for: !0 }, z.value ? { "aria-selected": W(e.value) ? "true" : "false" } : { "aria-pressed": W(e.value) ? "true" : "false" }, {
 				disabled: e.disabled,
 				class: e.disabled && "is-disabled",
 				onClick: (n) => $(e.value, t)
-			}), [k(d.$slots, "option", {
+			}), [j(f.$slots, "option", {
 				option: e,
-				active: U(e.value)
-			}, () => [g(A(e.label), 1)])], 16, ae))], 64))), 128))
-		], 10, re));
+				active: W(e.value)
+			}, () => [_(M(e.label), 1)], !0)], 16, ie))], 64))), 128))
+		], 10, ne));
 	}
-});
+}), [["__scopeId", "data-v-dd84d37c"]]);
 //#endregion
-export { P as SegmentedTabs };
+export { I as SegmentedTabs };

package/dist/timeline.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-DWghtRt7.js";
-import { t } from "./HoverPopover-CDA_SaCe.js";
+import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { t } from "./HoverPopover-2LOIW34a.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, defineComponent as u, guardReactiveProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 //#region src/components/custom/timeline/geometry.ts
 function S(e) {

package/dist/toast.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-CvuuW_y9.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-1rYWrmAm.js";
 export { t as Toast, o as ToastAction, i as ToastClose, e as ToastDescription, n as ToastTitle, s as Toaster, r as toast, a as useToast };

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./ToggleGroupItem-DtD37b4G.js";
+import { n as e, t } from "./ToggleGroupItem-COu_4IW4.js";
 export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/typewriter.js

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-DWghtRt7.js";
+import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, watch as h } from "vue";
 //#region src/components/custom/typewriter/types.ts
 var g = {

package/dist/{useAnimatedNumber-DfVgP4te.js → useAnimatedNumber-Bcpy5Etf.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./constants-C8NMonuo.js";
+import { n as e, t } from "./constants-yKeKnE84.js";
 import { getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, shallowRef as o, toValue as s, watch as c } from "vue";
 import { SmoothProgress as l } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useAnimatedNumber.ts

package/dist/{useConfiguratorState-BdQXh9ie.js → useConfiguratorState-DxAqksK6.js}

@@ -1,7 +1,7 @@
 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-DWghtRt7.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";

package/dist/useGlassRenderer-D7YGOYiM.js

@@ -0,0 +1,69 @@
+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/{useGlobalDark-D7R9OypB.js → useGlobalDark-D1wgEqfW.js}

@@ -14,13 +14,32 @@ var a, o = n(() => {
 	function l(e) {
 		s.value = e;
 	}
+	let u = /* @__PURE__ */ new Set(), d = !1, f = !1;
+	function p(e) {
+		if (u.size === 0 || (f = e, d)) return;
+		d = !0;
+		let t = () => {
+			d = !1;
+			let e = f;
+			for (let t of [...u]) t(e);
+		};
+		typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
+	}
+	function m(e) {
+		return u.add(e), () => {
+			u.delete(e);
+		};
+	}
 	return t(n, (e) => {
 		document.documentElement.style.colorScheme = e ? "dark" : "light";
-	}, { immediate: !0 }), {
+	}, { immediate: !0 }), t(n, (e) => {
+		p(e);
+	}), {
 		isDark: n,
 		toggleDark: c,
 		disableTransitions: s,
-		setDisableTransitions: l
+		setDisableTransitions: l,
+		onFlipSettled: m
 	};
 });
 function s(e) {

package/dist/useSpecularTracking-BVRZsRHA.js

@@ -0,0 +1,26 @@
+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 };