@revolist/ui 4.0.2-rc → 4.0.2

package/assignee/index.js

@@ -1,10 +1,9 @@
 import { i as e, t } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { Input as r } from "../native-control.js";
-import { z as i } from "../_chunks/controls-DIum-E66.js";
-import { SearchInput as a } from "../search-input/index.js";
-import { SharedResourcePicker as o } from "../resource-picker/resource-picker.js";
-import { t as s } from "../_chunks/dropdown-voWqmwAe.js";
+import { l as r, n as i } from "../_chunks/native-control-B_fVA5bL.js";
+import { R as a } from "../_chunks/controls-B_6NJarZ.js";
+import { SearchInput as o } from "../search-input/index.js";
+import { SharedResourcePicker as s } from "../resource-picker/resource-picker.js";
 import { EditorActions as c } from "../editor-actions.js";
 //#region src/assignee/model.ts
 function l(e) {
@@ -32,7 +31,7 @@ function f(e, t) {
 //#endregion
 //#region src/assignee/picker.tsx
 function p(e) {
-	let t = e.text, i = e.value.every((e) => u(e.units));
+	let t = e.text, r = e.value.every((e) => u(e.units));
 	return /* @__PURE__ */ n("div", {
 		id: e.id,
 		class: "rv-assignee-picker",
@@ -42,7 +41,7 @@ function p(e) {
 			(t.ctrlKey || t.metaKey) && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), e.value.every((e) => u(e.units)) && e.apply()), t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), e.cancel());
 		},
 		children: [
-			/* @__PURE__ */ n(o, {
+			/* @__PURE__ */ n(s, {
 				resources: e.options.map((e) => ({
 					...e,
 					id: e.value,
@@ -63,20 +62,20 @@ function p(e) {
 			}),
 			/* @__PURE__ */ n("div", {
 				class: "rv-assignee-picker__allocations",
-				children: e.value.map((i) => {
-					let a = e.options.find((e) => e.value === i.value), o = a?.name ?? a?.label ?? String(i.value);
-					return /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ n("span", { children: o }), /* @__PURE__ */ n(r, {
+				children: e.value.map((r) => {
+					let a = e.options.find((e) => e.value === r.value), o = a?.name ?? a?.label ?? String(r.value);
+					return /* @__PURE__ */ n("label", { children: [/* @__PURE__ */ n("span", { children: o }), /* @__PURE__ */ n(i, {
 						type: "number",
 						min: 0,
 						step: "any",
 						disabled: a?.disabled,
 						"aria-label": t?.unitsLabel?.(o) ?? `Units for ${o}`,
-						value: Number.isFinite(i.units) ? String(i.units) : "",
-						onInput: (t) => e.change(e.value.map((e) => e.value === i.value ? {
+						value: Number.isFinite(r.units) ? String(r.units) : "",
+						onInput: (t) => e.change(e.value.map((e) => e.value === r.value ? {
 							...e,
 							units: t.currentTarget.valueAsNumber
 						} : e))
-					})] }, `${typeof i.value}:${i.value}`);
+					})] }, `${typeof r.value}:${r.value}`);
 				})
 			}),
 			/* @__PURE__ */ n("div", {
@@ -88,14 +87,14 @@ function p(e) {
 					showConfirm: e.showActions ?? e.autoApply === !1,
 					apply: e.apply,
 					cancel: e.cancel,
-					disabled: !i,
+					disabled: !r,
 					text: {
 						apply: t?.apply ?? "Save",
 						cancel: t?.cancel ?? "Cancel"
 					}
 				})]
 			}),
-			!i && /* @__PURE__ */ n("p", {
+			!r && /* @__PURE__ */ n("p", {
 				role: "alert",
 				children: t?.invalidUnits ?? "Units must be a non-negative number."
 			})
@@ -104,27 +103,27 @@ function p(e) {
 }
 //#endregion
 //#region src/assignee/field.tsx
-function m({ value: r, options: i, theme: a, renderPicker: o, renderValue: c, save: d, cancel: m }) {
-	let [h, g] = e(() => l(r)), _ = t(h), v = t(!1), y = (e) => {
+function m({ value: i, options: a, theme: o, renderPicker: s, renderValue: c, save: d, cancel: m }) {
+	let [h, g] = e(() => l(i)), _ = t(h), v = t(!1), y = (e) => {
 		_.current = e, g(e);
-	}, b = () => _.current.every((e) => u(e.units)) ? (v.current = !0, d(_.current), !0) : !1, x = i.autoApply !== !1, S = new Map(i.source.map((e) => [e.value, e])), C = [...i.source, ...h.filter((e) => !S.has(e.value)).map((e) => ({
+	}, b = () => _.current.every((e) => u(e.units)) ? (v.current = !0, d(_.current), !0) : !1, x = a.autoApply !== !1, S = new Map(a.source.map((e) => [e.value, e])), C = [...a.source, ...h.filter((e) => !S.has(e.value)).map((e) => ({
 		value: e.value,
 		label: String(e.value)
-	}))], w = u(i.defaultUnits ?? 100) ? i.defaultUnits ?? 100 : 100;
-	return /* @__PURE__ */ n(s, {
+	}))], w = u(a.defaultUnits ?? 100) ? a.defaultUnits ?? 100 : 100;
+	return /* @__PURE__ */ n(r, {
 		source: C,
 		value: h.map((e) => e.value),
 		className: "rv-assignee-editor",
-		placeholder: i.text?.placeholder ?? "Assign people…",
+		placeholder: a.text?.placeholder ?? "Assign people…",
 		config: {
 			multiSelect: !0,
 			autoOpen: !0,
 			autoFocus: !0,
 			topLayer: !0,
-			ariaLabel: i.text?.label ?? "Assignees",
-			removeLabel: i.text?.removeLabel,
+			ariaLabel: a.text?.label ?? "Assignees",
+			removeLabel: a.text?.removeLabel,
 			popupClassName: "rv-assignee-picker-menu edit-input-wrapper",
-			theme: a
+			theme: o
 		},
 		renderValue: (e, t) => {
 			let n = h.find((e) => e.value === t.value)?.units ?? 0;
@@ -134,32 +133,32 @@ function m({ value: r, options: i, theme: a, renderPicker: o, renderValue: c, sa
 			let t = new Set(Array.isArray(e) ? e : [e]);
 			y(_.current.filter((e) => t.has(e.value)));
 		},
-		beforeOutsideClose: x ? () => _.current.every((e) => u(e.units)) ? JSON.stringify(_.current) === JSON.stringify(l(r)) || b() : !1 : void 0,
+		beforeOutsideClose: x ? () => _.current.every((e) => u(e.units)) ? JSON.stringify(_.current) === JSON.stringify(l(i)) || b() : !1 : void 0,
 		onClose: () => {
 			v.current || m();
 		},
 		renderContent: ({ id: e, close: t }) => {
 			let r = {
 				id: e,
-				options: i.source,
+				options: a.source,
 				value: h,
 				change: y,
 				autoApply: x,
-				showActions: i.showActions,
-				theme: a,
+				showActions: a.showActions,
+				theme: o,
 				defaultUnits: w,
-				showAvatars: i.showAvatars,
-				text: i.text,
+				showAvatars: a.showAvatars,
+				text: a.text,
 				apply: b,
 				cancel: () => t(!1)
 			};
-			return o ? o(r) : /* @__PURE__ */ n(p, { ...r });
+			return s ? s(r) : /* @__PURE__ */ n(p, { ...r });
 		}
 	});
 }
 //#endregion
 //#region src/assignee/layout.tsx
-function h({ query: e, onQueryChange: t, searchRef: r, children: o, ...s }) {
+function h({ query: e, onQueryChange: t, searchRef: r, children: i, ...s }) {
 	return /* @__PURE__ */ n("div", {
 		id: s.id,
 		class: "rv-assignee-picker",
@@ -171,7 +170,7 @@ function h({ query: e, onQueryChange: t, searchRef: r, children: o, ...s }) {
 		children: [
 			/* @__PURE__ */ n("div", {
 				class: "rv-assignee-picker__search",
-				children: /* @__PURE__ */ n(a, {
+				children: /* @__PURE__ */ n(o, {
 					inputRef: r,
 					autoFocus: !0,
 					"aria-label": s.text?.searchLabel ?? "Search assignees",
@@ -180,7 +179,7 @@ function h({ query: e, onQueryChange: t, searchRef: r, children: o, ...s }) {
 					onValueChange: t
 				})
 			}),
-			o,
+			i,
 			!s.options.some((t) => `${t.name ?? ""} ${t.label} ${t.role ?? ""}`.toLocaleLowerCase().includes(e.trim().toLocaleLowerCase())) && /* @__PURE__ */ n("p", {
 				role: "status",
 				children: s.text?.empty ?? "No assignees found"
@@ -201,7 +200,7 @@ function h({ query: e, onQueryChange: t, searchRef: r, children: o, ...s }) {
 					}
 				})]
 			}),
-			s.value.some((e) => !u(e.units)) && /* @__PURE__ */ n(i, {
+			s.value.some((e) => !u(e.units)) && /* @__PURE__ */ n(a, {
 				tone: "danger",
 				children: s.text?.invalidUnits ?? "Units must be a non-negative number."
 			})

package/avatar/avatar.style.scss

@@ -26,14 +26,31 @@
   border-radius: 8px;
 }
 
-.avatar-cell--size-16 { --avatar-cell-size: 16px; font-size: 8px; }
-.avatar-cell--size-20 { --avatar-cell-size: 20px; font-size: 9px; }
-.avatar-cell--size-32 { --avatar-cell-size: 32px; font-size: 12px; }
-.avatar-cell--size-40 { --avatar-cell-size: 40px; font-size: 14px; }
-.avatar-cell--size-48 { --avatar-cell-size: 48px; font-size: 16px; }
+.avatar-cell--size-16 {
+  --avatar-cell-size: 16px;
+  font-size: 8px;
+}
+.avatar-cell--size-20 {
+  --avatar-cell-size: 20px;
+  font-size: 9px;
+}
+.avatar-cell--size-32 {
+  --avatar-cell-size: 32px;
+  font-size: 12px;
+}
+.avatar-cell--size-40 {
+  --avatar-cell-size: 40px;
+  font-size: 14px;
+}
+.avatar-cell--size-48 {
+  --avatar-cell-size: 48px;
+  font-size: 16px;
+}
 
 @each $index, $background in map.get(palettes.$palettes, 'avatar-cell') {
-  .avatar-cell--#{$index} { --avatar-cell-background: #{$background}; }
+  .avatar-cell--#{$index} {
+    --avatar-cell-background: #{$background};
+  }
 }
 
 // Keep host responsive-image and content-spacing rules out of the avatar.

package/avatar/index.d.ts

@@ -1,2 +1,25 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './index.view';
+import { h } from '../_vendor/preact/src/index';
+export { AVATAR_CELL_BACKGROUNDS } from '../color-palette/common-palettes';
+export type AvatarTemplateOptions = {
+    ariaLabel?: string;
+    className?: string;
+    index?: number;
+    initials?: string;
+    key?: string | number;
+    label?: string;
+    rectangular?: boolean;
+    size?: number;
+    style?: Record<string, string | number | null | undefined>;
+    value?: unknown;
+};
+/** Shared Preact avatar, including image-error fallback. */
+export declare function AvatarElement({ options, }: {
+    options?: AvatarTemplateOptions;
+}): h.JSX.Element;
+export declare function createAvatarElement(document: Document, options?: AvatarTemplateOptions): HTMLSpanElement;
+export declare function getAvatarCellBackground(index?: number): "linear-gradient(135deg, #7dd3fc, #2563eb)" | "linear-gradient(135deg, #facc15, #b45309)" | "linear-gradient(135deg, #f9a8d4, #be185d)" | "linear-gradient(135deg, #a5b4fc, #4f46e5)" | "linear-gradient(135deg, #86efac, #15803d)" | "linear-gradient(135deg, #fda4af, #be123c)" | "linear-gradient(135deg, #c4b5fd, #7c3aed)" | "linear-gradient(135deg, #fdba74, #c2410c)";
+export declare function getAvatarInitials(value: unknown): string;
+export declare function getAvatarIndex(value: unknown): number;
+export declare function avatarTemplate(h: any, options?: AvatarTemplateOptions): any;
+/** Shared avatar-and-label presentation; resource/row lookup stays with consumers. */
+export declare function avatarWithTextTemplate(h: any, options?: AvatarTemplateOptions): any;

package/avatar/index.js

@@ -1,68 +1,69 @@
 import { i as e } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { createPreactElement as n } from "../preact-mount.js";
-import { AVATAR_CELL_BACKGROUNDS as r } from "../color-palette/common-palettes.js";
-//#region src/avatar/index.view.tsx
-function i({ options: n = {} }) {
-	let [i, a] = e(!1), { index: o = 0, initials: l, rectangular: d = !1, size: f, value: p } = n, m = [
+import { t as r } from "../_chunks/tooltip-text-BXsUEmBH.js";
+import { AVATAR_CELL_BACKGROUNDS as i } from "../color-palette/common-palettes.js";
+//#region src/avatar/index.tsx
+function a({ options: n = {} }) {
+	let [a, o] = e(!1), { index: s = 0, initials: u, rectangular: f = !1, size: p, value: m } = n, h = [
 		"avatar-cell",
-		`avatar-cell--${Math.max(o, 0) % r.length}`,
-		d ? "avatar-cell--rectangular rectangular" : "",
-		u(f),
+		`avatar-cell--${Math.max(s, 0) % i.length}`,
+		f ? "avatar-cell--rectangular rectangular" : "",
+		d(p),
 		n.className
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t("span", {
-		class: m,
-		title: n.label || String(p ?? ""),
+	return /* @__PURE__ */ t(r, {
+		class: h,
+		title: n.label || String(m ?? ""),
 		role: "img",
 		"aria-label": n.ariaLabel || n.label || void 0,
 		style: n.style,
-		children: c(p) && !i ? /* @__PURE__ */ t("img", {
+		children: l(m) && !a ? /* @__PURE__ */ t("img", {
 			class: "avatar-cell__image",
-			src: String(p),
+			src: String(m),
 			alt: n.label || "",
-			onError: () => a(!0)
-		}) : l ?? s(p)
+			onError: () => o(!0)
+		}) : u ?? c(m)
 	});
 }
-function a(e, r = {}) {
-	return n(e, /* @__PURE__ */ t(i, { options: r }));
+function o(e, r = {}) {
+	return n(e, /* @__PURE__ */ t(a, { options: r }));
 }
-function o(e = 0) {
-	return r[Math.max(e, 0) % r.length];
+function s(e = 0) {
+	return i[Math.max(e, 0) % i.length];
 }
-function s(e) {
+function c(e) {
 	return String(e ?? "").split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
 }
-function c(e) {
+function l(e) {
 	return typeof e == "string" && /^(https?:|data:image\/|blob:|\/|\.\.?\/)/.test(e);
 }
-function l(e) {
+function u(e) {
 	let t = Number(e);
 	return Number.isFinite(t) ? Math.max(t - 1, 0) : 0;
 }
-function u(e) {
+function d(e) {
 	if (e) return e <= 16 ? "avatar-cell--size-16" : e <= 20 ? "avatar-cell--size-20" : e <= 32 ? "avatar-cell--size-32" : e <= 40 ? "avatar-cell--size-40" : "avatar-cell--size-48";
 }
-function d(e, t = {}) {
-	let { index: n = 0, initials: i, rectangular: a = !1, size: o, value: l } = t, d = c(l), f = u(o), p = {
+function f(e, t = {}) {
+	let { index: n = 0, initials: r, rectangular: a = !1, size: o, value: s } = t, u = l(s), f = d(o), p = {
 		class: [
 			"avatar-cell",
-			`avatar-cell--${Math.max(n, 0) % r.length}`,
+			`avatar-cell--${Math.max(n, 0) % i.length}`,
 			a ? "avatar-cell--rectangular rectangular" : "",
 			f,
 			t.className
 		].filter(Boolean).join(" "),
-		title: t.label || String(l ?? "")
+		title: t.label || String(s ?? "")
 	};
-	return t.key !== void 0 && (p.key = t.key), t.style !== void 0 && (p.style = t.style), t.ariaLabel !== void 0 && (p["aria-label"] = t.ariaLabel), d ? e("span", p, [e("img", {
+	return t.key !== void 0 && (p.key = t.key), t.style !== void 0 && (p.style = t.style), t.ariaLabel !== void 0 && (p["aria-label"] = t.ariaLabel), u ? e("span", p, [e("img", {
 		class: "avatar-cell__image",
-		src: String(l),
+		src: String(s),
 		alt: t.label || ""
-	})]) : e("span", p, i ?? s(l));
+	})]) : e("span", p, r ?? c(s));
 }
-function f(e, t = {}) {
-	return e("span", { class: "avatar-cell-with-text" }, [d(e, t), e("span", { class: "avatar-cell-with-text__label" }, String(t.label ?? t.value ?? ""))]);
+function p(e, t = {}) {
+	return e("span", { class: "avatar-cell-with-text" }, [f(e, t), e("span", { class: "avatar-cell-with-text__label" }, String(t.label ?? t.value ?? ""))]);
 }
 //#endregion
-export { r as AVATAR_CELL_BACKGROUNDS, i as AvatarElement, d as avatarTemplate, f as avatarWithTextTemplate, a as createAvatarElement, o as getAvatarCellBackground, l as getAvatarIndex, s as getAvatarInitials };
+export { i as AVATAR_CELL_BACKGROUNDS, a as AvatarElement, f as avatarTemplate, p as avatarWithTextTemplate, o as createAvatarElement, s as getAvatarCellBackground, u as getAvatarIndex, c as getAvatarInitials };

package/badge.d.ts

@@ -4,4 +4,4 @@ export interface BadgeOptions {
     shape?: 'pill' | 'rounded';
 }
 /** Shared presentation for inline badges across framework adapters. */
-export declare function badgeClassName({ variant, shape }?: BadgeOptions): string;
+export declare function badgeClassName({ variant, shape, }?: BadgeOptions): string;

package/badge.view.d.ts

@@ -0,0 +1,8 @@
+import { h, ComponentChildren } from './_vendor/preact/src/index';
+import { BadgeOptions } from './badge';
+/** Shared badge presentation, independent of toolbar and form controls. */
+export declare function Badge({ children, className, variant, shape, }: BadgeOptions & {
+    children?: ComponentChildren;
+    className?: string;
+    label?: string;
+}): h.JSX.Element;

package/brush-range/_brush-range.scss

@@ -1,49 +1,55 @@
-  .brush-range {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    min-width: 0;
-  }
-
-  .brush-range__range {
-    margin: 0;
-    gap: 0;
-  }
-
-  // Keep chart tooltips above the interactive range-control layer when they
-  // overflow below a line or area chart.
-  .brush-range__chart { z-index: 2; }
-
-  .brush-range__controls {
-    margin-top: 12px;
-  }
-
-  .brush-range__labels {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
-    align-items: center;
-    gap: 12px;
-    margin-top: 11px;
-    color: var(--rv-brush-muted, var(--rv-ui-text-muted));
-    font: 12px/18px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-
-  }
-
-  .brush-range__label {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .brush-range__label--end {
-    text-align: end;
-  }
-
-  .brush-range__selection {
-    color: var(--rv-brush-accent, var(--rv-ui-accent-text, var(--rv-ui-accent)));
-    font-weight: 500;
-    text-align: center;
-    white-space: normal;
-    overflow-wrap: anywhere;
-  }
+.brush-range {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+}
+
+.brush-range__range {
+  margin: 0;
+  gap: 0;
+}
+
+// Keep chart tooltips above the interactive range-control layer when they
+// overflow below a line or area chart.
+.brush-range__chart {
+  z-index: 2;
+}
+
+.brush-range__controls {
+  margin-top: 12px;
+}
+
+.brush-range__labels {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
+  align-items: center;
+  gap: 12px;
+  margin-top: 11px;
+  color: var(--rv-brush-muted, var(--rv-ui-text-muted));
+  font:
+    12px/18px ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Consolas,
+    monospace;
+}
+
+.brush-range__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.brush-range__label--end {
+  text-align: end;
+}
+
+.brush-range__selection {
+  color: var(--rv-brush-accent, var(--rv-ui-accent-text, var(--rv-ui-accent)));
+  font-weight: 500;
+  text-align: center;
+  white-space: normal;
+  overflow-wrap: anywhere;
+}

package/brush-range/component.d.ts

@@ -7,11 +7,9 @@ export interface BrushRangeProps {
     readonly startLabel: ComponentChildren;
     readonly selectionLabel: ComponentChildren;
     readonly endLabel: ComponentChildren;
-    /** Retains the established filter-specific selectors while sharing the markup owner. */
-    readonly legacyClassPrefix?: string;
 }
 /**
  * Shared presentation for distribution-backed brush filters. Domain editors own
  * the chart data and translate slider positions to their filter conditions.
  */
-export declare function BrushRange({ chart, slider, startLabel, selectionLabel, endLabel, legacyClassPrefix, }: BrushRangeProps): h.JSX.Element;
+export declare function BrushRange({ chart, slider, startLabel, selectionLabel, endLabel, }: BrushRangeProps): h.JSX.Element;

package/brush-range/component.js

@@ -1,47 +1,47 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { PreactRangeSlider as t } from "../filter/filters/slider/preact.js";
-import { DistributionChart as n } from "../distribution-chart/index.js";
+import { t } from "../_chunks/tooltip-text-BXsUEmBH.js";
+import { PreactRangeSlider as n } from "../filter/filters/slider/preact.js";
+import { DistributionChart as r } from "../distribution-chart/index.js";
 //#region src/brush-range/component.tsx
-function r(...e) {
+function i(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function i(e) {
+function a(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : void 0;
 }
-function a({ chart: a, slider: o, startLabel: s, selectionLabel: c, endLabel: l, legacyClassPrefix: u }) {
-	let d = (e) => u ? `${u}__${e}` : void 0;
+function o({ chart: o, slider: s, startLabel: c, selectionLabel: l, endLabel: u }) {
 	return /* @__PURE__ */ e("div", {
 		class: "brush-range",
 		children: [
-			a ? /* @__PURE__ */ e(n, {
-				...a,
-				className: r("brush-range__chart", d("chart"), a.className)
-			}) : null,
-			/* @__PURE__ */ e(t, {
+			o ? /* @__PURE__ */ e(r, {
 				...o,
-				className: r("brush-range__range", d("range"), o.className),
-				controlClassName: r("brush-range__controls", d("controls"), o.controlClassName),
-				fromClassName: r(d("lower"), o.fromClassName),
-				toClassName: r(d("upper"), o.toClassName)
+				className: i("brush-range__chart", o.className)
+			}) : null,
+			/* @__PURE__ */ e(n, {
+				...s,
+				className: i("brush-range__range", s.className),
+				controlClassName: i("brush-range__controls", s.controlClassName),
+				fromClassName: s.fromClassName,
+				toClassName: s.toClassName
 			}),
 			/* @__PURE__ */ e("div", {
-				class: r("brush-range__labels", d("labels")),
+				class: "brush-range__labels",
 				children: [
-					/* @__PURE__ */ e("span", {
+					/* @__PURE__ */ e(t, {
 						class: "brush-range__label brush-range__label--start",
-						title: i(s),
-						children: s
+						title: a(c),
+						children: c
 					}),
-					/* @__PURE__ */ e("span", {
-						class: r("brush-range__label", "brush-range__selection", d("selection")),
+					/* @__PURE__ */ e(t, {
+						class: i("brush-range__label", "brush-range__selection"),
 						role: "status",
-						title: i(c),
-						children: c
+						title: a(l),
+						children: l
 					}),
-					/* @__PURE__ */ e("span", {
+					/* @__PURE__ */ e(t, {
 						class: "brush-range__label brush-range__label--end",
-						title: i(l),
-						children: l
+						title: a(u),
+						children: u
 					})
 				]
 			})
@@ -49,4 +49,4 @@ function a({ chart: a, slider: o, startLabel: s, selectionLabel: c, endLabel: l,
 	});
 }
 //#endregion
-export { a as BrushRange };
+export { o as BrushRange };

package/buttons/delete-button.d.ts

@@ -1,6 +1,7 @@
-export declare const DeleteButton: ({ onClick, disabled, className, onMouseDown, onDblClick, locale, }: {
+export declare const DeleteButton: ({ onClick, disabled, rounded, className, onMouseDown, onDblClick, locale, }: {
     onClick: (e: MouseEvent) => void;
     disabled?: boolean;
+    rounded?: boolean;
     onMouseDown?: (event: MouseEvent) => void;
     onDblClick?: (event: MouseEvent) => void;
     className?: string;

package/buttons/delete-button.js

@@ -1 +1 @@
-export { t as DeleteButton } from "../_chunks/delete-button-Bblyah10.js";
+export { t as DeleteButton } from "../_chunks/delete-button-CW9vjLnk.js";

package/buttons/delete-button.style.scss

@@ -9,6 +9,10 @@
   color: var(--rv-ui-btn-danger-outline);
   background: transparent;
   border-radius: var(--rv-ui-radius, 6px);
-  &:hover:not(:disabled) { background: var(--rv-ui-btn-danger-outline-hover); }
-  svg { fill: currentColor; }
+  &:hover:not(:disabled) {
+    background: var(--rv-ui-btn-danger-outline-hover);
+  }
+  svg {
+    fill: currentColor;
+  }
 }

package/buttons/remove-button.d.ts

@@ -4,5 +4,5 @@ export type RemoveButtonProps = Parameters<typeof DeleteButton>[0] & {
     /** Compact hit area for an action embedded inside a selected-value chip. */
     compact?: boolean;
 };
-/** Neutral close/remove action; DeleteButton keeps its legacy danger variant. */
+/** Neutral close/remove action; DeleteButton uses destructive action styling. */
 export declare function RemoveButton({ compact, className, ...props }: RemoveButtonProps): h.JSX.Element;

package/buttons/remove-button.js

@@ -1,5 +1,5 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t } from "../_chunks/delete-button-Bblyah10.js";
+import { t } from "../_chunks/delete-button-CW9vjLnk.js";
 //#region src/buttons/remove-button.tsx
 function n({ compact: n = !1, className: r = "", ...i }) {
 	return /* @__PURE__ */ e(t, {

package/buttons/remove-button.style.scss

@@ -1,6 +1,6 @@
 @use '../styles/icon-action';
 
-// Specificity retains legacy DeleteButton classes without inheriting danger styling.
+// Neutral remove actions override destructive button styling.
 button.remove-btn.rv-remove-button {
   @include icon-action.neutral;
   &.rv-remove-button--compact {

package/buttons/svg-button.d.ts

@@ -1,6 +1,7 @@
 import { h, ComponentChildren, JSX } from '../_vendor/preact/src/index';
 export interface SvgButtonProps extends Omit<JSX.IntrinsicElements['button'], 'className' | 'children'> {
     readonly label: string;
+    readonly rounded?: boolean;
     readonly busy?: boolean;
     /** Explicit variants retain shared appearance when consumer classes are supplied. */
     readonly variant?: 'link' | 'ghost' | 'solid';
@@ -15,4 +16,4 @@ export interface SvgButtonProps extends Omit<JSX.IntrinsicElements['button'], 'c
     readonly children?: ComponentChildren;
 }
 /** Shared native button presentation for trusted bundled SVG controls. */
-export declare function SvgButton({ label, variant, icon, visibleLabel, className, iconClassName, labelClassName, children, iconContent, badge, badgeClassName, class: nativeClass, disabled, ...attributes }: SvgButtonProps): h.JSX.Element;
+export declare function SvgButton({ label, variant, icon, visibleLabel, className, iconClassName, labelClassName, children, iconContent, badge, badgeClassName, class: nativeClass, disabled, title, ...attributes }: SvgButtonProps): h.JSX.Element;