@revolist/ui 4.0.4-rc → 4.0.6-rc

package/ai/results/_style.scss

@@ -0,0 +1,83 @@
+.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;
+  padding: 1rem;
+  background: var(--rv-ui-surface);
+  overflow-wrap: anywhere;
+}
+.rv-ai-result-table-scroll {
+  max-width: 100%;
+  overflow: auto;
+}
+.rv-ai-result-content--grid {
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  background: transparent;
+}
+.rv-ai-result-table {
+  width: 100%;
+  white-space: nowrap;
+  overflow-wrap: normal;
+  border-collapse: collapse;
+  font: inherit;
+  caption {
+    text-align: start;
+    padding-block-end: 0.75rem;
+  }
+  caption span {
+    display: block;
+    color: var(--rv-ui-text-muted);
+    font-size: 0.8125rem;
+    margin-block-start: 0.25rem;
+  }
+  th,
+  td {
+    min-width: 6rem;
+    padding: 0.625rem;
+    text-align: start;
+    border-block-end: 1px solid var(--rv-ui-border);
+  }
+  th {
+    color: var(--rv-ui-text-muted);
+    font-weight: 500;
+  }
+  tbody tr:last-child td {
+    border: 0;
+  }
+  .rv-ai-result-number {
+    min-width: 4rem;
+    text-align: end;
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+  }
+}
+.rv-ai-result-description,
+.rv-ai-result-empty {
+  color: var(--rv-ui-text-muted);
+  margin-block: 0.25rem 0;
+}
+.rv-ai-result-metrics {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
+  gap: 1rem;
+  margin-block: 1rem 0;
+  dt {
+    color: var(--rv-ui-text-muted);
+    font-size: 0.8125rem;
+  }
+  dd {
+    margin: 0.25rem 0 0;
+    font-size: 1.25rem;
+    font-weight: 600;
+    font-variant-numeric: tabular-nums;
+  }
+}
+.rv-ai-result-text {
+  margin-block-end: 0;
+  white-space: pre-wrap;
+}

package/ai/results/index.d.ts

@@ -0,0 +1,11 @@
+import { ComponentChildren } from '../../_vendor/preact/src/index';
+import { AiResultContent, AiTableResult } from './types';
+export type AiTableRenderer = (result: AiTableResult) => ComponentChildren;
+export * from './types';
+export * from './table';
+export * from './metrics';
+export * from './text';
+export declare function AiResultView({ result, renderTable }: {
+    result: AiResultContent;
+    renderTable?: AiTableRenderer;
+}): ComponentChildren;

package/ai/results/metrics.d.ts

@@ -0,0 +1,5 @@
+import { h } from '../../_vendor/preact/src/index';
+import { AiMetricsResult } from './types';
+export declare function AiResultMetrics({ result }: {
+    result: AiMetricsResult;
+}): h.JSX.Element;

package/ai/results/table.d.ts

@@ -0,0 +1,5 @@
+import { h } from '../../_vendor/preact/src/index';
+import { AiTableResult } from './types';
+export declare function AiResultTable({ result }: {
+    result: AiTableResult;
+}): h.JSX.Element;

package/ai/results/text.d.ts

@@ -0,0 +1,5 @@
+import { h } from '../../_vendor/preact/src/index';
+import { AiTextResult } from './types';
+export declare function AiResultText({ result }: {
+    result: AiTextResult;
+}): h.JSX.Element;

package/ai/results/types.d.ts

@@ -0,0 +1,29 @@
+/** Presentation-only values. No HTML, grid records or executable render callbacks. */
+export type AiResultValue = string | number | boolean | null;
+interface ResultBase {
+    title: string;
+    description?: string;
+}
+export interface AiTableResult extends ResultBase {
+    kind: 'table';
+    columns: readonly {
+        label: string;
+        numeric?: boolean;
+    }[];
+    rows: readonly (readonly AiResultValue[])[];
+}
+export interface AiMetricsResult extends ResultBase {
+    kind: 'metrics';
+    items: readonly {
+        label: string;
+        value: AiResultValue;
+    }[];
+}
+export interface AiTextResult extends ResultBase {
+    kind: 'text';
+    text: string;
+}
+/** Add new result kinds here and their renderer in AiResultView. */
+export type AiResultContent = AiTableResult | AiMetricsResult | AiTextResult;
+export declare function formatAiResultValue(value: AiResultValue): string;
+export {};

package/ai/transcript.d.ts

@@ -1,4 +1,5 @@
 import { AiAssistantMountState } from './mount';
+import { AiResultContent } from './results';
 export interface AiTranscriptMessage {
     id: string;
     group: string;
@@ -6,6 +7,7 @@ export interface AiTranscriptMessage {
     text: string;
     phase?: AiAssistantMountState['phase'];
     details?: string;
+    result?: AiResultContent;
     pending?: boolean;
 }
 /** Local presentation state only. Never supplies model context or persists values. */

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", "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", "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", "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 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/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,10 @@
   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;

package/assignee/index.js

@@ -1,7 +1,7 @@
 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-C_yok8_-.js";
-import { R as a } from "../_chunks/controls-DsNi8V8I.js";
+import { l as r, n as i } from "../_chunks/native-control-pFMuHf3G.js";
+import { L as a } from "../_chunks/controls-FUU-MUKC.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";

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

@@ -16,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;

package/buttons/svg-button.js

@@ -1,44 +1,44 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { SvgIcon as t } from "../icons/icon.js";
-import { t as n } from "../_chunks/native-control-C_yok8_-.js";
+import { t as n } from "../_chunks/native-control-pFMuHf3G.js";
 import { controlClassName as r } from "../control-attributes.js";
-import { n as i } from "../_chunks/control-tooltip-uscKfAnV.js";
+import { n as i } from "../_chunks/tooltip-D4xkio5G.js";
 //#region src/buttons/svg-button.tsx
-function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconClassName: u, labelClassName: d, children: f, iconContent: p, badge: m, badgeClassName: h = "", class: g, disabled: _, ...v }) {
-	let y = i(a, !0, {
+function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconClassName: u, labelClassName: d, children: f, iconContent: p, badge: m, badgeClassName: h = "", class: g, disabled: _, title: v, ...y }) {
+	let b = i(typeof v == "string" ? v : a, !0, {
 		className: "rv-control-tooltip",
 		placement: "above"
 	});
 	return /* @__PURE__ */ e(n, {
 		type: "button",
 		"aria-label": m === void 0 ? a : `${a} ${m}`,
-		...v,
+		...y,
 		disabled: _,
-		...y.triggerProps,
-		"aria-describedby": [v["aria-describedby"], y.id].filter(Boolean).join(" "),
+		...b.triggerProps,
+		"aria-describedby": [y["aria-describedby"], b.id].filter(Boolean).join(" "),
 		onFocus: (e) => {
-			y.triggerProps.onFocus(e), v.onFocus?.(e);
+			b.triggerProps.onFocus(e), y.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			y.triggerProps.onBlur(), v.onBlur?.(e);
+			b.triggerProps.onBlur(), y.onBlur?.(e);
 		},
 		onMouseEnter: (e) => {
-			y.triggerProps.onMouseEnter(e), v.onMouseEnter?.(e);
+			b.triggerProps.onMouseEnter(e), y.onMouseEnter?.(e);
 		},
 		onMouseLeave: (e) => {
-			y.triggerProps.onMouseLeave(), v.onMouseLeave?.(e);
+			b.triggerProps.onMouseLeave(), y.onMouseLeave?.(e);
 		},
 		onPointerDown: (e) => {
-			y.triggerProps.onPointerDown(e), v.onPointerDown?.(e);
+			b.triggerProps.onPointerDown(e), y.onPointerDown?.(e);
 		},
 		onPointerCancel: (e) => {
-			y.triggerProps.onPointerCancel(), v.onPointerCancel?.(e);
+			b.triggerProps.onPointerCancel(), y.onPointerCancel?.(e);
 		},
 		onKeyDown: (e) => {
-			y.triggerProps.onKeyDown(e), v.onKeyDown?.(e);
+			b.triggerProps.onKeyDown(e), y.onKeyDown?.(e);
 		},
 		onClick: (e) => {
-			y.hide(), v.onClick?.(e);
+			b.hide(), y.onClick?.(e);
 		},
 		class: r(l ?? (o ? "" : "rv-btn-ghost"), o && `rv-btn-${o}`, g, "rv-icon-action", !c && "rv-btn-icon"),
 		children: [
@@ -56,7 +56,7 @@ function a({ label: a, variant: o, icon: s, visibleLabel: c, className: l, iconC
 				children: m
 			}),
 			f,
-			y.tooltip
+			b.tooltip
 		]
 	});
 }

package/calendar/_calendar.scss

@@ -299,8 +299,8 @@
 }
 .revo-calendar__caption .rv-select .dropdown-trigger {
   min-width: 0;
-  width: auto;
-  max-width: 58%;
+  width: 100%;
+  max-width: 100%;
   min-height: var(--calendar-cell-size);
   height: var(--calendar-cell-size);
   padding-block: 2px;

package/calendar/calendar.js

@@ -1 +1 @@
-export { t as Calendar } from "../_chunks/calendar-xpZ0v3xf.js";
+export { t as Calendar } from "../_chunks/calendar-QWDyYzdo.js";

package/calendar/index.js

@@ -1,9 +1,9 @@
 import { DEFAULT_CALENDAR_TRANSLATIONS as e } from "./translations.js";
 import { a as t, i as n, n as r, o as i, r as a, t as o } from "../_chunks/model-mPO2tG2f.js";
 import { CalendarHeader as s, CalendarWeekdays as c } from "./header.js";
-import { t as l } from "../_chunks/calendar-xpZ0v3xf.js";
+import { t as l } from "../_chunks/calendar-QWDyYzdo.js";
 import { CalendarDay as u } from "./day.js";
 import { CalendarMonthGrid as d } from "./month-grid.js";
 import { CalendarYearGrid as f } from "./year-grid.js";
-import { t as p } from "../_chunks/picker-h1P5RUgp.js";
+import { t as p } from "../_chunks/picker-gEGTu1Ki.js";
 export { l as Calendar, u as CalendarDay, s as CalendarHeader, d as CalendarMonthGrid, p as CalendarPicker, c as CalendarWeekdays, f as CalendarYearGrid, e as DEFAULT_CALENDAR_TRANSLATIONS, o as createCalendarMonth, r as isCalendarDateDisabled, a as isCalendarMonthDisabled, n as isDateInCalendarRange, t as moveCalendarFocus, i as orderCalendarRange };

package/checkbox/checkbox.scss

@@ -1,27 +1,6 @@
 @use '../styles/motion';
 @use './layout';
-/**
- * Shared native checkbox primitive.
- *
- * Legacy ColumnDialog and RowSelectPlugin variables remain supported as
- * fallbacks so existing customizations keep working after consumers move to
- * rv-checkbox.
- */
-revo-grid {
-  --rv-ui-checkbox-bg: var(--revo-row-select-checkbox-bg, var(--rv-ui-surface));
-  --rv-ui-checkbox-border: var(--rv-column-dialog-check-border, var(--revo-row-select-checkbox-border, var(--rv-ui-border-strong)));
-  --rv-ui-checkbox-checked: var(--rv-column-dialog-check-bg, var(--revo-row-select-checkbox-checked, var(--rv-ui-accent)));
-  --rv-ui-checkbox-check: var(--revo-row-select-checkbox-check, var(--rv-ui-accent-fg));
-  --rv-ui-checkbox-focus: var(--revo-row-select-checkbox-focus, var(--rv-ui-focus-ring));
-
-  &[theme^='dark'] {
-    --rv-ui-checkbox-bg: var(--revo-row-select-checkbox-bg, var(--rv-ui-surface-sunken));
-    --rv-ui-checkbox-border: var(--rv-column-dialog-check-border, var(--revo-row-select-checkbox-border, var(--rv-ui-border-strong)));
-    --rv-ui-checkbox-checked: var(--rv-column-dialog-check-bg, var(--revo-row-select-checkbox-checked, var(--rv-ui-accent)));
-    --rv-ui-checkbox-focus: var(--revo-row-select-checkbox-focus, var(--rv-ui-focus-ring));
-  }
-}
-
+/** Shared native checkbox primitive. */
 .rv-checkbox {
   appearance: none;
   -webkit-appearance: none;

package/choice-chips/index.d.ts

@@ -20,6 +20,8 @@ export type ChoiceChipsProps<T extends ChoiceChipValue = ChoiceChipValue> = {
     onChange: (value: T, option: ChoiceChipOption<T>) => void;
     ariaLabel: string;
     appearance?: 'soft' | 'outlined';
+    /** Keep choices on one scrollable row, with hidden scrollbars and soft edge fades. */
+    scrollable?: boolean;
     size?: 'small' | 'medium';
     className?: string;
     itemClassName?: string;
@@ -27,7 +29,7 @@ export type ChoiceChipsProps<T extends ChoiceChipValue = ChoiceChipValue> = {
     testId?: string;
 };
 /** Shared wrapping choice control for compact presets and granularities. */
-export declare function ChoiceChips<T extends ChoiceChipValue = ChoiceChipValue>({ value, options, onChange, ariaLabel, appearance, size, className, itemClassName, disabled, testId, }: ChoiceChipsProps<T>): any;
+export declare function ChoiceChips<T extends ChoiceChipValue = ChoiceChipValue>({ value, options, onChange, ariaLabel, appearance, scrollable, size, className, itemClassName, disabled, testId, }: ChoiceChipsProps<T>): any;
 export declare function ChoiceChipInfoButton({ 'data-tooltip': details, title, ref: forwardedRef, ...props }: JSX.IntrinsicElements['button'] & {
     'data-tooltip'?: string;
 }): h.JSX.Element;

package/choice-chips/index.js

@@ -1 +1 @@
-export { t as ChoiceChip, n as ChoiceChipInfoButton, r as ChoiceChips } from "../_chunks/choice-chips-CHQTUdLs.js";
+export { t as ChoiceChip, n as ChoiceChipInfoButton, r as ChoiceChips } from "../_chunks/choice-chips-A6WR-WJe.js";

package/color-palette/color-palette.js

@@ -1,3 +1,3 @@
-import { t as e } from "../_chunks/color-palette-D8vyPfld.js";
+import { t as e } from "../_chunks/color-palette-DMJUChWC.js";
 import { DEFAULT_COLOR_PALETTE_OPTIONS as t } from "./palette.js";
 export { e as ColorPalette, t as DEFAULT_COLOR_PALETTE_OPTIONS };

package/color-palette/color-palette.style.scss

@@ -242,7 +242,7 @@ revo-grid .rv-context-menu .rv-color-palette-menu__swatch-item[aria-checked='tru
 }
 
 .rv-color-palette-menu[aria-expanded='true'] > .rv-context-menu__submenu {
-  grid-template-columns: repeat(5, 32px); gap: 10px 14px; width: 240px;
+  grid-template-columns: repeat(5, 32px); gap: 10px 14px; width: 242px;
 }
 .rv-color-palette-menu__default-item {
   grid-column: auto; width: 32px; min-width: 32px; min-height: 32px;

package/color-palette/color-picker.js

@@ -1,3 +1,3 @@
-import { n as e } from "../_chunks/color-palette-D8vyPfld.js";
-import { t } from "../_chunks/color-picker-CudqPYZo.js";
+import { n as e } from "../_chunks/color-palette-DMJUChWC.js";
+import { t } from "../_chunks/color-picker-BK4W1nd6.js";
 export { t as ColorPicker, e as normalizeHexColor };