@revolist/ui 4.0.1-rc → 4.0.1

package/assignee/index.js

@@ -1,13 +1,12 @@
-import { Input as e } from "../native-control.js";
-import { z as t } from "../_chunks/controls-NEL5tDaz.js";
-import { SearchInput as n } from "../search-input/index.js";
-import { SharedResourcePicker as r } from "../resource-picker/resource-picker.js";
-import { t as i } from "../_chunks/dropdown-CkGQBm1Q.js";
-import { EditorActions as a } from "../editor-actions.js";
-import { useRef as o, useState as s } from "preact/hooks";
-import { jsx as c, jsxs as l } from "preact/jsx-runtime";
+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, n as i } from "../_chunks/native-control-B9MNibfa.js";
+import { R as a } from "../_chunks/controls-DD1qvPfE.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 u(e) {
+function l(e) {
 	let t = /* @__PURE__ */ new Map();
 	if (Array.isArray(e)) for (let n of e) n && (typeof n.value == "string" || typeof n.value == "number") && t.set(n.value, {
 		value: n.value,
@@ -15,10 +14,10 @@ function u(e) {
 	});
 	return [...t.values()];
 }
-function d(e) {
+function u(e) {
 	return Number.isFinite(e) && e >= 0;
 }
-function f(e, t, n, r) {
+function d(e, t, n, r) {
 	let i = new Map(t.map((e) => [e.value, e])), a = new Set(e.map((e) => e.value)), o = e.filter((e) => !i.has(e.value) || i.get(e.value)?.disabled || n.has(e.value));
 	for (let e of t) n.has(e.value) && !a.has(e.value) && !e.disabled && o.push({
 		value: e.value,
@@ -26,182 +25,182 @@ function f(e, t, n, r) {
 	});
 	return o;
 }
-function p(e, t) {
+function f(e, t) {
 	return t === 0 ? String(e) : `${e} ${t}%`;
 }
 //#endregion
 //#region src/assignee/picker.tsx
-function m(t) {
-	let n = t.text, i = t.value.every((e) => d(e.units));
-	return /* @__PURE__ */ l("div", {
-		id: t.id,
+function p(e) {
+	let t = e.text, r = e.value.every((e) => u(e.units));
+	return /* @__PURE__ */ n("div", {
+		id: e.id,
 		class: "rv-assignee-picker",
 		role: "dialog",
-		"aria-label": n?.dialogLabel ?? "Assign people",
-		onKeyDown: (e) => {
-			(e.ctrlKey || e.metaKey) && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), t.value.every((e) => d(e.units)) && t.apply()), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), t.cancel());
+		"aria-label": t?.dialogLabel ?? "Assign people",
+		onKeyDown: (t) => {
+			(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__ */ c(r, {
-				resources: t.options.map((e) => ({
+			/* @__PURE__ */ n(s, {
+				resources: e.options.map((e) => ({
 					...e,
 					id: e.value,
 					name: e.name ?? e.label
 				})),
-				selectedResourceIds: t.value.map((e) => e.value),
-				classNames: { avatar: t.showAvatars === !1 ? "rv-assignee-avatar--hidden" : void 0 },
+				selectedResourceIds: e.value.map((e) => e.value),
+				classNames: { avatar: e.showAvatars === !1 ? "rv-assignee-avatar--hidden" : void 0 },
 				preserveOrder: !0,
 				isResourceDisabled: (e) => !!e.disabled,
 				text: {
-					groupAriaLabel: n?.label ?? "Assignees",
-					searchAriaLabel: n?.searchLabel ?? "Search assignees",
-					searchPlaceholder: n?.searchPlaceholder ?? "Search name or role…",
-					emptySearch: n?.empty ?? "No assignees found",
-					emptyResources: n?.empty ?? "No assignees found"
+					groupAriaLabel: t?.label ?? "Assignees",
+					searchAriaLabel: t?.searchLabel ?? "Search assignees",
+					searchPlaceholder: t?.searchPlaceholder ?? "Search name or role…",
+					emptySearch: t?.empty ?? "No assignees found",
+					emptyResources: t?.empty ?? "No assignees found"
 				},
-				onChange: (e) => t.change(f(t.value, t.options, new Set(e), t.defaultUnits))
+				onChange: (t) => e.change(d(e.value, e.options, new Set(t), e.defaultUnits))
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ n("div", {
 				class: "rv-assignee-picker__allocations",
-				children: t.value.map((r) => {
-					let i = t.options.find((e) => e.value === r.value), a = i?.name ?? i?.label ?? String(r.value);
-					return /* @__PURE__ */ l("label", { children: [/* @__PURE__ */ c("span", { children: a }), /* @__PURE__ */ c(e, {
+				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: i?.disabled,
-						"aria-label": n?.unitsLabel?.(a) ?? `Units for ${a}`,
+						disabled: a?.disabled,
+						"aria-label": t?.unitsLabel?.(o) ?? `Units for ${o}`,
 						value: Number.isFinite(r.units) ? String(r.units) : "",
-						onInput: (e) => t.change(t.value.map((t) => t.value === r.value ? {
-							...t,
-							units: e.currentTarget.valueAsNumber
-						} : t))
+						onInput: (t) => e.change(e.value.map((e) => e.value === r.value ? {
+							...e,
+							units: t.currentTarget.valueAsNumber
+						} : e))
 					})] }, `${typeof r.value}:${r.value}`);
 				})
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ n("div", {
 				class: "rv-assignee-picker__footer",
-				children: [/* @__PURE__ */ c("span", {
+				children: [/* @__PURE__ */ n("span", {
 					"aria-live": "polite",
-					children: n?.selected?.(t.value.length) ?? `${t.value.length} selected`
-				}), /* @__PURE__ */ c(a, {
-					showConfirm: t.showActions ?? t.autoApply === !1,
-					apply: t.apply,
-					cancel: t.cancel,
-					disabled: !i,
+					children: t?.selected?.(e.value.length) ?? `${e.value.length} selected`
+				}), /* @__PURE__ */ n(c, {
+					showConfirm: e.showActions ?? e.autoApply === !1,
+					apply: e.apply,
+					cancel: e.cancel,
+					disabled: !r,
 					text: {
-						apply: n?.apply ?? "Save",
-						cancel: n?.cancel ?? "Cancel"
+						apply: t?.apply ?? "Save",
+						cancel: t?.cancel ?? "Cancel"
 					}
 				})]
 			}),
-			!i && /* @__PURE__ */ c("p", {
+			!r && /* @__PURE__ */ n("p", {
 				role: "alert",
-				children: n?.invalidUnits ?? "Units must be a non-negative number."
+				children: t?.invalidUnits ?? "Units must be a non-negative number."
 			})
 		]
 	});
 }
 //#endregion
 //#region src/assignee/field.tsx
-function h({ value: e, options: t, theme: n, renderPicker: r, renderValue: a, save: l, cancel: f }) {
-	let [h, g] = s(() => u(e)), _ = o(h), v = o(!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) => d(e.units)) ? (v.current = !0, l(_.current), !0) : !1, x = t.autoApply !== !1, S = new Map(t.source.map((e) => [e.value, e])), C = [...t.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 = d(t.defaultUnits ?? 100) ? t.defaultUnits ?? 100 : 100;
-	return /* @__PURE__ */ c(i, {
+	}))], 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: t.text?.placeholder ?? "Assign people…",
+		placeholder: a.text?.placeholder ?? "Assign people…",
 		config: {
 			multiSelect: !0,
 			autoOpen: !0,
 			autoFocus: !0,
 			topLayer: !0,
-			ariaLabel: t.text?.label ?? "Assignees",
-			removeLabel: t.text?.removeLabel,
+			ariaLabel: a.text?.label ?? "Assignees",
+			removeLabel: a.text?.removeLabel,
 			popupClassName: "rv-assignee-picker-menu edit-input-wrapper",
-			theme: n
+			theme: o
 		},
 		renderValue: (e, t) => {
 			let n = h.find((e) => e.value === t.value)?.units ?? 0;
-			return a ? a(e, t, n) : p(t.name ?? t.label, n);
+			return c ? c(e, t, n) : f(t.name ?? t.label, n);
 		},
 		onChange: (e) => {
 			let t = new Set(Array.isArray(e) ? e : [e]);
 			y(_.current.filter((e) => t.has(e.value)));
 		},
-		beforeOutsideClose: x ? () => _.current.every((e) => d(e.units)) ? JSON.stringify(_.current) === JSON.stringify(u(e)) || 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 || f();
+			v.current || m();
 		},
-		renderContent: ({ id: e, close: i }) => {
-			let a = {
+		renderContent: ({ id: e, close: t }) => {
+			let r = {
 				id: e,
-				options: t.source,
+				options: a.source,
 				value: h,
 				change: y,
 				autoApply: x,
-				showActions: t.showActions,
-				theme: n,
+				showActions: a.showActions,
+				theme: o,
 				defaultUnits: w,
-				showAvatars: t.showAvatars,
-				text: t.text,
+				showAvatars: a.showAvatars,
+				text: a.text,
 				apply: b,
-				cancel: () => i(!1)
+				cancel: () => t(!1)
 			};
-			return r ? r(a) : /* @__PURE__ */ c(m, { ...a });
+			return s ? s(r) : /* @__PURE__ */ n(p, { ...r });
 		}
 	});
 }
 //#endregion
 //#region src/assignee/layout.tsx
-function g({ query: e, onQueryChange: r, searchRef: i, children: o, ...s }) {
-	return /* @__PURE__ */ l("div", {
+function h({ query: e, onQueryChange: t, searchRef: r, children: i, ...s }) {
+	return /* @__PURE__ */ n("div", {
 		id: s.id,
 		class: "rv-assignee-picker",
 		role: "dialog",
 		"aria-label": s.text?.dialogLabel ?? "Assign people",
 		onKeyDown: (e) => {
-			(e.ctrlKey || e.metaKey) && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), s.value.every((e) => d(e.units)) && s.apply()), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), s.cancel());
+			(e.ctrlKey || e.metaKey) && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), s.value.every((e) => u(e.units)) && s.apply()), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), s.cancel());
 		},
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ n("div", {
 				class: "rv-assignee-picker__search",
-				children: /* @__PURE__ */ c(n, {
-					inputRef: i,
+				children: /* @__PURE__ */ n(o, {
+					inputRef: r,
 					autoFocus: !0,
 					"aria-label": s.text?.searchLabel ?? "Search assignees",
 					placeholder: s.text?.searchPlaceholder ?? "Search name or role…",
 					value: e,
-					onValueChange: r
+					onValueChange: t
 				})
 			}),
-			o,
-			!s.options.some((t) => `${t.name ?? ""} ${t.label} ${t.role ?? ""}`.toLocaleLowerCase().includes(e.trim().toLocaleLowerCase())) && /* @__PURE__ */ c("p", {
+			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"
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ n("div", {
 				class: "rv-assignee-picker__footer",
-				children: [/* @__PURE__ */ c("span", {
+				children: [/* @__PURE__ */ n("span", {
 					"aria-live": "polite",
 					children: s.text?.selected?.(s.value.length) ?? `${s.value.length} selected`
-				}), /* @__PURE__ */ c(a, {
+				}), /* @__PURE__ */ n(c, {
 					showConfirm: s.showActions ?? s.autoApply === !1,
 					apply: s.apply,
 					cancel: s.cancel,
-					disabled: s.value.some((e) => !d(e.units)),
+					disabled: s.value.some((e) => !u(e.units)),
 					text: {
 						apply: s.text?.apply ?? "Save",
 						cancel: s.text?.cancel ?? "Cancel"
 					}
 				})]
 			}),
-			s.value.some((e) => !d(e.units)) && /* @__PURE__ */ c(t, {
+			s.value.some((e) => !u(e.units)) && /* @__PURE__ */ n(a, {
 				tone: "danger",
 				children: s.text?.invalidUnits ?? "Units must be a non-negative number."
 			})
@@ -209,4 +208,4 @@ function g({ query: e, onQueryChange: r, searchRef: i, children: o, ...s }) {
 	});
 }
 //#endregion
-export { h as AssigneeField, m as AssigneePicker, g as AssigneePickerLayout, u as copyAssigneeAssignments, p as formatAssigneeLabel, f as reconcileAssigneeSelection, d as validAssigneeUnits };
+export { m as AssigneeField, p as AssigneePicker, h as AssigneePickerLayout, l as copyAssigneeAssignments, f as formatAssigneeLabel, d as reconcileAssigneeSelection, u as validAssigneeUnits };

package/assignee/layout.d.ts

@@ -1,4 +1,4 @@
-import { ComponentChildren, RefObject } from 'preact';
+import { ComponentChildren, RefObject } from '../_vendor/preact/src/index';
 import { AssigneePickerProps } from './types';
 /** Renderer-neutral search, validation and actions around a specialized resource list. */
 export declare function AssigneePickerLayout({ query, onQueryChange, searchRef, children, ...props }: AssigneePickerProps & {
@@ -6,4 +6,4 @@ export declare function AssigneePickerLayout({ query, onQueryChange, searchRef,
     onQueryChange: (value: string) => void;
     searchRef?: RefObject<HTMLInputElement>;
     children: ComponentChildren;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/assignee/picker.d.ts

@@ -1,3 +1,3 @@
 import { AssigneePickerProps } from './types';
 /** Standalone allocation picker; grid consumers may supply a virtualized body. */
-export declare function AssigneePicker(props: AssigneePickerProps): import("preact").JSX.Element;
+export declare function AssigneePicker(props: AssigneePickerProps): import("../_vendor/preact/src/index").JSX.Element;

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 { createPreactElement as e } from "../preact-mount.js";
-import { AVATAR_CELL_BACKGROUNDS as t } from "../color-palette/common-palettes.js";
-import { useState as n } from "preact/hooks";
-import { jsx as r } from "preact/jsx-runtime";
-//#region src/avatar/index.view.tsx
-function i({ options: e = {} }) {
-	let [i, a] = n(!1), { index: o = 0, initials: l, rectangular: d = !1, size: f, value: p } = e, m = [
+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 { 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) % t.length}`,
-		d ? "avatar-cell--rectangular rectangular" : "",
-		u(f),
-		e.className
+		`avatar-cell--${Math.max(s, 0) % i.length}`,
+		f ? "avatar-cell--rectangular rectangular" : "",
+		d(p),
+		n.className
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ r("span", {
-		class: m,
-		title: e.label || String(p ?? ""),
+	return /* @__PURE__ */ t(r, {
+		class: h,
+		title: n.label || String(m ?? ""),
 		role: "img",
-		"aria-label": e.ariaLabel || e.label || void 0,
-		style: e.style,
-		children: c(p) && !i ? /* @__PURE__ */ r("img", {
+		"aria-label": n.ariaLabel || n.label || void 0,
+		style: n.style,
+		children: l(m) && !a ? /* @__PURE__ */ t("img", {
 			class: "avatar-cell__image",
-			src: String(p),
-			alt: e.label || "",
-			onError: () => a(!0)
-		}) : l ?? s(p)
+			src: String(m),
+			alt: n.label || "",
+			onError: () => o(!0)
+		}) : u ?? c(m)
 	});
 }
-function a(t, n = {}) {
-	return e(t, /* @__PURE__ */ r(i, { options: n }));
+function o(e, r = {}) {
+	return n(e, /* @__PURE__ */ t(a, { options: r }));
 }
-function o(e = 0) {
-	return t[Math.max(e, 0) % t.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, n = {}) {
-	let { index: r = 0, initials: i, rectangular: a = !1, size: o, value: l } = n, 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(r, 0) % t.length}`,
+			`avatar-cell--${Math.max(n, 0) % i.length}`,
 			a ? "avatar-cell--rectangular rectangular" : "",
 			f,
-			n.className
+			t.className
 		].filter(Boolean).join(" "),
-		title: n.label || String(l ?? "")
+		title: t.label || String(s ?? "")
 	};
-	return n.key !== void 0 && (p.key = n.key), n.style !== void 0 && (p.style = n.style), n.ariaLabel !== void 0 && (p["aria-label"] = n.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),
-		alt: n.label || ""
-	})]) : e("span", p, i ?? s(l));
+		src: String(s),
+		alt: t.label || ""
+	})]) : 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 { t 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

@@ -1,4 +1,4 @@
-import { h, ComponentChildren } from 'preact';
+import { h, ComponentChildren } from '../_vendor/preact/src/index';
 import { RangeSliderProps } from '../filter/filters/slider/types';
 import { DistributionChartProps } from '../distribution-chart';
 export interface BrushRangeProps {
@@ -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;