@revolist/ui 4.0.5-rc → 4.0.5

package/activity-message.js

@@ -1,5 +1,5 @@
 import { t as e } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-//#region src/activity-message.tsx
+//#region package/activity-message.tsx
 function t({ className: t = "", avatar: n, timestamp: r, header: i, children: a, actions: o, details: s }) {
 	return /* @__PURE__ */ e("article", {
 		class: `rv-activity-message ${t}`,

package/ai/_chat.scss

@@ -218,3 +218,10 @@
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
+
+.rv-ai-chat-actions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 0.25rem;
+}

package/ai/_style.scss

@@ -87,22 +87,6 @@
 .rv-ai-request-trail {
   min-width: 0;
 }
-.rv-ai-request-trail .rv-ai-trail-trigger {
-  color: var(--rv-ui-accent-text);
-  background: var(--rv-ui-selected-bg);
-  &:hover:not(:disabled),
-  &:focus-visible {
-    color: var(--rv-ui-accent-text);
-    background: var(--rv-ui-selected-bg);
-  }
-}
-.rv-ai-trail-trigger .rv-svg-icon {
-  transition: transform var(--rv-ui-motion-fast, 120ms)
-    var(--rv-ui-motion-ease, ease);
-}
-.rv-ai-trail-trigger[aria-expanded='true'] .rv-svg-icon {
-  transform: rotate(180deg);
-}
 .rv-popover.rv-ai-trail-popover {
   box-sizing: border-box;
   width: 22rem;
@@ -369,8 +353,31 @@
   flex: 1;
   min-height: 0;
   height: 100%;
-  > .rv-ai-mounted-chat { flex: 1; min-height: 0; }
-  .rv-ai-chat-viewport { max-height: none; }
-  .rv-ai-result-actions, .rv-ai-assistant-footer { flex: none; }
-  .rv-ai-chat-content { min-height: 100%; box-sizing: border-box; }
+  > .rv-ai-mounted-chat {
+    flex: 1;
+    min-height: 0;
+  }
+  .rv-ai-chat-viewport {
+    max-height: none;
+  }
+  .rv-ai-result-actions,
+  .rv-ai-assistant-footer {
+    flex: none;
+  }
+  .rv-ai-chat-content {
+    min-height: 100%;
+    box-sizing: border-box;
+  }
+}
+
+// Keep the trigger compact while giving long requests room in the shared popup.
+.rv-ai-examples-menu {
+  box-sizing: border-box;
+  width: min(420px, calc(100vw - 16px));
+  max-width: calc(100vw - 16px);
+
+  .dropdown-option {
+    min-height: 36px;
+    white-space: normal;
+  }
 }

package/ai/components.d.ts

@@ -32,13 +32,15 @@ export interface AiSuggestionChoice {
     prompt: string;
 }
 export interface AiSuggestionsProps {
+    /** Number of inline choices; remaining choices are available under More. Default: 2. */
+    maxVisible?: number;
     translations?: AiUiTranslations;
     items: readonly (string | AiSuggestionChoice)[];
     onSelect(value: string): void;
     disabled?: boolean;
     label?: string;
 }
-export declare function AiSuggestions({ translations, items, onSelect, disabled, label, }: AiSuggestionsProps): h.JSX.Element | null;
+export declare function AiSuggestions({ translations, items, onSelect, disabled, label, maxVisible, }: AiSuggestionsProps): h.JSX.Element | null;
 export interface AiActionStatusProps {
     translations?: AiUiTranslations;
     phase: AiActionPhase;

package/ai/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../_chunks/mount-D1i5DLRn.js";
-import { C as t, E as n, S as r, T as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, w as C, x as w, y as T } from "../_chunks/request-trail-DCOfa5zw.js";
+import { t as e } from "../_chunks/mount-C8CnIW9k.js";
+import { C as t, E as n, S as r, T as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, w as C, x as w, y as T } from "../_chunks/request-trail-B1zVRPEf.js";
 export { i as AI_UI_MESSAGES, u as AiActionStatus, v as AiAssistant, h as AiChangePreview, g as AiChat, y as AiChatComposer, p as AiChatContent, o as AiChatEmptyState, _ as AiMessage, b as AiMessageActions, c as AiMessageContent, f as AiPromptInput, m as AiReasoning, x as AiRequestTrail, d as AiResult, w as AiResultMetrics, r as AiResultTable, s as AiResultText, T as AiResultView, a as AiSuggestions, S as AiTask, l as AiTaskItem, C as AiTranslationProvider, t as formatAiResultValue, e as mountAiAssistant, n as translateAiText };

package/ai/mount.d.ts

@@ -31,6 +31,9 @@ export interface AiAssistantMountState {
     choices?: readonly AiSuggestionChoice[];
     steps?: readonly AiRequestTrailItem[];
     canEditSteps?: boolean;
+    /** Host-owned chart view can return to the record grid. */
+    canClearChart?: boolean;
+    viewSwitching?: boolean;
 }
 export interface AiAssistantMountOptions {
     /** Trusted host renderer for tabular results; never supplied by model output. */
@@ -39,13 +42,19 @@ export interface AiAssistantMountOptions {
     layout?: 'flow' | 'fill';
     /** Optional host for reactive undo/redo and view controls. Cleaned up on destroy. */
     controlsMountTo?: HTMLElement;
-    /** Hide the chat-clearing control while preserving the transcript. Defaults to true. */
+    /** Show the separate New conversation icon. Defaults to true. */
+    showNewConversation?: boolean;
+    /** @deprecated Use showNewConversation. */
     showClearChat?: boolean;
-    /** Hide Restore/Reset, Clear chat and data history controls without disabling their controller methods. */
+    /** Request-history popup: hidden by default in chat, visible in toolbar mode. */
+    showRequestHistory?: boolean;
+    /** Hide native data Undo/Redo controls. Workspace reset belongs to the application. */
     showHistoryControls?: boolean;
     /** Optional welcome content shown only while the local chat transcript is empty. */
     emptyState?: AiChatEmptyStateProps | false;
     onClearChat?(): void;
+    /** Return to the grid while retaining the chart configuration. */
+    onClearChart?(): void;
     /** Local input recall and optional host persistence; never sent to the model automatically. */
     promptHistory?: AiPromptHistoryOptions;
     /** Auto-dismiss settled activity messages; disabled unless configured. */
@@ -57,16 +66,15 @@ export interface AiAssistantMountOptions {
     onRedoData?(): void;
     onSubmit(prompt: string): void;
     onStop(): void;
-    onRestore(): void;
-    onReset(): void;
     onRemoveStep?(id: string): void;
     suggestions?: readonly string[];
+    /** Inline choice count; additional choices remain under More. Default: 2. */
+    maxVisibleSuggestions?: number;
     label?: string;
     footer?: string;
-    restoreLabel?: string;
-    resetLabel?: string;
+    /** Format the matched-row count in command activity, independently of request history. */
     countLabel?: (count: number) => string;
-    trail?: Pick<AiRequestTrailProps, 'label' | 'triggerLabel' | 'clearLabel' | 'clearDescription' | 'removeLabel' | 'countLabel' | 'changedMessage'>;
+    trail?: Pick<AiRequestTrailProps, 'label' | 'triggerLabel' | 'removeLabel' | 'countLabel' | 'changedMessage'>;
     prompt?: Pick<AiPromptInputProps, 'label' | 'placeholder' | 'submitLabel' | 'stopLabel' | 'hint' | 'textareaProps'>;
 }
 /** Framework-independent mount of the same TSX used by the public components. */

package/ai/request-trail.d.ts

@@ -1,7 +1,9 @@
 import { AiUiTranslations } from './translations';
-import { h } from '../_vendor/preact/src/index';
+import { h, ComponentChildren } from '../_vendor/preact/src/index';
 export interface AiRequestTrailItem {
     id: string;
+    /** Hide removal when the host cannot safely undo this individual request. */
+    removable?: boolean;
     label: string;
     /** Number of earlier requests represented by a grouped step. */
     count?: number;
@@ -10,8 +12,12 @@ export interface AiRequestTrailProps {
     translations?: AiUiTranslations;
     items: readonly AiRequestTrailItem[];
     onRemove(id: string): void;
-    onClear(): void;
+    onClear?(): void;
     onEmpty?(): void;
+    /** Additional host-owned actions in the steps popup. */
+    footer?: ComponentChildren;
+    /** Optional application-owned clear action for standalone history presentation. */
+    showClear?: boolean;
     disabled?: boolean;
     removalsDisabled?: boolean;
     label?: string;
@@ -23,4 +29,4 @@ export interface AiRequestTrailProps {
     changedMessage?: string;
 }
 /** Applied context only. The host owns replay, persistence and view mutations. */
-export declare function AiRequestTrail({ translations, items, onRemove, onClear, onEmpty, disabled, removalsDisabled, label, triggerLabel, clearLabel, clearDescription, removeLabel, countLabel, changedMessage, }: AiRequestTrailProps): h.JSX.Element | null;
+export declare function AiRequestTrail({ translations, items, onRemove, onClear, onEmpty, footer, showClear, disabled, removalsDisabled, label, triggerLabel, clearLabel, clearDescription, removeLabel, countLabel, changedMessage, }: AiRequestTrailProps): h.JSX.Element | null;

package/ai/results/_style.scss

@@ -1,4 +1,7 @@
 .rv-ai-result-content {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
   min-width: 0;
   border: 1px solid var(--rv-ui-border);
   border-radius: 0.75rem;

package/ai/results/index.d.ts

@@ -5,7 +5,7 @@ export * from './types';
 export * from './table';
 export * from './metrics';
 export * from './text';
-export declare function AiResultView({ result, renderTable }: {
+export declare function AiResultView({ result, renderTable, }: {
     result: AiResultContent;
     renderTable?: AiTableRenderer;
 }): ComponentChildren;

package/ai/translations.d.ts

@@ -1,4 +1,4 @@
 /** English message IDs and fallbacks; hosts supply translated values. */
-export declare const AI_UI_MESSAGES: readonly ["AI chat", "No results", "Clear chat", "Conversation messages", "Jump to latest", "You", "Assistant", "System", "Message actions", "Start a conversation", "Ask a question to get started.", "Message", "Type a message…", "Working…", "Reasoning summary", "Pending", "Running", "Completed", "Failed", "Cancelled", "{seconds}s", "Data history", "Review changes", "Proposed changes", "Change", "Current", "Proposed", "Apply changes", "Cancel changes", "Undo data change", "Redo data change", "Ask AI to change this view", "Filter or sort your data…", "Send", "Stop", "Enter to send · Shift+Enter for a new line", "Suggested requests", "More", "Activity", "Collapse activity", "Expand activity", "AI view assistant", "View steps", "Clear all", "Restore the starting view", "Restore previous view", "Reset view", "The view changed manually. Start a new request to continue.", "Remove request: {label}", "{count} step", "{count} steps", "{count} applied request", "{count} applied requests", "{count} matching rows"];
+export declare const AI_UI_MESSAGES: readonly ["AI chat", "No results", "Clear chat", "Restart conversation", "New conversation", "Request history", "Clear chart", "Conversation messages", "Jump to latest", "You", "Assistant", "System", "Message actions", "Start a conversation", "Ask a question to get started.", "Message", "Type a message…", "Working…", "Reasoning summary", "Pending", "Running", "Completed", "Failed", "Cancelled", "{seconds}s", "Data history", "Review changes", "Proposed changes", "Change", "Current", "Proposed", "Apply changes", "Cancel changes", "Undo data change", "Redo data change", "Ask AI to change this view", "Filter or sort your data…", "Send", "Stop", "Enter to send · Shift+Enter for a new line", "Suggested requests", "More", "Search requests", "Activity", "Collapse activity", "Expand activity", "AI view assistant", "View steps", "Clear all", "Restore the starting view", "Restore previous view", "Reset view", "The view changed manually. Start a new request to continue.", "Remove request: {label}", "{count} step", "{count} steps", "{count} applied request", "{count} applied requests", "{count} matching rows"];
 export type AiUiTranslations = Partial<Record<(typeof AI_UI_MESSAGES)[number], string>>;
 export declare function translateAiText(text: string, translations?: Readonly<Record<string, string | undefined>>, values?: Readonly<Record<string, string | number>>): string;

package/angular/angular.d.ts

@@ -40,5 +40,5 @@ export declare class UiComponent implements AfterContentInit, AfterViewInit, OnC
 }
 export type { PdfViewerProps, PdfViewerText } from '../pdf-viewer/component.js';
 export type { PdfViewerToolbarProps } from '../pdf-viewer/toolbar.js';
-export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig } from '../pdf-viewer/toolbar-options.js';
+export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig, } from '../pdf-viewer/toolbar-options.js';
 export { defaultPdfViewerText } from '../pdf-viewer/index.js';

package/angular/angular.js

@@ -35,10 +35,12 @@ export class UiComponent {
     ngAfterViewInit() {
         if (!this.browser)
             return;
-        this.mount = createFrameworkMount(this.host.nativeElement, targets => this.renderTemplates(targets));
+        this.mount = createFrameworkMount(this.host.nativeElement, (targets) => this.renderTemplates(targets));
+        this.update();
+    }
+    ngOnChanges() {
         this.update();
     }
-    ngOnChanges() { this.update(); }
     update() {
         if (!this.mount || this.destroyed)
             return;
@@ -47,8 +49,11 @@ export class UiComponent {
             throw new Error(`Unknown UI component: ${this.component}`);
         const props = { ...this.props };
         const model = componentModels[this.component];
-        const callbacks = new Set([...Object.keys(props).filter(key => /^on[A-Z]/.test(key)),
-            'onClose', ...(model ? [model.callback] : [])]);
+        const callbacks = new Set([
+            ...Object.keys(props).filter((key) => /^on[A-Z]/.test(key)),
+            'onClose',
+            ...(model ? [model.callback] : []),
+        ]);
         for (const name of callbacks) {
             const original = props[name];
             props[name] = (...args) => {
@@ -60,13 +65,13 @@ export class UiComponent {
                 return result;
             };
         }
-        const slots = Object.fromEntries(this.slots?.map(slot => [slot.rvUiSlot, slot]) ?? []);
+        const slots = Object.fromEntries(this.slots?.map((slot) => [slot.rvUiSlot, slot]) ?? []);
         this.mount.render(component, props, (props, content) => withFrameworkContent(this.component, props, slots, content));
     }
     renderTemplates(targets) {
         if (this.destroyed)
             return;
-        const live = new Set(targets.map(target => target.id));
+        const live = new Set(targets.map((target) => target.id));
         for (const [id, record] of this.views) {
             if (!live.has(id)) {
                 this.release(record);
@@ -123,7 +128,8 @@ export class UiComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: UiComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'rv-ui', standalone: true,
+                    selector: 'rv-ui',
+                    standalone: true,
                     template: '<span #host style="display: contents"></span>',
                     host: { style: 'display: contents' },
                 }]

package/assignee/assignee.scss

@@ -45,7 +45,7 @@
   }
 }
 
-.rv-assignee-editor .selected-tag {
+.rv-assignee-editor.dropdown-container .selected-tag {
   display: inline-flex;
   align-items: center;
   border-radius: 16px;
@@ -53,6 +53,12 @@
   font-size: 14px;
   line-height: 18px;
   white-space: nowrap;
+  color: var(--rv-ui-text);
+
+  // Keep the full 24px remove target within the 24px value pill.
+  > button.rv-remove-button {
+    margin-block: -3px;
+  }
 }
 .rv-assignee-picker__allocations {
   display: grid;
@@ -90,15 +96,31 @@
 }
 .rv-assignee-picker__allocations {
   border-top: 1px solid var(--rv-ui-border);
-  &:empty { display: none; }
+  &:empty {
+    display: none;
+  }
   label {
     padding: 8px 10px;
     border-radius: 8px;
     background: var(--rv-ui-field-surface);
     font-size: 12px;
-    > span { min-width: 0; overflow-wrap: anywhere; }
+    > span {
+      min-width: 0;
+      overflow-wrap: anywhere;
+    }
+  }
+  input {
+    flex: 0 0 88px;
+    width: 88px;
+    min-height: 32px;
+    padding: 6px 8px;
+    font-size: 12px;
   }
-  input { flex: 0 0 88px; width: 88px; min-height: 32px; padding: 6px 8px; font-size: 12px; }
 }
-.rv-assignee-picker__footer { flex-wrap: wrap; font-size: 12px; }
-.rv-assignee-picker__footer .rv-editor-actions { margin-inline-start: auto; }
+.rv-assignee-picker__footer {
+  flex-wrap: wrap;
+  font-size: 12px;
+}
+.rv-assignee-picker__footer .rv-editor-actions {
+  margin-inline-start: auto;
+}

package/assignee/index.js

@@ -1,11 +1,11 @@
 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-DO0d1kgx.js";
-import { L as a } from "../_chunks/controls-BLQnWEd7.js";
+import { l as r, n as i } from "../_chunks/native-control-um1L1wgZ.js";
+import { R as a } from "../_chunks/controls-B3EgM_DS.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
+//#region package/assignee/model.ts
 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, {
@@ -29,7 +29,7 @@ function f(e, t) {
 	return t === 0 ? String(e) : `${e} ${t}%`;
 }
 //#endregion
-//#region src/assignee/picker.tsx
+//#region package/assignee/picker.tsx
 function p(e) {
 	let t = e.text, r = e.value.every((e) => u(e.units));
 	return /* @__PURE__ */ n("div", {
@@ -102,7 +102,7 @@ function p(e) {
 	});
 }
 //#endregion
-//#region src/assignee/field.tsx
+//#region package/assignee/field.tsx
 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);
@@ -157,7 +157,7 @@ function m({ value: i, options: a, theme: o, renderPicker: s, renderValue: c, sa
 	});
 }
 //#endregion
-//#region src/assignee/layout.tsx
+//#region package/assignee/layout.tsx
 function h({ query: e, onQueryChange: t, searchRef: r, children: i, ...s }) {
 	return /* @__PURE__ */ n("div", {
 		id: s.id,

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,9 +1,9 @@
 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 { t as r } from "../_chunks/tooltip-text-BN5WdGHn.js";
 import { AVATAR_CELL_BACKGROUNDS as i } from "../color-palette/common-palettes.js";
-//#region src/avatar/index.view.tsx
+//#region package/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",

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

@@ -1,4 +1,4 @@
-//#region src/badge.ts
+//#region package/badge.ts
 function e({ variant: e = "solid", shape: t = "pill" } = {}) {
 	return `rv-badge rv-badge--inline rv-badge--${e} rv-badge--${t}`;
 }

package/badge.view.d.ts

@@ -1,7 +1,7 @@
 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 & {
+export declare function Badge({ children, className, variant, shape, }: BadgeOptions & {
     children?: ComponentChildren;
     className?: string;
     label?: string;

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;