@revolist/ui 4.0.4-rc → 4.0.4

package/_chunks/rotate-left-BF6G883o.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/rotate-left.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 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=\"M24 192l144 0c9.7 0 18.5-5.8 22.2-14.8s1.7-19.3-5.2-26.2l-46.7-46.7c75.3-58.6 184.3-53.3 253.5 15.9 75 75 75 196.5 0 271.5s-196.5 75-271.5 0c-10.2-10.2-19-21.3-26.4-33-9.5-14.9-29.3-19.3-44.2-9.8s-19.3 29.3-9.8 44.2C49.7 408.7 61.4 423.5 75 437 175 537 337 537 437 437S537 175 437 75C342.8-19.3 193.3-24.7 92.7 58.8L41 7C34.1 .2 23.8-1.9 14.8 1.8S0 14.3 0 24L0 168c0 13.3 10.7 24 24 24z\"/></svg>";
+//#endregion
+export { e as t };

package/_chunks/selection-list-tooltips-m00U3L6z.js

@@ -0,0 +1,42 @@
+import { o as e, t } from "./hooks.module-CG3gN83z.js";
+import { releasePreactElement as n } from "../preact-mount.js";
+import { t as r } from "./tooltip-session-CBtRMBPr.js";
+import { createTooltipElement as i } from "../core/popover-controller.js";
+//#region package/core/selection-list-tooltips.ts
+function a(a = "[role=\"option\"]") {
+	let o = t(void 0);
+	return e((e) => {
+		if (o.current?.(), o.current = void 0, !e) return;
+		let t = new r(), s = i(e.ownerDocument, "rv-tooltip");
+		t.setSurface(s);
+		let c, l = (t) => {
+			let n = t?.closest?.(a);
+			return n && e.contains(n) ? n : void 0;
+		}, u = () => {
+			c = void 0, t.hide();
+		}, d = (e) => {
+			if (!e) {
+				u();
+				return;
+			}
+			let n = [e, ...e.querySelectorAll("*")].filter((e) => e.textContent?.trim() && e.scrollWidth > e.clientWidth), r = n.filter((e) => !n.some((t) => t !== e && e.contains(t))).map((e) => e.textContent.trim()).join("\n");
+			r ? c === e && s.textContent === r && t.isOpen || (u(), c = e, s.textContent = r, t.show(e)) : u();
+		}, f = (e) => d(l(e.target)), p = (e) => {
+			l(e.relatedTarget) !== c && u();
+		}, m = (t) => {
+			if (![
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End"
+			].includes(t.key)) return;
+			let n = (e.hasAttribute("aria-activedescendant") ? e : e.querySelector("[aria-activedescendant]"))?.getAttribute("aria-activedescendant");
+			n && d(l(e.ownerDocument.getElementById(n)));
+		};
+		e.addEventListener("pointerover", f, !0), e.addEventListener("pointerout", p, !0), e.addEventListener("focusin", f, !0), e.addEventListener("focusout", p, !0), e.addEventListener("pointerdown", u, !0), e.addEventListener("keyup", m), o.current = () => {
+			t.destroy(), n(s), e.removeEventListener("pointerover", f, !0), e.removeEventListener("pointerout", p, !0), e.removeEventListener("focusin", f, !0), e.removeEventListener("focusout", p, !0), e.removeEventListener("pointerdown", u, !0), e.removeEventListener("keyup", m);
+		};
+	}, [a]);
+}
+//#endregion
+export { a as t };

package/_chunks/title-tooltip-ncldbUwS.js

@@ -0,0 +1,11 @@
+import { r as e, t } from "./hooks.module-CG3gN83z.js";
+import { TooltipController as n } from "../core/popover-controller.js";
+//#region package/core/title-tooltip.ts
+function r(r, i) {
+	let a = t(null), o = t(i);
+	return o.current = i, e(() => {
+		if (a.current && r) return new n().bind(a.current, r, { onEscape: () => o.current?.() });
+	}, [r]), a;
+}
+//#endregion
+export { r as t };

package/_chunks/tooltip-h-Z8yFBY.js

@@ -0,0 +1,54 @@
+import { i as e, o as t, r as n } from "./hooks.module-CG3gN83z.js";
+import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
+import { t as i } from "./tooltip-session-CBtRMBPr.js";
+import { createControlId as a } from "../core/control-id.js";
+//#region package/core/tooltip.tsx
+function o(o, s = !0, c) {
+	let [l] = e(() => a("rv-format-control-tooltip")), [u] = e(() => new i());
+	u.delay = c?.delay ?? 0;
+	let d = t(() => u.hide(), [u]), f = t((e) => {
+		e || u.hide(), u.setSurface(e);
+	}, [u]);
+	return n(() => {
+		u.hide();
+	}, [o, c?.delay]), n(() => () => u.destroy(), [u]), {
+		id: l,
+		hide: d,
+		triggerProps: {
+			"aria-describedby": l,
+			onFocus: (e) => u.focus(e.currentTarget),
+			onBlur: () => u.blur(),
+			onMouseEnter: (e) => u.show(e.currentTarget),
+			onMouseLeave: (e) => u.leave(e?.currentTarget),
+			onPointerDown: (e) => u.pointerDown(),
+			onPointerCancel: () => u.hide(),
+			onKeyDown: (e) => u.keyDown(e)
+		},
+		tooltip: /* @__PURE__ */ r("span", {
+			ref: f,
+			id: l,
+			class: `rv-tooltip ${c?.className ?? "rv-format-control-tooltip"}`,
+			role: "tooltip",
+			"data-visible": "false",
+			hidden: !0,
+			children: c?.content ?? o
+		})
+	};
+}
+function s({ id: a, text: o, content: s, visible: c, anchor: l = null, className: u = "rv-format-control-tooltip" }) {
+	let [d] = e(() => new i()), f = t((e) => {
+		e || d.hide(), d.setSurface(e);
+	}, [d]);
+	return n(() => (c && l ? d.show(l) : d.hide(), () => d.hide()), [c, l]), n(() => () => d.destroy(), [d]), /* @__PURE__ */ r("span", {
+		ref: f,
+		id: a,
+		class: `rv-tooltip ${u}`,
+		role: "tooltip",
+		"data-visible": c,
+		hidden: !c,
+		children: s ?? o
+	});
+}
+var c = o;
+//#endregion
+export { o as n, c as r, s as t };

package/_chunks/tooltip-owner-BYho-vJl.js

@@ -0,0 +1,19 @@
+//#region internal/chart-utils/src/tooltip-owner.ts
+var e = Symbol.for("@revolist/tooltip-owner");
+function t(t, n, r) {
+	let i = t, a = i[e];
+	a?.owner !== n && (Object.defineProperty(i, e, {
+		configurable: !0,
+		writable: !0,
+		value: {
+			owner: n,
+			dismiss: r
+		}
+	}), a?.dismiss());
+}
+function n(t, n) {
+	let r = t;
+	r[e]?.owner === n && delete r[e];
+}
+//#endregion
+export { n, t };

package/_chunks/tooltip-session-CBtRMBPr.js

@@ -0,0 +1,110 @@
+import { c as e, o as t, r as n, t as r } from "./top-layer-popup-CKJ7VJOF.js";
+import { n as i, t as a } from "./tooltip-owner-BYho-vJl.js";
+//#region package/core/tooltip-session.ts
+var o = class {
+	anchor;
+	surface;
+	timer;
+	mode;
+	cleanup;
+	mounted = !1;
+	pointerFocus = !1;
+	open = !1;
+	addedDescription = !1;
+	onHide;
+	onEscape;
+	delay = 0;
+	get isOpen() {
+		return this.open;
+	}
+	get isPending() {
+		return this.timer !== void 0;
+	}
+	setSurface(e) {
+		this.surface = e ?? void 0;
+	}
+	show(e) {
+		this.anchor === e && this.open || (this.hide(), this.anchor = e, this.listen(e), this.delay > 0 ? this.timer = setTimeout(() => {
+			this.timer = void 0, this.present();
+		}, this.delay) : this.present());
+	}
+	present() {
+		let r = this.anchor, i = this.surface;
+		if (!r || !i || !r.isConnected) {
+			this.hide();
+			return;
+		}
+		a(r.ownerDocument, this, () => this.hide()), e(i), this.mounted = !i.isConnected, this.mounted && r.ownerDocument.body.append(i), i.hidden = !1, i.dataset.visible = "true", Object.assign(i.style, {
+			position: "fixed",
+			inset: "auto",
+			margin: "0",
+			transform: "none",
+			visibility: "visible",
+			positionAnchor: "auto",
+			positionArea: "none"
+		}), this.mode = n(i, "block");
+		let o = r.ownerDocument.defaultView, s = t(r.getBoundingClientRect(), i.getBoundingClientRect(), {
+			width: o?.innerWidth ?? 0,
+			height: o?.innerHeight ?? 0
+		});
+		Object.assign(i.style, {
+			left: `${s.left}px`,
+			top: `${s.top}px`
+		});
+		let c = new Set((r.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean));
+		this.addedDescription = !c.has(i.id), c.add(i.id), r.setAttribute("aria-describedby", [...c].join(" ")), this.open = !0;
+	}
+	hide() {
+		clearTimeout(this.timer), this.timer = void 0, this.cleanup?.(), this.cleanup = void 0;
+		let e = this.anchor, t = this.surface;
+		if (e && i(e.ownerDocument, this), t && this.open) {
+			if (r(t, this.mode), t.hidden = !0, t.dataset.visible = "false", e && this.addedDescription) {
+				let n = (e.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((e) => e && e !== t.id);
+				n.length ? e.setAttribute("aria-describedby", n.join(" ")) : e.removeAttribute("aria-describedby");
+			}
+			this.mounted && t.remove();
+		}
+		let n = this.open;
+		this.open = !1, n && this.onHide?.(), this.mode = void 0, this.mounted = !1;
+	}
+	focus(e) {
+		this.show(e);
+	}
+	blur() {
+		this.pointerFocus = !1, this.hide();
+	}
+	pointerDown() {
+		this.pointerFocus = !0;
+	}
+	leave(e) {
+		(!e || this.pointerFocus || e.ownerDocument.activeElement !== e) && this.hide();
+	}
+	keyDown(e) {
+		e.key === "Escape" && (this.open || this.isPending) && !e.defaultPrevented ? (e.preventDefault(), e.stopPropagation(), this.hide(), this.onEscape?.()) : (e.key === "Enter" || e.key === " ") && this.hide();
+	}
+	destroy() {
+		this.hide(), this.surface = void 0, this.anchor = void 0;
+	}
+	listen(e) {
+		let t = e.ownerDocument, n = t.defaultView, r = e.closest("[popover]"), i = () => this.hide(), a = (t) => {
+			t.composedPath().includes(e) || this.hide();
+		}, o = (n) => {
+			let r = n.target;
+			(r === t || r?.contains?.(e)) && this.hide();
+		}, s = () => {
+			r?.matches(":popover-open") || this.hide();
+		}, c = (e) => {
+			e.key === "Escape" && this.keyDown(e);
+		}, l = n?.MutationObserver, u = l ? new l(() => {
+			e.isConnected || this.hide();
+		}) : void 0;
+		u?.observe(t, {
+			childList: !0,
+			subtree: !0
+		}), t.addEventListener("keydown", c, !0), t.addEventListener("pointerdown", a, !0), t.addEventListener("scroll", o, !0), t.addEventListener("visibilitychange", i), n?.addEventListener("resize", i), n?.addEventListener("blur", i), r?.addEventListener("toggle", s), this.cleanup = () => {
+			u?.disconnect(), t.removeEventListener("keydown", c, !0), t.removeEventListener("pointerdown", a, !0), t.removeEventListener("scroll", o, !0), t.removeEventListener("visibilitychange", i), n?.removeEventListener("resize", i), n?.removeEventListener("blur", i), r?.removeEventListener("toggle", s);
+		};
+	}
+};
+//#endregion
+export { o as t };

package/_chunks/tooltip-text-BN5WdGHn.js

@@ -0,0 +1,12 @@
+import { c as e } from "./preact.module-BBM36DnO.js";
+import { t } from "./title-tooltip-ncldbUwS.js";
+//#region package/core/tooltip-text.tsx
+function n({ as: n = "span", title: r, children: i, ...a }) {
+	let o = t(r);
+	return e(n, {
+		...a,
+		ref: o
+	}, i);
+}
+//#endregion
+export { n as t };

package/_chunks/top-layer-popup-CKJ7VJOF.js

@@ -0,0 +1,59 @@
+import { calculateAnchoredPopoverPosition as e } from "../core/anchored-popover.js";
+import { c as t } from "./preact.module-BBM36DnO.js";
+import { createPreactElement as n } from "../preact-mount.js";
+//#region package/core/tooltip-surface.ts
+var r = "\n.rv-tooltip.rv-tooltip {\n  box-sizing: border-box;\n  position: fixed;\n  z-index: 100000;\n  margin: 0;\n  inset: auto;\n  transform: none;\n  opacity: 1;\n  visibility: visible;\n  padding: 6px 10px;\n  border: 0;\n  border-radius: 6px;\n  background: var(--rv-tooltip-bg, #191919);\n  color: var(--rv-tooltip-fg, #fff);\n  box-shadow: 0 4px 14px var(--rv-ui-shadow, rgb(0 0 0 / 18%));\n  font: 12px/1.4 var(--rv-ui-font-family, Inter, ui-sans-serif, system-ui, sans-serif);\n  font-weight: 400;\n  text-align: start;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  max-width: min(360px, calc(100vw - 16px));\n  max-height: calc(100dvh - 16px);\n  overflow: auto;\n  pointer-events: none;\n}\n.rv-tooltip[hidden], .rv-tooltip[data-visible=\"false\"] { display: none; }\n.rv-tooltip[data-overflow] { pointer-events: auto; }\n@media (forced-colors: active) {\n  .rv-tooltip.rv-tooltip { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }\n}\n";
+function i(e) {
+	if (e.querySelector("style[data-rv-tooltip-styles]")) return;
+	let i = e.nodeType === 9 ? e : e.ownerDocument, a = n(i, t("style", { "data-rv-tooltip-styles": "" }, r));
+	e.nodeType === 9 ? i.head.append(a) : e.append(a);
+}
+function a(e) {
+	e.classList.add("rv-tooltip"), e.setAttribute("role", "tooltip");
+	let t = e.getRootNode();
+	i(t.nodeType === 11 && "host" in t ? t : e.ownerDocument);
+}
+function o(t, n, r) {
+	let i = e(t, n, r), a = t.top - n.height - 8;
+	return a >= 8 ? {
+		left: Math.max(8, Math.min(t.left + (t.width - n.width) / 2, r.width - n.width - 8)),
+		top: a
+	} : i;
+}
+//#endregion
+//#region package/core/popup-ownership.ts
+function s(e, t) {
+	if (!e || !t) return !1;
+	let n = /* @__PURE__ */ new Set(), r = (e) => !n.has(e) && (n.add(e), e.contains(t) ? !0 : [...e.querySelectorAll("[aria-controls]")].some((t) => (t.getAttribute("aria-controls") ?? "").split(/\s+/).some((t) => {
+		let n = e.ownerDocument.getElementById(t);
+		return !!n && r(n);
+	})));
+	return r(e);
+}
+//#endregion
+//#region package/core/top-layer-popup.ts
+var c = /* @__PURE__ */ new WeakMap();
+function l(e, t = "flex") {
+	if (c.has(e) || c.set(e, e.getAttribute("data-rv-ui-surface")), e.setAttribute("data-rv-ui-surface", ""), e.style.display = t, typeof e.showPopover == "function") {
+		e.setAttribute("popover", "manual");
+		try {
+			return e.showPopover(), "popover";
+		} catch {
+			e.removeAttribute("popover");
+		}
+	}
+	return e.style.display = t, "fallback";
+}
+function u(e, t) {
+	let n = c.get(e);
+	if (n !== void 0 && (n === null ? e.removeAttribute("data-rv-ui-surface") : e.setAttribute("data-rv-ui-surface", n), c.delete(e)), t === "popover" && typeof e.hidePopover == "function") try {
+		e.hidePopover(), e.style.removeProperty("display");
+		return;
+	} catch {}
+	e.style.display = "none";
+}
+function d(e, t) {
+	return t ? e.contains(t) ? !0 : [...e.querySelectorAll("[aria-controls]")].some((n) => n.getAttribute("aria-controls")?.split(/\s+/).some((n) => e.ownerDocument.getElementById(n)?.contains(t))) : !1;
+}
+//#endregion
+export { r as a, a as c, s as i, d as n, o, l as r, i as s, u as t };

package/_dialog.scss

@@ -22,8 +22,13 @@
   color: var(--rv-dialog-color, var(--rv-ui-text));
   font: var(
     --rv-dialog-font,
-    13px/1.45 Inter, ui-sans-serif, system-ui, -apple-system,
-    BlinkMacSystemFont, "Segoe UI", sans-serif
+    13px/1.45 Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    sans-serif
   );
 }
 
@@ -32,7 +37,7 @@
 .rv-dialog-overlay,
 .rv-dialog[open]::backdrop {
   animation: rv-ui-surface-in var(--rv-ui-motion-enter, 180ms)
-    var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
+    var(--rv-ui-motion-ease, cubic-bezier(0.2, 0, 0, 1));
 }
 
 .rv-dialog:not([open]) {
@@ -57,8 +62,13 @@
   color: var(--rv-dialog-color, var(--rv-ui-text));
   font: var(
     --rv-dialog-font,
-    13px/1.45 Inter, ui-sans-serif, system-ui, -apple-system,
-    BlinkMacSystemFont, "Segoe UI", sans-serif
+    13px/1.45 Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    sans-serif
   );
 }
 
@@ -104,8 +114,7 @@
 // Native dialogs must retain viewport positioning when dragging is enabled.
 .rv-dialog.rv-dialog__draggable {
   position: fixed;
-  inset:
-    var(--rv-dialog-translate-y, 0px)
+  inset: var(--rv-dialog-translate-y, 0px)
     calc(0px - var(--rv-dialog-translate-x, 0px))
     calc(0px - var(--rv-dialog-translate-y, 0px))
     var(--rv-dialog-translate-x, 0px);
@@ -167,8 +176,10 @@
   color: var(--rv-ui-btn-outline-fg, inherit);
   cursor: pointer;
   transition:
-    background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
-    border-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
+    background-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
+    border-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
     color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out);
 }
 
@@ -195,7 +206,8 @@
 .rv-dialog__body {
   min-height: 0;
   overflow: auto;
-  overscroll-behavior: contain;
+  // Embedded bodies chain to their widget/page; modal surfaces contain scrolling.
+  overscroll-behavior: auto;
 }
 
 // Form dialogs keep their chrome inset while the scrollport reaches the edge.
@@ -216,7 +228,9 @@
   border-top: 1px solid var(--rv-dialog-border, var(--rv-ui-border));
 }
 
-.rv-dialog__footer { @include footer; }
+.rv-dialog__footer {
+  @include footer;
+}
 
 .rv-dialog__footer--stacked {
   align-items: stretch;
@@ -252,9 +266,16 @@
 
 // Shared native-form composition keeps scrolling in the body and actions visible.
 .rv-dialog__header,
-.rv-dialog__footer { flex-shrink: 0; }
-.rv-dialog__actions { flex-wrap: wrap; }
-.rv-dialog__header > label { flex: 1 1 auto; min-width: 0; }
+.rv-dialog__footer {
+  flex-shrink: 0;
+}
+.rv-dialog__actions {
+  flex-wrap: wrap;
+}
+.rv-dialog__header > label {
+  flex: 1 1 auto;
+  min-width: 0;
+}
 .rv-dialog__surface .rv-dialog__title-input {
   width: 100%;
   min-width: 0;
@@ -267,7 +288,7 @@
   font: inherit;
   font-size: var(--rv-dialog-title-size, 24px);
   font-weight: 600;
-  letter-spacing: -.025em;
+  letter-spacing: -0.025em;
   line-height: 1.25;
 }
 .rv-dialog__surface .rv-dialog__title-input::placeholder {
@@ -288,7 +309,9 @@
   align-items: center;
   padding: var(--rv-dialog-header-padding, 16px 20px);
 }
-.rv-dialog__header--editable > .rv-dialog__heading { flex: 1 1 auto; }
+.rv-dialog__header--editable > .rv-dialog__heading {
+  flex: 1 1 auto;
+}
 .rv-dialog__sr-only {
   position: absolute;
   width: 1px;
@@ -299,12 +322,16 @@
   white-space: nowrap;
   border: 0;
 }
-.rv-dialog__description { color: var(--rv-dialog-muted, var(--rv-ui-text-muted)); }
+.rv-dialog__description {
+  color: var(--rv-dialog-muted, var(--rv-ui-text-muted));
+}
 .rv-dialog__message {
   flex: 0 0 auto;
   margin: 16px 20px 0;
 }
-.rv-dialog__message.rv-alert { inline-size: auto; }
+.rv-dialog__message.rv-alert {
+  inline-size: auto;
+}
 .rv-dialog__action-footer {
   display: flex;
   flex-direction: column;
@@ -319,9 +346,17 @@
   min-width: 0;
   flex-wrap: wrap;
 }
-.rv-dialog__action-panel { justify-content: space-between; }
+.rv-dialog__action-panel {
+  justify-content: space-between;
+}
 @media (max-width: 560px) {
-  .rv-dialog__header--editable { padding: var(--rv-dialog-header-padding, 16px); }
-  .rv-dialog__message { margin-inline: 16px; }
-  .rv-dialog__action-footer { padding: var(--rv-dialog-footer-padding, 16px); }
+  .rv-dialog__header--editable {
+    padding: var(--rv-dialog-header-padding, 16px);
+  }
+  .rv-dialog__message {
+    margin-inline: 16px;
+  }
+  .rv-dialog__action-footer {
+    padding: var(--rv-dialog-footer-padding, 16px);
+  }
 }

package/_form.scss

@@ -7,10 +7,7 @@
   display: grid;
   gap: 14px;
   padding: 16px;
-  border: 1px solid var(
-    --rv-form-border,
-    var(--rv-ui-border)
-  );
+  border: 1px solid var(--rv-form-border, var(--rv-ui-border));
   border-radius: 10px;
   // Sections group fields without competing with their editable surface.
   background: var(--rv-form-section-bg, transparent);
@@ -72,25 +69,63 @@
 }
 
 // Shared fields; products customize tokens instead of copying this rule set.
-.rv-control { @include control.field; }
-textarea.rv-control { min-height: var(--rv-textarea-height, 92px); resize: vertical; }
+.rv-control {
+  @include control.field;
+}
+textarea.rv-control {
+  min-height: var(--rv-textarea-height, 92px);
+  resize: vertical;
+}
 // Inherit from the nearest explicit direction, including nested LTR surfaces.
 // CSS builds may lower :dir() to :lang(), which misses direction-only hosts.
-[dir='ltr'] { --rv-select-caret-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%; }
-[dir='rtl'] { --rv-select-caret-position: 11px 50%, 16px 50%; }
+[dir='ltr'] {
+  --rv-select-caret-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
+}
+[dir='rtl'] {
+  --rv-select-caret-position: 11px 50%, 16px 50%;
+}
 select.rv-control {
   padding-inline-end: 34px;
-  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
-  background-position: var(--rv-select-caret-position, calc(100% - 16px) 50%, calc(100% - 11px) 50%);
+  background-image:
+    linear-gradient(45deg, transparent 50%, currentColor 50%),
+    linear-gradient(135deg, currentColor 50%, transparent 50%);
+  background-position: var(
+    --rv-select-caret-position,
+    calc(100% - 16px) 50%,
+    calc(100% - 11px) 50%
+  );
   background-repeat: no-repeat;
   background-size: 5px 5px;
 }
-select.rv-control[multiple] { background-image: none; padding-inline-end: 10px; }
-.rv-control--compact { --rv-control-font-size: 12px; --rv-control-height: 30px; --rv-control-padding: 5px 8px; --rv-control-radius: var(--rv-ui-radius, 6px); font-size: 12px; }
-select.rv-control--compact { padding-inline-end: 28px; }
-.rv-radio { width: 16px; height: 16px; margin: 0; flex: none; accent-color: var(--rv-ui-accent); }
-.rv-radio:focus-visible { outline: 2px solid var(--rv-ui-accent); outline-offset: 2px; }
-.rv-radio:disabled { opacity: .55; cursor: not-allowed; }
+select.rv-control[multiple] {
+  background-image: none;
+  padding-inline-end: 10px;
+}
+.rv-control--compact {
+  --rv-control-font-size: 12px;
+  --rv-control-height: 30px;
+  --rv-control-padding: 5px 8px;
+  --rv-control-radius: var(--rv-ui-radius, 6px);
+  font-size: 12px;
+}
+select.rv-control--compact {
+  padding-inline-end: 28px;
+}
+.rv-radio {
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  flex: none;
+  accent-color: var(--rv-ui-accent);
+}
+.rv-radio:focus-visible {
+  outline: 2px solid var(--rv-ui-accent);
+  outline-offset: 2px;
+}
+.rv-radio:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
 
 @media (max-width: 560px) {
   .rv-form-grid {
@@ -110,9 +145,13 @@ select.rv-control--compact { padding-inline-end: 28px; }
   min-width: 0;
   cursor: pointer;
   list-style: none;
-  &::-webkit-details-marker { display: none; }
+  &::-webkit-details-marker {
+    display: none;
+  }
+}
+.rv-disclosure-summary__label {
+  min-width: 0;
 }
-.rv-disclosure-summary__label { min-width: 0; }
 .rv-disclosure-summary__icon {
   display: inline-flex;
   align-items: center;
@@ -120,6 +159,17 @@ select.rv-control--compact { padding-inline-end: 28px; }
   flex: none;
 }
 
-.rv-native-slider { width: 100%; min-width: 0; accent-color: var(--rv-ui-accent); cursor: pointer; }
-.rv-native-slider:disabled { opacity: .55; cursor: not-allowed; }
-.rv-native-slider:focus-visible { outline: 2px solid var(--rv-ui-accent); outline-offset: 2px; }
+.rv-native-slider {
+  width: 100%;
+  min-width: 0;
+  accent-color: var(--rv-ui-accent);
+  cursor: pointer;
+}
+.rv-native-slider:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.rv-native-slider:focus-visible {
+  outline: 2px solid var(--rv-ui-accent);
+  outline-offset: 2px;
+}

package/_legend.scss

@@ -14,23 +14,41 @@
   min-width: 0;
   max-width: 100%;
 }
-.rv-legend__label { min-width: 0; overflow-wrap: anywhere; }
+.rv-legend__label {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
 .rv-legend__item i {
   box-sizing: border-box;
   flex: 0 0 9px;
   width: 9px;
   height: 9px;
   border-radius: 3px;
-  color: var(--rv-legend-marker-color, var(--rv-matrix-muted, var(--rv-ui-border-strong)));
+  color: var(
+    --rv-legend-marker-color,
+    var(--rv-matrix-muted, var(--rv-ui-border-strong))
+  );
   background: currentColor;
-  transition: color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
+  transition: color var(--rv-ui-motion-fast, 120ms)
+    var(--rv-ui-motion-ease, cubic-bezier(0.2, 0, 0, 1));
 }
 .rv-legend__item[data-tone='selected'] i {
-  color: var(--rv-legend-marker-color, var(--rv-matrix-accent, var(--rv-ui-accent)));
+  color: var(
+    --rv-legend-marker-color,
+    var(--rv-matrix-accent, var(--rv-ui-accent))
+  );
 }
 .rv-legend__item[data-tone='outside'] i {
-  color: var(--rv-legend-marker-color, var(--rv-matrix-outside, var(--rv-ui-surface-hover)));
+  color: var(
+    --rv-legend-marker-color,
+    var(--rv-matrix-outside, var(--rv-ui-surface-hover))
+  );
 }
 .rv-legend__item i[data-marker='outline'],
-.rv-legend__item i[data-marker='dashed'] { background: transparent; border: 1px solid currentColor; }
-.rv-legend__item i[data-marker='dashed'] { border-style: dashed; }
+.rv-legend__item i[data-marker='dashed'] {
+  background: transparent;
+  border: 1px solid currentColor;
+}
+.rv-legend__item i[data-marker='dashed'] {
+  border-style: dashed;
+}