@bridge-ui/vue 0.0.4 → 0.0.6

package/dist/Components/Select/composables/useSelect.js

@@ -1,14 +1,14 @@
-import { hasNamedSlot as e } from "../../../Utils/slotOrProp.js";
-import { mergePartBind as t, resolveFieldAdornmentIconSize as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
-import { formFieldBridgeKeys as te, useFormField as i } from "../../FormField/composables/useFormField.js";
-import { useListboxNavigation as ne } from "../../Listbox/composables/useListboxNavigation.js";
-import { Comment as re, Text as ie, computed as a, nextTick as ae, onBeforeUnmount as oe, onMounted as se, ref as o, useAttrs as ce, useId as le, useSlots as ue, watch as s } from "vue";
-import { get as c, isNil as de, omit as fe } from "es-toolkit/compat";
-import { adjustAutosizeTextareaHeight as pe, cn as l, createSelectAsyncSearch as me, filterListboxEntries as he, flattenListboxOptions as u, mergeBridgeUILayeredClasses as d, normalizeListboxEntries as f, normalizeSelectOptions as ge, resolveSelectAsyncDebounce as _e, resolveSelectAsyncOptions as ve, selectValuesEqual as p, splitComponentProps as ye } from "@bridge-ui/core";
-import { ChevronsUpDown as be } from "@lucide/vue";
-import { colorProps as xe, invalidatedProps as Se } from "@bridge-ui/core/Tokens/Listbox";
+import { useI18nAdapter as e } from "../../../Adapters/I18n/useI18nAdapter.js";
+import { hasNamedSlot as t } from "../../../Utils/slotOrProp.js";
+import { mergePartBind as n, resolveFieldAdornmentIconSize as r, useBridgeUIComponent as ee, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
+import { formFieldBridgeKeys as te, useFormField as ne } from "../../FormField/composables/useFormField.js";
+import { useListboxNavigation as re } from "../../Listbox/composables/useListboxNavigation.js";
+import { Comment as ie, Text as ae, computed as a, nextTick as o, onBeforeUnmount as oe, onMounted as se, ref as s, useAttrs as ce, useId as le, useSlots as ue, watch as c } from "vue";
+import { get as l, isNil as de, omit as fe } from "es-toolkit/compat";
+import { adjustAutosizeTextareaHeight as pe, cn as u, createSelectAsyncSearch as me, filterListboxEntries as he, flattenListboxOptions as d, mergeBridgeUILayeredClasses as f, normalizeListboxEntries as p, normalizeSelectOptions as ge, resolveMessage as m, resolveSelectAsyncDebounce as _e, resolveSelectAsyncOptions as ve, selectValuesEqual as h, splitComponentProps as ye } from "@bridge-ui/core";
+import { colorProps as be, invalidatedProps as xe } from "@bridge-ui/core/Tokens/Listbox";
 //#region src/Components/Select/composables/useSelect.ts
-var Ce = [
+var Se = [
 	"classes",
 	"loading",
 	"options",
@@ -29,333 +29,333 @@ var Ce = [
 	"minItemsForSearch",
 	"optionDescription"
 ];
-function m(m, h, g, _, we) {
-	let Te = ce(), v = ue(), y = le(), b = o(!1), x = o(""), S = o(-1), C = o(null), w = o(!1), T = o([]), E = null, D = o([]), O = a(() => ye({
-		bridgeKeys: Ce,
+function g(g, _, v, y, b) {
+	let Ce = ce(), x = ue(), S = e(), C = le(), w = s(!1), T = s(""), E = s(-1), we = s(null), D = s(!1), O = s([]), k = null, A = s([]), Te = a(() => ye({
+		bridgeKeys: Se,
 		props: {
-			...Te,
-			...m
+			...Ce,
+			...g
 		}
-	})), k = a(() => O.value.componentProps), A = a(() => ({ classes: k.value.classes })), { components: j, entry: Ee } = r({
+	})), j = a(() => Te.value.componentProps), Ee = a(() => ({ classes: j.value.classes })), { components: M, entry: De } = ee({
 		componentName: "Select",
-		props: () => A.value
-	}), M = ee({
-		entry: Ee,
-		props: () => A.value
-	}), N = a(() => !!k.value.multiple), P = a(() => ({
-		optionLabel: k.value.optionLabel ?? "label",
-		optionValue: k.value.optionValue ?? "value",
-		optionDescription: k.value.optionDescription ?? "description"
-	})), F = a(() => we.value.length > 0 ? we.value.map((e) => ({
+		props: () => Ee.value
+	}), N = i({
+		entry: De,
+		props: () => Ee.value
+	}), P = a(() => !!j.value.multiple), F = a(() => ({
+		optionLabel: j.value.optionLabel ?? "label",
+		optionValue: j.value.optionValue ?? "value",
+		optionDescription: j.value.optionDescription ?? "description"
+	})), I = a(() => b.value.length > 0 ? b.value.map((e) => ({
 		option: e,
 		type: "option"
-	})) : f(k.value.options, P.value)), De = a(() => u(F.value)), I = o([]);
-	function Oe(e) {
+	})) : p(j.value.options, F.value)), Oe = a(() => d(I.value)), L = s([]);
+	function ke(e) {
 		if (!e || typeof e != "object") return !1;
 		let t = e.type;
 		if (!t || typeof t != "object") return !1;
 		let n = t.name, r = t.__name;
 		return n === "SelectOption" || r === "SelectOption";
 	}
-	function ke() {
-		return e(v, "default") ? (v.default?.({}) ?? []).some((e) => {
+	function Ae() {
+		return t(x, "default") ? (x.default?.({}) ?? []).some((e) => {
 			if (!e || typeof e != "object") return !1;
 			let t = e.type;
-			return t === re || t === ie || t === void 0 || typeof t == "symbol" ? !1 : !Oe(e);
+			return t === ie || t === ae || t === void 0 || typeof t == "symbol" ? !1 : !ke(e);
 		}) : !1;
 	}
-	let L = a(() => ke() && !k.value.options?.length), R = a(() => {
-		if (L.value) return [];
-		if (T.value.length > 0) {
-			let e = f(T.value, P.value);
-			return k.value.flipOptions ? [...e].reverse() : e;
+	let R = a(() => Ae() && !j.value.options?.length), z = a(() => {
+		if (R.value) return [];
+		if (O.value.length > 0) {
+			let e = p(O.value, F.value);
+			return j.value.flipOptions ? [...e].reverse() : e;
 		}
-		return k.value.flipOptions ? [...F.value].reverse().map((e) => e.type === "section" ? {
+		return j.value.flipOptions ? [...I.value].reverse().map((e) => e.type === "section" ? {
 			...e,
 			options: [...e.options].reverse()
-		} : e) : F.value;
-	}), Ae = a(() => L.value ? I.value : u(R.value)), z = a(() => {
-		let e = h.value;
-		return N.value ? Array.isArray(e) ? e : [] : !de(e) && e !== "" ? [e] : [];
-	}), B = a(() => {
+		} : e) : I.value;
+	}), je = a(() => R.value ? L.value : d(z.value)), B = a(() => {
+		let e = _.value;
+		return P.value ? Array.isArray(e) ? e : [] : !de(e) && e !== "" ? [e] : [];
+	}), V = a(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of [...Ae.value, ...D.value]) e.set(t.value, t);
-		return z.value.map((t) => e.get(t) ?? {
+		for (let t of [...je.value, ...A.value]) e.set(t.value, t);
+		return B.value.map((t) => e.get(t) ?? {
 			value: t,
 			label: String(t)
 		});
-	}), je = a(() => z.value.length > 0), Me = a(() => k.value.clearable !== !1), V = a(() => !!k.value.asyncData), H = a(() => {
-		if (V.value || k.value.searchable) return !0;
-		let e = k.value.minItemsForSearch ?? 11;
-		return De.value.length >= e;
-	}), U = a(() => b.value && H.value), Ne = a(() => !!k.value.loading || w.value), Pe = a(() => {
-		if (L.value) return [];
-		if (!U.value || !x.value.trim()) return R.value;
-		let e = x.value.trim().toLowerCase();
-		return he(R.value, (t) => t.label.toLowerCase().includes(e));
-	}), W = a(() => L.value ? I.value : u(Pe.value)), G = ne(() => W.value, S, y), Fe = a(() => m.readonly || m.disabled ? !0 : !U.value), Ie = a(() => U.value || N.value ? x.value : B.value[0]?.label ?? ""), Le = (e) => {
-		C.value = e instanceof HTMLElement ? e : null;
+	}), Me = a(() => B.value.length > 0), Ne = a(() => j.value.clearable !== !1), H = a(() => !!j.value.asyncData), U = a(() => {
+		if (H.value || j.value.searchable) return !0;
+		let e = j.value.minItemsForSearch ?? 11;
+		return Oe.value.length >= e;
+	}), W = a(() => w.value && U.value), Pe = a(() => !!j.value.loading || D.value), Fe = a(() => {
+		if (R.value) return [];
+		if (!W.value || !T.value.trim()) return z.value;
+		let e = T.value.trim().toLowerCase();
+		return he(z.value, (t) => t.label.toLowerCase().includes(e));
+	}), G = a(() => R.value ? L.value : d(Fe.value)), K = re(() => G.value, E, C), Ie = a(() => g.readonly || g.disabled ? !0 : !W.value), Le = a(() => W.value || P.value ? T.value : V.value[0]?.label ?? ""), Re = (e) => {
+		we.value = e instanceof HTMLElement ? e : null;
 	};
-	function Re(e) {
+	function ze(e) {
 		e.preventDefault();
 	}
-	function ze(e) {
-		if (m.disabled || m.readonly) return;
+	function Be(e) {
+		if (g.disabled || g.readonly) return;
 		let t = e.target;
 		if (!t.closest("[data-select-clear]") && !(t.closest(".wrapper-start-slot") || t.closest(".wrapper-end-slot"))) {
-			if (!b.value) {
-				Z();
+			if (!w.value) {
+				Q();
 				return;
 			}
-			U.value || (Q(), g.value?.focus({ preventScroll: !0 }));
+			W.value || ($(), v.value?.focus({ preventScroll: !0 }));
 		}
 	}
-	let Be = a(() => {
-		let n = ye({
+	let Ve = a(() => {
+		let e = ye({
 			bridgeKeys: te,
-			props: fe(O.value.inheritedAttrs, ["class"])
-		}).componentProps, r = n.endIcon ?? (e(v, "end") ? void 0 : be), { listbox: ee, ...i } = n.customProps ?? {};
+			props: fe(Te.value.inheritedAttrs, ["class"])
+		}).componentProps, r = e.endIcon ?? (t(x, "end") ? void 0 : "chevronUpDown"), { listbox: ee, ...i } = e.customProps ?? {};
 		return {
-			...n,
+			...e,
 			endIcon: r,
-			classes: M.value,
+			classes: N.value,
 			customProps: {
 				...i,
-				container: t(i.container, {}, {
-					ref: Le,
-					onClick: ze,
-					class: l({ "cursor-pointer": !m.disabled && !m.readonly && !U.value })
+				container: n(i.container, {}, {
+					ref: Re,
+					onClick: Be,
+					class: u({ "cursor-pointer": !g.disabled && !g.readonly && !W.value })
 				})
 			}
 		};
-	}), Ve = a(() => m.customProps?.listbox), K = i(() => Be.value, {
+	}), He = a(() => g.customProps?.listbox), q = ne(() => Ve.value, {
 		size: "md",
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
 		withErrorIcon: !0
 	}, {
-		likeInput: () => N.value,
-		control: () => N.value ? "textarea" : "input"
-	}), q = (e) => {
-		!e || !N.value || pe(e);
+		likeInput: () => P.value,
+		control: () => P.value ? "textarea" : "input"
+	}), J = (e) => {
+		!e || !P.value || pe(e);
 	};
-	function J(e) {
-		return z.value.some((t) => p(t, e));
-	}
 	function Y(e) {
-		h.value = e;
+		return B.value.some((t) => h(t, e));
 	}
 	function X(e) {
-		if (N.value) {
+		_.value = e;
+	}
+	function Z(e) {
+		if (P.value) {
 			let t = Array.isArray(e) ? e : [];
-			_("update:modelValue", t), _("change", t);
+			y("update:modelValue", t), y("change", t);
 			return;
 		}
 		let t = e ?? "";
-		_("update:modelValue", t), _("change", t);
-	}
-	function Z() {
-		m.disabled || m.readonly || b.value || (b.value = !0, x.value = "", G.highlightCurrentSelection(J), _("open"), V.value && k.value.asyncData && E?.searchImmediate(""));
+		y("update:modelValue", t), y("change", t);
 	}
 	function Q() {
-		E?.cancel(), b.value && (b.value = !1, x.value = "", S.value = -1, _("close"));
+		g.disabled || g.readonly || w.value || (w.value = !0, T.value = "", K.highlightCurrentSelection(Y), y("open"), H.value && j.value.asyncData && k?.searchImmediate(""));
 	}
-	function $(e) {
+	function $() {
+		k?.cancel(), w.value && (w.value = !1, T.value = "", E.value = -1, y("close"));
+	}
+	function Ue(e) {
 		if (!e.disabled) {
-			if (N.value) {
-				let t = [...z.value], n = t.findIndex((t) => p(t, e.value));
-				n >= 0 ? (t.splice(n, 1), _("deselect", e)) : (t.push(e.value), _("select", e)), Y(t), X(t), x.value = "", S.value = -1, ae(() => {
-					q(g.value), g.value?.focus({ preventScroll: !0 });
+			if (P.value) {
+				let t = [...B.value], n = t.findIndex((t) => h(t, e.value));
+				n >= 0 ? (t.splice(n, 1), y("deselect", e)) : (t.push(e.value), y("select", e)), X(t), Z(t), T.value = "", E.value = -1, o(() => {
+					J(v.value), v.value?.focus({ preventScroll: !0 });
 				});
 				return;
 			}
-			Y(e.value), X(e.value), _("select", e), Q();
+			X(e.value), Z(e.value), y("select", e), $();
 		}
 	}
-	function He(e) {
-		e?.preventDefault(), e?.stopPropagation(), N.value ? (Y([]), X([])) : (Y(null), X(null)), _("clear"), Q();
+	function We(e) {
+		e?.preventDefault(), e?.stopPropagation(), P.value ? (X([]), Z([])) : (X(null), Z(null)), y("clear"), $();
 	}
-	function Ue(e, t) {
-		if (t.preventDefault(), t.stopPropagation(), !N.value) return;
-		let n = z.value.filter((t) => !p(t, e.value));
-		Y(n), X(n), _("deselect", e), ae(() => q(g.value));
+	function Ge(e, t) {
+		if (t.preventDefault(), t.stopPropagation(), !P.value) return;
+		let n = B.value.filter((t) => !h(t, e.value));
+		X(n), Z(n), y("deselect", e), o(() => J(v.value));
 	}
-	function We() {
-		let e = G.getHighlightedOption();
-		e && $(e);
+	function Ke() {
+		let e = K.getHighlightedOption();
+		e && Ue(e);
 	}
-	function Ge(e) {
-		x.value = e.target.value, _("search", x.value), b.value || Z(), G.resetHighlight(), V.value && E?.searchDebounced(x.value);
+	function qe(e) {
+		T.value = e.target.value, y("search", T.value), w.value || Q(), K.resetHighlight(), H.value && k?.searchDebounced(T.value);
 	}
-	function Ke(e) {
-		if (!(m.disabled || m.readonly)) switch (e.key) {
+	function Je(e) {
+		if (!(g.disabled || g.readonly)) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), b.value ? G.moveHighlight(1) : Z();
+				e.preventDefault(), w.value ? K.moveHighlight(1) : Q();
 				break;
 			case "ArrowUp":
-				e.preventDefault(), b.value ? G.moveHighlight(-1) : Z();
+				e.preventDefault(), w.value ? K.moveHighlight(-1) : Q();
 				break;
 			case "Enter":
-				e.preventDefault(), b.value ? We() : Z();
+				e.preventDefault(), w.value ? Ke() : Q();
 				break;
 			case "Escape":
-				e.preventDefault(), Q();
+				e.preventDefault(), $();
 				break;
 			case "Home":
-				b.value && (e.preventDefault(), G.highlightFirst());
+				w.value && (e.preventDefault(), K.highlightFirst());
 				break;
 			case "End":
-				b.value && (e.preventDefault(), G.highlightLast());
+				w.value && (e.preventDefault(), K.highlightLast());
 				break;
 			case "Backspace":
-				if (N.value && !x.value && B.value.length > 0) {
+				if (P.value && !T.value && V.value.length > 0) {
 					e.preventDefault();
-					let t = B.value.at(-1);
-					t && Ue(t, e);
+					let t = V.value.at(-1);
+					t && Ge(t, e);
 				}
 				break;
 			case "Tab":
-				Q();
+				$();
 				break;
 			default: break;
 		}
 	}
-	async function qe(e) {
-		let t = k.value.asyncData;
+	async function Ye(e) {
+		let t = j.value.asyncData;
 		if (t) {
-			w.value = !0;
+			D.value = !0;
 			try {
-				let { options: n, resolvedSelected: r } = await ve(t, e, z.value, (e) => ge(e, P.value));
-				r.length > 0 && (D.value = r), T.value = n;
+				let { options: n, resolvedSelected: r } = await ve(t, e, B.value, (e) => ge(e, F.value));
+				r.length > 0 && (A.value = r), O.value = n;
 			} finally {
-				w.value = !1;
+				D.value = !1;
 			}
 		}
 	}
-	async function Je() {
-		let e = k.value.asyncData;
-		!e?.resolve || z.value.length === 0 || (D.value = ge(await e.resolve(z.value), P.value));
+	async function Xe() {
+		let e = j.value.asyncData;
+		!e?.resolve || B.value.length === 0 || (A.value = ge(await e.resolve(B.value), F.value));
 	}
-	let Ye = a(() => {
-		let e = c(d(xe, c(j.value, [
+	let Ze = a(() => {
+		let e = l(f(be, l(M.value, [
 			"Listbox",
 			"tokens",
 			"color"
-		])), K.merged.value.color ?? "primary");
-		return K.invalidated.value ? d(Se, c(j.value, [
+		])), q.merged.value.color ?? "primary");
+		return q.invalidated.value ? f(xe, l(M.value, [
 			"Listbox",
 			"tokens",
 			"invalidated"
 		])) : e;
-	}), Xe = a(() => Ye.value?.value), Ze = a(() => {
-		let e = !m.disabled && !m.readonly && !U.value, n = !m.disabled && !m.readonly && U.value && H.value, r = je.value && !N.value && !U.value;
-		return t({
+	}), Qe = a(() => Ze.value?.value), $e = a(() => {
+		let e = !g.disabled && !g.readonly && !W.value, t = !g.disabled && !g.readonly && W.value && U.value, r = Me.value && !P.value && !W.value;
+		return n({
 			role: "combobox",
-			value: Ie.value,
-			"aria-controls": y,
-			"aria-expanded": b.value,
-			readonly: Fe.value,
-			onKeydown: Ke,
-			placeholder: k.value.placeholder,
-			"aria-autocomplete": H.value ? "list" : void 0,
-			"aria-activedescendant": b.value ? G.activeDescendantId.value : void 0,
-			...N.value ? {
+			value: Le.value,
+			"aria-controls": C,
+			"aria-expanded": w.value,
+			readonly: Ie.value,
+			onKeydown: Je,
+			placeholder: j.value.placeholder,
+			"aria-autocomplete": U.value ? "list" : void 0,
+			"aria-activedescendant": w.value ? K.activeDescendantId.value : void 0,
+			...P.value ? {
 				rows: 1,
 				onInput: (e) => {
-					Ge(e), q(e.target);
+					qe(e), J(e.target);
 				}
-			} : { onInput: Ge }
-		}, K.inputBind.value, l({
-			"cursor-text": n,
+			} : { onInput: qe }
+		}, q.inputBind.value, u({
+			"cursor-text": t,
 			"cursor-pointer": e,
-			"resize-none overflow-hidden": N.value,
-			[l(Xe.value, M.value.value) ?? ""]: r
+			"resize-none overflow-hidden": P.value,
+			[u(Qe.value, N.value.value) ?? ""]: r
 		}));
 	});
-	s(() => [
-		b.value,
-		N.value,
-		g.value
+	c(() => [
+		w.value,
+		P.value,
+		v.value
 	], () => {
-		q(g.value);
-	}, { immediate: !0 }), s(() => h.value, () => {
-		Je();
-	}, { immediate: !0 }), s(() => k.value.asyncData, (e) => {
-		if (E?.cancel(), T.value = [], Je(), !e) {
-			E = null;
+		J(v.value);
+	}, { immediate: !0 }), c(() => _.value, () => {
+		Xe();
+	}, { immediate: !0 }), c(() => j.value.asyncData, (e) => {
+		if (k?.cancel(), O.value = [], Xe(), !e) {
+			k = null;
 			return;
 		}
-		E = me((e) => void qe(e), _e(e));
+		k = me((e) => void Ye(e), _e(e));
 	}, { immediate: !0 }), oe(() => {
-		E?.cancel();
+		k?.cancel();
 	}), se(() => {
-		q(g.value);
+		J(v.value);
 	});
-	let Qe = a(() => n(K.merged.value.size)), $e = a(() => t({}, {}, {
+	let et = a(() => r(q.merged.value.size)), tt = a(() => n({}, {}, {
 		tabindex: 0,
 		role: "button",
 		"data-select-clear": !0,
-		onMousedown: Re,
-		class: l({
+		onMousedown: ze,
+		class: u({
 			"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm transition-colors duration-150": !0,
-			[Ye.value?.clear ?? ""]: !0,
-			[M.value.clear ?? ""]: !0
+			[Ze.value?.clear ?? ""]: !0,
+			[N.value.clear ?? ""]: !0
 		})
-	})), et = a(() => ({
-		listboxId: y,
-		isSelected: J,
+	})), nt = a(() => ({
+		listboxId: C,
+		isSelected: Y,
 		disableAutoFocus: !0,
-		loading: Ne.value,
-		multiple: N.value,
-		maxHeight: m.maxHeight,
-		entries: Pe.value,
-		options: W.value,
-		size: K.merged.value.size,
-		color: K.merged.value.color,
-		labelledBy: K.controlId.value,
-		rounded: K.merged.value.rounded,
-		invalidated: K.invalidated.value,
-		highlightedIndex: S.value,
-		disableMaxHeight: m.disableMaxHeight === !0,
-		emptyMessage: k.value.emptyMessage ?? "No options",
-		hideEmptyMessage: k.value.hideEmptyMessage === !0,
-		loadingMessage: k.value.loadingMessage ?? "Loading...",
-		...Ve.value
+		loading: Pe.value,
+		multiple: P.value,
+		maxHeight: g.maxHeight,
+		entries: Fe.value,
+		options: G.value,
+		size: q.merged.value.size,
+		color: q.merged.value.color,
+		labelledBy: q.controlId.value,
+		rounded: q.merged.value.rounded,
+		invalidated: q.invalidated.value,
+		highlightedIndex: E.value,
+		disableMaxHeight: g.disableMaxHeight === !0,
+		hideEmptyMessage: j.value.hideEmptyMessage === !0,
+		emptyMessage: j.value.emptyMessage ?? m("No options", S.value),
+		loadingMessage: j.value.loadingMessage ?? m("Loading...", S.value),
+		...He.value
 	}));
-	function tt(e) {
-		let t = I.value;
-		t.length === e.length && t.every((t, n) => String(t.value) === String(e[n]?.value)) || (I.value = e);
+	function rt(e) {
+		let t = L.value;
+		t.length === e.length && t.every((t, n) => String(t.value) === String(e[n]?.value)) || (L.value = e);
 	}
 	return {
-		open: b,
-		slots: v,
-		hasValue: je,
-		multiple: N,
-		listboxId: y,
-		formField: K,
-		isLoading: Ne,
-		clearable: Me,
-		clearBind: $e,
-		isSelected: J,
-		clearValue: He,
-		removeChip: Ue,
-		triggerBind: Ze,
-		selectOption: $,
-		containerRef: C,
-		listboxProps: et,
-		clearIconSize: Qe,
-		mergedClasses: M,
-		visibleOptions: W,
-		isSearchActive: U,
-		selectedOptions: B,
-		hasComposedList: L,
-		highlightedIndex: S,
-		handleRegisteredOptionsChange: tt,
-		emptyMessage: a(() => k.value.emptyMessage ?? "No options"),
-		hideEmptyMessage: a(() => k.value.hideEmptyMessage === !0),
-		loadingMessage: a(() => k.value.loadingMessage ?? "Loading...")
+		open: w,
+		slots: x,
+		hasValue: Me,
+		multiple: P,
+		listboxId: C,
+		formField: q,
+		isLoading: Pe,
+		clearable: Ne,
+		clearBind: tt,
+		isSelected: Y,
+		clearValue: We,
+		removeChip: Ge,
+		triggerBind: $e,
+		selectOption: Ue,
+		containerRef: we,
+		listboxProps: nt,
+		clearIconSize: et,
+		mergedClasses: N,
+		visibleOptions: G,
+		isSearchActive: W,
+		selectedOptions: V,
+		hasComposedList: R,
+		highlightedIndex: E,
+		handleRegisteredOptionsChange: rt,
+		hideEmptyMessage: a(() => j.value.hideEmptyMessage === !0),
+		emptyMessage: a(() => j.value.emptyMessage ?? m("No options", S.value)),
+		loadingMessage: a(() => j.value.loadingMessage ?? m("Loading...", S.value))
 	};
 }
 //#endregion
-export { m as useSelect };
+export { g as useSelect };