@mkbabb/glass-ui 4.0.0 → 4.1.0

package/src/styles/utilities.css

@@ -3,17 +3,24 @@
  * ── Thin @import ROOT (cohesion-aware carve) ───────────────────────────────
  * The utility body is carved into cohesive `utilities/*.css` partials (each
  * under the 500-line no-god-module bound), @import-ed below in CASCADE ORDER.
- * The leading @utility animation pair, the @layer components block (split at
- * the metric-badge seam into two adjacent same-layer blocks — isomorphic), the
- * @utility button cluster, and the a11y @media overrides keep their source
- * order so the cascade is unchanged. See docs/precepts/design-idioms.md
- * §cohesion-aware partials.
+ * The leading @utility animation pair, the @layer components base block (split
+ * at the metric-badge seam into base/components AND, at BB.W-CARVE3, at the
+ * post-tap-squish seam into base/base-misc — all adjacent same-layer blocks,
+ * isomorphic), the @utility button cluster, and the a11y @media overrides keep
+ * their source order so the cascade is unchanged. See
+ * docs/precepts/design-idioms.md §cohesion-aware partials.
  */
 
-/* CSS @import rules must precede every other rule. The five partials @import in
-   cascade order: */
+/* CSS @import rules must precede every other rule. The partials @import in
+   cascade order (base.css's post-tap-squish tail was carved into base-misc.css at
+   BB.W-CARVE3 — an adjacent same-`@layer components` block at the next slot, so
+   the cascade is unchanged). BB.W-METAL-SHIMMER homes `metal.css` right after
+   `base-misc.css` (its `.gold-shimmer` sibling — both `@layer components` metal
+   registers; the metal family is cohesive with the re-pointed gold-shimmer): */
 @import "./utilities/animate.css";
 @import "./utilities/base.css";
+@import "./utilities/base-misc.css";
+@import "./utilities/metal.css";
 @import "./utilities/components.css";
 @import "./utilities/btn.css";
 @import "./utilities/a11y-overrides.css";

package/dist/CardAction-XH4YBVEK.js

@@ -1,158 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSpecularTracking-Bo5su68i.js";
-import { t as n } from "./useSurfaceAxis-CMnF2zHb.js";
-import { t as r } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { computed as i, createBlock as a, createElementBlock as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
-import { Primitive as m } from "reka-ui";
-var h = /* @__PURE__ */ s({
-	__name: "Card",
-	props: {
-		tier: { default: "resting" },
-		surface: { default: "glass" },
-		shadow: {
-			type: Boolean,
-			default: !0
-		},
-		grain: {
-			type: Boolean,
-			default: !0
-		},
-		specular: { default: "off" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: { default: "div" }
-	},
-	setup(r) {
-		let o = r, { specularStyle: s, onPointerMove: h } = t(), g = i(() => o.surface === "glass" && o.specular !== "off"), _ = i(() => o.specular === "full" ? {
-			"--glass-specular-intensity-rest": "0.04",
-			"--glass-specular-intensity-hover": "0.18",
-			"--glass-specular-intensity-active": "0.26"
-		} : {}), v = i(() => g.value ? {
-			..._.value,
-			...s.value
-		} : void 0);
-		return (t, i) => (u(), a(f(m), {
-			"data-slot": "card",
-			"data-tier": r.tier,
-			"data-surface": r.surface,
-			"data-grain": r.grain,
-			as: r.as,
-			"as-child": r.asChild,
-			style: l(v.value),
-			onPointermove: i[0] ||= (e) => g.value && f(h)(e),
-			class: c(f(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-spacing:--spacing(6)] data-[size=sm]:[--card-spacing:--spacing(4)]", r.tier === "opaque" ? "glass-resting glass-opaque" : `glass-${r.tier}`, g.value && "glass-specular-track", r.surface === "cartoon" && "cartoon-surface", r.surface === "veil" && f(n)("veil").replace(/^glass-\w+\s+/, ""), r.shadow && r.surface === "glass" && "shadow-card", !r.grain && "[&::after]:hidden", o.class))
-		}, {
-			default: p(() => [d(t.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"data-tier",
-			"data-surface",
-			"data-grain",
-			"as",
-			"as-child",
-			"style",
-			"class"
-		]));
-	}
-}), g = /* @__PURE__ */ r(/* @__PURE__ */ s({
-	__name: "CardHeader",
-	props: {
-		shrink: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t;
-		return (r, i) => (u(), o("div", {
-			"data-slot": "card-header",
-			class: c(f(e)("@container/card-header flex flex-col gap-y-1.5 p-(--card-spacing)", "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))
-		}, [d(r.$slots, "default", {}, void 0, !0)], 2));
-	}
-}), [["__scopeId", "data-v-835e5cc0"]]), _ = /* @__PURE__ */ s({
-	__name: "CardTitle",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (u(), o("h3", {
-			"data-slot": "card-title",
-			class: c(f(e)("text-heading leading-none tracking-tight", n.class))
-		}, [d(t.$slots, "default")], 2));
-	}
-}), v = /* @__PURE__ */ s({
-	__name: "CardDescription",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (u(), o("p", {
-			"data-slot": "card-description",
-			class: c(f(e)("text-sm text-muted-foreground-strong", n.class))
-		}, [d(t.$slots, "default")], 2));
-	}
-}), y = /* @__PURE__ */ s({
-	__name: "CardContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (u(), o("div", { class: c(f(e)("p-(--card-spacing)", n.class)) }, [d(t.$slots, "default")], 2));
-	}
-}), b = /* @__PURE__ */ s({
-	__name: "CardFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (u(), o("div", { class: c(f(e)("flex items-center p-(--card-spacing) pt-0", n.class)) }, [d(t.$slots, "default")], 2));
-	}
-}), x = /* @__PURE__ */ s({
-	__name: "CardAction",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (u(), o("div", {
-			"data-slot": "card-action",
-			class: c(f(e)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n.class))
-		}, [d(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { _ as a, v as i, b as n, g as o, y as r, h as s, x as t };

package/dist/ContextMenuContent-ON3x7cuk.js

@@ -1,85 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, createVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
-import { ContextMenuContent as f, ContextMenuPortal as p, ContextMenuRoot as m, ContextMenuTrigger as h, useForwardProps as g, useForwardPropsEmits as _ } from "reka-ui";
-//#endregion
-//#region src/components/ui/context-menu/ContextMenu.vue
-var v = /* @__PURE__ */ i({
-	__name: "ContextMenu",
-	props: {
-		pressOpenDelay: {},
-		dir: {},
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let r = _(e, t);
-		return (e, t) => (c(), n(u(m), o({ "data-slot": "context-menu" }, u(r)), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), y = /* @__PURE__ */ i({
-	__name: "ContextMenuTrigger",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = g(e);
-		return (e, r) => (c(), n(u(h), s(a(u(t))), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ i({
-	__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
-		] }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"closeAutoFocus"
-	],
-	setup(i, { emit: a }) {
-		let s = i, m = a, h = _(t(() => {
-			let { class: e, ...t } = s;
-			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(() => [l(t.$slots, "default")]),
-				_: 3
-			}, 16, ["class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { y as n, v as r, b as t };

package/dist/DialogFooter-8eZbdmPc.js

@@ -1,165 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./ModalOverlay-CkPRRgl_.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
-//#region src/components/ui/dialog/DialogClose.vue
-var T = /* @__PURE__ */ c({
-	__name: "DialogClose",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (p(), i(h(_), f(l(t)), {
-			default: g(() => [m(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), E = /* @__PURE__ */ c({
-	__name: "DialogTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (p(), i(h(S), f(l(t)), {
-			default: g(() => [m(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), D = /* @__PURE__ */ c({
-	__name: "DialogHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), a("div", { class: d(h(e)("flex flex-col gap-y-1.5 text-center sm:text-left", n.class)) }, [m(t.$slots, "default")], 2));
-	}
-}), O = /* @__PURE__ */ c({
-	__name: "DialogTitle",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, a = C(r(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, r) => (p(), i(h(x), u(h(a), { class: h(e)("text-subheading leading-none tracking-tight", n.class) }), {
-			default: g(() => [m(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), k = /* @__PURE__ */ c({
-	__name: "DialogDescription",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, a = C(r(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, r) => (p(), i(h(y), u(h(a), { class: h(e)("text-sm text-muted-foreground", n.class) }), {
-			default: g(() => [m(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), A = /* @__PURE__ */ c({
-	__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(a, { emit: c }) {
-		let l = a, f = c, y = w(r(() => {
-			let { class: e, overlayClass: t, ...n } = l;
-			return n;
-		}), f);
-		return (r, a) => (p(), i(h(b), null, {
-			default: g(() => [s(n, {
-				scrim: "clear",
-				animate: "fade",
-				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) => {
-					let t = e.detail.originalEvent, n = t.target;
-					(t.offsetX > n.clientWidth || t.offsetY > n.clientHeight) && e.preventDefault();
-				} }), {
-					default: g(() => [m(r.$slots, "default"), s(h(_), { class: "focus-ring absolute top-3 right-3 p-0.5 transition-colors rounded-pill hover:bg-secondary" }, {
-						default: g(() => [s(h(t), { class: "w-4 h-4" }), a[1] ||= o("span", { class: "sr-only" }, "Close", -1)]),
-						_: 1
-					})]),
-					_: 3
-				}, 16, ["class"])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}));
-	}
-}), j = /* @__PURE__ */ c({
-	__name: "DialogFooter",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (p(), a("div", { class: d(h(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [m(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { D as a, O as i, A as n, E as o, k as r, T as s, j as t };

package/dist/HoverCardContent-DkMaQzH5.js

@@ -1,83 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, createVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
-import { HoverCardContent as f, HoverCardPortal as p, HoverCardRoot as m, HoverCardTrigger as h, useForwardProps as g, useForwardPropsEmits as _ } from "reka-ui";
-//#endregion
-//#region src/components/ui/hover-card/HoverCard.vue
-var v = /* @__PURE__ */ i({
-	__name: "HoverCard",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		openDelay: {},
-		closeDelay: {}
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let r = _(e, t);
-		return (e, t) => (c(), n(u(m), o({ "data-slot": "hover-card" }, u(r)), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), y = /* @__PURE__ */ i({
-	__name: "HoverCardTrigger",
-	props: {
-		reference: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, r) => (c(), n(u(h), s(a(t)), {
-			default: d(() => [l(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ i({
-	__name: "HoverCardContent",
-	props: {
-		forceMount: { type: Boolean },
-		side: {},
-		sideOffset: { default: 4 },
-		sideFlip: { type: Boolean },
-		align: {},
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		arrowPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(i) {
-		let a = i, s = g(t(() => {
-			let { class: e, ...t } = a;
-			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(() => [l(t.$slots, "default")]),
-				_: 3
-			}, 16, ["class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { y as n, v as r, b as t };

package/dist/Input-DVG_J0ne.js

@@ -1,55 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createElementBlock as n, defineComponent as r, isRef as i, mergeProps as a, openBlock as o, unref as s, vModelDynamic as c, withDirectives as l } from "vue";
-import { useVModel as u } from "@vueuse/core";
-//#endregion
-//#region src/components/ui/input/Input.vue
-var d = /* @__PURE__ */ r({
-	inheritAttrs: !1,
-	__name: "Input",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		type: {},
-		placeholder: {},
-		disabled: { type: [Boolean, String] },
-		required: { type: [Boolean, String] },
-		inputmode: {},
-		autocomplete: {},
-		pattern: {},
-		name: {},
-		readonly: { type: [Boolean, String] }
-	},
-	emits: ["update:modelValue"],
-	setup(r, { emit: d }) {
-		let f = r, p = u(f, "modelValue", d, {
-			passive: !0,
-			defaultValue: f.defaultValue
-		}), m = t(() => ({
-			type: f.type,
-			placeholder: f.placeholder,
-			disabled: f.disabled,
-			required: f.required,
-			inputmode: f.inputmode,
-			autocomplete: f.autocomplete,
-			pattern: f.pattern,
-			name: f.name,
-			readonly: f.readonly
-		}));
-		return (t, r) => l((o(), n("input", a({
-			"onUpdate:modelValue": r[0] ||= (e) => i(p) ? p.value = e : null,
-			"data-slot": "input"
-		}, {
-			...t.$attrs,
-			...m.value
-		}, { class: s(e)("input-pill text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium", f.class) }), null, 16)), [[c, s(p)]]);
-	}
-});
-//#endregion
-export { d as t };

package/dist/Notification-DKjKsQq8.js

@@ -1,100 +0,0 @@
-import { t as e } from "./createLucideIcon-DydS2qgk.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
-var _ = e("circle-alert", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12",
-		y1: "8",
-		y2: "12",
-		key: "1pkeuh"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12.01",
-		y1: "16",
-		y2: "16",
-		key: "4dfq90"
-	}]
-]), v = e("circle-check-big", [["path", {
-	d: "M21.801 10A10 10 0 1 1 17 3.335",
-	key: "yps3ct"
-}], ["path", {
-	d: "m9 11 3 3L22 4",
-	key: "1pflzl"
-}]]), y = e("circle-x", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "m15 9-6 6",
-		key: "1uzhvr"
-	}],
-	["path", {
-		d: "m9 9 6 6",
-		key: "z0biqf"
-	}]
-]), b = e("info", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "M12 16v-4",
-		key: "1dtifu"
-	}],
-	["path", {
-		d: "M12 8h.01",
-		key: "e9boi3"
-	}]
-]), x = { class: "flex-1 text-sm font-medium" }, S = ["onClick"], C = /* @__PURE__ */ n(/* @__PURE__ */ l({
-	__name: "Notification",
-	props: { notifications: {} },
-	emits: ["remove"],
-	setup(e) {
-		let n = {
-			success: "feedback-tone-success",
-			error: "feedback-tone-destructive",
-			warning: "feedback-tone-warning",
-			info: "feedback-tone-info"
-		}, l = {
-			success: v,
-			error: y,
-			warning: _,
-			info: b
-		};
-		return (_, v) => (d(), a(i, {
-			"data-slot": "notification",
-			name: "notification",
-			tag: "div",
-			class: "fixed bottom-4 right-4 z-toast flex flex-col gap-2"
-		}, {
-			default: g(() => [(d(!0), o(r, null, f(e.notifications, (e) => (d(), o("div", {
-				key: e.id,
-				class: u(["glass-floating feedback-tone flex items-center gap-3 rounded-panel px-4 py-3 text-foreground", [n[e.type], "min-w-[300px] max-w-[500px]"]])
-			}, [
-				(d(), a(p(l[e.type]), { class: "feedback-tone-glyph h-5 w-5 flex-shrink-0" })),
-				s("p", x, m(e.message), 1),
-				s("button", {
-					onClick: (t) => _.$emit("remove", e.id),
-					class: "rounded-button p-1 transition-colors hover:bg-white/10"
-				}, [c(h(t), { class: "h-4 w-4" })], 8, S)
-			], 2))), 128))]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-cec8742e"]]);
-//#endregion
-export { C as t };