@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/separator-CN11t406.js

@@ -0,0 +1,73 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./primitive-B2t2jdqM.js";
+import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, openBlock as l, toDisplayString as u, unref as d, useAttrs as f, useId as p } from "vue";
+import { Separator as m } from "reka-ui";
+//#endregion
+//#region src/components/separator/Separator.vue
+var h = /*#__PURE__*/ n(/* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "Separator",
+	props: {
+		orientation: { default: "horizontal" },
+		decorative: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		label: {}
+	},
+	setup(n) {
+		let s = n, h = f(), g = `${p()}-label`, _ = r(() => s.label?.trim()), v = r(() => t(h)), y = r(() => {
+			let { class: e, label: t, ...n } = s;
+			return n;
+		}), b = r(() => {
+			let { role: e, "aria-orientation": t, "aria-label": n, "aria-labelledby": r, ...i } = v.value;
+			if (s.decorative) return {
+				...i,
+				role: "none",
+				"data-orientation": s.orientation
+			};
+			let a = typeof n == "string" && n.trim() ? n : void 0, o = typeof r == "string" && r.trim() ? r : a ? void 0 : g;
+			return {
+				...i,
+				role: "separator",
+				"data-orientation": s.orientation,
+				"aria-orientation": s.orientation === "vertical" ? "vertical" : void 0,
+				"aria-label": o ? void 0 : a,
+				"aria-labelledby": o
+			};
+		});
+		return (t, n) => _.value ? (l(), a("div", c({ key: 0 }, b.value, {
+			"data-slot": "separator",
+			class: d(e)("separator separator-labelled", s.class)
+		}), [
+			n[0] ||= o("span", {
+				class: "separator-segment",
+				"aria-hidden": "true"
+			}, null, -1),
+			o("span", {
+				id: g,
+				class: "separator-label"
+			}, u(_.value), 1),
+			n[1] ||= o("span", {
+				class: "separator-segment",
+				"aria-hidden": "true"
+			}, null, -1)
+		], 16)) : (l(), i(d(m), c({ key: 1 }, {
+			...v.value,
+			...y.value
+		}, {
+			"data-slot": "separator",
+			class: d(e)("separator", s.class)
+		}), null, 16, ["class"]));
+	}
+}), [["__scopeId", "data-v-2cde4e82"]]);
+//#endregion
+export { h as t };

package/dist/separator.d.ts

@@ -1 +1 @@
-export * from "./components/separator";
+export * from "./components/separator/index.js";

package/dist/separator.js

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

package/dist/sheet-BEFvnO_u.js

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

package/dist/sheet.d.ts

@@ -0,0 +1 @@
+export * from "./components/sheet/index.js";

package/dist/sheet.js

@@ -0,0 +1,3 @@
+import { n as e, r as t, t as n } from "./motion-D4uYE0UM.js";
+import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./sheet-BEFvnO_u.js";
+export { u as SheetContent, c as nearestRung, a as projectRest, r as resolveRelease, n as scrimDetentOpacity, e as scrimOpacity, s as settleHorizon, t as sheetSlideTransform, l as springOmega, i as throwDistance, o as useSheetDetents };

package/dist/sidebar.d.ts

@@ -1 +1 @@
-export * from "./composables/sidebar";
+export * from "./composables/sidebar/index.js";

package/dist/sidebar.js

@@ -1,4 +1,4 @@
-import { t as e } from "./scrollReader-C2oK9Hb8.js";
+import { t as e } from "./scrollReader-Brf5cQNo.js";
 import { computed as t, nextTick as n, onMounted as r, onScopeDispose as i, onUnmounted as a, reactive as o, ref as s, toValue as c, watch as l } from "vue";
 //#region src/composables/sidebar/useScrollTracker.ts
 function u(i, o, u) {
@@ -22,8 +22,13 @@ function u(i, o, u) {
 		return null;
 	}
 	function w() {
-		let e = C(c(i));
-		e && (m.value = e);
+		let e = O();
+		if (e) {
+			m.value = e;
+			return;
+		}
+		let t = C(c(i));
+		t && (m.value = t);
 	}
 	let T = null;
 	function E() {
@@ -42,70 +47,76 @@ function u(i, o, u) {
 		T = null;
 	}
 	function O() {
-		if (v) return;
-		let e = u?.scrollContainer?.value, t = parseFloat(f.split(" ")[0]) / 100, n = e ? e.clientHeight : window.innerHeight, r = Math.abs(t) * n, i = e ? e.getBoundingClientRect().top : 0, a = E(), o = null, s = Infinity, c = null, l = Infinity;
-		for (let e of a) {
+		let e = u?.scrollContainer?.value, t = e ? e.scrollTop : Math.max(window.scrollY, document.documentElement.scrollTop, document.body.scrollTop), n = e ? Math.max(0, e.scrollHeight - e.clientHeight) : Math.max(0, Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - window.innerHeight);
+		if (n <= 0 || t < n - 1) return null;
+		let r = E();
+		for (let e = r.length - 1; e >= 0; --e) if (document.getElementById(r[e])?.isConnected) return r[e];
+		return null;
+	}
+	function k() {
+		let e = O();
+		if (e) return e;
+		let t = u?.scrollContainer?.value, n = parseFloat(f.split(" ")[0]) / 100, r = t ? t.clientHeight : window.innerHeight, i = Math.abs(n) * r, a = t ? t.getBoundingClientRect().top : 0, o = null, s = Infinity, c = null, l = Infinity;
+		for (let e of E()) {
 			let t = document.getElementById(e);
-			if (!t) continue;
-			let n = t.getBoundingClientRect().top - i - r;
+			if (!t?.isConnected) continue;
+			let n = t.getBoundingClientRect().top - a - i;
 			n <= 0 && Math.abs(n) < s && (s = Math.abs(n), o = e), n > 0 && n < l && (l = n, c = e);
 		}
-		let d = o ?? c;
-		d && d !== m.value && (h.clear(), h.set(d, !0), m.value = d);
+		return o ?? c;
 	}
-	function k(e) {
-		for (let t of e) {
-			if (!_.has(t.id)) {
-				let e = document.getElementById(t.id);
-				e && (g?.observe(e), _.add(t.id));
+	function A() {
+		if (v) return;
+		let e = k();
+		e && e !== m.value && (h.clear(), h.set(e, !0), m.value = e);
+	}
+	function j(e, t) {
+		if (!(!y || g !== t)) for (let n of e) {
+			if (!_.has(n.id)) {
+				let e = document.getElementById(n.id);
+				e?.isConnected && (t.observe(e), _.add(n.id));
 			}
-			let e = d(t);
-			e && k(e);
+			let e = d(n);
+			e && j(e, t);
 		}
 	}
-	function A() {
+	function M() {
 		g?.disconnect(), _.clear(), h.clear(), D();
-		let e = u?.scrollContainer?.value;
-		g = new IntersectionObserver((e) => {
-			if (!v) {
-				for (let t of e) h.set(t.target.id, t.isIntersecting);
+		let e = u?.scrollContainer?.value, t = new IntersectionObserver((e) => {
+			if (!(!y || g !== t || v)) {
+				for (let t of e) !t.target.isConnected || !_.has(t.target.id) || h.set(t.target.id, t.isIntersecting);
 				w();
 			}
 		}, {
 			root: e ?? void 0,
 			rootMargin: f,
 			threshold: p
-		}), n(() => {
-			k(c(i));
-			let e = c(i);
-			!m.value && e.length > 0 && (m.value = e[0].id);
+		});
+		g = t, n(() => {
+			if (!y || g !== t) return;
+			D(), j(c(i), t);
+			let e = c(i), n = new Set(E());
+			(!m.value || !n.has(m.value)) && (m.value = e[0]?.id ?? null);
 		});
 	}
-	l(() => c(i), (e) => {
-		y && (m.value = e[0]?.id ?? null, A());
+	l(() => c(i), () => {
+		y && M();
 	});
-	let j = null;
+	let N = null;
 	r(() => {
-		y = !0, A(), j = e(u?.scrollContainer?.value ?? null, () => O());
+		y = !0, M(), N = e(u?.scrollContainer?.value ?? null, () => A());
 	}), a(() => {
-		y = !1, g?.disconnect(), j?.stop(), j = null;
+		y = !1, g?.disconnect(), g = null, _.clear(), h.clear(), D(), N?.stop(), N = null;
 	});
-	function M() {
+	function P() {
 		h.clear();
-		let e = u?.scrollContainer?.value, t = parseFloat(f.split(" ")[0]) / 100, n = e ? e.clientHeight : window.innerHeight, r = Math.abs(t) * n, i = e ? e.getBoundingClientRect().top : 0, a = E(), o = null, s = Infinity, c = null, l = Infinity;
-		for (let e of a) {
-			let t = document.getElementById(e);
-			if (!t) continue;
-			let n = t.getBoundingClientRect().top - i - r;
-			n <= 0 && Math.abs(n) < s && (s = Math.abs(n), o = e), n > 0 && n < l && (l = n, c = e);
-		}
-		let d = o ?? c;
-		d && (h.set(d, !0), m.value = d);
+		let e = k();
+		e && (h.set(e, !0), m.value = e);
 	}
 	return {
 		activeId: m,
 		activeRootId: S,
-		forceRecalculate: M,
+		forceRecalculate: P,
 		lockTracking: b,
 		unlockTracking: x
 	};