@revolist/ui 4.0.3-rc → 4.0.5-rc

package/dialog/dialog.dom.js

@@ -1,12 +1,12 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t } from "../_chunks/native-control-C_yok8_-.js";
-import { createPreactElement as n } from "../preact-mount.js";
-import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-CKGkC5zP.js";
+import { createPreactElement as t } from "../preact-mount.js";
+import { t as n } from "../_chunks/native-control-DO0d1kgx.js";
+import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-BSbvnEwX.js";
 //#region src/dialog/dialog.dom.view.tsx
-function c(t, c, l) {
+function c(n, c, l) {
 	let u = f(), d, p, m, h, g;
 	return {
-		root: n(t, /* @__PURE__ */ e("div", {
+		root: t(n, /* @__PURE__ */ e("div", {
 			class: ["rv-dialog-overlay", c.overlayClass].filter(Boolean).join(" "),
 			role: "dialog",
 			"aria-modal": "true",
@@ -57,15 +57,15 @@ function c(t, c, l) {
 		actions: g
 	};
 }
-function l(t, r, a) {
-	return n(t, /* @__PURE__ */ e(i, {
+function l(n, r, a) {
+	return t(n, /* @__PURE__ */ e(i, {
 		"aria-label": r,
 		title: r,
 		onClick: a
 	}));
 }
 function u(r, i, a, o = "default") {
-	return n(r, /* @__PURE__ */ e(t, {
+	return t(r, /* @__PURE__ */ e(n, {
 		title: i || void 0,
 		class: o === "default" ? "rv-btn" : `rv-btn-${o}`,
 		onClick: a,

package/dialog/dialog.parts.js

@@ -1 +1 @@
-export { t as DialogActionFooter, n as DialogActions, r as DialogBody, i as DialogCloseButton, a as DialogFooter, o as DialogForm, s as DialogHeader, c as DialogTitleInput, l as EditableDialogHeader } from "../_chunks/dialog.parts-CKGkC5zP.js";
+export { t as DialogActionFooter, n as DialogActions, r as DialogBody, i as DialogCloseButton, a as DialogFooter, o as DialogForm, s as DialogHeader, c as DialogTitleInput, l as EditableDialogHeader } from "../_chunks/dialog.parts-BSbvnEwX.js";

package/distribution-chart/_distribution-chart.scss

@@ -108,52 +108,6 @@
   outline-offset: 2px;
 }
 
-.rv-distribution-chart__tooltip {
-  position: absolute;
-  z-index: 3;
-  top: 4px;
-  bottom: auto;
-  left: 50%;
-  display: none;
-  width: max-content;
-  max-width: 220px;
-  padding: 7px 9px;
-  transform: translateX(-50%);
-  border: 1px solid var(--rv-distribution-border, var(--rv-ui-border));
-  border-radius: 7px;
-  background: var(--tooltip-bg, var(--rv-ui-text));
-  box-shadow: 0 8px 24px var(--rv-ui-shadow);
-  color: var(--tooltip-color, var(--rv-ui-surface));
-  font: 11px/1.35 system-ui, sans-serif;
-  pointer-events: none;
-  white-space: nowrap;
-}
-
-.rv-distribution-chart__datum.is-point .rv-distribution-chart__tooltip {
-  top: calc(100% + 7px);
-}
-
-.rv-distribution-chart__tooltip strong,
-.rv-distribution-chart__tooltip span { display: block; }
-.rv-distribution-chart__tooltip strong { font-weight: 600; }
-.rv-distribution-chart__tooltip span { opacity: 0.82; }
-
-.rv-distribution-chart__datum:first-child .rv-distribution-chart__tooltip {
-  left: 0;
-  transform: none;
-}
-
-.rv-distribution-chart__datum:last-child .rv-distribution-chart__tooltip {
-  right: 0;
-  left: auto;
-  transform: none;
-}
-
-.rv-distribution-chart__datum:hover .rv-distribution-chart__tooltip,
-.rv-distribution-chart__datum:focus-visible .rv-distribution-chart__tooltip {
-  display: block;
-}
-
 @media (prefers-reduced-motion: reduce) {
   .rv-distribution-chart__bar { transition: none; }
 }
@@ -179,17 +133,7 @@
   display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 16px;
   font-size: 12px; color: var(--rv-ui-text-muted);
 }
-.rv-distribution-chart__legend i,
-.rv-distribution-chart__tooltip i { display: block; width: 8px; height: 8px; border-radius: 2px; background: var(--rv-distribution-accent, var(--rv-ui-accent)); }
-.rv-distribution-chart__tooltip {
-  background: var(--rv-ui-surface); color: var(--rv-ui-text);
-  border-color: var(--rv-ui-border); box-shadow: 0 4px 12px var(--rv-ui-shadow);
-  white-space: normal; overflow-wrap: anywhere;
-  i { float: inline-start; margin-inline-end: 7px; margin-block-start: 3px; }
-  &--line i { width: 3px; height: 22px; }
-  &--dashed i { width: 8px; height: 0; background: transparent; border-top: 2px dashed var(--rv-ui-accent); margin-block-start: 7px; }
-}
-
+.rv-distribution-chart__legend i { display: block; width: 8px; height: 8px; border-radius: 2px; background: var(--rv-distribution-accent, var(--rv-ui-accent)); }
 // Numeric/category progression stays left-to-right, including on RTL pages.
 // Keep SVG points, flex bars, labels and arrow-key order on the same axis.
 .rv-distribution-chart__region,

package/distribution-chart/area-chart.js

@@ -1,6 +1,6 @@
 import { a as e } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { i as n, n as r, r as i, t as a } from "../_chunks/chart-frame-Cmc7xU1i.js";
+import { i as n, n as r, r as i, t as a } from "../_chunks/chart-frame-CuZABXVI.js";
 //#region src/distribution-chart/area-chart.tsx
 function o(o) {
 	let s = `rv-area-${e().replace(/[^a-zA-Z0-9_-]/g, "")}`, { points: c } = i(o.data), l = o.data.some((e) => e.selected !== void 0), u = c.slice(1).map((e, t) => {

package/distribution-chart/bar-chart.js

@@ -1,5 +1,5 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { r as t, t as n } from "../_chunks/chart-frame-Cmc7xU1i.js";
+import { r as t, t as n } from "../_chunks/chart-frame-CuZABXVI.js";
 //#region src/distribution-chart/bar-chart.tsx
 function r(r) {
 	let { values: i, max: a } = t(r.data), o = r.data.map((e, t) => typeof r.barColor == "function" ? r.barColor(e, t) : r.barColor);

package/distribution-chart/line-chart.js

@@ -1,5 +1,5 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { i as t, n, r, t as i } from "../_chunks/chart-frame-Cmc7xU1i.js";
+import { i as t, n, r, t as i } from "../_chunks/chart-frame-CuZABXVI.js";
 //#region src/distribution-chart/line-chart.tsx
 function a(a) {
 	let { points: o } = r(a.data);

package/dropdown/content.js

@@ -1 +1 @@
-export { f as DropdownContent, p as DropdownPopupContent } from "../_chunks/native-control-C_yok8_-.js";
+export { f as DropdownContent, p as DropdownPopupContent } from "../_chunks/native-control-DO0d1kgx.js";

package/dropdown/control.js

@@ -1 +1 @@
-export { t as createDropdownControl, n as renderDropdownControl } from "../_chunks/control-AHKXD5Eu.js";
+export { t as createDropdownControl, n as renderDropdownControl } from "../_chunks/control-BkWukVt9.js";

package/dropdown/index.js

@@ -1,3 +1,3 @@
-import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-C_yok8_-.js";
-import { t as i } from "../_chunks/popup-CT2uD3go.js";
+import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-DO0d1kgx.js";
+import { t as i } from "../_chunks/popup-UXGCiv3n.js";
 export { t as Dropdown, i as DropdownPopup, n as DropdownPopupContent, r as defineDropdown, e as destroyDropdown };

package/dropdown/lookup-field.js

@@ -1,6 +1,6 @@
 import { i as e, t } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { l as r } from "../_chunks/native-control-C_yok8_-.js";
+import { l as r } from "../_chunks/native-control-DO0d1kgx.js";
 import { n as i } from "../_chunks/editor-commit-Bq3wSgvr.js";
 import { EditorActions as a } from "../editor-actions.js";
 //#region src/dropdown/lookup-field.tsx
@@ -17,6 +17,7 @@ function o({ initial: o, options: s, context: c, apply: l, cancel: u }) {
 		},
 		children: [
 			/* @__PURE__ */ n(r, {
+				className: "rv-select",
 				source: s.source ?? [],
 				dataSource: s.dataSource,
 				dataContext: c,

package/dropdown/popup.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, RefObject } from '../_vendor/preact/src/index';
+import { ComponentChildren, RefObject } from '../_vendor/preact/src/index';
 export type DropdownPopupProps = {
     onPointerRelease?: (event: MouseEvent | TouchEvent) => void;
     triggerRef: RefObject<HTMLDivElement>;
@@ -24,4 +24,4 @@ export type DropdownPopupProps = {
  * @param theme - The theme of the dropdown
  * @param dropdownMenuId - The id of the dropdown menu
  */
-export declare function DropdownPopup({ onPointerRelease, triggerRef, children, portalTarget, theme, dropdownMenuId, popupClassName, closeOnClickOutside, onClose, align, matchTriggerWidth, maxHeight, observePopupResize, topLayer, }: DropdownPopupProps): h.JSX.Element;
+export declare function DropdownPopup({ onPointerRelease, triggerRef, children, portalTarget, theme, dropdownMenuId, popupClassName, closeOnClickOutside, onClose, align, matchTriggerWidth, maxHeight, observePopupResize, topLayer, }: DropdownPopupProps): import('../_vendor/preact/src/index').VNode<any>;

package/dropdown/popup.js

@@ -1 +1 @@
-export { t as DropdownPopup } from "../_chunks/popup-CT2uD3go.js";
+export { t as DropdownPopup } from "../_chunks/popup-UXGCiv3n.js";

package/duration/index.js

@@ -1 +1 @@
-export { t as DurationDraft, n as DurationField } from "../_chunks/duration-CL68Em0o.js";
+export { t as DurationDraft, n as DurationField } from "../_chunks/duration-DwFXonEV.js";

package/editor-actions.js

@@ -1,6 +1,6 @@
 import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
 import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n } from "./_chunks/controls-DsNi8V8I.js";
+import { t as n } from "./_chunks/controls-BLQnWEd7.js";
 //#region src/editor-actions.tsx
 var r = {
 	apply: "Apply",

package/field-configurator.d.ts

@@ -87,3 +87,22 @@ export interface CollapsibleSectionProps {
 }
 /** Native disclosure; collapsed content stays mounted to preserve draft edits. */
 export declare function CollapsibleSection({ title, description, defaultOpen, children, className, summaryClassName, contentClassName, descriptionClassName, renderRoot, }: CollapsibleSectionProps): ComponentChildren;
+export interface ConfiguratorCompactItem {
+    id: string;
+    label: string;
+    icon?: string;
+    count?: number;
+    disabled?: boolean;
+    /** Activate the corresponding product tab when reopening. */
+    onOpen?: () => void;
+}
+/** Shared panel shell. Collapsing preserves mounted controls and their drafts. */
+export declare function ConfiguratorPanel({ panelRef, standalone, children, compactItems, compact, onExpand, ...props }: Omit<JSX.HTMLAttributes<HTMLDivElement>, 'ref'> & {
+    panelRef?: import('./_vendor/preact/src/index').Ref<HTMLDivElement>;
+    standalone?: boolean;
+    compactItems?: readonly ConfiguratorCompactItem[];
+    /** Presentation state is owned by the host; the panel adds no toggle button. */
+    compact?: boolean;
+    onExpand?: () => void;
+}): h.JSX.Element;
+export { createFieldExpansion, fieldExpansionIds, recordFieldExpansion, type FieldExpansionState } from './field-expansion';

package/field-configurator.js

@@ -1,170 +1,4 @@
-import { c as e } from "./_chunks/preact.module-BBM36DnO.js";
-import { t } from "./_chunks/hooks.module-CG3gN83z.js";
-import { t as n } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { SvgIcon as r } from "./icons/icon.js";
-import { n as i } from "./_chunks/delete-button-CW9vjLnk.js";
-import { RemoveButton as a } from "./buttons/remove-button.js";
-import { t as o } from "./_chunks/chevron-right-sxHQMSkq.js";
-import { DisclosureSummary as s } from "./form-controls/presentation.js";
-import { fieldDropIndex as c, reorderFields as l } from "./field-reorder.js";
-import { useFieldDropTarget as u, useFieldReorder as d } from "./field-reorder.hook.js";
-//#region src/field-configurator.tsx
-function f({ svg: e, className: t = "" }) {
-	return /* @__PURE__ */ n(r, {
-		svg: e,
-		className: `rv-configurator-icon ${t}`
-	});
-}
-function p({ children: e, className: t = "", ...r }) {
-	return /* @__PURE__ */ n(s, {
-		...r,
-		className: `rv-configurator-summary ${t}`,
-		iconPosition: "after",
-		icon: /* @__PURE__ */ n(f, { svg: o }),
-		children: e
-	});
-}
-function m({ title: e, count: t, children: r, className: i = "" }) {
-	return /* @__PURE__ */ n("details", {
-		class: `rv-configurator-available-fields ${i}`,
-		open: !0,
-		children: [/* @__PURE__ */ n(p, { children: [e, t != null && /* @__PURE__ */ n("span", {
-			class: "rv-configurator-field-count",
-			children: t
-		})] }), /* @__PURE__ */ n("div", {
-			class: "rv-configurator-library-content",
-			children: r
-		})]
-	});
-}
-function h({ children: e, actions: t, className: r = "" }) {
-	return /* @__PURE__ */ n("div", {
-		class: `rv-configurator-zone-heading ${r}`,
-		children: [/* @__PURE__ */ n("span", {
-			class: "rv-configurator-zone-label",
-			children: e
-		}), t && /* @__PURE__ */ n("span", {
-			class: "rv-configurator-zone-actions",
-			children: t
-		})]
-	});
-}
-function g({ heading: e, actions: t, headingClassName: r, className: i = "", children: a, ...o }) {
-	return /* @__PURE__ */ n("section", {
-		...o,
-		className: `rv-configurator-zone ${i}`,
-		children: [/* @__PURE__ */ n(h, {
-			className: r,
-			actions: t,
-			children: e
-		}), a]
-	});
-}
-function _({ empty: e, placeholder: t, className: r = "", children: i, ...a }) {
-	return /* @__PURE__ */ n("ul", {
-		...a,
-		className: `rv-configurator-field-list ${e ? "empty" : ""} ${r}`,
-		children: e ? /* @__PURE__ */ n("li", {
-			className: "rv-configurator-empty-zone empty",
-			children: t
-		}) : i
-	});
-}
-function v({ className: e = "", children: t, indicator: r, dropPosition: i, ...a }) {
-	return /* @__PURE__ */ n("li", {
-		...a,
-		className: `rv-configurator-field rv-configurator-field-row ${e}`,
-		children: [
-			r ?? (i && /* @__PURE__ */ n(D, { position: i })),
-			/* @__PURE__ */ n("span", {
-				className: "rv-configurator-drag-handle",
-				"aria-hidden": "true"
-			}),
-			t
-		]
-	});
-}
-function y({ icon: e, children: t, className: r = "" }) {
-	return /* @__PURE__ */ n("span", {
-		class: `rv-configurator-field-content ${r}`,
-		children: [e, /* @__PURE__ */ n("span", {
-			class: "rv-configurator-field-caption",
-			children: t
-		})]
-	});
-}
-function b({ as: t = "div", children: n, className: r = "", ...i }) {
-	return e(t, {
-		...i,
-		class: `rv-configurator-field ${r}`
-	}, n);
-}
-function x({ children: e, ...t }) {
-	return /* @__PURE__ */ n("div", {
-		...t,
-		className: `rv-configurator-library-list ${t.className ?? ""}`,
-		children: e
-	});
-}
-function S({ label: e, icon: t, actions: r, contentClassName: i, ...a }) {
-	return /* @__PURE__ */ n(v, {
-		...a,
-		children: [/* @__PURE__ */ n(y, {
-			className: i,
-			icon: t,
-			children: e
-		}), r]
-	});
-}
-function C({ children: e, className: t = "", ...r }) {
-	return /* @__PURE__ */ n("div", {
-		...r,
-		className: `rv-configurator-field-actions ${t}`,
-		children: e
-	});
-}
-function w({ children: e, active: t = !1, label: r, className: i = "" }) {
-	return /* @__PURE__ */ n("span", {
-		className: `rv-configurator-status-badge ${i}`,
-		"data-active": t ? "true" : void 0,
-		title: r,
-		"aria-label": r,
-		children: e
-	});
-}
-function T(e) {
-	return /* @__PURE__ */ n(a, {
-		...e,
-		className: `rv-configurator-remove-button ${e.className ?? ""}`
-	});
-}
-function E() {
-	return /* @__PURE__ */ n(r, { svg: i });
-}
-function D({ position: e, index: t, className: r = "" }) {
-	return /* @__PURE__ */ n("span", {
-		className: `rv-configurator-drop-indicator ${r}`,
-		"data-position": e,
-		"data-drop-index": t,
-		"aria-hidden": "true"
-	});
-}
-function O({ title: e, description: r, defaultOpen: i = !1, children: a, className: o = "", summaryClassName: s = "", contentClassName: c = "", descriptionClassName: l = "", renderRoot: u }) {
-	let d = t(i), f = {
-		class: `rv-collapsible-section rv-configurator-section ${o}`.trim(),
-		open: d.current,
-		children: [/* @__PURE__ */ n(p, {
-			className: s,
-			children: e
-		}), /* @__PURE__ */ n("div", {
-			class: `rv-collapsible-section__content ${c}`.trim(),
-			children: [r && /* @__PURE__ */ n("p", {
-				class: `rv-collapsible-section__description ${l}`.trim(),
-				children: r
-			}), a]
-		})]
-	};
-	return u ? u(f) : /* @__PURE__ */ n("details", { ...f });
-}
-//#endregion
-export { O as CollapsibleSection, C as FieldActions, y as FieldContent, D as FieldDropIndicator, g as FieldGroup, h as FieldGroupHeading, f as FieldIcon, b as FieldItem, m as FieldLibrary, x as FieldLibraryList, _ as FieldList, T as FieldRemoveButton, E as FieldRemoveIcon, v as FieldRow, w as FieldStatusBadge, p as FieldSummary, S as SelectedField, c as fieldDropIndex, l as reorderFields, u as useFieldDropTarget, d as useFieldReorder };
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./_chunks/field-configurator-1eQP0tKy.js";
+import { fieldDropIndex as x, reorderFields as S } from "./field-reorder.js";
+import { useFieldDropTarget as C, useFieldReorder as w } from "./field-reorder.hook.js";
+export { g as CollapsibleSection, d as ConfiguratorPanel, m as FieldActions, c as FieldContent, t as FieldDropIndicator, f as FieldGroup, h as FieldGroupHeading, r as FieldIcon, l as FieldItem, _ as FieldLibrary, i as FieldLibraryList, a as FieldList, p as FieldRemoveButton, u as FieldRemoveIcon, s as FieldRow, o as FieldStatusBadge, e as FieldSummary, v as SelectedField, b as createFieldExpansion, x as fieldDropIndex, n as fieldExpansionIds, y as recordFieldExpansion, S as reorderFields, C as useFieldDropTarget, w as useFieldReorder };

package/field-expansion.d.ts

@@ -0,0 +1,9 @@
+/** Expansion overlay shared by nested field libraries; searching never overwrites it. */
+export interface FieldExpansionState {
+    known: Set<string>;
+    expanded: Set<string>;
+    collapsed: Set<string>;
+}
+export declare function createFieldExpansion(): FieldExpansionState;
+export declare function fieldExpansionIds(state: FieldExpansionState, ids: readonly string[], searching: boolean): Set<string>;
+export declare function recordFieldExpansion(state: FieldExpansionState, expanded: Iterable<unknown>): void;

package/filter/filters/slider/_slider.scss

@@ -17,23 +17,6 @@
       color: var(--text-color, var(--rv-ui-text-muted));
     }
 
-    .slider-tooltip {
-      position: absolute;
-      top: -40px;
-      transform: translateX(-50%);
-      background: var(--tooltip-bg, var(--rv-ui-text));
-      color: var(--tooltip-color, var(--rv-ui-surface));
-      padding: 2px 6px;
-      border-radius: 3px;
-      font-size: 12px;
-      line-height: 18px;
-      opacity: 0;
-      transition: opacity var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
-      pointer-events: none;
-      white-space: nowrap;
-      z-index: 10;
-    }
-
     .range-inputs {
       display: grid;
       grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);

package/filter/filters/slider/control.js

@@ -12,6 +12,7 @@ function l(r, s) {
 	let l = [], { minInt: u, maxInt: d, fromValueInt: f, toValueInt: p } = s.state;
 	return s.showTooltips && l.push(r("div", {
 		className: "slider-tooltip",
+		hidden: !0,
 		ref: (e) => s.refs.fromTooltip = e
 	})), l.push(r("input", {
 		ref: (e) => {
@@ -33,6 +34,7 @@ function l(r, s) {
 		onMouseOut: () => s.showTooltips && s.refs.fromTooltip && i(s.refs.fromTooltip)
 	})), s.showTooltips && l.push(r("div", {
 		className: "slider-tooltip",
+		hidden: !0,
 		ref: (e) => s.refs.toTooltip = e
 	})), l.push(r("input", {
 		ref: (e) => {

package/filter/filters/slider/runtime.js

@@ -1,27 +1,54 @@
-import { toSliderRange as e, unscaleSliderValue as t } from "./logic.js";
+import { c as e, r as t, t as n } from "../../../_chunks/top-layer-popup-CNSDdfJV.js";
+import { n as r, t as i } from "../../../_chunks/tooltip-owner-DjdvqKzz.js";
+import { createControlId as a } from "../../../core/control-id.js";
+import { toSliderRange as o, unscaleSliderValue as s } from "./logic.js";
 //#region src/filter/filters/slider/runtime.ts
-function n(t) {
-	return e(Number(t.refs.fromSlider?.value ?? t.state.fromValueInt), Number(t.refs.toSlider?.value ?? t.state.toValueInt), t.scaleFactor);
+function c(e) {
+	return o(Number(e.refs.fromSlider?.value ?? e.state.fromValueInt), Number(e.refs.toSlider?.value ?? e.state.toValueInt), e.scaleFactor);
 }
-function r(e) {
-	let { fromValue: t, toValue: r } = n(e), i = e.formatFromValue(t), a = e.formatToValue(r);
-	e.refs.fromLabel && (e.refs.fromLabel.textContent = i), e.refs.toLabel && (e.refs.toLabel.textContent = a), e.refs.fromInput && (e.refs.fromInput.value = e.formatInputValue(t)), e.refs.toInput && (e.refs.toInput.value = e.formatInputValue(r)), e.refs.fromSlider?.setAttribute("aria-valuetext", i), e.refs.toSlider?.setAttribute("aria-valuetext", a);
+function l(e) {
+	let { fromValue: t, toValue: n } = c(e), r = e.formatFromValue(t), i = e.formatToValue(n);
+	e.refs.fromLabel && (e.refs.fromLabel.textContent = r), e.refs.toLabel && (e.refs.toLabel.textContent = i), e.refs.fromInput && (e.refs.fromInput.value = e.formatInputValue(t)), e.refs.toInput && (e.refs.toInput.value = e.formatInputValue(n)), e.refs.fromSlider?.setAttribute("aria-valuetext", r), e.refs.toSlider?.setAttribute("aria-valuetext", i);
 }
-function i(e, n, r, i, o = 100) {
-	n.textContent = i(t(Number(e.value), o));
-	let s = r.maxInt - r.minInt || 1, c = (Number(e.value) - r.minInt) / s * 100, l = n.parentElement?.getBoundingClientRect(), u = n.getBoundingClientRect();
-	l && u ? n.style.left = `${a(c, l.width, u.width)}px` : n.style.left = `${c}%`, n.style.opacity = "1";
+var u = /* @__PURE__ */ new WeakMap();
+function d(n, r, o, c, l = 100) {
+	if (r.textContent = c(s(Number(n.value), l)), e(r), !u.has(r)) {
+		r.id ||= a("rv-tooltip");
+		let e = n.getAttribute("aria-describedby");
+		n.setAttribute("aria-describedby", [e, r.id].filter(Boolean).join(" ")), r.hidden = !1, Object.assign(r.style, {
+			position: "fixed",
+			inset: "auto",
+			margin: "0",
+			transform: "none"
+		});
+		let o = t(r, "block"), s = n.ownerDocument.defaultView?.MutationObserver, c = s ? new s(() => {
+			n.isConnected || p(r);
+		}) : void 0;
+		c?.observe(n.ownerDocument, {
+			childList: !0,
+			subtree: !0
+		}), u.set(r, {
+			mode: o,
+			slider: n,
+			original: e,
+			disconnect: () => c?.disconnect()
+		}), i(n.ownerDocument, r, () => p(r));
+	}
+	let d = o.maxInt - o.minInt || 1, m = (Number(n.value) - o.minInt) / d * 100, h = r.parentElement?.getBoundingClientRect(), g = r.getBoundingClientRect();
+	h && g ? (r.style.left = `${h.left + f(m, h.width, g.width) - g.width / 2}px`, r.style.top = `${Math.max(8, h.top - g.height - 8)}px`) : r.style.left = `${m}%`, r.style.opacity = "1";
 }
-function a(e, t, n, r = 8) {
+function f(e, t, n, r = 8) {
 	let i = n / 2, a = r + i, o = t - r - i;
 	if (a > o) return t / 2;
 	let s = Math.min(Math.max(e, 0), 100) / 100 * t;
 	return Math.min(Math.max(s, a), o);
 }
-function o(e) {
+function p(e) {
 	e.style.opacity = "0";
+	let t = u.get(e);
+	t && (t.disconnect?.(), n(e, t.mode), e.hidden = !0, t.original === null ? t.slider.removeAttribute("aria-describedby") : t.slider.setAttribute("aria-describedby", t.original), u.delete(e), r(e.ownerDocument, e));
 }
-function s(e, t, n) {
+function m(e, t, n) {
 	let r = getComputedStyle(n), i = r.getPropertyValue("--slider-color").trim() || r.getPropertyValue("--rv-ui-border").trim() || "var(--rv-ui-border)", a = r.getPropertyValue("--range-color").trim() || r.getPropertyValue("--rv-ui-accent").trim() || "var(--rv-ui-accent)", o = parseInt(t.max, 10) - parseInt(t.min, 10) || 1, s = parseInt(e.value, 10) - parseInt(e.min, 10), c = parseInt(t.value, 10) - parseInt(t.min, 10), l = s / o * 100, u = c / o * 100;
 	n.style.background = `linear-gradient(
         to right,
@@ -32,20 +59,20 @@ function s(e, t, n) {
         ${i} ${u}%,
         ${i} 100%) center / 100% 4px no-repeat`;
 }
-function c(e) {
+function h(e) {
 	let { fromSlider: t, toSlider: n } = e.refs;
-	t && n && (s(t, n, n), r(e));
+	t && n && (m(t, n, n), l(e));
 }
-function l(e) {
+function g(e) {
 	e.refs.toSlider && (e.refs.toSlider.style.zIndex = Number(e.refs.toSlider.value) <= e.state.minInt ? "2" : "0");
 }
-function u(e) {
-	e.onRangeChange(n(e));
+function _(e) {
+	e.onRangeChange(c(e));
 }
-function d(e) {
-	e.onRangeCommit?.(n(e));
+function v(e) {
+	e.onRangeCommit?.(c(e));
 }
-function f(e) {
+function y(e) {
 	e.metaKey || e.ctrlKey || [
 		"ArrowDown",
 		"ArrowLeft",
@@ -60,4 +87,4 @@ function f(e) {
 	].includes(e.key) || /^[\d.,-]$/.test(e.key) || e.preventDefault();
 }
 //#endregion
-export { u as emitRangeChange, d as emitRangeCommit, s as fillSlider, n as getCurrentRange, a as getTooltipCenterPosition, o as hideTooltip, f as preventInvalidNumberKey, l as setToggleAccessible, r as syncRangeText, c as syncVisuals, i as updateTooltip };
+export { _ as emitRangeChange, v as emitRangeCommit, m as fillSlider, c as getCurrentRange, f as getTooltipCenterPosition, p as hideTooltip, y as preventInvalidNumberKey, g as setToggleAccessible, l as syncRangeText, h as syncVisuals, d as updateTooltip };

package/filter/filters/slider/single.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "../../../_chunks/native-control-C_yok8_-.js";
+import { n as t } from "../../../_chunks/native-control-DO0d1kgx.js";
 //#region src/filter/filters/slider/single.tsx
 function n({ min: n, max: r, value: i, step: a = 1, disabled: o = !1, id: s, className: c = "", ariaLabel: l, ariaValueText: u, ariaDescribedBy: d, onChange: f, onCommit: p, onKeyDown: m }) {
 	let h = r - n, g = h > 0 ? Math.max(0, Math.min(100, (i - n) / h * 100)) : 0;

package/filter-badge.js

@@ -1,7 +1,7 @@
 import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
 import { a as t } from "./_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as r, t as i } from "./_chunks/choice-chips-CHQTUdLs.js";
+import { n as r, t as i } from "./_chunks/choice-chips-BhP8MZjs.js";
 //#region src/filter-badge.tsx
 function a(e) {
 	return /* @__PURE__ */ n(r, {

package/filter-controls.js

@@ -1,6 +1,6 @@
 import { t as e } from "./_chunks/hooks.module-CG3gN83z.js";
 import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { a as n, t as r } from "./_chunks/native-control-C_yok8_-.js";
+import { a as n, t as r } from "./_chunks/native-control-DO0d1kgx.js";
 import { Legend as i } from "./legend.js";
 //#region src/filter-controls.tsx
 function a({ label: e, detail: n, selected: i, className: a = "", detailClassName: o = "", ...s }) {

package/form-controls/index.js

@@ -1,10 +1,10 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n as t } from "../_chunks/native-control-C_yok8_-.js";
-import { createPreactElement as n } from "../preact-mount.js";
-import { t as r } from "../_chunks/control-AHKXD5Eu.js";
+import { createPreactElement as t } from "../preact-mount.js";
+import { n } from "../_chunks/native-control-DO0d1kgx.js";
+import { t as r } from "../_chunks/control-BkWukVt9.js";
 //#region src/form-controls/index.view.tsx
-function i(t, r) {
-	return n(t, /* @__PURE__ */ e("label", {
+function i(n, r) {
+	return t(n, /* @__PURE__ */ e("label", {
 		class: ["rv-field", r.className].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ e("span", {
@@ -25,7 +25,7 @@ function i(t, r) {
 	}));
 }
 function a(r, i) {
-	return n(r, /* @__PURE__ */ e(t, {
+	return t(r, /* @__PURE__ */ e(n, {
 		type: "text",
 		placeholder: i
 	}));