@revolist/ui 4.0.1-rc → 4.0.1

package/field-reorder.hook.js

@@ -1,29 +1,29 @@
-import { fieldDropIndex as e, fieldListDropIndex as t, reorderFields as n } from "./field-reorder.js";
-import { useLayoutEffect as r, useRef as i, useState as a } from "preact/hooks";
+import { i as e, r as t, t as n } from "./_chunks/hooks.module-CG3gN83z.js";
+import { fieldDropIndex as r, fieldListDropIndex as i, reorderFields as a } from "./field-reorder.js";
 //#region src/field-reorder.hook.ts
-function o(n, o) {
-	let s = i({
-		count: n,
+function o(a, o) {
+	let s = n({
+		count: a,
 		...o
 	});
 	s.current = {
-		count: n,
+		count: a,
 		...o
 	};
-	let c = i(null), l = i(null), [u, d] = a(null), f = () => {
+	let c = n(null), l = n(null), [u, d] = e(null), f = () => {
 		c.current = null, l.current = null, d(null);
 	};
-	r(() => {
+	t(() => {
 		(o.enabled === !1 || o.active === !1) && f();
 	}, [o.enabled, o.active]);
-	let p = (e) => s.current.enabled !== !1 && (s.current.canDrop?.(e) ?? !0), m = (n, r) => {
-		let i = n.currentTarget;
-		if (r !== void 0) {
-			let t = i.getBoundingClientRect();
-			return e(n.clientY, t.top, t.height, r, l.current);
+	let p = (e) => s.current.enabled !== !1 && (s.current.canDrop?.(e) ?? !0), m = (e, t) => {
+		let n = e.currentTarget;
+		if (t !== void 0) {
+			let i = n.getBoundingClientRect();
+			return r(e.clientY, i.top, i.height, t, l.current);
 		}
-		let a = Array.from(i.querySelectorAll(":scope > .rv-configurator-field-row, :scope > .rv-configurator-field-list > .rv-configurator-field-row"));
-		return t(n.clientY, a.map((e) => e.getBoundingClientRect()), l.current, s.current.count);
+		let a = Array.from(n.querySelectorAll(":scope > .rv-configurator-field-row, :scope > .rv-configurator-field-list > .rv-configurator-field-row"));
+		return i(e.clientY, a.map((e) => e.getBoundingClientRect()), l.current, s.current.count);
 	}, h = (e, t, n) => {
 		p(e) ? (e.preventDefault(), e.stopPropagation(), l.current = n ?? m(e, t), d(l.current), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), s.current.onDragOver?.(e)) : (l.current = null, d(null));
 	}, g = (e, t, n) => {
@@ -37,7 +37,7 @@ function o(n, o) {
 	}, _ = (e) => {
 		if (u !== null && (c.current === null || u !== c.current && u !== c.current + 1)) {
 			if (u === e) return "before";
-			if (u === n && e === n - 1) return "after";
+			if (u === a && e === a - 1) return "after";
 		}
 	};
 	return {
@@ -67,41 +67,41 @@ function o(n, o) {
 		}
 	};
 }
-function s(e, t, s = !0, c = {}) {
-	let l = i({
-		items: e,
-		onChange: t,
+function s(r, i, s = !0, c = {}) {
+	let l = n({
+		items: r,
+		onChange: i,
 		enabled: s,
 		...c
 	});
 	l.current = {
-		items: e,
-		onChange: t,
+		items: r,
+		onChange: i,
 		enabled: s,
 		...c
 	};
-	let [u, d] = a(null), f = i(null), p = () => {
+	let [u, d] = e(null), f = n(null), p = () => {
 		let e = f.current, t = l.current;
 		return !e || !t.enabled || e.items.length !== t.items.length || e.items.some((e, n) => e !== t.items[n]) ? (f.current = null, null) : e;
-	}, m = o(e.length, {
+	}, m = o(r.length, {
 		enabled: s,
 		canDrop: () => !!p(),
 		onDrop(e) {
 			let t = p();
 			if (!t) return;
 			f.current = null, d(null);
-			let r = n(l.current.items, t.from, e);
-			r !== l.current.items && (l.current.onChange(r), l.current.onMove?.(t.items[t.from]));
+			let n = a(l.current.items, t.from, e);
+			n !== l.current.items && (l.current.onChange(n), l.current.onMove?.(t.items[t.from]));
 		}
 	});
-	r(() => {
+	t(() => {
 		p() || (m.clear(), d(null));
-	}, [e, s]);
+	}, [r, s]);
 	let h = (e, t) => {
-		let r = l.current;
-		if (!r.enabled) return;
-		let i = n(r.items, e, t);
-		i !== r.items && (r.onChange(i), r.onMove?.(r.items[e]));
+		let n = l.current;
+		if (!n.enabled) return;
+		let r = a(n.items, e, t);
+		r !== n.items && (n.onChange(r), n.onMove?.(n.items[e]));
 	};
 	return {
 		move: h,

package/fieldset.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from './_vendor/preact/src/index';
+/** Carries native fieldset restrictions to custom selection controls. */
+export declare function Fieldset(props: JSX.IntrinsicElements['fieldset']): JSX.Element;

package/filter/filters/slider/_single-slider.scss

@@ -1,45 +1,64 @@
 /** One scalar thumb/track presentation for native, Stencil and Preact consumers. */
 @mixin presentation {
-    appearance: none;
-    position: static;
-    width: 100%;
-    height: var(--slider-thumb-size, 20px);
-    margin: 0;
-    border: 0;
-    border-radius: 0;
-    background: linear-gradient(
+  appearance: none;
+  position: static;
+  width: 100%;
+  height: var(--slider-thumb-size, 20px);
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  background: linear-gradient(
       to right,
-      var(--range-color, var(--rv-ui-accent)) 0 var(--rv-single-slider-value, 0%),
-      var(--slider-color, var(--rv-ui-border)) var(--rv-single-slider-value, 0%) 100%
-    ) center / 100% var(--slider-track-height, 4px) no-repeat;
-    cursor: pointer;
-    pointer-events: auto;
+      var(--range-color, var(--rv-ui-accent)) 0
+        var(--rv-single-slider-value, 0%),
+      var(--slider-color, var(--rv-ui-border)) var(--rv-single-slider-value, 0%)
+        100%
+    )
+    center / 100% var(--slider-track-height, 4px) no-repeat;
+  cursor: pointer;
+  pointer-events: auto;
 
-    &::-webkit-slider-thumb {
-      appearance: none;
-      box-sizing: border-box;
-      width: var(--slider-thumb-size, 20px);
-      height: var(--slider-thumb-size, 20px);
-      border: 3px solid var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
-      border-radius: 50%;
-      background: var(--slider-thumb-bg, var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface)));
-      box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease);
-      pointer-events: all;
-    }
+  &::-webkit-slider-thumb {
+    appearance: none;
+    box-sizing: border-box;
+    width: var(--slider-thumb-size, 20px);
+    height: var(--slider-thumb-size, 20px);
+    border: 3px solid
+      var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
+    border-radius: 50%;
+    background: var(
+      --slider-thumb-bg,
+      var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface))
+    );
+    box-shadow: 0 1px 3px var(--rv-ui-shadow);
+    transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease);
+    pointer-events: all;
+  }
 
-    &::-moz-range-thumb {
-      box-sizing: border-box;
-      width: var(--slider-thumb-size, 20px);
-      height: var(--slider-thumb-size, 20px);
-      border: 3px solid var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
-      border-radius: 50%;
-      background: var(--slider-thumb-bg, var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface)));
-      box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease);
-      pointer-events: all;
-    }
+  &::-moz-range-thumb {
+    box-sizing: border-box;
+    width: var(--slider-thumb-size, 20px);
+    height: var(--slider-thumb-size, 20px);
+    border: 3px solid
+      var(--slider-thumb-border, var(--range-color, var(--rv-ui-accent)));
+    border-radius: 50%;
+    background: var(
+      --slider-thumb-bg,
+      var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface))
+    );
+    box-shadow: 0 1px 3px var(--rv-ui-shadow);
+    transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease);
+    pointer-events: all;
+  }
 
-  &:disabled { opacity: .55; cursor: not-allowed; }
-  &:focus-visible { outline: 2px solid var(--range-color, var(--rv-ui-accent)); outline-offset: 2px; }
+  &:disabled {
+    opacity: 0.55;
+    cursor: not-allowed;
+  }
+  &:focus-visible {
+    outline: 2px solid var(--range-color, var(--rv-ui-accent));
+    outline-offset: 2px;
+  }
 }

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);
@@ -72,7 +55,11 @@
     top: 0;
     margin: 0;
     border-radius: 999px;
-    background: linear-gradient(var(--slider-color, var(--rv-ui-border)), var(--slider-color, var(--rv-ui-border))) center / 100% 4px no-repeat;
+    background: linear-gradient(
+        var(--slider-color, var(--rv-ui-border)),
+        var(--slider-color, var(--rv-ui-border))
+      )
+      center / 100% 4px no-repeat;
     pointer-events: none;
 
     &:focus-visible {
@@ -85,41 +72,59 @@
       z-index: 1;
     }
 
-    $size: 24px;
-
     &::-webkit-slider-thumb {
       -webkit-appearance: none;
       pointer-events: all;
-      width: $size;
-      height: $size;
-      background-color: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
-      border: 3px solid var(--range-color, var(--rv-ui-accent));
+      box-sizing: border-box;
+      width: var(--slider-thumb-size, 20px);
+      height: var(--slider-thumb-size, 20px);
+      background-color: var(
+        --revo-grid-filter-control-thumb-bg,
+        var(--rv-ui-surface)
+      );
+      border: var(--slider-thumb-border-width, 3px) solid
+        var(--range-color, var(--rv-ui-accent));
       border-radius: 50%;
       box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
+      transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+        var(--rv-ui-motion-ease, cubic-bezier(0.2, 0, 0, 1));
       cursor: pointer;
 
       &:hover {
-        background: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
+        background: var(
+          --revo-grid-filter-control-thumb-bg,
+          var(--rv-ui-surface)
+        );
       }
 
       &:active {
         box-shadow:
           0 1px 3px var(--rv-ui-shadow),
-          0 0 0 4px color-mix(in srgb, var(--range-color, var(--rv-ui-accent)) 18%, transparent);
+          0 0 0 4px
+            color-mix(
+              in srgb,
+              var(--range-color, var(--rv-ui-accent)) 18%,
+              transparent
+            );
       }
     }
 
     &::-moz-range-thumb {
       -webkit-appearance: none;
       pointer-events: all;
-      width: $size;
-      height: $size;
-      background-color: var(--revo-grid-filter-control-thumb-bg, var(--rv-ui-surface));
-      border: 3px solid var(--range-color, var(--rv-ui-accent));
+      box-sizing: border-box;
+      width: var(--slider-thumb-size, 20px);
+      height: var(--slider-thumb-size, 20px);
+      background-color: var(
+        --revo-grid-filter-control-thumb-bg,
+        var(--rv-ui-surface)
+      );
+      border: var(--slider-thumb-border-width, 3px) solid
+        var(--range-color, var(--rv-ui-accent));
       border-radius: 50%;
       box-shadow: 0 1px 3px var(--rv-ui-shadow);
-      transition: box-shadow var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, cubic-bezier(.2, 0, 0, 1));
+      transition: box-shadow var(--rv-ui-motion-fast, 120ms)
+        var(--rv-ui-motion-ease, cubic-bezier(0.2, 0, 0, 1));
       cursor: pointer;
     }
   }
@@ -129,4 +134,7 @@
   }
 }
 
-.rv-single-slider:disabled { opacity: .55; cursor: not-allowed; }
+.rv-single-slider:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}

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/preact.js

@@ -1,8 +1,8 @@
-import { renderRangeSlider as e } from "./component.js";
-import { h as t } from "preact";
+import { c as e } from "../../../_chunks/preact.module-BBM36DnO.js";
+import { renderRangeSlider as t } from "./component.js";
 //#region src/filter/filters/slider/preact.tsx
 function n(n) {
-	return e(t, n);
+	return t(e, n);
 }
 //#endregion
 export { n as PreactRangeSlider };

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.d.ts

@@ -1,4 +1,4 @@
-import { h } from 'preact';
+import { h } from '../../../_vendor/preact/src/index';
 export type SingleValueSliderProps = {
     min: number;
     max: number;

package/filter/filters/slider/single.js

@@ -1,9 +1,9 @@
-import { Input as e } from "../../../native-control.js";
-import { jsx as t, jsxs as n } from "preact/jsx-runtime";
+import { t as e } from "../../../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { n as t } from "../../../_chunks/native-control-B9MNibfa.js";
 //#region src/filter/filters/slider/single.tsx
-function r({ 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 }) {
+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;
-	return /* @__PURE__ */ t(e, {
+	return /* @__PURE__ */ e(t, {
 		class: `rv-single-slider ${c}`.trim(),
 		id: s,
 		type: "range",
@@ -21,43 +21,43 @@ function r({ min: n, max: r, value: i, step: a = 1, disabled: o = !1, id: s, cla
 		onChange: (e) => p?.(Number(e.currentTarget.value), e)
 	});
 }
-function i({ label: e, layout: i = "inline", valuePlacement: a = "end", formatValue: o = String, ticks: s, accentColor: c, ...l }) {
-	let u = o(l.value), d = l.max > l.min ? Math.max(0, Math.min(100, (l.value - l.min) / (l.max - l.min) * 100)) : 0, f = s && Number.isFinite(s) ? Math.max(2, Math.min(101, Math.floor(s))) : 0;
-	return /* @__PURE__ */ n("label", {
-		class: `rv-slider-field rv-slider-field--${i} rv-slider-field--${a}${l.disabled ? " is-disabled" : ""}`,
-		style: c ? { "--rv-slider-field-accent": c } : void 0,
+function r({ label: t, layout: r = "inline", valuePlacement: i = "end", formatValue: a = String, ticks: o, accentColor: s, ...c }) {
+	let l = a(c.value), u = c.max > c.min ? Math.max(0, Math.min(100, (c.value - c.min) / (c.max - c.min) * 100)) : 0, d = o && Number.isFinite(o) ? Math.max(2, Math.min(101, Math.floor(o))) : 0;
+	return /* @__PURE__ */ e("label", {
+		class: `rv-slider-field rv-slider-field--${r} rv-slider-field--${i}${c.disabled ? " is-disabled" : ""}`,
+		style: s ? { "--rv-slider-field-accent": s } : void 0,
 		children: [
-			/* @__PURE__ */ t("span", {
+			/* @__PURE__ */ e("span", {
 				class: "rv-slider-field__label",
-				children: e
+				children: t
 			}),
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ e("span", {
 				class: "rv-slider-field__track",
-				style: { "--rv-slider-field-position": `${d / 100}` },
+				style: { "--rv-slider-field-position": `${u / 100}` },
 				children: [
-					/* @__PURE__ */ t(r, {
-						...l,
-						ariaValueText: l.ariaValueText ?? u
+					/* @__PURE__ */ e(n, {
+						...c,
+						ariaValueText: c.ariaValueText ?? l
 					}),
-					f > 0 && /* @__PURE__ */ t("span", {
+					d > 0 && /* @__PURE__ */ e("span", {
 						class: "rv-slider-field__ticks",
 						"aria-hidden": "true",
-						children: Array.from({ length: f }, (e, n) => /* @__PURE__ */ t("i", {}, n))
+						children: Array.from({ length: d }, (t, n) => /* @__PURE__ */ e("i", {}, n))
 					}),
-					a === "thumb" && /* @__PURE__ */ t("span", {
+					i === "thumb" && /* @__PURE__ */ e("span", {
 						class: "rv-slider-field__thumb-value",
 						"aria-hidden": "true",
-						children: u
+						children: l
 					})
 				]
 			}),
-			a === "end" && /* @__PURE__ */ t("span", {
+			i === "end" && /* @__PURE__ */ e("span", {
 				class: "rv-slider-field__value rv-badge rv-badge--inline",
 				"aria-hidden": "true",
-				children: u
+				children: l
 			})
 		]
 	});
 }
 //#endregion
-export { r as SingleValueSlider, i as SliderField };
+export { n as SingleValueSlider, r as SliderField };

package/filter-badge.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, JSX } from 'preact';
+import { h, ComponentChildren, JSX } from './_vendor/preact/src/index';
 import { FilterChipProps } from './form-controls/presentation';
 /** Shared click-only details action; consumers provide localized labels. */
 export declare function FilterBadgeInfoButton(props: Omit<JSX.IntrinsicElements['button'], 'children'>): h.JSX.Element;

package/filter-badge.js

@@ -1,35 +1,36 @@
-import { n as e, t } from "./_chunks/choice-chips-0HfOnK_4.js";
-import { useId as n } from "preact/hooks";
-import { Fragment as r, jsx as i, jsxs as a } from "preact/jsx-runtime";
+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-yr6Uzmof.js";
 //#region src/filter-badge.tsx
-function o(t) {
-	return /* @__PURE__ */ i(e, {
-		...t,
+function a(e) {
+	return /* @__PURE__ */ n(r, {
+		...e,
 		type: "button",
-		class: `rv-filter-badge-info ${t.className ?? t.class ?? ""}`.trim()
+		class: `rv-filter-badge-info ${e.className ?? e.class ?? ""}`.trim()
 	});
 }
-function s({ label: e, details: s, detailsLabel: c, descriptionId: l, className: u = "", ...d }) {
-	let f = n(), p = l ?? `rv-filter-badge-${f}`;
-	return /* @__PURE__ */ i(t, {
-		...d,
+function o({ label: r, details: o, detailsLabel: s, descriptionId: c, className: l = "", ...u }) {
+	let d = t(), f = c ?? `rv-filter-badge-${d}`;
+	return /* @__PURE__ */ n(i, {
+		...u,
 		selected: !0,
-		className: `rv-filter-badge ${u}`.trim(),
-		info: s ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(o, {
-			"aria-label": c,
-			"aria-describedby": p,
-			"data-tooltip": s,
+		className: `rv-filter-badge ${l}`.trim(),
+		info: o ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n(a, {
+			"aria-label": s,
+			"aria-describedby": f,
+			"data-tooltip": o,
 			"tooltip-position": "bottom"
-		}), /* @__PURE__ */ i("span", {
+		}), /* @__PURE__ */ n("span", {
 			class: "rv-filter-badge-description",
-			id: p,
-			children: s
+			id: f,
+			children: o
 		})] }) : void 0,
-		children: /* @__PURE__ */ i("span", {
+		children: /* @__PURE__ */ n("span", {
 			class: "rv-filter-badge-label",
-			children: e
+			children: r
 		})
 	});
 }
 //#endregion
-export { s as FilterBadge, o as FilterBadgeInfoButton };
+export { o as FilterBadge, a as FilterBadgeInfoButton };

package/filter-controls.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, JSX } from 'preact';
+import { h, ComponentChildren, JSX } from './_vendor/preact/src/index';
 /** A selected action with a trailing, caller-formatted summary. */
 export declare function OptionButton({ label, detail, selected, className, detailClassName, ...props }: Omit<JSX.IntrinsicElements['button'], 'className' | 'children'> & {
     label: ComponentChildren;
@@ -7,7 +7,6 @@ export declare function OptionButton({ label, detail, selected, className, detai
     className?: string;
     detailClassName?: string;
 }): h.JSX.Element;
-export { Legend, type LegendItem } from './legend';
 /** Caller supplies highlighting; UI owns overlay geometry and scroll synchronization. */
 export declare function HighlightedTextInput({ highlight, className, inputClassName, highlightClassName, ...props }: Omit<JSX.IntrinsicElements['textarea'], 'className'> & {
     highlight: ComponentChildren;