@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/{dockContext-d-WpJN2Z.js → dockContext-4S9qP0Z4.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./springPresets-h5VKJQqG.js";
-import { n as t } from "./createContext-BQ1Gy_LB.js";
+import { n as t } from "./createContext-FU0n5MGK.js";
 //#region src/components/dock/constants.ts
 var n = {
 	response: e("dock").response,

package/dist/dom.js

@@ -1,7 +1,196 @@
-import { t as e } from "./useResizeObserver-DDuoBeBo.js";
-import { t } from "./useTouchGate-BlegwvwL.js";
-import { t as n } from "./useDragVelocity-BWcNMCux.js";
-import { a as r, i, n as a, o, r as s, t as c } from "./useViewportReady-c0isoKL8.js";
-import { n as l, t as u } from "./useResolveTokenColor-DVT5kwv6.js";
-import { t as d } from "./useUserInvalidAria-Bkruei7M.js";
-export { i as copyToClipboard, u as createTokenColorCache, l as resolveTokenColor, s as useBreakpoint, r as useClipboard, n as useDragVelocity, a as useIdleReady, e as useResizeObserver, o as useTokenColor, t as useTouchGate, d as useUserInvalidAria, c as useViewportReady };
+import { t as e } from "./useResizeObserver-BcUTquV7.js";
+import { t } from "./useTouchGate-Cj5fOkTv.js";
+import { t as n } from "./useDragVelocity-CbMZEBaC.js";
+import { n as r, t as i } from "./useResolveTokenColor-C07e-qaT.js";
+import { t as a } from "./useUserInvalidAria-Cr4nR3tu.js";
+import { getCurrentScope as o, onMounted as s, onScopeDispose as c, readonly as l, ref as u, toValue as d, watch as f } from "vue";
+//#region src/composables/dom/useTokenColor.ts
+function p(e, t = {}) {
+	let n = t.fallback ?? "", r = u(n), i = t.resolver ?? ((e, t) => getComputedStyle(t ?? document.documentElement).getPropertyValue(e));
+	function a() {
+		let r = d(e);
+		return !r || !t.resolver && typeof document > "u" ? n : i(r, (t.element ? d(t.element) : null) ?? (typeof document < "u" ? document.documentElement : void 0) ?? void 0 ?? void 0).trim() || n;
+	}
+	function l() {
+		r.value = a();
+	}
+	if (l(), s(l), typeof document < "u") {
+		let e = new MutationObserver(l);
+		e.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		});
+		let t = typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+		t?.addEventListener?.("change", l), o() && c(() => {
+			e.disconnect(), t?.removeEventListener?.("change", l);
+		});
+	}
+	return f(() => d(e), l), t.element !== void 0 && f(() => d(t.element), l), {
+		value: r,
+		refresh: l
+	};
+}
+//#endregion
+//#region src/composables/dom/useClipboard.ts
+async function m(e) {
+	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return {
+		ok: !1,
+		reason: "no-api"
+	};
+	try {
+		return await navigator.clipboard.writeText(e), { ok: !0 };
+	} catch {
+		return {
+			ok: !1,
+			reason: "clipboard-api"
+		};
+	}
+}
+function h(e) {
+	if (typeof document > "u") return {
+		ok: !1,
+		reason: "no-api"
+	};
+	let t = document.createElement("textarea");
+	t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.top = "-9999px", document.body.appendChild(t), t.select();
+	let n = !1;
+	try {
+		n = document.execCommand("copy");
+	} catch {
+		n = !1;
+	}
+	return document.body.removeChild(t), n ? { ok: !0 } : {
+		ok: !1,
+		reason: "exec-command"
+	};
+}
+async function g(e, t) {
+	let n = await m(e);
+	if (n.ok) return n;
+	let r = h(e);
+	if (r.ok) return r;
+	let i = r.reason ?? n.reason ?? "no-api";
+	return t?.(i), {
+		ok: !1,
+		reason: i
+	};
+}
+async function _(e, t = {}) {
+	let { ok: n } = await g(e, t.onCopyError);
+	return n;
+}
+function v(e = {}) {
+	let t = e.resetMs ?? 1500, n = u(!1), r = null;
+	function i() {
+		r != null && (clearTimeout(r), r = null);
+	}
+	async function a(a) {
+		let o = await g(a, e.onCopyError);
+		return o.ok && (n.value = !0, i(), r = setTimeout(() => {
+			n.value = !1, r = null;
+		}, t)), o;
+	}
+	return c(i), {
+		copied: n,
+		copy: a
+	};
+}
+//#endregion
+//#region src/composables/dom/useBreakpoint.ts
+function y(e) {
+	let t = u(!1), n = null;
+	function r(e) {
+		t.value = e.matches;
+	}
+	function i() {
+		typeof window > "u" || !window.matchMedia || (n = window.matchMedia(e), t.value = n.matches, n.addEventListener("change", r));
+	}
+	function a() {
+		n?.removeEventListener("change", r), n = null;
+	}
+	return o() && c(a), i(), {
+		matches: l(t),
+		stop: a
+	};
+}
+//#endregion
+//#region src/composables/dom/useIdleReady.ts
+function b(e = {}) {
+	let t = e.timeout ?? 2e3, n = u(!1), r = null, i = null, a = !1;
+	function s() {
+		a || n.value || (n.value = !0, e.onReady?.(), l());
+	}
+	function l() {
+		r !== null && typeof window < "u" && "cancelIdleCallback" in window && (window.cancelIdleCallback(r), r = null), i !== null && (clearTimeout(i), i = null);
+	}
+	function d() {
+		if (!a) {
+			if (typeof window > "u") {
+				s();
+				return;
+			}
+			"requestIdleCallback" in window ? r = window.requestIdleCallback(s, { timeout: t }) : i = setTimeout(s, 0);
+		}
+	}
+	d();
+	function f() {
+		a || (a = !0, l());
+	}
+	return o() && c(f), {
+		ready: n,
+		stop: f
+	};
+}
+//#endregion
+//#region src/composables/dom/useViewportReady.ts
+function x(e, t = {}) {
+	let n = t.rootMargin ?? "200px", r = t.idleTimeout ?? 1e4, i = t.threshold ?? .01, a = u(!1), s = null, l, d = null, p = null, m = !1;
+	function h() {
+		m || a.value || (a.value = !0, _());
+	}
+	function g() {
+		if (!m) {
+			if (typeof window > "u") {
+				h();
+				return;
+			}
+			"requestIdleCallback" in window ? d = window.requestIdleCallback(h, { timeout: r }) : p = setTimeout(h, 16);
+		}
+	}
+	function _() {
+		s &&= (s.disconnect(), null), d !== null && typeof window < "u" && "cancelIdleCallback" in window && (window.cancelIdleCallback(d), d = null), p !== null && (clearTimeout(p), p = null);
+	}
+	function v(e) {
+		if (typeof window > "u" || !("IntersectionObserver" in window)) {
+			g();
+			return;
+		}
+		s = new IntersectionObserver((e) => {
+			if (!m) {
+				for (let t of e) if (t.isIntersecting) {
+					g(), s?.disconnect(), s = null;
+					break;
+				}
+			}
+		}, {
+			rootMargin: n,
+			threshold: i
+		}), s.observe(e);
+	}
+	function y(e) {
+		m || a.value || l !== void 0 && l === e || (_(), l = e, e ? v(e) : g());
+	}
+	y(e.value);
+	let b = f(e, (e) => {
+		y(e);
+	}, { flush: "post" });
+	function x() {
+		m || (m = !0, b(), _());
+	}
+	return o() && c(x), {
+		ready: a,
+		stop: x
+	};
+}
+//#endregion
+export { _ as copyToClipboard, i as createTokenColorCache, r as resolveTokenColor, y as useBreakpoint, v as useClipboard, n as useDragVelocity, b as useIdleReady, e as useResizeObserver, p as useTokenColor, t as useTouchGate, a as useUserInvalidAria, x as useViewportReady };

package/dist/drawer.js

@@ -1,29 +1,29 @@
 import { t as e } from "./class-names-5jotTFzp.js";
 import { t } from "./motionTempo-CMS5b0Vu.js";
 import { t as n } from "./useSurfaceAxis-DudiZVOR.js";
-import { t as r } from "./createContext-BQ1Gy_LB.js";
+import { t as r } from "./createContext-FU0n5MGK.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, onScopeDispose as p, onUnmounted as m, openBlock as h, ref as g, renderSlot as _, toRef as v, unref as y, watch as b, withCtx as x } from "vue";
-import { DialogClose as S, DialogContent as C, DialogDescription as w, DialogOverlay as T, DialogPortal as E, DialogPortal as D, DialogRoot as O, DialogTitle as k, DialogTrigger as A, useForwardPropsEmits as j } from "reka-ui";
-import { SpringProgress as M } from "@mkbabb/keyframes.js";
+import { DialogClose as S, DialogContent as C, DialogDescription as w, DialogOverlay as T, DialogPortal as E, DialogRoot as D, DialogTitle as O, DialogTrigger as k, useForwardPropsEmits as A } from "reka-ui";
+import { SpringProgress as j } from "@mkbabb/keyframes.js";
 //#region src/components/drawer/constants.ts
-var N = {
+var M = {
 	response: .32,
 	dampingFraction: .8
-}, P = [
+}, N = [
 	.12,
 	.5,
 	1
 ];
-function F(e) {
-	return e === "left" || e === "right" ? [] : P;
+function P(e) {
+	return e === "left" || e === "right" ? [] : N;
 }
 //#endregion
 //#region src/components/drawer/composables/drawerSnapContext.ts
-var I = r("glass-ui:drawer-snap-context"), { KEY: L } = I;
-function R(e) {
-	I.provide(e);
+var F = r("glass-ui:drawer-snap-context"), { KEY: I } = F;
+function L(e) {
+	F.provide(e);
 }
-var z = I.use, B = /* @__PURE__ */ u({
+var R = F.use, z = /* @__PURE__ */ u({
 	__name: "Drawer",
 	props: {
 		open: {
@@ -63,19 +63,20 @@ var z = I.use, B = /* @__PURE__ */ u({
 			t && t.toggleAttribute("data-stage-scale", r), n && n.toggleAttribute("data-stage-immersive", i);
 		}
 		b(() => l.value, (e) => S(e), { immediate: !0 }), b(m, () => S(l.value)), p(() => S(!1));
-		let C = i(() => n.snapPoints && n.snapPoints.length > 0 ? n.snapPoints.map((e) => typeof e == "number" ? e : Number.parseFloat(e)) : F(n.direction)), w = g(n.activeSnapPoint ?? null);
+		let C = i(() => n.snapPoints === void 0 ? u.value ? P(n.direction) : [] : n.snapPoints.map((e) => typeof e == "number" ? e : Number.parseFloat(e))), w = g(n.activeSnapPoint ?? null);
 		b(() => n.activeSnapPoint, (e) => {
 			e !== void 0 && (w.value = e);
 		}), b(w, (e) => r("update:activeSnapPoint", e));
 		let T = g(l.value);
 		return b(l, (e) => T.value = e), b(T, (e) => {
 			e !== l.value && c(e);
-		}), R({
+		}), L({
 			open: T,
 			snapPoints: C,
 			direction: v(n, "direction"),
+			mode: v(n, "mode"),
 			activeSnapPoint: w
-		}), (e, t) => (h(), a(y(O), {
+		}), (e, t) => (h(), a(y(D), {
 			"data-slot": "drawer",
 			open: l.value,
 			modal: d.value,
@@ -85,7 +86,7 @@ var z = I.use, B = /* @__PURE__ */ u({
 			_: 3
 		}, 8, ["open", "modal"]));
 	}
-}), V = /* @__PURE__ */ u({
+}), B = /* @__PURE__ */ u({
 	__name: "DrawerOverlay",
 	props: {
 		forceMount: { type: Boolean },
@@ -112,13 +113,13 @@ var z = I.use, B = /* @__PURE__ */ u({
 });
 //#endregion
 //#region src/components/drawer/composables/useDrawerSnap.ts
-function H(e) {
+function V(e) {
 	return e === "left" || e === "right";
 }
-function U(e, t) {
-	return e.length > 0 ? [...e].sort((e, t) => e - t) : H(t) ? [0, 1] : [1];
+function H(e, t) {
+	return e.length > 0 ? [...e].sort((e, t) => e - t) : V(t) ? [0, 1] : [1];
 }
-function W(e, t) {
+function U(e, t) {
 	let n = t[0], r = Math.abs(e - n);
 	for (let i of t) {
 		let t = Math.abs(e - i);
@@ -126,13 +127,13 @@ function W(e, t) {
 	}
 	return n;
 }
-function G(e, t, n) {
+function W(e, t, n) {
 	let r = n.indexOf(e);
-	if (r === -1) return W(e, n);
+	if (r === -1) return U(e, n);
 	let i = r + t;
 	return i < 0 || i >= n.length ? e : n[i];
 }
-function K(e) {
+function G(e) {
 	let { contentEl: n, handleEl: r, ctx: i } = e, a = g(!1), o = null, s = null, c = null;
 	function l() {
 		if (typeof document > "u") return [];
@@ -151,9 +152,9 @@ function K(e) {
 		e && e.style.removeProperty("--stage-t"), s && s.style.removeProperty("--stage-t"), c && c.style.removeProperty("--stage-t"), s = null, c = null;
 	}
 	function f(e) {
-		return o || (o = new M({
-			response: N.response * t(n()),
-			dampingFraction: N.dampingFraction,
+		return o || (o = new j({
+			response: M.response * t(n()),
+			dampingFraction: M.dampingFraction,
 			initial: e ?? p(),
 			respectReducedMotion: !0
 		}), o.play((e) => u(e)), o);
@@ -165,7 +166,7 @@ function K(e) {
 			let t = Number.parseFloat(e);
 			if (!Number.isNaN(t)) return t;
 		}
-		let t = U(i.snapPoints.value, i.direction.value);
+		let t = H(i.snapPoints.value, i.direction.value);
 		return t[t.length - 1] ?? 1;
 	}
 	function h(e) {
@@ -173,7 +174,7 @@ function K(e) {
 		t.play((e) => u(e)), t.target = e, i.activeSnapPoint.value = e;
 	}
 	function _(e) {
-		h(W(e, U(i.snapPoints.value, i.direction.value)));
+		h(U(e, H(i.snapPoints.value, i.direction.value)));
 	}
 	let v = null, y = 0, x = 0, S = 0, C = 0, w = 0;
 	function T(e) {
@@ -185,7 +186,7 @@ function K(e) {
 		let e = n();
 		if (!e) return 1;
 		let t = e.getBoundingClientRect();
-		return H(i.direction.value) ? t.width || 1 : t.height || 1;
+		return V(i.direction.value) ? t.width || 1 : t.height || 1;
 	}
 	function O(e) {
 		let t = r.value;
@@ -195,26 +196,26 @@ function K(e) {
 		if (v === null || e.pointerId !== v) return;
 		let t = T(e), n = (e.timeStamp - C) / 1e3;
 		n > 0 && (w = (t - S) / n), S = t, C = e.timeStamp;
-		let r = (t - y) / E, a = U(i.snapPoints.value, i.direction.value), o = a[0], s = a[a.length - 1];
+		let r = (t - y) / E, a = H(i.snapPoints.value, i.direction.value), o = a[0], s = a[a.length - 1];
 		u(Math.min(s, Math.max(o, x + r)));
 	}
 	function A(e) {
 		if (v === null || e.pointerId !== v) return;
 		r.value?.releasePointerCapture?.(e.pointerId), v = null, a.value = !1;
-		let t = U(i.snapPoints.value, i.direction.value), n = j();
+		let t = H(i.snapPoints.value, i.direction.value), n = N();
 		f().reset(n, 0);
 		let o;
 		if (Math.abs(w) >= 450 && t.length > 1) {
 			let e = w > 0 ? 1 : -1;
-			o = G(W(n, t), e, t);
-		} else o = W(n, t);
+			o = W(U(n, t), e, t);
+		} else o = U(n, t);
 		if (o <= 0) {
 			i.open.value = !1;
 			return;
 		}
 		h(o);
 	}
-	function j() {
+	function N() {
 		let e = n();
 		if (!e) return p();
 		let t = e.style.getPropertyValue("--glass-drawer-t"), r = Number.parseFloat(t);
@@ -236,8 +237,8 @@ function K(e) {
 		if (!i.open.value || a.value) return;
 		let t = typeof e == "number" ? e : typeof e == "string" ? Number.parseFloat(e) : NaN;
 		if (!Number.isNaN(t) && (!o || Math.abs(o.target - t) > .001)) {
-			let e = U(i.snapPoints.value, i.direction.value);
-			f().target = W(t, e);
+			let e = H(i.snapPoints.value, i.direction.value);
+			f().target = U(t, e);
 		}
 	}), m(() => {
 		P?.(), d();
@@ -248,7 +249,14 @@ function K(e) {
 }
 //#endregion
 //#region src/components/drawer/DrawerContent.vue?vue&type=script&setup=true&lang.ts
-var q = ["data-dragging"], J = /* @__PURE__ */ u({
+var K = [
+	"data-dragging",
+	"aria-orientation",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+], q = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "DrawerContent",
 	props: {
@@ -278,40 +286,77 @@ var q = ["data-dragging"], J = /* @__PURE__ */ u({
 		"closeAutoFocus"
 	],
 	setup(t, { emit: r }) {
-		let s = t, u = r, f = j(i(() => {
-			let { class: e, showOverlay: t, surface: n, ...r } = s;
+		let u = t, f = r, p = A(i(() => {
+			let { class: e, showOverlay: t, surface: n, ...r } = u;
 			return r;
-		}), u), p = i(() => n(s.surface)), m = g(null), v = () => m.value?.closest("[data-glass-drawer]") ?? null, b = z(), S = b ? K({
-			contentEl: v,
-			handleEl: m,
-			ctx: b
-		}) : null, w = i(() => (b?.snapPoints.value.length ?? 0) > 1), T = i(() => b?.direction.value ?? "bottom"), D = i(() => {
-			if (!b) return;
-			let e = T.value;
+		}), f), m = i(() => n(u.surface)), v = g(null), b = g(null), S = () => (v.value ?? b.value)?.closest("[data-glass-drawer]") ?? null, w = R(), T = w ? G({
+			contentEl: S,
+			handleEl: v,
+			ctx: w
+		}) : null, D = i(() => (w?.snapPoints.value.length ?? 0) > 1), O = i(() => [...w?.snapPoints.value ?? []].sort((e, t) => e - t)), k = i(() => {
+			let e = w?.activeSnapPoint.value, t = typeof e == "number" ? e : Number.parseFloat(String(e));
+			return Number.isNaN(t) ? Math.max(0, O.value.length - 1) : O.value.reduce((e, n, r) => Math.abs(n - t) < Math.abs(O.value[e] - t) ? r : e, 0);
+		}), j = i(() => O.value[k.value] ?? 1), M = i(() => `${Math.round(j.value * 100)}%, position ${k.value + 1} of ${O.value.length}`), N = i(() => w?.direction.value ?? "bottom"), P = i(() => w?.mode.value ?? "modal");
+		function F(e) {
+			if (!T || !D.value) return;
+			let t = O.value.length - 1, n = k.value;
+			if (e.key === "Home") n = 0;
+			else if (e.key === "End") n = t;
+			else if (e.key === "ArrowUp" || e.key === "ArrowRight") n = Math.min(t, n + 1);
+			else if (e.key === "ArrowDown" || e.key === "ArrowLeft") n = Math.max(0, n - 1);
+			else return;
+			e.preventDefault(), T.snapTo(O.value[n]);
+		}
+		let I = i(() => {
+			if (!w) return;
+			let e = N.value;
 			return e === "bottom" ? { transform: "translateY(calc((1 - var(--glass-drawer-t, 0)) * 100%))" } : e === "top" ? { transform: "translateY(calc((var(--glass-drawer-t, 0) - 1) * 100%))" } : e === "left" ? { transform: "translateX(calc((var(--glass-drawer-t, 0) - 1) * 100%))" } : { transform: "translateX(calc((1 - var(--glass-drawer-t, 0)) * 100%))" };
 		});
 		return (t, n) => (h(), a(y(E), null, {
-			default: x(() => [s.showOverlay ? (h(), a(V, { key: 0 })) : o("", !0), l(y(C), d({
-				...y(f),
+			default: x(() => [u.showOverlay ? (h(), a(B, { key: 0 })) : o("", !0), l(y(C), d({
+				...y(p),
 				...t.$attrs
 			}, {
 				"data-glass-drawer": "",
-				"data-glass-drawer-snap-points": w.value ? "true" : void 0,
-				"data-glass-drawer-direction": T.value,
-				"data-surface": s.surface,
-				class: y(e)("glass-drawer", p.value, s.class),
-				style: D.value
+				"data-mode": P.value,
+				"data-glass-drawer-snap-points": D.value ? "true" : void 0,
+				"data-glass-drawer-direction": N.value,
+				"data-surface": u.surface,
+				class: y(e)("glass-drawer glass-overlay", m.value, u.class),
+				"data-material": "transient-overlay",
+				style: I.value
 			}), {
-				default: x(() => [c("div", {
-					ref_key: "handleEl",
-					ref: m,
-					class: "glass-drawer-handle",
-					"data-glass-drawer-handle": "",
-					"data-dragging": y(S)?.dragging.value ? "" : void 0,
-					"aria-hidden": "true"
-				}, [...n[0] ||= [c("span", { class: "glass-drawer-grip" }, null, -1)]], 8, q), _(t.$slots, "default")]),
+				default: x(() => [
+					c("span", {
+						ref_key: "contentAnchorEl",
+						ref: b,
+						hidden: ""
+					}, null, 512),
+					D.value ? (h(), s("div", {
+						key: 0,
+						ref_key: "handleEl",
+						ref: v,
+						class: "glass-drawer-handle",
+						"data-glass-drawer-handle": "",
+						"data-dragging": y(T)?.dragging.value ? "" : void 0,
+						role: "slider",
+						tabindex: "0",
+						"aria-label": "Drawer position",
+						"aria-orientation": N.value === "left" || N.value === "right" ? "horizontal" : "vertical",
+						"aria-valuemin": O.value[0],
+						"aria-valuemax": O.value[O.value.length - 1],
+						"aria-valuenow": j.value,
+						"aria-valuetext": M.value,
+						onKeydown: F
+					}, [...n[0] ||= [c("span", {
+						class: "glass-drawer-grip",
+						"aria-hidden": "true"
+					}, null, -1)]], 40, K)) : o("", !0),
+					_(t.$slots, "default")
+				]),
 				_: 3
 			}, 16, [
+				"data-mode",
 				"data-glass-drawer-snap-points",
 				"data-glass-drawer-direction",
 				"data-surface",
@@ -321,7 +366,7 @@ var q = ["data-dragging"], J = /* @__PURE__ */ u({
 			_: 3
 		}));
 	}
-}), Y = /* @__PURE__ */ u({
+}), J = /* @__PURE__ */ u({
 	__name: "DrawerHeader",
 	props: { class: { type: [
 		Boolean,
@@ -334,7 +379,7 @@ var q = ["data-dragging"], J = /* @__PURE__ */ u({
 		let n = t;
 		return (t, r) => (h(), s("div", { class: f(y(e)("[--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] [--card-pad-title-gap:calc(var(--overlay-pad-inline)/2.618)]", "grid gap-(--card-pad-title-gap) px-(--overlay-pad-inline) pt-(--overlay-pad-block) pb-0 text-center sm:text-left", n.class)) }, [_(t.$slots, "default")], 2));
 	}
-}), X = /* @__PURE__ */ u({
+}), Y = /* @__PURE__ */ u({
 	__name: "DrawerFooter",
 	props: { class: { type: [
 		Boolean,
@@ -347,7 +392,7 @@ var q = ["data-dragging"], J = /* @__PURE__ */ u({
 		let n = t;
 		return (t, r) => (h(), s("div", { class: f(y(e)("[--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] [--card-pad-footer:calc(var(--overlay-pad-block)/1.618)]", "mt-auto flex flex-col gap-2 px-(--overlay-pad-inline) pt-(--card-pad-footer) pb-(--overlay-pad-block)", n.class)) }, [_(t.$slots, "default")], 2));
 	}
-}), Z = /* @__PURE__ */ u({
+}), X = /* @__PURE__ */ u({
 	__name: "DrawerTitle",
 	props: {
 		asChild: { type: Boolean },
@@ -365,12 +410,12 @@ var q = ["data-dragging"], J = /* @__PURE__ */ u({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (h(), a(y(k), d(r.value, { class: y(e)("text-subheading leading-none tracking-tight", n.class) }), {
+		return (t, i) => (h(), a(y(O), d(r.value, { class: y(e)("text-subheading leading-none tracking-tight", n.class) }), {
 			default: x(() => [_(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Q = /* @__PURE__ */ u({
+}), Z = /* @__PURE__ */ u({
 	__name: "DrawerDescription",
 	props: {
 		asChild: { type: Boolean },
@@ -395,4 +440,4 @@ var q = ["data-dragging"], J = /* @__PURE__ */ u({
 	}
 });
 //#endregion
-export { B as Drawer, S as DrawerClose, J as DrawerContent, Q as DrawerDescription, X as DrawerFooter, Y as DrawerHeader, V as DrawerOverlay, D as DrawerPortal, Z as DrawerTitle, A as DrawerTrigger };
+export { z as Drawer, S as DrawerClose, q as DrawerContent, Z as DrawerDescription, Y as DrawerFooter, J as DrawerHeader, X as DrawerTitle, k as DrawerTrigger };