@mkbabb/glass-ui 4.0.1 → 4.1.0

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

@@ -1,12 +1,13 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { v as t, x as n } from "./vendor-CKmzio-i.js";
-import { t as r } from "./menuItemVariants-D8VNHq22.js";
-import { i } from "./dockContext-BNfyPLe9.js";
-import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
-import { DropdownMenuCheckboxItem as y, DropdownMenuContent as b, DropdownMenuGroup as x, DropdownMenuItem as S, DropdownMenuItemIndicator as C, DropdownMenuLabel as w, DropdownMenuPortal as T, DropdownMenuPortal as E, DropdownMenuRadioGroup as D, DropdownMenuRadioItem as O, DropdownMenuRoot as k, DropdownMenuSeparator as A, DropdownMenuSub as j, DropdownMenuSubContent as M, DropdownMenuSubTrigger as N, DropdownMenuTrigger as P, useForwardProps as F, useForwardPropsEmits as I } from "reka-ui";
+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 { 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
 //#region src/components/ui/dropdown-menu/DropdownMenu.vue
-var L = /* @__PURE__ */ u({
+var R = /* @__PURE__ */ d({
 	__name: "DropdownMenu",
 	props: {
 		defaultOpen: { type: Boolean },
@@ -16,13 +17,13 @@ var L = /* @__PURE__ */ u({
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = I(e, t);
-		return (e, t) => (h(), o(_(k), f({ "data-slot": "dropdown-menu" }, _(n)), {
-			default: v(() => [g(e.$slots, "default")]),
+		let n = L(e, t);
+		return (e, t) => (g(), s(v(A), p({ "data-slot": "dropdown-menu" }, v(n)), {
+			default: y(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), R = /* @__PURE__ */ u({
+}), z = /* @__PURE__ */ d({
 	__name: "DropdownMenuTrigger",
 	props: {
 		disabled: { type: Boolean },
@@ -30,13 +31,13 @@ var L = /* @__PURE__ */ u({
 		as: {}
 	},
 	setup(e) {
-		let t = F(e);
-		return (e, n) => (h(), o(_(P), f({ class: "outline-none" }, _(t)), {
-			default: v(() => [g(e.$slots, "default")]),
+		let t = I(e);
+		return (e, n) => (g(), s(v(F), p({ class: "outline-none" }, v(t)), {
+			default: y(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), z = /* @__PURE__ */ u({
+}), B = /* @__PURE__ */ d({
 	__name: "DropdownMenuContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -44,7 +45,7 @@ var L = /* @__PURE__ */ u({
 		side: {},
 		sideOffset: { default: 4 },
 		sideFlip: { type: Boolean },
-		align: {},
+		align: { default: "start" },
 		alignOffset: {},
 		alignFlip: { type: Boolean },
 		avoidCollisions: { type: Boolean },
@@ -67,7 +68,8 @@ var L = /* @__PURE__ */ u({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		surface: { default: "glass" }
 	},
 	emits: [
 		"escapeKeyDown",
@@ -77,27 +79,29 @@ var L = /* @__PURE__ */ u({
 		"closeAutoFocus"
 	],
 	setup(t, { emit: n }) {
-		let r = t, s = n, c = I(a(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), s), u = i();
-		return (t, n) => (h(), o(_(T), null, {
-			default: v(() => [l(_(b), f(_(c), {
-				"data-glass-dock-portal": _(u)?.id ? "" : void 0,
-				"data-glass-dock-owner": _(u)?.id,
-				class: _(e)("dropdown-menu-content z-popover min-w-32 max-h-[60vh] overflow-y-auto rounded-panel border glass-floating text-popover-foreground glass-reveal", r.class)
+		let i = t, c = n, l = L(o(() => {
+			let { class: e, surface: t, ...n } = i;
+			return n;
+		}), c), d = a();
+		return (t, n) => (g(), s(v(E), null, {
+			default: y(() => [u(v(x), p(v(l), {
+				"data-glass-dock-portal": v(d)?.id ? "" : void 0,
+				"data-glass-dock-owner": v(d)?.id,
+				"data-surface": i.surface,
+				class: v(e)("dropdown-menu-content z-popover min-w-(--overlay-min-width) max-h-(--overlay-max-block) overflow-y-auto rounded-panel border text-popover-foreground glass-reveal", v(r)(i.surface, "floating"), "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", i.class)
 			}), {
-				default: v(() => [g(t.$slots, "default")]),
+				default: y(() => [_(t.$slots, "default")]),
 				_: 3
 			}, 16, [
 				"data-glass-dock-portal",
 				"data-glass-dock-owner",
+				"data-surface",
 				"class"
 			])]),
 			_: 3
 		}));
 	}
-}), B = /* @__PURE__ */ u({
+}), V = /* @__PURE__ */ d({
 	__name: "DropdownMenuGroup",
 	props: {
 		asChild: { type: Boolean },
@@ -105,12 +109,12 @@ var L = /* @__PURE__ */ u({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (h(), o(_(x), m(d(t)), {
-			default: v(() => [g(e.$slots, "default")]),
+		return (e, n) => (g(), s(v(S), h(f(t)), {
+			default: y(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), V = /* @__PURE__ */ u({
+}), H = /* @__PURE__ */ d({
 	__name: "DropdownMenuRadioGroup",
 	props: {
 		modelValue: {},
@@ -119,13 +123,13 @@ var L = /* @__PURE__ */ u({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = I(e, t);
-		return (e, t) => (h(), o(_(D), m(d(_(n))), {
-			default: v(() => [g(e.$slots, "default")]),
+		let n = L(e, t);
+		return (e, t) => (g(), s(v(O), h(f(v(n))), {
+			default: y(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), H = /* @__PURE__ */ u({
+}), U = /* @__PURE__ */ d({
 	__name: "DropdownMenuItem",
 	props: {
 		disabled: { type: Boolean },
@@ -142,16 +146,16 @@ var L = /* @__PURE__ */ u({
 		inset: { type: Boolean }
 	},
 	setup(t) {
-		let n = t, i = F(a(() => {
+		let n = t, r = I(o(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (a, s) => (h(), o(_(S), f(_(i), { class: _(e)(_(r)({ indicator: t.inset ? "start-wide" : "none" }), n.class) }), {
-			default: v(() => [g(a.$slots, "default")]),
+		return (a, o) => (g(), s(v(C), p(v(r), { class: v(e)(v(i)({ indicator: t.inset ? "start-wide" : "none" }), n.class) }), {
+			default: y(() => [_(a.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), U = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, W = /* @__PURE__ */ u({
+}), W = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, G = /* @__PURE__ */ d({
 	__name: "DropdownMenuCheckboxItem",
 	props: {
 		modelValue: { type: [Boolean, String] },
@@ -168,20 +172,20 @@ var L = /* @__PURE__ */ u({
 		] }
 	},
 	emits: ["select", "update:modelValue"],
-	setup(t, { emit: i }) {
-		let s = t, u = i, d = I(a(() => {
-			let { class: e, ...t } = s;
+	setup(n, { emit: r }) {
+		let a = n, c = r, d = L(o(() => {
+			let { class: e, ...t } = a;
 			return t;
-		}), u);
-		return (t, i) => (h(), o(_(y), f(_(d), { class: _(e)(_(r)({ indicator: "start-wide" }), s.class) }), {
-			default: v(() => [c("span", U, [l(_(C), null, {
-				default: v(() => [l(_(n), { class: "w-4 h-4" })]),
+		}), c);
+		return (n, r) => (g(), s(v(b), p(v(d), { class: v(e)(v(i)({ indicator: "start-wide" }), a.class) }), {
+			default: y(() => [l("span", W, [u(v(w), null, {
+				default: y(() => [u(v(t), { class: "w-4 h-4" })]),
 				_: 1
-			})]), g(t.$slots, "default")]),
+			})]), _(n.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), G = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, K = /* @__PURE__ */ u({
+}), K = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, q = /* @__PURE__ */ d({
 	__name: "DropdownMenuRadioItem",
 	props: {
 		value: {},
@@ -199,19 +203,19 @@ var L = /* @__PURE__ */ u({
 	},
 	emits: ["select"],
 	setup(t, { emit: n }) {
-		let i = t, s = n, u = I(a(() => {
-			let { class: e, ...t } = i;
+		let r = t, a = n, c = L(o(() => {
+			let { class: e, ...t } = r;
 			return t;
-		}), s);
-		return (t, n) => (h(), o(_(O), f(_(u), { class: _(e)(_(r)({ indicator: "start" }), i.class) }), {
-			default: v(() => [c("span", G, [l(_(C), null, {
-				default: v(() => [...n[0] ||= [c("span", { class: "inline-block w-2 h-2 rounded-pill bg-current" }, null, -1)]]),
+		}), a);
+		return (t, n) => (g(), s(v(k), p(v(c), { class: v(e)(v(i)({ indicator: "start" }), r.class) }), {
+			default: y(() => [l("span", K, [u(v(w), null, {
+				default: y(() => [...n[0] ||= [l("span", { class: "inline-block w-2 h-2 rounded-pill bg-current" }, null, -1)]]),
 				_: 1
-			})]), g(t.$slots, "default")]),
+			})]), _(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), q = /* @__PURE__ */ u({
+}), J = /* @__PURE__ */ d({
 	__name: "DropdownMenuShortcut",
 	props: { class: { type: [
 		Boolean,
@@ -222,9 +226,9 @@ var L = /* @__PURE__ */ u({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (h(), s("span", { class: p(_(e)("ml-auto text-dropdown-secondary tracking-widest opacity-60", n.class)) }, [g(t.$slots, "default")], 2));
+		return (t, r) => (g(), c("span", { class: m(v(e)("ml-auto text-dropdown-secondary tracking-widest opacity-60", n.class)) }, [_(t.$slots, "default")], 2));
 	}
-}), J = /* @__PURE__ */ u({
+}), Y = /* @__PURE__ */ d({
 	__name: "DropdownMenuSeparator",
 	props: {
 		asChild: { type: Boolean },
@@ -238,13 +242,13 @@ var L = /* @__PURE__ */ u({
 		] }
 	},
 	setup(t) {
-		let n = t, r = a(() => {
+		let n = t, r = o(() => {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (h(), o(_(A), f(r.value, { class: _(e)("-mx-1 my-1 h-px bg-border/70", n.class) }), null, 16, ["class"]));
+		return (t, i) => (g(), s(v(j), p(r.value, { class: v(e)("-mx-1 my-1 h-px bg-border/70", n.class) }), null, 16, ["class"]));
 	}
-}), Y = /* @__PURE__ */ u({
+}), X = /* @__PURE__ */ d({
 	__name: "DropdownMenuLabel",
 	props: {
 		asChild: { type: Boolean },
@@ -259,16 +263,16 @@ var L = /* @__PURE__ */ u({
 		inset: { type: Boolean }
 	},
 	setup(t) {
-		let n = t, r = F(a(() => {
+		let n = t, r = I(o(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (i, a) => (h(), o(_(w), f(_(r), { class: _(e)("px-2 py-1.5 text-dropdown-secondary font-semibold", t.inset && "pl-8", n.class) }), {
-			default: v(() => [g(i.$slots, "default")]),
+		return (i, a) => (g(), s(v(T), p(v(r), { class: v(e)("px-2 py-1.5 text-dropdown-secondary font-semibold", t.inset && "pl-8", n.class) }), {
+			default: y(() => [_(i.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), X = /* @__PURE__ */ u({
+}), Z = /* @__PURE__ */ d({
 	__name: "DropdownMenuSub",
 	props: {
 		defaultOpen: { type: Boolean },
@@ -276,13 +280,13 @@ var L = /* @__PURE__ */ u({
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = I(e, t);
-		return (e, t) => (h(), o(_(j), m(d(_(n))), {
-			default: v(() => [g(e.$slots, "default")]),
+		let n = L(e, t);
+		return (e, t) => (g(), s(v(M), h(f(v(n))), {
+			default: y(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), Z = /* @__PURE__ */ u({
+}), Q = /* @__PURE__ */ d({
 	__name: "DropdownMenuSubTrigger",
 	props: {
 		disabled: { type: Boolean },
@@ -297,17 +301,17 @@ var L = /* @__PURE__ */ u({
 			Array
 		] }
 	},
-	setup(n) {
-		let i = n, s = F(a(() => {
-			let { class: e, ...t } = i;
+	setup(t) {
+		let r = t, a = I(o(() => {
+			let { class: e, ...t } = r;
 			return t;
 		}));
-		return (n, a) => (h(), o(_(N), f(_(s), { class: _(e)(_(r)({ indicator: "none" }), i.class) }), {
-			default: v(() => [g(n.$slots, "default"), l(_(t), { class: "ml-auto h-4 w-4" })]),
+		return (t, o) => (g(), s(v(P), p(v(a), { class: v(e)(v(i)({ indicator: "none" }), r.class) }), {
+			default: y(() => [_(t.$slots, "default"), u(v(n), { class: "ml-auto h-4 w-4" })]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Q = /* @__PURE__ */ u({
+}), $ = /* @__PURE__ */ d({
 	__name: "DropdownMenuSubContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -348,13 +352,13 @@ var L = /* @__PURE__ */ u({
 		"closeAutoFocus"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = n, s = I(a(() => {
+		let r = t, i = n, a = L(o(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (h(), o(_(T), null, {
-			default: v(() => [l(_(M), f(_(s), { class: _(e)("dropdown-sub-content z-popover min-w-32 overflow-hidden rounded-panel border glass-floating text-popover-foreground glass-reveal", r.class) }), {
-				default: v(() => [g(t.$slots, "default")]),
+		return (t, n) => (g(), s(v(E), null, {
+			default: y(() => [u(v(N), p(v(a), { class: v(e)("dropdown-sub-content z-popover min-w-32 overflow-hidden rounded-panel border glass-floating text-popover-foreground glass-reveal", r.class) }), {
+				default: y(() => [_(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
@@ -362,4 +366,4 @@ var L = /* @__PURE__ */ u({
 	}
 });
 //#endregion
-export { Y as a, K as c, V as d, B as f, L as h, X as i, W as l, R as m, Q as n, J as o, z as p, Z as r, q as s, E as t, H as u };
+export { X as a, q as c, H as d, V as f, R as h, Z as i, G as l, z as m, $ as n, Y as o, B as p, Q as r, J as s, D as t, U as u };

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-CofSZuk8.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-aJmV5SqE.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 };