@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/{CardAction-CW7a0m8M.js → CardAction-8whJrLWt.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vSpecular-CQFmLNzA.js";
-import { t as n } from "./useLiquidPress-kfb4KX79.js";
+import { t } from "./vSpecular-EX7loENl.js";
+import { t as n } from "./useLiquidPress-BooG97RY.js";
 import { t as r } from "./useSurfaceAxis-g0NloYEF.js";
 import { t as i } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { computed as a, createBlock as o, createElementBlock as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, unref as p, withCtx as m, withDirectives as h } from "vue";
@@ -27,6 +27,11 @@ var _ = /* @__PURE__ */ c({
 			type: Boolean,
 			default: !1
 		},
+		variant: {},
+		selected: { type: Boolean },
+		metal: { default: "gold" },
+		dataHue: {},
+		dataHueStrength: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -48,12 +53,18 @@ var _ = /* @__PURE__ */ c({
 			pressVar: "--card-press-t",
 			shrinkDepth: .02,
 			maxStretch: 1.03
-		}), y = a(() => {
-			let e = c.value ? _.value : void 0;
-			return s.pressable ? {
+		}), y = a(() => s.variant !== "selection" || s.dataHue == null ? {} : {
+			"--glass-accent": s.dataHue,
+			...s.dataHueStrength == null ? {} : { "--glass-accent-strength": s.dataHueStrength }
+		}), b = a(() => s.variant === "selection" && s.selected ? `metal-${s.metal}-border` : !1), x = a(() => {
+			let e = c.value ? _.value : void 0, t = y.value, n = e || Object.keys(t).length ? {
 				...e ?? {},
+				...t
+			} : void 0;
+			return s.pressable ? {
+				...n ?? {},
 				...v.pressStyle.value
-			} : e;
+			} : n;
 		});
 		return (n, a) => h((d(), o(p(g), {
 			"data-slot": "card",
@@ -62,14 +73,16 @@ var _ = /* @__PURE__ */ c({
 			"data-grain": i.grain,
 			"data-grid": i.grid,
 			"data-pressable": i.pressable || void 0,
+			"data-variant": i.variant || void 0,
+			"data-selected": i.variant === "selection" && i.selected ? "true" : void 0,
 			as: i.as,
 			"as-child": i.asChild,
-			style: u(y.value),
+			style: u(x.value),
 			onPointerdown: a[0] ||= (e) => i.pressable ? p(v).press() : void 0,
 			onPointerup: a[1] ||= (e) => i.pressable ? p(v).release() : void 0,
 			onPointercancel: a[2] ||= (e) => i.pressable ? p(v).release() : void 0,
 			onPointerleave: a[3] ||= (e) => i.pressable ? p(v).release() : void 0,
-			class: l(p(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-pad-inline:--spacing(6)] [--card-pad-block:calc(var(--card-pad-inline)*1.272)] [--card-pad-section-gap:var(--card-pad-block)] [--card-pad-footer:calc(var(--card-pad-block)/1.618)] [--card-pad-title-gap:calc(var(--card-pad-inline)/2.618)] data-[size=sm]:[--card-pad-inline:--spacing(4)]", i.tier === "opaque" ? "glass-resting glass-opaque" : i.tier === "deep" ? "glass-floating glass-deep" : `glass-${i.tier}`, c.value && "glass-specular-track", i.surface === "cartoon" && "cartoon-surface", i.surface === "veil" && p(r)("veil").replace(/^glass-\w+\s+/, ""), i.shadow && i.surface === "glass" && "shadow-card", !i.grain && "[&::after]:hidden", i.grid && "paper-grid", i.pressable && "glass-press tap-squish", s.class))
+			class: l(p(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-pad-inline:--spacing(6)] [--card-pad-block:calc(var(--card-pad-inline)*1.272)] [--card-pad-section-gap:var(--card-pad-block)] [--card-pad-footer:calc(var(--card-pad-block)/1.618)] [--card-pad-title-gap:calc(var(--card-pad-inline)/2.618)] data-[size=sm]:[--card-pad-inline:--spacing(4)]", i.tier === "opaque" ? "glass-resting glass-opaque" : i.tier === "deep" ? "glass-floating glass-deep" : `glass-${i.tier}`, c.value && "glass-specular-track", i.surface === "cartoon" && "cartoon-surface", i.surface === "veil" && p(r)("veil").replace(/^glass-\w+\s+/, ""), i.shadow && i.surface === "glass" && "shadow-card", !i.grain && "[&::after]:hidden", i.grid && "paper-grid", i.pressable && "glass-press tap-squish", b.value, s.class))
 		}, {
 			default: m(() => [f(n.$slots, "default")]),
 			_: 3
@@ -79,6 +92,8 @@ var _ = /* @__PURE__ */ c({
 			"data-grain",
 			"data-grid",
 			"data-pressable",
+			"data-variant",
+			"data-selected",
 			"as",
 			"as-child",
 			"style",

package/dist/{CommandShortcut-DvZNQ_HF.js → CommandShortcut-D3yxgHNn.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./vendor-CKmzio-i.js";
+import { n as t } from "./vendor-B2qOlYY3.js";
 import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
-import { n as r, t as i } from "./DialogContent-DcKK8k9i.js";
+import { n as r, t as i } from "./DialogContent-6JtTB5x2.js";
 import { t as a } from "./menuItemVariants-D8VNHq22.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeClass as g, normalizeProps as _, openBlock as v, renderSlot as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
 import { ComboboxContent as C, ComboboxEmpty as w, ComboboxGroup as T, ComboboxInput as E, ComboboxItem as D, ComboboxLabel as O, ComboboxRoot as k, ComboboxSeparator as A, useForwardProps as j, useForwardPropsEmits as M } from "reka-ui";
@@ -64,19 +64,26 @@ var N = /* @__PURE__ */ p({
 	props: {
 		open: { type: Boolean },
 		defaultOpen: { type: Boolean },
-		modal: { type: Boolean }
+		modal: { type: Boolean },
+		surface: { default: "glass" }
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = M(e, t);
-		return (e, t) => (v(), s(x(r), _(m(x(n))), {
-			default: S(() => [f(x(i), { class: "overflow-hidden p-0" }, {
+		let n = e, a = t, c = M(o(() => {
+			let { surface: e, ...t } = n;
+			return t;
+		}), a);
+		return (e, t) => (v(), s(x(r), _(m(x(c))), {
+			default: S(() => [f(x(i), {
+				surface: n.surface,
+				class: "overflow-hidden p-0"
+			}, {
 				default: S(() => [f(N, { class: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, {
 					default: S(() => [y(e.$slots, "default")]),
 					_: 3
 				})]),
 				_: 3
-			})]),
+			}, 8, ["surface"])]),
 			_: 3
 		}, 16));
 	}
@@ -232,7 +239,8 @@ var N = /* @__PURE__ */ p({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		surface: { default: "glass" }
 	},
 	emits: [
 		"escapeKeyDown",
@@ -242,13 +250,16 @@ var N = /* @__PURE__ */ p({
 	],
 	setup(t, { emit: n }) {
 		let r = t, i = n, a = M(o(() => {
-			let { class: e, ...t } = r;
-			return t;
+			let { class: e, surface: t, ...n } = r;
+			return n;
 		}), i);
-		return (t, n) => (v(), s(x(C), h(x(a), { class: x(e)("max-h-[300px] overflow-y-auto overflow-x-hidden", r.class) }), {
+		return (t, n) => (v(), s(x(C), h(x(a), {
+			"data-surface": r.surface,
+			class: x(e)("max-h-(--overlay-max-block) overflow-y-auto overflow-x-hidden", "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", r.class)
+		}), {
 			default: S(() => [u("div", B, [y(t.$slots, "default")])]),
 			_: 3
-		}, 16, ["class"]));
+		}, 16, ["data-surface", "class"]));
 	}
 }), H = /* @__PURE__ */ p({
 	__name: "CommandSeparator",

package/dist/{ConfiguratorRow-BR4l-ixA.js → ConfiguratorRow-CaP7U3ZA.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { b as t, r as n } from "./vendor-CKmzio-i.js";
+import { r as t, x as n } from "./vendor-B2qOlYY3.js";
 import { t as r } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { t as i } from "./createContext-CpBNTRMI.js";
 import { t as a } from "./Label-C2ejNWeC.js";
@@ -54,8 +54,8 @@ var E = C.use, D = ["data-state"], O = [
 		openModifiers: {}
 	}),
 	emits: ["update:open"],
-	setup(n) {
-		let r = n, i = x(n, "open");
+	setup(t) {
+		let r = t, i = x(t, "open");
 		i.value === void 0 && (i.value = r.defaultOpen);
 		let a = `configurator-layer-body-${b()}`, u = o(() => r.id ?? a);
 		function f() {
@@ -74,7 +74,7 @@ var E = C.use, D = ["data-state"], O = [
 			"aria-controls": u.value,
 			"data-state": p.value,
 			onClick: f
-		}, [l("div", k, [l("span", A, v(n.label), 1), n.sub ? (g(), c("span", j, v(n.sub), 1)) : s("", !0)]), d(y(t), {
+		}, [l("div", k, [l("span", A, v(t.label), 1), t.sub ? (g(), c("span", j, v(t.sub), 1)) : s("", !0)]), d(y(n), {
 			class: "configurator-layer-chevron h-4 w-4 shrink-0 text-muted-foreground group-data-[state=open]:rotate-180",
 			"aria-hidden": "true"
 		})], 10, O), l("div", {
@@ -113,29 +113,29 @@ var E = C.use, D = ["data-state"], O = [
 		] }
 	},
 	emits: ["reset"],
-	setup(t, { emit: r }) {
-		let i = t, f = r, p = E(), h = o(() => i.density ?? p?.value ?? void 0);
+	setup(n, { emit: r }) {
+		let i = n, f = r, p = E(), h = o(() => i.density ?? p?.value ?? void 0);
 		return (r, o) => (g(), c("div", {
 			"data-slot": "configurator-row",
 			class: m(y(e)("configurator-row flex flex-col gap-1.5 py-2", i.class)),
 			"data-density": h.value
 		}, [
 			l("div", L, [l("div", R, [d(y(a), { class: "truncate text-small font-medium text-foreground" }, {
-				default: S(() => [u(v(t.label), 1)]),
+				default: S(() => [u(v(n.label), 1)]),
 				_: 1
-			}), t.name ? (g(), c("span", z, v(t.name), 1)) : s("", !0)]), t.canReset ? (g(), c("button", {
+			}), n.name ? (g(), c("span", z, v(n.name), 1)) : s("", !0)]), n.canReset ? (g(), c("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}`,
+				"aria-label": `Reset ${n.label}`,
 				onClick: o[0] ||= (e) => f("reset")
-			}, [d(y(n), {
+			}, [d(y(t), {
 				class: "h-3 w-3",
 				"aria-hidden": "true"
 			})], 8, B)) : s("", !0)]),
 			l("div", V, [_(r.$slots, "default", {}, void 0, !0)]),
-			t.description ? (g(), c("p", H, v(t.description), 1)) : s("", !0)
+			n.description ? (g(), c("p", H, v(n.description), 1)) : s("", !0)
 		], 10, I));
 	}
 }), [["__scopeId", "data-v-7978cb8d"]]);

package/dist/ContextMenuContent-B3ZsheLV.js

@@ -0,0 +1,90 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./useSurfaceAxis-g0NloYEF.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { ContextMenuContent as p, ContextMenuPortal as m, ContextMenuRoot as h, ContextMenuTrigger as g, useForwardProps as _, useForwardPropsEmits as v } from "reka-ui";
+//#endregion
+//#region src/components/ui/context-menu/ContextMenu.vue
+var y = /* @__PURE__ */ a({
+	__name: "ContextMenu",
+	props: {
+		pressOpenDelay: {},
+		dir: {},
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = v(e, t);
+		return (e, t) => (l(), r(d(h), s({ "data-slot": "context-menu" }, d(n)), {
+			default: f(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), b = /* @__PURE__ */ a({
+	__name: "ContextMenuTrigger",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = _(e);
+		return (e, n) => (l(), r(d(g), c(o(d(t))), {
+			default: f(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), x = /* @__PURE__ */ a({
+	__name: "ContextMenuContent",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		sideFlip: { type: Boolean },
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"closeAutoFocus"
+	],
+	setup(a, { emit: o }) {
+		let c = a, h = o, g = v(n(() => {
+			let { class: e, surface: t, ...n } = c;
+			return n;
+		}), h);
+		return (n, a) => (l(), r(d(m), null, {
+			default: f(() => [i(d(p), s(d(g), {
+				"data-surface": c.surface,
+				class: d(e)("z-popover min-w-(--overlay-min-width) overflow-hidden rounded-panel border text-popover-foreground glass-reveal", d(t)(c.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)", c.class)
+			}), {
+				default: f(() => [u(n.$slots, "default")]),
+				_: 3
+			}, 16, ["data-surface", "class"])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { b as n, y as r, x as t };

package/dist/{ContextMenuSubContent-xol4sD2q.js → ContextMenuSubContent-DDRID3qC.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { p as t, v as n, x as r } from "./vendor-CKmzio-i.js";
+import { S as t, m as n, y as r } from "./vendor-B2qOlYY3.js";
 import { t as i } from "./menuItemVariants-D8VNHq22.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 { ContextMenuCheckboxItem as y, ContextMenuItem as b, ContextMenuItemIndicator as x, ContextMenuLabel as S, ContextMenuRadioGroup as C, ContextMenuRadioItem as w, ContextMenuSeparator as T, ContextMenuSubContent as E, ContextMenuSubTrigger as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";
@@ -64,16 +64,16 @@ var A = /* @__PURE__ */ u({
 		] }
 	},
 	emits: ["select", "update:modelValue"],
-	setup(t, { emit: n }) {
-		let s = t, u = n, d = k(a(() => {
+	setup(n, { emit: r }) {
+		let s = n, u = r, d = k(a(() => {
 			let { class: e, ...t } = s;
 			return t;
 		}), u);
-		return (t, n) => (h(), o(_(y), f(_(d), { class: _(e)(_(i)({ indicator: "start-wide" }), s.class) }), {
+		return (n, r) => (h(), o(_(y), f(_(d), { class: _(e)(_(i)({ indicator: "start-wide" }), s.class) }), {
 			default: v(() => [c("span", M, [l(_(x), null, {
-				default: v(() => [l(_(r), { class: "h-4 w-4" })]),
+				default: v(() => [l(_(t), { class: "h-4 w-4" })]),
 				_: 1
-			})]), g(t.$slots, "default")]),
+			})]), g(n.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
@@ -94,16 +94,16 @@ var A = /* @__PURE__ */ u({
 		] }
 	},
 	emits: ["select"],
-	setup(n, { emit: r }) {
-		let s = n, u = r, d = k(a(() => {
+	setup(t, { emit: r }) {
+		let s = t, u = r, d = k(a(() => {
 			let { class: e, ...t } = s;
 			return t;
 		}), u);
-		return (n, r) => (h(), o(_(w), f(_(d), { class: _(e)(_(i)({ indicator: "start-wide" }), s.class) }), {
+		return (t, r) => (h(), o(_(w), f(_(d), { class: _(e)(_(i)({ indicator: "start-wide" }), s.class) }), {
 			default: v(() => [c("span", P, [l(_(x), null, {
-				default: v(() => [l(_(t), { class: "h-2 w-2 fill-current" })]),
+				default: v(() => [l(_(n), { class: "h-2 w-2 fill-current" })]),
 				_: 1
-			})]), g(n.$slots, "default")]),
+			})]), g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
@@ -181,12 +181,12 @@ var A = /* @__PURE__ */ u({
 		inset: { type: Boolean }
 	},
 	setup(t) {
-		let r = t, s = O(a(() => {
-			let { class: e, ...t } = r;
+		let n = t, s = O(a(() => {
+			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (a, c) => (h(), o(_(D), f(_(s), { class: _(e)(_(i)({ indicator: t.inset ? "start-wide" : "none" }), r.class) }), {
-			default: v(() => [g(a.$slots, "default"), l(_(n), { class: "ml-auto h-4 w-4" })]),
+		return (a, c) => (h(), o(_(D), f(_(s), { class: _(e)(_(i)({ indicator: t.inset ? "start-wide" : "none" }), n.class) }), {
+			default: v(() => [g(a.$slots, "default"), l(_(r), { class: "ml-auto h-4 w-4" })]),
 			_: 3
 		}, 16, ["class"]));
 	}

package/dist/{DataTable-CuKwF7wr.js → DataTable-Bc9kUtu_.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./button-DYCUa-tH.js";
+import { n as t } from "./button-5dY1Dvhd.js";
 import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as r, r as i, t as a } from "./ContextMenuContent-uWnVxDab.js";
+import { n as r, r as i, t as a } from "./ContextMenuContent-B3ZsheLV.js";
 import { t as o } from "./useResizeObserver-Bpoi7tRE.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, toValue as T, unref as E, useModel as D, useSlots as ee, withCtx as O, withModifiers as k } from "vue";
 //#region src/components/ui/table/Table.vue?vue&type=script&setup=true&lang.ts

package/dist/{DialogContent-DcKK8k9i.js → DialogContent-6JtTB5x2.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vendor-CKmzio-i.js";
+import { t } from "./vendor-B2qOlYY3.js";
 import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
-import { t as r } from "./useSpringMount-q1amq1SJ.js";
+import { t as r } from "./useSpringMount-BWDnKIwh.js";
 import { t as i } from "./ModalOverlay-D1VrWyoi.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
 import { DialogClose as g, DialogContent as _, DialogPortal as v, DialogRoot as y, injectDialogRootContext as b, useForwardPropsEmits as x } from "reka-ui";
@@ -68,7 +68,10 @@ var S = /* @__PURE__ */ u({
 				animation: "none",
 				transition: "none"
 			};
-		});
+		}), j = { "--glass-bg-floating": "var(--glass-bg-dialog)" }, M = a(() => ({
+			...j,
+			...A.value ?? {}
+		}));
 		return (n, r) => (f(), o(m(v), null, {
 			default: h(() => [l(i, {
 				scrim: "glass",
@@ -77,13 +80,13 @@ var S = /* @__PURE__ */ u({
 				"scrim-animation": S.scrimAnimation
 			}, null, 8, ["scrim-animation"]), l(m(_), d(m(E), {
 				class: m(e)(C, S.spring ? "" : w, D.value, S.class),
-				style: A.value,
+				style: M.value,
 				"data-surface": S.surface,
 				"data-spring": S.spring ? typeof S.spring == "string" ? S.spring : "smooth" : void 0
 			}), {
 				default: h(() => [p(n.$slots, "default"), S.showClose ? (f(), o(m(g), {
 					key: 0,
-					class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
+					class: "focus-ring absolute right-(--overlay-pad-inline) top-(--overlay-pad-block) rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
 				}, {
 					default: h(() => [l(m(t), { class: "w-4 h-4" }), r[0] ||= c("span", { class: "sr-only" }, "Close", -1)]),
 					_: 1

package/dist/DialogFooter-9phqcRIS.js

@@ -0,0 +1,80 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, createElementBlock as r, defineComponent as i, mergeProps as a, normalizeClass as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { DialogDescription as d, DialogTitle as f, useForwardProps as p } from "reka-ui";
+//#endregion
+//#region src/components/ui/dialog/DialogHeader.vue
+var m = /* @__PURE__ */ i({
+	__name: "DialogHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, i) => (s(), r("div", { class: o(l(e)("flex flex-col gap-y-1.5 text-center sm:text-left", n.class)) }, [c(t.$slots, "default")], 2));
+	}
+}), h = /* @__PURE__ */ i({
+	__name: "DialogTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, o = p(t(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}));
+		return (t, r) => (s(), n(l(f), a(l(o), { class: l(e)("text-subheading leading-none tracking-tight", i.class) }), {
+			default: u(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), g = /* @__PURE__ */ i({
+	__name: "DialogDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, o = p(t(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}));
+		return (t, r) => (s(), n(l(d), a(l(o), { class: l(e)("text-sm text-muted-foreground", i.class) }), {
+			default: u(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), _ = /* @__PURE__ */ i({
+	__name: "DialogFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, i) => (s(), r("div", { class: o(l(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [c(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { m as i, g as n, h as r, _ as t };

package/dist/DialogScrollContent-TTuovQst.js

@@ -0,0 +1,93 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./vendor-B2qOlYY3.js";
+import { t as n } from "./ModalOverlay-D1VrWyoi.js";
+import { computed as r, createBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
+import { DialogClose as g, DialogContent as _, DialogPortal as v, DialogTrigger as y, useForwardPropsEmits as b } from "reka-ui";
+//#endregion
+//#region src/components/ui/dialog/DialogClose.vue
+var x = /* @__PURE__ */ s({
+	__name: "DialogClose",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (f(), i(m(g), d(c(t)), {
+			default: h(() => [p(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), S = /* @__PURE__ */ s({
+	__name: "DialogTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (f(), i(m(y), d(c(t)), {
+			default: h(() => [p(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), C = /* @__PURE__ */ s({
+	__name: "DialogScrollContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		overlayClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(s, { emit: c }) {
+		let d = s, y = c, x = b(r(() => {
+			let { class: e, overlayClass: t, ...n } = d;
+			return n;
+		}), y);
+		return (r, s) => (f(), i(m(v), null, {
+			default: h(() => [o(n, {
+				scrim: "clear",
+				animate: "fade",
+				layout: "scroll",
+				class: u(d.overlayClass)
+			}, {
+				default: h(() => [o(m(_), l({ class: m(e)("popover-content relative z-overlay grid w-full max-w-lg my-8 gap-4 border border-border glass-floating [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) [box-shadow:var(--glass-shadow-floating)] duration-200 sm:rounded-dialog md:w-full", d.class) }, m(x), { onPointerDownOutside: s[0] ||= (e) => {
+					let t = e.detail.originalEvent, n = t.target;
+					(t.offsetX > n.clientWidth || t.offsetY > n.clientHeight) && e.preventDefault();
+				} }), {
+					default: h(() => [p(r.$slots, "default"), o(m(g), { class: "focus-ring absolute top-3 right-3 p-0.5 transition-colors rounded-pill hover:bg-secondary" }, {
+						default: h(() => [o(m(t), { class: "w-4 h-4" }), s[1] ||= a("span", { class: "sr-only" }, "Close", -1)]),
+						_: 1
+					})]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { S as n, x as r, C as t };