@revolist/ui 4.0.4-rc → 4.0.6-rc

package/_chunks/native-control-pFMuHf3G.js

@@ -0,0 +1,644 @@
+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 { useDropdownService as _ } from "../dropdown/dropdown.service.js";
+import { RemoveButton as v } from "../buttons/remove-button.js";
+import { t as y } from "./chevron-down-GbplLa6s.js";
+import { registerControl as b, renderControl as x } from "../control-presentation.js";
+//#region src/dropdown/remote.ts
+var S = {
+	loading: "Loading…",
+	empty: "No results found",
+	error: "Unable to load options.",
+	retry: "Retry",
+	loadMore: "Load more",
+	unavailable: (e) => `Unavailable (${String(e)})`
+}, C = 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 = S, 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 w(e) {
+	let t = a(() => ({
+		...S,
+		...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 C(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 T({ options: e, selectedValues: t, remote: n, value: i, onChange: a, config: o, multiSelect: c, search: d, searchPlaceholder: f, listboxId: p, searchId: m, renderOption: h, renderNoResults: g, onClose: v, onTabNavigation: y, theme: b }) {
+	let x = l(null), S = l(null), C = l(null), w = l(!1), { searchValue: T, focusedIndex: D, selectedOptions: ee, filteredOptions: O, handleSelect: te, handleKeyDown: k, handleSearchChange: A, setFocusedIndex: j } = _(e, i, a, o, v, n && {
+		selected: t ?? [],
+		search: n.search
+	}), M = D >= 0 && D < O.length && !O[D].disabled ? `${p}-option-${D}` : void 0;
+	return s(() => {
+		let e = C.current;
+		if (!w.current || !e || !M) return;
+		w.current = !1;
+		let t = e.ownerDocument.getElementById(M);
+		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);
+	}), r(() => {
+		if (!o.autoFocus) return;
+		let e = () => {
+			d && x.current ? x.current.focus({ preventScroll: !0 }) : S.current?.focus({ preventScroll: !0 });
+		}, t = S.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);
+		};
+	}, [o.autoFocus, d]), /* @__PURE__ */ u("div", {
+		ref: S,
+		className: "dropdown-listbox",
+		"data-theme": b ?? "default",
+		role: "listbox",
+		id: p,
+		"aria-multiselectable": c,
+		"aria-activedescendant": M,
+		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(), v(!1);
+			else if (e.key === "Tab") {
+				if (o.nativeTabNavigation && y) {
+					y();
+					return;
+				}
+				e.preventDefault(), e.stopPropagation(), o.closeOnTab && v(!0);
+			} else (e.key !== " " || e.target !== x.current) && (w.current = e.key === "ArrowDown" || e.key === "ArrowUp", k(e));
+		},
+		children: [
+			d && /* @__PURE__ */ u("div", {
+				className: "dropdown-search",
+				children: /* @__PURE__ */ u("input", {
+					ref: x,
+					type: "text",
+					id: m,
+					className: `dropdown-search-input ${b ? `theme-${b}` : ""}`,
+					placeholder: f,
+					value: T,
+					onChange: A,
+					onInput: A,
+					"aria-label": o.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(B, {
+						onClick: n.retry,
+						children: n.text.retry
+					})
+				]
+			}),
+			/* @__PURE__ */ u(E, {
+				options: e,
+				filteredOptions: O,
+				multiSelect: c,
+				focusedIndex: D,
+				selectedOptions: ee,
+				onKeyDown: k,
+				onSelect: te,
+				onFocusChange: j,
+				renderOption: h,
+				renderNoResults: n ? () => n.loading || n.error ? null : n.text.empty : g,
+				dropdownListRef: C,
+				theme: b,
+				optionIdPrefix: p
+			}),
+			n?.hasMore && /* @__PURE__ */ u(B, {
+				disabled: n.loading,
+				onClick: n.loadMore,
+				children: n.text.loadMore
+			})
+		]
+	});
+}
+function E({ 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 D = ({ options: t, className: n, renderValue: r }) => /* @__PURE__ */ u("span", {
+	className: `selected-value ${n}`,
+	children: r ? r(e, t[0]) : t[0].label
+}), ee = ({ 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(v, {
+			compact: !0,
+			onClick: (e) => {
+				e.stopPropagation(), n(t);
+			},
+			locale: {
+				title: o?.(t.label) ?? `Remove ${t.label}`,
+				ariaLabel: o?.(t.label) ?? `Remove ${t.label}`
+			}
+		})]
+	}, r))
+}), O = ({ className: e }) => /* @__PURE__ */ u("span", {
+	className: `dropdown-arrow ${e}`,
+	"aria-hidden": "true",
+	dangerouslySetInnerHTML: { __html: y }
+}), te = ({ placeholder: e, className: t }) => [/* @__PURE__ */ u("span", {
+	className: `placeholder px-2 ${t}`,
+	children: e
+}), /* @__PURE__ */ u(O, { className: "mr-2" })];
+function k({ 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: E, renderValue: k, renderPlaceholder: A, renderSelectedValue: j, renderNoResults: M, onClose: N, beforeOutsideClose: P, environment: F }) {
+	let { search: I = !1, searchPlaceholder: L = "Search...", closeOnClickOutside: R = !0, autoOpen: z = !1, multiSelect: B = !1, portalTarget: V, ariaLabel: H, ariaLabelledBy: ne, ariaDescribedBy: re, popupClassName: ie, maxHeight: ae } = S, { title: oe, ...se } = n ?? {}, U = p(typeof oe == "string" ? oe : void 0), W = V ?? (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(z && !_), [le, ue] = i(!_ && (z || !!S.autoFocus)), de = l(z), fe = S.theme ?? "default";
+	r(() => {
+		z && !de.current && !_ && (ue(!0), Y(!0)), de.current = z;
+	}, [z, _]), r(() => {
+		_ && J && (Y(!1), N?.(!1));
+	}, [_, J]);
+	let X = w({
+		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 (B && 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,
+		B
+	]), pe = () => {
+		_ || Y((e) => {
+			let t = !e;
+			return t && ue(!0), t;
+		});
+	}, $ = (e = !1) => {
+		Y((t) => (t && N?.(e), !1));
+	};
+	r(() => {
+		if (!J) return;
+		let e = U.current;
+		if (e) return F?.onOpen?.(e, $);
+	}, [J]);
+	let me = (e) => {
+		if (!(_ || e.disabled)) {
+			if (B) {
+				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 (!R || !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 (P?.() === !1) {
+					t.preventDefault(), t.stopImmediatePropagation();
+					return;
+				}
+				$();
+			}
+		}, n = !!P;
+		return e.addEventListener("pointerdown", t, n), () => {
+			e.removeEventListener("pointerdown", t, n);
+		};
+	}, [
+		R,
+		J,
+		q,
+		W,
+		P
+	]);
+	let he = () => {
+		let t = [O({})];
+		return j ? j(e, Q, t) : Q.length > 0 ? B ? [/* @__PURE__ */ u(ee, {
+			options: Q,
+			removeOption: me,
+			renderValue: k,
+			disabled: _,
+			removeLabel: S.removeLabel
+		}), /* @__PURE__ */ u(O, { className: "mr-2" })] : [/* @__PURE__ */ u(D, {
+			options: Q,
+			renderValue: k
+		}), /* @__PURE__ */ u(O, { className: "mr-2" })] : A ? A(e, h, t) : /* @__PURE__ */ u(te, { placeholder: h });
+	}, ge = () => /* @__PURE__ */ u(g, {
+		onPointerRelease: F?.onPointerRelease,
+		topLayer: S.topLayer,
+		triggerRef: U,
+		portalTarget: W,
+		theme: fe,
+		dropdownMenuId: q,
+		popupClassName: ie,
+		maxHeight: ae,
+		children: C ? C({
+			id: K,
+			close: $
+		}) : /* @__PURE__ */ u(T, {
+			options: o ? X.items : Z,
+			selectedValues: o ? X.selected : void 0,
+			remote: o ? X : void 0,
+			value: d,
+			onChange: (e) => {
+				if (!_ && (m?.(e), !B)) {
+					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: B,
+			search: !!o || I,
+			searchPlaceholder: L,
+			listboxId: K,
+			searchId: ce,
+			renderOption: E,
+			renderNoResults: M,
+			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": H,
+				"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(B ? Q.map((e) => e.value) : Q[0]?.value || "")
+			})
+		]
+	});
+}
+var A = (e, t) => {
+	d(e, /* @__PURE__ */ u(k, { ...t }));
+}, j = (e) => {
+	d(e, null);
+};
+//#endregion
+//#region src/select.tsx
+function M(e) {
+	return Array.isArray(e) ? e.map(M).join("") : n(e) ? M(e.props.children) : e == null || typeof e == "boolean" ? "" : String(e);
+}
+function N(e, r, i = "", a = !1) {
+	if (Array.isArray(e)) return e.flatMap((e) => N(e, r, i, a));
+	if (!n(e)) return [];
+	let o = e.props;
+	if (e.type === t) return N(o.children, r, i, a);
+	if (e.type === "optgroup") return N(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 ?? M(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 P(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 = N(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(k, {
+		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 F(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 I(t, n, ...r) {
+	let { onChange: i, ...a } = n, o = x(e, t, a, ...r);
+	return i && !(t === "button" && n.busy) && Object.assign(o.props, { onChange: i }), o;
+}
+function L(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 R = b(h(({ title: e, ...t }, n) => {
+	let r = L(e, n);
+	return I("input", {
+		...t,
+		ref: r
+	});
+}), "input"), z = b(h(({ children: e, title: t, ...n }, r) => {
+	let i = L(t, r);
+	return I("textarea", {
+		...n,
+		ref: i
+	}, e);
+}), "textarea"), B = b(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 I("button", {
+		...n,
+		ref: a,
+		"aria-label": n["aria-label"] ?? (!e && typeof t == "string" ? t : void 0)
+	}, e);
+}), "button"), V = b(h(({ children: e, title: t, ...n }, r) => {
+	let i = L(t, r);
+	return I("summary", {
+		...n,
+		ref: i
+	}, e);
+}), "summary"), H = b(P, "select");
+//#endregion
+export { z as a, N as c, j as d, E as f, V as i, k as l, R as n, F as o, T as p, H as r, P as s, B as t, A as u };

package/_chunks/{number-input-BKwA5FnM.js → number-input-DqXV6vgP.js}

@@ -1,8 +1,8 @@
 import { c as e, i as t, t as n } from "./hooks.module-CG3gN83z.js";
 import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
-import { n as i } from "./native-control-C_yok8_-.js";
-import { n as a } from "./controls-DsNi8V8I.js";
-import { createControlId as o } from "../core/control-id.js";
+import { createControlId as i } from "../core/control-id.js";
+import { n as a } from "./native-control-pFMuHf3G.js";
+import { t as o } from "./controls-FUU-MUKC.js";
 import { EditorActions as s } from "../editor-actions.js";
 //#region src/number-input/model.ts
 var c = {
@@ -158,7 +158,7 @@ function v({ value: l, options: u, apply: d, cancel: f, initialSelection: p = "a
 		} catch {
 			return String(l ?? "");
 		}
-	}), [y, b] = t(""), [x] = t(() => o("rv-number")), S = n(null), C = n(!1), w = {
+	}), [y, b] = t(""), [x] = t(() => i("rv-number")), S = n(null), C = n(!1), w = {
 		...c,
 		...u.text
 	}, T = h(g, u), E = T.error ?? y, D = T.error !== void 0 || !!y, O = () => {
@@ -190,7 +190,7 @@ function v({ value: l, options: u, apply: d, cancel: f, initialSelection: p = "a
 			/* @__PURE__ */ r("div", {
 				class: "rv-number-draft__entry",
 				children: [
-					/* @__PURE__ */ r(i, {
+					/* @__PURE__ */ r(a, {
 						ref: S,
 						id: x,
 						class: "rv-control",
@@ -208,13 +208,13 @@ function v({ value: l, options: u, apply: d, cancel: f, initialSelection: p = "a
 						},
 						onInput: (e) => k(e.currentTarget.value)
 					}),
-					/* @__PURE__ */ r(a, {
+					/* @__PURE__ */ r(o, {
 						"aria-label": w.decrease,
 						disabled: T.error !== void 0,
 						onClick: () => A(-1),
 						children: "−"
 					}),
-					/* @__PURE__ */ r(a, {
+					/* @__PURE__ */ r(o, {
 						"aria-label": w.increase,
 						disabled: T.error !== void 0,
 						onClick: () => A(1),

package/_chunks/{picker-h1P5RUgp.js → picker-gEGTu1Ki.js}

@@ -1,11 +1,11 @@
 import { i as e } from "./preact.module-BBM36DnO.js";
 import { i as t } from "./hooks.module-CG3gN83z.js";
 import { t as n } from "./jsxRuntime.module-F6UFnpT-.js";
-import { t as r } from "./native-control-C_yok8_-.js";
+import { t as r } from "./native-control-pFMuHf3G.js";
 import { DEFAULT_CALENDAR_TRANSLATIONS as i } from "../calendar/translations.js";
 import { n as a } from "./iso-B0YHBK7m.js";
 import { f as o, h as s, m as c, o as l, p as u } from "./model-mPO2tG2f.js";
-import { t as d } from "./calendar-xpZ0v3xf.js";
+import { t as d } from "./calendar-QWDyYzdo.js";
 //#region src/calendar/picker.tsx
 function f(f) {
 	let { selected: p, onSelectionChange: ee, presets: m, mode: h = "single", min: g = 0, max: _ = Infinity, required: v = !1, excludeDisabled: y = !1, month: b, defaultMonth: x, onMonthChange: S, ...C } = f, w = typeof p == "string" ? p : Array.isArray(p) ? p[0] : p?.from, [T, E] = t(x ?? w ?? f.referenceDate ?? s()), [D, O] = t(w ?? T), [k, A] = t(), [j, M] = t(), N = (e) => {