@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/search.js

@@ -1,283 +1,20 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./badge-C0C-rTBu.js";
-import { n } from "./button-32mg6xA8.js";
-import { t as r } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { c as i, n as a } from "./dialog-BzQxKrUr.js";
-import { t as o } from "./useControlSize-CFfOk8I-.js";
-import { n as s, r as c, t as ee } from "./popover-WMgyRSyN.js";
-import { a as l, i as u, n as d, r as f, t as p } from "./useFuzzySearch-BOgep7RE.js";
-import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, mergeProps 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, useAttrs as N, useId as P, watch as F, withCtx as I } from "vue";
-import { Maximize2 as te, Minimize2 as L, Search as R, X as ne } from "@lucide/vue";
-import { cva as z } from "class-variance-authority";
+import { n as e, t } from "./class-names-q-UGOkHH.js";
+import { t as n } from "./control-Da4XeT43.js";
+import { a as r, i, n as a, r as o, t as s } from "./useFuzzySearch-CUnZknpm.js";
+import { computed as c, createBlock as l, createElementVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderSlot as g, resolveDynamicComponent as _, unref as v, useAttrs as y, withCtx as b } from "vue";
+import { Search as x } from "@lucide/vue";
 //#region src/components/search/searchVariants.ts
-var B = z("", {
-	variants: { variant: {
-		inline: "",
-		bare: "border-none bg-transparent p-0 rounded-none",
-		floating: "border-none bg-transparent p-0 rounded-none"
-	} },
-	defaultVariants: { variant: "inline" }
-}), re = ["data-surface"], V = [
-	"placeholder",
-	"aria-label",
-	"aria-expanded",
-	"aria-controls",
-	"aria-activedescendant",
-	"value"
-], H = ["aria-label"], U = [
-	"id",
-	"aria-selected",
-	"data-highlighted",
-	"onClick",
-	"onMouseenter"
-], W = { class: "fuzzy-search-label flex-1 min-w-0 truncate text-foreground/85" }, G = {
-	key: 0,
-	class: "fuzzy-search-mark"
-}, K = { class: "flex items-center gap-2 border-b 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)" }, q = [
-	"placeholder",
-	"aria-label",
-	"aria-expanded",
-	"aria-controls",
-	"aria-activedescendant",
-	"value"
-], J = ["aria-label"], Y = [
-	"id",
-	"aria-selected",
-	"data-highlighted",
-	"onClick",
-	"onMouseenter"
-], ie = { class: "fuzzy-search-label flex-1 min-w-0 truncate text-foreground/85" }, ae = {
-	key: 0,
-	class: "fuzzy-search-mark"
-}, oe = {
-	key: 1,
-	class: "px-4 py-8 text-center text-muted-foreground/60"
-}, X = /* @__PURE__ */ r(/* @__PURE__ */ S({
-	__name: "FuzzySearch",
-	props: {
-		state: {},
-		variant: { default: "inline" },
-		size: { default: "md" },
-		surface: { default: "glass" },
-		placeholder: { default: "Search…" },
-		ariaLabel: { default: "Search" },
-		typeLabel: {}
-	},
-	setup(r, { expose: l }) {
-		let u = r, d = P(), f = `${d}-inline-results`, p = `${d}-modal-results`, S = (e, t) => `${e}-${t}`, C = D(null), k = D(null), A = D(null), N = D(null), z = h({
-			get: () => u.state.isOpen.value && !u.state.isExpanded.value && u.state.results.value.length > 0,
-			set: (e) => {
-				e || u.state.close();
-			}
-		});
-		F(() => u.state.selectedIndex.value, () => {
-			w(() => (u.state.isExpanded.value ? N.value : A.value)?.querySelector(".fuzzy-search-result.is-selected")?.scrollIntoView({ block: "nearest" }));
-		}), F(() => u.state.isOpen.value, (e) => {
-			e && w(() => C.value?.focus());
-		}), F(() => u.state.isExpanded.value, (e) => {
-			e && w(() => k.value?.focus());
-		});
-		function X() {
-			C.value?.focus();
-		}
-		l({ focus: X });
-		function Z(e) {
-			return e.item.label || e.item.text.slice(0, 120);
-		}
-		function Q(e) {
-			return u.typeLabel ? u.typeLabel(e.item) : e.item.type ?? "";
-		}
-		function $(e) {
-			let t = Z(e), n = new Set(e.matchIndices), r = [], i = 0, a = n.has(0);
-			for (let e = 1; e <= t.length; e++) {
-				let o = e < t.length && n.has(e);
-				(e === t.length || o !== a) && (r.push({
-					text: t.slice(i, e),
-					matched: a
-				}), i = e, a = o);
-			}
-			return r;
-		}
-		return (l, u) => (E(), v("div", { class: T(["fuzzy-search relative", `fuzzy-search--${r.variant}`]) }, [x(M(c), {
-			open: z.value,
-			"onUpdate:open": u[6] ||= (e) => z.value = e
-		}, {
-			default: I(() => [x(M(s), { "as-child": "" }, {
-				default: I(() => [y("div", {
-					class: T(["input-bar", M(e)(M(o)(r.size), M(B)({ variant: r.variant }))]),
-					"data-surface": r.surface
-				}, [
-					x(M(R), { class: "size-(--search-icon-size) shrink-0 text-muted-foreground/70" }),
-					y("input", {
-						ref_key: "inputRef",
-						ref: C,
-						type: "search",
-						role: "combobox",
-						class: "input-bar-field",
-						placeholder: r.placeholder,
-						"aria-label": r.ariaLabel,
-						"aria-autocomplete": "list",
-						"aria-expanded": z.value,
-						"aria-controls": z.value ? f : void 0,
-						"aria-activedescendant": z.value ? S(f, r.state.selectedIndex.value) : void 0,
-						value: r.state.query.value,
-						onInput: u[0] ||= (e) => r.state.query.value = e.target.value,
-						onKeydown: u[1] ||= (...e) => r.state.onKeydown && r.state.onKeydown(...e),
-						onFocus: u[2] ||= (e) => r.state.isOpen.value = !0
-					}, null, 40, V),
-					r.state.query.value && r.state.results.value.length > 0 ? (E(), g(M(n), {
-						key: 0,
-						type: "button",
-						variant: "ghost",
-						iconOnly: "",
-						class: "size-(--search-button-size)",
-						"aria-label": r.state.isExpanded.value ? "Collapse search" : "Expand search",
-						title: r.state.isExpanded.value ? "Collapse" : "Expand",
-						onClick: u[3] ||= (e) => r.state.toggleExpanded()
-					}, {
-						default: I(() => [r.state.isExpanded.value ? (E(), g(M(L), {
-							key: 1,
-							class: "size-(--search-icon-size)"
-						})) : (E(), g(M(te), {
-							key: 0,
-							class: "size-(--search-icon-size)"
-						}))]),
-						_: 1
-					}, 8, ["aria-label", "title"])) : _("", !0),
-					r.state.query.value ? (E(), g(M(n), {
-						key: 1,
-						type: "button",
-						variant: "ghost",
-						iconOnly: "",
-						class: "size-(--search-button-size)",
-						"aria-label": "Clear search",
-						title: "Clear search",
-						onClick: u[4] ||= (e) => r.state.close()
-					}, {
-						default: I(() => [x(M(ne), { class: "size-(--search-icon-size)" })]),
-						_: 1
-					})) : _("", !0)
-				], 10, re)]),
-				_: 1
-			}), x(M(ee), {
-				align: "start",
-				"side-offset": 4,
-				portal: !1,
-				class: "w-(--reka-popover-trigger-width) max-h-[50vh] overflow-y-auto overscroll-contain p-1",
-				onOpenAutoFocus: u[5] ||= (e) => e.preventDefault()
-			}, {
-				default: I(() => [y("div", {
-					id: f,
-					ref_key: "inlineListRef",
-					ref: A,
-					role: "listbox",
-					"aria-label": `${r.ariaLabel} results`
-				}, [(E(!0), v(m, null, O(r.state.results.value, (e, n) => (E(), v("button", {
-					id: S(f, n),
-					key: `${e.item.id}-${e.item.type}-${n}`,
-					type: "button",
-					role: "option",
-					tabindex: "-1",
-					"aria-selected": n === r.state.selectedIndex.value,
-					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 === r.state.selectedIndex.value }]),
-					"data-highlighted": n === r.state.selectedIndex.value ? "" : void 0,
-					onClick: (t) => r.state.selectResult(e),
-					onMouseenter: (e) => r.state.selectedIndex.value = n
-				}, [Q(e) ? (E(), g(M(t), {
-					key: 0,
-					variant: "secondary",
-					class: "shrink-0 text-(length:--search-result-text-secondary) font-bold uppercase tracking-wider"
-				}, {
-					default: I(() => [b(j(Q(e)), 1)]),
-					_: 2
-				}, 1024)) : _("", !0), y("span", W, [(E(!0), v(m, null, O($(e), (e, t) => (E(), v(m, { key: t }, [e.matched ? (E(), v("mark", G, j(e.text), 1)) : (E(), v(m, { key: 1 }, [b(j(e.text), 1)], 64))], 64))), 128))])], 42, U))), 128))], 8, H)]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["open"]), x(M(i), {
-			open: r.state.isExpanded.value,
-			"onUpdate:open": u[11] ||= (e) => r.state.isExpanded.value = e
-		}, {
-			default: I(() => [x(M(a), {
-				surface: r.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: u[10] ||= (e) => e.preventDefault()
-			}, {
-				default: I(() => [
-					y("div", K, [
-						x(M(R), { class: "size-(--search-icon-size) shrink-0 text-muted-foreground/70" }),
-						y("input", {
-							ref_key: "modalInputRef",
-							ref: k,
-							type: "search",
-							role: "combobox",
-							class: "input-bar-field flex-1 text-(length:--search-result-text)",
-							placeholder: r.placeholder,
-							"aria-label": r.ariaLabel,
-							"aria-autocomplete": "list",
-							"aria-expanded": r.state.isExpanded.value,
-							"aria-controls": r.state.results.value.length ? p : void 0,
-							"aria-activedescendant": r.state.results.value.length ? S(p, r.state.selectedIndex.value) : void 0,
-							value: r.state.query.value,
-							onInput: u[7] ||= (e) => r.state.query.value = e.target.value,
-							onKeydown: u[8] ||= (...e) => r.state.onKeydown && r.state.onKeydown(...e)
-						}, null, 40, q),
-						x(M(n), {
-							type: "button",
-							variant: "ghost",
-							iconOnly: "",
-							class: "size-(--search-button-size)",
-							"aria-label": "Collapse search",
-							title: "Collapse",
-							onClick: u[9] ||= (e) => r.state.toggleExpanded()
-						}, {
-							default: I(() => [x(M(L), { class: "size-(--search-icon-size)" })]),
-							_: 1
-						})
-					]),
-					r.state.results.value.length > 0 ? (E(), v("div", {
-						key: 0,
-						id: p,
-						ref_key: "modalListRef",
-						ref: N,
-						role: "listbox",
-						"aria-label": `${r.ariaLabel} results`,
-						class: "flex-1 min-h-0 overflow-y-auto overscroll-contain p-1.5"
-					}, [(E(!0), v(m, null, O(r.state.results.value, (e, n) => (E(), v("button", {
-						id: S(p, n),
-						key: `modal-${e.item.id}-${e.item.type}-${n}`,
-						type: "button",
-						role: "option",
-						tabindex: "-1",
-						"aria-selected": n === r.state.selectedIndex.value,
-						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 === r.state.selectedIndex.value }]),
-						"data-highlighted": n === r.state.selectedIndex.value ? "" : void 0,
-						onClick: (t) => r.state.selectResult(e),
-						onMouseenter: (e) => r.state.selectedIndex.value = n
-					}, [Q(e) ? (E(), g(M(t), {
-						key: 0,
-						variant: "secondary",
-						class: "shrink-0 text-(length:--search-result-text-secondary) font-bold uppercase tracking-wider"
-					}, {
-						default: I(() => [b(j(Q(e)), 1)]),
-						_: 2
-					}, 1024)) : _("", !0), y("span", ie, [(E(!0), v(m, null, O($(e), (e, t) => (E(), v(m, { key: t }, [e.matched ? (E(), v("mark", ae, j(e.text), 1)) : (E(), v(m, { key: 1 }, [b(j(e.text), 1)], 64))], 64))), 128))])], 42, Y))), 128))], 8, J)) : (E(), v("div", oe, "No results")),
-					u[12] ||= y("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" }, [
-						y("span", { class: "flex items-center gap-1" }, [
-							y("kbd", { class: "kbd" }, "↑"),
-							y("kbd", { class: "kbd" }, "↓"),
-							b(" navigate")
-						]),
-						y("span", { class: "flex items-center gap-1" }, [y("kbd", { class: "kbd" }, "↵"), b(" select")]),
-						y("span", { class: "flex items-center gap-1" }, [y("kbd", { class: "kbd" }, "esc"), b(" close")])
-					], -1)
-				]),
-				_: 1
-			}, 8, ["surface"])]),
-			_: 1
-		}, 8, ["open"])], 2));
-	}
-}), [["__scopeId", "data-v-d7b2bca7"]]), Z = ["value", "placeholder"], Q = /* @__PURE__ */ S({
+var S = {
+	inline: "",
+	floating: "",
+	bare: "border-none bg-transparent p-0 rounded-none"
+};
+function C(t = {}) {
+	return e(S[t.variant ?? "inline"], t.class, t.className);
+}
+//#endregion
+//#region src/components/search/SearchBar.vue?vue&type=script&setup=true&lang.ts
+var w = ["value", "placeholder"], T = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "SearchBar",
 	props: {
@@ -290,35 +27,35 @@ var B = z("", {
 		variant: { default: "inline" }
 	},
 	emits: ["update:modelValue"],
-	setup(t, { expose: n, emit: r }) {
-		let i = r, a = N(), s = h(() => {
-			let { class: e, ...t } = a;
+	setup(e, { expose: r, emit: i }) {
+		let a = i, o = y(), s = c(() => {
+			let { class: e, ...t } = o;
 			return t;
-		}), c = D(null);
-		return n({ inputRef: c }), (n, r) => (E(), g(A(t.tag), {
-			class: T(M(e)("input-bar", M(o)(t.size), M(B)({ variant: t.variant }), n.$attrs.class)),
-			"data-surface": t.surface
+		}), d = h(null);
+		return r({ inputRef: d }), (r, i) => (m(), l(_(e.tag), {
+			class: p(v(t)("input-bar", v(n)(e.size), v(C)({ variant: e.variant }), r.$attrs.class)),
+			"data-surface": e.surface
 		}, {
-			default: I(() => [
-				(E(), g(A(t.icon ?? M(R)), {
+			default: b(() => [
+				(m(), l(_(e.icon ?? v(x)), {
 					class: "size-(--search-icon-size) text-muted-foreground shrink-0",
 					"aria-hidden": "true"
 				})),
-				y("input", C({
+				u("input", f({
 					ref_key: "inputRef",
-					ref: c,
+					ref: d,
 					type: "search"
 				}, s.value, {
-					value: t.modelValue,
-					placeholder: t.placeholder,
+					value: e.modelValue,
+					placeholder: e.placeholder,
 					class: "input-bar-field",
-					onInput: r[0] ||= (e) => i("update:modelValue", e.target.value)
-				}), null, 16, Z),
-				k(n.$slots, "default")
+					onInput: i[0] ||= (e) => a("update:modelValue", e.target.value)
+				}), null, 16, w),
+				g(r.$slots, "default")
 			]),
 			_: 3
 		}, 8, ["class", "data-surface"]));
 	}
 });
 //#endregion
-export { X as FuzzySearch, Q as SearchBar, d as buildIndex, f as clearSearchCache, u as fuzzyMatch, B as searchFieldVariants, l as searchIndex, p as useFuzzySearch };
+export { T as SearchBar, a as buildIndex, o as clearSearchCache, i as fuzzyMatch, C as searchFieldVariants, r as searchIndex, s as useFuzzySearch };

package/dist/select-CDgwGH_P.js

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

package/dist/select.d.ts

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

package/dist/select.js

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

package/dist/selection-DqIULxRG.js

@@ -0,0 +1,6 @@
+//#region src/components/_shared/selection.ts
+function e(e) {
+	return typeof e == "string" || typeof e == "number";
+}
+//#endregion
+export { e as t };