super-select-react 0.9.0

package/dist/super-select-react.js

@@ -0,0 +1,2410 @@
+import { Children as e, Fragment as t, isValidElement as n, useCallback as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/utils/cx.ts
+function f(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/modal-select/CloseButton.tsx
+function p({ className: e, style: t, disabled: n, tabIndex: r, title: i, onClick: a, customization: o }) {
+	let s = o?.classNamePrefix ?? "super-select", c = s.length > 0 ? `${s}__` : "";
+	return /* @__PURE__ */ u("button", {
+		type: "button",
+		className: f(`${c}btn-close`, e),
+		style: t,
+		disabled: n,
+		onClick: a,
+		tabIndex: r,
+		title: i,
+		children: /* @__PURE__ */ u("span", {
+			className: `${c}visually-hidden`,
+			children: o?.content ?? /* @__PURE__ */ u(l, { children: "×" })
+		})
+	});
+}
+//#endregion
+//#region src/modal-select/Modal.tsx
+function m({ customization: e, headerContent: t, footerContent: n, children: a, open: o, className: c, ref: l, ...m }) {
+	let h = e?.classNamePrefix ?? "super-select", g = h.length > 0 ? `${h}__` : "", _ = s(null), { onClose: v, onCancel: y, onClick: b, ...x } = m, S = e?.closeButton?.component ?? p, C = r((e) => {
+		if (_.current = e, l) {
+			if (typeof l == "function") {
+				l(e);
+				return;
+			}
+			l.current = e;
+		}
+	}, [l]);
+	i(() => {
+		let e = _.current;
+		e && (o && !e.open && e.showModal(), !o && e.open && e.close());
+	}, [o]);
+	let w = r(() => {
+		let e = _.current;
+		e?.open && e.close();
+	}, []);
+	return /* @__PURE__ */ u("dialog", {
+		...x,
+		ref: C,
+		"aria-modal": "true",
+		onClose: v,
+		onCancel: (e) => {
+			y && (e.preventDefault(), y());
+		},
+		onClick: b,
+		className: f(`${g}modal`, `${g}border-0`, `${g}bg-transparent`, `${g}fade`, o ? `${g}show` : void 0, o ? `${g}d-block` : void 0, c),
+		children: /* @__PURE__ */ u("div", {
+			className: f(`${g}modal-dialog`, `${g}modal-dialog-scrollable`, e?.dialog?.className),
+			style: e?.dialog?.style,
+			children: /* @__PURE__ */ d("div", {
+				className: f(`${g}modal-content`, e?.content?.className),
+				style: e?.content?.style,
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: f(`${g}modal-header`, e?.header?.className),
+						style: e?.header?.style,
+						children: [t, /* @__PURE__ */ u(S, {
+							className: e?.closeButton?.className,
+							style: e?.closeButton?.style,
+							title: e?.closeButton?.title,
+							onClick: w,
+							tabIndex: -1,
+							customization: {
+								classNamePrefix: h,
+								content: e?.closeButton?.content
+							}
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: f(`${g}modal-body`, e?.body?.className),
+						style: e?.body?.style,
+						children: a
+					}),
+					n && /* @__PURE__ */ u("div", {
+						className: f(`${g}modal-footer`, e?.footer?.className),
+						style: e?.footer?.style,
+						children: n
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/option-list-select/EmptyIndicator.tsx
+var h = "−", g = "↻";
+function _({ className: e, style: t, onRetry: n, customization: r }) {
+	let i = r?.classNamePrefix ?? "super-select", a = i.length > 0 ? `${i}__` : "";
+	return /* @__PURE__ */ d("div", {
+		className: f(`${a}alert`, `${a}alert-info`, n && `${a}alert-dismissible`, e),
+		style: t,
+		children: [
+			r?.content ?? /* @__PURE__ */ u("span", {
+				"aria-hidden": !0,
+				children: h
+			}),
+			" ",
+			n && /* @__PURE__ */ u("button", {
+				type: "button",
+				className: f(`${a}btn`, `${a}btn-outline-secondary`, `${a}btn-sm`, r?.retryButton?.className),
+				style: r?.retryButton?.style,
+				title: r?.retryButton?.title,
+				onClick: n,
+				children: r?.retryButton?.content ?? g
+			})
+		]
+	});
+}
+//#endregion
+//#region src/option-list-select/MoreIndicator.tsx
+var v = "+";
+function y({ className: e, style: t, disabled: n, onLoadMore: r, customization: i }) {
+	let a = i?.classNamePrefix ?? "super-select", o = a.length > 0 ? `${a}__` : "";
+	return r ? /* @__PURE__ */ u("button", {
+		type: "button",
+		className: f(`${o}btn`, `${o}btn-outline-secondary`, `${o}btn-sm`, e, i?.loadMoreButton?.className),
+		style: t || i?.loadMoreButton?.style ? {
+			...t,
+			...i?.loadMoreButton?.style
+		} : void 0,
+		title: i?.loadMoreButton?.title,
+		onClick: r,
+		disabled: n,
+		children: i?.loadMoreButton?.content ?? v
+	}) : /* @__PURE__ */ u("div", {
+		className: f(`${o}text-body-secondary`, `${o}overflow-indicator`, e, i?.overflowIndicator?.className),
+		style: t || i?.overflowIndicator?.style ? {
+			...t,
+			...i?.overflowIndicator?.style
+		} : void 0,
+		title: i?.overflowIndicator?.title,
+		children: i?.overflowIndicator?.content ?? /* @__PURE__ */ u(l, { children: "…" })
+	});
+}
+//#endregion
+//#region src/utils/normalizeSelectValue.ts
+function b(e) {
+	return Array.isArray(e) ? e.map(String) : typeof e == "string" && e.length > 0 ? [e] : typeof e == "number" ? [String(e)] : [];
+}
+//#endregion
+//#region src/option-list-select/OptionListInput.tsx
+function x({ autoComplete: e, autoFocus: t, className: n, disabled: r, form: l, id: p, multiple: m, name: h, required: g, style: _, tabIndex: v, title: y, options: x, value: C, onValueChange: w, onOptionClick: T, onOptionKeyDown: E, indicator: D, customization: O, ref: k, ...A }) {
+	let j = O?.classNamePrefix ?? "super-select", M = j.length > 0 ? `${j}__` : "", N = s(null), [P, F] = c(void 0), I = a(), L = o(() => x.find((e) => e.hidden) ? x.filter((e) => !e.hidden) : x, [x]), R = o(() => S(L), [L]), z = o(() => R.length > 1 ? R.flatMap((e) => e.options) : L, [R, L]), B = o(() => {
+		let e = b(C);
+		return m ? e : e.slice(0, 1);
+	}, [m, C]), V = o(() => new Set(B), [B]), H = o(() => z.find((e) => !e.disabled)?.value, [z]), ee = o(() => {
+		if (!(v === void 0 || v === -1)) return m ? H : z.find((e) => V.has(e.value) && !e.disabled)?.value ?? H;
+	}, [
+		H,
+		m,
+		z,
+		V,
+		v
+	]), U = o(() => new Set(z.map((e) => e.value)), [z]), W = o(() => h ? B.filter((e) => !U.has(e)) : [], [
+		U,
+		h,
+		B
+	]), te = o(() => {
+		if (t) return z.find((e) => !(r || e.disabled))?.value;
+	}, [
+		t,
+		r,
+		z
+	]), ne = o(() => z.find((e) => e.value === P && !e.disabled)?.value || z.find((e) => V.has(e.value) && !e.disabled)?.value || H, [
+		H,
+		P,
+		z,
+		V
+	]);
+	i(() => {
+		!ne || P === void 0 || N.current?.scrollIntoView({ block: "nearest" });
+	}, [ne, P]);
+	let re = (e) => {
+		r || w(m ? B.includes(e) ? B.filter((t) => t !== e) : [...B, e] : [e]);
+	}, G = m ? h : h ?? `option-list-${I}`, K = A["aria-label"] ?? h;
+	return /* @__PURE__ */ d("fieldset", {
+		ref: k,
+		...A,
+		id: p,
+		role: m ? "group" : "radiogroup",
+		"aria-label": K,
+		"aria-disabled": r || void 0,
+		"aria-required": g || void 0,
+		disabled: r,
+		className: f(`${M}list-group`, n),
+		style: _,
+		title: y,
+		tabIndex: -1,
+		children: [
+			R.map((t, n) => /* @__PURE__ */ d("div", { children: [t.label ? /* @__PURE__ */ u("div", {
+				className: f(`${M}list-group-item`, `${M}list-group-item-secondary`, O?.groupHeader?.className),
+				style: O?.groupHeader?.style,
+				children: t.label
+			}) : null, t.options.map((t) => {
+				let n = V.has(t.value), i = r || t.disabled;
+				return /* @__PURE__ */ d("label", {
+					ref: (e) => {
+						t.value === ne ? N.current = e : N.current === e && (N.current = null);
+					},
+					className: f(`${M}list-group-item`, `${M}list-group-item-action`, n ? `${M}active` : void 0, t.value === ne ? `${M}focus-ring` : void 0, i ? `${M}disabled` : void 0, O?.optionItem?.className),
+					style: O?.optionItem?.style,
+					onClick: () => {
+						i || F(t.value);
+					},
+					children: [/* @__PURE__ */ u("input", {
+						type: m ? "checkbox" : "radio",
+						name: G,
+						value: t.value,
+						checked: n,
+						disabled: i,
+						form: l,
+						autoComplete: e,
+						autoFocus: t.value === te,
+						tabIndex: v === void 0 ? void 0 : v === -1 ? -1 : t.value === ee ? v : -1,
+						onClick: T,
+						onKeyDown: E,
+						onChange: () => re(t.value),
+						onFocus: () => {
+							i || F(t.value);
+						},
+						className: f(`${M}form-check-input`, `${M}me-1`)
+					}), /* @__PURE__ */ u("span", {
+						className: `${M}form-check-label`,
+						children: t.children ?? t.label
+					})]
+				}, t.value);
+			})] }, t.label || `group-${n}`)),
+			W.map((e) => /* @__PURE__ */ u("input", {
+				type: "hidden",
+				name: h,
+				value: e,
+				form: l,
+				disabled: r
+			}, `hidden-selected-${e}`)),
+			D ? /* @__PURE__ */ u("div", {
+				className: f(`${M}list-group-item`),
+				children: D
+			}) : null
+		]
+	});
+}
+function S(e) {
+	let t = [], n;
+	for (let r of e) {
+		let e = r.groupLabel ?? "";
+		if (n && n.label === e) {
+			n.options.push(r);
+			continue;
+		}
+		if (n = t.find((t) => t.label === e), n) {
+			n.options.push(r);
+			continue;
+		}
+		n = {
+			label: e,
+			options: [r]
+		}, t.push(n);
+	}
+	return t;
+}
+//#endregion
+//#region src/utils/PendingIndicator.tsx
+var C = "⏳", w = 150;
+function T({ className: e, style: t, title: n, inline: r, content: a, customization: o }) {
+	let s = o?.classNamePrefix ?? "super-select", d = s.length > 0 ? `${s}__` : "", p = r ? "span" : "div", [m, h] = c(!1);
+	return i(() => {
+		let e = window.setTimeout(() => h(!0), w);
+		return () => window.clearTimeout(e);
+	}, []), /* @__PURE__ */ u(p, {
+		className: f(`${d}spinner-border`, `${d}spinner-border-sm`, `${d}fade`, m ? `${d}show` : void 0, e),
+		style: t,
+		title: n,
+		role: "status",
+		children: /* @__PURE__ */ u("span", {
+			className: `${d}visually-hidden`,
+			children: a ?? /* @__PURE__ */ u(l, { children: C })
+		})
+	});
+}
+//#endregion
+//#region src/option-list-select/SearchInput.tsx
+function E({ className: e, style: t, search: n, onSearchChange: r, isSearching: i, disabled: a, ref: o, onKeyDown: s, customization: c }) {
+	let l = c?.classNamePrefix ?? "super-select", p = l.length > 0 ? `${l}__` : "", m = c?.pendingIndicator?.component ?? T;
+	return /* @__PURE__ */ d("div", {
+		className: f(`${p}input-group`, e),
+		style: t,
+		children: [/* @__PURE__ */ u("input", {
+			ref: o,
+			type: "search",
+			value: n ?? "",
+			onChange: (e) => r(e.target.value),
+			onKeyDown: s,
+			className: `${p}form-control`,
+			disabled: a,
+			placeholder: c?.placeholder,
+			title: c?.title,
+			"aria-label": c?.title
+		}), i && /* @__PURE__ */ u("div", {
+			className: `${p}input-group-text`,
+			children: /* @__PURE__ */ u(m, {
+				inline: !0,
+				className: c?.pendingIndicator?.className,
+				style: c?.pendingIndicator?.style,
+				title: c?.pendingIndicator?.title,
+				content: c?.pendingIndicator?.content,
+				customization: c ? { classNamePrefix: l } : void 0
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/option-source/OptionCache.ts
+var D = class {
+	defaultQueryData;
+	cacheByValue = /* @__PURE__ */ new Map();
+	getAll() {
+		let e = /* @__PURE__ */ new Map();
+		if (this.defaultQueryData) for (let t of this.defaultQueryData.options) e.set(t.value, t);
+		for (let t of this.cacheByValue.values()) e.set(t.value, t);
+		return Array.from(e.values());
+	}
+	getByValue(e) {
+		let t = this.cacheByValue.get(e);
+		return !t && this.defaultQueryData && (t = this.defaultQueryData.options.find((t) => t.value === e)), t;
+	}
+	hasDefault() {
+		return !!this.defaultQueryData;
+	}
+	getByPageQuery(e) {
+		if (!this.defaultQueryData || e && (e.search || e.offset && e.offset > 0 || e.after)) return;
+		let t = this.defaultQueryData.options, n = this.defaultQueryData.hasMore;
+		if (e?.limit !== void 0) {
+			if (this.defaultQueryData.limit !== void 0 && this.defaultQueryData.limit < e.limit) return;
+			e.limit < t.length && (t = t.slice(0, e.limit), n = !0);
+		}
+		return {
+			options: t,
+			hasMore: n
+		};
+	}
+	tryResolveValues(e) {
+		if (!e || this.cacheByValue.size === 0 && !this.defaultQueryData) return {
+			options: void 0,
+			missingValues: e
+		};
+		let t = [], n = [];
+		for (let r of e) {
+			let e = this.getByValue(r);
+			e ? t.push(e) : n.push(r);
+		}
+		return {
+			options: t,
+			missingValues: n
+		};
+	}
+	set(e) {
+		if (e) for (let t of e) {
+			if (this.cacheByValue.size >= 1e3) break;
+			this.cacheByValue.set(t.value, t);
+		}
+	}
+	setQueryResult(e, t) {
+		return (!t || !t.search && !t.offset && !t.after) && e.options && e.options.length > 0 ? (this.defaultQueryData = {
+			options: e.options,
+			hasMore: e.hasMore,
+			limit: t?.limit
+		}, !0) : !1;
+	}
+	clear() {
+		this.defaultQueryData = void 0, this.cacheByValue.clear();
+	}
+}, O = class {
+	fetcher;
+	runChain = Promise.resolve();
+	pendingQueryRuns = [];
+	constructor(e) {
+		this.fetcher = e;
+	}
+	fetch(e) {
+		let t = e?.signal, n = {
+			...e,
+			values: e?.values ? [...e.values] : void 0
+		};
+		for (let e = 0; e < this.pendingQueryRuns.length; e++) {
+			let r = this.pendingQueryRuns[e], i = r.query.values, a = n.values, o = !1;
+			if (i === a) o = !0;
+			else if (i && a && i.length === a.length) {
+				o = !0;
+				for (let e = 0; e < i.length; e++) if (i[e] !== a[e]) {
+					o = !1;
+					break;
+				}
+			}
+			if (r.query.search === n.search && r.query.offset === n.offset && r.query.after === n.after && r.query.limit === n.limit && o) return this.createSubscriberPromise(r, n, t);
+			let s = !!r.query.values && !r.query.search && r.query.offset === void 0 && r.query.after === void 0 && r.query.limit === void 0, c = !!n.values && !n.search && n.offset === void 0 && n.after === void 0 && n.limit === void 0;
+			if ((e > 0 || !r.started) && s && c) {
+				let e = Array.from(/* @__PURE__ */ new Set([...r.query.values, ...n.values]));
+				return e.length !== r.query.values.length && (r.query = { values: e }), this.createSubscriberPromise(r, n, t);
+			}
+		}
+		let r = new AbortController(), i = {
+			query: n,
+			promise: Promise.resolve({ options: [] }),
+			abortController: r,
+			subscribers: /* @__PURE__ */ new Set(),
+			started: !1
+		}, a = this.runSequentially(() => (i.started = !0, this.fetcher({
+			...i.query,
+			signal: r.signal
+		})));
+		i.promise = a, this.pendingQueryRuns.push(i);
+		let o = () => {
+			let e = this.pendingQueryRuns.findIndex((e) => e.promise === a);
+			e >= 0 && this.pendingQueryRuns.splice(e, 1);
+		};
+		return a.then(o, o), this.createSubscriberPromise(i, n, t);
+	}
+	createSubscriberPromise(e, t, n) {
+		let r = {
+			query: t,
+			signal: n,
+			aborted: !1
+		};
+		e.subscribers.add(r);
+		let i, a = new Promise((t, a) => {
+			if (n) {
+				if (i = () => {
+					r.aborted = !0, this.abortUnderlyingRequestIfUnused(e), a(new DOMException("The operation was aborted.", "AbortError"));
+				}, n.aborted) {
+					i();
+					return;
+				}
+				n.addEventListener("abort", i, { once: !0 });
+			}
+		});
+		return (n ? Promise.race([e.promise, a]) : e.promise).then((e) => this.filterResultForSubscriber(e, r.query)).finally(() => {
+			e.subscribers.delete(r), n && i && n.removeEventListener("abort", i), this.abortUnderlyingRequestIfUnused(e);
+		});
+	}
+	filterResultForSubscriber(e, t) {
+		if (!t.values || t.search || t.offset !== void 0 || t.after !== void 0 || t.limit !== void 0) return e;
+		let n = new Set(t.values), r = new Map(t.values.map((e, t) => [e, t]));
+		return {
+			...e,
+			options: e.options.filter((e) => n.has(e.value)).sort((e, t) => (r.get(e.value) ?? 0) - (r.get(t.value) ?? 0))
+		};
+	}
+	abortUnderlyingRequestIfUnused(e) {
+		if (e.subscribers.size === 0) {
+			e.abortController.abort();
+			return;
+		}
+		Array.from(e.subscribers).every((e) => e.aborted) && e.abortController.abort();
+	}
+	runSequentially(e) {
+		let t = this.runChain.then(e, e);
+		return this.runChain = t.then(() => void 0, () => void 0), t;
+	}
+}, k = class extends Error {
+	userMessage;
+	code;
+	httpStatus;
+	constructor(e, t) {
+		super(e, { cause: t?.cause }), this.name = "OptionSourceError", this.userMessage = t?.userMessage, this.code = t?.code, this.httpStatus = t?.httpStatus, this.cause = t?.cause;
+	}
+};
+function A(e) {
+	return e instanceof k ? !0 : !(!e || typeof e != "object" || "message" in e && typeof e.message != "string" && e.message !== void 0 || "userMessage" in e && typeof e.userMessage != "string" && e.userMessage !== void 0 || "code" in e && typeof e.code != "string" && e.code !== void 0 || "httpStatus" in e && typeof e.httpStatus != "number" && e.httpStatus !== void 0);
+}
+var j = "An error occurred fetching options";
+function M(e) {
+	if (e instanceof k) return e;
+	if (!e) return new k(j);
+	if (typeof e == "string") return new k(e);
+	if (typeof e != "object") return new k(j);
+	if ("name" in e && e.name === "AbortError") return e;
+	let t;
+	t = "message" in e && typeof e.message == "string" ? e.message ?? j : j;
+	let n;
+	if (A(e) ? n = e : (n = {}, "userMessage" in e && typeof e.userMessage == "string" && (n.userMessage = e.userMessage), "code" in e && typeof e.code == "string" && (n.code = e.code), "httpStatus" in e && typeof e.httpStatus == "number" && (n.httpStatus = e.httpStatus), "cause" in e && (n.cause = e.cause)), n.httpStatus && !n.code) {
+		let e;
+		n.httpStatus === 401 ? e = "unauthorized" : n.httpStatus === 403 ? e = "forbidden" : n.httpStatus === 404 ? e = "not-found" : n.httpStatus === 408 ? e = "timeout" : n.httpStatus === 429 ? e = "rate-limited" : n.httpStatus >= 500 && n.httpStatus <= 599 && (e = "server"), e && (n = {
+			...n,
+			code: e
+		});
+	}
+	return e instanceof Error && (!n.cause || e.cause === n.cause) && (n = {
+		...n,
+		cause: e
+	}), new k(t, n);
+}
+//#endregion
+//#region src/option-source/OptionSource.ts
+var N = class e {
+	innerFetcher;
+	fetcher;
+	cache;
+	constructor(e) {
+		this.innerFetcher = e.fetch, this.fetcher = new O(this.innerFetcher), this.cache = e.noCache ? void 0 : new D();
+	}
+	async getOptionPage(e) {
+		if (this.cache) {
+			let t = this.cache.getByPageQuery(e);
+			if (t) return {
+				...t,
+				nextPage: this.createFetchNextPage(t, e)
+			};
+		}
+		try {
+			let t = await this.fetcher.fetch(e);
+			return this.cache && this.cache.setQueryResult(t, e), {
+				...t,
+				nextPage: this.createFetchNextPage(t, e)
+			};
+		} catch (e) {
+			throw M(e);
+		}
+	}
+	createFetchNextPage(e, t) {
+		if (!e || e.hasMore !== !0) return;
+		let n = (t?.offset ?? 0) + e.options.length, r = e.options.length > 0 ? e.options[e.options.length - 1] : void 0, i = {
+			search: t?.search,
+			offset: n,
+			after: r,
+			limit: t?.limit
+		};
+		return (e) => this.getOptionPage({
+			...i,
+			limit: e?.limit ?? i.limit,
+			signal: e?.signal
+		});
+	}
+	async resolveValues(e, t) {
+		if (!e || e.length === 0) return [];
+		let n = Array.from(new Set(e)), r = n, i;
+		if (this.cache) {
+			if (!this.cache.hasDefault()) try {
+				let e = await this.fetcher.fetch({ signal: t });
+				this.cache.setQueryResult(e, void 0);
+			} catch (e) {
+				if (t?.aborted) throw M(e);
+			}
+			let { options: e, missingValues: n } = this.cache.tryResolveValues(r);
+			e && (i = e, r = n);
+		}
+		let a = [];
+		if (r && r.length > 0) {
+			let e = new Set(r), n = {
+				values: r,
+				signal: t
+			};
+			for (; e.size > 0;) {
+				let i;
+				try {
+					i = await this.fetcher.fetch(n);
+				} catch (e) {
+					throw M(e);
+				}
+				let o = i.options, s = 0;
+				for (let t of o) e.delete(t.value) && (a.push(t), s++);
+				if (i.hasMore !== !0 || s === 0) break;
+				n = {
+					values: r,
+					offset: (n.offset ?? 0) + o.length,
+					after: o[o.length - 1],
+					signal: t
+				};
+			}
+			this.cache && this.cache.set(a);
+		}
+		let o = new Map([...i ?? [], ...a].map((e) => [e.value, e]));
+		return n.flatMap((e) => {
+			let t = o.get(e);
+			return t ? [t] : [];
+		});
+	}
+	getCachedOptions() {
+		return this.cache?.getAll();
+	}
+	clearCache() {
+		this.cache?.clear();
+	}
+	withNoCache() {
+		return this.cache ? new e({
+			fetch: this.innerFetcher,
+			noCache: !0
+		}) : this;
+	}
+};
+//#endregion
+//#region src/option-source/createOptionSource.ts
+function P(e) {
+	if (typeof e == "function") return new N({ fetch: e });
+	if (F(e)) return e;
+	if (I(e)) return new N(e);
+	throw Error("Invalid option source init.");
+}
+function F(e) {
+	return !e || typeof e != "object" ? !1 : "getOptionPage" in e && typeof e.getOptionPage == "function" && "resolveValues" in e && typeof e.resolveValues == "function";
+}
+function I(e) {
+	return !e || typeof e != "object" ? !1 : "fetch" in e && typeof e.fetch == "function";
+}
+//#endregion
+//#region src/utils/mergeOptions.ts
+function L(e, t) {
+	let n = [], r = /* @__PURE__ */ new Set();
+	for (let t of e) r.has(t.value) || (r.add(t.value), n.push(t));
+	for (let e of t) r.has(e.value) || (r.add(e.value), n.push(e));
+	return n;
+}
+//#endregion
+//#region src/option-list-select/useOptionListController.ts
+var R = 2, z = 250;
+function B({ optionSource: e, staticOptions: t, searchMatcher: n, maxAdditionalPages: a = R, value: l, defaultValue: u, multiple: d, isOptionListActive: f = !0 }) {
+	let p = f && !!e, m = l !== void 0, [h, g] = c(() => {
+		let e = b(m ? l : u);
+		return d ? e : e.slice(0, 1);
+	}), _ = o(() => {
+		let e = b(m ? l : h);
+		return d ? e : e.slice(0, 1);
+	}, [
+		m,
+		d,
+		h,
+		l
+	]), [v, y] = c(""), [x, S] = c(() => p ? "" : void 0), [C, w] = c({
+		items: [],
+		result: void 0,
+		error: void 0,
+		isPending: p,
+		additionalPagesLoaded: 0,
+		lastAttemptedQuery: p ? {
+			search: void 0,
+			initiatedBySearch: !1
+		} : void 0
+	}), [T, E] = c(0), [D, O] = c(() => [..._]), [k, A] = c({
+		key: "",
+		options: [],
+		error: void 0
+	}), [j, N] = c(!1), P = s(void 0), F = s(void 0), I = s(void 0), B = s(/* @__PURE__ */ new Map()), V = s({
+		isOptionListActive: f,
+		optionSource: e
+	}), U = o(() => JSON.stringify(_), [_]), W = f && !!e && x === void 0 && C.result === void 0 && C.error === void 0, te = !W && !C.isPending && C.error === void 0, ne = C.error !== void 0, re = r((e) => {
+		let t = d ? e : e.slice(0, 1);
+		m || g(t);
+	}, [m, d]);
+	i(() => {
+		let t = V.current, n = f !== t.isOptionListActive, r = e !== t.optionSource;
+		if (!n && !r) return;
+		V.current = {
+			isOptionListActive: f,
+			optionSource: e
+		}, (!f || r) && (P.current?.abort(), P.current = void 0, F.current?.abort(), F.current = void 0);
+		let i = !1;
+		return queueMicrotask(() => {
+			if (!i) {
+				if (!f) {
+					w((e) => ({
+						...e,
+						isPending: !1
+					}));
+					return;
+				}
+				if (y(""), O(_), S(""), e) {
+					w((e) => ({
+						...e,
+						items: [],
+						result: void 0,
+						error: void 0,
+						isPending: !0,
+						additionalPagesLoaded: 0,
+						lastAttemptedQuery: {
+							search: void 0,
+							initiatedBySearch: !1
+						}
+					}));
+					return;
+				}
+				w((e) => ({
+					...e,
+					error: void 0,
+					isPending: !1
+				}));
+			}
+		}), () => {
+			i = !0;
+		};
+	}, [
+		f,
+		e,
+		_
+	]), i(() => {
+		if (!f || v === x) return;
+		let t = window.setTimeout(() => {
+			e && (w((e) => ({
+				...e,
+				isPending: !0,
+				error: void 0,
+				lastAttemptedQuery: {
+					search: v || void 0,
+					initiatedBySearch: !0
+				}
+			})), E((e) => e + 1)), S(v);
+		}, z);
+		return () => {
+			window.clearTimeout(t);
+		};
+	}, [
+		x,
+		f,
+		e,
+		v
+	]), i(() => {
+		if (!f || !e || x === void 0) return;
+		let t = !1;
+		P.current?.abort();
+		let n = new AbortController();
+		P.current = n;
+		let r = x ? {
+			search: x,
+			signal: n.signal
+		} : { signal: n.signal };
+		return e.getOptionPage(r).then((e) => {
+			t || w((t) => ({
+				...t,
+				items: e.options,
+				result: e,
+				error: void 0,
+				isPending: !1,
+				additionalPagesLoaded: 0
+			}));
+		}).catch((e) => {
+			t || n.signal.aborted || w((t) => ({
+				...t,
+				items: [],
+				result: void 0,
+				isPending: !1,
+				error: M(e)
+			}));
+		}), () => {
+			t = !0, n.abort(), P.current === n && (P.current = void 0);
+		};
+	}, [
+		x,
+		f,
+		e,
+		T
+	]);
+	let G = r((e) => {
+		O((e) => {
+			if (_.length === 0) return e;
+			let t = [...e], n = new Set(e);
+			for (let e of _) n.has(e) || (n.add(e), t.push(e));
+			return t;
+		}), y(e);
+	}, [_]), K = r(() => {
+		!e || !f || (w((e) => ({
+			...e,
+			items: [],
+			result: void 0,
+			error: void 0,
+			isPending: !0,
+			additionalPagesLoaded: 0,
+			lastAttemptedQuery: {
+				search: x,
+				initiatedBySearch: !!e.lastAttemptedQuery?.initiatedBySearch
+			}
+		})), E((e) => e + 1), S((e) => e ?? ""));
+	}, [
+		x,
+		f,
+		e
+	]), ie = !!C.result?.nextPage && C.additionalPagesLoaded < a && C.items.length > 0 && te && !C.isPending, q = !!C.result?.nextPage && C.items.length > 0 && te, J = r(() => {
+		if (!C.result?.nextPage || !ie || C.isPending) return;
+		w((e) => ({
+			...e,
+			isPending: !0,
+			lastAttemptedQuery: {
+				search: x,
+				initiatedBySearch: !1
+			}
+		})), F.current?.abort();
+		let e = new AbortController();
+		F.current = e, C.result.nextPage({ signal: e.signal }).then((t) => {
+			F.current === e && w((e) => ({
+				...e,
+				items: [...e.items, ...t.options],
+				result: t,
+				additionalPagesLoaded: e.additionalPagesLoaded + 1,
+				error: void 0,
+				isPending: !1
+			}));
+		}).catch((t) => {
+			e.signal.aborted || F.current !== e || w((e) => ({
+				...e,
+				error: M(t),
+				isPending: !1
+			}));
+		}).finally(() => {
+			F.current === e && (F.current = void 0);
+		});
+	}, [
+		ie,
+		x,
+		C.isPending,
+		C.result
+	]);
+	i(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of t) e.has(n.value) || e.set(n.value, n);
+		B.current = e;
+	}, [e, t]);
+	let ae = x ?? "", oe = o(() => H(t.find((e) => e.hidden) ? t.filter((e) => !e.hidden) : t, ae, n), [
+		ae,
+		n,
+		t
+	]), Y = o(() => {
+		if (!e) return oe;
+		let t = C.items.find((e) => e.hidden) ? C.items.filter((e) => !e.hidden) : C.items;
+		return L(oe, t);
+	}, [
+		oe,
+		e,
+		C.items
+	]);
+	i(() => {
+		if (!(!e || Y.length === 0)) for (let e of Y) B.current.has(e.value) || B.current.set(e.value, e);
+	}, [e, Y]), i(() => {
+		if (!e || _.length === 0) return;
+		let t = !1;
+		I.current?.abort();
+		let n = new AbortController();
+		I.current = n;
+		let r = JSON.stringify(_), i = B.current, a = /* @__PURE__ */ new Map();
+		for (let e of _) {
+			let t = i.get(e);
+			t && a.set(e, t);
+		}
+		let o = _.filter((e) => !a.has(e));
+		if (o.length === 0) {
+			I.current = void 0, queueMicrotask(() => {
+				t || (N(!1), A({
+					key: r,
+					options: _.map((e) => a.get(e)).filter((e) => e !== void 0),
+					error: void 0
+				}));
+			});
+			return;
+		}
+		return queueMicrotask(() => {
+			N(!0);
+		}), e.resolveValues(o, n.signal).then((e) => {
+			if (t) return;
+			let n = new Map(e.map((e) => [e.value, e]));
+			for (let t of e) i.set(t.value, t);
+			let o = _.map((e) => a.get(e) ?? n.get(e)).filter((e) => e !== void 0), s = _.filter((e) => !n.has(e)).filter((e) => !a.has(e));
+			N(!1), A({
+				key: r,
+				options: o,
+				error: s.length > 0 ? M(/* @__PURE__ */ Error()) : void 0
+			});
+		}).catch((e) => {
+			t || n.signal.aborted || (N(!1), A({
+				key: r,
+				options: [],
+				error: M(e)
+			}));
+		}), () => {
+			t = !0, n.abort(), I.current === n && (I.current = void 0);
+		};
+	}, [e, _]);
+	let X = o(() => {
+		if (e) return _.length === 0 || k.key !== U ? [] : k.options;
+		let n = new Map(t.map((e) => [e.value, e]));
+		return _.map((e) => n.get(e) || {
+			value: e,
+			label: "",
+			disabled: !1
+		});
+	}, [
+		e,
+		k.key,
+		k.options,
+		_,
+		U,
+		t
+	]), Z = o(() => {
+		if (ne) return C.error ?? M();
+	}, [ne, C.error]), se = ae.trim().length > 0 && !(C.isPending && C.lastAttemptedQuery?.initiatedBySearch), Q = o(() => {
+		if (D.length === 0) return [];
+		let e = new Set(D), t = /* @__PURE__ */ new Map();
+		for (let n of Y) e.has(n.value) && t.set(n.value, n);
+		for (let n of X) e.has(n.value) && t.set(n.value, n);
+		return D.map((e) => t.get(e)).filter((e) => e !== void 0);
+	}, [
+		X,
+		D,
+		Y
+	]), ce = o(() => Z && (C.lastAttemptedQuery?.initiatedBySearch || Y.length === 0) ? [] : ee(Y, D, e ? Q : void 0, se), [
+		se,
+		e,
+		Z,
+		C.lastAttemptedQuery?.initiatedBySearch,
+		Q,
+		D,
+		Y
+	]), le = o(() => {
+		if (!(!e || _.length === 0 || k.key !== U || k.error === void 0)) return k.error;
+	}, [
+		e,
+		k.error,
+		k.key,
+		_.length,
+		U
+	]), ue = f && !!e && (W || C.isPending), $ = ue && !!C.lastAttemptedQuery?.initiatedBySearch, de = !!e && _.length > 0 && j;
+	return i(() => () => {
+		P.current?.abort(), F.current?.abort(), I.current?.abort();
+	}, []), {
+		searchValue: v,
+		selectedValues: _,
+		options: ce,
+		isOptionsPending: ue,
+		isSearching: $,
+		isResolveValuesPending: de,
+		optionsError: Z,
+		resolveValuesError: le,
+		canLoadMore: ie,
+		hasMore: q,
+		handleSelectedValuesChange: re,
+		handleSearchChange: G,
+		handleRetryOptions: e ? K : void 0,
+		handleLoadMore: J
+	};
+}
+function V(e, t) {
+	let n = t.trim().toLowerCase();
+	return n ? e.label.toLowerCase().includes(n) : !0;
+}
+function H(e, t, n) {
+	return t.trim() ? n ? e.filter((e) => n(e, t)) : e.filter((e) => V(e, t)) : e;
+}
+function ee(e, t, n, r) {
+	if (!t || t.length === 0 || r) return e;
+	let i = new Set(t), a = e.filter((e) => i.has(e.value)), o = new Set(a.map((e) => e.value)), s = [];
+	for (let e of n ?? []) !i.has(e.value) || o.has(e.value) || (o.add(e.value), s.push(e));
+	let c = e.filter((e) => !o.has(e.value));
+	return a.length === 0 && s.length === 0 ? e : [
+		...a,
+		...s,
+		...c
+	];
+}
+//#endregion
+//#region src/utils/createSyntheticEvent.ts
+function U(e) {
+	let { value: t, disabled: n, ...r } = e;
+	return {
+		addEventListener: () => void 0,
+		removeEventListener: () => void 0,
+		dispatchEvent: () => !0,
+		...W(t),
+		disabled: n ?? !1,
+		...r
+	};
+}
+function W(e) {
+	let t, n = [];
+	typeof e == "string" ? (t = e, n.push({
+		value: e,
+		label: "",
+		selected: !0,
+		disabled: !1
+	})) : Array.isArray(e) ? (t = e[0] ?? "", n.push(...e.map((e) => ({
+		value: e,
+		label: "",
+		selected: !0,
+		disabled: !1
+	})))) : t = "";
+	let r = Object.assign(n, {
+		selectedIndex: n.length > 0 ? 0 : -1,
+		item: (e) => n[e] ?? null,
+		namedItem: () => null,
+		length: n.length,
+		[Symbol.iterator]: n[Symbol.iterator].bind(n)
+	});
+	return {
+		value: t,
+		selectedOptions: r
+	};
+}
+function te(e) {
+	return G("change", e);
+}
+function ne(e, t) {
+	let n = G("input", e), r = {
+		...n.nativeEvent,
+		data: t.data,
+		dataTransfer: null,
+		detail: 0,
+		inputType: "insertText",
+		isComposing: !1,
+		view: null,
+		which: 0,
+		getTargetRanges: () => [],
+		initUIEvent: () => void 0
+	};
+	return {
+		...n,
+		nativeEvent: r,
+		data: t.data
+	};
+}
+function re(e) {
+	return G("invalid", e);
+}
+function G(e, t) {
+	let n = e, r = !1, i = !0, a = !0, o = {
+		get type() {
+			return n;
+		},
+		currentTarget: t,
+		target: t,
+		get cancelable() {
+			return a;
+		},
+		get defaultPrevented() {
+			return r;
+		},
+		preventDefault() {
+			r = !0;
+		},
+		get bubbles() {
+			return i;
+		},
+		stopPropagation() {
+			i = !1;
+		},
+		eventPhase: Event.NONE,
+		isTrusted: !0,
+		timeStamp: Date.now(),
+		get cancelBubble() {
+			return !i;
+		},
+		set cancelBubble(e) {
+			i = !e;
+		},
+		composed: !1,
+		get returnValue() {
+			return !r;
+		},
+		set returnValue(e) {
+			r = !e;
+		},
+		srcElement: t,
+		composedPath() {
+			return [t];
+		},
+		initEvent(e, t, r) {
+			n = e, i = t ?? !1, a = r ?? !0;
+		},
+		stopImmediatePropagation() {
+			i = !1;
+		},
+		AT_TARGET: Event.AT_TARGET,
+		BUBBLING_PHASE: Event.BUBBLING_PHASE,
+		CAPTURING_PHASE: Event.CAPTURING_PHASE,
+		NONE: Event.NONE
+	};
+	return {
+		get type() {
+			return n;
+		},
+		currentTarget: t,
+		target: t,
+		get cancelable() {
+			return a;
+		},
+		get defaultPrevented() {
+			return r;
+		},
+		preventDefault() {
+			r = !0;
+		},
+		get bubbles() {
+			return i;
+		},
+		stopPropagation() {
+			i = !1;
+		},
+		eventPhase: Event.NONE,
+		isTrusted: !0,
+		timeStamp: o.timeStamp,
+		nativeEvent: o,
+		isDefaultPrevented() {
+			return r;
+		},
+		isPropagationStopped() {
+			return !i;
+		},
+		persist: () => void 0
+	};
+}
+function K(e, t) {
+	let n = Object.create(e);
+	return Object.defineProperties(n, {
+		currentTarget: { get() {
+			return t;
+		} },
+		target: { get() {
+			return t;
+		} }
+	}), n;
+}
+function ie(e, t) {
+	let n = {};
+	for (let r of Object.keys(t)) {
+		let i = t[r];
+		typeof i == "function" && (n[r] = ((t) => {
+			i(K(t, e));
+		}));
+	}
+	return n;
+}
+//#endregion
+//#region src/utils/ErrorIndicator.tsx
+var q = "⚠", J = "↻";
+function ae({ className: e, style: t, message: n, inline: r, onRetry: i, customization: a }) {
+	let o = a?.classNamePrefix ?? "super-select", s = o.length > 0 ? `${o}__` : "";
+	return /* @__PURE__ */ d(r ? "span" : "div", {
+		className: f(`${s}alert`, `${s}alert-danger`, i && `${s}alert-dismissible`, r && `${s}d-block`, e),
+		style: t,
+		children: [
+			a?.icon ?? /* @__PURE__ */ u("span", {
+				"aria-hidden": !!n,
+				children: q
+			}),
+			" ",
+			n && /* @__PURE__ */ u(l, { children: n }),
+			" ",
+			i && /* @__PURE__ */ u("button", {
+				type: "button",
+				className: f(`${s}btn`, `${s}btn-outline-secondary`, `${s}btn-sm`, a?.retryButton?.className),
+				style: a?.retryButton?.style,
+				title: a?.retryButton?.title,
+				onClick: i,
+				children: a?.retryButton?.content ?? J
+			})
+		]
+	});
+}
+//#endregion
+//#region src/utils/FormResetListener.tsx
+function oe({ form: e, onReset: t }) {
+	let n = s(null);
+	return i(() => {
+		let e = n.current?.form, r = e?.ownerDocument.defaultView;
+		if (!e || !r) return;
+		let i = (n) => {
+			n.target === e && !n.defaultPrevented && t();
+		};
+		return r.addEventListener("reset", i), () => r.removeEventListener("reset", i);
+	}, [e, t]), /* @__PURE__ */ u("input", {
+		ref: n,
+		type: "hidden",
+		form: e
+	});
+}
+//#endregion
+//#region src/utils/parseChildOptions.ts
+function Y(e) {
+	return X(e, /* @__PURE__ */ new Set());
+}
+function X(r, i) {
+	let a = [];
+	for (let o of e.toArray(r)) if (n(o)) {
+		if (o.type === t) {
+			let e = o;
+			a.push(...X(e.props.children, i));
+			continue;
+		}
+		if (o.type === "option") {
+			let e = o, t = se(e.props.children), n = e.props.value === void 0 ? t : String(e.props.value);
+			if (i.has(n)) continue;
+			i.add(n);
+			let r = e.props.label === void 0 ? t : String(e.props.label), s = e.props, c = Object.entries(s).reduce((e, [t, n]) => (!t.startsWith("data-") || n === void 0 || (e[t.slice(5)] = n), e), {}), l = e.props.data === void 0 ? Object.keys(c).length > 0 ? c : void 0 : {
+				...c,
+				value: e.props.data
+			};
+			a.push({
+				value: n,
+				label: r,
+				children: Z(e.props.children) ? e.props.children : void 0,
+				disabled: !!e.props.disabled,
+				hidden: !!e.props.hidden,
+				data: l
+			});
+			continue;
+		}
+		if (o.type === "optgroup") {
+			let t = o, n = String(t.props.label ?? ""), r = e.toArray(t.props.children);
+			for (let e of r) {
+				let t = X(e, i);
+				for (let e of t) e.groupLabel = n, a.push(e);
+			}
+		}
+	}
+	return a;
+}
+function Z(e) {
+	return e == null || typeof e == "boolean" || typeof e == "string" || typeof e == "number" ? !1 : Array.isArray(e) ? e.some((e) => Z(e)) : !0;
+}
+function se(e) {
+	return e == null || typeof e == "boolean" ? "" : typeof e == "string" ? e : typeof e == "number" ? String(e) : Array.isArray(e) ? e.map((e) => se(e)).join("") : n(e) ? se(e.props.children) : "";
+}
+//#endregion
+//#region src/modal-select/ModalSelectButton.tsx
+function Q({ ref: e, customization: t, children: n, className: r, ...i }) {
+	let a = t?.classNamePrefix ?? "super-select", o = a.length > 0 ? `${a}__` : "";
+	return /* @__PURE__ */ u("button", {
+		ref: e,
+		type: "button",
+		className: f(`${o}form-select`, `${o}text-start`, r),
+		...i,
+		children: n
+	});
+}
+//#endregion
+//#region src/modal-select/OkButton.tsx
+var ce = "✓";
+function le({ className: e, style: t, disabled: n, title: r, onClick: i, customization: a }) {
+	let o = a?.classNamePrefix ?? "super-select", s = o.length > 0 ? `${o}__` : "";
+	return /* @__PURE__ */ u("button", {
+		type: "button",
+		className: f(`${s}btn`, `${s}btn-secondary`, e),
+		style: t,
+		onClick: i,
+		disabled: n,
+		title: r,
+		children: a?.content ?? ce
+	});
+}
+//#endregion
+//#region src/modal-select/SelectedContent.tsx
+function ue({ customization: e, selectedOptions: t, className: n, style: r }) {
+	let i = e?.classNamePrefix ?? "super-select", a = i.length > 0 ? `${i}__` : "";
+	return t.length > 1 ? /* @__PURE__ */ u("ul", {
+		className: f(`${a}list-inline`, `${a}d-inline`, n),
+		style: r,
+		children: t.map((e) => /* @__PURE__ */ u("li", {
+			className: `${a}list-inline-item`,
+			children: e.children ?? e.label
+		}, e.value))
+	}) : /* @__PURE__ */ u("span", {
+		className: n,
+		style: r,
+		children: t[0]?.children ?? t[0]?.label ?? e?.placeholder ?? ""
+	});
+}
+//#endregion
+//#region src/modal-select/ModalSelect.tsx
+function $({ optionSource: e, children: t, customization: n, ref: i, multiple: a, disabled: p, required: m, value: h, defaultValue: g, name: _, id: v, form: y, autoFocus: x, autoComplete: S, onInput: C, onInvalid: w, onChange: E, onValueChange: D, className: O, style: k, ...A }) {
+	let [j, M] = c(!1), [N, P] = c(!1), F = o(() => Y(t), [t]), I = h !== void 0, L = s(g), R = B({
+		optionSource: e,
+		staticOptions: F,
+		searchMatcher: n?.searchMatcher,
+		maxAdditionalPages: n?.maxAdditionalPages,
+		value: h,
+		defaultValue: g,
+		multiple: a,
+		isOptionListActive: j
+	}), z = r(() => {
+		p || M(!0);
+	}, [p]), V = r(() => {
+		M(!1);
+	}, []), H = r(() => {
+		if (I) return;
+		let e = b(L.current);
+		R.handleSelectedValuesChange(a ? e : e.slice(0, 1)), P(!1);
+	}, [
+		R,
+		I,
+		a,
+		P
+	]), ee = r((e) => {
+		if (p) return;
+		R.handleSelectedValuesChange(e), (!m || e.length > 0) && P(!1);
+		let t = U({
+			id: v,
+			name: _,
+			value: a ? e : e[0] ?? "",
+			multiple: a,
+			disabled: p,
+			required: m
+		});
+		C && C(ne(t, { data: "" })), E && E(te(t)), D && D(a ? e : e[0] ?? "");
+	}, [
+		R,
+		p,
+		v,
+		a,
+		_,
+		E,
+		C,
+		D,
+		m,
+		P
+	]), W = r((e) => {
+		let t = Array.from(e.currentTarget.selectedOptions).map((e) => e?.value ?? ""), n = a ? t : t.length > 0 ? [t[0] ?? ""] : e.currentTarget.value === "" ? [] : [e.currentTarget.value];
+		ee(n);
+	}, [ee, a]), G = o(() => {
+		if (R.selectedValues.length === 0) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let t of F) e.has(t.value) || e.set(t.value, t);
+		for (let t of R.options) e.set(t.value, t);
+		let t = R.selectedValues.map((t) => e.get(t)).filter((e) => e !== void 0);
+		return t.length > 0 ? t : de(R.selectedValues, F);
+	}, [
+		R.options,
+		R.selectedValues,
+		F
+	]), K = o(() => U({
+		id: v,
+		name: _,
+		value: a ? R.selectedValues : R.selectedValues[0] ?? "",
+		multiple: a,
+		disabled: p,
+		required: m
+	}), [
+		R.selectedValues,
+		p,
+		v,
+		a,
+		_,
+		m
+	]), q = {
+		...A,
+		size: void 0
+	}, J = A["aria-label"], X = A["aria-labelledby"] ?? (J ? void 0 : v), Z = ie(K, q), se = r((e) => {
+		z(), Z.onClick?.(e);
+	}, [z, Z]), ce = r((e) => {
+		e.preventDefault(), P(!0), w && w(re(K));
+	}, [
+		K,
+		w,
+		P
+	]), le = N && !!m && R.selectedValues.length === 0, $ = n?.classNamePrefix ?? "super-select", pe = $.length > 0 ? `${$}__` : "", me = o(() => F.find((e) => e.value === "")?.label, [F]), he = n?.modalSelectButton?.selectedContent?.placeholder ?? me, ge = G.length > 0, _e = !!R.resolveValuesError, ve = _e || le, ye = n?.errorIndicator?.component ?? ae, be = n?.pendingIndicator?.component ?? T, xe = n?.modalSelectButton?.component ?? Q, Se = n?.modalSelectButton?.selectedContent?.component ?? ue;
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ u(xe, {
+			...q,
+			...Z,
+			id: v,
+			autoFocus: x,
+			"aria-haspopup": "dialog",
+			"aria-expanded": j,
+			"aria-busy": R.isResolveValuesPending || void 0,
+			"aria-invalid": ve || void 0,
+			disabled: p,
+			className: f(p ? `${pe}disabled` : void 0, ve ? `${pe}is-invalid` : void 0, O, n?.modalSelectButton?.className),
+			style: k && n?.modalSelectButton?.style ? {
+				...k,
+				...n.modalSelectButton.style
+			} : k ?? n?.modalSelectButton?.style,
+			onClick: se,
+			ref: i,
+			customization: { classNamePrefix: $ },
+			children: _e && R.resolveValuesError ? /* @__PURE__ */ u(ye, {
+				inline: !0,
+				className: n?.errorIndicator?.className,
+				style: n?.errorIndicator?.style,
+				error: R.resolveValuesError,
+				message: R.resolveValuesError.userMessage ?? n?.errorIndicator?.defaultMessage,
+				customization: {
+					classNamePrefix: $,
+					icon: n?.errorIndicator?.icon
+				}
+			}) : R.isResolveValuesPending ? /* @__PURE__ */ u(be, {
+				inline: !0,
+				className: n?.pendingIndicator?.className,
+				style: n?.pendingIndicator?.style,
+				title: n?.pendingIndicator?.title,
+				content: n?.pendingIndicator?.content,
+				customization: { classNamePrefix: $ }
+			}) : /* @__PURE__ */ u(Se, {
+				selectedOptions: G,
+				className: f(!ge || _e ? `${pe}text-body-secondary` : void 0, n?.modalSelectButton?.selectedContent?.className),
+				style: n?.modalSelectButton?.selectedContent?.style,
+				customization: {
+					classNamePrefix: $,
+					placeholder: he
+				}
+			})
+		}),
+		/* @__PURE__ */ u(fe, {
+			customization: n,
+			isOpen: j,
+			dir: A.dir,
+			lang: A.lang,
+			ariaLabel: J,
+			ariaLabelledBy: X,
+			onClose: V,
+			searchValue: R.searchValue,
+			onSearchChange: R.handleSearchChange,
+			options: R.options,
+			selectedValues: R.selectedValues,
+			multiple: a,
+			isOptionsPending: R.isOptionsPending,
+			isSearching: R.isSearching,
+			isResolveValuesPending: R.isResolveValuesPending,
+			onRefresh: R.handleRetryOptions,
+			optionsError: R.optionsError,
+			onOptionListChange: W,
+			canLoadMore: R.canLoadMore,
+			hasMore: R.hasMore,
+			onLoadMore: R.handleLoadMore
+		}),
+		_ || m ? /* @__PURE__ */ u("select", {
+			name: _,
+			form: y,
+			autoComplete: S,
+			...A,
+			required: m,
+			disabled: p,
+			onInvalid: ce,
+			multiple: a,
+			value: a ? R.selectedValues : R.selectedValues[0] ?? "",
+			onChange: () => void 0,
+			"aria-hidden": !0,
+			hidden: !0,
+			tabIndex: -1,
+			className: `${pe}visually-hidden`,
+			children: R.selectedValues.map((e) => /* @__PURE__ */ u("option", {
+				value: e,
+				children: e
+			}, e))
+		}) : null,
+		I ? null : /* @__PURE__ */ u(oe, {
+			form: y,
+			onReset: H
+		})
+	] });
+}
+function de(e, t) {
+	if (e.length === 0) return [];
+	let n = new Map(t.map((e) => [e.value, e]));
+	return e.map((e) => n.get(e)).filter((e) => e !== void 0);
+}
+function fe({ customization: e, isOpen: t, dir: n, lang: a, ariaLabel: c, ariaLabelledBy: l, onClose: d, searchValue: f, onSearchChange: p, options: h, selectedValues: g, multiple: v, isOptionsPending: S, isSearching: C, isResolveValuesPending: w, onRefresh: D, optionsError: O, onOptionListChange: k, canLoadMore: A, onLoadMore: j, hasMore: M }) {
+	let N = e?.classNamePrefix ?? "super-select", P = N.length > 0 ? `${N}__` : "", F = e?.searchInput?.component ?? E, I = e?.modal?.okButton?.component ?? le, L = e?.modal?.component ?? m, R = e?.optionListInput?.component ?? x, z = e?.errorIndicator?.component ?? ae, B = e?.emptyIndicator?.component ?? _, V = e?.moreIndicator?.component ?? y, H = e?.pendingIndicator?.component ?? T, ee = s(null), W = s(!1), ne = !!C, re = !!(S || w), G = o(() => {
+		let e = b(g);
+		return v ? e : e.slice(0, 1);
+	}, [v, g]), K = h.length > 0, ie = re, q = O, J = !!q, oe = !J && !ie && !K, Y = !J && !ie && !oe && !!M;
+	i(() => {
+		if (!t) return;
+		let e = ee.current;
+		if (!e) return;
+		let n = window.setTimeout(() => {
+			e.focus();
+		}, 0);
+		return () => {
+			window.clearTimeout(n);
+		};
+	}, [t]);
+	let X = r((e) => {
+		if (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
+		if (e.key === "Enter") {
+			e.preventDefault();
+			return;
+		}
+		let t = e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : 0;
+		if (!t) return;
+		let n = e.currentTarget.closest([
+			`.${P}modal-content`,
+			"[class*='modal-content']",
+			"[class*='modal-body']",
+			"dialog",
+			"[role='dialog']",
+			"[aria-modal='true']"
+		].join(",")) ?? e.currentTarget.parentElement;
+		if (!n) return;
+		let r = n.querySelector([
+			"[role='listbox']",
+			"[role='radiogroup']",
+			"[role='group']",
+			"fieldset",
+			"[class*='modal-body']"
+		].join(",")) ?? n, i = Array.from(r.querySelectorAll([
+			"input[type='radio']:not(:disabled):not([tabindex='-1'])",
+			"input[type='checkbox']:not(:disabled):not([tabindex='-1'])",
+			"[role='radio']:not([aria-disabled='true']):not([tabindex='-1'])",
+			"[role='checkbox']:not([aria-disabled='true']):not([tabindex='-1'])",
+			"[role='option']:not([aria-disabled='true']):not([tabindex='-1'])"
+		].join(","))).filter((e) => {
+			if (e.hidden || e.getAttribute("aria-hidden") === "true") return !1;
+			let t = window.getComputedStyle(e);
+			return t.display !== "none" && t.visibility !== "hidden";
+		}), a = t > 0 ? i[0] : i[i.length - 1];
+		a && (e.preventDefault(), a.focus());
+	}, [P]), Z = r((e) => {
+		if (k(e), !v) {
+			if (W.current) {
+				W.current = !1;
+				return;
+			}
+			d();
+		}
+	}, [
+		v,
+		d,
+		k
+	]), se = r((e) => {
+		let t = v ? e : e.slice(0, 1), n = U({
+			value: v ? t : t[0] ?? "",
+			multiple: v
+		});
+		Z(te(n));
+	}, [Z, v]), Q = r((e) => {
+		if (v || e.detail <= 0) return;
+		W.current = !1;
+		let t = e.currentTarget, n;
+		n = "checked" in t && typeof t.checked == "boolean" ? t.checked : "selected" in t && typeof t.selected == "boolean" ? t.selected : !1, n && d();
+	}, [v, d]), ce = r((e) => {
+		if (!v) {
+			if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight") {
+				W.current = !0;
+				return;
+			}
+			if (W.current = !1, e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
+				let t = e.currentTarget, n;
+				n = "checked" in t && typeof t.checked == "boolean" ? t.checked : "selected" in t && typeof t.selected == "boolean" ? t.selected : !1, n && (e.preventDefault(), e.stopPropagation(), d());
+			}
+		}
+	}, [v, d]), ue;
+	return ue = ie ? /* @__PURE__ */ u(H, {
+		inline: !0,
+		className: e?.pendingIndicator?.className,
+		style: e?.pendingIndicator?.style,
+		title: e?.pendingIndicator?.title,
+		content: e?.pendingIndicator?.content,
+		customization: { classNamePrefix: N }
+	}) : J ? /* @__PURE__ */ u(z, {
+		className: e?.errorIndicator?.className,
+		style: e?.errorIndicator?.style,
+		error: q,
+		message: q?.userMessage ?? e?.errorIndicator?.defaultMessage,
+		onRetry: D,
+		customization: {
+			classNamePrefix: N,
+			icon: e?.errorIndicator?.icon,
+			retryButton: e?.errorIndicator?.retryButton
+		}
+	}) : oe ? /* @__PURE__ */ u(B, {
+		className: e?.emptyIndicator?.className,
+		style: e?.emptyIndicator?.style,
+		onRetry: D,
+		customization: {
+			classNamePrefix: N,
+			content: e?.emptyIndicator?.content,
+			retryButton: e?.emptyIndicator?.retryButton
+		}
+	}) : Y ? /* @__PURE__ */ u(V, {
+		onLoadMore: A ? j : void 0,
+		className: e?.moreIndicator?.className,
+		style: e?.moreIndicator?.style,
+		disabled: re,
+		customization: {
+			classNamePrefix: N,
+			loadMoreButton: e?.moreIndicator?.loadMoreButton,
+			overflowIndicator: e?.moreIndicator?.overflowIndicator
+		}
+	}) : void 0, /* @__PURE__ */ u(L, {
+		open: t,
+		dir: n,
+		lang: a,
+		"aria-label": c,
+		"aria-labelledby": l,
+		"aria-busy": S || w || void 0,
+		className: e?.modal?.className,
+		style: e?.modal?.style,
+		customization: {
+			classNamePrefix: N,
+			dialog: e?.modal?.dialog,
+			content: e?.modal?.content,
+			header: e?.modal?.header,
+			body: e?.modal?.body,
+			footer: e?.modal?.footer,
+			closeButton: e?.modal?.closeButton
+		},
+		onClose: () => {
+			d();
+		},
+		onCancel: d,
+		onClick: (e) => {
+			e.target === e.currentTarget && d();
+		},
+		headerContent: /* @__PURE__ */ u(F, {
+			ref: ee,
+			className: e?.searchInput?.className,
+			style: e?.searchInput?.style,
+			search: f,
+			onSearchChange: (e) => p(e ?? ""),
+			onKeyDown: X,
+			isSearching: ne,
+			customization: {
+				classNamePrefix: N,
+				placeholder: e?.searchInput?.placeholder,
+				title: e?.searchInput?.title,
+				pendingIndicator: {
+					className: e?.pendingIndicator?.className,
+					style: e?.pendingIndicator?.style,
+					title: e?.pendingIndicator?.title,
+					content: e?.pendingIndicator?.content,
+					component: e?.pendingIndicator?.component
+				}
+			}
+		}),
+		footerContent: v ? /* @__PURE__ */ u(I, {
+			className: e?.modal?.okButton?.className,
+			style: e?.modal?.okButton?.style,
+			title: e?.modal?.okButton?.title,
+			onClick: d,
+			customization: {
+				classNamePrefix: N,
+				content: e?.modal?.okButton?.content
+			}
+		}) : void 0,
+		children: /* @__PURE__ */ u(R, {
+			options: h,
+			value: G,
+			onValueChange: se,
+			multiple: v,
+			form: "",
+			onKeyDown: (e) => {
+				if (e.key === "Enter" && e.preventDefault(), e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight") {
+					W.current = !0;
+					return;
+				}
+				W.current = !1;
+			},
+			onOptionClick: Q,
+			onOptionKeyDown: ce,
+			customization: {
+				classNamePrefix: N,
+				optionItem: e?.optionListInput?.optionItem,
+				groupHeader: e?.optionListInput?.groupHeader
+			},
+			className: e?.optionListInput?.className,
+			style: e?.optionListInput?.style,
+			"aria-busy": re,
+			indicator: ue
+		})
+	});
+}
+//#endregion
+//#region src/option-list-select/OptionList.tsx
+function pe({ searchInput: e, optionList: t, className: n, customization: r, ref: i, children: a, ...o }) {
+	let s = r?.classNamePrefix ?? "super-select";
+	return /* @__PURE__ */ d("div", {
+		ref: i,
+		...o,
+		className: f(s, n),
+		children: [
+			e,
+			t,
+			a
+		]
+	});
+}
+//#endregion
+//#region src/option-list-select/OptionListSelect.tsx
+function me({ optionSource: e, children: t, customization: n, ref: i, onBlur: a, onFocus: c, onClick: l, onMouseDown: p, onMouseUp: m, onPointerDown: h, onPointerUp: g, onContextMenu: v, onKeyDown: S, onKeyUp: C, onBeforeInput: w, onSelect: D, onCompositionStart: O, onCompositionUpdate: k, onCompositionEnd: A, onChange: j, onInput: M, onInvalid: N, onValueChange: P, className: F, style: I, ...L }) {
+	let R = o(() => Y(t), [t]), z = s(null), V = n?.searchInput?.component ?? E, H = n?.classNamePrefix ?? "super-select", ee = H.length > 0 ? `${H}__` : "", { multiple: W, disabled: G, value: K, defaultValue: q } = L, J = K !== void 0, X = s(q), Z = B({
+		optionSource: e,
+		staticOptions: R,
+		searchMatcher: n?.searchMatcher,
+		maxAdditionalPages: n?.maxAdditionalPages,
+		value: K,
+		defaultValue: q,
+		multiple: W
+	}), se = r((e) => {
+		if (i) {
+			if (typeof i == "function") {
+				i(e);
+				return;
+			}
+			i.current = e;
+		}
+	}, [i]), Q = o(() => W ? Z.selectedValues : Z.selectedValues.slice(0, 1), [Z.selectedValues, W]), ce = r(() => {
+		if (!J) {
+			let e = b(X.current);
+			Z.handleSelectedValuesChange(W ? e : e.slice(0, 1));
+		}
+	}, [
+		Z,
+		J,
+		W
+	]), le = r((e) => {
+		e.preventDefault(), N && N(re(U({
+			id: L.id,
+			name: L.name,
+			value: W ? Q : Q[0] ?? "",
+			multiple: W,
+			disabled: G,
+			required: L.required
+		})));
+	}, [
+		G,
+		W,
+		N,
+		L,
+		Q
+	]), ue = o(() => U({
+		id: L.id,
+		name: L.name,
+		value: W ? Q : Q[0] ?? "",
+		multiple: W,
+		disabled: G,
+		required: L.required
+	}), [
+		G,
+		W,
+		L.id,
+		L.name,
+		L.required,
+		Q
+	]), $ = {
+		...L,
+		value: void 0,
+		defaultValue: void 0,
+		size: void 0
+	}, de = $, fe = ie(ue, {
+		...$,
+		onFocus: c,
+		onBlur: a,
+		onClick: l,
+		onMouseDown: p,
+		onMouseUp: m,
+		onPointerDown: h,
+		onPointerUp: g,
+		onContextMenu: v,
+		onKeyDown: S,
+		onKeyUp: C,
+		onBeforeInput: w,
+		onSelect: D,
+		onCompositionStart: O,
+		onCompositionUpdate: k,
+		onCompositionEnd: A
+	}), me = !!e, he = Z.isOptionsPending || Z.isResolveValuesPending, ge = Z.options.length > 0, _e = Z.optionsError, ve = !!_e, ye = he, be = !ve && !ye && !ge, xe = !ve && !ye && !be && !!Z.hasMore, Se = G || he, Ce = n?.optionList?.component ?? pe, we = n?.optionListInput?.component ?? x, Te = n?.errorIndicator?.component ?? ae, Ee = n?.emptyIndicator?.component ?? _, De = n?.moreIndicator?.component ?? y, Oe = n?.pendingIndicator?.component ?? T, ke;
+	ke = ye ? /* @__PURE__ */ u(Oe, {
+		inline: !0,
+		className: n?.pendingIndicator?.className,
+		style: n?.pendingIndicator?.style,
+		title: n?.pendingIndicator?.title,
+		content: n?.pendingIndicator?.content,
+		customization: { classNamePrefix: H }
+	}) : ve ? /* @__PURE__ */ u(Te, {
+		className: n?.errorIndicator?.className,
+		style: n?.errorIndicator?.style,
+		error: _e,
+		message: _e?.userMessage ?? n?.errorIndicator?.defaultMessage,
+		onRetry: Z.handleRetryOptions,
+		customization: {
+			classNamePrefix: H,
+			icon: n?.errorIndicator?.icon,
+			retryButton: n?.errorIndicator?.retryButton
+		}
+	}) : be ? /* @__PURE__ */ u(Ee, {
+		className: n?.emptyIndicator?.className,
+		style: n?.emptyIndicator?.style,
+		onRetry: Z.handleRetryOptions,
+		customization: {
+			classNamePrefix: H,
+			content: n?.emptyIndicator?.content,
+			retryButton: n?.emptyIndicator?.retryButton
+		}
+	}) : xe ? /* @__PURE__ */ u(De, {
+		onLoadMore: Z.canLoadMore ? Z.handleLoadMore : void 0,
+		className: n?.moreIndicator?.className,
+		style: n?.moreIndicator?.style,
+		disabled: Se,
+		customization: {
+			classNamePrefix: H,
+			loadMoreButton: n?.moreIndicator?.loadMoreButton,
+			overflowIndicator: n?.moreIndicator?.overflowIndicator
+		}
+	}) : void 0;
+	let Ae = r((e) => {
+		let t = W ? e : e.slice(0, 1);
+		Z.handleSelectedValuesChange(t);
+		let n = U({
+			id: L.id,
+			name: L.name,
+			multiple: W,
+			disabled: G,
+			required: L.required,
+			value: W ? t : t[0] ?? ""
+		});
+		M && M(ne(n, { data: "" })), j && j(te(n)), P && P(W ? t : t[0] ?? "");
+	}, [
+		Z,
+		G,
+		W,
+		j,
+		M,
+		P,
+		L
+	]), je = r((e) => {
+		if (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
+		let t = e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : 0;
+		if (!t) return;
+		let n = z.current;
+		if (!n) return;
+		let r = n.querySelector([
+			"[role='listbox']",
+			"[role='radiogroup']",
+			"[role='group']",
+			"fieldset",
+			"[class*='list-group']"
+		].join(",")) ?? n, i = Array.from(r.querySelectorAll([
+			"input[type='radio']:not(:disabled):not([tabindex='-1'])",
+			"input[type='checkbox']:not(:disabled):not([tabindex='-1'])",
+			"[role='radio']:not([aria-disabled='true']):not([tabindex='-1'])",
+			"[role='checkbox']:not([aria-disabled='true']):not([tabindex='-1'])",
+			"[role='option']:not([aria-disabled='true']):not([tabindex='-1'])"
+		].join(","))).filter((e) => {
+			if (e.hidden || e.getAttribute("aria-hidden") === "true") return !1;
+			let t = window.getComputedStyle(e);
+			return t.display !== "none" && t.visibility !== "hidden";
+		}), a = t > 0 ? i[0] : i[i.length - 1];
+		a && (e.preventDefault(), a.focus());
+	}, []);
+	return /* @__PURE__ */ d(Ce, {
+		ref: z,
+		className: f(n?.optionList?.className, F),
+		style: I && n?.optionList?.style ? {
+			...I,
+			...n.optionList.style
+		} : I ?? n?.optionList?.style,
+		"aria-label": L["aria-label"] ?? L.name,
+		dir: L.dir,
+		lang: L.lang,
+		customization: { classNamePrefix: H },
+		searchInput: me ? /* @__PURE__ */ u(V, {
+			className: n?.searchInput?.className,
+			style: n?.searchInput?.style,
+			search: Z.searchValue,
+			onSearchChange: (e) => Z.handleSearchChange(e ?? ""),
+			onKeyDown: je,
+			disabled: G,
+			isSearching: Z.isSearching,
+			customization: {
+				classNamePrefix: H,
+				placeholder: n?.searchInput?.placeholder,
+				title: n?.searchInput?.title,
+				pendingIndicator: {
+					className: n?.pendingIndicator?.className,
+					style: n?.pendingIndicator?.style,
+					title: n?.pendingIndicator?.title,
+					content: n?.pendingIndicator?.content,
+					component: n?.pendingIndicator?.component
+				}
+			}
+		}) : void 0,
+		optionList: /* @__PURE__ */ u(we, {
+			...de,
+			...fe,
+			ref: se,
+			id: L.id,
+			name: L.name,
+			multiple: W,
+			disabled: G,
+			required: L.required,
+			form: L.form,
+			autoComplete: L.autoComplete,
+			autoFocus: L.autoFocus,
+			tabIndex: L.tabIndex,
+			title: L.title,
+			options: Z.options,
+			value: Q,
+			onValueChange: Ae,
+			className: n?.optionListInput?.className,
+			style: n?.optionListInput?.style,
+			customization: {
+				classNamePrefix: H,
+				optionItem: n?.optionListInput?.optionItem,
+				groupHeader: n?.optionListInput?.groupHeader
+			},
+			"aria-busy": he,
+			indicator: ke
+		}),
+		children: [L.required ? /* @__PURE__ */ u("input", {
+			type: "checkbox",
+			checked: Q.length > 0,
+			required: !0,
+			disabled: G,
+			form: L.form,
+			tabIndex: -1,
+			"aria-hidden": !0,
+			onChange: () => void 0,
+			onInvalid: le,
+			hidden: !0,
+			className: `${ee}visually-hidden`
+		}) : null, J ? null : /* @__PURE__ */ u(oe, {
+			form: L.form,
+			onReset: ce
+		})]
+	});
+}
+//#endregion
+//#region src/toggle-button-select/ToggleButtonInput.tsx
+function he({ autoComplete: e, autoFocus: t, className: n, customization: r, disabled: i, form: a, id: s, multiple: c, name: l, onValueToggle: p, options: m, value: h, required: g, style: _, tabIndex: v, title: y, ref: b, ...x }) {
+	let S = r?.classNamePrefix ?? "super-select", C = S.length > 0 ? `${S}__` : "", w = o(() => new Set(h), [h]), T = o(() => m.find((e) => e.hidden) ? m.filter((e) => !e.hidden) : m, [m]), E = o(() => {
+		if (t) return T.find((e) => !(i || e.disabled))?.value;
+	}, [
+		t,
+		i,
+		T
+	]), D = o(() => ge(T), [T]), O = x["aria-label"] ?? l;
+	return /* @__PURE__ */ u("fieldset", {
+		ref: b,
+		...x,
+		id: s,
+		disabled: i,
+		role: c ? "group" : "radiogroup",
+		"aria-disabled": i || void 0,
+		"aria-required": g || void 0,
+		"aria-label": O,
+		className: f(S, `${C}btn-toolbar`, n),
+		style: _,
+		title: y,
+		tabIndex: v,
+		children: D.map(({ label: t, options: n }) => /* @__PURE__ */ u("div", {
+			className: f(`${C}btn-group`, r?.buttonGroup?.className),
+			style: r?.buttonGroup?.style,
+			children: n.map((t) => {
+				let n = w.has(t.value), o = i || t.disabled, s = c ? "checkbox" : "radio";
+				return /* @__PURE__ */ d("label", {
+					className: f(`${C}btn`, `${C}btn-outline-secondary`, n && `${C}active`, o && `${C}disabled`, r?.button?.className),
+					style: r?.button?.style,
+					children: [/* @__PURE__ */ u("input", {
+						value: t.value,
+						className: `${C}btn-check`,
+						checked: n,
+						autoComplete: e,
+						autoFocus: t.value === E,
+						disabled: o,
+						form: a,
+						name: l,
+						type: s,
+						onChange: () => p(t.value),
+						onClick: (e) => {
+							c || !n || o || (e.preventDefault(), window.setTimeout(() => {
+								p(t.value);
+							}, 0));
+						}
+					}), /* @__PURE__ */ u("span", { children: t.children ?? t.label })]
+				}, t.value);
+			})
+		}, t))
+	});
+}
+function ge(e) {
+	let t = [], n;
+	for (let r of e) {
+		let e = r.groupLabel ?? "";
+		if (n && n.label === e) {
+			n.options.push(r);
+			continue;
+		}
+		if (n = t.find((t) => t.label === e), n) {
+			n.options.push(r);
+			continue;
+		}
+		n = {
+			label: e,
+			options: [r]
+		}, t.push(n);
+	}
+	return t;
+}
+//#endregion
+//#region src/toggle-button-select/ToggleButtonSelect.tsx
+function _e({ autoComplete: e, autoFocus: t, children: n, className: i, customization: f, defaultValue: p, disabled: m, form: h, id: g, multiple: _, name: v, required: y, style: x, tabIndex: S, title: C, value: w, onChange: T, onInput: E, onValueChange: D, onInvalid: O, ref: k, ...A }) {
+	let j = o(() => Y(n), [n]), M = w !== void 0, N = s(p), [P, F] = c(() => {
+		let e = b(M ? w : p);
+		return _ ? e : e.slice(0, 1);
+	}), I = o(() => M ? b(w) : P, [
+		P,
+		M,
+		w
+	]), L = a(), R = _ ? v : v ?? `_toggle-button-select-${L}`, z = f?.classNamePrefix ?? "super-select", B = z.length > 0 ? `${z}__` : "", V = r((e) => U({
+		id: g,
+		name: v,
+		multiple: _,
+		disabled: m,
+		required: y,
+		value: _ ? e : e[0]
+	}), [
+		g,
+		v,
+		_,
+		y,
+		m
+	]), H = r((e) => {
+		e.preventDefault(), O && O(re(V(I)));
+	}, [
+		V,
+		O,
+		I
+	]), ee = r(() => {
+		if (!M) {
+			let e = b(N.current);
+			F(_ ? e : e.slice(0, 1));
+		}
+	}, [M, _]), W = r((e) => {
+		if (m) return;
+		let t;
+		t = _ ? I.includes(e) ? I.filter((t) => t !== e) : [...I, e] : I.includes(e) ? [] : [e], M || F(t);
+		let n = V(t);
+		E && E(ne(n, { data: "" })), T && T(te(n)), D && D(_ ? t : t[0] ?? "");
+	}, [
+		V,
+		m,
+		M,
+		_,
+		T,
+		E,
+		D,
+		I
+	]), G = !!y, K = f?.component ?? he, q = {
+		...A,
+		size: void 0
+	}, J = q, ae = ie(V(I), q);
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ u(K, {
+			...J,
+			...ae,
+			autoComplete: e,
+			autoFocus: t,
+			className: i,
+			customization: f,
+			disabled: m,
+			form: h,
+			id: g,
+			multiple: _,
+			name: R,
+			value: I,
+			onValueToggle: W,
+			options: j,
+			required: y,
+			style: x,
+			tabIndex: S,
+			title: C,
+			ref: k
+		}),
+		G ? /* @__PURE__ */ u("input", {
+			type: "checkbox",
+			checked: I.length > 0,
+			required: !0,
+			disabled: m,
+			form: h,
+			tabIndex: -1,
+			"aria-hidden": !0,
+			hidden: !0,
+			onChange: () => void 0,
+			onInvalid: H,
+			className: `${B}visually-hidden`
+		}) : null,
+		M ? null : /* @__PURE__ */ u(oe, {
+			form: h,
+			onReset: ee
+		})
+	] });
+}
+//#endregion
+//#region src/utils/Fallback.tsx
+function ve({ "aria-busy": e, "aria-describedby": t, "aria-label": n, "aria-labelledby": r, accessKey: i, children: a, className: o, dir: s, hidden: c, id: l, lang: d, style: p, tabIndex: m, title: h, customization: g }) {
+	let _ = g?.classNamePrefix ?? "super-select", v = _.length > 0 ? `${_}__` : "";
+	return /* @__PURE__ */ u("div", {
+		id: l,
+		"aria-busy": e,
+		"aria-describedby": t,
+		"aria-label": n,
+		"aria-labelledby": r,
+		accessKey: i,
+		className: f(`${v}list-group`, o),
+		dir: s,
+		hidden: c,
+		lang: d,
+		style: p,
+		tabIndex: m,
+		title: h,
+		children: /* @__PURE__ */ u("div", {
+			className: `${v}list-group-item`,
+			children: a
+		})
+	});
+}
+//#endregion
+//#region src/SuperSelect.tsx
+function ye({ mode: e, optionSource: t, customization: n, ref: a, children: p, multiple: m, disabled: h, required: g, value: _, defaultValue: v, onChange: y, onInvalid: x, onValueChange: S, className: C, style: w, ...E }) {
+	let D = typeof e == "function" ? void 0 : e, O = typeof e == "function" ? e : void 0, k = !!t && (!!O || D !== void 0 && !Se(D)), [A, j] = c(0), N = o(() => ({
+		optionSource: t,
+		retryCount: A,
+		shouldLoadOptions: k
+	}), [
+		A,
+		t,
+		k
+	]), [P, F] = c(() => k ? Ee(N) : we);
+	i(() => {
+		if (!t || !k) return;
+		let e = new AbortController(), n = !1;
+		return Promise.resolve().then(() => {
+			if (!(n || e.signal.aborted)) return F(Ee(N)), t.getOptionPage({ signal: e.signal });
+		}).then((t) => {
+			!t || n || e.signal.aborted || F({
+				loadKey: N,
+				options: t.options,
+				hasMore: !!t.hasMore,
+				isPending: !1,
+				error: void 0
+			});
+		}).catch((t) => {
+			n || e.signal.aborted || F({
+				loadKey: N,
+				options: [],
+				hasMore: !1,
+				isPending: !1,
+				error: M(t)
+			});
+		}), () => {
+			n = !0, e.abort();
+		};
+	}, [
+		t,
+		N,
+		k
+	]);
+	let I = o(() => Y(p), [p]), R = we;
+	k && (R = P.loadKey === N ? P : Ee(N));
+	let z = o(() => L(I, R.options), [R.options, I]), B = o(() => {
+		if (D) return D;
+		if (O) {
+			let e = O({
+				options: z,
+				hasMore: R.hasMore,
+				multiple: !!m,
+				disabled: !!h,
+				required: !!g,
+				optionSource: t,
+				error: R.error
+			});
+			if (e) return e;
+		}
+		return "modal";
+	}, [
+		h,
+		z,
+		O,
+		m,
+		t,
+		D,
+		g,
+		R.error,
+		R.hasMore
+	]), V = _ !== void 0, H = s(v), [ee, W] = c(void 0), [te, ne] = c(0), G = r((e) => {
+		let t = Array.from(e.currentTarget.selectedOptions).map((e) => e?.value ?? ""), n = [];
+		m && t.length > 0 ? n = t : e.currentTarget.value && e.currentTarget.value.length > 0 && (n = [e.currentTarget.value]), V || W(m ? n : n[0] ?? ""), S && S(m ? n : n[0] ?? ""), y && y(e);
+	}, [
+		V,
+		m,
+		y,
+		S
+	]), K = k && !R.isPending && R.error === void 0 && (!Se(B) || !R.hasMore), ie = t && Se(B) && !K ? t : void 0, q = K ? Ce(p, I, R.options) : p, J = ee === void 0 ? v : ee, X = o(() => {
+		let e = b(V ? _ : J);
+		return m ? e : e.slice(0, 1);
+	}, [
+		J,
+		V,
+		m,
+		_
+	]), Z = r(() => {
+		j((e) => e + 1);
+	}, []), se = r(() => {
+		V || (W(H.current), ne((e) => e + 1));
+	}, [V]), Q = n?.classNamePrefix ?? "super-select", ce = Q.length > 0 ? `${Q}__` : "", le = n?.fallback?.component ?? ve, ue = n?.pendingIndicator?.component ?? T, $ = n?.errorIndicator?.component ?? ae, de = f(C, n?.fallback?.className), fe = w && n?.fallback?.style ? {
+		...w,
+		...n.fallback.style
+	} : w ?? n?.fallback?.style, pe;
+	k && R.isPending ? pe = /* @__PURE__ */ u(ue, {
+		inline: !0,
+		className: n?.pendingIndicator?.className,
+		style: n?.pendingIndicator?.style,
+		title: n?.pendingIndicator?.title,
+		content: n?.pendingIndicator?.content,
+		customization: { classNamePrefix: Q }
+	}) : k && R.error && (pe = /* @__PURE__ */ u($, {
+		className: n?.errorIndicator?.className,
+		style: n?.errorIndicator?.style,
+		error: R.error,
+		message: R.error.userMessage ?? n?.errorIndicator?.defaultMessage,
+		onRetry: Z,
+		customization: {
+			classNamePrefix: Q,
+			icon: n?.errorIndicator?.icon,
+			retryButton: n?.errorIndicator?.retryButton
+		}
+	}));
+	let me = E.name && X.length > 0 ? m ? X.map((e, t) => /* @__PURE__ */ u("input", {
+		type: "hidden",
+		name: E.name,
+		value: e,
+		form: E.form,
+		disabled: h
+	}, `super-select-async-hidden-value-${e}-${t}`)) : /* @__PURE__ */ u("input", {
+		type: "hidden",
+		name: E.name,
+		value: X[0] ?? "",
+		form: E.form,
+		disabled: h
+	}) : null;
+	return pe ? /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ u(le, {
+			id: E.id,
+			"aria-busy": R.isPending || void 0,
+			"aria-describedby": E["aria-describedby"],
+			"aria-label": E["aria-label"],
+			"aria-labelledby": E["aria-labelledby"],
+			accessKey: E.accessKey,
+			className: de,
+			dir: E.dir,
+			hidden: E.hidden,
+			lang: E.lang,
+			style: fe,
+			tabIndex: E.tabIndex,
+			title: E.title,
+			customization: { classNamePrefix: Q },
+			children: pe
+		}),
+		me,
+		g ? /* @__PURE__ */ u("select", {
+			required: !0,
+			disabled: h,
+			form: E.form,
+			multiple: m,
+			value: m ? X : X[0] ?? "",
+			onChange: () => void 0,
+			onInvalid: (e) => {
+				e.preventDefault(), x && x(re(U({
+					id: E.id,
+					name: E.name,
+					value: m ? X : X[0] ?? "",
+					multiple: m,
+					disabled: h,
+					required: g
+				})));
+			},
+			"aria-hidden": !0,
+			tabIndex: -1,
+			className: `${ce}visually-hidden`,
+			children: X.map((e) => /* @__PURE__ */ u("option", {
+				value: e,
+				children: e
+			}, e))
+		}) : null,
+		V ? null : /* @__PURE__ */ u(oe, {
+			form: E.form,
+			onReset: se
+		})
+	] }) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(be, {
+		ref: a,
+		...E,
+		mode: B,
+		className: C,
+		style: w,
+		multiple: m,
+		disabled: h,
+		required: g,
+		value: _,
+		defaultValue: V ? void 0 : J,
+		onChange: G,
+		onInvalid: x,
+		optionSource: ie,
+		customization: n,
+		children: q
+	}, te), V ? null : /* @__PURE__ */ u(oe, {
+		form: E.form,
+		onReset: se
+	})] });
+}
+function be({ mode: e, onChange: t, optionSource: n, customization: r, children: i, ref: a, ...o }) {
+	let s = r?.classNamePrefix ?? "super-select";
+	if (e === "option-list") return /* @__PURE__ */ u(me, {
+		ref: a,
+		...o,
+		onChange: t,
+		optionSource: n,
+		customization: r,
+		children: i
+	});
+	if (e === "toggle-button") return /* @__PURE__ */ u(_e, {
+		ref: a,
+		...o,
+		className: r?.toggleButtonInput?.className ?? o.className,
+		style: o.style && r?.toggleButtonInput?.style ? {
+			...o.style,
+			...r.toggleButtonInput.style
+		} : o.style ?? r?.toggleButtonInput?.style,
+		onChange: t,
+		customization: r ? {
+			classNamePrefix: s,
+			...r.toggleButtonInput
+		} : void 0,
+		children: i
+	});
+	if (e === "native") {
+		let e = s.length > 0 ? `${s}__` : "", n = r?.selectInput?.component ?? xe, c = r?.selectInput?.className ?? o.className;
+		return n === xe && (c = f(`${e}form-select`, c)), /* @__PURE__ */ u(n, {
+			ref: a,
+			...o,
+			className: c,
+			style: o.style && r?.selectInput?.style ? {
+				...o.style,
+				...r.selectInput.style
+			} : o.style ?? r?.selectInput?.style,
+			onChange: t,
+			children: i
+		});
+	}
+	return /* @__PURE__ */ u($, {
+		ref: a,
+		...o,
+		onChange: t,
+		optionSource: n,
+		customization: r,
+		children: i
+	});
+}
+function xe({ ref: e, ...t }) {
+	return /* @__PURE__ */ u("select", {
+		ref: e,
+		...t
+	});
+}
+function Se(e) {
+	return e === "modal" || e === "option-list";
+}
+function Ce(t, n, r) {
+	if (r.length === 0) return t;
+	let i = [], a = new Set(n.map((e) => e.value));
+	for (let e of r) a.has(e.value) || (a.add(e.value), i.push(e));
+	if (i.length === 0) return t;
+	let o = [], s = 0, c = 0;
+	for (; s < i.length;) {
+		let e = i[s], t = e.groupLabel;
+		if (!t) {
+			o.push(/* @__PURE__ */ u("option", {
+				value: e.value,
+				disabled: e.disabled,
+				hidden: e.hidden,
+				label: e.label,
+				children: e.children ?? e.label
+			}, `super-select-async-option-${c}-${e.value}`)), s += 1, c += 1;
+			continue;
+		}
+		let n = [];
+		for (; s < i.length && i[s].groupLabel === t;) n.push(i[s]), s += 1, c += 1;
+		o.push(/* @__PURE__ */ u("optgroup", {
+			label: t,
+			children: n.map((e, t) => /* @__PURE__ */ u("option", {
+				value: e.value,
+				disabled: e.disabled,
+				hidden: e.hidden,
+				label: e.label,
+				children: e.children ?? e.label
+			}, `super-select-async-group-option-${c}-${t}-${e.value}`))
+		}, `super-select-async-group-${c}-${t}`));
+	}
+	if (!t) return o;
+	let l = e.toArray(t);
+	return l.length === 0 ? o : [...l, ...o];
+}
+var we = {
+	options: [],
+	hasMore: !1,
+	isPending: !1,
+	error: void 0
+}, Te = {
+	options: [],
+	hasMore: !1,
+	isPending: !0,
+	error: void 0
+};
+function Ee(e) {
+	return {
+		...Te,
+		loadKey: e
+	};
+}
+//#endregion
+export { p as CloseButton, _ as EmptyIndicator, ae as ErrorIndicator, ve as Fallback, m as Modal, $ as ModalSelect, Q as ModalSelectButton, y as MoreIndicator, le as OkButton, pe as OptionList, x as OptionListInput, me as OptionListSelect, N as OptionSource, k as OptionSourceError, T as PendingIndicator, E as SearchInput, ue as SelectedContent, ye as SuperSelect, he as ToggleButtonInput, _e as ToggleButtonSelect, M as convertToOptionSourceError, P as createOptionSource, A as isOptionSourceErrorLike };