@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/MetricBadge-DQt_dGah.js

@@ -1,79 +0,0 @@
-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-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 = {
-	key: 1,
-	class: "metric-badge__row"
-}, g = /* @__PURE__ */ n(/* @__PURE__ */ c({
-	__name: "MetricBadge",
-	props: {
-		value: {},
-		unit: {},
-		label: {},
-		abbreviation: {},
-		labelPosition: {},
-		color: {},
-		placeholder: {},
-		size: { default: "md" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let c = n, g = i(() => t(c.value, c.placeholder)), _ = i(() => {
-			switch (c.size) {
-				case "sm": return "text-mono-micro";
-				case "md": return "text-mono-caption";
-				case "lg": return "text-mono-small";
-				case "xl": return "text-mono-prose";
-				default: return "text-mono-caption";
-			}
-		}), v = i(() => {
-			switch (c.size) {
-				case "sm": return "text-micro";
-				case "md": return "text-caption";
-				case "lg": return "text-small";
-				case "xl": return "text-prose";
-				default: return "text-caption";
-			}
-		}), y = i(() => {
-			switch (c.size) {
-				case "sm": return "text-mono-micro";
-				case "md": return "text-mono-micro";
-				case "lg": return "text-mono-caption";
-				case "xl": return "text-mono-small";
-				default: return "text-mono-micro";
-			}
-		}), b = i(() => !!(c.labelPosition && (c.abbreviation || c.label)));
-		return (t, i) => (d(), o("div", {
-			class: l(p(e)("metric-badge cursor-pointer", "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2", n.labelPosition && `metric-badge--label-${n.labelPosition}`, t.$props.class)),
-			"data-size": n.size
-		}, [b.value ? (d(), o(r, { key: 0 }, [n.label ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__label metric-badge__label--full font-mono uppercase text-muted-foreground/80 shrink-0", y.value])
-		}, f(n.label), 3)) : a("", !0), n.abbreviation ? (d(), o("span", {
-			key: 1,
-			class: l(["metric-badge__label metric-badge__label--abbr font-mono uppercase text-muted-foreground/80 shrink-0", y.value])
-		}, f(n.abbreviation), 3)) : a("", !0)], 64)) : a("", !0), n.labelPosition === "stacked" ? (d(), o("span", h, [s("span", {
-			class: l(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [_.value, { "text-muted-foreground/40": g.value.isEmpty }]]),
-			style: u(g.value.isEmpty ? void 0 : { color: n.color })
-		}, f(g.value.display), 7), n.unit ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__unit font-mono text-muted-foreground shrink-0", v.value])
-		}, f(n.unit), 3)) : a("", !0)])) : (d(), o(r, { key: 2 }, [s("span", {
-			class: l(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [_.value, { "text-muted-foreground/40": g.value.isEmpty }]]),
-			style: u(g.value.isEmpty ? void 0 : { color: n.color })
-		}, f(g.value.display), 7), n.unit ? (d(), o("span", {
-			key: 0,
-			class: l(["metric-badge__unit font-mono text-muted-foreground shrink-0", v.value])
-		}, f(n.unit), 3)) : a("", !0)], 64))], 10, m));
-	}
-}), [["__scopeId", "data-v-1657dbc5"]]);
-//#endregion
-export { g as t };

package/dist/ModalOverlay-DfAf7o15.js

@@ -1,53 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { DialogOverlay as u } from "reka-ui";
-//#endregion
-//#region src/components/ui/_shared/ModalOverlay.vue
-var d = /* @__PURE__ */ r({
-	__name: "ModalOverlay",
-	props: {
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		scrim: { default: "glass" },
-		animate: { default: "fade" },
-		layout: { default: "centered" },
-		scrimAnimation: {}
-	},
-	setup(r) {
-		let d = r, f = {
-			glass: "bg-overlay-scrim",
-			clear: "bg-overlay-scrim-subtle",
-			dim: "bg-overlay-scrim-strong"
-		}, p = {
-			fade: "sheet-animate",
-			scale: "sheet-animate",
-			slide: "sheet-animate",
-			none: ""
-		}, m = {
-			centered: "",
-			edge: "",
-			scroll: "grid place-items-center overflow-y-auto"
-		}, h = t(() => {
-			if (d.scrimAnimation) return { "--scrim-animation": d.scrimAnimation };
-		});
-		return (t, r) => (o(), n(c(u), {
-			class: i(c(e)("fixed inset-0 z-overlay [backdrop-filter:var(--glass-blur-wash)]", f[d.scrim], m[d.layout], p[d.animate], d.class)),
-			style: a(h.value),
-			"data-scrim-animation": d.scrimAnimation ? "" : void 0
-		}, {
-			default: l(() => [s(t.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"class",
-			"style",
-			"data-scrim-animation"
-		]));
-	}
-});
-//#endregion
-export { d as t };

package/dist/Notification-BlSPJhtZ.js

@@ -1,43 +0,0 @@
-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-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({
-	__name: "Notification",
-	props: { notifications: {} },
-	emits: ["remove"],
-	setup(a) {
-		let f = {
-			success: "feedback-tone-success",
-			error: "feedback-tone-destructive",
-			warning: "feedback-tone-warning",
-			info: "feedback-tone-info"
-		}, S = {
-			success: n,
-			error: r,
-			warning: e,
-			info: t
-		};
-		return (e, t) => (m(), c(s, {
-			"data-slot": "notification",
-			name: "notification",
-			tag: "div",
-			class: "fixed bottom-4 right-4 z-toast flex flex-col gap-2"
-		}, {
-			default: y(() => [(m(!0), l(o, null, h(a.notifications, (t) => (m(), l("div", {
-				key: t.id,
-				class: p(["glass-floating feedback-tone flex items-center gap-3 rounded-panel px-4 py-3 text-foreground", [f[t.type], "min-w-[300px] max-w-[500px]"]])
-			}, [
-				(m(), c(g(S[t.type]), { class: "feedback-tone-glyph h-5 w-5 flex-shrink-0" })),
-				u("p", b, _(t.message), 1),
-				u("button", {
-					onClick: (n) => e.$emit("remove", t.id),
-					class: "rounded-button p-1 transition-colors hover:bg-white/10"
-				}, [d(v(i), { class: "h-4 w-4" })], 8, x)
-			], 2))), 128))]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-cec8742e"]]);
-//#endregion
-export { S as t };

package/dist/NumberFieldContent-Z3VxGu_6.js

@@ -1,140 +0,0 @@
-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-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
-//#region src/components/ui/number-field/NumberField.vue
-var S = /* @__PURE__ */ l({
-	__name: "NumberField",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		min: {},
-		max: {},
-		step: {},
-		stepSnapping: { type: Boolean },
-		focusOnChange: { type: Boolean },
-		formatOptions: {},
-		locale: {},
-		disabled: { type: Boolean },
-		readonly: { type: Boolean },
-		disableWheelChange: { type: Boolean },
-		invertWheelChange: { type: Boolean },
-		id: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, s = x(a(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), i);
-		return (t, n) => (f(), o(m(y), u({ "data-slot": "number-field" }, m(s), { class: m(e)("grid gap-1.5", r.class) }), {
-			default: h(() => [p(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), C = /* @__PURE__ */ l({
-	inheritAttrs: !1,
-	__name: "NumberFieldInput",
-	props: { size: {} },
-	setup(t) {
-		let n = t, r = { inputmode: "decimal" };
-		return (t, a) => (f(), o(m(v), u({
-			...r,
-			...t.$attrs
-		}, {
-			"data-slot": "input",
-			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({
-	__name: "NumberFieldIncrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let i = n, s = b(a(() => {
-			let { class: e, ...t } = i;
-			return t;
-		}));
-		return (n, a) => (f(), o(m(_), u({ "data-slot": "increment" }, m(s), { "as-child": "" }), {
-			default: h(() => [c(m(r), {
-				variant: "ghost",
-				size: "icon",
-				class: d(m(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", i.class))
-			}, {
-				default: h(() => [p(n.$slots, "default", {}, () => [c(m(t), { class: "size-icon-sm" })])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 16));
-	}
-}), T = /* @__PURE__ */ l({
-	__name: "NumberFieldDecrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let i = t, s = b(a(() => {
-			let { class: e, ...t } = i;
-			return t;
-		}));
-		return (t, a) => (f(), o(m(g), u({ "data-slot": "decrement" }, m(s), { "as-child": "" }), {
-			default: h(() => [c(m(r), {
-				variant: "ghost",
-				size: "icon",
-				class: d(m(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", i.class))
-			}, {
-				default: h(() => [p(t.$slots, "default", {}, () => [c(m(n), { class: "size-icon-sm" })])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 16));
-	}
-}), E = /* @__PURE__ */ l({
-	__name: "NumberFieldContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (f(), s("div", { class: d(m(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [p(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { S as a, C as i, T as n, w as r, E as t };

package/dist/PagerDots-CYlqVFd4.js

@@ -1,196 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { t as n } from "./useGooMorph-Cs13NgYL.js";
-import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeModels as c, nextTick as l, normalizeClass as u, onMounted as d, openBlock as f, ref as p, renderList as m, unref as h, useModel as g, watch as _ } from "vue";
-//#region src/components/custom/pager-dots/pagerWindow.ts
-function v(e, t, n) {
-	let r = Math.max(1, Math.min(n, e)), i = e <= r ? 0 : Math.max(0, Math.min(t - Math.floor(r / 2), e - r)), a = Math.min(r, e), o = Array.from({ length: a }, (e, t) => i + t);
-	return {
-		shown: o,
-		clippedStart: o.length > 0 && o[0] > 0,
-		clippedEnd: o.length > 0 && o[o.length - 1] < e - 1
-	};
-}
-//#endregion
-//#region src/components/custom/pager-dots/PagerDots.vue?vue&type=script&setup=true&lang.ts
-var y = [
-	"role",
-	"aria-label",
-	"aria-orientation",
-	"data-orientation"
-], b = {
-	class: "pager-goo-layer",
-	"aria-hidden": "true"
-}, x = ["data-active", "data-edge"], S = [
-	"role",
-	"aria-selected",
-	"aria-current",
-	"aria-label",
-	"data-active",
-	"data-edge",
-	"onClick"
-], C = /* @__PURE__ */ t(/* @__PURE__ */ s({
-	__name: "PagerDots",
-	props: /* @__PURE__ */ c({
-		count: {},
-		orientation: { default: "horizontal" },
-		windowFit: {},
-		ring: {
-			type: Boolean,
-			default: !0
-		},
-		pattern: { default: "tabs" },
-		ariaLabel: { default: "Pager" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	}, {
-		active: { default: 0 },
-		activeModifiers: {}
-	}),
-	emits: /* @__PURE__ */ c(["select"], ["update:active"]),
-	setup(t, { emit: s }) {
-		let c = t, C = s, w = g(t, "active"), T = p(null), E = p(null), D = p(null), O = p(null), k = /* @__PURE__ */ new Map();
-		function A(e, t) {
-			t ? k.set(e, t) : k.delete(e);
-		}
-		let j = /* @__PURE__ */ new Map();
-		function M(e, t) {
-			t ? j.set(e, t) : j.delete(e);
-		}
-		let N = i(() => c.orientation === "vertical"), P = i(() => c.windowFit && c.windowFit > 0 ? v(c.count, w.value, c.windowFit) : {
-			shown: Array.from({ length: Math.max(0, c.count) }, (e, t) => t),
-			clippedStart: !1,
-			clippedEnd: !1
-		}), F = i(() => P.value.shown);
-		function I(e) {
-			let t = T.value;
-			if (!t) return null;
-			let n = j.get(e);
-			if (!n) {
-				let t = F.value;
-				if (t.length === 0) return null;
-				let r = t.reduce((t, n) => Math.abs(n - e) < Math.abs(t - e) ? n : t);
-				if (n = j.get(r), !n) return null;
-			}
-			let r = t.getBoundingClientRect(), i = n.getBoundingClientRect();
-			return N.value ? i.top + i.height / 2 - r.top : i.left + i.width / 2 - r.left;
-		}
-		function L() {
-			let e = T.value, t = 13;
-			if (e) {
-				let n = getComputedStyle(e).getPropertyValue("--pager-dot-size").trim();
-				if (n.endsWith("rem")) {
-					let e = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
-					t = (parseFloat(n) || .8125) * e;
-				} else t = parseFloat(n) || 13;
-			}
-			return t * 1.618033988749895;
-		}
-		let R = n({
-			barbellRefs: {
-				bodyARef: E,
-				bodyBRef: D,
-				neckRef: O
-			},
-			hostRef: T,
-			vertical: N,
-			centerOf: I,
-			restSize: L,
-			tokenPrefix: "pager-worm",
-			neckGap: .7
-		});
-		_(F, (e) => {
-			let t = T.value;
-			if (!t || !t.contains(document.activeElement)) return;
-			let n = document.activeElement;
-			e.some((e) => k.get(e) === n) || l(() => k.get(w.value)?.focus());
-		});
-		let z = !1, B = 0;
-		_(w, (e, t) => {
-			z = !0;
-			let n = ++B;
-			l(() => {
-				R.travel(t ?? e, e);
-				let r = T.value, i = r && parseFloat(getComputedStyle(r).getPropertyValue("--pager-worm-duration")) || 1.8;
-				setTimeout(() => {
-					n === B && (z = !1);
-				}, i * 1e3 + 120);
-			});
-		}), _(F, () => {
-			z || l(() => R.snap(w.value));
-		}), d(() => {
-			l(() => R.snap(w.value));
-		});
-		function V(e) {
-			w.value = e, C("select", e);
-		}
-		return (n, i) => (f(), a("div", {
-			ref_key: "rootEl",
-			ref: T,
-			"data-slot": "pager-dots",
-			role: t.pattern === "group" ? "group" : "tablist",
-			"aria-label": t.ariaLabel,
-			"aria-orientation": t.pattern === "group" ? void 0 : t.orientation,
-			"data-orientation": t.orientation,
-			class: u(h(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", c.class))
-		}, [
-			i[0] ||= o("svg", {
-				class: "pager-goo-defs",
-				width: "0",
-				height: "0",
-				"aria-hidden": "true",
-				focusable: "false"
-			}, [o("defs", null, [o("clipPath", {
-				id: "pager-neck-throat",
-				clipPathUnits: "objectBoundingBox"
-			}, [o("path", { d: "M0,0 C0.25,0 0.36,0.34 0.5,0.34 C0.64,0.34 0.75,0 1,0 L1,1 C0.75,1 0.64,0.66 0.5,0.66 C0.36,0.66 0.25,1 0,1 Z" })])])], -1),
-			o("div", b, [
-				(f(!0), a(r, null, m(F.value, (e) => (f(), a("span", {
-					key: e,
-					ref_for: !0,
-					ref: (t) => M(e, t),
-					class: "goo-dot",
-					"data-active": e === w.value ? "" : void 0,
-					"data-edge": e === F.value[0] && P.value.clippedStart || e === F.value[F.value.length - 1] && P.value.clippedEnd ? "" : void 0
-				}, null, 8, x))), 128)),
-				o("span", {
-					ref_key: "bodyAEl",
-					ref: E,
-					class: "goo-body"
-				}, null, 512),
-				o("span", {
-					ref_key: "neckEl",
-					ref: O,
-					class: "goo-neck"
-				}, null, 512),
-				o("span", {
-					ref_key: "bodyBEl",
-					ref: D,
-					class: "goo-body"
-				}, null, 512)
-			]),
-			(f(!0), a(r, null, m(F.value, (e, n) => (f(), a("button", {
-				key: e,
-				ref_for: !0,
-				ref: (t) => A(e, t),
-				type: "button",
-				role: t.pattern === "group" ? void 0 : "tab",
-				"aria-selected": t.pattern === "group" ? void 0 : e === w.value,
-				"aria-current": t.pattern === "group" && e === w.value ? "true" : void 0,
-				"aria-label": `Go to slide ${e + 1}`,
-				"data-active": e === w.value ? "" : void 0,
-				"data-edge": n === 0 && P.value.clippedStart || n === F.value.length - 1 && P.value.clippedEnd ? "" : void 0,
-				"data-slot": "pager-dot",
-				class: "pager-dot focus-ring tap-squish",
-				onClick: (t) => V(e)
-			}, null, 8, S))), 128))
-		], 10, y));
-	}
-}), [["__scopeId", "data-v-883fb0b0"]]);
-//#endregion
-export { v as n, C as t };

package/dist/PaperBackdrop-DYWgrnh8.js

@@ -1,42 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, unref as u } from "vue";
-//#endregion
-//#region src/components/custom/paper-backdrop/PaperBackdrop.vue
-var d = /* @__PURE__ */ o({
-	__name: "PaperBackdrop",
-	props: {
-		opacity: {},
-		frequency: {},
-		field: { type: Boolean },
-		fieldHue: {},
-		fieldIntensity: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(o) {
-		let d = o, f = n(() => {
-			let e = {};
-			return d.opacity !== void 0 && (e.opacity = String(d.opacity)), d.frequency === "aged" && (e.backgroundImage = "var(--paper-aged-texture)"), e;
-		}), p = n(() => {
-			let e = {};
-			return d.fieldHue !== void 0 && (e["--field-h-raw"] = String(d.fieldHue)), d.fieldIntensity !== void 0 && (e["--field-intensity"] = String(d.fieldIntensity)), e;
-		});
-		return (n, o) => (l(), i(t, null, [d.field ? (l(), i("div", {
-			key: 0,
-			class: "paper-field",
-			style: c(p.value),
-			"aria-hidden": "true"
-		}, null, 4)) : r("", !0), a("div", {
-			class: s(u(e)("paper-underpaint", d.class)),
-			style: c(f.value),
-			"aria-hidden": "true"
-		}, null, 6)], 64));
-	}
-});
-//#endregion
-export { d as t };

package/dist/PopoverContent-BuKyHZSz.js

@@ -1,127 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-Ci7Dnaw2.js";
-import { i as n } from "./dockContext-gFVS2gMg.js";
-import { computed as r, createBlock as i, createVNode as a, defineComponent as o, guardReactiveProps as s, mergeProps as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
-import { PopoverContent as m, PopoverPortal as h, PopoverRoot as g, PopoverTrigger as _, useForwardPropsEmits as v } from "reka-ui";
-//#endregion
-//#region src/components/ui/popover/Popover.vue
-var y = /* @__PURE__ */ o({
-	__name: "Popover",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = v(e, t);
-		return (e, t) => (u(), i(f(g), c({ "data-slot": "popover" }, f(n)), {
-			default: p(() => [d(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ o({
-	__name: "PopoverTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (u(), i(f(_), l(s(t)), {
-			default: p(() => [d(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), x = /* @__PURE__ */ o({
-	inheritAttrs: !1,
-	__name: "PopoverContent",
-	props: {
-		forceMount: { type: Boolean },
-		side: {},
-		sideOffset: { default: 4 },
-		sideFlip: { type: Boolean },
-		align: { default: "center" },
-		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: {},
-		disableOutsidePointerEvents: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		portal: {
-			type: Boolean,
-			default: !0
-		},
-		surface: { default: "glass" }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(o, { emit: s }) {
-		let l = o, g = s, _ = v(r(() => {
-			let { class: e, portal: t, surface: n, ...r } = l;
-			return r;
-		}), g), y = n(), b = r(() => t(l.surface).replace(/^glass-\w+\s*/, ""));
-		return (t, n) => o.portal ? (u(), i(f(h), { key: 0 }, {
-			default: p(() => [a(f(m), c({
-				...f(_),
-				...t.$attrs
-			}, {
-				"data-glass-dock-portal": f(y)?.id ? "" : void 0,
-				"data-glass-dock-owner": f(y)?.id,
-				"data-surface": l.surface,
-				class: f(e)("popover-content z-popover w-72 glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) glass-reveal", b.value, l.class)
-			}), {
-				default: p(() => [d(t.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"data-glass-dock-portal",
-				"data-glass-dock-owner",
-				"data-surface",
-				"class"
-			])]),
-			_: 3
-		})) : (u(), i(f(m), c({ key: 1 }, {
-			...f(_),
-			...t.$attrs
-		}, {
-			"data-glass-dock-portal": f(y)?.id ? "" : void 0,
-			"data-glass-dock-owner": f(y)?.id,
-			"data-surface": l.surface,
-			class: f(e)("popover-content z-popover w-72 glass-floating [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) glass-reveal", b.value, l.class)
-		}), {
-			default: p(() => [d(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"data-glass-dock-portal",
-			"data-glass-dock-owner",
-			"data-surface",
-			"class"
-		]));
-	}
-});
-//#endregion
-export { b as n, y as r, x as t };