@revolist/ui 4.0.5-rc → 4.0.5

package/_chunks/{native-control-DO0d1kgx.js → native-control-um1L1wgZ.js}

@@ -2,23 +2,24 @@ 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-UXGCiv3n.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 = {
+import { i as f } from "./top-layer-popup-CKJ7VJOF.js";
+import { t as p } from "./title-tooltip-ncldbUwS.js";
+import { t as m } from "./field-context-C4_WrO2z.js";
+import { r as h, t as g } from "./popup-DECYM9FI.js";
+import { t as _ } from "./selection-list-tooltips-m00U3L6z.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 package/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)})`
-}, C = class {
+}, w = class {
 	source;
 	context;
 	changed;
@@ -41,7 +42,7 @@ var S = {
 	failedCursor;
 	resolveFailed = !1;
 	opened = !1;
-	constructor(e, t, n, r = S, i = {}) {
+	constructor(e, t, n, r = C, i = {}) {
 		this.source = e, this.context = t, this.changed = n, this.text = r, this.settings = i;
 	}
 	remember(e) {
@@ -118,10 +119,10 @@ var S = {
 	}
 };
 //#endregion
-//#region src/dropdown/remote-hook.ts
-function w(e) {
+//#region package/dropdown/remote-hook.ts
+function T(e) {
 	let t = a(() => ({
-		...S,
+		...C,
 		...e.remoteText
 	}), [e.remoteText]), [n, o] = i({
 		items: [],
@@ -141,7 +142,7 @@ function w(e) {
 			});
 			return;
 		}
-		let n = new C(e.dataSource, e.dataContext, o, t);
+		let n = new w(e.dataSource, e.dataContext, o, t);
 		return c.current = n, () => {
 			n.destroy(), c.current === n && (c.current = void 0);
 		};
@@ -177,31 +178,43 @@ function w(e) {
 	};
 }
 //#endregion
-//#region src/dropdown/content.tsx
-function T({ options: e, selectedValues: t, remote: n, value: i, onChange: a, config: o, multiSelect: s, search: c, searchPlaceholder: d, listboxId: f, searchId: p, renderOption: m, renderNoResults: h, onClose: g, onTabNavigation: v, theme: y }) {
-	let b = l(null), x = l(null), S = l(null), { searchValue: C, focusedIndex: w, selectedOptions: T, filteredOptions: D, handleSelect: ee, handleKeyDown: O, handleSearchChange: k, setFocusedIndex: A } = _(e, i, a, o, g, n && {
+//#region package/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
-	}), j = w >= 0 && w < D.length && !D[w].disabled ? `${f}-option-${w}` : void 0;
+	}), 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 (!o.autoFocus) return;
+		if (!c.autoFocus) return;
 		let e = () => {
-			c && b.current ? b.current.focus({ preventScroll: !0 }) : x.current?.focus({ preventScroll: !0 });
-		}, t = x.current?.ownerDocument.defaultView ?? (typeof window < "u" ? window : void 0);
+			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);
 		};
-	}, [o.autoFocus, c]), /* @__PURE__ */ u("div", {
-		ref: x,
+	}, [c.autoFocus, f]), /* @__PURE__ */ u("div", {
+		ref: L,
 		className: "dropdown-listbox",
-		"data-theme": y ?? "default",
+		"data-theme": S ?? "default",
 		role: "listbox",
-		id: f,
-		"aria-multiselectable": s,
-		"aria-activedescendant": j,
+		id: m,
+		"aria-multiselectable": d,
+		"aria-activedescendant": F,
 		tabIndex: -1,
 		"aria-busy": n?.loading,
 		onScrollCapture: (e) => {
@@ -210,28 +223,28 @@ function T({ options: e, selectedValues: t, remote: n, value: i, onChange: a, co
 		},
 		onKeyUp: (e) => e.stopPropagation(),
 		onKeyDown: (e) => {
-			if (e.stopPropagation(), e.key === "Escape") e.preventDefault(), e.stopPropagation(), g(!1);
+			if (e.stopPropagation(), e.key === "Escape") e.preventDefault(), e.stopPropagation(), b(!1);
 			else if (e.key === "Tab") {
-				if (o.nativeTabNavigation && v) {
-					v();
+				if (c.nativeTabNavigation && x) {
+					x();
 					return;
 				}
-				e.preventDefault(), e.stopPropagation(), o.closeOnTab && g(!0);
-			} else (e.key !== " " || e.target !== b.current) && O(e);
+				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: [
-			c && /* @__PURE__ */ u("div", {
+			f && /* @__PURE__ */ u("div", {
 				className: "dropdown-search",
 				children: /* @__PURE__ */ u("input", {
-					ref: b,
+					ref: C,
 					type: "text",
-					id: p,
-					className: `dropdown-search-input ${y ? `theme-${y}` : ""}`,
-					placeholder: d,
-					value: C,
-					onChange: k,
-					onInput: k,
-					"aria-label": o.searchAriaLabel ?? "Search options"
+					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", {
@@ -243,28 +256,28 @@ function T({ options: e, selectedValues: t, remote: n, value: i, onChange: a, co
 				children: [
 					n.text.error,
 					" ",
-					/* @__PURE__ */ u(V, {
+					/* @__PURE__ */ u(H, {
 						onClick: n.retry,
 						children: n.text.retry
 					})
 				]
 			}),
-			/* @__PURE__ */ u(E, {
+			/* @__PURE__ */ u(D, {
 				options: e,
-				filteredOptions: D,
-				multiSelect: s,
-				focusedIndex: w,
-				selectedOptions: T,
-				onKeyDown: O,
-				onSelect: ee,
-				onFocusChange: A,
-				renderOption: m,
-				renderNoResults: n ? () => n.loading || n.error ? null : n.text.empty : h,
-				dropdownListRef: S,
-				theme: y,
-				optionIdPrefix: f
+				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(V, {
+			n?.hasMore && /* @__PURE__ */ u(H, {
 				disabled: n.loading,
 				onClick: n.loadMore,
 				children: n.text.loadMore
@@ -272,7 +285,7 @@ function T({ options: e, selectedValues: t, remote: n, value: i, onChange: a, co
 		]
 	});
 }
-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 }) {
+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", {
@@ -320,15 +333,15 @@ function E({ options: n, filteredOptions: r, multiSelect: i, focusedIndex: a, se
 	}) });
 }
 //#endregion
-//#region src/dropdown/index.tsx
-var D = ({ options: t, className: n, renderValue: r }) => /* @__PURE__ */ u("span", {
+//#region package/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
-}), ee = ({ options: t, removeOption: n, className: r, renderValue: i, disabled: a, removeLabel: o }) => /* @__PURE__ */ u("div", {
+}), 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(v, {
+		children: [i ? i(e, t) : t.label, !a && !t.disabled && /* @__PURE__ */ u(y, {
 			compact: !0,
 			onClick: (e) => {
 				e.stopPropagation(), n(t);
@@ -339,22 +352,22 @@ var D = ({ options: t, className: n, renderValue: r }) => /* @__PURE__ */ u("spa
 			}
 		})]
 	}, r))
-}), O = ({ className: e }) => /* @__PURE__ */ u("span", {
+}), k = ({ className: e }) => /* @__PURE__ */ u("span", {
 	className: `dropdown-arrow ${e}`,
 	"aria-hidden": "true",
-	dangerouslySetInnerHTML: { __html: y }
-}), k = ({ placeholder: e, className: t }) => [/* @__PURE__ */ u("span", {
+	dangerouslySetInnerHTML: { __html: b }
+}), A = ({ placeholder: e, className: t }) => [/* @__PURE__ */ u("span", {
 	className: `placeholder px-2 ${t}`,
 	children: e
-}), /* @__PURE__ */ u(O, { className: "mr-2" })];
-function A({ 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: A, renderPlaceholder: j, renderSelectedValue: M, renderNoResults: N, onClose: P, beforeOutsideClose: F, environment: I }) {
+}), /* @__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 = w({
+	let X = T({
 		dataSource: o,
 		dataContext: s,
 		remoteText: c,
@@ -420,17 +433,17 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 		F
 	]);
 	let he = () => {
-		let t = [O({})];
-		return M ? M(e, Q, t) : Q.length > 0 ? V ? [/* @__PURE__ */ u(ee, {
+		let t = [k({})];
+		return M ? M(e, Q, t) : Q.length > 0 ? V ? [/* @__PURE__ */ u(O, {
 			options: Q,
 			removeOption: me,
-			renderValue: A,
+			renderValue: D,
 			disabled: _,
 			removeLabel: S.removeLabel
-		}), /* @__PURE__ */ u(O, { className: "mr-2" })] : [/* @__PURE__ */ u(D, {
+		}), /* @__PURE__ */ u(k, { className: "mr-2" })] : [/* @__PURE__ */ u(ee, {
 			options: Q,
-			renderValue: A
-		}), /* @__PURE__ */ u(O, { className: "mr-2" })] : j ? j(e, h, t) : /* @__PURE__ */ u(k, { placeholder: h });
+			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,
@@ -443,7 +456,7 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 		children: C ? C({
 			id: K,
 			close: $
-		}) : /* @__PURE__ */ u(T, {
+		}) : /* @__PURE__ */ u(E, {
 			options: o ? X.items : Z,
 			selectedValues: o ? X.selected : void 0,
 			remote: o ? X : void 0,
@@ -466,7 +479,7 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 			searchPlaceholder: R,
 			listboxId: K,
 			searchId: ce,
-			renderOption: E,
+			renderOption: w,
 			renderNoResults: N,
 			onClose: $,
 			onTabNavigation: () => {
@@ -496,7 +509,7 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 				tabIndex: _ ? -1 : 0,
 				onClick: _ ? void 0 : pe,
 				onKeyDown: (e) => {
-					_ || e.target !== e.currentTarget || (J && e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), $()) : !J && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), e.stopPropagation(), pe()));
+					_ || 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()
 			}),
@@ -509,27 +522,27 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 		]
 	});
 }
-var j = (e, t) => {
-	d(e, /* @__PURE__ */ u(A, { ...t }));
-}, M = (e) => {
+var M = (e, t) => {
+	d(e, /* @__PURE__ */ u(j, { ...t }));
+}, N = (e) => {
 	d(e, null);
 };
 //#endregion
-//#region src/select.tsx
-function N(e) {
-	return Array.isArray(e) ? e.map(N).join("") : n(e) ? N(e.props.children) : e == null || typeof e == "boolean" ? "" : String(e);
+//#region package/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 P(e, r, i = "", a = !1) {
-	if (Array.isArray(e)) return e.flatMap((e) => P(e, r, i, a));
+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 P(o.children, r, i, a);
-	if (e.type === "optgroup") return P(o.children, r, o.label ?? "", a || !!o.disabled);
+	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 ?? N(c.children)).trim();
+	}, l = String(c.label ?? P(c.children)).trim();
 	return [{
 		value: String(c.value ?? l),
 		label: i ? `${i}: ${l}` : l,
@@ -538,12 +551,12 @@ function P(e, r, i = "", a = !1) {
 		selected: !!c.selected
 	}];
 }
-function F(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 = P(n, l), [S, C] = i(() => {
+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(A, {
+	return /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(j, {
 		environment: r,
 		renderOption: (e, t) => /* @__PURE__ */ u("span", {
 			"data-select-option": t.value,
@@ -578,8 +591,8 @@ function F(e) {
 	}))] });
 }
 //#endregion
-//#region src/fieldset.tsx
-function I(e) {
+//#region package/fieldset.tsx
+function L(e) {
 	let t = c(m), n = t.disabled || !!e.disabled;
 	return /* @__PURE__ */ u(m.Provider, {
 		value: {
@@ -593,44 +606,44 @@ function I(e) {
 	});
 }
 //#endregion
-//#region src/native-control.tsx
-function L(t, n, ...r) {
-	let { onChange: i, ...a } = n, o = x(e, t, a, ...r);
+//#region package/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 R(e, t) {
+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 z = b(h(({ title: e, ...t }, n) => {
-	let r = R(e, n);
-	return L("input", {
+var B = x(h(({ title: e, ...t }, n) => {
+	let r = z(e, n);
+	return R("input", {
 		...t,
 		ref: r
 	});
-}), "input"), B = b(h(({ children: e, title: t, ...n }, r) => {
-	let i = R(t, r);
-	return L("textarea", {
+}), "input"), V = x(h(({ children: e, title: t, ...n }, r) => {
+	let i = z(t, r);
+	return R("textarea", {
 		...n,
 		ref: i
 	}, e);
-}), "textarea"), V = b(h(({ children: e, title: t, ...n }, r) => {
+}), "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 L("button", {
+	return R("button", {
 		...n,
 		ref: a,
 		"aria-label": n["aria-label"] ?? (!e && typeof t == "string" ? t : void 0)
 	}, e);
-}), "button"), H = b(h(({ children: e, title: t, ...n }, r) => {
-	let i = R(t, r);
-	return L("summary", {
+}), "button"), te = x(h(({ children: e, title: t, ...n }, r) => {
+	let i = z(t, r);
+	return R("summary", {
 		...n,
 		ref: i
 	}, e);
-}), "summary"), te = b(F, "select");
+}), "summary"), ne = x(I, "select");
 //#endregion
-export { B as a, P as c, M as d, E as f, H as i, A as l, z as n, I as o, T as p, te as r, F as s, V as t, j as u };
+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 };

package/_chunks/{number-input-s9ddPwX6.js → number-input-CKiA4d1N.js}

@@ -1,10 +1,10 @@
 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 { createControlId as i } from "../core/control-id.js";
-import { n as a } from "./native-control-DO0d1kgx.js";
-import { t as o } from "./controls-BLQnWEd7.js";
+import { n as a } from "./native-control-um1L1wgZ.js";
+import { t as o } from "./controls-B3EgM_DS.js";
 import { EditorActions as s } from "../editor-actions.js";
-//#region src/number-input/model.ts
+//#region package/number-input/model.ts
 var c = {
 	invalid: "Enter a valid number in the configured locale.",
 	configuration: "The number input configuration is unsupported or invalid.",
@@ -150,7 +150,7 @@ function _(e, t, n = {}) {
 	return !Number.isFinite(l) || Math.abs(l) > 2 ** 53 - 1 ? { error: n.text?.invalid ?? c.invalid } : h(m(l, n), n);
 }
 //#endregion
-//#region src/number-input/index.tsx
+//#region package/number-input/index.tsx
 function v({ value: l, options: u, apply: d, cancel: f, initialSelection: p = "all" }) {
 	let [g, v] = t(() => {
 		try {

package/_chunks/{picker-AY05b41W.js → picker-igNshTRC.js}

@@ -1,12 +1,12 @@
 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-DO0d1kgx.js";
+import { t as r } from "./native-control-um1L1wgZ.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-DsXIhybL.js";
-//#region src/calendar/picker.tsx
+import { n as a } from "./iso-CJQl2kmq.js";
+import { f as o, h as s, m as c, o as l, p as u } from "./model-CFrBgRHm.js";
+import { t as d } from "./calendar-BQYQLu8Q.js";
+//#region package/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) => {
 		A(e), M(void 0);

package/_chunks/{popup-UXGCiv3n.js → popup-DECYM9FI.js}

@@ -1,7 +1,7 @@
 import { c as e, i as t, l as n, n as r, r as i, t as a } from "./preact.module-BBM36DnO.js";
 import { c as o, i as s, r as c, t as l } from "./hooks.module-CG3gN83z.js";
 import { t as u } from "./jsxRuntime.module-F6UFnpT-.js";
-import { i as d, r as f, t as p } from "./top-layer-popup-CNSDdfJV.js";
+import { i as d, r as f, t as p } from "./top-layer-popup-CKJ7VJOF.js";
 import { inheritUiMotion as m } from "../core/motion.js";
 //#region ../../node_modules/.pnpm/preact@10.29.1/node_modules/preact/compat/dist/compat.module.js
 function h(e, t) {
@@ -229,16 +229,25 @@ n.diffed = function(e) {
 	n != null && e.type === "textarea" && "value" in t && t.value !== n.value && (n.value = t.value == null ? "" : t.value);
 };
 //#endregion
-//#region src/dropdown/popup.tsx
+//#region package/dropdown/popup.tsx
 var U = 5, W = 4;
 function G(e, t, n) {
 	let r = e.ownerDocument.defaultView;
-	if (!r || r.getComputedStyle(e).position === "fixed") return {
+	if (!r) return {
 		top: t,
 		left: n,
 		scaleX: 1,
 		scaleY: 1
 	};
+	if (r.getComputedStyle(e).position === "fixed") {
+		let r = e.currentCSSZoom, i = Number.isFinite(r) && r > 0 ? r : 1;
+		return {
+			top: t / i,
+			left: n / i,
+			scaleX: i,
+			scaleY: i
+		};
+	}
 	let i = e.offsetParent, a = e.ownerDocument;
 	if (!i || i === a.body || i === a.documentElement) return {
 		top: t + r.scrollY,
@@ -293,15 +302,17 @@ function K({ onPointerRelease: e, triggerRef: t, children: n, portalTarget: r, t
 				maxHeight: h / x.scaleY,
 				...y ? { width: r.width / x.scaleX } : {}
 			});
+		}, a = (e) => {
+			e.target instanceof n.Node && d(C.current, e.target) || i();
 		};
 		r();
-		let a = n.setTimeout(i, 0);
-		n.addEventListener("resize", i), n.addEventListener("scroll", i, !0);
-		let o = n.ResizeObserver, s = o ? new o(i) : void 0;
-		s?.observe(e);
-		let c = e.closest(".rv-dialog__surface, dialog");
-		return c && s?.observe(c), x && C.current && s?.observe(C.current), () => {
-			n.clearTimeout(a), n.removeEventListener("resize", i), n.removeEventListener("scroll", i, !0), s?.disconnect();
+		let o = n.setTimeout(i, 0);
+		n.addEventListener("resize", i), n.addEventListener("scroll", a, !0);
+		let s = n.ResizeObserver, c = s ? new s(i) : void 0;
+		c?.observe(e);
+		let l = e.closest(".rv-dialog__surface, dialog");
+		return l && c?.observe(l), x && C.current && c?.observe(C.current), () => {
+			n.clearTimeout(o), n.removeEventListener("resize", i), n.removeEventListener("scroll", a, !0), c?.disconnect();
 		};
 	}, [
 		v,

package/_chunks/{rating-choice-BEs_QFZC.js → rating-choice-CepVfGUq.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
 import { SvgIcon as t } from "../icons/icon.js";
-import { t as n } from "./native-control-DO0d1kgx.js";
+import { t as n } from "./native-control-um1L1wgZ.js";
 //#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/star.svg?raw
 var r = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M309.5-18.9c-4.1-8-12.4-13.1-21.4-13.1s-17.3 5.1-21.4 13.1L193.1 125.3 33.2 150.7c-8.9 1.4-16.3 7.7-19.1 16.3s-.5 18 5.8 24.4l114.4 114.5-25.2 159.9c-1.4 8.9 2.3 17.9 9.6 23.2s16.9 6.1 25 2L288.1 417.6 432.4 491c8 4.1 17.7 3.3 25-2s11-14.2 9.6-23.2L441.7 305.9 556.1 191.4c6.4-6.4 8.6-15.8 5.8-24.4s-10.1-14.9-19.1-16.3L383 125.3 309.5-18.9z\"/></svg>", i = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M288.1-32c9 0 17.3 5.1 21.4 13.1L383 125.3 542.9 150.7c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L441.7 305.9 467 465.8c1.4 8.9-2.3 17.9-9.6 23.2s-17 6.1-25 2L288.1 417.6 143.8 491c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2L134.4 305.9 20 191.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4 73.6-144.2c4.1-8 12.4-13.1 21.4-13.1zm0 76.8L230.3 158c-3.5 6.8-10 11.6-17.6 12.8l-125.5 20 89.8 89.9c5.4 5.4 7.9 13.1 6.7 20.7l-19.8 125.5 113.3-57.6c6.8-3.5 14.9-3.5 21.8 0l113.3 57.6-19.8-125.5c-1.2-7.6 1.3-15.3 6.7-20.7l89.8-89.9-125.5-20c-7.6-1.2-14.1-6-17.6-12.8L288.1 44.8z\"/></svg>";
 //#endregion
-//#region src/rating-choice.tsx
+//#region package/rating-choice.tsx
 function a({ filled: n }) {
 	return /* @__PURE__ */ e("span", {
 		class: "rv-rating__star",

package/_chunks/{render-m5eMMwFR.js → render-bTk3curw.js}

@@ -3,7 +3,7 @@ import { c as t, i as n, t as r } from "./hooks.module-CG3gN83z.js";
 import { renderHeader as i } from "../status-feedback/header.js";
 import { renderItem as a } from "../status-feedback/item.js";
 import { renderStatusBadge as o } from "../status-feedback/badge.js";
-//#region src/status-feedback/use-auto-dismiss.ts
+//#region package/status-feedback/use-auto-dismiss.ts
 function s(e, i = 0, a) {
 	let [o, s] = n(/* @__PURE__ */ new Set()), c = r(a);
 	c.current = a;
@@ -37,7 +37,7 @@ function s(e, i = 0, a) {
 	} : e);
 }
 //#endregion
-//#region src/status-feedback/render.ts
+//#region package/status-feedback/render.ts
 function c(e, t) {
 	let { title: n, items: r, ariaLabel: o, className: s, popover: c, onCollapsedChange: l } = t;
 	if (!r.length) return c?.hide(!0), null;

package/_chunks/{reorder-list-A49l172e.js → reorder-list-B4w3aARt.js}

@@ -1,11 +1,11 @@
 import { c as e } from "./preact.module-BBM36DnO.js";
 import { t } from "./jsxRuntime.module-F6UFnpT-.js";
-import { t as n } from "./native-control-DO0d1kgx.js";
+import { t as n } from "./native-control-um1L1wgZ.js";
 import { fieldDropIndex as r, fieldListDropIndex as i } from "../field-reorder.js";
 //#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/grip-vertical.svg?raw
 var a = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M128 40c0-22.1-17.9-40-40-40L40 0C17.9 0 0 17.9 0 40L0 88c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm0 192c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zM0 424l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM320 40c0-22.1-17.9-40-40-40L232 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zM192 232l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM320 424c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48z\"/></svg>";
 //#endregion
-//#region src/reorder-list.tsx
+//#region package/reorder-list.tsx
 function o({ items: n, itemKey: a, renderItem: o, renderHandle: s, itemAttributes: c, className: l = "", rowClassName: u = "", endClassName: d = "", draggedKey: f, dropIndex: p, empty: m, onDragOver: h, onDrop: g }) {
 	let _ = (e, t) => {
 		let n = e.currentTarget.getBoundingClientRect();