@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/search.js

@@ -1,311 +1,20 @@
-import { n as e, t } from "./class-names-Cpy5eaBk.js";
-import { n } from "./badge-u65NClWn.js";
-import { t as r } from "./button-Bu9F4uU6.js";
-import { c as i, i as a, n as o, r as s } from "./dialog-TNRDkcE4.js";
-import { t as c } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ee, r as l, t as te } from "./popover-BQGYXZyO.js";
-import { a as u, i as d, n as f, r as p, t as m } from "./useFuzzySearch-CUnZknpm.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, mergeProps as w, nextTick as T, normalizeClass as E, openBlock as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, unref as N, useAttrs as P, useId as F, watch as I, withCtx as L } from "vue";
-import { Maximize2 as ne, Minimize2 as R, Search as z, X as re } from "@lucide/vue";
-//#region src/components/_shared/control-size.ts
-var B = {
-	sm: "[--control-pill-h:var(--control-h-sm)] [--control-pill-text:var(--control-text-sm)]",
-	md: "",
-	lg: "[--control-pill-h:var(--control-h-lg)]"
-}, V = (e = "md") => B[e], H = {
+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 S = {
 	inline: "",
-	bare: "border-none bg-transparent p-0 rounded-none",
-	floating: "border-none bg-transparent p-0 rounded-none"
+	floating: "",
+	bare: "border-none bg-transparent p-0 rounded-none"
 };
-function U(t = {}) {
-	return e(H[t.variant ?? "inline"], t.class, t.className);
+function C(t = {}) {
+	return e(S[t.variant ?? "inline"], t.class, t.className);
 }
 //#endregion
-//#region src/components/search/FuzzySearch.vue?vue&type=script&setup=true&lang.ts
-var W = {
-	class: "sr-only",
-	role: "status",
-	"aria-live": "polite",
-	"aria-atomic": "true"
-}, G = ["data-surface"], K = [
-	"placeholder",
-	"aria-label",
-	"aria-expanded",
-	"aria-controls",
-	"aria-activedescendant",
-	"value"
-], q = ["aria-label"], J = [
-	"id",
-	"aria-selected",
-	"data-highlighted",
-	"onClick",
-	"onMouseenter"
-], Y = { class: "fuzzy-search-label flex-1 min-w-0 truncate text-foreground/85" }, ie = {
-	key: 0,
-	class: "fuzzy-search-mark"
-}, ae = { 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)" }, oe = [
-	"placeholder",
-	"aria-label",
-	"aria-expanded",
-	"aria-controls",
-	"aria-activedescendant",
-	"value"
-], se = ["aria-label"], ce = [
-	"id",
-	"aria-selected",
-	"data-highlighted",
-	"onClick",
-	"onMouseenter"
-], le = { class: "fuzzy-search-label flex-1 min-w-0 truncate text-foreground/85" }, X = {
-	key: 0,
-	class: "fuzzy-search-mark"
-}, ue = {
-	key: 1,
-	class: "px-4 py-8 text-center text-muted-foreground/60"
-}, Z = /*#__PURE__*/ c(/* @__PURE__ */ C({
-	__name: "FuzzySearch",
-	props: {
-		state: {},
-		variant: { default: "inline" },
-		size: { default: "md" },
-		surface: { default: "glass" },
-		placeholder: { default: "Search…" },
-		ariaLabel: { default: "Search" },
-		typeLabel: {}
-	},
-	setup(e, { expose: c }) {
-		let u = e, d = F(), f = `${d}-inline-results`, p = `${d}-modal-results`, m = (e, t) => `${e}-${t}`, C = O(null), w = O(null), A = O(null), j = O(null), P = O(""), B = g({
-			get: () => u.state.isOpen.value && !u.state.isExpanded.value && u.state.results.value.length > 0,
-			set: (e) => {
-				e || u.state.close();
-			}
-		});
-		I(() => u.state.selectedIndex.value, () => {
-			T(() => (u.state.isExpanded.value ? j.value : A.value)?.querySelector(".fuzzy-search-result.is-selected")?.scrollIntoView({ block: "nearest" }));
-		}), I(() => u.state.isOpen.value, (e) => {
-			e && T(() => C.value?.focus());
-		}), I(() => u.state.isExpanded.value, (e) => {
-			e && T(() => w.value?.focus());
-		}), I([() => u.state.query.value.trim(), () => u.state.results.value], ([e, t]) => {
-			if (!e) P.value = "";
-			else {
-				let n = t.length === 0 ? "No results" : `${t.length} ${t.length === 1 ? "result" : "results"}`;
-				P.value = `${n} for “${e}”`;
-			}
-		}, { immediate: !0 });
-		function H() {
-			C.value?.focus();
-		}
-		c({ focus: H });
-		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 (c, u) => (D(), y("div", { class: E(["fuzzy-search relative", `fuzzy-search--${e.variant}`]) }, [
-			b("span", W, M(P.value), 1),
-			S(N(l), {
-				open: B.value,
-				"onUpdate:open": u[6] ||= (e) => B.value = e
-			}, {
-				default: L(() => [S(N(ee), { "as-child": "" }, {
-					default: L(() => [b("div", {
-						class: E(["input-bar", N(t)(N(V)(e.size), N(U)({ variant: e.variant }))]),
-						"data-surface": e.surface
-					}, [
-						S(N(z), { class: "size-(--search-icon-size) shrink-0 text-muted-foreground/70" }),
-						b("input", {
-							ref_key: "inputRef",
-							ref: C,
-							type: "search",
-							role: "combobox",
-							class: "input-bar-field",
-							placeholder: e.placeholder,
-							"aria-label": e.ariaLabel,
-							"aria-autocomplete": "list",
-							"aria-expanded": B.value,
-							"aria-controls": B.value ? f : void 0,
-							"aria-activedescendant": B.value ? m(f, e.state.selectedIndex.value) : void 0,
-							value: e.state.query.value,
-							onInput: u[0] ||= (t) => e.state.query.value = t.target.value,
-							onKeydown: u[1] ||= (...t) => e.state.onKeydown && e.state.onKeydown(...t),
-							onFocus: u[2] ||= (t) => e.state.isOpen.value = !0
-						}, null, 40, K),
-						e.state.query.value && e.state.results.value.length > 0 ? (D(), _(N(r), {
-							key: 0,
-							type: "button",
-							emphasis: "quiet",
-							iconOnly: "",
-							class: "size-(--search-button-size)",
-							"aria-label": e.state.isExpanded.value ? "Collapse search" : "Expand search",
-							title: e.state.isExpanded.value ? "Collapse" : "Expand",
-							onClick: u[3] ||= (t) => e.state.toggleExpanded()
-						}, {
-							default: L(() => [e.state.isExpanded.value ? (D(), _(N(R), {
-								key: 1,
-								class: "size-(--search-icon-size)"
-							})) : (D(), _(N(ne), {
-								key: 0,
-								class: "size-(--search-icon-size)"
-							}))]),
-							_: 1
-						}, 8, ["aria-label", "title"])) : v("", !0),
-						e.state.query.value ? (D(), _(N(r), {
-							key: 1,
-							type: "button",
-							emphasis: "quiet",
-							iconOnly: "",
-							class: "size-(--search-button-size)",
-							"aria-label": "Clear search",
-							title: "Clear search",
-							onClick: u[4] ||= (t) => e.state.close()
-						}, {
-							default: L(() => [S(N(re), { class: "size-(--search-icon-size)" })]),
-							_: 1
-						})) : v("", !0)
-					], 10, G)]),
-					_: 1
-				}), S(N(te), {
-					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: L(() => [b("div", {
-						id: f,
-						ref_key: "inlineListRef",
-						ref: A,
-						role: "listbox",
-						"aria-label": `${e.ariaLabel} results`
-					}, [(D(!0), y(h, null, k(e.state.results.value, (t, r) => (D(), y("button", {
-						id: m(f, r),
-						key: `${t.item.id}-${t.item.type}-${r}`,
-						type: "button",
-						role: "option",
-						tabindex: "-1",
-						"aria-selected": r === e.state.selectedIndex.value,
-						class: E(["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": r === e.state.selectedIndex.value }]),
-						"data-highlighted": r === e.state.selectedIndex.value ? "" : void 0,
-						onClick: (n) => e.state.selectResult(t),
-						onMouseenter: (t) => e.state.selectedIndex.value = r
-					}, [Q(t) ? (D(), _(N(n), {
-						key: 0,
-						variant: "secondary",
-						class: "shrink-0 text-(length:--search-result-text-secondary) font-bold uppercase tracking-wider"
-					}, {
-						default: L(() => [x(M(Q(t)), 1)]),
-						_: 2
-					}, 1024)) : v("", !0), b("span", Y, [(D(!0), y(h, null, k($(t), (e, t) => (D(), y(h, { key: t }, [e.matched ? (D(), y("mark", ie, M(e.text), 1)) : (D(), y(h, { key: 1 }, [x(M(e.text), 1)], 64))], 64))), 128))])], 42, J))), 128))], 8, q)]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["open"]),
-			S(N(i), {
-				open: e.state.isExpanded.value,
-				"onUpdate:open": u[11] ||= (t) => e.state.isExpanded.value = t
-			}, {
-				default: L(() => [S(N(o), {
-					surface: e.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: L(() => [
-						S(N(a), { class: "sr-only" }, {
-							default: L(() => [x(M(e.ariaLabel), 1)]),
-							_: 1
-						}),
-						S(N(s), { class: "sr-only" }, {
-							default: L(() => [...u[12] ||= [x(" Search and choose from the available results. ", -1)]]),
-							_: 1
-						}),
-						b("div", ae, [
-							S(N(z), { class: "size-(--search-icon-size) shrink-0 text-muted-foreground/70" }),
-							b("input", {
-								ref_key: "modalInputRef",
-								ref: w,
-								type: "search",
-								role: "combobox",
-								class: "input-bar-field flex-1 text-(length:--search-result-text)",
-								placeholder: e.placeholder,
-								"aria-label": e.ariaLabel,
-								"aria-autocomplete": "list",
-								"aria-expanded": e.state.isExpanded.value,
-								"aria-controls": e.state.results.value.length ? p : void 0,
-								"aria-activedescendant": e.state.results.value.length ? m(p, e.state.selectedIndex.value) : void 0,
-								value: e.state.query.value,
-								onInput: u[7] ||= (t) => e.state.query.value = t.target.value,
-								onKeydown: u[8] ||= (...t) => e.state.onKeydown && e.state.onKeydown(...t)
-							}, null, 40, oe),
-							S(N(r), {
-								type: "button",
-								emphasis: "quiet",
-								iconOnly: "",
-								class: "size-(--search-button-size)",
-								"aria-label": "Collapse search",
-								title: "Collapse",
-								onClick: u[9] ||= (t) => e.state.toggleExpanded()
-							}, {
-								default: L(() => [S(N(R), { class: "size-(--search-icon-size)" })]),
-								_: 1
-							})
-						]),
-						e.state.results.value.length > 0 ? (D(), y("div", {
-							key: 0,
-							id: p,
-							ref_key: "modalListRef",
-							ref: j,
-							role: "listbox",
-							"aria-label": `${e.ariaLabel} results`,
-							class: "flex-1 min-h-0 overflow-y-auto overscroll-contain p-1.5"
-						}, [(D(!0), y(h, null, k(e.state.results.value, (t, r) => (D(), y("button", {
-							id: m(p, r),
-							key: `modal-${t.item.id}-${t.item.type}-${r}`,
-							type: "button",
-							role: "option",
-							tabindex: "-1",
-							"aria-selected": r === e.state.selectedIndex.value,
-							class: E(["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": r === e.state.selectedIndex.value }]),
-							"data-highlighted": r === e.state.selectedIndex.value ? "" : void 0,
-							onClick: (n) => e.state.selectResult(t),
-							onMouseenter: (t) => e.state.selectedIndex.value = r
-						}, [Q(t) ? (D(), _(N(n), {
-							key: 0,
-							variant: "secondary",
-							class: "shrink-0 text-(length:--search-result-text-secondary) font-bold uppercase tracking-wider"
-						}, {
-							default: L(() => [x(M(Q(t)), 1)]),
-							_: 2
-						}, 1024)) : v("", !0), b("span", le, [(D(!0), y(h, null, k($(t), (e, t) => (D(), y(h, { key: t }, [e.matched ? (D(), y("mark", X, M(e.text), 1)) : (D(), y(h, { key: 1 }, [x(M(e.text), 1)], 64))], 64))), 128))])], 42, ce))), 128))], 8, se)) : (D(), y("div", ue, "No results")),
-						u[13] ||= 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")
-							]),
-							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
-				}, 8, ["surface"])]),
-				_: 1
-			}, 8, ["open"])
-		], 2));
-	}
-}), [["__scopeId", "data-v-7a2d273a"]]), Q = ["value", "placeholder"], $ = /* @__PURE__ */ C({
+//#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: {
@@ -318,35 +27,35 @@ var W = {
 		variant: { default: "inline" }
 	},
 	emits: ["update:modelValue"],
-	setup(e, { expose: n, emit: r }) {
-		let i = r, a = P(), o = g(() => {
-			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;
-		}), s = O(null);
-		return n({ inputRef: s }), (n, r) => (D(), _(j(e.tag), {
-			class: E(N(t)("input-bar", N(V)(e.size), N(U)({ variant: e.variant }), n.$attrs.class)),
+		}), 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: L(() => [
-				(D(), _(j(e.icon ?? N(z)), {
+			default: b(() => [
+				(m(), l(_(e.icon ?? v(x)), {
 					class: "size-(--search-icon-size) text-muted-foreground shrink-0",
 					"aria-hidden": "true"
 				})),
-				b("input", w({
+				u("input", f({
 					ref_key: "inputRef",
-					ref: s,
+					ref: d,
 					type: "search"
-				}, o.value, {
+				}, s.value, {
 					value: e.modelValue,
 					placeholder: e.placeholder,
 					class: "input-bar-field",
-					onInput: r[0] ||= (e) => i("update:modelValue", e.target.value)
-				}), null, 16, Q),
-				A(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 { Z as FuzzySearch, $ as SearchBar, f as buildIndex, p as clearSearchCache, d as fuzzyMatch, U as searchFieldVariants, u as searchIndex, m 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-BcBAyLXA.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 };