@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/selectable-chip.js

@@ -0,0 +1,65 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { u as t } from "./color-Cs0-oxYL.js";
+import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+import { Toggle as u, useForwardPropsEmits as d } from "reka-ui";
+import { cva as f } from "class-variance-authority";
+//#region src/components/custom/selectable-chip/selectableChipVariants.ts
+var p = f([
+	"accent-tone",
+	"focus-ring select-none cursor-pointer outline-none font-sans",
+	"inline-flex items-center justify-center gap-1.5",
+	"border",
+	"bg-(--accent-fill)",
+	"border-[color-mix(in_oklab,transparent,var(--accent-edge)_35%)]",
+	"text-muted-foreground",
+	"data-[state=on]:bg-(--accent-band)",
+	"data-[state=on]:border-(--accent-edge)",
+	"data-[state=on]:text-(--accent-ink)",
+	"data-[state=on]:font-medium",
+	"scale-100 hover:scale-(--scale-hover-btn) active:scale-(--scale-press-btn) data-[state=on]:scale-(--scale-press-btn)",
+	"[transition:scale_var(--spring-smooth-duration)_var(--spring-smooth),background-color_var(--duration-fast)_var(--ease-standard),border-color_var(--duration-fast)_var(--ease-standard),color_var(--duration-fast)_var(--ease-standard)]",
+	"disabled:opacity-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
+].join(" "), {
+	variants: { size: {
+		sm: "px-2 py-0.5 text-caption rounded-sm",
+		md: "px-3 py-1 text-small rounded-md",
+		lg: "px-4 py-1.5 text-base rounded-lg"
+	} },
+	defaultVariants: { size: "md" }
+}), m = /* @__PURE__ */ i({
+	__name: "SelectableChip",
+	props: {
+		defaultValue: { type: Boolean },
+		modelValue: { type: [Boolean, null] },
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		tone: {},
+		size: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: f }) {
+		let m = i, h = f, { toneStyle: g } = t(() => m.tone ?? "var(--primary)"), _ = d(() => {
+			let { class: e, tone: t, size: n, ...r } = m;
+			return r;
+		}, h), v = n(() => e(p({ size: m.size }), m.class));
+		return (e, t) => (o(), r(c(u), a(c(_), {
+			class: v.value,
+			style: c(g)
+		}), {
+			default: l(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { m as SelectableChip, p as selectableChipVariants };

package/dist/separator.js

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

package/dist/{sheet-CquRYOAw.js → sheet-B2flBfLH.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./useSurfaceAxis-CMnF2zHb.js";
-import { t as r } from "./useSpringMount-CvopqiFr.js";
-import { t as i } from "./ModalOverlay-CkPRRgl_.js";
+import { t } from "./vendor-B2qOlYY3.js";
+import { t as n } from "./useSurfaceAxis-g0NloYEF.js";
+import { t as r } from "./useSpringMount-BWDnKIwh.js";
+import { t as i } from "./ModalOverlay-D1VrWyoi.js";
 import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, toHandlers as _, unref as v, withCtx as y } from "vue";
 import { DialogClose as b, DialogContent as x, DialogDescription as S, DialogPortal as C, DialogRoot as w, DialogTitle as T, DialogTrigger as E, injectDialogRootContext as D, useForwardPropsEmits as O } from "reka-ui";
 import { cva as k } from "class-variance-authority";
@@ -205,7 +205,7 @@ var A = /* @__PURE__ */ u({
 		let n = t;
 		return (t, r) => (h(), s("div", { class: p(v(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [g(t.$slots, "default")], 2));
 	}
-}), R = k("fixed z-modal gap-4 glass-floating p-6 transition ease-in-out sheet-animate", {
+}), R = k("fixed z-modal gap-4 glass-floating [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) transition ease-in-out sheet-animate", {
 	variants: { side: {
 		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
 		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",

package/dist/sheet.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 "./sheet-CquRYOAw.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 "./sheet-B2flBfLH.js";
 export { r as Sheet, s as SheetClose, a as SheetContent, o as SheetDescription, i as SheetFooter, e as SheetHeader, n as SheetTitle, t as SheetTrigger, c as sheetVariants };

package/dist/sidebar.js

@@ -1,123 +1,121 @@
-import { computed as e, nextTick as t, onMounted as n, onUnmounted as r, reactive as i, ref as a, toValue as o, watch as s } from "vue";
+import { t as e } from "./scrollReader-DI1NWxUw.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 c(i, c, l) {
-	let u = l?.getChildren ?? ((e) => e.children), d = l?.rootMargin ?? "-20% 0px -60% 0px", f = l?.threshold ?? 0, p = a(null), m = /* @__PURE__ */ new Map(), h = null, g = /* @__PURE__ */ new Set(), _ = !1, v = !1;
-	function y() {
-		_ = !0;
-	}
+function u(i, o, u) {
+	let d = u?.getChildren ?? ((e) => e.children), f = u?.rootMargin ?? "-20% 0px -60% 0px", p = u?.threshold ?? 0, m = s(null), h = /* @__PURE__ */ new Map(), g = null, _ = /* @__PURE__ */ new Set(), v = !1, y = !1;
 	function b() {
-		_ = !1;
+		v = !0;
+	}
+	function x() {
+		v = !1;
 	}
-	let x = e(() => p.value ? o(c).get(p.value)?.parentId ?? null : null);
-	function S(e) {
+	let S = t(() => m.value ? c(o).get(m.value)?.parentId ?? null : null);
+	function C(e) {
 		for (let t of e) {
-			let e = u(t);
+			let e = d(t);
 			if (e) {
-				let t = S(e);
+				let t = C(e);
 				if (t) return t;
 			}
-			if (m.get(t.id)) return t.id;
+			if (h.get(t.id)) return t.id;
 		}
 		return null;
 	}
-	function C() {
-		let e = S(o(i));
-		e && (p.value = e);
+	function w() {
+		let e = C(c(i));
+		e && (m.value = e);
 	}
-	let w = null;
-	function T() {
-		if (w) return w;
+	let T = null;
+	function E() {
+		if (T) return T;
 		let e = [];
 		function t(n) {
 			for (let r of n) {
 				e.push(r.id);
-				let n = u(r);
+				let n = d(r);
 				n && t(n);
 			}
 		}
-		return t(o(i)), w = e, e;
+		return t(c(i)), T = e, e;
 	}
-	function E() {
-		w = null;
+	function D() {
+		T = null;
 	}
-	let D = 0;
 	function O() {
-		_ || D || (D = requestAnimationFrame(() => {
-			D = 0;
-			let e = l?.scrollContainer?.value, t = parseFloat(d.split(" ")[0]) / 100, n = e ? e.clientHeight : window.innerHeight, r = Math.abs(t) * n, i = e ? e.getBoundingClientRect().top : 0, a = T(), o = null, s = Infinity, c = null, u = 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 < u && (u = n, c = e);
-			}
-			let f = o ?? c;
-			f && f !== p.value && (m.clear(), m.set(f, !0), p.value = f);
-		}));
+		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 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 && d !== m.value && (h.clear(), h.set(d, !0), m.value = d);
 	}
 	function k(e) {
 		for (let t of e) {
-			if (!g.has(t.id)) {
+			if (!_.has(t.id)) {
 				let e = document.getElementById(t.id);
-				e && (h?.observe(e), g.add(t.id));
+				e && (g?.observe(e), _.add(t.id));
 			}
-			let e = u(t);
+			let e = d(t);
 			e && k(e);
 		}
 	}
 	function A() {
-		h?.disconnect(), g.clear(), m.clear(), E();
-		let e = l?.scrollContainer?.value;
-		h = new IntersectionObserver((e) => {
-			if (!_) {
-				for (let t of e) m.set(t.target.id, t.isIntersecting);
-				C();
+		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);
+				w();
 			}
 		}, {
 			root: e ?? void 0,
-			rootMargin: d,
-			threshold: f
-		}), t(() => {
-			k(o(i));
-			let e = o(i);
-			!p.value && e.length > 0 && (p.value = e[0].id);
+			rootMargin: f,
+			threshold: p
+		}), n(() => {
+			k(c(i));
+			let e = c(i);
+			!m.value && e.length > 0 && (m.value = e[0].id);
 		});
 	}
-	s(() => o(i), (e) => {
-		v && (p.value = e[0]?.id ?? null, A());
+	l(() => c(i), (e) => {
+		y && (m.value = e[0]?.id ?? null, A());
 	});
 	let j = null;
-	n(() => {
-		v = !0, A(), j = l?.scrollContainer?.value ?? document, j.addEventListener("scroll", O, { passive: !0 });
-	}), r(() => {
-		v = !1, h?.disconnect(), D && cancelAnimationFrame(D), j?.removeEventListener("scroll", O);
+	r(() => {
+		y = !0, A(), j = e(u?.scrollContainer?.value ?? null, () => O());
+	}), a(() => {
+		y = !1, g?.disconnect(), j?.stop(), j = null;
 	});
 	function M() {
-		m.clear(), D && cancelAnimationFrame(D), D = 0;
-		let e = l?.scrollContainer?.value, t = parseFloat(d.split(" ")[0]) / 100, n = e ? e.clientHeight : window.innerHeight, r = Math.abs(t) * n, i = e ? e.getBoundingClientRect().top : 0, a = T(), o = null, s = Infinity, c = null, u = Infinity;
+		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 < u && (u = n, c = e);
+			n <= 0 && Math.abs(n) < s && (s = Math.abs(n), o = e), n > 0 && n < l && (l = n, c = e);
 		}
-		let f = o ?? c;
-		f && (m.set(f, !0), p.value = f);
+		let d = o ?? c;
+		d && (h.set(d, !0), m.value = d);
 	}
 	return {
-		activeId: p,
-		activeRootId: x,
+		activeId: m,
+		activeRootId: S,
 		forceRecalculate: M,
-		lockTracking: y,
-		unlockTracking: b
+		lockTracking: b,
+		unlockTracking: x
 	};
 }
 //#endregion
 //#region src/composables/sidebar/useSidebarFollow.ts
-function l(e) {
-	let i = e.damping ?? .22, a = 0, o = 0, c = null, l = null, u = null, d = !1, f = 0;
+function d(e) {
+	let t = e.damping ?? .22, i = 0, o = 0, s = null, c = null, u = null, d = !1, f = 0;
 	function p() {
-		d = !0, u = null, a &&= (cancelAnimationFrame(a), 0), o &&= (cancelAnimationFrame(o), 0);
+		d = !0, u = null, i &&= (cancelAnimationFrame(i), 0), o &&= (cancelAnimationFrame(o), 0);
 	}
 	function m(e) {
 		return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
@@ -141,31 +139,31 @@ function l(e) {
 		}
 	}
 	function v() {
-		if (a = 0, d) return;
-		let t = e.sidebarEl.value, n = u;
-		if (!t || n == null) return;
-		let r = n - t.scrollTop;
-		if (Math.abs(r) < 1) {
+		if (i = 0, d) return;
+		let n = e.sidebarEl.value, r = u;
+		if (!n || r == null) return;
+		let a = r - n.scrollTop;
+		if (Math.abs(a) < 1) {
 			_(() => {
-				t.scrollTop = n;
+				n.scrollTop = r;
 			}), u = null;
 			return;
 		}
 		_(() => {
-			t.scrollTop += r * i;
-		}), a = requestAnimationFrame(v);
+			n.scrollTop += a * t;
+		}), i = requestAnimationFrame(v);
 	}
 	function y(t = !1) {
 		if (!t && d) return;
 		let n = e.sidebarEl.value, r = h();
 		if (!(!n || !r)) {
 			if (u = g(n, r), t) {
-				a &&= (cancelAnimationFrame(a), 0), _(() => {
+				i &&= (cancelAnimationFrame(i), 0), _(() => {
 					n.scrollTop = u;
 				}), u = null;
 				return;
 			}
-			a ||= requestAnimationFrame(v);
+			i ||= requestAnimationFrame(v);
 		}
 	}
 	function b() {
@@ -189,26 +187,26 @@ function l(e) {
 		f > 0 || p();
 	}
 	function E(e) {
-		l !== e && (l?.removeEventListener("wheel", x), l?.removeEventListener("scroll", T), l?.removeEventListener("touchstart", S), l?.removeEventListener("pointerdown", C), l?.removeEventListener("keydown", w), l = e, l?.addEventListener("wheel", x, { passive: !0 }), l?.addEventListener("scroll", T, { passive: !0 }), l?.addEventListener("touchstart", S, { passive: !0 }), l?.addEventListener("pointerdown", C, { passive: !0 }), l?.addEventListener("keydown", w));
+		c !== e && (c?.removeEventListener("wheel", x), c?.removeEventListener("scroll", T), c?.removeEventListener("touchstart", S), c?.removeEventListener("pointerdown", C), c?.removeEventListener("keydown", w), c = e, c?.addEventListener("wheel", x, { passive: !0 }), c?.addEventListener("scroll", T, { passive: !0 }), c?.addEventListener("touchstart", S, { passive: !0 }), c?.addEventListener("pointerdown", C, { passive: !0 }), c?.addEventListener("keydown", w));
 	}
 	function D(e) {
-		c !== e && (c?.removeEventListener("scroll", b), c = e, c?.addEventListener("scroll", b, { passive: !0 }));
+		s !== e && (s?.removeEventListener("scroll", b), s = e, s?.addEventListener("scroll", b, { passive: !0 }));
 	}
-	return n(() => {
-		D(e.scrollSource?.value ?? null), E(e.sidebarEl.value ?? null), t(() => y(!0)), window.addEventListener("resize", b);
-	}), s([e.activeId, e.activeRootId ?? { value: null }], () => {
-		t(() => y());
-	}, { flush: "post" }), s(e.sidebarEl, (e) => {
+	return r(() => {
+		D(e.scrollSource?.value ?? null), E(e.sidebarEl.value ?? null), n(() => y(!0)), window.addEventListener("resize", b);
+	}), l([e.activeId, e.activeRootId ?? { value: null }], () => {
+		n(() => y());
+	}, { flush: "post" }), l(e.sidebarEl, (e) => {
 		E(e);
-	}, { immediate: !0 }), s(() => e.scrollSource?.value ?? null, (e) => {
+	}, { immediate: !0 }), l(() => e.scrollSource?.value ?? null, (e) => {
 		D(e);
-	}, { immediate: !0 }), r(() => {
-		a && cancelAnimationFrame(a), o && cancelAnimationFrame(o), c?.removeEventListener("scroll", b), l?.removeEventListener("wheel", x), l?.removeEventListener("scroll", T), l?.removeEventListener("touchstart", S), l?.removeEventListener("pointerdown", C), l?.removeEventListener("keydown", w), window.removeEventListener("resize", b);
+	}, { immediate: !0 }), a(() => {
+		i && cancelAnimationFrame(i), o && cancelAnimationFrame(o), s?.removeEventListener("scroll", b), c?.removeEventListener("wheel", x), c?.removeEventListener("scroll", T), c?.removeEventListener("touchstart", S), c?.removeEventListener("pointerdown", C), c?.removeEventListener("keydown", w), window.removeEventListener("resize", b);
 	}), { queueSidebarFollow: y };
 }
 //#endregion
 //#region src/composables/sidebar/useTreeIndex.ts
-function u(e, t) {
+function f(e, t) {
 	let n = t?.getChildren ?? ((e) => e.children), r = /* @__PURE__ */ new Map();
 	function i(t, a, o, s, c) {
 		for (let l of t) {
@@ -248,57 +246,161 @@ function u(e, t) {
 		isDescendant: s
 	};
 }
-function d(e) {
-	return u(e).index;
+function p(e) {
+	return f(e).index;
 }
-function f(e, t) {
+function m(e, t) {
 	return e === t;
 }
-function p(e, t, n, r) {
+function h(e, t, n, r) {
 	if (!t) return !1;
 	let i = n.get(t);
-	return i ? e === t || e === i.parentId ? !0 : n.get(e) ? m(t, e, n) : !1 : !1;
+	return i ? e === t || e === i.parentId ? !0 : n.get(e) ? g(t, e, n) : !1 : !1;
 }
-function m(e, t, n) {
+function g(e, t, n) {
 	let r = n.get(t);
 	if (!r) return !1;
 	let i = r.node.children;
 	if (!i) return !1;
-	for (let t of i) if (t.id === e || m(e, t.id, n)) return !0;
+	for (let t of i) if (t.id === e || g(e, t.id, n)) return !0;
 	return !1;
 }
 //#endregion
 //#region src/composables/sidebar/useSidebarState.ts
-function h(t) {
-	let { index: n, isActive: r, isInActiveChain: a } = u(t.sections, { getChildren: t.getChildren }), s = i(/* @__PURE__ */ new Set()), c = i(/* @__PURE__ */ new Set());
-	function l(e) {
-		return c.has(e) ? !1 : s.has(e) ? !0 : o(t.activeRootId) === e;
+function _(e) {
+	let { index: n, isActive: r, isInActiveChain: i } = f(e.sections, { getChildren: e.getChildren }), a = o(/* @__PURE__ */ new Set()), s = o(/* @__PURE__ */ new Set());
+	function l(t) {
+		return s.has(t) ? !1 : a.has(t) ? !0 : c(e.activeRootId) === t;
 	}
-	function d(e) {
-		l(e) ? (s.delete(e), c.add(e)) : (c.delete(e), s.add(e));
+	function u(e) {
+		l(e) ? (a.delete(e), s.add(e)) : (s.delete(e), a.add(e));
 	}
-	function f(e) {
-		t.scrollTo(e);
+	function d(t) {
+		e.scrollTo(t);
 	}
-	function p(e) {
-		return r(e, o(t.activeId));
+	function p(t) {
+		return r(t, c(e.activeId));
 	}
-	function m(e) {
-		return a(e, o(t.activeId));
+	function m(t) {
+		return i(t, c(e.activeId));
 	}
-	let h = e(() => o(t.activeId)), g = e(() => o(t.activeRootId));
+	let h = t(() => c(e.activeId)), g = t(() => c(e.activeRootId));
 	return {
-		sections: t.sections,
+		sections: e.sections,
 		activeId: h,
 		activeRootId: g,
 		treeIndex: n,
 		isExpanded: l,
-		toggleSection: d,
-		navigateTo: f,
-		scrollToTop: t.scrollToTop,
+		toggleSection: u,
+		navigateTo: d,
+		scrollToTop: e.scrollToTop,
 		isActive: p,
 		isInActiveChain: m
 	};
 }
 //#endregion
-export { d as buildTreeIndex, f as isActive, p as isInActiveChain, c as useScrollTracker, l as useSidebarFollow, h as useSidebarState, u as useTreeIndex };
+//#region src/composables/sidebar/useScrollTo.ts
+function v(e) {
+	let { scrollContainer: t, totalCount: r, visibleCount: a } = e, o = e.scrollOffset ?? 16, s = e.maxAttempts ?? 60, c = e.treeIndex, l = null;
+	function u() {
+		l !== null && (cancelAnimationFrame(l), l = null);
+	}
+	i(u);
+	function d(e) {
+		if (c) {
+			let t = c.get(e);
+			if (t) {
+				let e = t.rootIndex + 2;
+				a.value = Math.max(a.value, Math.min(e, r));
+				return;
+			}
+		}
+		a.value = r;
+	}
+	function f(e) {
+		d(e), u();
+		let r = 0, i = -1;
+		function a() {
+			l = null;
+			let n = document.getElementById(e), c = t.value;
+			if (!n || !c) {
+				r++ < s && (l = requestAnimationFrame(a));
+				return;
+			}
+			let u = c.getBoundingClientRect(), d = n.getBoundingClientRect().top - u.top + c.scrollTop;
+			if (Math.abs(d - i) < 1 && r > 2) {
+				c.scrollTo({
+					top: Math.max(0, d - o),
+					behavior: "smooth"
+				});
+				return;
+			}
+			i = d, r++, r < s && (l = requestAnimationFrame(a));
+		}
+		n(() => {
+			l = requestAnimationFrame(a);
+		});
+	}
+	return {
+		scrollTo: f,
+		cancel: u
+	};
+}
+//#endregion
+//#region src/composables/sidebar/useClickDelegate.ts
+function y(e) {
+	let t = e.selector ?? "[data-scroll-target]", n = e.attribute ?? "data-scroll-target";
+	function i(r) {
+		let i = r.target.closest(t);
+		if (!i) return;
+		r.preventDefault();
+		let a = i.getAttribute(n);
+		if (!a) return;
+		let o = e.resolve(a);
+		o && e.scrollTo(o);
+	}
+	return r(() => {
+		let t = e.container.value;
+		t && t.addEventListener("click", i);
+	}), a(() => {
+		let t = e.container.value;
+		t && t.removeEventListener("click", i);
+	}), { handleClick: i };
+}
+//#endregion
+//#region src/composables/sidebar/useLazyLoader.ts
+function b(e, t) {
+	let i = t?.batchSize ?? 2, o = t?.rootMargin ?? "0px 0px 600px 0px", c = s(Math.min(i, e)), u = s(null), d = null, f = 0;
+	function p() {
+		c.value < e && (c.value = Math.min(c.value + i, e));
+	}
+	function m() {
+		f || c.value >= e || (f = requestAnimationFrame(() => {
+			if (f = 0, !u.value || c.value >= e) return;
+			let n = t?.scrollContainer?.value, r = n ? n.getBoundingClientRect().bottom : window.innerHeight;
+			u.value.getBoundingClientRect().top < r && p();
+		}));
+	}
+	return r(() => {
+		let e = t?.scrollContainer?.value;
+		d = new IntersectionObserver((e) => {
+			for (let t of e) t.isIntersecting && p();
+		}, {
+			root: e ?? void 0,
+			rootMargin: o
+		}), n(() => {
+			u.value && d.observe(u.value);
+		}), (e ?? document).addEventListener("scroll", m, { passive: !0 });
+	}), a(() => {
+		d?.disconnect(), f && cancelAnimationFrame(f), (t?.scrollContainer?.value ?? document).removeEventListener("scroll", m);
+	}), l(c, () => {
+		d && (d.disconnect(), n(() => {
+			u.value && d.observe(u.value);
+		}));
+	}), {
+		visibleCount: c,
+		loadSentinel: u
+	};
+}
+//#endregion
+export { p as buildTreeIndex, m as isActive, h as isInActiveChain, y as useClickDelegate, b as useLazyLoader, v as useScrollTo, u as useScrollTracker, d as useSidebarFollow, _ as useSidebarState, f as useTreeIndex };

package/dist/{slider-DQ95MET2.js → slider-2A0rPn79.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { t as n } from "./useTouchGate-28Tk2-t2.js";
-import { i as r } from "./dockContext-Bu1Avy-a.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./useTouchGate-CBZTD4SD.js";
+import { i as r } from "./dockContext-BNfyPLe9.js";
 import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, onBeforeUnmount as d, onMounted as f, openBlock as p, renderList as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
 import { SliderRange as v, SliderRoot as y, SliderThumb as b, SliderTrack as x, useForwardPropsEmits as S } from "reka-ui";
 import { cva as C } from "class-variance-authority";

package/dist/slider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./slider-DQ95MET2.js";
+import { n as e, t } from "./slider-2A0rPn79.js";
 export { e as Slider, t as sliderVariants };

package/dist/sortable-list.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-CBt_VvXa.js";
-import { n as t } from "./createContext-B2RaZ-b8.js";
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { n as t } from "./createContext-CpBNTRMI.js";
 import { t as n } from "./useSortable-BVqlJRBR.js";
 import { computed as r, createBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toRef as u, unref as d, withCtx as f } from "vue";
 //#region src/components/custom/sortable-list/context.ts

package/dist/spa-view.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/spa-view";

package/dist/spa-view.js

@@ -0,0 +1,46 @@
+import { KeepAlive as e, Transition as t, computed as n, createBlock as r, createElementBlock as i, defineComponent as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, withCtx as l } from "vue";
+//#endregion
+//#region src/components/custom/spa-view/SpaView.vue
+var u = /* @__PURE__ */ a({
+	__name: "SpaView",
+	props: {
+		view: {},
+		is: {},
+		max: {},
+		include: {},
+		exclude: {},
+		transition: { default: "fade" },
+		viewKey: {}
+	},
+	setup(a) {
+		let u = a, d = n(() => u.view ?? u.is), f = n(() => {
+			if (u.viewKey !== void 0) return u.viewKey;
+			let e = d.value;
+			return typeof e == "string" ? e : e?.name ?? "spa-view";
+		});
+		return (n, u) => (o(), r(t, {
+			name: a.transition,
+			mode: "out-in"
+		}, {
+			default: l(() => [d.value ? (o(), r(e, {
+				key: 0,
+				max: a.max,
+				include: a.include,
+				exclude: a.exclude
+			}, [(o(), r(c(d.value), {
+				key: f.value,
+				class: "spa-view-active"
+			}))], 1032, [
+				"max",
+				"include",
+				"exclude"
+			])) : (o(), i("div", {
+				key: f.value,
+				class: "spa-view-active"
+			}, [s(n.$slots, "default")]))]),
+			_: 3
+		}, 8, ["name"]));
+	}
+});
+//#endregion
+export { u as SpaView };