@revolist/ui 4.0.5-rc → 4.0.6-rc

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

@@ -5,7 +5,7 @@ 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 { 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";
@@ -178,30 +178,38 @@ 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 && {
+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
-	}), j = w >= 0 && w < D.length && !D[w].disabled ? `${f}-option-${w}` : void 0;
-	return r(() => {
+	}), 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 = () => {
-			c && b.current ? b.current.focus({ preventScroll: !0 }) : x.current?.focus({ preventScroll: !0 });
-		}, t = x.current?.ownerDocument.defaultView ?? (typeof window < "u" ? window : void 0);
+			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, c]), /* @__PURE__ */ u("div", {
-		ref: x,
+	}, [o.autoFocus, d]), /* @__PURE__ */ u("div", {
+		ref: S,
 		className: "dropdown-listbox",
-		"data-theme": y ?? "default",
+		"data-theme": b ?? "default",
 		role: "listbox",
-		id: f,
-		"aria-multiselectable": s,
-		"aria-activedescendant": j,
+		id: p,
+		"aria-multiselectable": c,
+		"aria-activedescendant": M,
 		tabIndex: -1,
 		"aria-busy": n?.loading,
 		onScrollCapture: (e) => {
@@ -210,27 +218,27 @@ 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(), v(!1);
 			else if (e.key === "Tab") {
-				if (o.nativeTabNavigation && v) {
-					v();
+				if (o.nativeTabNavigation && y) {
+					y();
 					return;
 				}
-				e.preventDefault(), e.stopPropagation(), o.closeOnTab && g(!0);
-			} else (e.key !== " " || e.target !== b.current) && O(e);
+				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: [
-			c && /* @__PURE__ */ u("div", {
+			d && /* @__PURE__ */ u("div", {
 				className: "dropdown-search",
 				children: /* @__PURE__ */ u("input", {
-					ref: b,
+					ref: x,
 					type: "text",
-					id: p,
-					className: `dropdown-search-input ${y ? `theme-${y}` : ""}`,
-					placeholder: d,
-					value: C,
-					onChange: k,
-					onInput: k,
+					id: m,
+					className: `dropdown-search-input ${b ? `theme-${b}` : ""}`,
+					placeholder: f,
+					value: T,
+					onChange: A,
+					onInput: A,
 					"aria-label": o.searchAriaLabel ?? "Search options"
 				})
 			}),
@@ -243,7 +251,7 @@ function T({ options: e, selectedValues: t, remote: n, value: i, onChange: a, co
 				children: [
 					n.text.error,
 					" ",
-					/* @__PURE__ */ u(V, {
+					/* @__PURE__ */ u(B, {
 						onClick: n.retry,
 						children: n.text.retry
 					})
@@ -251,20 +259,20 @@ function T({ options: e, selectedValues: t, remote: n, value: i, onChange: a, co
 			}),
 			/* @__PURE__ */ u(E, {
 				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: 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(V, {
+			n?.hasMore && /* @__PURE__ */ u(B, {
 				disabled: n.loading,
 				onClick: n.loadMore,
 				children: n.text.loadMore
@@ -343,16 +351,16 @@ var D = ({ options: t, className: n, renderValue: r }) => /* @__PURE__ */ u("spa
 	className: `dropdown-arrow ${e}`,
 	"aria-hidden": "true",
 	dangerouslySetInnerHTML: { __html: y }
-}), k = ({ placeholder: e, className: t }) => [/* @__PURE__ */ u("span", {
+}), te = ({ 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 }) {
-	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";
+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(() => {
-		B && !de.current && !_ && (ue(!0), Y(!0)), de.current = B;
-	}, [B, _]), r(() => {
-		_ && J && (Y(!1), P?.(!1));
+		z && !de.current && !_ && (ue(!0), Y(!0)), de.current = z;
+	}, [z, _]), r(() => {
+		_ && J && (Y(!1), N?.(!1));
 	}, [_, J]);
 	let X = w({
 		dataSource: o,
@@ -365,7 +373,7 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 		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)));
+		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] : [];
@@ -373,66 +381,66 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 	}, [
 		d,
 		Z,
-		V
+		B
 	]), pe = () => {
 		_ || Y((e) => {
 			let t = !e;
 			return t && ue(!0), t;
 		});
 	}, $ = (e = !1) => {
-		Y((t) => (t && P?.(e), !1));
+		Y((t) => (t && N?.(e), !1));
 	};
 	r(() => {
 		if (!J) return;
 		let e = U.current;
-		if (e) return I?.onOpen?.(e, $);
+		if (e) return F?.onOpen?.(e, $);
 	}, [J]);
 	let me = (e) => {
 		if (!(_ || e.disabled)) {
-			if (V) {
+			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 (!z || !J) return;
+		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 (F?.() === !1) {
+				if (P?.() === !1) {
 					t.preventDefault(), t.stopImmediatePropagation();
 					return;
 				}
 				$();
 			}
-		}, n = !!F;
+		}, n = !!P;
 		return e.addEventListener("pointerdown", t, n), () => {
 			e.removeEventListener("pointerdown", t, n);
 		};
 	}, [
-		z,
+		R,
 		J,
 		q,
 		W,
-		F
+		P
 	]);
 	let he = () => {
 		let t = [O({})];
-		return M ? M(e, Q, t) : Q.length > 0 ? V ? [/* @__PURE__ */ u(ee, {
+		return j ? j(e, Q, t) : Q.length > 0 ? B ? [/* @__PURE__ */ u(ee, {
 			options: Q,
 			removeOption: me,
-			renderValue: A,
+			renderValue: k,
 			disabled: _,
 			removeLabel: S.removeLabel
 		}), /* @__PURE__ */ u(O, { className: "mr-2" })] : [/* @__PURE__ */ u(D, {
 			options: Q,
-			renderValue: A
-		}), /* @__PURE__ */ u(O, { className: "mr-2" })] : j ? j(e, h, t) : /* @__PURE__ */ u(k, { placeholder: h });
+			renderValue: k
+		}), /* @__PURE__ */ u(O, { className: "mr-2" })] : A ? A(e, h, t) : /* @__PURE__ */ u(te, { placeholder: h });
 	}, ge = () => /* @__PURE__ */ u(g, {
-		onPointerRelease: I?.onPointerRelease,
+		onPointerRelease: F?.onPointerRelease,
 		topLayer: S.topLayer,
 		triggerRef: U,
 		portalTarget: W,
@@ -449,7 +457,7 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 			remote: o ? X : void 0,
 			value: d,
 			onChange: (e) => {
-				if (!_ && (m?.(e), !V)) {
+				if (!_ && (m?.(e), !B)) {
 					let e = U.current;
 					e?.ownerDocument.defaultView?.requestAnimationFrame(() => {
 						let t = e.ownerDocument.activeElement;
@@ -461,13 +469,13 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 				...S,
 				autoFocus: S.autoFocus || le
 			},
-			multiSelect: V,
-			search: !!o || L,
-			searchPlaceholder: R,
+			multiSelect: B,
+			search: !!o || I,
+			searchPlaceholder: L,
 			listboxId: K,
 			searchId: ce,
 			renderOption: E,
-			renderNoResults: N,
+			renderNoResults: M,
 			onClose: $,
 			onTabNavigation: () => {
 				$(), U.current?.focus();
@@ -490,13 +498,13 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 				"aria-disabled": _,
 				"aria-owns": K,
 				"aria-controls": K,
-				"aria-label": te,
+				"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 === "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()
 			}),
@@ -504,32 +512,32 @@ function A({ source: t, triggerAttributes: n, dataSource: o, dataContext: s, rem
 			v && /* @__PURE__ */ u("input", {
 				type: "hidden",
 				name: v,
-				value: JSON.stringify(V ? Q.map((e) => e.value) : Q[0]?.value || "")
+				value: JSON.stringify(B ? Q.map((e) => e.value) : Q[0]?.value || "")
 			})
 		]
 	});
 }
-var j = (e, t) => {
-	d(e, /* @__PURE__ */ u(A, { ...t }));
-}, M = (e) => {
+var A = (e, t) => {
+	d(e, /* @__PURE__ */ u(k, { ...t }));
+}, j = (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);
+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 P(e, r, i = "", a = !1) {
-	if (Array.isArray(e)) return e.flatMap((e) => P(e, r, i, a));
+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 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 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 ?? N(c.children)).trim();
+	}, l = String(c.label ?? M(c.children)).trim();
 	return [{
 		value: String(c.value ?? l),
 		label: i ? `${i}: ${l}` : l,
@@ -538,12 +546,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 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(A, {
+	return /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(k, {
 		environment: r,
 		renderOption: (e, t) => /* @__PURE__ */ u("span", {
 			"data-select-option": t.value,
@@ -579,7 +587,7 @@ function F(e) {
 }
 //#endregion
 //#region src/fieldset.tsx
-function I(e) {
+function F(e) {
 	let t = c(m), n = t.disabled || !!e.disabled;
 	return /* @__PURE__ */ u(m.Provider, {
 		value: {
@@ -594,43 +602,43 @@ function I(e) {
 }
 //#endregion
 //#region src/native-control.tsx
-function L(t, n, ...r) {
+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 R(e, t) {
+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 z = b(h(({ title: e, ...t }, n) => {
-	let r = R(e, n);
-	return L("input", {
+var R = b(h(({ title: e, ...t }, n) => {
+	let r = L(e, n);
+	return I("input", {
 		...t,
 		ref: r
 	});
-}), "input"), B = b(h(({ children: e, title: t, ...n }, r) => {
-	let i = R(t, r);
-	return L("textarea", {
+}), "input"), z = b(h(({ children: e, title: t, ...n }, r) => {
+	let i = L(t, r);
+	return I("textarea", {
 		...n,
 		ref: i
 	}, e);
-}), "textarea"), V = b(h(({ children: e, title: t, ...n }, r) => {
+}), "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 L("button", {
+	return I("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"), V = b(h(({ children: e, title: t, ...n }, r) => {
+	let i = L(t, r);
+	return I("summary", {
 		...n,
 		ref: i
 	}, e);
-}), "summary"), te = b(F, "select");
+}), "summary"), H = b(P, "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 { 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-s9ddPwX6.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 { 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-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 = {

package/_chunks/{picker-AY05b41W.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-DO0d1kgx.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-DsXIhybL.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) => {

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

@@ -233,12 +233,21 @@ n.diffed = function(e) {
 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-DbxdUJr-.js}

@@ -1,6 +1,6 @@
 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-pFMuHf3G.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

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

@@ -1,6 +1,6 @@
 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-pFMuHf3G.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>";

package/_chunks/{request-trail-DCOfa5zw.js → request-trail-CCSK6TJA.js}

@@ -4,10 +4,10 @@ import { t as c } from "./jsxRuntime.module-F6UFnpT-.js";
 import { createControlId as l } from "../core/control-id.js";
 import { t as u } from "./popover-controller-D-AvKQ7B.js";
 import { SvgIcon as d } from "../icons/icon.js";
-import { l as f } from "./native-control-DO0d1kgx.js";
+import { l as f } from "./native-control-pFMuHf3G.js";
 import { RemoveButton as p } from "../buttons/remove-button.js";
 import { t as m } from "./chevron-down-GbplLa6s.js";
-import { E as h, a as g, c as _, j as v, p as y, t as b } from "./controls-BLQnWEd7.js";
+import { E as h, a as g, c as _, j as v, p as y, t as b } from "./controls-FUU-MUKC.js";
 import { t as x } from "./tooltip-text-BXsUEmBH.js";
 import { t as S } from "./clock-BOhPNlW3.js";
 import { t as C } from "./arrow-up-Cw8hW9vp.js";

package/_chunks/{rich-text-xfMWadGi.js → rich-text-5rnc8lpI.js}

@@ -2,10 +2,10 @@ import { i as e } from "./preact.module-BBM36DnO.js";
 import { c as t, i as n, n as r, r as i, t as a } from "./hooks.module-CG3gN83z.js";
 import { t as o } from "./jsxRuntime.module-F6UFnpT-.js";
 import { createControlId as s } from "../core/control-id.js";
-import { n as c } from "./native-control-DO0d1kgx.js";
-import { t as l } from "./controls-BLQnWEd7.js";
+import { n as c } from "./native-control-pFMuHf3G.js";
+import { t as l } from "./controls-FUU-MUKC.js";
 import { SegmentedSwitch as u } from "../segmented-switch/index.js";
-import { n as d } from "./icon-toolbar-xbqa0hu9.js";
+import { n as d } from "./icon-toolbar-DSjOdwM7.js";
 import { HighlightedTextInput as f } from "../filter-controls.js";
 import { n as p } from "./editor-commit-Bq3wSgvr.js";
 import { EditorActions as m } from "../editor-actions.js";

package/_variables.scss

@@ -1,3 +1,4 @@
+@use 'styles/built-in-palettes' as palettes;
 @use './styles/palette';
 /**
 * Variables
@@ -5,47 +6,47 @@
 
 $rv-font-weight-medium: 500 !default;
 
-$primary-color-light: palette.$legacy-007bff;
-$primary-color-dark: palette.$legacy-0d63e8;
+$primary-color-light: palettes.color('common', 'hex007bff');
+$primary-color-dark: palettes.color('common', 'hex0d63e8');
 
-$text-color-light: palette.$legacy-000;
-$text-color-light-secondary: palette.$legacy-757575;
+$text-color-light: palettes.color('common', 'hex000');
+$text-color-light-secondary: palettes.color('common', 'hex757575');
 $text-color-dark: palette.$white;
-$text-color-dark-secondary: palette.$legacy-999;
-$background-color-light: palette.$legacy-f6f6f7;
+$text-color-dark-secondary: palettes.color('common', 'hex999');
+$background-color-light: palettes.color('common', 'hexf6f6f7');
 
-$button-alt-bg-light: palette.$legacy-ebebef;
-$button-alt-bg-light-hover: palette.$legacy-e4e4e9;
+$button-alt-bg-light: palettes.color('common', 'hexebebef');
+$button-alt-bg-light-hover: palettes.color('common', 'hexe4e4e9');
 
-$background-color-dark: palette.$legacy-333333;
+$background-color-dark: palettes.color('common', 'hex333333');
 
-$border-color-light: palette.$legacy-ebebef;
-$border-color-dark: palette.$legacy-ebebef;
+$border-color-light: palettes.color('common', 'hexebebef');
+$border-color-dark: palettes.color('common', 'hexebebef');
 
-$rv-badge-bg-color: palette.$legacy-f0f0f0;
-$rv-badge-bg-color-dark: palette.$legacy-2d2d2d;
+$rv-badge-bg-color: palettes.color('common', 'hexf0f0f0');
+$rv-badge-bg-color-dark: palettes.color('common', 'hex2d2d2d');
 
 $rv-popup-bg-color: palette.$white;
-$rv-popup-border-color: palette.$legacy-d4d4d4;
+$rv-popup-border-color: palettes.color('common', 'hexd4d4d4');
 $rv-popup-border-opacity: 0.5;
-$rv-popup-shadow-color: palette.$legacy-shadow-54;
-$rv-popup-hover-bg-color: palette.$legacy-f6f6f7;
+$rv-popup-shadow-color: palettes.color('common', 'rgba_0_0_0_0_15');
+$rv-popup-hover-bg-color: palettes.color('common', 'hexf6f6f7');
 $rv-popup-border-radius: 8px;
 $rv-popup-padding: 10px;
-$rv-popup-box-shadow: 0 4px 12px #{palette.$legacy-shadow-54};
-$rv-popup-bg-color-dark: palette.$legacy-1c1c1c;
-$rv-popup-border-color-dark: palette.$legacy-686868;
+$rv-popup-box-shadow: 0 4px 12px #{palettes.color('common', 'rgba_0_0_0_0_15')};
+$rv-popup-bg-color-dark: palettes.color('common', 'hex1c1c1c');
+$rv-popup-border-color-dark: palettes.color('common', 'hex686868');
 $rv-popup-border-opacity-dark: 0;
-$rv-popup-shadow-color-dark: palette.$legacy-shadow-57;
-$rv-popup-hover-bg-color-dark: palette.$legacy-2c2c2c;
-$rv-popup-box-shadow-dark: 0 4px 12px #{palette.$legacy-shadow-57};
-
-$rv-low-color: palette.$legacy-fa2057;
-$rv-medium-color: palette.$legacy-f7c605;
-$rv-high-color: palette.$legacy-01c26e;
-$rv-critical-color: palette.$legacy-a8183c;
-$rv-info-color: palette.$legacy-5555fc;
-$rv-neutral-color: palette.$legacy-161a42;
-
-$rv-progress-bg-color: palette.$legacy-f0f0f0;
-$rv-progress-bg-color-dark: palette.$legacy-252525;
+$rv-popup-shadow-color-dark: palettes.color('common', 'rgba_0_0_0_0_5');
+$rv-popup-hover-bg-color-dark: palettes.color('common', 'hex2c2c2c');
+$rv-popup-box-shadow-dark: 0 4px 12px #{palettes.color('common', 'rgba_0_0_0_0_5')};
+
+$rv-low-color: palettes.color('common', 'hexfa2057');
+$rv-medium-color: palettes.color('common', 'hexf7c605');
+$rv-high-color: palettes.color('common', 'hex01c26e');
+$rv-critical-color: palettes.color('common', 'hexa8183c');
+$rv-info-color: palettes.color('common', 'hex5555fc');
+$rv-neutral-color: palettes.color('common', 'hex161a42');
+
+$rv-progress-bg-color: palettes.color('common', 'hexf0f0f0');
+$rv-progress-bg-color-dark: palettes.color('common', 'hex252525');