@mkbabb/glass-ui 10.1.3 → 11.0.0

package/dist/select-Dt5dXm87.js

@@ -0,0 +1,309 @@
+import { t as e } from "./class-names-FlXcvRRT.js";
+import { t } from "./primitive-B2t2jdqM.js";
+import { t as n } from "./selection-DqIULxRG.js";
+import { t as r } from "./participation-C5y5VZTN.js";
+import { t as i } from "./sheet-width-DgXgJNa5.js";
+import { t as a } from "./rowClass-DYOXwxhO.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeClass as g, normalizeProps as _, openBlock as v, renderSlot as y, unref as b, useAttrs as x, withCtx as S } from "vue";
+import { SelectContent as C, SelectGroup as w, SelectIcon as T, SelectItem as E, SelectItemIndicator as D, SelectItemText as O, SelectLabel as k, SelectPortal as A, SelectRoot as j, SelectScrollDownButton as M, SelectScrollUpButton as N, SelectSeparator as P, SelectTrigger as F, SelectValue as I, SelectViewport as L, injectSelectRootContext as R, useForwardProps as z } from "reka-ui";
+import { ChevronDown as B, ChevronUp as V } from "@lucide/vue";
+//#endregion
+//#region src/components/select/Select.vue
+var H = /* @__PURE__ */ p({
+	name: "Select",
+	inheritAttrs: !1,
+	__name: "Select",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		nullableValue: {},
+		dir: {},
+		autocomplete: {},
+		disabled: { type: Boolean },
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = z(r);
+		function o(e) {
+			if (!n(e)) throw TypeError("[glass-ui] Select received a non-scalar value.");
+			i("update:modelValue", e);
+		}
+		return (e, t) => (v(), s(b(j), h({ "data-slot": "select" }, b(a), {
+			"onUpdate:modelValue": o,
+			"onUpdate:open": t[0] ||= (e) => i("update:open", e)
+		}), {
+			default: S(() => [y(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), U = /* @__PURE__ */ p({
+	name: "SelectValue",
+	inheritAttrs: !1,
+	__name: "SelectValue",
+	props: {
+		placeholder: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let n = e, r = x(), i = o(() => t(r));
+		return (e, t) => (v(), s(b(I), h(i.value, {
+			placeholder: n.placeholder,
+			class: n.class
+		}), d({ _: 2 }, [e.$slots.default ? {
+			name: "default",
+			fn: S((t) => [y(e.$slots, "default", _(m(t)))]),
+			key: "0"
+		} : void 0]), 1040, ["placeholder", "class"]));
+	}
+}), W = /* @__PURE__ */ p({
+	name: "SelectTrigger",
+	inheritAttrs: !1,
+	__name: "SelectTrigger",
+	props: {
+		disabled: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = x(), a = o(() => {
+			let { reference: e, ...n } = t(i);
+			return n;
+		});
+		return (t, n) => (v(), s(b(F), h({ "data-slot": "select-trigger" }, a.value, {
+			disabled: r.disabled,
+			class: b(e)("control-surface glass-control-edge glass-capsule-hover h-(--control-h-md)", "tap-squish focus-ring flex w-full cursor-pointer items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) user-invalid:border-(--destructive) focus-visible:aria-invalid:shadow-(--invalid-ring) focus-visible:user-invalid:shadow-(--invalid-ring)", r.class)
+		}), {
+			default: S(() => [y(t.$slots, "default"), f(b(T), { "as-child": "" }, {
+				default: S(() => [f(b(B), { class: "transition-disclosure in-data-[state=open]:rotate-180 h-4 w-4 shrink-0 opacity-(--select-chevron-opacity)" })]),
+				_: 1
+			})]),
+			_: 3
+		}, 16, ["disabled", "class"]));
+	}
+}), G = /* @__PURE__ */ p({
+	name: "SelectScrollButton",
+	inheritAttrs: !1,
+	__name: "SelectScrollButton",
+	props: {
+		direction: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = x(), a = o(() => t(i)), c = o(() => e("flex min-h-11 cursor-default items-center justify-center", r.class));
+		return (e, t) => r.direction === "up" ? (v(), s(b(N), h({ key: 0 }, a.value, { class: c.value }), {
+			default: S(() => [y(e.$slots, "default", {}, () => [f(b(V), { class: "h-4 w-4" })])]),
+			_: 3
+		}, 16, ["class"])) : (v(), s(b(M), h({ key: 1 }, a.value, { class: c.value }), {
+			default: S(() => [y(e.$slots, "default", {}, () => [f(b(B), { class: "h-4 w-4" })])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), K = /* @__PURE__ */ p({
+	name: "SelectContent",
+	inheritAttrs: !1,
+	__name: "SelectContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: { default: "bottom" },
+		sideOffset: { default: 4 },
+		align: { default: "start" },
+		alignOffset: { default: 0 }
+	},
+	emits: [
+		"closeAutoFocus",
+		"escapeKeyDown",
+		"pointerDownOutside"
+	],
+	setup(t, { emit: n }) {
+		let a = t, c = n, l = x(), u = R(null), d = i(() => u?.open.value ?? !1), p = { getBoundingClientRect: () => new DOMRect(0, window.innerHeight, document.documentElement.clientWidth, 0) }, m = o(() => ({
+			...l,
+			position: "popper",
+			bodyLock: !1,
+			collisionPadding: 16,
+			...d.value ? {
+				reference: p,
+				side: "top",
+				sideOffset: 0,
+				align: "start",
+				alignOffset: 0,
+				avoidCollisions: !1
+			} : {
+				side: a.side,
+				sideOffset: a.sideOffset,
+				align: a.align,
+				alignOffset: a.alignOffset,
+				avoidCollisions: !0
+			}
+		})), _ = r({ close: () => {
+			u?.open.value && u.onOpenChange(!1);
+		} });
+		return (t, n) => (v(), s(b(A), null, {
+			default: S(() => [f(b(C), h({
+				...m.value,
+				...b(_).portalAttrs.value
+			}, {
+				"data-reveal": "menu",
+				"data-slot": "select-content",
+				"data-form": b(d) ? "sheet" : void 0,
+				"data-surface": b(d) ? "opaque" : void 0,
+				class: b(e)("relative z-popover min-w-(--overlay-min-width) overflow-hidden text-popover-foreground glass-reveal", b(d) ? "rounded-t-card" : "rounded-card", "glass-floating glass-field-portal", a.class),
+				onCloseAutoFocus: n[0] ||= (e) => c("closeAutoFocus", e),
+				onEscapeKeyDown: n[1] ||= (e) => c("escapeKeyDown", e),
+				onPointerDownOutside: n[2] ||= (e) => c("pointerDownOutside", e)
+			}), {
+				default: S(() => [
+					f(G, { direction: "up" }),
+					f(b(L), {
+						"data-slot": "select-viewport",
+						"data-fade-start": "",
+						"data-fade-end": "",
+						class: g(b(e)("fading-scroll fading-scroll--y w-full min-w-(--reka-select-trigger-width)"))
+					}, {
+						default: S(() => [y(t.$slots, "default")]),
+						_: 3
+					}, 8, ["class"]),
+					f(G, { direction: "down" })
+				]),
+				_: 3
+			}, 16, [
+				"data-form",
+				"data-surface",
+				"class"
+			])]),
+			_: 3
+		}));
+	}
+}), q = /* @__PURE__ */ p({
+	name: "SelectGroup",
+	inheritAttrs: !1,
+	__name: "SelectGroup",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = o(() => t(i));
+		return (t, n) => (v(), s(b(w), h(a.value, { class: b(e)("p-1 w-full", r.class) }), {
+			default: S(() => [y(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), J = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center"
+}, Y = { class: "flex flex-col gap-0.5 min-w-0" }, X = /* @__PURE__ */ p({
+	name: "SelectItem",
+	inheritAttrs: !1,
+	__name: "SelectItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		hideIndicator: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(n, { emit: r }) {
+		let i = n, d = r, p = x(), m = o(() => t(p));
+		function g(e) {
+			d("select", e);
+		}
+		let _ = o(() => i.hideIndicator ? "none" : "start");
+		return (t, n) => (v(), s(b(E), h(m.value, {
+			value: i.value,
+			disabled: i.disabled,
+			"text-value": i.textValue,
+			class: b(e)(b(a)(_.value), i.class),
+			onSelect: g
+		}), {
+			default: S(() => [_.value === "none" ? c("", !0) : (v(), l("span", J, [f(b(D), null, {
+				default: S(() => [...n[0] ||= [u("span", { class: "inline-block w-2 h-2 rounded-pill bg-current" }, null, -1)]]),
+				_: 1
+			})])), u("div", Y, [f(b(O), null, {
+				default: S(() => [y(t.$slots, "default")]),
+				_: 3
+			}), y(t.$slots, "description")])]),
+			_: 3
+		}, 16, [
+			"value",
+			"disabled",
+			"text-value",
+			"class"
+		]));
+	}
+}), Z = /* @__PURE__ */ p({
+	name: "SelectLabel",
+	inheritAttrs: !1,
+	__name: "SelectLabel",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = o(() => {
+			let { for: e, ...n } = t(i);
+			return n;
+		});
+		return (t, n) => (v(), s(b(k), h(a.value, { class: b(e)("py-1 ps-7 pe-2 text-dropdown-secondary font-semibold", r.class) }), {
+			default: S(() => [y(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), Q = /* @__PURE__ */ p({
+	name: "SelectSeparator",
+	inheritAttrs: !1,
+	__name: "SelectSeparator",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n, i = x(), a = o(() => t(i));
+		return (t, n) => (v(), s(b(P), h(a.value, { class: b(e)("glass-menu-divider -mx-1 my-1", r.class) }), null, 16, ["class"]));
+	}
+});
+//#endregion
+export { K as a, U as c, q as i, H as l, Z as n, G as o, X as r, W as s, Q as t };

package/dist/select.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./select-BiF0FCZf.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./select-Dt5dXm87.js";
 export { r as Select, e as SelectContent, n as SelectGroup, o as SelectItem, i as SelectLabel, a as SelectScrollButton, c as SelectSeparator, s as SelectTrigger, t as SelectValue };

package/dist/{separator-D4EZM10u.js → separator-C4y9p_ky.js}

@@ -1,3 +1,4 @@
+import "./separator.css";
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./primitive-B2t2jdqM.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";

package/dist/separator.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.separator[data-v-64dda6b9],.separator-segment[data-v-64dda6b9]{background:color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent)}.separator[data-orientation=horizontal][data-v-64dda6b9]{block-size:1px;inline-size:100%}.separator[data-orientation=vertical][data-v-64dda6b9]{align-self:stretch;inline-size:1px}.separator-labelled[data-v-64dda6b9]{background:0 0;align-items:center;display:flex}.separator-labelled[data-orientation=horizontal][data-v-64dda6b9]{gap:.75rem;block-size:auto}.separator-labelled[data-orientation=vertical][data-v-64dda6b9]{flex-direction:column;align-self:auto;gap:.5rem;inline-size:max-content}.separator-segment[data-v-64dda6b9]{flex:auto}[data-orientation=horizontal]>.separator-segment[data-v-64dda6b9]{block-size:1px;min-inline-size:.75rem}[data-orientation=vertical]>.separator-segment[data-v-64dda6b9]{min-block-size:.75rem;inline-size:1px}.separator-label[data-v-64dda6b9]{color:var(--muted-foreground);font-family:var(--font-text);font-size:var(--control-label);line-height:var(--type-leading-caption);flex:none}}

package/dist/separator.js

@@ -1,2 +1,2 @@
-import { t as e } from "./separator-D4EZM10u.js";
+import { t as e } from "./separator-C4y9p_ky.js";
 export { e as Separator };

package/dist/sheet-DLqNUIZl.js

@@ -0,0 +1,347 @@
+import { t as e } from "./class-names-FlXcvRRT.js";
+import { t } from "./motionTempo-DXdVbCWr.js";
+import { n } from "./springPresets-Cbe0Voqg.js";
+import { t as r } from "./resolve-DdrNvBby.js";
+import { t as i } from "./useSpringMount-jgNkymRl.js";
+import { a, i as o, n as s, r as c, t as l } from "./motion-lHDAQHEE.js";
+import { t as u } from "./shortcuts-DGGWNRNe.js";
+import { t as d } from "./useMotionAxis-D-rtIhca.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeStyle as b, onScopeDispose as x, openBlock as S, ref as C, renderSlot as w, unref as T, watch as E, withCtx as D } from "vue";
+import { DialogClose as O, DialogContent as k, DialogPortal as A, injectDialogRootContext as j, useForwardPropsEmits as M } from "reka-ui";
+import { SpringProgress as N } from "@mkbabb/keyframes.js";
+//#region src/components/sheet/detents/projection.ts
+function P(e) {
+	return 2 * Math.PI / e;
+}
+function F(e) {
+	let t = P(e.response), n = e.dampingFraction * t;
+	return !Number.isFinite(n) || n <= 0 ? 0 : -Math.log(e.settleBand) / n;
+}
+function I(e, t) {
+	return e * F(t);
+}
+function L(e, t, n) {
+	return e + I(t, n);
+}
+function R(e, t) {
+	let n = t[0], r = Math.abs(e - n);
+	for (let i of t) {
+		let t = Math.abs(e - i);
+		t < r && (n = i, r = t);
+	}
+	return n;
+}
+function z(e, t, n, r) {
+	return R(L(e, t, r), [0, ...n]);
+}
+//#endregion
+//#region src/components/sheet/detents/use.ts
+var B = {
+	travel: "bloom",
+	rung: "dock"
+}, V = "button, a[href], input, select, textarea, [contenteditable=true]", H = "[data-slot=\"sheet-detent-handle\"], [data-slot=\"dialog-header\"]";
+function U(e, t) {
+	switch (e) {
+		case "bottom": return -t.clientY;
+		case "top": return t.clientY;
+		case "left": return t.clientX;
+		case "right": return -t.clientX;
+	}
+}
+function W(e) {
+	return typeof window > "u" ? 1 : (e === "left" || e === "right" ? window.innerWidth : window.innerHeight) || 1;
+}
+function G(e, t) {
+	let n = e instanceof Element ? e : null;
+	for (; n && n !== t;) {
+		if (n.scrollHeight > n.clientHeight && n.scrollTop > 0) return !1;
+		n = n.parentElement;
+	}
+	return !0;
+}
+function K(e) {
+	let { open: r, side: i, ladder: a, detent: o, requestClose: s } = e, c = C(0), l = C(r.value), u = C(!1), d = null, f = null, p = 1;
+	function m(e, t, r) {
+		let i = n(B[e]);
+		return d?.dispose(), d = new N({
+			response: i.response * p,
+			dampingFraction: i.dampingFraction,
+			initial: t,
+			initialVelocity: r,
+			respectReducedMotion: !0
+		}), f = e, d;
+	}
+	function h(e) {
+		c.value = e, !r.value && d?.target === 0 && d.settled && (l.value = !1);
+	}
+	function g(e, t) {
+		let n = c.value, r = d?.velocity ?? 0, i = d && f === t ? d : m(t, n, r);
+		i.target = e, i.play(h), e > 0 && (o.value = e);
+	}
+	function _(e) {
+		g(R(e, a()), "rung");
+	}
+	function v() {
+		let e = a(), t = o.value;
+		return typeof t == "number" && Number.isFinite(t) ? R(t, e) : e[e.length - 1];
+	}
+	let y = null, b = null, S = 0, w = 0, T = 0, D = 0, O = 0, k = 1;
+	function A(e) {
+		if (e.button !== 0 || y !== null) return;
+		let t = e.currentTarget;
+		if (!t) return;
+		let n = e.target instanceof Element ? e.target : null;
+		n && (n.closest(V) && !n.closest(H) || !n.closest(H) && !G(n, t) || (d?.stop(), b = t, y = e.pointerId, u.value = !0, k = W(i()), S = U(i(), e), T = S, D = e.timeStamp, w = c.value, O = 0, t.setPointerCapture?.(e.pointerId), t.addEventListener("pointermove", j), t.addEventListener("pointerup", M), t.addEventListener("pointercancel", M)));
+	}
+	function j(e) {
+		if (e.pointerId !== y) return;
+		let t = U(i(), e), n = (e.timeStamp - D) / 1e3;
+		n > 0 && (O = (t - T) / n / k), T = t, D = e.timeStamp;
+		let r = a(), o = r[r.length - 1];
+		c.value = Math.min(o, Math.max(0, w + (t - S) / k));
+	}
+	function M(e) {
+		if (e.pointerId !== y) return;
+		P();
+		let t = n(B.rung), r = z(c.value, O, a(), {
+			response: t.response * p,
+			dampingFraction: t.dampingFraction,
+			settleBand: t.settleBand
+		});
+		if (r === 0) {
+			s(), g(0, "travel");
+			return;
+		}
+		g(r, "rung");
+	}
+	function P() {
+		y === null || !b || (b.releasePointerCapture?.(y), b.removeEventListener("pointermove", j), b.removeEventListener("pointerup", M), b.removeEventListener("pointercancel", M), y = null, u.value = !1, b = null);
+	}
+	return E(r, (e) => {
+		if (e) {
+			l.value = !0, p = t(), d || (c.value = 0, m("travel", 0, 0)), g(v(), "travel");
+			return;
+		}
+		if (l.value) {
+			if (P(), !d) {
+				c.value = 0, l.value = !1;
+				return;
+			}
+			g(0, "travel"), d.settled && (l.value = !1);
+		}
+	}, {
+		immediate: !0,
+		flush: "sync"
+	}), E(o, (e) => {
+		if (!r.value || u.value || typeof e != "number" || !Number.isFinite(e)) return;
+		let t = R(e, a());
+		(!d || Math.abs(d.target - t) > .001) && g(t, "rung");
+	}), x(() => {
+		P(), d?.dispose(), d = null;
+	}), {
+		t: c,
+		present: l,
+		dragging: u,
+		snapTo: _,
+		onPointerdown: A
+	};
+}
+//#endregion
+//#region src/components/sheet/SheetContent.vue?vue&type=script&setup=true&lang.ts
+var q = [
+	"aria-orientation",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+], J = { "data-slot": "sheet-content-region" }, Y = [
+	"data-side",
+	"data-detents",
+	"data-modal"
+], X = "calc(var(--glass-veil-crown) + (var(--glass-veil-sheet) - var(--glass-veil-crown)) * clamp(0, var(--detent-t), 1))", Z = /* @__PURE__ */ v({
+	inheritAttrs: !1,
+	__name: "SheetContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" },
+		side: { default: "right" },
+		detents: { default: void 0 },
+		detent: { default: void 0 },
+		motion: {},
+		scroll: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus",
+		"update:detent"
+	],
+	setup(t, { emit: n }) {
+		let v = t, x = n, N = f(() => {
+			let { class: e, surface: t, side: n, motion: r, scroll: i, detents: a, detent: o, forceMount: s, ...c } = v;
+			return c;
+		}), P = d(() => v.motion), F = f(() => P.resolved.value !== "off"), I = f(() => v.detents ? [...v.detents].sort((e, t) => e - t) : []), L = f(() => I.value.length > 0), R = {
+			top: "border-b",
+			bottom: "border-t",
+			left: "border-r",
+			right: "border-l"
+		}, z = f(() => e("fixed", R[v.side], r("floating"), v.class)), B = j();
+		u(() => B.open.value && B.modal.value);
+		let V = i({
+			open: f(() => !L.value && B.open.value),
+			preset: "panel"
+		}), H = C(v.detent ?? null);
+		E(() => v.detent, (e) => {
+			e !== void 0 && (H.value = e);
+		}), E(H, (e) => x("update:detent", e));
+		let U = K({
+			open: B.open,
+			side: () => v.side,
+			ladder: () => I.value.length > 0 ? I.value : [1],
+			detent: H,
+			requestClose: () => B.onOpenChange(!1)
+		}), W = f(() => {
+			if (F.value) return L.value ? { "--detent-t": String(U.t.value) } : {
+				translate: c(v.side, V.position.value),
+				transform: "none",
+				animation: "none",
+				transition: "none"
+			};
+		}), G = f(() => L.value ? U.present.value : V.present.value), Z = f(() => F.value ? G.value || B.open.value : v.forceMount), ee = f(() => v.surface === "glass" && (Z.value || B.open.value)), te = f(() => F.value && !B.open.value ? "" : void 0), ne = f(() => F.value ? L.value ? l(U.t.value) : s(V.position.value) : null), re = f(() => F.value ? G.value || B.open.value : void 0), Q = f(() => {
+			let e = I.value, t = U.dragging.value ? U.t.value : H.value ?? U.t.value, n = 0;
+			for (let r = 1; r < e.length; r += 1) Math.abs(e[r] - t) < Math.abs(e[n] - t) && (n = r);
+			return n;
+		}), ie = f(() => {
+			let e = I.value;
+			return `${Math.round((e[Q.value] ?? 1) * 100)}%, position ${Q.value + 1} of ${e.length}`;
+		}), ae = f(() => L.value ? { "--detent-t": String(U.t.value) } : void 0);
+		function oe(e) {
+			let t = I.value, n = t.length - 1, r = Q.value;
+			if (e.key === "Home") r = 0;
+			else if (e.key === "End") r = n;
+			else if (e.key === "ArrowUp" || e.key === "ArrowRight") r = Math.min(n, r + 1);
+			else if (e.key === "ArrowDown" || e.key === "ArrowLeft") r = Math.max(0, r - 1);
+			else return;
+			e.preventDefault(), U.snapTo(t[r]);
+		}
+		let $ = C(null), se = () => $.value?.closest("[data-slot=\"sheet-content\"]") ?? null;
+		E(() => B.open.value, (e) => {
+			if (!F.value || e !== !1) return;
+			let t = document.activeElement;
+			t && se()?.contains(t) && B.triggerElement.value?.focus({ preventScroll: !0 });
+		}, { flush: "sync" });
+		let ce = a(() => B.triggerElement.value), le = M(N, x), ue = f(() => ({
+			"--glass-veil-tier": L.value ? X : "var(--glass-veil-dialog)",
+			"--radius-ctx": "var(--radius-3xl)",
+			"--radius-inset": "var(--space-family)",
+			...P.hostStyle.value ?? {},
+			...W.value ?? {}
+		}));
+		return (e, t) => (S(), p(T(A), { "force-mount": Z.value }, {
+			default: D(() => [
+				_(o, {
+					opacity: ne.value,
+					"force-mount": re.value
+				}, null, 8, ["opacity", "force-mount"]),
+				_(T(k), y({
+					...T(le),
+					...e.$attrs,
+					inert: te.value
+				}, {
+					"aria-modal": T(B).modal.value ? "true" : void 0,
+					"force-mount": Z.value,
+					class: z.value,
+					style: ue.value,
+					"data-surface": v.surface,
+					"data-slot": "sheet-content",
+					onCloseAutoFocus: T(ce),
+					"data-side": v.side,
+					"data-modal": T(B).modal.value ? void 0 : "false",
+					"data-detents": L.value ? "" : void 0,
+					"data-dragging": T(U).dragging.value ? "" : void 0,
+					"data-scroll": v.scroll ? "" : void 0,
+					"data-motion": T(P).dataMotion.value,
+					onPointerdown: t[0] ||= (e) => L.value ? T(U).onPointerdown(e) : void 0
+				}), {
+					default: D(() => [
+						g("span", {
+							ref_key: "contentAnchorEl",
+							ref: $,
+							hidden: ""
+						}, null, 512),
+						_(T(O), { "data-slot": "dialog-close" }, {
+							default: D(() => [...t[1] ||= [g("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"
+							}, [g("path", { d: "M18 6 6 18M6 6l12 12" })], -1), g("span", { class: "sr-only" }, "Close", -1)]]),
+							_: 1
+						}),
+						L.value ? (S(), h("div", {
+							key: 0,
+							"data-slot": "sheet-detent-handle",
+							role: "slider",
+							tabindex: "0",
+							"aria-label": "Sheet position",
+							"aria-orientation": v.side === "left" || v.side === "right" ? "horizontal" : "vertical",
+							"aria-valuemin": I.value[0],
+							"aria-valuemax": I.value[I.value.length - 1],
+							"aria-valuenow": I.value[Q.value],
+							"aria-valuetext": ie.value,
+							onKeydown: oe
+						}, [g("span", {
+							"data-slot": "sheet-detent-grip",
+							style: b(ae.value),
+							"aria-hidden": "true"
+						}, null, 4)], 40, q)) : m("", !0),
+						g("div", J, [w(e.$slots, "default")])
+					]),
+					_: 3
+				}, 16, [
+					"aria-modal",
+					"force-mount",
+					"class",
+					"style",
+					"data-surface",
+					"onCloseAutoFocus",
+					"data-side",
+					"data-modal",
+					"data-detents",
+					"data-dragging",
+					"data-scroll",
+					"data-motion"
+				]),
+				ee.value ? (S(), h("span", {
+					key: 0,
+					"data-slot": "glass-graded-halo",
+					"data-side": v.side,
+					"data-detents": L.value ? "" : void 0,
+					"data-modal": T(B).modal.value ? void 0 : "false",
+					"aria-hidden": "true"
+				}, null, 8, Y)) : m("", !0)
+			]),
+			_: 3
+		}, 8, ["force-mount"]));
+	}
+});
+//#endregion
+export { z as a, I as c, L as i, K as n, F as o, R as r, P as s, Z as t };

package/dist/sheet-width-DgXgJNa5.js

@@ -0,0 +1,18 @@
+import { onBeforeUnmount as e, shallowRef as t, watch as n } from "vue";
+//#region src/components/_shared/overlay/sheet-width.ts
+var r = "(width < 30rem)";
+function i(i) {
+	let a = t(!1), o = null, s = () => {
+		a.value = o?.matches ?? !1;
+	}, c = () => {
+		o?.removeEventListener("change", s), o = null;
+	};
+	return n(i, (e) => {
+		c(), e && typeof window < "u" && typeof window.matchMedia == "function" && (o = window.matchMedia(r), o.addEventListener("change", s)), s();
+	}, {
+		immediate: !0,
+		flush: "sync"
+	}), e(c), a;
+}
+//#endregion
+export { i as t };