@mkbabb/glass-ui 9.0.0 → 10.0.0

package/dist/timeline.js

@@ -4,18 +4,20 @@ import { t as n } from "./useLiquidPress-h1scrPtP.js";
 import { t as r } from "./useLiquidFlex-TJZmRqyY.js";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, renderSlot as ee, unref as g, watch as _ } from "vue";
-function v(e) {
+//#region src/components/timeline/geometry.ts
+var v = 2, y = 4, b = 13;
+function x(e) {
 	return Number.isFinite(e) ? e < 0 ? 0 : e > 1 ? 1 : e : 0;
 }
-function y(e) {
+function S(e) {
 	return typeof e.at == "number" && Number.isFinite(e.at);
 }
-function b(e) {
+function C(e) {
 	let t = e.length;
 	if (t === 0) return [];
 	let n = 0, r = e.map((e) => {
-		if (!y(e)) return null;
-		let t = v(e.at), r = t < n ? n : t;
+		if (!S(e)) return null;
+		let t = x(e.at), r = t < n ? n : t;
 		return n = r, r;
 	}), i = Array(t), a = 0, o = 0;
 	for (; a < t;) {
@@ -39,28 +41,28 @@ function b(e) {
 		};
 	});
 }
-function x(e) {
-	return typeof e.progress == "number" ? v(e.progress) : e.state === "completed" ? 1 : e.state === "active" ? null : 0;
+function w(e) {
+	return typeof e.progress == "number" ? x(e.progress) : e.state === "completed" ? 1 : e.state === "active" ? null : 0;
 }
 function te(e) {
-	let t = b(e), n = 0, r = 0;
+	let t = C(e), n = 0, r = 0;
 	for (let i = 0; i < t.length; i += 1) {
 		let a = t[i].width;
-		n += a, r += a * (x(e[i]) ?? 0);
+		n += a, r += a * (w(e[i]) ?? 0);
 	}
 	return n > 0 ? r / n : 0;
 }
-function ne(e) {
+function T(e) {
 	return `var(--section-color-${(2 + 4 * e) % 13})`;
 }
 //#endregion
 //#region src/components/timeline/Timeline.vue?vue&type=script&setup=true&lang.ts
-var S = [
+var E = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuetext",
 	"data-advancing"
-], C = ["data-state", "data-indeterminate"], w = {
+], ne = ["data-state", "data-indeterminate"], D = {
 	class: "tl__marks",
 	role: "list"
 }, re = [
@@ -82,7 +84,7 @@ var S = [
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
-}, T = 1.08, E = /*#__PURE__*/ i(/* @__PURE__ */ u({
+}, O = 1.08, k = /*#__PURE__*/ i(/* @__PURE__ */ u({
 	__name: "Timeline",
 	props: {
 		segments: {},
@@ -91,12 +93,12 @@ var S = [
 	},
 	emits: ["select", "hover"],
 	setup(i, { expose: u, emit: v }) {
-		let y = i, E = v, D = o(() => y.segments ?? []), O = o(() => b(D.value)), k = o(() => te(D.value)), A = t("dock"), j = m();
+		let y = i, b = v, x = o(() => y.segments ?? []), S = o(() => C(x.value)), k = o(() => te(x.value)), A = t("dock"), j = m();
 		function M() {
 			let e = j.value;
-			if (!e) return T;
+			if (!e) return O;
 			let t = getComputedStyle(e).getPropertyValue("--scale-hover").trim();
-			return Number(t) || T;
+			return Number(t) || O;
 		}
 		let N = r({
 			from: 0,
@@ -104,14 +106,14 @@ var S = [
 			axis: "width",
 			squishLaw: "tanh",
 			maxStretch: () => M()
-		}), P = m(null), F = 0, I = o(() => O.value.reduce((e, t) => e + t.width, 0)), L = e(k, {
+		}), P = m(null), F = 0, I = o(() => S.value.reduce((e, t) => e + t.width, 0)), L = e(k, {
 			response: A.response,
 			dampingFraction: A.dampingFraction,
 			onValue: (e) => {
 				N.drive(e);
 				let t = e * I.value;
-				for (let e = 0; e < O.value.length; e += 1) {
-					let n = O.value[e].at;
+				for (let e = 0; e < S.value.length; e += 1) {
+					let n = S.value[e].at;
 					F < n && t >= n && (P.value = e);
 				}
 				F = t;
@@ -122,8 +124,8 @@ var S = [
 		}, { immediate: !0 });
 		let ae = o(() => !L.isSettled.value), oe = o(() => {
 			let e = L.value.value * I.value;
-			return O.value.map((t, n) => {
-				let r = x(D.value[n]) ?? 0, i = t.width * r, a = e <= 0 ? 0 : Math.min(e, i);
+			return S.value.map((t, n) => {
+				let r = w(x.value[n]) ?? 0, i = t.width * r, a = e <= 0 ? 0 : Math.min(e, i);
 				return e -= a, t.width > 0 ? a / t.width : 0;
 			});
 		});
@@ -131,13 +133,13 @@ var S = [
 			return e.state ?? "pending";
 		}
 		function z(e) {
-			return R(e) === "active" && x(e) === null;
+			return R(e) === "active" && w(e) === null;
 		}
 		function B(e, t) {
-			return e.accent ?? ne(t);
+			return e.accent ?? T(t);
 		}
-		let se = o(() => O.value.map((e, t) => {
-			let n = D.value[t];
+		let se = o(() => S.value.map((e, t) => {
+			let n = x.value[t];
 			return {
 				"--tl-l": String(e.left),
 				"--tl-w": String(e.width),
@@ -145,27 +147,27 @@ var S = [
 				"--tl-accent": B(n, t)
 			};
 		})), V = o(() => {
-			let e = `${Math.round(k.value * 100)}%`, t = D.value.find((e) => z(e));
+			let e = `${Math.round(k.value * 100)}%`, t = x.value.find((e) => z(e));
 			return t ? `${e} — ${t.label} underway` : e;
 		}), H = m(0), U = m([]);
-		_(() => [y.current, D.value.length], () => {
-			let e = D.value.findIndex((e) => e.key === y.current);
-			H.value = e >= 0 ? e : Math.min(H.value, Math.max(0, D.value.length - 1));
+		_(() => [y.current, x.value.length], () => {
+			let e = x.value.findIndex((e) => e.key === y.current);
+			H.value = e >= 0 ? e : Math.min(H.value, Math.max(0, x.value.length - 1));
 		}, { immediate: !0 });
 		function W(e) {
-			let t = Math.max(0, Math.min(D.value.length - 1, e));
+			let t = Math.max(0, Math.min(x.value.length - 1, e));
 			H.value = t, U.value[t]?.focus();
 		}
 		function ce(e, t) {
 			if (e.key === "ArrowRight" || e.key === "ArrowDown") W(t + 1);
 			else if (e.key === "ArrowLeft" || e.key === "ArrowUp") W(t - 1);
 			else if (e.key === "Home") W(0);
-			else if (e.key === "End") W(D.value.length - 1);
+			else if (e.key === "End") W(x.value.length - 1);
 			else return;
 			e.preventDefault();
 		}
 		function le(e) {
-			E("select", {
+			b("select", {
 				key: e.key,
 				segment: e
 			});
@@ -182,20 +184,20 @@ var S = [
 		}
 		let J = m(null), Y = o(() => {
 			let e = J.value ?? y.current ?? null;
-			return e == null ? null : D.value.find((t) => t.key === e) ?? null;
+			return e == null ? null : x.value.find((t) => t.key === e) ?? null;
 		}), de = o(() => J.value == null ? y.current == null ? "idle" : "current" : "hovered"), X = m(1), Z = -1;
 		_(Y, (e) => {
-			let t = e ? D.value.findIndex((t) => t.key === e.key) : -1;
+			let t = e ? x.value.findIndex((t) => t.key === e.key) : -1;
 			t >= 0 && Z >= 0 && (X.value = t >= Z ? 1 : -1), Z = t;
 		});
 		function Q(e) {
-			J.value = e.key, E("hover", {
+			J.value = e.key, b("hover", {
 				key: e.key,
 				segment: e
 			});
 		}
 		function $(e) {
-			J.value === e.key && (J.value = null, E("hover", null));
+			J.value === e.key && (J.value = null, b("hover", null));
 		}
 		return u({ value: k }), (e, t) => (p(), c("div", {
 			ref_key: "rootRef",
@@ -216,7 +218,7 @@ var S = [
 				"aria-valuenow": k.value,
 				"aria-valuetext": V.value,
 				"data-advancing": ae.value || void 0
-			}, [(p(!0), c(a, null, h(D.value, (e, t) => (p(), c("div", {
+			}, [(p(!0), c(a, null, h(x.value, (e, t) => (p(), c("div", {
 				key: e.key,
 				class: d(["tl__span", { "track-flow": z(e) }]),
 				"aria-hidden": "true",
@@ -230,12 +232,12 @@ var S = [
 				key: 0,
 				class: "tl__cap",
 				style: f(g(N).stretchStyle.value)
-			}, null, 4)) : s("", !0)], 2))], 14, C))), 128))], 8, S),
-			l("ul", w, [(p(!0), c(a, null, h(D.value, (e, n) => (p(), c("li", {
+			}, null, 4)) : s("", !0)], 2))], 14, ne))), 128))], 8, E),
+			l("ul", D, [(p(!0), c(a, null, h(x.value, (e, n) => (p(), c("li", {
 				key: e.key,
 				class: "tl__mark-seat",
 				style: f({
-					"--tl-at": String(O.value[n]?.at ?? 0),
+					"--tl-at": String(S.value[n]?.at ?? 0),
 					"--tl-accent": B(e, n)
 				})
 			}, [l("button", {
@@ -282,6 +284,6 @@ var S = [
 			}, void 0, !0)])) : s("", !0)
 		], 4));
 	}
-}), [["__scopeId", "data-v-ba6961e5"]]);
+}), [["__scopeId", "data-v-4c4ed383"]]);
 //#endregion
-export { E as Timeline };
+export { v as HUE_OFFSET, b as HUE_STOPS, y as HUE_STRIDE, k as Timeline, T as accentFor };

package/dist/{toast-9c6Kp58L.js → toast-DVOwo6GB.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
+import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./resolve-DdrNvBby.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, withCtx as x } from "vue";
 import { ToastAction as S, ToastClose as C, ToastDescription as w, ToastPortal as T, ToastProvider as E, ToastRoot as D, ToastTitle as O, ToastViewport as k, useForwardPropsEmits as A } from "reka-ui";

package/dist/toast.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./toast-9c6Kp58L.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./toast-DVOwo6GB.js";
 export { t as Toast, o as ToastAction, i as ToastClose, e as ToastDescription, n as ToastTitle, s as Toaster, r as toast, a as useToast };

package/dist/{toggle-group-DUcmKnDw.js → toggle-group-CC5b3o1R.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
+import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./control-DJp15L4U.js";
 import { t as n } from "./createContext-BhkE9mLH.js";
 import { t as r } from "./useSelectionGroup-zsEwitF6.js";

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./toggle-group-DUcmKnDw.js";
+import { n as e, t } from "./toggle-group-CC5b3o1R.js";
 export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/{tooltip-BKk2qVDn.js → tooltip-DhTHhtJN.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./content-CWO-XL7o.js";
+import { t as e } from "./content-So3j6SOe.js";
 import { t } from "./participation-Di4UHbzk.js";
 import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, useAttrs as u, withCtx as d } from "vue";
 import { TooltipContent as f, TooltipPortal as p, TooltipProvider as m, TooltipRoot as h, TooltipTrigger as g } from "reka-ui";

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./tooltip-BKk2qVDn.js";
+import { i as e, n as t, r as n, t as r } from "./tooltip-DhTHhtJN.js";
 export { e as Tooltip, n as TooltipContent, r as TooltipProvider, t as TooltipTrigger };

package/dist/typewriter.js

@@ -847,6 +847,6 @@ var X = { class: "tw-root" }, Z = { class: "sr-only tw-accessible" }, Q = {
 			}, " | ", 2)) : i("", !0)]))])
 		]));
 	}
-}), [["__scopeId", "data-v-5d7c7d10"]]);
+}), [["__scopeId", "data-v-e8359620"]]);
 //#endregion
 export { y as DEFAULTS, B as DEFAULT_TYPO_CONFIG, j as PAUSE_PATTERNS, b as QWERTY_MAP, ee as TypewriterText, L as backspaceDelay, x as calculateKeyDelay, P as createCancellationToken, V as createTypoContext, O as getAdjacentKeys, N as getPauseDelay, H as nextTypoAction, R as pickNgramSize, k as pickTypoChar, z as randomInRange, F as sleep, I as stochasticDelay, Y as useTypewriter };

package/dist/{useAccentTone-DFAh1osB.js → useAccentTone-DitmKfGL.js}

@@ -2,7 +2,7 @@ import { computed as e, ref as t, toValue as n } from "vue";
 //#region src/composables/color/useAccentTone.ts
 var r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a, o = (e, t) => `${e}|${t.surface ?? ""}|${t.inkContrast ?? ""}|${t.bandStrength ?? ""}`;
 function s() {
-	return a ??= import("./accent-tone-solve-Cw7WkRD9.js").catch(() => null);
+	return a ??= import("./accent-tone-solve-5H6FY2QO.js").catch(() => null);
 }
 function c(e, t) {
 	let n = i.get(e) ?? /* @__PURE__ */ new Set();

package/dist/{usePointerVelocityField-DsIf7yyq.js → usePointerVelocityField-Lx26_Yap.js}

@@ -37,7 +37,7 @@ function o(o = {}) {
 		};
 	}
 	let M = i(b, (e) => {
-		e && j();
+		e && (j(), O.value = 0);
 	}, { flush: "sync" });
 	function N(e, t) {
 		b.value || (S.value = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "9.0.0",
+    "version": "10.0.0",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {
@@ -468,7 +468,8 @@
         "./fonts/*": "./dist/fonts/*"
     },
     "files": [
-        "dist"
+        "dist",
+        "MIGRATION.md"
     ],
     "scripts": {
         "build": "vite build",
@@ -530,6 +531,7 @@
         "happy-dom": "^20.9.0",
         "lightningcss": "^1.32.0",
         "postcss": "^8.5.19",
+        "playwright": "1.61.1",
         "reka-ui": "^2.9",
         "tailwindcss": "^4.3.1",
         "tw-animate-css": "^1.2.5",

package/dist/DialogContent-4hzLiaCQ.js

@@ -1,152 +0,0 @@
-import { t as e } from "./class-names-q-UGOkHH.js";
-import { t } from "./resolve-DdrNvBby.js";
-import { t as n } from "./useSpringMount-OA-0mTNv.js";
-import { i as r, n as i } from "./motion-D4uYE0UM.js";
-import { t as a } from "./useMotionAxis-D-rtIhca.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, openBlock as p, ref as m, renderSlot as h, unref as g, watch as _, withCtx as v } from "vue";
-import { DialogClose as y, DialogContent as b, DialogPortal as x, DialogRoot as S, injectDialogRootContext as C, useForwardPropsEmits as w } from "reka-ui";
-//#endregion
-//#region src/components/dialog/Dialog.vue
-var T = /* @__PURE__ */ d({
-	__name: "Dialog",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean },
-		unmountOnHide: { type: Boolean },
-		origin: {}
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = w(o(() => {
-			let { origin: e, ...t } = n;
-			return t;
-		}), r);
-		return (e, t) => (p(), s(g(S), f({ "data-slot": "dialog" }, g(i)), {
-			default: v(() => [h(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), E = /* @__PURE__ */ d({
-	inheritAttrs: !1,
-	__name: "DialogContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" },
-		motion: {},
-		scroll: {
-			type: Boolean,
-			default: !1
-		},
-		dismiss: { default: "free" }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(d, { emit: S }) {
-		let T = d, E = S, D = o(() => {
-			let { class: e, surface: t, motion: n, scroll: r, dismiss: i, forceMount: a, ...o } = T;
-			return o;
-		}), O = a(() => T.motion), k = o(() => O.resolved.value !== "off"), A = C(), j = n({
-			open: A.open,
-			preset: "present"
-		}), M = o(() => {
-			if (!k.value) return;
-			let e = j.position.value;
-			return {
-				transform: "none",
-				scale: String(1 - .05 * e),
-				opacity: String(1 - e),
-				transition: "none"
-			};
-		}), N = o(() => k.value ? j.present.value || A.open.value : T.forceMount), P = o(() => k.value && !A.open.value ? "" : void 0), F = o(() => k.value ? i(j.position.value) : null), I = o(() => k.value ? j.present.value || A.open.value : void 0), L = m(null), R = () => L.value?.closest("[data-slot=\"dialog-content\"]") ?? null;
-		_(() => A.open.value, (e) => {
-			if (!k.value || e !== !1) return;
-			let t = document.activeElement;
-			t && R()?.contains(t) && A.triggerElement.value?.focus({ preventScroll: !0 });
-		}, { flush: "sync" });
-		let z = m(0), B = o(() => z.value === 0 ? void 0 : z.value % 2 == 1 ? "a" : "b"), V = o(() => T.dismiss === "free");
-		function H(e) {
-			T.dismiss === "locked" && (e.preventDefault(), z.value += 1);
-		}
-		let U = w(D, E), W = o(() => ({
-			"--glass-veil-tier": "var(--glass-veil-dialog)",
-			...O.hostStyle.value ?? {},
-			...M.value ?? {}
-		})), G = o(() => e("fixed left-1/2 top-1/2 z-modal", t("floating"), T.scroll ? "max-h-[calc(100dvh-2rem)] overflow-y-auto" : "", T.class));
-		return (e, t) => (p(), s(g(x), { "force-mount": N.value }, {
-			default: v(() => [u(r, {
-				veil: "",
-				opacity: F.value,
-				"force-mount": I.value
-			}, null, 8, ["opacity", "force-mount"]), u(g(b), f({
-				...g(U),
-				...e.$attrs,
-				inert: P.value
-			}, {
-				"force-mount": N.value,
-				class: G.value,
-				style: W.value,
-				"data-surface": T.surface,
-				"data-slot": "dialog-content",
-				"data-dismiss": T.dismiss,
-				"data-rebuff": B.value,
-				"data-scroll": T.scroll ? "" : void 0,
-				"data-motion": g(O).dataMotion.value,
-				onEscapeKeyDown: H,
-				onPointerDownOutside: H
-			}), {
-				default: v(() => [
-					l("span", {
-						ref_key: "contentAnchorEl",
-						ref: L,
-						hidden: ""
-					}, null, 512),
-					V.value ? (p(), s(g(y), {
-						key: 0,
-						"data-slot": "dialog-close"
-					}, {
-						default: v(() => [...t[0] ||= [l("svg", {
-							class: "w-4 h-4",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							"aria-hidden": "true"
-						}, [l("path", { d: "M18 6 6 18M6 6l12 12" })], -1), l("span", { class: "sr-only" }, "Close", -1)]]),
-						_: 1
-					})) : c("", !0),
-					h(e.$slots, "default")
-				]),
-				_: 3
-			}, 16, [
-				"force-mount",
-				"class",
-				"style",
-				"data-surface",
-				"data-dismiss",
-				"data-rebuff",
-				"data-scroll",
-				"data-motion"
-			])]),
-			_: 3
-		}, 8, ["force-mount"]));
-	}
-});
-//#endregion
-export { T as n, E as t };

package/dist/popover-C04Rrdcz.js

@@ -1,181 +0,0 @@
-import { t as e } from "./content-CWO-XL7o.js";
-import { t } from "./createContext-BhkE9mLH.js";
-import { t as n } from "./participation-Di4UHbzk.js";
-import { computed as r, createBlock as i, defineComponent as a, mergeProps as o, openBlock as s, ref as c, renderSlot as l, resolveDynamicComponent as u, unref as d, useAttrs as f, watch as p, withCtx as m } from "vue";
-import { HoverCardContent as h, HoverCardPortal as g, HoverCardRoot as _, HoverCardTrigger as v, PopoverContent as y, PopoverPortal as b, PopoverRoot as x, PopoverTrigger as S } from "reka-ui";
-//#region src/components/popover/popoverContext.ts
-var C = t("glass-ui:popover-union"), w = C.provide, T = C.use, E = /* @__PURE__ */ a({
-	name: "Popover",
-	inheritAttrs: !1,
-	__name: "Popover",
-	props: {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		defaultOpen: {
-			type: Boolean,
-			default: !1
-		},
-		trigger: { default: "click" },
-		openDelay: { default: 250 },
-		closeDelay: { default: 150 },
-		keepDockOpen: {
-			type: Boolean,
-			default: !1
-		},
-		modal: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let a = e, o = t, u = c(a.open ?? a.defaultOpen);
-		p(() => a.open, (e) => {
-			e !== void 0 && (u.value = e);
-		});
-		let f = r(() => a.open ?? u.value);
-		function h(e) {
-			a.open === void 0 && (u.value = e), o("update:open", e);
-		}
-		let g = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches, v = r(() => a.trigger === "hover" && !g);
-		return w({
-			usesHoverRoot: v,
-			modal: r(() => a.modal)
-		}), n({ hold: () => f.value && a.keepDockOpen }), (t, n) => v.value ? (s(), i(d(_), {
-			key: 0,
-			"data-slot": "popover",
-			open: f.value,
-			"open-delay": e.openDelay,
-			"close-delay": e.closeDelay,
-			"onUpdate:open": h
-		}, {
-			default: m(() => [l(t.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"open",
-			"open-delay",
-			"close-delay"
-		])) : (s(), i(d(x), {
-			key: 1,
-			"data-slot": "popover",
-			open: f.value,
-			modal: e.modal,
-			"onUpdate:open": h
-		}, {
-			default: m(() => [l(t.$slots, "default")]),
-			_: 3
-		}, 8, ["open", "modal"]));
-	}
-}), D = /* @__PURE__ */ a({
-	name: "PopoverTrigger",
-	inheritAttrs: !1,
-	__name: "PopoverTrigger",
-	props: {
-		asChild: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(e) {
-		let t = e, n = f(), a = r(() => {
-			let { as: e, reference: r, ...i } = n;
-			return t.asChild ? i : {
-				...i,
-				type: "button"
-			};
-		}), c = T(), u = r(() => c?.usesHoverRoot.value ?? !1);
-		return (n, r) => u.value ? (s(), i(d(v), o({ key: 0 }, a.value, {
-			as: "button",
-			"as-child": e.asChild,
-			class: t.class
-		}), {
-			default: m(() => [l(n.$slots, "default")]),
-			_: 3
-		}, 16, ["as-child", "class"])) : (s(), i(d(S), o({ key: 1 }, a.value, {
-			as: "button",
-			"as-child": e.asChild,
-			class: t.class
-		}), {
-			default: m(() => [l(n.$slots, "default")]),
-			_: 3
-		}, 16, ["as-child", "class"]));
-	}
-}), O = /* @__PURE__ */ a({
-	name: "PopoverContent",
-	inheritAttrs: !1,
-	__name: "PopoverContent",
-	props: {
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		portal: {
-			type: Boolean,
-			default: !0
-		},
-		ariaLabel: {},
-		side: { default: "bottom" },
-		sideOffset: { default: 4 },
-		align: { default: "center" },
-		alignOffset: { default: 0 }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(t, { emit: a }) {
-		let c = t, p = a, _ = f(), v = r(() => ({
-			side: c.side,
-			sideOffset: c.sideOffset,
-			align: c.align,
-			alignOffset: c.alignOffset,
-			avoidCollisions: !0
-		})), x = (e, { slots: t }) => t.default?.(), S = T(), C = r(() => S?.usesHoverRoot.value ?? !1), w = r(() => c.portal ? C.value ? g : b : x), E = r(() => C.value ? h : y), D = r(() => (S?.modal.value ?? !1) && !C.value), O = r(() => ({
-			"aria-label": c.ariaLabel,
-			...C.value ? { role: "group" } : {},
-			...D.value ? { "aria-modal": "true" } : {}
-		})), k = n(), A = r(() => e({
-			role: "panel",
-			slot: "popover-content",
-			dock: k.portalAttrs.value,
-			class: ["z-popover", c.class]
-		}));
-		return (e, t) => (s(), i(u(w.value), null, {
-			default: m(() => [(s(), i(u(E.value), o({
-				...v.value,
-				...d(_),
-				...O.value,
-				...A.value
-			}, {
-				onEscapeKeyDown: t[0] ||= (e) => p("escapeKeyDown", e),
-				onPointerDownOutside: t[1] ||= (e) => p("pointerDownOutside", e),
-				onFocusOutside: t[2] ||= (e) => p("focusOutside", e),
-				onInteractOutside: t[3] ||= (e) => p("interactOutside", e),
-				onOpenAutoFocus: t[4] ||= (e) => p("openAutoFocus", e),
-				onCloseAutoFocus: t[5] ||= (e) => p("closeAutoFocus", e)
-			}), {
-				default: m(() => [l(e.$slots, "default")]),
-				_: 3
-			}, 16))]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { D as n, E as r, O as t };