@mkbabb/glass-ui 3.12.0 → 4.0.0

package/src/styles/view-transition.css

@@ -35,7 +35,10 @@
 /* Shared group class — consumers add `view-transition-class: gl-list-item` on
  * each tracked element plus a unique `view-transition-name` per element. */
 ::view-transition-group(.gl-list-item) {
-    animation-duration: var(--vt-duration, var(--duration-normal));
+    /* BA.W-GLASS-CAL Unit 3 — the duration fallback rides the bouncy spring's
+       OWN settle clock (`--spring-bouncy-duration`) so the default VT bounce
+       plays at its physical settle; a consumer still overrides via `--vt-duration`. */
+    animation-duration: var(--vt-duration, var(--spring-bouncy-duration));
     animation-timing-function: var(--vt-ease, var(--spring-bouncy));
 }
 
@@ -60,56 +63,5 @@
 @keyframes gl-vt-slide-in  { from { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
 @keyframes gl-vt-slide-out { to   { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
 
-/* ── gl-shared-element — the named-pair MORPH group (D6.c M6) ──────────────────
- * Distinct from `.gl-list-item` (a cross-fade of MANY members in a re-rank): a
- * shared-element morph is ONE element that exists in BOTH the old and new states
- * under the SAME `view-transition-name`, so the browser MORPHS it in place — the
- * group interpolates its size+position (transform) while old/new cross-fade. The
- * editorial case: the gallery card's title IS the dashboard masthead's title, so
- * the name you clicked GROWS into the name you read (the card → masthead route
- * morph). The consumer adds `view-transition-class: gl-shared-element` plus a
- * MATCHED `view-transition-name: <id>` on BOTH the source and destination element
- * (the MANDATORY runtime rule — ≤1 element per name per state, else the morph is
- * skipped silently), and wraps the navigation in `useRouteTransition` /
- * `startViewTransition`.
- *
- * The morph rides the SMOOTH register (the 700ms-class spring, C-ANIM-VIZ-MAP T1
- * §7) — a longer, gentler curve than the list-item cross-fade, because a morph
- * that travels across the viewport wants room to read. The old/new cross-fade is
- * softened so the morphing GROUP is the figure and the rest recedes. */
-::view-transition-group(.gl-shared-element) {
-    animation-duration: var(--vt-morph-duration, var(--duration-slow, 500ms));
-    animation-timing-function: var(--vt-morph-ease, var(--spring-smooth, ease-in-out));
-}
-::view-transition-old(.gl-shared-element),
-::view-transition-new(.gl-shared-element) {
-    /* The image pair cross-fades UNDER the group's size/position morph — softer
-       than the group curve so the morph (the size/position travel) is the figure
-       and the pixel cross-fade is the recessive fill. */
-    animation-duration: var(--vt-morph-duration, var(--duration-slow, 500ms));
-    animation-timing-function: var(--vt-ease, var(--spring-smooth, ease-in-out));
-}
-
-/* ── gl-expand — the plate → fullscreen MORPH recipe (D6.c M7) ─────────────────
- * The expand verb (a plate growing to fullscreen) is a SHARED-ELEMENT morph, not
- * an opacity jump-cut: the plate IS the fullscreen surface, growing. It is a
- * specialization of `gl-shared-element` — the SAME named-pair morph, with the
- * expand register (a touch snappier than a route morph, because the surface stays
- * in place and only the rect grows, so it wants less travel-room). `ExpandableContainer`
- * wires the `view-transition-name` plumbing on its plate↔fullscreen surfaces (an
- * opt-in `viewTransitionName` prop), so a consumer opts in and the open/close
- * mutation — wrapped in `startViewTransition` — morphs the plate's rect to the
- * fullscreen rect and back. The named pair is the SAME element across states
- * (the slot content), so the browser captures one group and grows it. */
-::view-transition-group(.gl-expand) {
-    animation-duration: var(--vt-expand-duration, var(--duration-normal, 240ms));
-    animation-timing-function: var(--vt-expand-ease, var(--spring-bouncy, ease-out));
-}
-::view-transition-old(.gl-expand),
-::view-transition-new(.gl-expand) {
-    animation-duration: var(--vt-expand-duration, var(--duration-normal, 240ms));
-    animation-timing-function: var(--vt-ease, var(--spring-bouncy, ease-out));
-}
-
 /* Keep the non-transitioned UI interactive while the snapshot animates. */
 ::view-transition { pointer-events: none; }

package/dist/CardAction-DuArVky-.js

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

package/dist/DeckProgress-Dmk4_AKN.js

@@ -1,23 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./Progress-iEuD9pxG.js";
-import { createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o } from "vue";
-//#endregion
-//#region src/components/custom/deck-progress/DeckProgress.vue
-var s = /* @__PURE__ */ r({
-	__name: "DeckProgress",
-	props: {
-		value: {},
-		class: {}
-	},
-	setup(r) {
-		let s = r;
-		return (r, c) => (a(), n(o(t), {
-			variant: "default",
-			"model-value": s.value,
-			class: i(o(e)("glass-progress-rail", s.class)),
-			"aria-label": "Deck position"
-		}, null, 8, ["model-value", "class"]));
-	}
-});
-//#endregion
-export { s as t };

package/dist/DialogContent-BRkT1cjP.js

@@ -1,100 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-Dfsegz9Y.js";
-import { t as n } from "./useSpringMount-BJSHcLl3.js";
-import { t as r } from "./ModalOverlay-B1GkAjNb.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
-import { DialogClose as h, DialogContent as g, DialogPortal as _, DialogRoot as v, injectDialogRootContext as y, useForwardPropsEmits as b } from "reka-ui";
-//#endregion
-//#region src/components/ui/dialog/Dialog.vue
-var x = /* @__PURE__ */ l({
-	__name: "Dialog",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = b(e, t);
-		return (e, t) => (d(), a(p(v), u({ "data-slot": "dialog" }, p(n)), {
-			default: m(() => [f(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), S = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 p-6", C = "-translate-x-1/2 -translate-y-1/2 duration-normal popover-animate", w = /* @__PURE__ */ l({
-	__name: "DialogContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: { default: "glass" },
-		scrimAnimation: {},
-		spring: { type: [Boolean, String] },
-		showClose: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(l, { emit: v }) {
-		let x = l, w = v, T = b(i(() => {
-			let { class: e, variant: t, scrimAnimation: n, spring: r, showClose: i, ...a } = x;
-			return a;
-		}), w), E = i(() => x.variant === "opaque" ? "glass-floating rounded-dialog glass-opaque" : "glass-floating rounded-dialog"), D = x.spring ? y() : null, O = x.spring && D ? n({
-			open: D.open,
-			preset: typeof x.spring == "string" ? x.spring : "smooth"
-		}) : null, k = i(() => {
-			if (!O) return;
-			let e = O.position.value;
-			return {
-				transform: `translate(-50%, -50%) scale(${1 - .05 * e})`,
-				opacity: String(1 - e),
-				animation: "none",
-				transition: "none"
-			};
-		});
-		return (n, i) => (d(), a(p(_), null, {
-			default: m(() => [c(r, {
-				scrim: "glass",
-				animate: "fade",
-				layout: "centered",
-				"scrim-animation": x.scrimAnimation
-			}, null, 8, ["scrim-animation"]), c(p(g), u(p(T), {
-				class: p(e)(S, x.spring ? "" : C, E.value, x.class),
-				style: k.value,
-				"data-spring": x.spring ? typeof x.spring == "string" ? x.spring : "smooth" : void 0
-			}), {
-				default: m(() => [f(n.$slots, "default"), x.showClose ? (d(), a(p(h), {
-					key: 0,
-					class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
-				}, {
-					default: m(() => [c(p(t), { class: "w-4 h-4" }), i[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
-					_: 1
-				})) : o("", !0)]),
-				_: 3
-			}, 16, [
-				"class",
-				"style",
-				"data-spring"
-			])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { x as n, w as t };

package/dist/InstrumentRail-CUJ05YVG.js

@@ -1,44 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c } from "vue";
-//#region src/components/custom/instrument-rail/InstrumentRail.vue?vue&type=script&setup=true&lang.ts
-var l = [
-	"data-variant",
-	"data-bezel-hairlines",
-	"data-divider-rule"
-], u = {
-	key: 0,
-	class: "instrument-rail-status"
-}, d = /* @__PURE__ */ i({
-	__name: "InstrumentRail",
-	props: {
-		variant: { default: "vertical" },
-		ratio: { default: .382 },
-		bezelHairlines: {
-			type: Boolean,
-			default: !0
-		},
-		dividerRule: {
-			type: Boolean,
-			default: !0
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(i) {
-		let d = i, f = t(() => e("instrument-rail", d.class)), p = t(() => ({ "--instrument-rail-ratio": String(d.ratio) }));
-		return (e, t) => (s(), r("aside", {
-			class: a(f.value),
-			"data-variant": i.variant,
-			"data-bezel-hairlines": i.bezelHairlines ? "" : null,
-			"data-divider-rule": i.dividerRule ? "" : null,
-			style: o(p.value)
-		}, [e.$slots.status ? (s(), r("header", u, [c(e.$slots, "status")])) : n("", !0), c(e.$slots, "default")], 14, l));
-	}
-});
-//#endregion
-export { d as t };

package/dist/MetricBadge-BZVWIxNy.js

@@ -1,80 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
-//#region src/components/custom/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
-var p = ["data-size", "data-variant"], m = {
-	key: 1,
-	class: "metric-badge__row"
-}, h = /* @__PURE__ */ t(/* @__PURE__ */ s({
-	__name: "MetricBadge",
-	props: {
-		amount: {},
-		unit: {},
-		label: {},
-		abbreviation: {},
-		labelPosition: {},
-		color: {},
-		placeholder: { default: "—" },
-		size: { default: "md" },
-		variant: { default: "default" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let s = t, h = r(() => {
-			switch (s.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";
-			}
-		}), g = r(() => {
-			switch (s.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";
-			}
-		}), _ = r(() => {
-			switch (s.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";
-			}
-		}), v = r(() => !!(s.labelPosition && (s.abbreviation || s.label)));
-		return (r, s) => (u(), a("div", {
-			class: c(f(e)("metric-badge cursor-pointer", "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2", t.labelPosition && `metric-badge--label-${t.labelPosition}`, t.variant === "record" && "metric-badge--record", r.$props.class)),
-			"data-size": t.size,
-			"data-variant": t.variant
-		}, [v.value ? (u(), a(n, { key: 0 }, [t.label ? (u(), a("span", {
-			key: 0,
-			class: c(["metric-badge__label metric-badge__label--full font-mono uppercase text-muted-foreground/80 shrink-0", _.value])
-		}, d(t.label), 3)) : i("", !0), t.abbreviation ? (u(), a("span", {
-			key: 1,
-			class: c(["metric-badge__label metric-badge__label--abbr font-mono uppercase text-muted-foreground/80 shrink-0", _.value])
-		}, d(t.abbreviation), 3)) : i("", !0)], 64)) : i("", !0), t.labelPosition === "stacked" ? (u(), a("span", m, [o("span", {
-			class: c(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [h.value, { "text-muted-foreground/40": !t.amount }]]),
-			style: l(t.amount ? { color: t.color } : void 0)
-		}, d(t.amount || t.placeholder), 7), t.unit ? (u(), a("span", {
-			key: 0,
-			class: c(["metric-badge__unit font-mono text-muted-foreground shrink-0", g.value])
-		}, d(t.unit), 3)) : i("", !0)])) : (u(), a(n, { key: 2 }, [o("span", {
-			class: c(["metric-badge__amount font-semibold tabular-nums tracking-snug truncate transition-colors", [h.value, { "text-muted-foreground/40": !t.amount }]]),
-			style: l(t.amount ? { color: t.color } : void 0)
-		}, d(t.amount || t.placeholder), 7), t.unit ? (u(), a("span", {
-			key: 0,
-			class: c(["metric-badge__unit font-mono text-muted-foreground shrink-0", g.value])
-		}, d(t.unit), 3)) : i("", !0)], 64))], 10, p));
-	}
-}), [["__scopeId", "data-v-5ac15b4e"]]);
-//#endregion
-export { h as t };

package/dist/PopoverContent-BId6ggf_.js

@@ -1,121 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-BKeIMmNk.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 { PopoverContent as p, PopoverPortal as m, PopoverRoot as h, PopoverTrigger as g, useForwardPropsEmits as _ } from "reka-ui";
-//#endregion
-//#region src/components/ui/popover/Popover.vue
-var v = /* @__PURE__ */ a({
-	__name: "Popover",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = _(e, t);
-		return (e, t) => (l(), r(d(h), s({ "data-slot": "popover" }, d(n)), {
-			default: f(() => [u(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), y = /* @__PURE__ */ a({
-	__name: "PopoverTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (l(), r(d(g), c(o(t)), {
-			default: f(() => [u(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ a({
-	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
-		}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(a, { emit: o }) {
-		let c = a, h = o, g = _(n(() => {
-			let { class: e, portal: t, ...n } = c;
-			return n;
-		}), h), v = t();
-		return (t, n) => a.portal ? (l(), r(d(m), { key: 0 }, {
-			default: f(() => [i(d(p), s({
-				...d(g),
-				...t.$attrs
-			}, {
-				"data-glass-dock-portal": d(v)?.id ? "" : void 0,
-				"data-glass-dock-owner": d(v)?.id,
-				class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
-			}), {
-				default: f(() => [u(t.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"data-glass-dock-portal",
-				"data-glass-dock-owner",
-				"class"
-			])]),
-			_: 3
-		})) : (l(), r(d(p), s({ key: 1 }, {
-			...d(g),
-			...t.$attrs
-		}, {
-			"data-glass-dock-portal": d(v)?.id ? "" : void 0,
-			"data-glass-dock-owner": d(v)?.id,
-			class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
-		}), {
-			default: f(() => [u(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"data-glass-dock-portal",
-			"data-glass-dock-owner",
-			"class"
-		]));
-	}
-});
-//#endregion
-export { y as n, v as r, b as t };