@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/progress.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./Progress-C9SsdwIZ.js";
-export { i as Progress, e as ProgressDefault, t as ProgressGradient, n as ProgressSectioned, r as useProgressGeometry };
+import { a as e, i as t, n, o as r, r as i, t as a } from "./Progress-uWLyXE7J.js";
+export { a as Progress, r as ProgressDefault, e as ProgressGradient, t as ProgressLiquid, n as ProgressSectioned, i as useProgressGeometry };

package/dist/pulse.d.ts

@@ -1 +1 @@
-export * from "./components/custom/pulse";
+export * from "./components/pulse";

package/dist/pulse.js

@@ -1,7 +1,7 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as e } from "./class-names-5jotTFzp.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, unref as d } from "vue";
-//#region src/components/custom/pulse/Pulse.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/pulse/Pulse.vue?vue&type=script&setup=true&lang.ts
 var f = {
 	key: 1,
 	class: "pulse-ring"
@@ -49,6 +49,6 @@ var f = {
 			style: c({ "--pulse-index": e })
 		}, null, 4))), 128)) : t.variant === "ring" ? (l(), a("span", f)) : i("", !0)], 6));
 	}
-}), [["__scopeId", "data-v-b90507f0"]]);
+}), [["__scopeId", "data-v-b5b07ef9"]]);
 //#endregion
 export { p as Pulse };

package/dist/reactive.js

@@ -1,3 +1,3 @@
-import { t as e } from "./useTimer-BBLGPXR8.js";
-import { t } from "./useInterval-BVUI-sez.js";
+import { t as e } from "./useTimer-CkDV8SC2.js";
+import { t } from "./useInterval-ZATRi-1T.js";
 export { t as useInterval, e as useTimer };

package/dist/resolveCanvasColor-B3L-akX0.js

@@ -0,0 +1,93 @@
+import { t as e } from "./createCanvasLifecycle-DlrcvWbb.js";
+import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
+//#region src/composables/glass/canvas2d/useCanvas2D.ts
+var i = "200px";
+function a(a) {
+	let { setup: o, autoStart: s = !0, contextAttrs: c, rootMargin: l = i } = a, u = a.respectReducedMotion ?? !0, d = () => r(a.canvas), f = typeof window < "u", p = null, m = null, h = null, g = !1, _ = null, v = null, y = !1;
+	function b() {
+		p && m && m.render(p, f ? performance.now() : 0);
+	}
+	function x(e) {
+		if (!p) return;
+		let t = e.clientWidth || e.offsetWidth || 0, n = e.clientHeight || e.offsetHeight || 0;
+		if (!t || !n) return;
+		let r = Math.min(f && window.devicePixelRatio || 1, 2), i = Math.round(t * r), a = Math.round(n * r), o = e.width !== i || e.height !== a;
+		o && (e.width = i, e.height = a), o && p.setTransform(r, 0, 0, r, 0, 0);
+		let s = !h || !h.running || h.reducedMotion;
+		o && !y && s && b();
+	}
+	function S(e) {
+		_ || typeof ResizeObserver > "u" || (_ = new ResizeObserver(() => {
+			let e = d();
+			e && x(e);
+		}), _.observe(e));
+	}
+	function C(e) {
+		v || typeof IntersectionObserver > "u" || (v = new IntersectionObserver((e) => {
+			for (let t of e) t.isIntersecting || t.intersectionRatio > 0 ? h?.resume("off-screen-io") : h?.suspend("off-screen-io");
+		}, { rootMargin: l }), v.observe(e));
+	}
+	function w(e) {
+		let t = e.getContext("2d", c);
+		if (!t) throw Error("[useCanvas2D] 2D context unavailable");
+		return p = t, m = o(p), S(e), C(e), {
+			frame: (e) => {
+				p && m && m.render(p, e);
+			},
+			time: () => f ? performance.now() : 0,
+			shouldContinue: () => !0,
+			teardown: () => {
+				m?.teardown?.(), v?.disconnect(), v = null, _?.disconnect(), _ = null, p = null, m = null;
+			}
+		};
+	}
+	function T() {
+		if (h || g) return;
+		let t = d();
+		t && (h = e({
+			canvas: t,
+			respectReducedMotion: u,
+			buildContext: () => w(t),
+			resize: () => x(t)
+		}), y = !0, h.arm(), y = !1);
+	}
+	function E(e = "manual") {
+		h?.suspend(e);
+	}
+	function D(e = "manual") {
+		h?.resume(e);
+	}
+	function O() {
+		h?.wake();
+	}
+	function k() {
+		g || (g = !0, h?.dispose(), h = null);
+	}
+	return s && T(), t() && n(k), {
+		arm: T,
+		suspend: E,
+		resume: D,
+		wake: O,
+		dispose: k,
+		isRunning: () => h?.running ?? !1,
+		get ctx() {
+			return p;
+		},
+		get reducedMotion() {
+			return h?.reducedMotion ?? !1;
+		}
+	};
+}
+var o = a;
+//#endregion
+//#region src/composables/glass/canvas2d/resolveCanvasColor.ts
+function s(e, t) {
+	let n = e.trim(), r = n.startsWith("--") ? `var(${n})` : n;
+	if (typeof document > "u" || typeof window > "u" || !t || typeof t.appendChild != "function") return e;
+	let i = document.createElement("span"), a = i.style;
+	a.position = "absolute", a.width = "0", a.height = "0", a.padding = "0", a.margin = "0", a.border = "0", a.visibility = "hidden", a.pointerEvents = "none", a.color = r, t.appendChild(i);
+	let o = window.getComputedStyle(i).color;
+	return t.removeChild(i), o || e;
+}
+//#endregion
+export { a as n, o as r, s as t };

package/dist/scroll-progress-rim.d.ts

@@ -0,0 +1 @@
+export * from "./components/scroll-progress-rim";

package/dist/scroll-progress-rim.js

@@ -0,0 +1,61 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeStyle as i, openBlock as a } from "vue";
+//#region src/components/scroll-progress-rim/ScrollProgressRim.vue?vue&type=script&setup=true&lang.ts
+var o = [
+	"data-coverage",
+	"aria-valuenow",
+	"aria-valuemax"
+], s = /* @__PURE__ */ r({
+	name: "ScrollProgressRim",
+	__name: "ScrollProgressRim",
+	props: {
+		value: {},
+		max: { default: 1 },
+		segments: {},
+		coverage: { default: "full-ring" },
+		stops: {}
+	},
+	setup(r) {
+		let s = [
+			"var(--section-color-0)",
+			"var(--section-color-5)",
+			"var(--section-color-4)",
+			"var(--section-color-3)",
+			"var(--section-color-2)",
+			"var(--section-color-7)"
+		], c = r, l = (e, t, n) => Math.min(n, Math.max(t, e)), u = e(() => c.max > 0 ? c.max : 1), d = e(() => l(c.value, 0, u.value)), f = e(() => d.value / u.value), p = e(() => c.stops?.length ? c.stops : s), m = e(() => {
+			let e = p.value, t = (e) => `calc(var(--scroll-progress-rim-fill, 0%) * ${e.toFixed(4)})`;
+			return e.length === 1 ? `${e[0]} 0%, ${e[0]} ${t(1)}` : e.map((n, r) => `${n} ${t(r / (e.length - 1))}`).join(", ");
+		}), h = e(() => {
+			let e = c.segments;
+			if (!e?.length) return null;
+			let t = p.value, n = (e) => `${(e * 100).toFixed(3)}%`;
+			return e.flatMap((r, i) => {
+				let a = i / e.length, o = a + l(r, 0, 1) / e.length, c = (i + 1) / e.length, u = t[e.length === 1 ? 0 : Math.round(i / (e.length - 1) * (t.length - 1))] ?? s[0];
+				return [
+					`${u} ${n(a)}`,
+					`${u} ${n(o)}`,
+					`transparent ${n(o)}`,
+					`transparent ${n(c)}`
+				];
+			}).join(", ");
+		}), g = e(() => ({
+			"--scroll-progress-rim-fill": c.segments?.length ? "100%" : `${(f.value * 100).toFixed(3)}%`,
+			"--scroll-progress-rim-spectrum": h.value ?? m.value
+		}));
+		return (e, s) => (a(), t("div", {
+			class: "scroll-progress-rim",
+			"data-coverage": r.coverage,
+			style: i(g.value),
+			role: "progressbar",
+			"aria-label": "Scroll progress",
+			"aria-valuemin": "0",
+			"aria-valuenow": d.value,
+			"aria-valuemax": u.value
+		}, [...s[0] ||= [n("span", {
+			class: "scroll-progress-rim__track",
+			"aria-hidden": "true"
+		}, null, -1)]], 12, o));
+	}
+});
+//#endregion
+export { s as ScrollProgressRim };

package/dist/search.d.ts

@@ -1 +1 @@
-export * from "./components/custom/search";
+export * from "./components/search";

package/dist/search.js

@@ -1,15 +1,15 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { c as t, l as n, n as r, t as i } from "./vendor-B2qOlYY3.js";
-import { n as a } from "./badge-Bt14yURi.js";
-import { n as o } from "./button-D1W9PrzI.js";
-import { n as s, t as c } from "./DialogContent-D8U9ZfWS.js";
-import { n as l, r as u, t as d } from "./PopoverContent-BuKyHZSz.js";
-import { t as f } from "./useControlSize-DAZ062x7.js";
-import { t as p } from "./useTextHighlight-Bma3UlKA.js";
-import { a as m, i as h, n as g, r as _, t as v } from "./useFuzzySearch-0fTYOhS4.js";
-import { Fragment as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createTextVNode as T, createVNode as E, defineComponent as D, nextTick as O, normalizeClass as k, openBlock as A, ref as j, renderList as M, renderSlot as N, resolveDynamicComponent as P, toDisplayString as F, unref as I, watch as L, withCtx as R } from "vue";
+import { t as e } from "./class-names-5jotTFzp.js";
+import { n as t } from "./badge-C0C-rTBu.js";
+import { n } from "./button-BXzhydVB.js";
+import { r, t as i } from "./DialogContent-Bl4v10AC.js";
+import { t as a } from "./useControlSize-DJwe-7ZQ.js";
+import { n as o, r as s, t as c } from "./PopoverContent-DOtszFWK.js";
+import { t as l } from "./useTextHighlight-C46Le9u_.js";
+import { a as u, i as d, n as f, r as p, t as m } from "./useFuzzySearch-KslRxiJY.js";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, defineComponent as C, nextTick as w, normalizeClass as T, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, toDisplayString as j, unref as M, watch as N, withCtx as P } from "vue";
+import { Maximize2 as F, Minimize2 as I, Search as L, X as R } from "@lucide/vue";
 import { cva as z } from "class-variance-authority";
-//#region src/components/custom/search/searchVariants.ts
+//#region src/components/search/searchVariants.ts
 var B = z("", {
 	variants: { variant: {
 		inline: "",
@@ -28,54 +28,54 @@ var B = z("", {
 ], J = { class: "fuzzy-search-label flex-1 min-w-0 truncate text-foreground/85" }, Y = {
 	key: 1,
 	class: "px-4 py-8 text-center text-muted-foreground/60"
-}, X = /* @__PURE__ */ D({
+}, X = /* @__PURE__ */ C({
 	__name: "FuzzySearch",
 	props: {
 		state: {},
 		variant: { default: "inline" },
-		size: { default: "default" },
+		size: { default: "md" },
 		surface: { default: "glass" },
 		placeholder: { default: "Search…" },
 		typeLabel: {}
 	},
-	setup(m, { expose: g }) {
-		let _ = m, v = j(null), D = j(null), N = b({
-			get: () => _.state.isOpen.value && !_.state.isExpanded.value && _.state.results.value.length > 0,
+	setup(u, { expose: f }) {
+		let p = u, m = D(null), C = D(null), k = g({
+			get: () => p.state.isOpen.value && !p.state.isExpanded.value && p.state.results.value.length > 0,
 			set: (e) => {
-				e || _.state.close();
+				e || p.state.close();
 			}
 		});
-		L(() => _.state.selectedIndex.value, () => {
-			O(() => document.querySelector(".fuzzy-search-result.is-selected")?.scrollIntoView({ block: "nearest" }));
-		}), L(() => _.state.isOpen.value, (e) => {
-			e && O(() => v.value?.focus());
-		}), L(() => _.state.isExpanded.value, (e) => {
-			e && O(() => D.value?.focus());
-		}), L([
-			() => _.state.query.value,
-			() => _.state.results.value,
-			() => _.state.isExpanded.value,
-			N
+		N(() => p.state.selectedIndex.value, () => {
+			w(() => document.querySelector(".fuzzy-search-result.is-selected")?.scrollIntoView({ block: "nearest" }));
+		}), N(() => p.state.isOpen.value, (e) => {
+			e && w(() => m.value?.focus());
+		}), N(() => p.state.isExpanded.value, (e) => {
+			e && w(() => C.value?.focus());
+		}), N([
+			() => p.state.query.value,
+			() => p.state.results.value,
+			() => p.state.isExpanded.value,
+			k
 		], () => {
-			te(_.state.isExpanded.value ? Q.value : N.value ? Z.value : null);
+			te(p.state.isExpanded.value ? Q.value : k.value ? Z.value : null);
 		}, { flush: "post" });
-		function P() {
-			v.value?.focus();
+		function A() {
+			m.value?.focus();
 		}
-		g({ focus: P });
+		f({ focus: A });
 		function z(e) {
 			return e.item.label || e.item.text.slice(0, 120);
 		}
 		function X(e) {
-			return _.typeLabel ? _.typeLabel(e.item) : e.item.type ?? "";
+			return p.typeLabel ? p.typeLabel(e.item) : e.item.type ?? "";
 		}
-		let Z = j(null), Q = j(null), $ = p("glass-search-mark");
+		let Z = D(null), Q = D(null), $ = l("glass-search-mark");
 		function ee(e, t) {
 			let n = t.toLowerCase().trim().split(/\s+/).filter(Boolean);
 			if (n.length === 0) return [];
 			let r = e.toLowerCase(), i = /* @__PURE__ */ new Set();
 			for (let e of n) {
-				let t = h(e, r);
+				let t = d(e, r);
 				if (t) for (let e of t.matches) i.add(e);
 			}
 			let a = [];
@@ -93,151 +93,151 @@ var B = z("", {
 				$.clear();
 				return;
 			}
-			O(() => $.setFromMatches(e, _.state.query.value, ee));
+			w(() => $.setFromMatches(e, p.state.query.value, ee));
 		}
-		return (p, h) => (A(), C("div", { class: k(["fuzzy-search relative", `fuzzy-search--${m.variant}`]) }, [E(I(u), {
-			open: N.value,
-			"onUpdate:open": h[6] ||= (e) => N.value = e
+		return (l, d) => (E(), y("div", { class: T(["fuzzy-search relative", `fuzzy-search--${u.variant}`]) }, [S(M(s), {
+			open: k.value,
+			"onUpdate:open": d[6] ||= (e) => k.value = e
 		}, {
-			default: R(() => [E(I(l), { "as-child": "" }, {
-				default: R(() => [w("div", {
-					class: k(["input-bar", I(e)(I(f)(m.size), I(B)({ variant: m.variant }))]),
-					"data-surface": m.surface
+			default: P(() => [S(M(o), { "as-child": "" }, {
+				default: P(() => [b("div", {
+					class: T(["input-bar", M(e)(M(a)(u.size), M(B)({ variant: u.variant }))]),
+					"data-surface": u.surface
 				}, [
-					E(I(r), { class: "size-(--search-icon-size) shrink-0 text-muted-foreground/70" }),
-					w("input", {
+					S(M(L), { class: "size-(--search-icon-size) shrink-0 text-muted-foreground/70" }),
+					b("input", {
 						ref_key: "inputRef",
-						ref: v,
+						ref: m,
 						type: "text",
 						class: "input-bar-field",
-						placeholder: m.placeholder,
-						value: m.state.query.value,
-						onInput: h[0] ||= (e) => m.state.query.value = e.target.value,
-						onKeydown: h[1] ||= (...e) => m.state.onKeydown && m.state.onKeydown(...e),
-						onFocus: h[2] ||= (e) => m.state.isOpen.value = !0
+						placeholder: u.placeholder,
+						value: u.state.query.value,
+						onInput: d[0] ||= (e) => u.state.query.value = e.target.value,
+						onKeydown: d[1] ||= (...e) => u.state.onKeydown && u.state.onKeydown(...e),
+						onFocus: d[2] ||= (e) => u.state.isOpen.value = !0
 					}, null, 40, H),
-					m.state.query.value && m.state.results.value.length > 0 ? (A(), x(I(o), {
+					u.state.query.value && u.state.results.value.length > 0 ? (E(), _(M(n), {
 						key: 0,
 						type: "button",
 						variant: "ghost",
-						size: "icon",
+						iconOnly: "",
 						class: "size-(--search-button-size)",
-						title: m.state.isExpanded.value ? "Collapse" : "Expand",
-						onClick: h[3] ||= (e) => m.state.toggleExpanded()
+						title: u.state.isExpanded.value ? "Collapse" : "Expand",
+						onClick: d[3] ||= (e) => u.state.toggleExpanded()
 					}, {
-						default: R(() => [m.state.isExpanded.value ? (A(), x(I(t), {
+						default: P(() => [u.state.isExpanded.value ? (E(), _(M(I), {
 							key: 1,
 							class: "size-(--search-icon-size)"
-						})) : (A(), x(I(n), {
+						})) : (E(), _(M(F), {
 							key: 0,
 							class: "size-(--search-icon-size)"
 						}))]),
 						_: 1
-					}, 8, ["title"])) : S("", !0),
-					m.state.query.value ? (A(), x(I(o), {
+					}, 8, ["title"])) : v("", !0),
+					u.state.query.value ? (E(), _(M(n), {
 						key: 1,
 						type: "button",
 						variant: "ghost",
-						size: "icon",
+						iconOnly: "",
 						class: "size-(--search-button-size)",
 						title: "Clear search",
-						onClick: h[4] ||= (e) => m.state.close()
+						onClick: d[4] ||= (e) => u.state.close()
 					}, {
-						default: R(() => [E(I(i), { class: "size-(--search-icon-size)" })]),
+						default: P(() => [S(M(R), { class: "size-(--search-icon-size)" })]),
 						_: 1
-					})) : S("", !0)
+					})) : v("", !0)
 				], 10, V)]),
 				_: 1
-			}), E(I(d), {
+			}), S(M(c), {
 				align: "start",
 				"side-offset": 4,
 				portal: !1,
 				class: "w-(--reka-popover-trigger-width) max-h-[50vh] overflow-y-auto overscroll-contain p-1",
-				onOpenAutoFocus: h[5] ||= (e) => e.preventDefault()
+				onOpenAutoFocus: d[5] ||= (e) => e.preventDefault()
 			}, {
-				default: R(() => [w("div", {
+				default: P(() => [b("div", {
 					ref_key: "inlineListRef",
 					ref: Z
-				}, [(A(!0), C(y, null, M(m.state.results.value, (e, t) => (A(), C("button", {
-					key: `${e.item.id}-${e.item.type}-${t}`,
+				}, [(E(!0), y(h, null, O(u.state.results.value, (e, n) => (E(), y("button", {
+					key: `${e.item.id}-${e.item.type}-${n}`,
 					type: "button",
-					class: k(["fuzzy-search-result glass-menu-row interactive-item flex w-full items-baseline gap-1.5 px-2 py-1.5 text-left text-(length:--search-result-text)", { "is-selected": t === m.state.selectedIndex.value }]),
-					"data-highlighted": t === m.state.selectedIndex.value ? "" : void 0,
-					onClick: (t) => m.state.selectResult(e),
-					onMouseenter: (e) => m.state.selectedIndex.value = t
-				}, [X(e) ? (A(), x(I(a), {
+					class: T(["fuzzy-search-result glass-menu-row interactive-item flex w-full items-baseline gap-1.5 px-2 py-1.5 text-left text-(length:--search-result-text)", { "is-selected": n === u.state.selectedIndex.value }]),
+					"data-highlighted": n === u.state.selectedIndex.value ? "" : void 0,
+					onClick: (t) => u.state.selectResult(e),
+					onMouseenter: (e) => u.state.selectedIndex.value = n
+				}, [X(e) ? (E(), _(M(t), {
 					key: 0,
 					variant: "secondary",
 					class: "shrink-0 text-(length:--search-result-text-secondary) font-bold uppercase tracking-wider"
 				}, {
-					default: R(() => [T(F(X(e)), 1)]),
+					default: P(() => [x(j(X(e)), 1)]),
 					_: 2
-				}, 1024)) : S("", !0), w("span", W, F(z(e)), 1)], 42, U))), 128))], 512)]),
+				}, 1024)) : v("", !0), b("span", W, j(z(e)), 1)], 42, U))), 128))], 512)]),
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["open"]), E(I(s), {
-			open: m.state.isExpanded.value,
-			"onUpdate:open": h[11] ||= (e) => m.state.isExpanded.value = e
+		}, 8, ["open"]), S(M(r), {
+			open: u.state.isExpanded.value,
+			"onUpdate:open": d[11] ||= (e) => u.state.isExpanded.value = e
 		}, {
-			default: R(() => [E(I(c), {
-				surface: m.surface,
+			default: P(() => [S(M(i), {
+				surface: u.surface,
 				class: "max-w-(--search-modal-width) max-h-[70vh] [--overlay-pad-inline:0] [--overlay-pad-block:0] [--search-modal-width:36rem] overflow-hidden flex flex-col gap-0",
-				onOpenAutoFocus: h[10] ||= (e) => e.preventDefault()
+				onOpenAutoFocus: d[10] ||= (e) => e.preventDefault()
 			}, {
-				default: R(() => [
-					w("div", G, [
-						E(I(r), { class: "size-(--search-icon-size) shrink-0 text-muted-foreground/70" }),
-						w("input", {
+				default: P(() => [
+					b("div", G, [
+						S(M(L), { class: "size-(--search-icon-size) shrink-0 text-muted-foreground/70" }),
+						b("input", {
 							ref_key: "modalInputRef",
-							ref: D,
+							ref: C,
 							type: "text",
 							class: "input-bar-field flex-1 text-(length:--search-result-text)",
-							placeholder: m.placeholder,
-							value: m.state.query.value,
-							onInput: h[7] ||= (e) => m.state.query.value = e.target.value,
-							onKeydown: h[8] ||= (...e) => m.state.onKeydown && m.state.onKeydown(...e)
+							placeholder: u.placeholder,
+							value: u.state.query.value,
+							onInput: d[7] ||= (e) => u.state.query.value = e.target.value,
+							onKeydown: d[8] ||= (...e) => u.state.onKeydown && u.state.onKeydown(...e)
 						}, null, 40, K),
-						E(I(o), {
+						S(M(n), {
 							type: "button",
 							variant: "ghost",
-							size: "icon",
+							iconOnly: "",
 							class: "size-(--search-button-size)",
 							title: "Collapse",
-							onClick: h[9] ||= (e) => m.state.toggleExpanded()
+							onClick: d[9] ||= (e) => u.state.toggleExpanded()
 						}, {
-							default: R(() => [E(I(t), { class: "size-(--search-icon-size)" })]),
+							default: P(() => [S(M(I), { class: "size-(--search-icon-size)" })]),
 							_: 1
 						})
 					]),
-					m.state.results.value.length > 0 ? (A(), C("div", {
+					u.state.results.value.length > 0 ? (E(), y("div", {
 						key: 0,
 						ref_key: "modalListRef",
 						ref: Q,
 						class: "flex-1 min-h-0 overflow-y-auto overscroll-contain p-1.5"
-					}, [(A(!0), C(y, null, M(m.state.results.value, (e, t) => (A(), C("button", {
-						key: `modal-${e.item.id}-${e.item.type}-${t}`,
+					}, [(E(!0), y(h, null, O(u.state.results.value, (e, n) => (E(), y("button", {
+						key: `modal-${e.item.id}-${e.item.type}-${n}`,
 						type: "button",
-						class: k(["fuzzy-search-result glass-menu-row interactive-item flex w-full items-baseline gap-1.5 px-2.5 py-2 text-left text-(length:--search-result-text)", { "is-selected": t === m.state.selectedIndex.value }]),
-						"data-highlighted": t === m.state.selectedIndex.value ? "" : void 0,
-						onClick: (t) => m.state.selectResult(e),
-						onMouseenter: (e) => m.state.selectedIndex.value = t
-					}, [X(e) ? (A(), x(I(a), {
+						class: T(["fuzzy-search-result glass-menu-row interactive-item flex w-full items-baseline gap-1.5 px-2.5 py-2 text-left text-(length:--search-result-text)", { "is-selected": n === u.state.selectedIndex.value }]),
+						"data-highlighted": n === u.state.selectedIndex.value ? "" : void 0,
+						onClick: (t) => u.state.selectResult(e),
+						onMouseenter: (e) => u.state.selectedIndex.value = n
+					}, [X(e) ? (E(), _(M(t), {
 						key: 0,
 						variant: "secondary",
 						class: "shrink-0 text-(length:--search-result-text-secondary) font-bold uppercase tracking-wider"
 					}, {
-						default: R(() => [T(F(X(e)), 1)]),
+						default: P(() => [x(j(X(e)), 1)]),
 						_: 2
-					}, 1024)) : S("", !0), w("span", J, F(z(e)), 1)], 42, q))), 128))], 512)) : (A(), C("div", Y, "No results")),
-					h[12] ||= w("div", { class: "flex items-center gap-4 border-t border-border/50 [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) text-mono-caption text-muted-foreground/60" }, [
-						w("span", { class: "flex items-center gap-1" }, [
-							w("kbd", { class: "kbd" }, "↑"),
-							w("kbd", { class: "kbd" }, "↓"),
-							T(" navigate")
+					}, 1024)) : v("", !0), b("span", J, j(z(e)), 1)], 42, q))), 128))], 512)) : (E(), y("div", Y, "No results")),
+					d[12] ||= b("div", { class: "flex items-center gap-4 border-t border-border/50 [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) text-mono-caption text-muted-foreground/60" }, [
+						b("span", { class: "flex items-center gap-1" }, [
+							b("kbd", { class: "kbd" }, "↑"),
+							b("kbd", { class: "kbd" }, "↓"),
+							x(" navigate")
 						]),
-						w("span", { class: "flex items-center gap-1" }, [w("kbd", { class: "kbd" }, "↵"), T(" select")]),
-						w("span", { class: "flex items-center gap-1" }, [w("kbd", { class: "kbd" }, "esc"), T(" close")])
+						b("span", { class: "flex items-center gap-1" }, [b("kbd", { class: "kbd" }, "↵"), x(" select")]),
+						b("span", { class: "flex items-center gap-1" }, [b("kbd", { class: "kbd" }, "esc"), x(" close")])
 					], -1)
 				]),
 				_: 1
@@ -245,39 +245,39 @@ var B = z("", {
 			_: 1
 		}, 8, ["open"])], 2));
 	}
-}), Z = ["value", "placeholder"], Q = /* @__PURE__ */ D({
+}), Z = ["value", "placeholder"], Q = /* @__PURE__ */ C({
 	__name: "SearchBar",
 	props: {
 		modelValue: { default: "" },
 		placeholder: { default: "Search…" },
 		icon: {},
 		tag: { default: "div" },
-		size: { default: "default" },
+		size: { default: "md" },
 		surface: { default: "glass" },
 		variant: { default: "inline" }
 	},
 	emits: ["update:modelValue"],
-	setup(t, { expose: n, emit: i }) {
-		let a = i, o = j(null);
-		return n({ inputRef: o }), (n, i) => (A(), x(P(t.tag), {
-			class: k(I(e)("input-bar", I(f)(t.size), I(B)({ variant: t.variant }), n.$attrs.class)),
+	setup(t, { expose: n, emit: r }) {
+		let i = r, o = D(null);
+		return n({ inputRef: o }), (n, r) => (E(), _(A(t.tag), {
+			class: T(M(e)("input-bar", M(a)(t.size), M(B)({ variant: t.variant }), n.$attrs.class)),
 			"data-surface": t.surface
 		}, {
-			default: R(() => [
-				(A(), x(P(t.icon ?? I(r)), { class: "size-(--search-icon-size) text-muted-foreground shrink-0" })),
-				w("input", {
+			default: P(() => [
+				(E(), _(A(t.icon ?? M(L)), { class: "size-(--search-icon-size) text-muted-foreground shrink-0" })),
+				b("input", {
 					ref_key: "inputRef",
 					ref: o,
 					value: t.modelValue,
 					placeholder: t.placeholder,
 					class: "input-bar-field",
-					onInput: i[0] ||= (e) => a("update:modelValue", e.target.value)
+					onInput: r[0] ||= (e) => i("update:modelValue", e.target.value)
 				}, null, 40, Z),
-				N(n.$slots, "default")
+				k(n.$slots, "default")
 			]),
 			_: 3
 		}, 8, ["class", "data-surface"]));
 	}
 });
 //#endregion
-export { X as FuzzySearch, Q as SearchBar, g as buildIndex, _ as clearSearchCache, h as fuzzyMatch, B as searchFieldVariants, m as searchIndex, v as useFuzzySearch };
+export { X as FuzzySearch, Q as SearchBar, f as buildIndex, p as clearSearchCache, d as fuzzyMatch, B as searchFieldVariants, u as searchIndex, m as useFuzzySearch };

package/dist/select.d.ts

@@ -1 +1 @@
-export * from "./components/ui/select";
+export * from "./components/select";

package/dist/select.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-3mFHX_R-.js";
-import { t as s } from "./SelectGroup-Dcczq44n.js";
-import { n as c, t as l } from "./SelectSeparator-CNRGG7Ew.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-CDtwaWkZ.js";
+import { t as s } from "./SelectGroup-BuEptUsa.js";
+import { n as c, t as l } from "./SelectSeparator-4QGephvr.js";
 export { a as Select, t as SelectContent, s as SelectGroup, i as SelectItem, c as SelectLabel, o as SelectScrollDownButton, n as SelectScrollUpButton, l as SelectSeparator, e as SelectTrigger, r as SelectValue };

package/dist/separator.d.ts

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

package/dist/separator.js

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

package/dist/sidebar.js

@@ -1,4 +1,4 @@
-import { t as e } from "./scrollReader-rc3Ns_NM.js";
+import { t as e } from "./scrollReader-DzYqPQ6V.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) {