@mkbabb/glass-ui 0.3.0 → 2.1.0

package/dist/search.js

@@ -0,0 +1,425 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { n as t, t as n } from "./minimize-2-LsCJ_eNt.js";
+import { t as r } from "./search-ocd8tmL9.js";
+import { t as i } from "./x-cdWAmO-q.js";
+import { n as a } from "./badge-BbxVKZfw.js";
+import { n as o } from "./button-BlOW34DT.js";
+import { n as s, t as c } from "./DialogContent-CmCijgX9.js";
+import { n as l, r as u, t as d } from "./PopoverContent-BCH4eYs8.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, nextTick as x, normalizeClass as S, onScopeDispose as C, openBlock as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as O, toDisplayString as k, unref as A, watch as j, withCtx as M } from "vue";
+//#region src/components/custom/search/composables/fuzzySearchIndex.ts
+function N(e, t) {
+	let n = e.length, r = t.length;
+	if (n === 0) return {
+		score: 0,
+		matches: []
+	};
+	if (n > r) return null;
+	let i = [], a = 0, o = 0, s = -2;
+	for (let c = 0; c < r && a < n; c++) {
+		if (e[a] !== t[c]) continue;
+		i.push(c);
+		let n = 1;
+		if (s === c - 1 && (n += 5), c === 0) n += 8;
+		else {
+			let e = t[c - 1];
+			" -_./\\:()".includes(e) ? n += 7 : t[c] >= "A" && t[c] <= "Z" && e >= "a" && e <= "z" && (n += 6);
+		}
+		a === c && (n += 3), o += n, s = c, a++;
+	}
+	return a < n ? null : (o -= Math.max(0, (r - n) * .1), {
+		score: o,
+		matches: i
+	});
+}
+function P(e, t) {
+	if (!t) return null;
+	let n = 0, r = [];
+	for (let i of e) {
+		let e = N(i, t);
+		if (!e) return null;
+		n += e.score;
+		for (let t of e.matches) r.push(t);
+	}
+	return {
+		score: n,
+		matches: r
+	};
+}
+function F(e, t) {
+	let n = 0, r = [], i = [
+		[t._lc.label, 12],
+		[t._lc.type, 10],
+		[t._lc.text, 3]
+	];
+	for (let [a, o] of i) {
+		if (!a) continue;
+		let i = P(e, a);
+		i && i.score * o > n && (n = i.score * o, r = a === t._lc.label ? i.matches : []);
+	}
+	return n <= 0 ? null : {
+		score: n,
+		matches: r
+	};
+}
+function I(e) {
+	return e.map((e) => ({
+		item: e,
+		_lc: {
+			label: e.label.toLowerCase(),
+			text: e.text.toLowerCase(),
+			type: e.type?.toLowerCase() ?? ""
+		}
+	}));
+}
+var L = /* @__PURE__ */ new WeakMap();
+function R(e) {
+	let t = L.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), L.set(e, t)), t;
+}
+function z(e, t, n = 30) {
+	let r = t.toLowerCase().trim();
+	if (!r) return [];
+	let i = R(e), a = i.get(r);
+	if (a) return a.slice(0, n);
+	i.size > 200 && i.clear();
+	let o = r.split(/\s+/).filter(Boolean);
+	if (o.length === 0) return [];
+	let s = e;
+	if (r.length > 1) {
+		let e = r.slice(0, -1), t = i.get(e);
+		t && (s = t.map((e) => ({
+			item: e.item,
+			_lc: {
+				label: e.item.label.toLowerCase(),
+				text: e.item.text.toLowerCase(),
+				type: e.item.type?.toLowerCase() ?? ""
+			}
+		})));
+	}
+	let c = [];
+	for (let e of s) {
+		let t = F(o, e);
+		t && c.push({
+			item: e.item,
+			score: t.score,
+			matchIndices: t.matches
+		});
+	}
+	return c.sort((e, t) => t.score - e.score), i.set(r, c), c.slice(0, n);
+}
+function B(e) {
+	if (e) {
+		L.delete(e);
+		return;
+	}
+	L = /* @__PURE__ */ new WeakMap();
+}
+//#endregion
+//#region src/components/custom/search/FuzzySearch.vue?vue&type=script&setup=true&lang.ts
+var V = ["placeholder", "value"], H = ["onClick", "onMouseenter"], U = { class: "fuzzy-search-label flex-1 min-w-0 truncate text-foreground/85" }, W = { key: 1 }, G = { class: "flex items-center gap-2 border-b border-border/50 px-3.5 py-3" }, K = ["placeholder", "value"], q = {
+	key: 0,
+	class: "flex-1 min-h-0 overflow-y-auto overscroll-contain p-1.5"
+}, J = ["onClick", "onMouseenter"], Y = { class: "fuzzy-search-label flex-1 min-w-0 truncate text-base text-foreground/85" }, X = { key: 1 }, Z = {
+	key: 1,
+	class: "px-4 py-8 text-center text-muted-foreground/60"
+}, Q = "rounded-sm bg-[hsl(var(--rainbow-pastel-yellow,50_100%_60%)/0.35)] px-px text-inherit", $ = /* @__PURE__ */ b({
+	__name: "FuzzySearch",
+	props: {
+		state: {},
+		variant: { default: "sidebar" },
+		placeholder: { default: "Search…" },
+		typeLabel: {}
+	},
+	setup(e, { expose: b }) {
+		let C = e, D = T(null), O = T(null), P = p({
+			get: () => C.state.isOpen.value && !C.state.isExpanded.value && C.state.results.value.length > 0,
+			set: (e) => {
+				e || C.state.close();
+			}
+		});
+		j(() => C.state.selectedIndex.value, () => {
+			x(() => document.querySelector(".fuzzy-search-result.is-selected")?.scrollIntoView({ block: "nearest" }));
+		}), j(() => C.state.isOpen.value, (e) => {
+			e && x(() => D.value?.focus());
+		}), j(() => C.state.isExpanded.value, (e) => {
+			e && x(() => O.value?.focus());
+		});
+		function F() {
+			D.value?.focus();
+		}
+		b({ focus: F });
+		function I(e) {
+			return e.item.label || e.item.text.slice(0, 120);
+		}
+		function L(e) {
+			return C.typeLabel ? C.typeLabel(e.item) : e.item.type ?? "";
+		}
+		function R(e, t) {
+			if (!e) return [];
+			let n = t.toLowerCase().trim().split(/\s+/).filter(Boolean);
+			if (n.length === 0) return [{
+				text: e,
+				matched: !1
+			}];
+			let r = e.toLowerCase(), i = /* @__PURE__ */ new Set();
+			for (let e of n) {
+				let t = N(e, r);
+				if (t) for (let e of t.matches) i.add(e);
+			}
+			if (i.size === 0) return [{
+				text: e,
+				matched: !1
+			}];
+			let a = [], o = 0, s = i.has(0);
+			for (let t = 1; t < e.length; t++) {
+				let n = i.has(t);
+				n !== s && (a.push({
+					text: e.slice(o, t),
+					matched: s
+				}), o = t, s = n);
+			}
+			return a.push({
+				text: e.slice(o),
+				matched: s
+			}), a;
+		}
+		return (p, b) => (w(), g("div", { class: S(["fuzzy-search relative", `fuzzy-search--${e.variant}`]) }, [y(A(u), {
+			open: P.value,
+			"onUpdate:open": b[6] ||= (e) => P.value = e
+		}, {
+			default: M(() => [y(A(l), { "as-child": "" }, {
+				default: M(() => [_("div", { class: S(["input-bar", e.variant === "floating" && "!border-none !bg-transparent !p-0 !rounded-none"]) }, [
+					y(A(r), { class: "h-3.5 w-3.5 shrink-0 text-muted-foreground/70" }),
+					_("input", {
+						ref_key: "inputRef",
+						ref: D,
+						type: "text",
+						class: "input-bar-field text-sm",
+						placeholder: e.placeholder,
+						value: e.state.query.value,
+						onInput: b[0] ||= (t) => e.state.query.value = t.target.value,
+						onKeydown: b[1] ||= (...t) => e.state.onKeydown && e.state.onKeydown(...t),
+						onFocus: b[2] ||= (t) => e.state.isOpen.value = !0
+					}, null, 40, V),
+					e.state.query.value && e.state.results.value.length > 0 ? (w(), m(A(o), {
+						key: 0,
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						class: "!h-6 !w-6",
+						title: e.state.isExpanded.value ? "Collapse" : "Expand",
+						onClick: b[3] ||= (t) => e.state.toggleExpanded()
+					}, {
+						default: M(() => [e.state.isExpanded.value ? (w(), m(A(n), {
+							key: 1,
+							class: "h-3 w-3"
+						})) : (w(), m(A(t), {
+							key: 0,
+							class: "h-3 w-3"
+						}))]),
+						_: 1
+					}, 8, ["title"])) : h("", !0),
+					e.state.query.value ? (w(), m(A(o), {
+						key: 1,
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						class: "!h-6 !w-6",
+						title: "Clear search",
+						onClick: b[4] ||= (t) => e.state.close()
+					}, {
+						default: M(() => [y(A(i), { class: "h-3 w-3" })]),
+						_: 1
+					})) : h("", !0)
+				], 2)]),
+				_: 1
+			}), y(A(d), {
+				align: "start",
+				"side-offset": 4,
+				portal: !1,
+				class: "w-[var(--reka-popover-trigger-width)] max-h-[50vh] overflow-y-auto overscroll-contain p-1",
+				onOpenAutoFocus: b[5] ||= (e) => e.preventDefault()
+			}, {
+				default: M(() => [(w(!0), g(f, null, E(e.state.results.value, (t, n) => (w(), g("button", {
+					key: `${t.item.id}-${t.item.type}-${n}`,
+					type: "button",
+					class: S(["fuzzy-search-result interactive-item flex w-full items-baseline gap-1.5 px-2 py-1.5 text-left text-sm", { "is-selected bg-muted/50": n === e.state.selectedIndex.value }]),
+					onClick: (n) => e.state.selectResult(t),
+					onMouseenter: (t) => e.state.selectedIndex.value = n
+				}, [L(t) ? (w(), m(A(a), {
+					key: 0,
+					variant: "secondary",
+					class: "shrink-0 text-[0.6rem] font-bold uppercase tracking-wider"
+				}, {
+					default: M(() => [v(k(L(t)), 1)]),
+					_: 2
+				}, 1024)) : h("", !0), _("span", U, [(w(!0), g(f, null, E(R(I(t), e.state.query.value), (e, t) => (w(), g(f, { key: t }, [e.matched ? (w(), g("mark", {
+					key: 0,
+					class: S(Q)
+				}, k(e.text), 1)) : (w(), g("span", W, k(e.text), 1))], 64))), 128))])], 42, H))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]), y(A(s), {
+			open: e.state.isExpanded.value,
+			"onUpdate:open": b[11] ||= (t) => e.state.isExpanded.value = t
+		}, {
+			default: M(() => [y(A(c), {
+				variant: "opaque",
+				class: "!max-w-[36rem] !top-[12vh] !translate-y-0 max-h-[70vh] !p-0 overflow-hidden flex flex-col gap-0",
+				onOpenAutoFocus: b[10] ||= (e) => e.preventDefault()
+			}, {
+				default: M(() => [
+					_("div", G, [
+						y(A(r), { class: "h-4 w-4 shrink-0 text-muted-foreground/70" }),
+						_("input", {
+							ref_key: "modalInputRef",
+							ref: O,
+							type: "text",
+							class: "input-bar-field flex-1 text-base",
+							placeholder: e.placeholder,
+							value: e.state.query.value,
+							onInput: b[7] ||= (t) => e.state.query.value = t.target.value,
+							onKeydown: b[8] ||= (...t) => e.state.onKeydown && e.state.onKeydown(...t)
+						}, null, 40, K),
+						y(A(o), {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							class: "!h-7 !w-7",
+							title: "Collapse",
+							onClick: b[9] ||= (t) => e.state.toggleExpanded()
+						}, {
+							default: M(() => [y(A(n), { class: "h-3.5 w-3.5" })]),
+							_: 1
+						})
+					]),
+					e.state.results.value.length > 0 ? (w(), g("div", q, [(w(!0), g(f, null, E(e.state.results.value, (t, n) => (w(), g("button", {
+						key: `modal-${t.item.id}-${t.item.type}-${n}`,
+						type: "button",
+						class: S(["fuzzy-search-result interactive-item flex w-full items-baseline gap-1.5 px-2.5 py-2 text-left", { "is-selected bg-muted/50": n === e.state.selectedIndex.value }]),
+						onClick: (n) => e.state.selectResult(t),
+						onMouseenter: (t) => e.state.selectedIndex.value = n
+					}, [L(t) ? (w(), m(A(a), {
+						key: 0,
+						variant: "secondary",
+						class: "shrink-0 text-[0.65rem] font-bold uppercase tracking-wider"
+					}, {
+						default: M(() => [v(k(L(t)), 1)]),
+						_: 2
+					}, 1024)) : h("", !0), _("span", Y, [(w(!0), g(f, null, E(R(I(t), e.state.query.value), (e, t) => (w(), g(f, { key: t }, [e.matched ? (w(), g("mark", {
+						key: 0,
+						class: S(Q)
+					}, k(e.text), 1)) : (w(), g("span", X, k(e.text), 1))], 64))), 128))])], 42, J))), 128))])) : (w(), g("div", Z, "No results")),
+					b[12] ||= _("div", { class: "flex items-center gap-4 border-t border-border/50 px-3.5 py-2 text-mono-caption text-muted-foreground/60" }, [
+						_("span", { class: "flex items-center gap-1" }, [
+							_("kbd", { class: "kbd" }, "↑"),
+							_("kbd", { class: "kbd" }, "↓"),
+							v(" navigate")
+						]),
+						_("span", { class: "flex items-center gap-1" }, [_("kbd", { class: "kbd" }, "↵"), v(" select")]),
+						_("span", { class: "flex items-center gap-1" }, [_("kbd", { class: "kbd" }, "esc"), v(" close")])
+					], -1)
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"])], 2));
+	}
+}), ee = ["value", "placeholder"], te = /* @__PURE__ */ b({
+	__name: "SearchBar",
+	props: {
+		modelValue: { default: "" },
+		placeholder: { default: "Search…" },
+		icon: {},
+		tag: { default: "div" }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { expose: n, emit: i }) {
+		let a = i, o = T(null);
+		return n({ inputRef: o }), (n, i) => (w(), m(O(t.tag), { class: S(A(e)("input-bar", n.$attrs.class)) }, {
+			default: M(() => [
+				(w(), m(O(t.icon ?? A(r)), { class: "w-3.5 h-3.5 text-muted-foreground shrink-0" })),
+				_("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)
+				}, null, 40, ee),
+				D(n.$slots, "default")
+			]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+//#region src/components/custom/search/composables/useFuzzySearch.ts
+function ne(e) {
+	let t = typeof e.items == "function" ? e.items : () => e.items, n = e.debounceMs ?? 120, r = e.maxResults ?? 30, i = T(""), a = T(!1), o = T(!1), s = T(0), c = T(""), l = p(() => t()), u = p(() => I(l.value)), d;
+	function f(e = d) {
+		e !== void 0 && (clearTimeout(e), d === e && (d = void 0));
+	}
+	j(i, (e, t, r) => {
+		if (f(), !e || n <= 0) {
+			c.value = e;
+			return;
+		}
+		let i = setTimeout(() => {
+			d === i && (c.value = e, d = void 0);
+		}, n);
+		d = i, r(() => f(i));
+	}), j(l, () => {
+		f(), c.value = i.value, s.value = 0;
+	}, { deep: !0 });
+	let m = p(() => z(u.value, c.value, r));
+	j(m, () => {
+		s.value = 0;
+	});
+	function h(t) {
+		e.onSelect?.(t), g();
+	}
+	function g() {
+		a.value = !1, o.value = !1, f(), i.value = "", c.value = "", s.value = 0, B(u.value);
+	}
+	function _() {
+		a.value = !0;
+	}
+	function v() {
+		o.value = !o.value;
+	}
+	function y(e) {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), s.value < m.value.length - 1 && s.value++;
+				break;
+			case "ArrowUp":
+				e.preventDefault(), s.value > 0 && s.value--;
+				break;
+			case "Enter":
+				e.preventDefault(), m.value[s.value] && h(m.value[s.value]);
+				break;
+			case "Escape":
+				e.preventDefault(), o.value ? o.value = !1 : g();
+				break;
+		}
+	}
+	return C(() => {
+		f(), B(u.value);
+	}, !0), {
+		query: i,
+		results: m,
+		isOpen: a,
+		isExpanded: o,
+		selectedIndex: s,
+		selectResult: h,
+		close: g,
+		open: _,
+		toggleExpanded: v,
+		onKeydown: y
+	};
+}
+//#endregion
+export { $ as FuzzySearch, te as SearchBar, I as buildIndex, B as clearSearchCache, N as fuzzyMatch, z as searchIndex, ne as useFuzzySearch };

package/dist/select.d.ts

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

package/dist/select.js

@@ -0,0 +1,4 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-yu8EYUnu.js";
+import { t as s } from "./SelectGroup-O69GTQ77.js";
+import { n as c, t as l } from "./SelectSeparator-GTHxKO0a.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

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

package/dist/separator.js

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

package/dist/sheet-CLVkb3AO.js

@@ -0,0 +1,214 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./x-cdWAmO-q.js";
+import { t as n } from "./useSpringMount-BTRBNzXP.js";
+import { t as r } from "./ModalOverlay-DKLVY-cj.js";
+import { computed as i, createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, toHandlers as h, unref as g, withCtx as _ } from "vue";
+import { DialogClose as v, DialogContent as y, DialogDescription as b, DialogPortal as x, DialogRoot as S, DialogTitle as C, DialogTrigger as w, injectDialogRootContext as T, useForwardPropsEmits as E } from "reka-ui";
+import { cva as D } from "class-variance-authority";
+//#endregion
+//#region src/components/ui/sheet/Sheet.vue
+var O = /* @__PURE__ */ c({
+	__name: "Sheet",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = E(e, t);
+		return (e, t) => (p(), a(g(S), f(l(g(n))), {
+			default: _(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), k = /* @__PURE__ */ c({
+	__name: "SheetTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (p(), a(g(w), f(l(t)), {
+			default: _(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), A = /* @__PURE__ */ c({
+	__name: "SheetClose",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (p(), a(g(v), f(l(t)), {
+			default: _(() => [m(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), j = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "SheetContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: {},
+		spring: { type: [Boolean, String] },
+		dragDismiss: { type: Boolean },
+		dragThreshold: {},
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(o, { emit: c }) {
+		let l = o, d = c, f = E(i(() => {
+			let { class: e, side: t, spring: n, dragDismiss: r, dragThreshold: i, ...a } = l;
+			return a;
+		}), d), b = l.spring ? T() : null, S = l.spring && b ? n({
+			open: b.open,
+			preset: typeof l.spring == "string" ? l.spring : "smooth",
+			dismissThreshold: l.dragThreshold ?? .3,
+			onDismiss: () => b.onOpenChange(!1)
+		}) : null, C = i(() => l.side ?? "right");
+		function w(e, t) {
+			let n = `${e * 100}%`;
+			switch (t) {
+				case "top": return `translateY(-${n})`;
+				case "bottom": return `translateY(${n})`;
+				case "left": return `translateX(-${n})`;
+				default: return `translateX(${n})`;
+			}
+		}
+		let D = i(() => {
+			if (S) return {
+				transform: w(S.position.value, C.value),
+				animation: "none",
+				transition: "none"
+			};
+		}), O = i(() => l.spring && l.dragDismiss && S ? S.dragHandlers : {});
+		return (n, i) => (p(), a(g(x), null, {
+			default: _(() => [s(r, {
+				scrim: "glass",
+				animate: "fade",
+				layout: "centered"
+			}), s(g(y), u({ class: g(e)(g(I)({ side: C.value }), l.spring ? "transition-none" : "", l.class) }, {
+				...g(f),
+				...n.$attrs
+			}, {
+				style: D.value,
+				"data-spring": l.spring ? typeof l.spring == "string" ? l.spring : "smooth" : void 0,
+				"data-drag-dismiss": l.spring && l.dragDismiss ? "" : void 0
+			}, h(O.value)), {
+				default: _(() => [m(n.$slots, "default"), s(g(v), { class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-secondary" }, {
+					default: _(() => [s(g(t), { class: "w-4 h-4 text-muted-foreground" })]),
+					_: 1
+				})]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"data-spring",
+				"data-drag-dismiss"
+			])]),
+			_: 3
+		}));
+	}
+}), M = /* @__PURE__ */ c({
+	__name: "SheetHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (p(), o("div", { class: d(g(e)("flex flex-col gap-y-2 text-center sm:text-left", n.class)) }, [m(t.$slots, "default")], 2));
+	}
+}), N = /* @__PURE__ */ c({
+	__name: "SheetTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = i(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, i) => (p(), a(g(C), u({ class: g(e)("text-subheading text-foreground", n.class) }, r.value), {
+			default: _(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), P = /* @__PURE__ */ c({
+	__name: "SheetDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = i(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, i) => (p(), a(g(b), u({ class: g(e)("text-sm text-muted-foreground", n.class) }, r.value), {
+			default: _(() => [m(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), F = /* @__PURE__ */ c({
+	__name: "SheetFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (p(), o("div", { class: d(g(e)("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2", n.class)) }, [m(t.$slots, "default")], 2));
+	}
+}), I = D("fixed z-modal gap-4 glass-floating p-6 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",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+	} },
+	defaultVariants: { side: "right" }
+});
+//#endregion
+export { M as a, k as c, N as i, O as l, F as n, j as o, P as r, A as s, I as t };

package/dist/sheet.d.ts

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

package/dist/sheet.js

@@ -0,0 +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-CLVkb3AO.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.d.ts

@@ -0,0 +1 @@
+export * from "./composables/sidebar";