@mkbabb/glass-ui 4.0.0 → 4.0.1

package/README.md

@@ -60,7 +60,9 @@ import { DEFAULT_AURORA_CONFIG, MAX_NUCLEI } from "@mkbabb/glass-ui/api";
 /* override tokens locally for your project */
 :root {
     --glass-opacity-resting: 0.82;
-    --glass-blur-resting: blur(12px);
+    /* the consumer-tunable radius primitive — the composed --glass-blur-resting
+       threads --glass-level + saturate, never override it directly */
+    --glass-blur-resting-radius: 10px;
 }
 ```
 

package/dist/CardAction-CW7a0m8M.js

@@ -0,0 +1,253 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./vSpecular-CQFmLNzA.js";
+import { t as n } from "./useLiquidPress-kfb4KX79.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({
+	__name: "Card",
+	props: {
+		tier: { default: "resting" },
+		surface: { default: "glass" },
+		shadow: {
+			type: Boolean,
+			default: !0
+		},
+		grain: {
+			type: Boolean,
+			default: !0
+		},
+		grid: {
+			type: Boolean,
+			default: !1
+		},
+		specular: { default: "off" },
+		pressable: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(i) {
+		let s = i, c = a(() => s.surface === "glass" && s.specular !== "off"), _ = a(() => s.specular === "full" ? {
+			"--glass-specular-intensity-rest": "0.04",
+			"--glass-specular-intensity-hover": "0.18",
+			"--glass-specular-intensity-active": "0.26"
+		} : {}), v = n({
+			response: .28,
+			dampingFraction: .78,
+			pressVar: "--card-press-t",
+			shrinkDepth: .02,
+			maxStretch: 1.03
+		}), y = a(() => {
+			let e = c.value ? _.value : void 0;
+			return s.pressable ? {
+				...e ?? {},
+				...v.pressStyle.value
+			} : e;
+		});
+		return (n, a) => h((d(), o(p(g), {
+			"data-slot": "card",
+			"data-tier": i.tier,
+			"data-surface": i.surface,
+			"data-grain": i.grain,
+			"data-grid": i.grid,
+			"data-pressable": i.pressable || void 0,
+			as: i.as,
+			"as-child": i.asChild,
+			style: u(y.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))
+		}, {
+			default: m(() => [f(n.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"data-tier",
+			"data-surface",
+			"data-grain",
+			"data-grid",
+			"data-pressable",
+			"as",
+			"as-child",
+			"style",
+			"class"
+		])), [[p(t), c.value]]);
+	}
+}), v = /* @__PURE__ */ i(/* @__PURE__ */ c({
+	__name: "CardHeader",
+	props: {
+		shrink: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (d(), s("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));
+	}
+}), [["__scopeId", "data-v-59bd3f49"]]), y = /* @__PURE__ */ i(/* @__PURE__ */ c({
+	__name: "ScrollCard",
+	props: {
+		tier: { default: "resting" },
+		surface: { default: "glass" },
+		shadow: {
+			type: Boolean,
+			default: !0
+		},
+		specular: { default: "off" },
+		maxHeight: { default: "18rem" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = a(() => ({ "--scroll-card-max-height": t.maxHeight }));
+		return (r, i) => (d(), o(_, {
+			tier: e.tier,
+			surface: e.surface,
+			shadow: e.shadow,
+			specular: e.specular,
+			grain: !1,
+			tabindex: "0",
+			"data-slot": "scroll-card",
+			style: u(n.value),
+			class: l([
+				"scroll-card",
+				"card-scroll-host",
+				t.class
+			])
+		}, {
+			default: m(() => [f(r.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, [
+			"tier",
+			"surface",
+			"shadow",
+			"specular",
+			"style",
+			"class"
+		]));
+	}
+}), [["__scopeId", "data-v-2b254340"]]), b = /* @__PURE__ */ i(/* @__PURE__ */ c({
+	__name: "ScrollCardHeader",
+	props: {
+		sticky: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t;
+		return (t, r) => (d(), o(v, {
+			shrink: "",
+			"data-slot": "scroll-card-header",
+			class: l(p(e)("scroll-card-header", n.sticky !== !1 && "sticky top-0 z-10", n.class))
+		}, {
+			default: m(() => [f(t.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), [["__scopeId", "data-v-ee1e969c"]]), x = /* @__PURE__ */ c({
+	__name: "CardTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (d(), s("h3", {
+			"data-slot": "card-title",
+			class: l(p(e)("text-heading leading-none tracking-tight", n.class))
+		}, [f(t.$slots, "default")], 2));
+	}
+}), S = /* @__PURE__ */ c({
+	__name: "CardDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (d(), s("p", {
+			"data-slot": "card-description",
+			class: l(p(e)("text-sm text-muted-foreground-strong", n.class))
+		}, [f(t.$slots, "default")], 2));
+	}
+}), C = /* @__PURE__ */ c({
+	__name: "CardContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	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));
+	}
+}), w = /* @__PURE__ */ c({
+	__name: "CardFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	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));
+	}
+}), T = /* @__PURE__ */ c({
+	__name: "CardAction",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (d(), s("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));
+	}
+});
+//#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 };

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

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./search-BSGrf2Sk.js";
-import { t as n } from "./useSurfaceAxis-CMnF2zHb.js";
-import { n as r, t as i } from "./DialogContent-DDE6pQBU.js";
-import { t as a } from "./menuItemVariants-DWRQXBxJ.js";
+import { n as t } from "./vendor-CKmzio-i.js";
+import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
+import { n as r, t as i } from "./DialogContent-DcKK8k9i.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";
 //#endregion

package/dist/ConfiguratorRow-BR4l-ixA.js

@@ -0,0 +1,143 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { b as t, r as n } from "./vendor-CKmzio-i.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 { 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;
+function T(e) {
+	C.provide(e);
+}
+var E = C.use, D = ["data-state"], O = [
+	"aria-expanded",
+	"aria-controls",
+	"data-state"
+], k = { class: "flex min-w-0 items-baseline gap-2" }, A = { class: "configurator-section-label truncate" }, j = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, M = [
+	"id",
+	"aria-hidden",
+	"inert",
+	"data-state"
+], N = { class: "min-h-0 overflow-hidden" }, P = ["data-dividers"], F = /* @__PURE__ */ r(/* @__PURE__ */ f({
+	__name: "ConfiguratorLayer",
+	props: /* @__PURE__ */ p({
+		label: {},
+		sub: {},
+		id: {},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		dividers: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		bodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(n) {
+		let r = n, i = x(n, "open");
+		i.value === void 0 && (i.value = r.defaultOpen);
+		let a = `configurator-layer-body-${b()}`, u = o(() => r.id ?? a);
+		function f() {
+			i.value = !i.value;
+		}
+		let p = o(() => i.value ? "open" : "closed");
+		return (a, o) => (g(), c("div", {
+			"data-slot": "configurator-layer",
+			class: m(y(e)("configurator-layer border-b last:border-b-0", r.class)),
+			"data-state": p.value
+		}, [l("button", {
+			type: "button",
+			"data-slot": "configurator-layer-trigger",
+			class: m(y(e)("configurator-layer-trigger", "group flex w-full items-center justify-between gap-2 px-3 py-2", "tap-squish transition-control text-left hover:bg-foreground/5 focus-ring")),
+			"aria-expanded": i.value,
+			"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), {
+			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", {
+			id: u.value,
+			role: "region",
+			"aria-hidden": !i.value,
+			inert: !i.value || void 0,
+			"data-state": p.value,
+			class: "configurator-layer-region grid motion-reduce:transition-none",
+			style: h({ gridTemplateRows: i.value ? "1fr" : "0fr" })
+		}, [l("div", N, [l("div", {
+			"data-dividers": r.dividers || void 0,
+			class: m(y(e)("configurator-layer-body px-3 py-2 space-y-2", r.dividers && "[&>*+*]:border-t [&>*+*]:pt-2", r.bodyClass))
+		}, [_(a.$slots, "default", {}, void 0, !0)], 10, P)])], 12, M)], 10, D));
+	}
+}), [["__scopeId", "data-v-e887a77f"]]), I = ["data-density"], L = { class: "flex items-baseline justify-between gap-3" }, R = { class: "flex min-w-0 items-baseline gap-2" }, z = {
+	key: 0,
+	class: "truncate text-micro font-mono text-muted-foreground/70"
+}, B = ["aria-label"], V = { class: "flex w-full min-w-0 items-center [&>*]:min-w-0 [&>*]:w-full [&>*]:flex-1" }, H = {
+	key: 0,
+	class: "text-micro leading-snug text-muted-foreground/80"
+}, U = /* @__PURE__ */ r(/* @__PURE__ */ f({
+	__name: "ConfiguratorRow",
+	props: {
+		label: {},
+		name: {},
+		description: {},
+		canReset: { type: Boolean },
+		density: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["reset"],
+	setup(t, { emit: r }) {
+		let i = t, 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)]),
+				_: 1
+			}), t.name ? (g(), c("span", z, v(t.name), 1)) : s("", !0)]), t.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}`,
+				onClick: o[0] ||= (e) => f("reset")
+			}, [d(y(n), {
+				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)
+		], 10, I));
+	}
+}), [["__scopeId", "data-v-7978cb8d"]]);
+//#endregion
+export { E as a, T as i, F as n, w as r, U as t };

package/dist/{ContextMenuContent-ON3x7cuk.js → ContextMenuContent-uWnVxDab.js}

@@ -73,7 +73,7 @@ var v = /* @__PURE__ */ i({
 			return t;
 		}), m);
 		return (t, i) => (c(), n(u(p), null, {
-			default: d(() => [r(u(f), o(u(h), { class: u(e)("z-popover min-w-32 overflow-hidden rounded-panel border glass-floating p-1 text-popover-foreground popover-animate slide-in-from-side", s.class) }), {
+			default: d(() => [r(u(f), o(u(h), { class: u(e)("z-popover min-w-32 overflow-hidden rounded-panel border glass-floating p-1 text-popover-foreground glass-reveal", s.class) }), {
 				default: d(() => [l(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),

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

@@ -1,16 +1,11 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DydS2qgk.js";
-import { t as n } from "./check-njhk-vfu.js";
-import { t as r } from "./chevron-right-CPXbqQQz.js";
-import { t as i } from "./menuItemVariants-DWRQXBxJ.js";
+import { p as t, v as n, x as r } from "./vendor-CKmzio-i.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";
-var A = t("circle", [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10",
-	key: "1mglay"
-}]]), j = /* @__PURE__ */ u({
+//#endregion
+//#region src/components/ui/context-menu/ContextMenuRadioGroup.vue
+var A = /* @__PURE__ */ u({
 	__name: "ContextMenuRadioGroup",
 	props: {
 		modelValue: {},
@@ -25,7 +20,7 @@ var A = t("circle", [["circle", {
 			_: 3
 		}, 16));
 	}
-}), M = /* @__PURE__ */ u({
+}), j = /* @__PURE__ */ u({
 	__name: "ContextMenuItem",
 	props: {
 		disabled: { type: Boolean },
@@ -52,7 +47,7 @@ var A = t("circle", [["circle", {
 			_: 3
 		}, 16, ["class"]));
 	}
-}), N = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, P = /* @__PURE__ */ u({
+}), M = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, N = /* @__PURE__ */ u({
 	__name: "ContextMenuCheckboxItem",
 	props: {
 		modelValue: { type: [Boolean, String] },
@@ -69,20 +64,20 @@ var A = t("circle", [["circle", {
 		] }
 	},
 	emits: ["select", "update:modelValue"],
-	setup(t, { emit: r }) {
-		let s = t, u = r, d = k(a(() => {
+	setup(t, { emit: n }) {
+		let s = t, u = n, d = k(a(() => {
 			let { class: e, ...t } = s;
 			return t;
 		}), u);
-		return (t, r) => (h(), o(_(y), f(_(d), { class: _(e)(_(i)({ indicator: "start-wide" }), s.class) }), {
-			default: v(() => [c("span", N, [l(_(x), null, {
-				default: v(() => [l(_(n), { class: "h-4 w-4" })]),
+		return (t, n) => (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" })]),
 				_: 1
 			})]), g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), F = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, I = /* @__PURE__ */ u({
+}), P = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, F = /* @__PURE__ */ u({
 	__name: "ContextMenuRadioItem",
 	props: {
 		value: {},
@@ -99,20 +94,20 @@ var A = t("circle", [["circle", {
 		] }
 	},
 	emits: ["select"],
-	setup(t, { emit: n }) {
-		let r = t, s = n, u = k(a(() => {
-			let { class: e, ...t } = r;
+	setup(n, { emit: r }) {
+		let s = n, u = r, d = k(a(() => {
+			let { class: e, ...t } = s;
 			return t;
-		}), s);
-		return (t, n) => (h(), o(_(w), f(_(u), { class: _(e)(_(i)({ indicator: "start-wide" }), r.class) }), {
-			default: v(() => [c("span", F, [l(_(x), null, {
-				default: v(() => [l(_(A), { class: "h-2 w-2 fill-current" })]),
+		}), u);
+		return (n, 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" })]),
 				_: 1
-			})]), g(t.$slots, "default")]),
+			})]), g(n.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), L = /* @__PURE__ */ u({
+}), I = /* @__PURE__ */ u({
 	__name: "ContextMenuShortcut",
 	props: { class: { type: [
 		Boolean,
@@ -125,7 +120,7 @@ var A = t("circle", [["circle", {
 		let n = t;
 		return (t, r) => (h(), s("span", { class: p(_(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [g(t.$slots, "default")], 2));
 	}
-}), R = /* @__PURE__ */ u({
+}), L = /* @__PURE__ */ u({
 	__name: "ContextMenuSeparator",
 	props: {
 		asChild: { type: Boolean },
@@ -145,7 +140,7 @@ var A = t("circle", [["circle", {
 		});
 		return (t, i) => (h(), o(_(T), f(r.value, { class: _(e)("-mx-1 my-1 h-px bg-border", n.class) }), null, 16, ["class"]));
 	}
-}), z = /* @__PURE__ */ u({
+}), R = /* @__PURE__ */ u({
 	__name: "ContextMenuLabel",
 	props: {
 		asChild: { type: Boolean },
@@ -169,7 +164,7 @@ var A = t("circle", [["circle", {
 			_: 3
 		}, 16, ["class"]));
 	}
-}), B = /* @__PURE__ */ u({
+}), z = /* @__PURE__ */ u({
 	__name: "ContextMenuSubTrigger",
 	props: {
 		disabled: { type: Boolean },
@@ -186,16 +181,16 @@ var A = t("circle", [["circle", {
 		inset: { type: Boolean }
 	},
 	setup(t) {
-		let n = t, s = O(a(() => {
-			let { class: e, ...t } = n;
+		let r = t, s = O(a(() => {
+			let { class: e, ...t } = r;
 			return t;
 		}));
-		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" })]),
+		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" })]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), V = /* @__PURE__ */ u({
+}), B = /* @__PURE__ */ u({
 	__name: "ContextMenuSubContent",
 	props: {
 		forceMount: { type: Boolean },
@@ -240,11 +235,11 @@ var A = t("circle", [["circle", {
 			let { class: e, ...t } = r;
 			return t;
 		}), i);
-		return (t, n) => (h(), o(_(E), f(_(s), { class: _(e)("z-popover min-w-32 overflow-hidden rounded-panel border glass-floating p-1 text-popover-foreground popover-animate slide-in-from-side", r.class) }), {
+		return (t, n) => (h(), o(_(E), f(_(s), { class: _(e)("z-popover min-w-32 overflow-hidden rounded-panel border glass-floating p-1 text-popover-foreground glass-reveal", r.class) }), {
 			default: v(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
-export { L as a, M as c, R as i, j as l, B as n, I as o, z as r, P as s, V as t, A as u };
+export { I as a, j as c, L as i, A as l, z as n, F as o, R as r, N as s, B as t };

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

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./button-BNDWhAZb.js";
-import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { n as r, r as i, t as a } from "./ContextMenuContent-ON3x7cuk.js";
-import { t as o } from "./useResizeObserver-V6nq5gJb.js";
+import { n as t } from "./button-DYCUa-tH.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 { 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
 var A = {

package/dist/{DialogContent-DDE6pQBU.js → DialogContent-DcKK8k9i.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./useSurfaceAxis-CMnF2zHb.js";
-import { t as r } from "./useSpringMount-CvopqiFr.js";
-import { t as i } from "./ModalOverlay-CkPRRgl_.js";
+import { t } from "./vendor-CKmzio-i.js";
+import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
+import { t as r } from "./useSpringMount-q1amq1SJ.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";
 //#endregion
@@ -22,7 +22,7 @@ var S = /* @__PURE__ */ u({
 			_: 3
 		}, 16));
 	}
-}), C = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 p-6", w = "-translate-x-1/2 -translate-y-1/2 duration-normal popover-animate", T = /* @__PURE__ */ u({
+}), C = "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)", w = "-translate-x-1/2 -translate-y-1/2 glass-reveal", T = /* @__PURE__ */ u({
 	__name: "DialogContent",
 	props: {
 		forceMount: { type: Boolean },

package/dist/{DialogFooter-8eZbdmPc.js → DialogFooter-BZNX5aVr.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./ModalOverlay-CkPRRgl_.js";
+import { t } from "./vendor-CKmzio-i.js";
+import { t as n } from "./ModalOverlay-D1VrWyoi.js";
 import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, unref as h, withCtx as g } from "vue";
 import { DialogClose as _, DialogContent as v, DialogDescription as y, DialogPortal as b, DialogTitle as x, DialogTrigger as S, useForwardProps as C, useForwardPropsEmits as w } from "reka-ui";
 //#endregion
@@ -132,7 +132,7 @@ var T = /* @__PURE__ */ c({
 				layout: "scroll",
 				class: d(l.overlayClass)
 			}, {
-				default: g(() => [s(h(v), u({ class: h(e)("popover-content relative z-overlay grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 [box-shadow:var(--glass-shadow-floating)] duration-200 sm:rounded-dialog md:w-full", l.class) }, h(y), { onPointerDownOutside: a[0] ||= (e) => {
+				default: g(() => [s(h(v), u({ class: h(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", l.class) }, h(y), { onPointerDownOutside: a[0] ||= (e) => {
 					let t = e.detail.originalEvent, n = t.target;
 					(t.offsetX > n.clientWidth || t.offsetY > n.clientHeight) && e.preventDefault();
 				} }), {

package/dist/{FadingScroll-DwNnvKMs.js → FadingScroll-DI6hQhT9.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./supportsCssTimeline-BWenxvHU.js";
-import { t } from "./useResizeObserver-V6nq5gJb.js";
+import { t } from "./useResizeObserver-Bpoi7tRE.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-DkMaQzH5.js → HoverCardContent-b2uaAMRR.js}

@@ -71,7 +71,7 @@ var v = /* @__PURE__ */ i({
 			return t;
 		}));
 		return (t, i) => (c(), n(u(p), null, {
-			default: d(() => [r(u(f), o(u(s), { class: u(e)("z-hovercard w-64 rounded-panel border glass-floating p-4 text-popover-foreground outline-none popover-animate slide-in-from-side", a.class) }), {
+			default: d(() => [r(u(f), o(u(s), { class: u(e)("z-hovercard w-64 rounded-panel border glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) text-popover-foreground outline-none glass-reveal", a.class) }), {
 				default: d(() => [l(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),