@revolist/ui 4.0.1-rc → 4.0.1

package/_chunks/native-control-B9MNibfa.js

@@ -0,0 +1,649 @@
+import { c as e, i as t, u as n } from "./preact.module-BBM36DnO.js";
+import { c as r, i, n as a, o, r as s, s as c, t as l } from "./hooks.module-CG3gN83z.js";
+import { t as u } from "./jsxRuntime.module-F6UFnpT-.js";
+import { renderPreactInto as d } from "../preact-mount.js";
+import { i as f } from "./top-layer-popup-CNSDdfJV.js";
+import { t as p } from "./title-tooltip-Cw6LOZhb.js";
+import { t as m } from "./field-context-D57PnBbH.js";
+import { r as h, t as g } from "./popup-C35Isk7p.js";
+import { t as _ } from "./selection-list-tooltips-BtWjpP6M.js";
+import { useDropdownService as v } from "../dropdown/dropdown.service.js";
+import { RemoveButton as y } from "../buttons/remove-button.js";
+import { t as b } from "./chevron-down-GbplLa6s.js";
+import { registerControl as x, renderControl as S } from "../control-presentation.js";
+//#region src/dropdown/remote.ts
+var C = {
+	loading: "Loading…",
+	empty: "No results found",
+	error: "Unable to load options.",
+	retry: "Retry",
+	loadMore: "Load more",
+	unavailable: (e) => `Unavailable (${String(e)})`
+}, w = class {
+	source;
+	context;
+	changed;
+	text;
+	settings;
+	cache = /* @__PURE__ */ new Map();
+	ids = [];
+	items = [];
+	query = "";
+	cursor;
+	seen = /* @__PURE__ */ new Set();
+	searchAbort;
+	resolveAbort;
+	timer;
+	generation = 0;
+	resolution = 0;
+	disposed = !1;
+	loading = !1;
+	searchFailed = !1;
+	failedCursor;
+	resolveFailed = !1;
+	opened = !1;
+	constructor(e, t, n, r = C, i = {}) {
+		this.source = e, this.context = t, this.changed = n, this.text = r, this.settings = i;
+	}
+	remember(e) {
+		for (let t of e) {
+			if (typeof t.value != "string" && (typeof t.value != "number" || !Number.isFinite(t.value))) throw TypeError("Remote dropdown values must be finite numeric or string IDs.");
+			this.cache.set(t.value, t);
+		}
+	}
+	emit() {
+		this.disposed || this.changed({
+			items: [...this.items],
+			selected: this.ids.map((e) => this.cache.get(e) ?? {
+				value: e,
+				label: this.text.unavailable(e),
+				unresolved: !0
+			}),
+			loading: this.loading,
+			error: this.searchFailed || this.resolveFailed,
+			hasMore: this.cursor !== void 0
+		});
+	}
+	setSelected(e, t = []) {
+		this.remember(t), this.ids = [...new Set(e)], this.resolveAbort?.abort();
+		let n = ++this.resolution, r = this.ids.filter((e) => !this.cache.has(e));
+		if (this.resolveFailed = !1, this.emit(), !r.length || this.disposed) return;
+		let i = this.resolveAbort = new AbortController();
+		Promise.resolve().then(() => this.source.resolve({
+			ids: r,
+			signal: i.signal,
+			context: this.context
+		})).then((e) => {
+			this.disposed || i.signal.aborted || n !== this.resolution || (this.remember(e), this.emit());
+		}).catch(() => {
+			this.disposed || i.signal.aborted || n !== this.resolution || (this.resolveFailed = !0, this.emit());
+		});
+	}
+	search(e, t = !1) {
+		this.disposed || (this.opened = !0, this.query = e, this.searchAbort?.abort(), clearTimeout(this.timer), ++this.generation, this.items = [], this.cursor = void 0, this.seen.clear(), this.loading = !0, this.searchFailed = !1, this.emit(), t ? this.page(void 0, this.generation) : this.timer = setTimeout(() => void this.page(void 0, this.generation), this.settings.debounceMs ?? 200));
+	}
+	async page(e, t) {
+		if (this.disposed || t !== this.generation || this.seen.has(e)) return;
+		this.seen.add(e), this.loading = !0, this.searchFailed = !1, this.emit();
+		let n = this.searchAbort = new AbortController();
+		try {
+			let r = await this.source.search({
+				query: this.query,
+				cursor: e,
+				pageSize: this.settings.pageSize ?? 50,
+				signal: n.signal,
+				context: this.context
+			});
+			if (this.disposed || n.signal.aborted || t !== this.generation) return;
+			this.remember(r.items);
+			let i = new Map(this.items.map((e) => [e.value, e]));
+			r.items.forEach((e) => i.set(e.value, e)), this.items = [...i.values()], this.cursor = r.nextCursor ?? void 0, this.seen.has(this.cursor) && (this.cursor = void 0);
+		} catch {
+			if (this.disposed || n.signal.aborted || t !== this.generation) return;
+			this.seen.delete(e), this.failedCursor = e, this.searchFailed = !0;
+		} finally {
+			!this.disposed && !n.signal.aborted && t === this.generation && (this.loading = !1, this.emit());
+		}
+	}
+	loadMore() {
+		!this.loading && !this.searchFailed && this.cursor !== void 0 && this.page(this.cursor, this.generation);
+	}
+	retry() {
+		this.resolveFailed && this.setSelected(this.ids), this.searchFailed && this.opened && this.page(this.failedCursor, this.generation);
+	}
+	close() {
+		this.opened = !1, this.searchAbort?.abort(), clearTimeout(this.timer), ++this.generation, this.loading = !1, this.emit();
+	}
+	destroy() {
+		this.disposed = !0, this.close(), this.resolveAbort?.abort(), ++this.resolution;
+	}
+};
+//#endregion
+//#region src/dropdown/remote-hook.ts
+function T(e) {
+	let t = a(() => ({
+		...C,
+		...e.remoteText
+	}), [e.remoteText]), [n, o] = i({
+		items: [],
+		selected: [],
+		loading: !1,
+		error: !1,
+		hasMore: !1
+	}), c = l(), u = e.value === null || e.value === void 0 ? [] : Array.isArray(e.value) ? e.value : [e.value], d = JSON.stringify(u);
+	return s(() => {
+		if (!e.dataSource || e.disabled) {
+			o({
+				items: [],
+				selected: [],
+				loading: !1,
+				error: !1,
+				hasMore: !1
+			});
+			return;
+		}
+		let n = new w(e.dataSource, e.dataContext, o, t);
+		return c.current = n, () => {
+			n.destroy(), c.current === n && (c.current = void 0);
+		};
+	}, [
+		e.dataSource,
+		e.dataContext,
+		e.disabled,
+		t
+	]), s(() => {
+		c.current?.setSelected(u, e.source);
+	}, [
+		d,
+		e.source,
+		e.dataSource,
+		e.dataContext,
+		e.disabled,
+		t
+	]), r(() => {
+		e.open ? c.current?.search(e.initialQuery, !0) : c.current?.close();
+	}, [
+		e.open,
+		e.dataSource,
+		e.dataContext,
+		e.disabled,
+		e.initialQuery,
+		t
+	]), {
+		...n,
+		text: t,
+		search: (e) => c.current?.search(e),
+		loadMore: () => c.current?.loadMore(),
+		retry: () => c.current?.retry()
+	};
+}
+//#endregion
+//#region src/dropdown/content.tsx
+function E({ options: e, selectedValues: t, remote: n, value: i, onChange: a, config: c, multiSelect: d, search: f, searchPlaceholder: p, listboxId: m, searchId: h, renderOption: g, renderNoResults: y, onClose: b, onTabNavigation: x, theme: S }) {
+	let C = l(null), w = l(null), T = l(null), E = l(!1), { searchValue: ee, focusedIndex: O, selectedOptions: k, filteredOptions: A, handleSelect: j, handleKeyDown: M, handleSearchChange: N, setFocusedIndex: P } = v(e, i, a, c, b, n && {
+		selected: t ?? [],
+		search: n.search
+	}), F = O >= 0 && O < A.length && !A[O].disabled ? `${m}-option-${O}` : void 0;
+	s(() => {
+		let e = T.current;
+		if (!E.current || !e || !F) return;
+		E.current = !1;
+		let t = e.ownerDocument.getElementById(F);
+		if (!t) return;
+		let n = e.getBoundingClientRect(), { top: r, bottom: i } = t.getBoundingClientRect();
+		r < n.top ? e.scrollTop += r - n.top : i > n.bottom && (e.scrollTop += i - n.bottom);
+	});
+	let I = _(), L = o((e) => {
+		w.current = e, I(e);
+	}, [I]);
+	return r(() => {
+		if (!c.autoFocus) return;
+		let e = () => {
+			f && C.current ? C.current.focus({ preventScroll: !0 }) : w.current?.focus({ preventScroll: !0 });
+		}, t = w.current?.ownerDocument.defaultView ?? (typeof window < "u" ? window : void 0);
+		if (!t) return;
+		e();
+		let n = t.setTimeout(e, 0), r = t.requestAnimationFrame(e), i = t.setTimeout(e, 16);
+		return () => {
+			t.clearTimeout(n), t.cancelAnimationFrame(r), t.clearTimeout(i);
+		};
+	}, [c.autoFocus, f]), /* @__PURE__ */ u("div", {
+		ref: L,
+		className: "dropdown-listbox",
+		"data-theme": S ?? "default",
+		role: "listbox",
+		id: m,
+		"aria-multiselectable": d,
+		"aria-activedescendant": F,
+		tabIndex: -1,
+		"aria-busy": n?.loading,
+		onScrollCapture: (e) => {
+			let t = e.target;
+			n && t.scrollHeight - t.scrollTop - t.clientHeight < 48 && n.loadMore();
+		},
+		onKeyUp: (e) => e.stopPropagation(),
+		onKeyDown: (e) => {
+			if (e.stopPropagation(), e.key === "Escape") e.preventDefault(), e.stopPropagation(), b(!1);
+			else if (e.key === "Tab") {
+				if (c.nativeTabNavigation && x) {
+					x();
+					return;
+				}
+				e.preventDefault(), e.stopPropagation(), c.closeOnTab && b(!0);
+			} else (e.key !== " " || e.target !== C.current) && (E.current = e.key === "ArrowDown" || e.key === "ArrowUp", M(e));
+		},
+		children: [
+			f && /* @__PURE__ */ u("div", {
+				className: "dropdown-search",
+				children: /* @__PURE__ */ u("input", {
+					ref: C,
+					type: "text",
+					id: h,
+					className: `dropdown-search-input ${S ? `theme-${S}` : ""}`,
+					placeholder: p,
+					value: ee,
+					onChange: N,
+					onInput: N,
+					"aria-label": c.searchAriaLabel ?? "Search options"
+				})
+			}),
+			n?.loading && /* @__PURE__ */ u("div", {
+				role: "status",
+				children: n.text.loading
+			}),
+			n?.error && /* @__PURE__ */ u("div", {
+				role: "alert",
+				children: [
+					n.text.error,
+					" ",
+					/* @__PURE__ */ u(H, {
+						onClick: n.retry,
+						children: n.text.retry
+					})
+				]
+			}),
+			/* @__PURE__ */ u(D, {
+				options: e,
+				filteredOptions: A,
+				multiSelect: d,
+				focusedIndex: O,
+				selectedOptions: k,
+				onKeyDown: M,
+				onSelect: j,
+				onFocusChange: P,
+				renderOption: g,
+				renderNoResults: n ? () => n.loading || n.error ? null : n.text.empty : y,
+				dropdownListRef: T,
+				theme: S,
+				optionIdPrefix: m
+			}),
+			n?.hasMore && /* @__PURE__ */ u(H, {
+				disabled: n.loading,
+				onClick: n.loadMore,
+				children: n.text.loadMore
+			})
+		]
+	});
+}
+function D({ options: n, filteredOptions: r, multiSelect: i, focusedIndex: a, selectedOptions: s, onKeyDown: c, onSelect: l, onFocusChange: d, renderOption: f, renderNoResults: p, dropdownListRef: m, theme: h, optionIdPrefix: g }) {
+	let _ = o((e) => s.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), [s]), v = o((t, n) => {
+		let r = _(t), o = a === n;
+		return /* @__PURE__ */ u("li", {
+			id: `${g}-option-${n}`,
+			role: "option",
+			"data-value": typeof t.value == "string" || typeof t.value == "number" ? String(t.value) : void 0,
+			"aria-selected": r,
+			"aria-disabled": t.disabled,
+			tabIndex: -1,
+			className: `dropdown-option ${r ? "selected" : ""} ${o ? "focused" : ""} ${t.disabled ? "disabled" : ""} ${h ? `theme-${h}` : ""}`,
+			onClick: () => l(t),
+			onMouseEnter: () => {
+				t.disabled || d(n);
+			},
+			children: f ? f(e, t, r) : /* @__PURE__ */ u("div", {
+				className: "option-content",
+				children: [i && /* @__PURE__ */ u("input", {
+					type: "checkbox",
+					checked: r,
+					readOnly: !0,
+					disabled: t.disabled,
+					tabIndex: -1,
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ u("span", { children: t.label })]
+			})
+		}, `${t.label}-${n}`);
+	}, [
+		a,
+		l,
+		_,
+		i,
+		f,
+		d,
+		h
+	]);
+	return /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u("ul", {
+		ref: m,
+		className: "dropdown-options",
+		role: "presentation",
+		tabIndex: -1,
+		children: r.length > 0 ? r.map(v) : /* @__PURE__ */ u("li", {
+			className: "no-results",
+			children: p ? p(e) : /* @__PURE__ */ u("span", { children: "No results found" })
+		})
+	}) });
+}
+//#endregion
+//#region src/dropdown/index.tsx
+var ee = ({ options: t, className: n, renderValue: r }) => /* @__PURE__ */ u("span", {
+	className: `selected-value ${n}`,
+	children: r ? r(e, t[0]) : t[0].label
+}), O = ({ options: t, removeOption: n, className: r, renderValue: i, disabled: a, removeLabel: o }) => /* @__PURE__ */ u("div", {
+	className: `selected-values ${r}`,
+	children: t.map((t, r) => /* @__PURE__ */ u("span", {
+		className: "selected-tag",
+		children: [i ? i(e, t) : t.label, !a && !t.disabled && /* @__PURE__ */ u(y, {
+			compact: !0,
+			onClick: (e) => {
+				e.stopPropagation(), n(t);
+			},
+			locale: {
+				title: o?.(t.label) ?? `Remove ${t.label}`,
+				ariaLabel: o?.(t.label) ?? `Remove ${t.label}`
+			}
+		})]
+	}, r))
+}), k = ({ className: e }) => /* @__PURE__ */ u("span", {
+	className: `dropdown-arrow ${e}`,
+	"aria-hidden": "true",
+	dangerouslySetInnerHTML: { __html: b }
+}), A = ({ placeholder: e, className: t }) => [/* @__PURE__ */ u("span", {
+	className: `placeholder px-2 ${t}`,
+	children: e
+}), /* @__PURE__ */ u(k, { className: "mr-2" })];
+function j({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, remoteText: c, value: d, onChange: m, placeholder: h = "Select an option", disabled: _ = !1, name: v, id: y, className: b = "", style: x, config: S = {}, renderContent: C, renderOption: w, renderValue: D, renderPlaceholder: j, renderSelectedValue: M, renderNoResults: N, onClose: P, beforeOutsideClose: F, environment: I }) {
+	let { search: L = !1, searchPlaceholder: R = "Search...", closeOnClickOutside: z = !0, autoOpen: B = !1, multiSelect: V = !1, portalTarget: H, ariaLabel: te, ariaLabelledBy: ne, ariaDescribedBy: re, popupClassName: ie, maxHeight: ae } = S, { title: oe, ...se } = n ?? {}, U = p(typeof oe == "string" ? oe : void 0), W = H ?? (S.topLayer ? U.current?.closest("dialog[open], [role=dialog], revo-grid") : void 0) ?? (typeof document < "u" ? document.body : null), G = a(() => y || `dropdown-${Math.random().toString(36).substring(2, 9)}`, [y]), K = `${G}-listbox`, ce = `${G}-search`, q = `${G}-menu`, [J, Y] = i(B && !_), [le, ue] = i(!_ && (B || !!S.autoFocus)), de = l(B), fe = S.theme ?? "default";
+	r(() => {
+		B && !de.current && !_ && (ue(!0), Y(!0)), de.current = B;
+	}, [B, _]), r(() => {
+		_ && J && (Y(!1), P?.(!1));
+	}, [_, J]);
+	let X = T({
+		dataSource: o,
+		dataContext: s,
+		remoteText: c,
+		value: d,
+		disabled: _,
+		source: t,
+		open: J,
+		initialQuery: S.initialSearch ?? ""
+	}), Z = o ? [...new Map([...X.selected, ...X.items].map((e) => [e.value, e])).values()] : t, Q = a(() => {
+		if (d === void 0) return [];
+		if (V && Array.isArray(d)) return Z.filter((e) => d.some((t) => JSON.stringify(t) === JSON.stringify(e.value)));
+		{
+			let e = Z.find((e) => JSON.stringify(e.value) === JSON.stringify(d));
+			return e ? [e] : [];
+		}
+	}, [
+		d,
+		Z,
+		V
+	]), pe = () => {
+		_ || Y((e) => {
+			let t = !e;
+			return t && ue(!0), t;
+		});
+	}, $ = (e = !1) => {
+		Y((t) => (t && P?.(e), !1));
+	};
+	r(() => {
+		if (!J) return;
+		let e = U.current;
+		if (e) return I?.onOpen?.(e, $);
+	}, [J]);
+	let me = (e) => {
+		if (!(_ || e.disabled)) {
+			if (V) {
+				let t = Q.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), n;
+				n = t ? Q.filter((t) => JSON.stringify(t.value) !== JSON.stringify(e.value)) : [...Q, e], m && m(n.map((e) => e.value));
+			} else m && m(e.value), $();
+		}
+	};
+	r(() => {
+		if (!z || !J) return;
+		let e = W?.ownerDocument ?? U.current?.ownerDocument ?? (typeof document < "u" ? document : void 0);
+		if (!e) return;
+		let t = (t) => {
+			let n = e.getElementById(q), r = t.target;
+			if (n && r && !f(n, r) && U.current && !U.current.contains(r)) {
+				if (F?.() === !1) {
+					t.preventDefault(), t.stopImmediatePropagation();
+					return;
+				}
+				$();
+			}
+		}, n = !!F;
+		return e.addEventListener("pointerdown", t, n), () => {
+			e.removeEventListener("pointerdown", t, n);
+		};
+	}, [
+		z,
+		J,
+		q,
+		W,
+		F
+	]);
+	let he = () => {
+		let t = [k({})];
+		return M ? M(e, Q, t) : Q.length > 0 ? V ? [/* @__PURE__ */ u(O, {
+			options: Q,
+			removeOption: me,
+			renderValue: D,
+			disabled: _,
+			removeLabel: S.removeLabel
+		}), /* @__PURE__ */ u(k, { className: "mr-2" })] : [/* @__PURE__ */ u(ee, {
+			options: Q,
+			renderValue: D
+		}), /* @__PURE__ */ u(k, { className: "mr-2" })] : j ? j(e, h, t) : /* @__PURE__ */ u(A, { placeholder: h });
+	}, ge = () => /* @__PURE__ */ u(g, {
+		onPointerRelease: I?.onPointerRelease,
+		topLayer: S.topLayer,
+		triggerRef: U,
+		portalTarget: W,
+		theme: fe,
+		dropdownMenuId: q,
+		popupClassName: ie,
+		maxHeight: ae,
+		children: C ? C({
+			id: K,
+			close: $
+		}) : /* @__PURE__ */ u(E, {
+			options: o ? X.items : Z,
+			selectedValues: o ? X.selected : void 0,
+			remote: o ? X : void 0,
+			value: d,
+			onChange: (e) => {
+				if (!_ && (m?.(e), !V)) {
+					let e = U.current;
+					e?.ownerDocument.defaultView?.requestAnimationFrame(() => {
+						let t = e.ownerDocument.activeElement;
+						e.isConnected && (!t || t === e.ownerDocument.body || f(e, t)) && e.focus({ preventScroll: !0 });
+					});
+				}
+			},
+			config: {
+				...S,
+				autoFocus: S.autoFocus || le
+			},
+			multiSelect: V,
+			search: !!o || L,
+			searchPlaceholder: R,
+			listboxId: K,
+			searchId: ce,
+			renderOption: w,
+			renderNoResults: N,
+			onClose: $,
+			onTabNavigation: () => {
+				$(), U.current?.focus();
+			},
+			theme: fe
+		})
+	});
+	return /* @__PURE__ */ u("div", {
+		className: `dropdown-container ${b} ${_ ? "disabled" : ""}`,
+		style: x,
+		children: [
+			/* @__PURE__ */ u("div", {
+				...se,
+				ref: U,
+				className: `dropdown-trigger ${J ? "open" : ""}`,
+				role: "combobox",
+				"data-value": Array.isArray(d) ? JSON.stringify(d) : d == null ? "" : String(d),
+				"aria-haspopup": C ? "dialog" : "listbox",
+				"aria-expanded": J && !_,
+				"aria-disabled": _,
+				"aria-owns": K,
+				"aria-controls": K,
+				"aria-label": te,
+				"aria-labelledby": ne,
+				"aria-describedby": re,
+				tabIndex: _ ? -1 : 0,
+				onClick: _ ? void 0 : pe,
+				onKeyDown: (e) => {
+					_ || e.target !== e.currentTarget || (J && e.key === "Tab" && S.nativeTabNavigation ? (e.stopPropagation(), $()) : J && e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), $()) : !J && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), e.stopPropagation(), pe()));
+				},
+				children: he()
+			}),
+			J && !_ && ge(),
+			v && /* @__PURE__ */ u("input", {
+				type: "hidden",
+				name: v,
+				value: JSON.stringify(V ? Q.map((e) => e.value) : Q[0]?.value || "")
+			})
+		]
+	});
+}
+var M = (e, t) => {
+	d(e, /* @__PURE__ */ u(j, { ...t }));
+}, N = (e) => {
+	d(e, null);
+};
+//#endregion
+//#region src/select.tsx
+function P(e) {
+	return Array.isArray(e) ? e.map(P).join("") : n(e) ? P(e.props.children) : e == null || typeof e == "boolean" ? "" : String(e);
+}
+function F(e, r, i = "", a = !1) {
+	if (Array.isArray(e)) return e.flatMap((e) => F(e, r, i, a));
+	if (!n(e)) return [];
+	let o = e.props;
+	if (e.type === t) return F(o.children, r, i, a);
+	if (e.type === "optgroup") return F(o.children, r, o.label ?? "", a || !!o.disabled);
+	let s = r ? r(o) : o, c = {
+		...s,
+		disabled: o.disabled || s.disabled,
+		hidden: o.hidden || s.hidden
+	}, l = String(c.label ?? P(c.children)).trim();
+	return [{
+		value: String(c.value ?? l),
+		label: i ? `${i}: ${l}` : l,
+		disabled: a || !!c.disabled,
+		hidden: !!c.hidden,
+		selected: !!c.selected
+	}];
+}
+function I(e) {
+	let { children: n, environment: r, value: a, defaultValue: o, onValueChange: s, optionPolicy: l, multiple: d, disabled: f, name: p, class: h, className: g, style: _, ...v } = e, y = c(m), b = y.disabled || !!f, x = F(n, l), [S, C] = i(() => {
+		let e = o ?? (d ? x.filter((e) => e.selected).map((e) => e.value) : x.find((e) => e.selected)?.value ?? x[0]?.value ?? "");
+		return Array.isArray(e) ? [...e] : String(e);
+	}), w = a === void 0 ? S : Array.isArray(a) ? [...a] : String(a), T = Array.isArray(w) ? w : [w], E = x.filter((e) => !e.hidden || T.includes(e.value)), D = `rv-select rv-select-control ${typeof h == "string" ? h : ""} ${g ?? ""}`.replace(/\brv-control\b/g, "").trim();
+	return /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(j, {
+		environment: r,
+		renderOption: (e, t) => /* @__PURE__ */ u("span", {
+			"data-select-option": t.value,
+			children: t.label
+		}),
+		source: E,
+		value: w,
+		disabled: !!b,
+		className: D,
+		style: _,
+		triggerAttributes: {
+			...v,
+			"data-select-value": Array.isArray(w) ? JSON.stringify(w) : w
+		},
+		config: {
+			nativeTabNavigation: !0,
+			multiSelect: !!d,
+			topLayer: !0,
+			ariaLabel: v["aria-label"],
+			ariaLabelledBy: v["aria-labelledby"] ?? (v["aria-label"] ? void 0 : y.labelId),
+			ariaDescribedBy: v["aria-describedby"] ?? y.hintId
+		},
+		onChange: (e) => {
+			let t = d ? Array.isArray(e) ? e : [e] : String(Array.isArray(e) ? e[0] ?? "" : e);
+			a === void 0 && C(t), s?.(t);
+		}
+	}), p && T.map((e) => /* @__PURE__ */ u("input", {
+		type: "hidden",
+		name: p,
+		value: e,
+		disabled: !!b
+	}))] });
+}
+//#endregion
+//#region src/fieldset.tsx
+function L(e) {
+	let t = c(m), n = t.disabled || !!e.disabled;
+	return /* @__PURE__ */ u(m.Provider, {
+		value: {
+			...t,
+			disabled: n
+		},
+		children: /* @__PURE__ */ u("fieldset", {
+			...e,
+			disabled: n
+		})
+	});
+}
+//#endregion
+//#region src/native-control.tsx
+function R(t, n, ...r) {
+	let { onChange: i, ...a } = n, o = S(e, t, a, ...r);
+	return i && !(t === "button" && n.busy) && Object.assign(o.props, { onChange: i }), o;
+}
+function z(e, t) {
+	let n = p(typeof e == "string" ? e : void 0);
+	return o((e) => {
+		n.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+	}, [t]);
+}
+var B = x(h(({ title: e, ...t }, n) => {
+	let r = z(e, n);
+	return R("input", {
+		...t,
+		ref: r
+	});
+}), "input"), V = x(h(({ children: e, title: t, ...n }, r) => {
+	let i = z(t, r);
+	return R("textarea", {
+		...n,
+		ref: i
+	}, e);
+}), "textarea"), H = x(h(({ children: e, title: t, ...n }, r) => {
+	let i = p(typeof t == "string" ? t : void 0), a = o((e) => {
+		i.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+	}, [r]);
+	return R("button", {
+		...n,
+		ref: a,
+		"aria-label": n["aria-label"] ?? (!e && typeof t == "string" ? t : void 0)
+	}, e);
+}), "button"), te = x(h(({ children: e, title: t, ...n }, r) => {
+	let i = z(t, r);
+	return R("summary", {
+		...n,
+		ref: i
+	}, e);
+}), "summary"), ne = x(I, "select");
+//#endregion
+export { V as a, F as c, N as d, D as f, te as i, j as l, B as n, L as o, E as p, ne as r, I as s, H as t, M as u };