@mkbabb/glass-ui 4.1.0 → 4.2.0

package/dist/drawer.js

@@ -1,28 +1,28 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-g0NloYEF.js";
-import { t as n } from "./createContext-CpBNTRMI.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, onUnmounted as f, openBlock as p, ref as m, renderSlot as h, toRef as g, unref as _, watch as v, withCtx as y } from "vue";
-import { DialogClose as b, DialogContent as x, DialogDescription as S, DialogOverlay as C, DialogPortal as w, DialogPortal as T, DialogRoot as E, DialogTitle as D, DialogTrigger as O, useForwardPropsEmits as k } from "reka-ui";
-import { SpringProgress as A } from "@mkbabb/keyframes.js";
+import { t } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { t as n } from "./createContext-Cd23P9j0.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, onScopeDispose as f, onUnmounted as p, openBlock as m, ref as h, renderSlot as g, toRef as _, unref as v, watch as y, withCtx as b } from "vue";
+import { DialogClose as x, DialogContent as S, DialogDescription as C, DialogOverlay as w, DialogPortal as T, DialogPortal as E, DialogRoot as D, DialogTitle as O, DialogTrigger as k, useForwardPropsEmits as A } from "reka-ui";
+import { SpringProgress as j } from "@mkbabb/keyframes.js";
 //#region src/components/ui/drawer/constants.ts
-var j = {
-	response: .4,
-	dampingFraction: .82
-}, M = [
+var M = {
+	response: .5,
+	dampingFraction: .74
+}, N = [
 	.12,
 	.5,
 	1
 ];
-function N(e) {
-	return e === "left" || e === "right" ? [] : M;
+function P(e) {
+	return e === "left" || e === "right" ? [] : N;
 }
 //#endregion
 //#region src/components/ui/drawer/composables/drawerSnapContext.ts
-var P = n("glass-ui:drawer-snap-context"), { KEY: F } = P;
-function I(e) {
-	P.provide(e);
+var F = n("glass-ui:drawer-snap-context"), { KEY: I } = F;
+function L(e) {
+	F.provide(e);
 }
-var L = P.use, R = /* @__PURE__ */ l({
+var R = F.use, z = /* @__PURE__ */ l({
 	__name: "Drawer",
 	props: {
 		open: {
@@ -41,43 +41,50 @@ var L = P.use, R = /* @__PURE__ */ l({
 		snapPoints: { default: void 0 },
 		activeSnapPoint: { default: void 0 },
 		direction: { default: "bottom" },
-		shouldScaleBackground: {
-			type: Boolean,
-			default: void 0
-		}
+		stage: { default: void 0 }
 	},
 	emits: ["update:open", "update:activeSnapPoint"],
 	setup(e, { emit: t }) {
-		let n = e, a = t, o = r(() => n.open !== void 0), s = m(n.open ?? n.defaultOpen);
-		v(() => n.open, (e) => {
+		let n = e, a = t, o = r(() => n.open !== void 0), s = h(n.open ?? n.defaultOpen);
+		y(() => n.open, (e) => {
 			e !== void 0 && (s.value = e);
 		});
 		function c(e) {
 			s.value = e, a("update:open", e);
 		}
-		let l = r(() => o.value ? n.open : s.value), u = r(() => n.mode === "live-behind"), d = r(() => n.modal ?? !u.value), f = r(() => n.snapPoints && n.snapPoints.length > 0 ? n.snapPoints.map((e) => typeof e == "number" ? e : Number.parseFloat(e)) : N(n.direction)), b = m(n.activeSnapPoint ?? null);
-		v(() => n.activeSnapPoint, (e) => {
-			e !== void 0 && (b.value = e);
-		}), v(b, (e) => a("update:activeSnapPoint", e));
-		let x = m(l.value);
-		return v(l, (e) => x.value = e), v(x, (e) => {
+		let l = r(() => o.value ? n.open : s.value), u = r(() => n.mode === "live-behind"), d = r(() => n.modal ?? !u.value), p = typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, x = r(() => {
+			let e = n.stage ?? (u.value ? "none" : "scale");
+			return p && (e === "scale" || e === "immersive") ? "dim" : e;
+		});
+		function S(e) {
+			if (typeof document > "u") return;
+			let t = document.querySelector("[data-stage-wrapper]"), n = document.querySelector("[data-stage-scrim]"), r = e && (x.value === "scale" || x.value === "immersive"), i = e && x.value === "immersive";
+			t && t.toggleAttribute("data-stage-scale", r), n && n.toggleAttribute("data-stage-immersive", i);
+		}
+		y(() => l.value, (e) => S(e), { immediate: !0 }), y(x, () => S(l.value)), f(() => S(!1));
+		let C = r(() => n.snapPoints && n.snapPoints.length > 0 ? n.snapPoints.map((e) => typeof e == "number" ? e : Number.parseFloat(e)) : P(n.direction)), w = h(n.activeSnapPoint ?? null);
+		y(() => n.activeSnapPoint, (e) => {
+			e !== void 0 && (w.value = e);
+		}), y(w, (e) => a("update:activeSnapPoint", e));
+		let T = h(l.value);
+		return y(l, (e) => T.value = e), y(T, (e) => {
 			e !== l.value && c(e);
-		}), I({
-			open: x,
-			snapPoints: f,
-			direction: g(n, "direction"),
-			activeSnapPoint: b
-		}), (e, t) => (p(), i(_(E), {
+		}), L({
+			open: T,
+			snapPoints: C,
+			direction: _(n, "direction"),
+			activeSnapPoint: w
+		}), (e, t) => (m(), i(v(D), {
 			"data-slot": "drawer",
 			open: l.value,
 			modal: d.value,
 			"onUpdate:open": c
 		}, {
-			default: y(() => [h(e.$slots, "default")]),
+			default: b(() => [g(e.$slots, "default")]),
 			_: 3
 		}, 8, ["open", "modal"]));
 	}
-}), z = /* @__PURE__ */ l({
+}), B = /* @__PURE__ */ l({
 	__name: "DrawerOverlay",
 	props: {
 		forceMount: { type: Boolean },
@@ -96,18 +103,21 @@ var L = P.use, R = /* @__PURE__ */ l({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, r) => (p(), i(_(C), u(a.value, { class: _(e)("fixed inset-0 z-overlay bg-overlay-scrim-strong [backdrop-filter:var(--glass-blur-wash)]", n.class) }), null, 16, ["class"]));
+		return (t, r) => (m(), i(v(w), u(a.value, {
+			"data-stage-scrim": "",
+			class: v(e)("fixed inset-0 z-overlay [backdrop-filter:var(--glass-blur-wash)]", n.class)
+		}), null, 16, ["class"]));
 	}
 });
 //#endregion
 //#region src/components/ui/drawer/composables/useDrawerSnap.ts
-function B(e) {
+function V(e) {
 	return e === "left" || e === "right";
 }
-function V(e, t) {
-	return e.length > 0 ? [...e].sort((e, t) => e - t) : B(t) ? [0, 1] : [1];
-}
 function H(e, t) {
+	return e.length > 0 ? [...e].sort((e, t) => e - t) : V(t) ? [0, 1] : [1];
+}
+function U(e, t) {
 	let n = t[0], r = Math.abs(e - n);
 	for (let i of t) {
 		let t = Math.abs(e - i);
@@ -115,25 +125,25 @@ function H(e, t) {
 	}
 	return n;
 }
-function U(e, t, n) {
+function W(e, t, n) {
 	let r = n.indexOf(e);
-	if (r === -1) return H(e, n);
+	if (r === -1) return U(e, n);
 	let i = r + t;
 	return i < 0 || i >= n.length ? e : n[i];
 }
-function W(e) {
-	let { contentEl: t, handleEl: n, ctx: r } = e, i = m(!1), a = null;
+function G(e) {
+	let { contentEl: t, handleEl: n, ctx: r } = e, i = h(!1), a = null;
 	function o(e) {
 		let n = t.value;
-		n && n.style.setProperty("--glass-drawer-t", `${e}`);
+		n && n.style.setProperty("--glass-drawer-t", `${e}`), document.documentElement.style.setProperty("--stage-t", `${e}`);
 	}
 	function s() {
-		a &&= (a.dispose(), null);
+		a &&= (a.dispose(), null), document.documentElement.style.removeProperty("--stage-t");
 	}
 	function c() {
-		return a || (a = new A({
-			response: j.response,
-			dampingFraction: j.dampingFraction,
+		return a || (a = new j({
+			response: M.response,
+			dampingFraction: M.dampingFraction,
 			initial: l(),
 			respectReducedMotion: !0
 		}), a.play((e) => o(e)), a);
@@ -145,7 +155,7 @@ function W(e) {
 			let t = Number.parseFloat(e);
 			if (!Number.isNaN(t)) return t;
 		}
-		let t = V(r.snapPoints.value, r.direction.value);
+		let t = H(r.snapPoints.value, r.direction.value);
 		return t[t.length - 1] ?? 1;
 	}
 	function u(e) {
@@ -153,9 +163,9 @@ function W(e) {
 		t.target = e, r.activeSnapPoint.value = e;
 	}
 	function d(e) {
-		u(H(e, V(r.snapPoints.value, r.direction.value)));
+		u(U(e, H(r.snapPoints.value, r.direction.value)));
 	}
-	let p = null, h = 0, g = 0, _ = 0, y = 0, b = 0;
+	let f = null, m = 0, g = 0, _ = 0, v = 0, b = 0;
 	function x(e) {
 		let t = r.direction.value;
 		return t === "bottom" ? -e.clientY : t === "top" ? e.clientY : t === "left" ? e.clientX : -e.clientX;
@@ -164,27 +174,27 @@ function W(e) {
 		let e = t.value;
 		if (!e) return 1;
 		let n = e.getBoundingClientRect();
-		return B(r.direction.value) ? n.width || 1 : n.height || 1;
+		return V(r.direction.value) ? n.width || 1 : n.height || 1;
 	}
 	function C(e) {
 		let t = n.value;
-		t && (a && a.stop(), i.value = !0, p = e.pointerId, h = x(e), _ = h, y = e.timeStamp, g = l(), b = 0, t.setPointerCapture?.(e.pointerId));
+		t && (a && a.stop(), i.value = !0, f = e.pointerId, m = x(e), _ = m, v = e.timeStamp, g = l(), b = 0, t.setPointerCapture?.(e.pointerId));
 	}
 	function w(e) {
-		if (p === null || e.pointerId !== p) return;
-		let t = x(e), n = (e.timeStamp - y) / 1e3;
-		n > 0 && (b = (t - _) / n), _ = t, y = e.timeStamp;
-		let i = (t - h) / S(), a = V(r.snapPoints.value, r.direction.value), s = a[0], c = a[a.length - 1];
+		if (f === null || e.pointerId !== f) return;
+		let t = x(e), n = (e.timeStamp - v) / 1e3;
+		n > 0 && (b = (t - _) / n), _ = t, v = e.timeStamp;
+		let i = (t - m) / S(), a = H(r.snapPoints.value, r.direction.value), s = a[0], c = a[a.length - 1];
 		o(Math.min(c, Math.max(s, g + i)));
 	}
 	function T(e) {
-		if (p === null || e.pointerId !== p) return;
-		n.value?.releasePointerCapture?.(e.pointerId), p = null, i.value = !1;
-		let t = V(r.snapPoints.value, r.direction.value), a = E(), o;
+		if (f === null || e.pointerId !== f) return;
+		n.value?.releasePointerCapture?.(e.pointerId), f = null, i.value = !1;
+		let t = H(r.snapPoints.value, r.direction.value), a = E(), o;
 		if (Math.abs(b) >= 450 && t.length > 1) {
 			let e = b > 0 ? 1 : -1;
-			o = U(H(a, t), e, t);
-		} else o = H(a, t);
+			o = W(U(a, t), e, t);
+		} else o = U(a, t);
 		if (o <= 0) {
 			r.open.value = !1;
 			return;
@@ -203,20 +213,20 @@ function W(e) {
 			e.removeEventListener("pointerdown", C), e.removeEventListener("pointermove", w), e.removeEventListener("pointerup", T), e.removeEventListener("pointercancel", T), D = null;
 		};
 	}
-	return v(n, (e) => {
+	return y(n, (e) => {
 		D?.(), e && O(e);
-	}, { immediate: !0 }), v(r.open, (e) => {
+	}, { immediate: !0 }), y(r.open, (e) => {
 		e ? queueMicrotask(() => {
 			o(0), u(l());
 		}) : s();
-	}, { immediate: !0 }), v(r.activeSnapPoint, (e) => {
+	}, { immediate: !0 }), y(r.activeSnapPoint, (e) => {
 		if (!r.open.value || i.value) return;
 		let t = typeof e == "number" ? e : typeof e == "string" ? Number.parseFloat(e) : NaN;
 		if (!Number.isNaN(t) && (!a || Math.abs(a.target - t) > .001)) {
-			let e = V(r.snapPoints.value, r.direction.value);
-			c().target = H(t, e);
+			let e = H(r.snapPoints.value, r.direction.value);
+			c().target = U(t, e);
 		}
-	}), f(() => {
+	}), p(() => {
 		D?.(), s();
 	}), {
 		dragging: i,
@@ -225,7 +235,7 @@ function W(e) {
 }
 //#endregion
 //#region src/components/ui/drawer/DrawerContent.vue?vue&type=script&setup=true&lang.ts
-var G = ["data-dragging"], K = /* @__PURE__ */ l({
+var K = ["data-dragging"], q = /* @__PURE__ */ l({
 	__name: "DrawerContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -254,44 +264,44 @@ var G = ["data-dragging"], K = /* @__PURE__ */ l({
 		"closeAutoFocus"
 	],
 	setup(n, { emit: o }) {
-		let l = n, d = o, f = k(r(() => {
+		let l = n, d = o, f = A(r(() => {
 			let { class: e, showOverlay: t, surface: n, ...r } = l;
 			return r;
-		}), d), g = r(() => t(l.surface).replace(/^glass-\w+\s*/, "")), v = m(null), b = m(null);
-		function S(e) {
+		}), d), p = r(() => t(l.surface).replace(/^glass-\w+\s*/, "")), _ = h(null), y = h(null);
+		function x(e) {
 			if (!e) {
-				v.value = null;
+				_.value = null;
 				return;
 			}
 			let t = e.$el ?? e;
-			v.value = t instanceof HTMLElement ? t : null;
+			_.value = t instanceof HTMLElement ? t : null;
 		}
-		let C = L(), T = C ? W({
-			contentEl: v,
-			handleEl: b,
+		let C = R(), w = C ? G({
+			contentEl: _,
+			handleEl: y,
 			ctx: C
 		}) : null, E = r(() => (C?.snapPoints.value.length ?? 0) > 1), D = r(() => C?.direction.value ?? "bottom"), O = r(() => {
 			if (!C) return;
 			let e = D.value;
 			return e === "bottom" ? { transform: "translateY(calc((1 - var(--glass-drawer-t, 1)) * 100%))" } : e === "top" ? { transform: "translateY(calc((var(--glass-drawer-t, 1) - 1) * 100%))" } : e === "left" ? { transform: "translateX(calc((var(--glass-drawer-t, 1) - 1) * 100%))" } : { transform: "translateX(calc((1 - var(--glass-drawer-t, 1)) * 100%))" };
 		});
-		return (t, n) => (p(), i(_(w), null, {
-			default: y(() => [l.showOverlay ? (p(), i(z, { key: 0 })) : a("", !0), c(_(x), u({ ref: S }, _(f), {
+		return (t, n) => (m(), i(v(T), null, {
+			default: b(() => [l.showOverlay ? (m(), i(B, { key: 0 })) : a("", !0), c(v(S), u({ ref: x }, v(f), {
 				"data-glass-drawer": "",
 				"data-glass-drawer-snap-points": E.value ? "true" : void 0,
 				"data-glass-drawer-direction": D.value,
 				"data-surface": l.surface,
-				class: _(e)("glass-drawer", g.value, l.class),
+				class: v(e)("glass-drawer", p.value, l.class),
 				style: O.value
 			}), {
-				default: y(() => [s("div", {
+				default: b(() => [s("div", {
 					ref_key: "handleEl",
-					ref: b,
+					ref: y,
 					class: "glass-drawer-handle",
 					"data-glass-drawer-handle": "",
-					"data-dragging": _(T)?.dragging.value ? "" : void 0,
+					"data-dragging": v(w)?.dragging.value ? "" : void 0,
 					"aria-hidden": "true"
-				}, [...n[0] ||= [s("span", { class: "glass-drawer-grip" }, null, -1)]], 8, G), h(t.$slots, "default")]),
+				}, [...n[0] ||= [s("span", { class: "glass-drawer-grip" }, null, -1)]], 8, K), g(t.$slots, "default")]),
 				_: 3
 			}, 16, [
 				"data-glass-drawer-snap-points",
@@ -303,7 +313,7 @@ var G = ["data-dragging"], K = /* @__PURE__ */ l({
 			_: 3
 		}));
 	}
-}), q = /* @__PURE__ */ l({
+}), J = /* @__PURE__ */ l({
 	__name: "DrawerHeader",
 	props: { class: { type: [
 		Boolean,
@@ -314,9 +324,9 @@ var G = ["data-dragging"], K = /* @__PURE__ */ l({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (p(), o("div", { class: d(_(e)("[--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] [--card-pad-title-gap:calc(var(--overlay-pad-inline)/2.618)]", "grid gap-(--card-pad-title-gap) px-(--overlay-pad-inline) pt-(--overlay-pad-block) pb-0 text-center sm:text-left", n.class)) }, [h(t.$slots, "default")], 2));
+		return (t, r) => (m(), o("div", { class: d(v(e)("[--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] [--card-pad-title-gap:calc(var(--overlay-pad-inline)/2.618)]", "grid gap-(--card-pad-title-gap) px-(--overlay-pad-inline) pt-(--overlay-pad-block) pb-0 text-center sm:text-left", n.class)) }, [g(t.$slots, "default")], 2));
 	}
-}), J = /* @__PURE__ */ l({
+}), Y = /* @__PURE__ */ l({
 	__name: "DrawerFooter",
 	props: { class: { type: [
 		Boolean,
@@ -327,9 +337,9 @@ var G = ["data-dragging"], K = /* @__PURE__ */ l({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (p(), o("div", { class: d(_(e)("[--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] [--card-pad-footer:calc(var(--overlay-pad-block)/1.618)]", "mt-auto flex flex-col gap-2 px-(--overlay-pad-inline) pt-(--card-pad-footer) pb-(--overlay-pad-block)", n.class)) }, [h(t.$slots, "default")], 2));
+		return (t, r) => (m(), o("div", { class: d(v(e)("[--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] [--card-pad-footer:calc(var(--overlay-pad-block)/1.618)]", "mt-auto flex flex-col gap-2 px-(--overlay-pad-inline) pt-(--card-pad-footer) pb-(--overlay-pad-block)", n.class)) }, [g(t.$slots, "default")], 2));
 	}
-}), Y = /* @__PURE__ */ l({
+}), X = /* @__PURE__ */ l({
 	__name: "DrawerTitle",
 	props: {
 		asChild: { type: Boolean },
@@ -347,12 +357,12 @@ var G = ["data-dragging"], K = /* @__PURE__ */ l({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, r) => (p(), i(_(D), u(a.value, { class: _(e)("text-subheading leading-none tracking-tight", n.class) }), {
-			default: y(() => [h(t.$slots, "default")]),
+		return (t, r) => (m(), i(v(O), u(a.value, { class: v(e)("text-subheading leading-none tracking-tight", n.class) }), {
+			default: b(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), X = /* @__PURE__ */ l({
+}), Z = /* @__PURE__ */ l({
 	__name: "DrawerDescription",
 	props: {
 		asChild: { type: Boolean },
@@ -370,11 +380,11 @@ var G = ["data-dragging"], K = /* @__PURE__ */ l({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, r) => (p(), i(_(S), u(a.value, { class: _(e)("text-sm text-muted-foreground", n.class) }), {
-			default: y(() => [h(t.$slots, "default")]),
+		return (t, r) => (m(), i(v(C), u(a.value, { class: v(e)("text-sm text-muted-foreground", n.class) }), {
+			default: b(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
-export { R as Drawer, b as DrawerClose, K as DrawerContent, X as DrawerDescription, J as DrawerFooter, q as DrawerHeader, z as DrawerOverlay, T as DrawerPortal, Y as DrawerTitle, O as DrawerTrigger };
+export { z as Drawer, x as DrawerClose, q as DrawerContent, Z as DrawerDescription, Y as DrawerFooter, J as DrawerHeader, B as DrawerOverlay, E as DrawerPortal, X as DrawerTitle, k as DrawerTrigger };

package/dist/{dropdown-menu-aJmV5SqE.js → dropdown-menu-CCfcCQ68.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { S as t, y as n } from "./vendor-B2qOlYY3.js";
-import { t as r } from "./useSurfaceAxis-g0NloYEF.js";
-import { t as i } from "./menuItemVariants-D8VNHq22.js";
-import { i as a } from "./dockContext-BNfyPLe9.js";
+import { t as r } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { t as i } from "./menuItemVariants-DAXquKja.js";
+import { i as a } from "./dockContext-gFVS2gMg.js";
 import { computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
 import { DropdownMenuCheckboxItem as b, DropdownMenuContent as x, DropdownMenuGroup as S, DropdownMenuItem as C, DropdownMenuItemIndicator as w, DropdownMenuLabel as T, DropdownMenuPortal as E, DropdownMenuPortal as D, DropdownMenuRadioGroup as O, DropdownMenuRadioItem as k, DropdownMenuRoot as A, DropdownMenuSeparator as j, DropdownMenuSub as M, DropdownMenuSubContent as N, DropdownMenuSubTrigger as P, DropdownMenuTrigger as F, useForwardProps as I, useForwardPropsEmits as L } from "reka-ui";
 //#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-aJmV5SqE.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-CCfcCQ68.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/easing.js

@@ -1,7 +1,7 @@
 import { S as e, p as t } from "./vendor-B2qOlYY3.js";
-import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-DAKCBEdW.js";
-import { n as s } from "./slider-2A0rPn79.js";
-import { n as c, t as l } from "./ConfiguratorRow-CaP7U3ZA.js";
+import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-3mFHX_R-.js";
+import { n as s } from "./slider-CcICPe3u.js";
+import { n as c, t as l } from "./ConfiguratorRow-YMXdINHx.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, onUnmounted as b, openBlock as x, ref as S, renderList as C, renderSlot as ee, toDisplayString as w, unref as T, useModel as E, useTemplateRef as te, watch as D, withCtx as O } from "vue";
 import { CSSCubicBezier as k, bezierPresets as A, jumpTerms as j, parseSteps as M, steppedEase as N } from "@mkbabb/value.js";
 //#region src/components/custom/easing/constants.ts

package/dist/expandable-container.js

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { c as t, l as n } from "./vendor-B2qOlYY3.js";
-import { t as r } from "./useSurfaceAxis-g0NloYEF.js";
-import { i } from "./useKeyboardShortcuts-BPRp33Im.js";
+import { t as r } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { i } from "./useKeyboardShortcuts-BEut54Tk.js";
 import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, renderSlot as b, unref as x, useModel as S, watch as C } from "vue";
 //#region src/components/custom/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
 var w = ["aria-label"], T = ["data-surface"], E = ["aria-label"], D = {

package/dist/fading-scroll.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./FadingScroll-DLRbH5Xr.js";
+import { n as e, t } from "./FadingScroll-P8B30rAD.js";
 export { t as FadingScroll, e as useFadingScroll };

package/dist/forms.js

@@ -1,9 +1,9 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { n as t } from "./vendor-B2qOlYY3.js";
-import { t as n } from "./menuItemVariants-D8VNHq22.js";
-import { t as r } from "./useUserInvalidAria-y5namzeE.js";
-import { t as i } from "./useControlSize-SH1UmJCi.js";
-import { t as a } from "./Input-Cg9DF62r.js";
+import { t as n } from "./menuItemVariants-DAXquKja.js";
+import { t as r } from "./useUserInvalidAria-EmmwWPOl.js";
+import { t as i } from "./useControlSize-DAZ062x7.js";
+import { t as a } from "./Input-CyU4_hIC.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, isRef as p, mergeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, vModelText as y, withCtx as b, withDirectives as x } from "vue";
 import { ComboboxAnchor as S, ComboboxCancel as C, ComboboxContent as w, ComboboxEmpty as T, ComboboxGroup as E, ComboboxInput as D, ComboboxItem as O, ComboboxItemIndicator as k, ComboboxLabel as A, ComboboxPortal as j, ComboboxRoot as M, ComboboxSeparator as N, ComboboxTrigger as P, ComboboxViewport as F, useForwardProps as I, useForwardPropsEmits as L } from "reka-ui";
 import { reactiveOmit as R, useVModel as z } from "@vueuse/core";
@@ -46,7 +46,7 @@ var B = ["data-autosize"], V = /* @__PURE__ */ f({
 			...s.value
 		}, {
 			"data-autosize": t.autosize ? "" : void 0,
-			class: v(e)("input-pill [--control-surface-bg:var(--input-on-glass)] rounded-field py-2", v(i)(r.size), t.autosize ? "" : "min-h-20", r.class)
+			class: v(e)("input-pill glass-control-edge [--control-surface-bg:var(--input-on-glass)] rounded-field py-2", v(i)(r.size), t.autosize ? "" : "min-h-20", r.class)
 		}), null, 16, B)), [[y, v(a)]]);
 	}
 }), H = /* @__PURE__ */ f({
@@ -277,7 +277,7 @@ var B = ["data-autosize"], V = /* @__PURE__ */ f({
 	setup(t, { emit: n }) {
 		let r = t, i = n, a = L(R(r, "class"), i);
 		return (t, n) => (h(), s(v(j), null, {
-			default: b(() => [d(v(w), m({ "data-slot": "combobox-list" }, v(a), { class: v(e)("z-popover w-popover rounded-panel border glass-floating text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden outline-none glass-reveal", r.class) }), {
+			default: b(() => [d(v(w), m({ "data-slot": "combobox-list" }, v(a), { class: v(e)("z-popover w-popover rounded-panel border glass-floating text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden outline-none glass-reveal glass-field-portal", r.class) }), {
 				default: b(() => [g(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),