@mkbabb/glass-ui 4.1.0 → 4.2.0

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

@@ -1,11 +1,15 @@
 import { t as e } from "./cn-DJXf4yaB.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";
-import { Primitive as g } from "reka-ui";
-var _ = /* @__PURE__ */ c({
+import { t as n } from "./useLiquidPress-CtOQ8Z0_.js";
+import { t as r } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { t as i } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderSlot as p, unref as m, withCtx as h, withDirectives as g } from "vue";
+import { Primitive as _ } from "reka-ui";
+var v = {
+	key: 0,
+	class: "cartoon-cast",
+	"aria-hidden": "true"
+}, y = /* @__PURE__ */ l({
 	__name: "Card",
 	props: {
 		tier: { default: "resting" },
@@ -43,30 +47,30 @@ var _ = /* @__PURE__ */ c({
 		as: { default: "div" }
 	},
 	setup(i) {
-		let s = i, c = a(() => s.surface === "glass" && s.specular !== "off"), _ = a(() => s.specular === "full" ? {
+		let l = i, y = a(() => l.surface === "glass" && l.specular !== "off"), b = a(() => l.specular === "full" ? {
 			"--glass-specular-intensity-rest": "0.04",
 			"--glass-specular-intensity-hover": "0.18",
 			"--glass-specular-intensity-active": "0.26"
-		} : {}), v = n({
+		} : {}), x = n({
 			response: .28,
 			dampingFraction: .78,
 			pressVar: "--card-press-t",
 			shrinkDepth: .02,
 			maxStretch: 1.03
-		}), 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 ? {
+		}), S = a(() => l.variant !== "selection" || l.dataHue == null ? {} : {
+			"--glass-accent": l.dataHue,
+			...l.dataHueStrength == null ? {} : { "--glass-accent-strength": l.dataHueStrength }
+		}), C = a(() => l.variant === "selection" && l.selected ? `metal-${l.metal}-border` : !1), w = a(() => {
+			let e = y.value ? b.value : void 0, t = S.value, n = e || Object.keys(t).length ? {
 				...e ?? {},
 				...t
 			} : void 0;
-			return s.pressable ? {
+			return l.pressable ? {
 				...n ?? {},
-				...v.pressStyle.value
+				...x.pressStyle.value
 			} : n;
 		});
-		return (n, a) => h((d(), o(p(g), {
+		return (n, a) => g((f(), o(m(_), {
 			"data-slot": "card",
 			"data-tier": i.tier,
 			"data-surface": i.surface,
@@ -77,14 +81,14 @@ var _ = /* @__PURE__ */ c({
 			"data-selected": i.variant === "selection" && i.selected ? "true" : void 0,
 			as: i.as,
 			"as-child": i.asChild,
-			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", b.value, s.class))
+			style: d(w.value),
+			onPointerdown: a[0] ||= (e) => i.pressable ? m(x).press() : void 0,
+			onPointerup: a[1] ||= (e) => i.pressable ? m(x).release() : void 0,
+			onPointercancel: a[2] ||= (e) => i.pressable ? m(x).release() : void 0,
+			onPointerleave: a[3] ||= (e) => i.pressable ? m(x).release() : void 0,
+			class: u(m(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}`, y.value && "glass-specular-track", i.surface === "cartoon" && "cartoon-surface", i.surface === "veil" && m(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", C.value, l.class))
 		}, {
-			default: m(() => [f(n.$slots, "default")]),
+			default: h(() => [i.surface === "cartoon" ? (f(), c("span", v)) : s("", !0), p(n.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"data-tier",
@@ -98,9 +102,9 @@ var _ = /* @__PURE__ */ c({
 			"as-child",
 			"style",
 			"class"
-		])), [[p(t), c.value]]);
+		])), [[m(t), y.value]]);
 	}
-}), v = /* @__PURE__ */ i(/* @__PURE__ */ c({
+}), b = /* @__PURE__ */ i(/* @__PURE__ */ l({
 	__name: "CardHeader",
 	props: {
 		shrink: { type: Boolean },
@@ -114,12 +118,12 @@ var _ = /* @__PURE__ */ c({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (d(), s("div", {
+		return (r, i) => (f(), c("div", {
 			"data-slot": "card-header",
-			class: l(p(e)("@container/card-header flex flex-col gap-y-(--card-pad-title-gap) px-(--card-pad-inline) pt-(--card-pad-block) pb-0", "has-data-[slot=card-action]:grid has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-action]:items-start", t.shrink && "card-header--shrink", n.class))
-		}, [f(r.$slots, "default")], 2));
+			class: u(m(e)("@container/card-header flex flex-col gap-y-(--card-pad-title-gap) px-(--card-pad-inline) pt-(--card-pad-block) pb-0", "has-data-[slot=card-action]:grid has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-action]:items-start", t.shrink && "card-header--shrink", n.class))
+		}, [p(r.$slots, "default")], 2));
 	}
-}), [["__scopeId", "data-v-59bd3f49"]]), y = /* @__PURE__ */ i(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-31414924"]]), x = /* @__PURE__ */ i(/* @__PURE__ */ l({
 	__name: "ScrollCard",
 	props: {
 		tier: { default: "resting" },
@@ -140,7 +144,7 @@ var _ = /* @__PURE__ */ c({
 	},
 	setup(e) {
 		let t = e, n = a(() => ({ "--scroll-card-max-height": t.maxHeight }));
-		return (r, i) => (d(), o(_, {
+		return (r, i) => (f(), o(y, {
 			tier: e.tier,
 			surface: e.surface,
 			shadow: e.shadow,
@@ -148,14 +152,14 @@ var _ = /* @__PURE__ */ c({
 			grain: !1,
 			tabindex: "0",
 			"data-slot": "scroll-card",
-			style: u(n.value),
-			class: l([
+			style: d(n.value),
+			class: u([
 				"scroll-card",
 				"card-scroll-host",
 				t.class
 			])
 		}, {
-			default: m(() => [f(r.$slots, "default", {}, void 0, !0)]),
+			default: h(() => [p(r.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		}, 8, [
 			"tier",
@@ -166,7 +170,7 @@ var _ = /* @__PURE__ */ c({
 			"class"
 		]));
 	}
-}), [["__scopeId", "data-v-2b254340"]]), b = /* @__PURE__ */ i(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-2b254340"]]), S = /* @__PURE__ */ i(/* @__PURE__ */ l({
 	__name: "ScrollCardHeader",
 	props: {
 		sticky: { type: Boolean },
@@ -180,16 +184,16 @@ var _ = /* @__PURE__ */ c({
 	},
 	setup(t) {
 		let n = t;
-		return (t, r) => (d(), o(v, {
+		return (t, r) => (f(), o(b, {
 			shrink: "",
 			"data-slot": "scroll-card-header",
-			class: l(p(e)("scroll-card-header", n.sticky !== !1 && "sticky top-0 z-10", n.class))
+			class: u(m(e)("scroll-card-header", n.sticky !== !1 && "sticky top-0 z-10", n.class))
 		}, {
-			default: m(() => [f(t.$slots, "default")]),
+			default: h(() => [p(t.$slots, "default")]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-ee1e969c"]]), x = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-ee1e969c"]]), C = /* @__PURE__ */ l({
 	__name: "CardTitle",
 	props: { class: { type: [
 		Boolean,
@@ -200,12 +204,12 @@ var _ = /* @__PURE__ */ c({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (d(), s("h3", {
+		return (t, r) => (f(), c("h3", {
 			"data-slot": "card-title",
-			class: l(p(e)("text-heading leading-none tracking-tight", n.class))
-		}, [f(t.$slots, "default")], 2));
+			class: u(m(e)("text-heading leading-none tracking-tight", n.class))
+		}, [p(t.$slots, "default")], 2));
 	}
-}), S = /* @__PURE__ */ c({
+}), w = /* @__PURE__ */ l({
 	__name: "CardDescription",
 	props: { class: { type: [
 		Boolean,
@@ -216,12 +220,12 @@ var _ = /* @__PURE__ */ c({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (d(), s("p", {
+		return (t, r) => (f(), c("p", {
 			"data-slot": "card-description",
-			class: l(p(e)("text-sm text-muted-foreground-strong", n.class))
-		}, [f(t.$slots, "default")], 2));
+			class: u(m(e)("text-sm text-muted-foreground-strong", n.class))
+		}, [p(t.$slots, "default")], 2));
 	}
-}), C = /* @__PURE__ */ c({
+}), T = /* @__PURE__ */ l({
 	__name: "CardContent",
 	props: { class: { type: [
 		Boolean,
@@ -232,9 +236,9 @@ var _ = /* @__PURE__ */ c({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (d(), s("div", { class: l(p(e)("px-(--card-pad-inline) pt-(--card-pad-section-gap) pb-(--card-pad-block)", n.class)) }, [f(t.$slots, "default")], 2));
+		return (t, r) => (f(), c("div", { class: u(m(e)("px-(--card-pad-inline) pt-(--card-pad-section-gap) pb-(--card-pad-block)", n.class)) }, [p(t.$slots, "default")], 2));
 	}
-}), w = /* @__PURE__ */ c({
+}), E = /* @__PURE__ */ l({
 	__name: "CardFooter",
 	props: { class: { type: [
 		Boolean,
@@ -245,9 +249,9 @@ var _ = /* @__PURE__ */ c({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (d(), s("div", { class: l(p(e)("flex items-center px-(--card-pad-inline) pt-(--card-pad-footer) pb-(--card-pad-block)", n.class)) }, [f(t.$slots, "default")], 2));
+		return (t, r) => (f(), c("div", { class: u(m(e)("flex items-center px-(--card-pad-inline) pt-(--card-pad-footer) pb-(--card-pad-block)", n.class)) }, [p(t.$slots, "default")], 2));
 	}
-}), T = /* @__PURE__ */ c({
+}), D = /* @__PURE__ */ l({
 	__name: "CardAction",
 	props: { class: { type: [
 		Boolean,
@@ -258,11 +262,11 @@ var _ = /* @__PURE__ */ c({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (d(), s("div", {
+		return (t, r) => (f(), c("div", {
 			"data-slot": "card-action",
-			class: l(p(e)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n.class))
-		}, [f(t.$slots, "default")], 2));
+			class: u(m(e)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n.class))
+		}, [p(t.$slots, "default")], 2));
 	}
 });
 //#endregion
-export { x as a, v as c, S as i, _ as l, w as n, b as o, C as r, y as s, T as t };
+export { C as a, b as c, w as i, y as l, E as n, S as o, T as r, x as s, D as t };

package/dist/{CommandShortcut-D3yxgHNn.js → CommandShortcut-By-VQcLO.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.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-6JtTB5x2.js";
-import { t as a } from "./menuItemVariants-D8VNHq22.js";
+import { t as n } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { n as r, t as i } from "./DialogContent-D8U9ZfWS.js";
+import { t as a } from "./menuItemVariants-DAXquKja.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";
 //#endregion

package/dist/{ConfiguratorRow-CaP7U3ZA.js → ConfiguratorRow-YMXdINHx.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.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";
+import { t as r } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as i } from "./createContext-Cd23P9j0.js";
+import { t as a } from "./Label-B_HPqi_q.js";
 import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useId as b, useModel as x, withCtx as S } from "vue";
 //#region src/components/custom/configurator/density.ts
 var C = i("configuratorDensity"), w = C.KEY;

package/dist/{ContextMenuContent-B3ZsheLV.js → ContextMenuContent-CMWn6huB.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-g0NloYEF.js";
+import { t } from "./useSurfaceAxis-Ci7Dnaw2.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

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

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { S as t, m as n, y as r } from "./vendor-B2qOlYY3.js";
-import { t as i } from "./menuItemVariants-D8VNHq22.js";
+import { t as i } from "./menuItemVariants-DAXquKja.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";
 //#endregion

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

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.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-B3ZsheLV.js";
-import { t as o } from "./useResizeObserver-Bpoi7tRE.js";
+import { n as t } from "./button-D1W9PrzI.js";
+import { t as n } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { n as r, r as i, t as a } from "./ContextMenuContent-CMWn6huB.js";
+import { t as o } from "./useResizeObserver-DdEn3v2f.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
 var A = {

package/dist/DialogContent-D8U9ZfWS.js

@@ -0,0 +1,121 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./vendor-B2qOlYY3.js";
+import { t as n } from "./useSurfaceAxis-Ci7Dnaw2.js";
+import { t as r } from "./useSpringMount-DFxtzmkR.js";
+import { t as i } from "./ModalOverlay-DfAf7o15.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, onScopeDispose as f, openBlock as p, renderSlot as m, unref as h, watch as g, withCtx as _ } from "vue";
+import { DialogClose as v, DialogContent as y, DialogPortal as b, DialogRoot as x, injectDialogRootContext as S, useForwardPropsEmits as C } from "reka-ui";
+//#endregion
+//#region src/components/ui/dialog/Dialog.vue
+var w = /* @__PURE__ */ u({
+	__name: "Dialog",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = C(e, t);
+		return (e, t) => (p(), o(h(x), d({ "data-slot": "dialog" }, h(n)), {
+			default: _(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), T = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", E = "-translate-x-1/2 -translate-y-1/2 glass-reveal", D = /* @__PURE__ */ u({
+	__name: "DialogContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" },
+		scrimAnimation: {},
+		spring: { type: [Boolean, String] },
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		stage: { default: "none" }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(u, { emit: x }) {
+		let w = u, D = x, O = a(() => {
+			let { class: e, surface: t, scrimAnimation: n, spring: r, showClose: i, stage: a, ...o } = w;
+			return o;
+		}), k = typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, A = a(() => {
+			let e = w.stage;
+			return k && (e === "scale" || e === "immersive") ? "dim" : e;
+		}), j = S();
+		function M(e) {
+			if (typeof document > "u" || w.stage === "none") return;
+			let t = document.documentElement, n = document.querySelector("[data-stage-wrapper]"), r = document.querySelector("[data-stage-scrim]");
+			e ? (t.setAttribute("data-stage-flip", ""), t.style.setProperty("--stage-t", "0"), requestAnimationFrame(() => t.style.setProperty("--stage-t", "1"))) : (t.removeAttribute("data-stage-flip"), t.style.removeProperty("--stage-t"));
+			let i = e && (A.value === "scale" || A.value === "immersive"), a = e && A.value === "immersive";
+			n && n.toggleAttribute("data-stage-scale", i), r && r.toggleAttribute("data-stage-immersive", a);
+		}
+		g(() => j?.open.value, (e) => M(!!e), { immediate: !0 }), f(() => M(!1));
+		let N = C(O, D), P = a(() => e(n(w.surface, "floating"), "rounded-dialog")), F = w.spring ? S() : null, I = w.spring && F ? r({
+			open: F.open,
+			preset: typeof w.spring == "string" ? w.spring : "smooth"
+		}) : null, L = a(() => {
+			if (!I) return;
+			let e = I.position.value, t = 1 - .05 * e;
+			return {
+				transform: "none",
+				translate: "-50% -50%",
+				scale: String(t),
+				opacity: String(1 - e),
+				animation: "none",
+				transition: "none"
+			};
+		}), R = { "--glass-bg-floating": "var(--glass-bg-dialog)" }, z = a(() => ({
+			...R,
+			...L.value ?? {}
+		}));
+		return (n, r) => (p(), o(h(b), null, {
+			default: _(() => [l(i, {
+				scrim: "glass",
+				animate: "fade",
+				layout: "centered",
+				"scrim-animation": w.scrimAnimation
+			}, null, 8, ["scrim-animation"]), l(h(y), d(h(N), {
+				class: h(e)(T, w.spring ? "" : E, P.value, w.class),
+				style: z.value,
+				"data-surface": w.surface,
+				"data-spring": w.spring ? typeof w.spring == "string" ? w.spring : "smooth" : void 0
+			}), {
+				default: _(() => [m(n.$slots, "default"), w.showClose ? (p(), o(h(v), {
+					key: 0,
+					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: _(() => [l(h(t), { class: "w-4 h-4" }), r[0] ||= c("span", { class: "sr-only" }, "Close", -1)]),
+					_: 1
+				})) : s("", !0)]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"data-surface",
+				"data-spring"
+			])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { w as n, D as t };

package/dist/{DialogScrollContent-TTuovQst.js → DialogScrollContent-BMekN7gq.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./vendor-B2qOlYY3.js";
-import { t as n } from "./ModalOverlay-D1VrWyoi.js";
+import { t as n } from "./ModalOverlay-DfAf7o15.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

package/dist/{FadingScroll-DLRbH5Xr.js → FadingScroll-P8B30rAD.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./supportsCssTimeline-BWenxvHU.js";
-import { t } from "./useResizeObserver-Bpoi7tRE.js";
+import { t } from "./useResizeObserver-DdEn3v2f.js";
 import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, unref as u } from "vue";
 //#region src/components/custom/fading-scroll/constants.ts
 var d = e();

package/dist/{HoverCardContent-Bel1gdLZ.js → HoverCardContent-DAmGYglo.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-g0NloYEF.js";
+import { t } from "./useSurfaceAxis-Ci7Dnaw2.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 { HoverCardContent as p, HoverCardPortal as m, HoverCardRoot as h, HoverCardTrigger as g, useForwardProps as _, useForwardPropsEmits as v } from "reka-ui";
 //#endregion

package/dist/{HoverPopover-BcIxvyqZ.js → HoverPopover-DYpBOzzF.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-BNfyPLe9.js";
+import { i as t } from "./dockContext-gFVS2gMg.js";
 import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useId as h, useModel as g, watch as _, withCtx as v } from "vue";
 import { HoverCardContent as y, HoverCardPortal as b, HoverCardRoot as x, HoverCardTrigger as S } from "reka-ui";
 //#region src/components/custom/hover-popover/HoverPopover.vue?vue&type=script&setup=true&lang.ts

package/dist/{IconChip-DhbdGdFQ.js → IconChip-CQa7XZYc.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vReveal-D9k0jADx.js";
+import { t } from "./vReveal-CT1KtwZA.js";
 import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, resolveDynamicComponent as l, unref as u, withDirectives as d } from "vue";
 //#region src/components/custom/icon-chip/IconChip.vue?vue&type=script&setup=true&lang.ts
-var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({
+var f = ["data-duotone", "data-surface"], p = 48, m = 22, h = /* @__PURE__ */ a({
 	name: "IconChip",
 	__name: "IconChip",
 	props: {
@@ -16,6 +16,7 @@ var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({
 		duotone: { type: Boolean },
 		bloom: { type: Boolean },
 		saturated: { type: Boolean },
+		glass: { type: Boolean },
 		reveal: { type: [Boolean, Number] },
 		class: { type: [
 			Boolean,
@@ -27,17 +28,18 @@ var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({
 	},
 	setup(a) {
 		let h = a, g = n(() => h.tone == null ? h.section == null ? "var(--muted-foreground)" : `var(--section-color-${h.section}, var(--muted-foreground))` : h.tone), _ = n(() => h.tone == null ? h.section == null ? "var(--muted)" : `var(--section-color-${h.section}, var(--muted))` : h.tone), v = n(() => void 0), y = n(() => h.reveal != null && h.reveal !== !1), b = n(() => h.reveal === !0 ? 0 : typeof h.reveal == "number" ? h.reveal : 0), x = n(() => {
-			let e = h.glyphSize ?? m;
-			return {
+			let e = h.glyphSize ?? m, t = {
 				"--icon-chip-event-color": g.value,
 				"--icon-chip-plate-color": _.value,
 				"--icon-chip-glyph-size": `${e}px`,
 				"--icon-chip-size": `${h.size ?? p}px`
 			};
+			return h.glass && (t["--glass-fill-tint"] = g.value, t["--glass-fill-strength"] = "var(--icon-chip-glass-strength, 14%)"), t;
 		});
 		return (n, a) => d((c(), i("span", {
-			class: o(["icon-chip", u(e)(h.bare && "icon-chip--bare", h.duotone && "icon-chip--duotone", h.bloom && "icon-chip--bloom", h.saturated && "icon-chip--saturated", y.value && "icon-chip--reveal", h.class)]),
+			class: o(["icon-chip", u(e)(h.bare && "icon-chip--bare", h.duotone && "icon-chip--duotone", h.bloom && "icon-chip--bloom", h.saturated && "icon-chip--saturated", h.glass && "icon-chip--glass glass-capsule glass-atom", y.value && "icon-chip--reveal", h.class)]),
 			"data-duotone": h.duotone ? "" : void 0,
+			"data-surface": h.glass ? "glass" : void 0,
 			style: s(x.value)
 		}, [(c(), r(l(h.icon), {
 			class: "icon-chip__glyph",

package/dist/{IconTooltip-B0zimd2H.js → IconTooltip-_df8M3xm.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-BJ_Y5EGX.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-QQVM_80r.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 //#endregion
 //#region src/components/custom/icon-tooltip/IconTooltip.vue

package/dist/{Input-Cg9DF62r.js → Input-CyU4_hIC.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useControlSize-SH1UmJCi.js";
+import { t } from "./useControlSize-DAZ062x7.js";
 import { computed as n, createElementBlock as r, defineComponent as i, isRef as a, mergeProps as o, openBlock as s, unref as c, vModelDynamic as l, withDirectives as u } from "vue";
 import { useVModel as d } from "@vueuse/core";
 //#endregion
@@ -50,7 +50,7 @@ var f = /* @__PURE__ */ i({
 		}, {
 			...n.$attrs,
 			...h.value
-		}, { class: c(e)("input-pill [--control-surface-bg:var(--input-on-glass)] file:border-0 file:bg-transparent file:text-(length:--control-text-sm) file:font-medium", c(t)(p.size), p.class) }), null, 16)), [[l, c(m)]]);
+		}, { class: c(e)("input-pill glass-control-edge [--control-surface-bg:var(--input-on-glass)] file:border-0 file:bg-transparent file:text-(length:--control-text-sm) file:font-medium", c(t)(p.size), p.class) }), null, 16)), [[l, c(m)]]);
 	}
 });
 //#endregion

package/dist/{MetricBadge-RHdBP72w.js → MetricBadge-DQt_dGah.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { n as t } from "./coalesceMetric-5qIeZnTx.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./_plugin-vue_export-helper-gLzyemvl.js";
 import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, toDisplayString as f, unref as p } from "vue";
 //#region src/components/custom/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
 var m = ["data-size"], h = {

package/dist/{Notification-CphK7AAm.js → Notification-BlSPJhtZ.js}

@@ -1,5 +1,5 @@
 import { _ as e, f as t, g as n, h as r, t as i } from "./vendor-B2qOlYY3.js";
-import { t as a } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as a } from "./_plugin-vue_export-helper-gLzyemvl.js";
 import { Fragment as o, TransitionGroup as s, createBlock as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 //#region src/components/ui/notification/Notification.vue?vue&type=script&setup=true&lang.ts
 var b = { class: "flex-1 text-sm font-medium" }, x = ["onClick"], S = /* @__PURE__ */ a(/* @__PURE__ */ f({

package/dist/{NumberFieldContent-D8cXeyO4.js → NumberFieldContent-Z3VxGu_6.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { i as t, s as n } from "./vendor-B2qOlYY3.js";
-import { n as r } from "./button-5dY1Dvhd.js";
-import { t as i } from "./useControlSize-SH1UmJCi.js";
+import { n as r } from "./button-D1W9PrzI.js";
+import { t as i } from "./useControlSize-DAZ062x7.js";
 import { computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
 import { NumberFieldDecrement as g, NumberFieldIncrement as _, NumberFieldInput as v, NumberFieldRoot as y, useForwardProps as b, useForwardPropsEmits as x } from "reka-ui";
 //#endregion
@@ -57,7 +57,7 @@ var S = /* @__PURE__ */ l({
 			...t.$attrs
 		}, {
 			"data-slot": "input",
-			class: m(e)("input-pill rounded-field px-9 py-2 text-center", m(i)(n.size))
+			class: m(e)("input-pill glass-control-edge rounded-field px-9 py-2 text-center", m(i)(n.size))
 		}), null, 16, ["class"]));
 	}
 }), w = /* @__PURE__ */ l({