@revolist/ui 4.0.4-rc → 4.0.6-rc

package/core/editor-popup.js

@@ -1 +1 @@
-export { t as mountEditorPopup } from "../_chunks/editor-popup-WDdtVDNA.js";
+export { t as mountEditorPopup } from "../_chunks/editor-popup-ByU7qiub.js";

package/core/popover-controller.d.ts

@@ -0,0 +1,35 @@
+export interface PopoverOptions {
+    anchor: HTMLElement | SVGElement;
+    placement?: 'above';
+    content: HTMLElement;
+    /** Defaults to the document body. */
+    appendTo?: HTMLElement;
+    onClose?: () => void;
+    restoreFocus?: boolean;
+    closeOnOutside?: boolean;
+    closeOnEscape?: boolean;
+    display?: string;
+}
+/** One owner for native top-layer promotion, viewport positioning and disposal. */
+export declare class PopoverController {
+    private active?;
+    get isOpen(): boolean;
+    open(options: PopoverOptions): {
+        close: (restoreFocus?: boolean) => void;
+        refresh: () => void;
+    };
+    refresh(): void;
+    close(restoreFocus?: boolean): void;
+    destroy(): void;
+}
+export declare function createTooltipElement(document: Document, className?: string): HTMLDivElement;
+/** Imperative binding adapter over the same session used by useTooltip. */
+export declare class TooltipController {
+    private release?;
+    bind(anchor: HTMLElement | SVGElement, text: string, options?: {
+        trigger?: 'hover' | 'click';
+        surface?: HTMLElement;
+        onEscape?: () => void;
+    }): () => void;
+    destroy(): void;
+}

package/core/popup-ownership.d.ts

@@ -0,0 +1,2 @@
+/** Includes portalled descendants linked by their owning trigger's aria-controls. */
+export declare function ownsPopupTarget(root: HTMLElement | null | undefined, target: Node | null): boolean;

package/core/title-tooltip.d.ts

@@ -0,0 +1,2 @@
+/** Native title replacement, without wrappers or changes to consumer handlers. */
+export declare function useTitleTooltip<T extends HTMLElement | SVGElement>(title?: string, onEscape?: () => void): import('../_vendor/preact/src/index').RefObject<T>;

package/core/tooltip-session.d.ts

@@ -0,0 +1,29 @@
+export type TooltipAnchor = HTMLElement | SVGElement;
+/** One lifecycle for declarative and imperative tooltip adapters. */
+export declare class TooltipSession {
+    private anchor?;
+    private surface?;
+    private timer?;
+    private mode?;
+    private cleanup?;
+    private mounted;
+    private pointerFocus;
+    private open;
+    private addedDescription;
+    onHide?: () => void;
+    onEscape?: () => void;
+    delay: number;
+    get isOpen(): boolean;
+    get isPending(): boolean;
+    setSurface(surface: HTMLElement | null): void;
+    show(anchor: TooltipAnchor): void;
+    private present;
+    hide(): void;
+    focus(anchor: TooltipAnchor): void;
+    blur(): void;
+    pointerDown(): void;
+    leave(anchor?: TooltipAnchor): void;
+    keyDown(event: KeyboardEvent): void;
+    destroy(): void;
+    private listen;
+}

package/core/tooltip-surface.d.ts

@@ -0,0 +1,13 @@
+/** Shared presentation for text hints and rich product/chart tooltip content. */
+export declare const TOOLTIP_STYLES = "\n.rv-tooltip.rv-tooltip {\n  box-sizing: border-box;\n  position: fixed;\n  z-index: 100000;\n  margin: 0;\n  inset: auto;\n  transform: none;\n  opacity: 1;\n  visibility: visible;\n  padding: 6px 10px;\n  border: 0;\n  border-radius: 6px;\n  background: var(--rv-tooltip-bg, #191919);\n  color: var(--rv-tooltip-fg, #fff);\n  box-shadow: 0 4px 14px var(--rv-ui-shadow, rgb(0 0 0 / 18%));\n  font: 12px/1.4 var(--rv-ui-font-family, Inter, ui-sans-serif, system-ui, sans-serif);\n  font-weight: 400;\n  text-align: start;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  max-width: min(360px, calc(100vw - 16px));\n  max-height: calc(100dvh - 16px);\n  overflow: auto;\n  pointer-events: none;\n}\n.rv-tooltip[hidden], .rv-tooltip[data-visible=\"false\"] { display: none; }\n.rv-tooltip[data-overflow] { pointer-events: auto; }\n@media (forced-colors: active) {\n  .rv-tooltip.rv-tooltip { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }\n}\n";
+/** Also installs into shadow roots/fullscreen roots used by standalone charts. */
+export declare function ensureTooltipStyles(root: Document | ShadowRoot): void;
+export declare function prepareTooltipSurface(element: HTMLElement): void;
+/** Shared hint placement: centered above the trigger, with a bounded below fallback. */
+export declare function calculateTooltipPosition(anchor: DOMRect, popup: DOMRect, viewport: {
+    width: number;
+    height: number;
+}): import('./anchored-popover').AnchoredPopoverPosition | {
+    left: number;
+    top: number;
+};

package/core/tooltip-text.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from '../_vendor/preact/src/index';
+/** Wrapper-free shared hint for otherwise native text and label elements. */
+export declare function TooltipText({ as, title, children, ...attributes }: Omit<JSX.HTMLAttributes<HTMLElement>, 'title'> & {
+    as?: 'span' | 'label' | 'div';
+    title?: string;
+}): JSX.Element;

package/core/tooltip.d.ts

@@ -0,0 +1,35 @@
+import { h, ComponentChildren, TargetedEvent } from '../_vendor/preact/src/index';
+type TooltipPresentation = {
+    className?: string;
+    placement?: 'above';
+    delay?: number;
+    content?: ComponentChildren;
+};
+/** Preact adapter; the session owns all tooltip behavior and DOM lifecycle. */
+export declare function useControlTooltip(text: string, _floating?: boolean, presentation?: TooltipPresentation): {
+    readonly id: string;
+    readonly hide: () => void;
+    readonly triggerProps: {
+        readonly 'aria-describedby': string;
+        readonly onFocus: (event: TargetedEvent<HTMLElement>) => void;
+        readonly onBlur: () => void;
+        readonly onMouseEnter: (event: TargetedEvent<HTMLElement>) => void;
+        readonly onMouseLeave: (event?: TargetedEvent<HTMLElement>) => void;
+        readonly onPointerDown: (_event: TargetedEvent<HTMLElement>) => void;
+        readonly onPointerCancel: () => void;
+        readonly onKeyDown: (event: KeyboardEvent) => void;
+    };
+    readonly tooltip: h.JSX.Element;
+};
+/** Controlled surface adapter retained for existing consumers. */
+export declare function ControlTooltip({ id, text, content, visible, anchor, className }: {
+    readonly id: string;
+    readonly text: string;
+    readonly content?: ComponentChildren;
+    readonly visible: boolean;
+    readonly anchor?: HTMLElement | null;
+    readonly className?: string;
+    readonly placement?: 'above';
+}): h.JSX.Element;
+export declare const useTooltip: typeof useControlTooltip;
+export {};

package/core/top-layer-popup.d.ts

@@ -1,3 +1,5 @@
+export { ensureTooltipStyles, prepareTooltipSurface, TOOLTIP_STYLES } from './tooltip-surface';
+export { ownsPopupTarget } from './popup-ownership';
 export type TopLayerPopupMode = 'popover' | 'fallback';
 export type TopLayerPopupElement = HTMLElement & {
     showPopover?: () => void;
@@ -7,3 +9,5 @@ export type TopLayerPopupElement = HTMLElement & {
 export declare function showTopLayerPopup(element: TopLayerPopupElement, visibleDisplay?: string): TopLayerPopupMode;
 /** Hides an overlay opened by `showTopLayerPopup`; safe to call repeatedly. */
 export declare function hideTopLayerPopup(element: TopLayerPopupElement, mode?: TopLayerPopupMode): void;
+/** Includes portalled popup content linked by descendant aria-controls triggers. */
+export declare function popupOwnsTarget(panel: HTMLElement, target: Node | null): boolean;

package/core/top-layer-popup.js

@@ -1,23 +1 @@
-//#region src/core/top-layer-popup.ts
-var e = /* @__PURE__ */ new WeakMap();
-function t(t, n = "flex") {
-	if (e.has(t) || e.set(t, t.getAttribute("data-rv-ui-surface")), t.setAttribute("data-rv-ui-surface", ""), t.style.display = n, typeof t.showPopover == "function") {
-		t.setAttribute("popover", "manual");
-		try {
-			return t.showPopover(), "popover";
-		} catch {
-			t.removeAttribute("popover");
-		}
-	}
-	return t.style.display = n, "fallback";
-}
-function n(t, n) {
-	let r = e.get(t);
-	if (r !== void 0 && (r === null ? t.removeAttribute("data-rv-ui-surface") : t.setAttribute("data-rv-ui-surface", r), e.delete(t)), n === "popover" && typeof t.hidePopover == "function") try {
-		t.hidePopover(), t.style.removeProperty("display");
-		return;
-	} catch {}
-	t.style.display = "none";
-}
-//#endregion
-export { n as hideTopLayerPopup, t as showTopLayerPopup };
+export { a as TOOLTIP_STYLES, s as ensureTooltipStyles, t as hideTopLayerPopup, i as ownsPopupTarget, n as popupOwnsTarget, c as prepareTooltipSurface, r as showTopLayerPopup } from "../_chunks/top-layer-popup-CNSDdfJV.js";

package/date-time/attach.d.ts

@@ -1,3 +1,3 @@
 import { TemporalPickerOptions } from './types';
-/** Adds the shared picker to an existing native input without changing its draft/commit owner. */
+/** Adds or replaces the shared picker on an existing native input. */
 export declare function attachTemporalPicker(input: HTMLInputElement, options: TemporalPickerOptions, commit: (value: string) => void): () => void;

package/date-time/field.d.ts

@@ -1,11 +1,12 @@
 import { DateTimeFieldProps, TemporalPickerOptions } from './types';
 import { TemporalControlValue } from '../_shared/dates/index';
-export declare function TemporalDraft({ value, options, apply, cancel, clearable, }: {
+export declare function TemporalDraft({ value, options, apply, cancel, onValidChange, clearable, }: {
     clearable?: boolean;
     value: TemporalControlValue;
     options: TemporalPickerOptions;
     apply: (value: TemporalControlValue) => void | string;
     cancel: () => void;
+    onValidChange?: (value: TemporalControlValue) => void;
 }): import("../_vendor/preact/src/index").JSX.Element;
 /** Native text entry plus the original shared CalendarPicker, usable in any product form. */
-export declare function DateTimeField({ value, kind, picker, onValueChange, onInput, formatValue, parseValue, ...input }: DateTimeFieldProps): import("../_vendor/preact/src/index").JSX.Element;
+export declare function DateTimeField({ value, kind, picker, livePickerUpdates, onValueChange, onInput, formatValue, parseValue, ...input }: DateTimeFieldProps): import("../_vendor/preact/src/index").JSX.Element;

package/date-time/index.js

@@ -1 +1 @@
-export { r as DateTimeField, i as TemporalDraft, a as TemporalPicker, n as attachTemporalPicker, o as defaultTemporalPickerText, t as renderTemporalValue, s as temporalPickerLabel } from "../_chunks/date-time-qIhp5vaX.js";
+export { r as DateTimeField, i as TemporalDraft, a as TemporalPicker, n as attachTemporalPicker, o as defaultTemporalPickerText, t as renderTemporalValue, s as temporalPickerLabel } from "../_chunks/date-time-9z6pAG5T.js";

package/date-time/style.scss

@@ -25,6 +25,15 @@
     width: 100%;
   }
 }
+
+// Validation follows the picker's width without contributing to popup sizing.
+.rv-temporal-picker > .rv-alert,
+.rv-temporal-draft > .rv-alert {
+  inline-size: 0;
+  min-inline-size: 100%;
+  white-space: normal;
+}
+
 .rv-date-time-field {
   display: inline-flex;
   align-items: center;
@@ -66,12 +75,13 @@
   display: flex;
   align-items: center;
   gap: 6px;
-  flex: 0 1 194px;
+  flex: 0 1 224px;
   min-width: 0;
-  > .rv-control { flex: 0 1 88px; min-width: 0; width: 88px; }
+  // Ten date characters plus the control's horizontal padding and borders.
+  > .rv-control { flex: 0 0 auto; min-width: 0; width: calc(10ch + 26px); }
   > .rv-temporal-picker__time { flex: 0 1 100px; min-width: 86px; }
 }
-.rv-temporal-picker__endpoint:not(:has(.rv-temporal-picker__time)) { flex-basis: 110px; }
+.rv-temporal-picker__endpoint:not(:has(.rv-temporal-picker__time)) { flex: 0 0 auto; }
 
 .rv-temporal-picker .rv-temporal-picker__endpoint > .rv-temporal-picker__time { flex: 0 1 100px; }
 
@@ -80,19 +90,25 @@
   min-width: min(240px, calc(100vw - 16px));
   width: 240px;
 }
-.rv-editor-popup.rv-editor-popup--datetime { width: min(540px, calc(100vw - 16px)); }
 .rv-temporal-picker__body { display: flex; align-items: start; flex-wrap: wrap; gap: 16px; }
-.rv-temporal-picker--datetime .rv-temporal-picker__body > .rv-time-selection { flex: 1 1 196px; }
+.rv-temporal-picker--datetime .rv-temporal-picker__body { flex-direction: column; align-items: stretch; }
+.rv-temporal-picker--datetime .rv-temporal-picker__body > .rv-time-selection { flex: 0 0 auto; }
 .rv-temporal-picker--time .rv-temporal-picker__body > .rv-time-selection { flex: 1 1 0; }
 .rv-temporal-picker--time .rv-temporal-picker__header { margin: 0; }
 .rv-temporal-picker__times { flex-wrap: wrap; }
 .rv-temporal-picker__times > .rv-time-selection { flex: 1 1 196px; }
 .rv-time-selection {
+  max-width: 208px;
   display: grid;
   gap: 12px;
   min-width: 0;
   width: 100%;
   font-variant-numeric: tabular-nums;
+  &__entry-row { display: flex; align-items: end; gap: 4px; min-width: 0; }
+  &__entry-row > .rv-time-selection__entry { flex: 1 1 0; }
+  &__clock { display: grid; gap: 12px; min-width: 0; }
+  &__toggle { flex: 0 0 auto; }
+  &__toggle[aria-expanded='true'] .rv-svg-icon { transform: rotate(180deg); }
   &__entry { display: grid; gap: 6px; min-width: 0; font-size: 12px; font-weight: 500; }
   &__entry > .rv-control { width: 100%; min-width: 0; height: var(--rv-control-height, 32px); font: inherit; font-size: var(--rv-control-font-size, 0.875rem); font-weight: 400; }
   &__entry input[type='time']::-webkit-calendar-picker-indicator { display: none; }
@@ -103,13 +119,54 @@
   &__list.rv-editor-list { position: relative; height: 174px; overflow-y: auto; overscroll-behavior: contain; padding: 3px; border: 1px solid var(--rv-ui-border); border-radius: 6px; scrollbar-width: thin; }
   &__list .rv-editor-list__item { min-height: 32px; height: 32px; padding: 4px; text-align: center; font-size: 13px; }
   &__list .rv-editor-list__item:disabled { opacity: .35; cursor: default; }
+  &__period { border-block-start: 1px solid var(--rv-ui-border); padding-block-start: 6px; }
   &__period .rv-editor-list { display: flex; height: auto; overflow: visible; }
   &__period .rv-editor-list__item { flex: 1 1 0; }
   &__empty { margin: 0; color: var(--rv-ui-text-muted); font-size: 12px; }
 }
+// Keep validation and actions in scroll order when a calendar and clock are tall.
+.rv-editor-popup--datetime .rv-temporal-draft .rv-editor-actions,
+.rv-editor-popup .rv-temporal-draft:has(.rv-temporal-picker--multi-month) .rv-editor-actions { position: static; }
 .rv-temporal-draft--time .rv-editor-actions { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--rv-ui-border); }
 .rv-temporal-draft--time .rv-editor-actions__clear { margin-inline-end: auto; }
+
+// One calendar keeps its clock visible alongside it; multi-month calendars keep
+// the optional clock below the calendar panels.
+.rv-editor-popup:has(.rv-temporal-picker--datetime:not(.rv-temporal-picker--multi-month) .rv-time-selection) {
+  width: min(480px, calc(100vw - 16px));
+}
+.rv-temporal-picker--datetime:not(.rv-temporal-picker--multi-month) .rv-temporal-picker__body {
+  flex-direction: row;
+  flex-wrap: nowrap;
+  gap: 8px;
+}
+.rv-temporal-picker--datetime:not(.rv-temporal-picker--multi-month) .rv-temporal-picker__body > .rv-time-selection {
+  flex: 0 1 208px;
+  border-inline-start: 1px solid var(--rv-ui-border);
+  padding-inline-start: 8px;
+}
 @media (max-width: 540px) {
-  .rv-temporal-picker--datetime .rv-temporal-picker__body { flex-direction: column; align-items: stretch; }
-  .rv-temporal-picker--datetime .rv-temporal-picker__body > .rv-time-selection { flex-basis: auto; }
+  .rv-temporal-picker--datetime:not(.rv-temporal-picker--multi-month) .rv-temporal-picker__body { flex-direction: column; }
+  .rv-temporal-picker--datetime:not(.rv-temporal-picker--multi-month) .rv-temporal-picker__body > .rv-time-selection {
+    flex-basis: auto;
+    border-inline-start: 0;
+    padding-inline-start: 0;
+    border-block-start: 1px solid var(--rv-ui-border);
+    padding-block-start: 8px;
+  }
+}
+
+.rv-editor-popup:has(.rv-temporal-picker--datetime:not(.rv-temporal-picker--multi-month) .revo-calendar--week-numbers):has(.rv-time-selection) {
+  width: min(512px, calc(100vw - 16px));
+}
+
+// Paired clocks need a wider surface than a single time-only field.
+.rv-editor-popup:has(.rv-temporal-picker--time > .rv-temporal-picker__times) {
+  width: min(458px, calc(100vw - 16px));
+}
+
+// Grid adapters and standalone fields share the same compact single-clock size.
+.rv-editor-popup:has(.rv-temporal-picker--time):not(:has(.rv-temporal-picker__times)) {
+  min-width: min(234px, calc(100vw - 16px));
+  width: 234px;
 }

package/date-time/time-selection.d.ts

@@ -10,6 +10,8 @@ export interface TimeSelectionProps {
     min?: string;
     max?: string;
     step?: number;
+    /** Calendar compositions keep clock columns behind an explicit toggle. */
+    collapsible?: boolean;
 }
 /** Shared typed entry and bounded clock columns for time-only and date-time pickers. */
-export declare function TimeSelection({ value, label, text, onChange, format, precision, locale, min, max, step }: TimeSelectionProps): import("../_vendor/preact/src/index").JSX.Element;
+export declare function TimeSelection({ value, label, text, onChange, format, precision, locale, min, max, step, collapsible }: TimeSelectionProps): import("../_vendor/preact/src/index").JSX.Element;

package/date-time/types.d.ts

@@ -55,6 +55,8 @@ export interface TemporalPickerProps extends TemporalPickerOptions {
     value: TemporalControlValue;
     onChange: (value: TemporalControlValue) => void;
     onValidityChange?: (valid: boolean) => void;
+    /** Called for each valid edit, including intermediate edits before selection completes. */
+    onValidChange?: (value: TemporalControlValue) => void;
     /** Complete calendar selection, distinct from an in-progress keyboard draft. */
     onSelectionComplete?: (value: TemporalControlValue) => void;
 }
@@ -65,10 +67,12 @@ export interface DateTimeFieldProps extends Omit<JSX.InputHTMLAttributes<HTMLInp
     disabled?: boolean;
     readOnly?: boolean;
     picker?: Omit<TemporalPickerOptions, 'kind' | 'selection'>;
+    /** Publish valid popup edits immediately when the picker uses auto-apply. */
+    livePickerUpdates?: boolean;
     onValueChange?: (value: string) => void;
     /** Existing product text adapters can keep their custom display/parser. */
     formatValue?: (value: string) => string;
     parseValue?: (text: string) => string | undefined;
 }
-/** One accessible name for both trigger and popup; chooseDate remains a compatibility fallback. */
+/** One accessible name for both trigger and popup; date and time controls use their own localized action labels. */
 export declare function temporalPickerLabel(kind: LocalDateControlKind, text?: Partial<TemporalPickerText>): string;

package/dialog/dialog-action-footer.d.ts

@@ -1,2 +1,17 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './dialog-action-footer.view';
+import { h } from '../_vendor/preact/src/index';
+export interface NativeDialogAction {
+    label?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface NativeDialogActionFooterProps {
+    cancel?: NativeDialogAction | false;
+    save?: NativeDialogAction | false;
+    deleteAction?: NativeDialogAction | false;
+    reset?: NativeDialogAction | false;
+}
+/** One TSX composition for Preact consumers and element-returning host adapters. */
+export declare function ActionFooterView({ cancel, save, deleteAction, reset, start, end, children, actionsClass, class: className, ...props }: Record<string, any>): h.JSX.Element;
+export declare function mountDialogActionFooter(host: HTMLElement, props: NativeDialogActionFooterProps): {
+    destroy(): void;
+};

package/dialog/dialog.dom.d.ts

@@ -1,2 +1,15 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './dialog.dom.view';
+import { DialogButtonVariant, DialogOpenOptions } from './dialog.types';
+export interface DialogElements {
+    readonly root: HTMLElement;
+    readonly surface: HTMLElement;
+    readonly header: HTMLElement;
+    readonly body: HTMLElement;
+    readonly footer: HTMLElement;
+    readonly actions: HTMLElement;
+}
+/** Element-returning native API; shared TSX owns the entire dialog chrome. */
+export declare function createDialogElements(document: Document, options: DialogOpenOptions, close: () => void): DialogElements;
+export declare function createDialogCloseButton(document: Document, label: string, close: () => void): HTMLButtonElement;
+export declare function createDialogButton(document: Document, label: string, action: () => void, variant?: DialogButtonVariant): HTMLButtonElement;
+export declare function trapDialogFocus(root: HTMLElement, event: KeyboardEvent): void;
+export declare function getDialogFocusableElements(root: HTMLElement): HTMLElement[];

package/dialog/dialog.dom.js

@@ -1,12 +1,12 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { t } from "../_chunks/native-control-C_yok8_-.js";
-import { createPreactElement as n } from "../preact-mount.js";
-import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-CKGkC5zP.js";
-//#region src/dialog/dialog.dom.view.tsx
-function c(t, c, l) {
+import { createPreactElement as t } from "../preact-mount.js";
+import { t as n } from "../_chunks/native-control-pFMuHf3G.js";
+import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-Bi7YbXqS.js";
+//#region src/dialog/dialog.dom.tsx
+function c(n, c, l) {
 	let u = f(), d, p, m, h, g;
 	return {
-		root: n(t, /* @__PURE__ */ e("div", {
+		root: t(n, /* @__PURE__ */ e("div", {
 			class: ["rv-dialog-overlay", c.overlayClass].filter(Boolean).join(" "),
 			role: "dialog",
 			"aria-modal": "true",
@@ -57,15 +57,15 @@ function c(t, c, l) {
 		actions: g
 	};
 }
-function l(t, r, a) {
-	return n(t, /* @__PURE__ */ e(i, {
+function l(n, r, a) {
+	return t(n, /* @__PURE__ */ e(i, {
 		"aria-label": r,
 		title: r,
 		onClick: a
 	}));
 }
 function u(r, i, a, o = "default") {
-	return n(r, /* @__PURE__ */ e(t, {
+	return t(r, /* @__PURE__ */ e(n, {
 		title: i || void 0,
 		class: o === "default" ? "rv-btn" : `rv-btn-${o}`,
 		onClick: a,

package/dialog/dialog.parts.d.ts

@@ -59,4 +59,4 @@ export type DialogActionFooterProps = JSX.IntrinsicElements['footer'] & {
     readonly actionsClass?: string;
 };
 /** Default Cancel/Save, opt-in Delete/Reset; false hides any standard action. */
-export declare function DialogActionFooter(props: DialogActionFooterProps): import('../_vendor/preact/src/index').VNode<import('../_vendor/preact/src/index').Attributes>;
+export declare function DialogActionFooter(props: DialogActionFooterProps): h.JSX.Element;

package/dialog/dialog.parts.js

@@ -1 +1 @@
-export { t as DialogActionFooter, n as DialogActions, r as DialogBody, i as DialogCloseButton, a as DialogFooter, o as DialogForm, s as DialogHeader, c as DialogTitleInput, l as EditableDialogHeader } from "../_chunks/dialog.parts-CKGkC5zP.js";
+export { t as DialogActionFooter, n as DialogActions, r as DialogBody, i as DialogCloseButton, a as DialogFooter, o as DialogForm, s as DialogHeader, c as DialogTitleInput, l as EditableDialogHeader } from "../_chunks/dialog.parts-Bi7YbXqS.js";

package/distribution-chart/_distribution-chart.scss

@@ -108,52 +108,6 @@
   outline-offset: 2px;
 }
 
-.rv-distribution-chart__tooltip {
-  position: absolute;
-  z-index: 3;
-  top: 4px;
-  bottom: auto;
-  left: 50%;
-  display: none;
-  width: max-content;
-  max-width: 220px;
-  padding: 7px 9px;
-  transform: translateX(-50%);
-  border: 1px solid var(--rv-distribution-border, var(--rv-ui-border));
-  border-radius: 7px;
-  background: var(--tooltip-bg, var(--rv-ui-text));
-  box-shadow: 0 8px 24px var(--rv-ui-shadow);
-  color: var(--tooltip-color, var(--rv-ui-surface));
-  font: 11px/1.35 system-ui, sans-serif;
-  pointer-events: none;
-  white-space: nowrap;
-}
-
-.rv-distribution-chart__datum.is-point .rv-distribution-chart__tooltip {
-  top: calc(100% + 7px);
-}
-
-.rv-distribution-chart__tooltip strong,
-.rv-distribution-chart__tooltip span { display: block; }
-.rv-distribution-chart__tooltip strong { font-weight: 600; }
-.rv-distribution-chart__tooltip span { opacity: 0.82; }
-
-.rv-distribution-chart__datum:first-child .rv-distribution-chart__tooltip {
-  left: 0;
-  transform: none;
-}
-
-.rv-distribution-chart__datum:last-child .rv-distribution-chart__tooltip {
-  right: 0;
-  left: auto;
-  transform: none;
-}
-
-.rv-distribution-chart__datum:hover .rv-distribution-chart__tooltip,
-.rv-distribution-chart__datum:focus-visible .rv-distribution-chart__tooltip {
-  display: block;
-}
-
 @media (prefers-reduced-motion: reduce) {
   .rv-distribution-chart__bar { transition: none; }
 }
@@ -179,17 +133,21 @@
   display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 16px;
   font-size: 12px; color: var(--rv-ui-text-muted);
 }
-.rv-distribution-chart__legend i,
-.rv-distribution-chart__tooltip i { display: block; width: 8px; height: 8px; border-radius: 2px; background: var(--rv-distribution-accent, var(--rv-ui-accent)); }
+.rv-distribution-chart__legend i { display: block; width: 8px; height: 8px; border-radius: 2px; background: var(--rv-distribution-accent, var(--rv-ui-accent)); }
 .rv-distribution-chart__tooltip {
-  background: var(--rv-ui-surface); color: var(--rv-ui-text);
-  border-color: var(--rv-ui-border); box-shadow: 0 4px 12px var(--rv-ui-shadow);
-  white-space: normal; overflow-wrap: anywhere;
-  i { float: inline-start; margin-inline-end: 7px; margin-block-start: 3px; }
+  strong, span { display: block; }
+  i {
+    display: block; float: inline-start; width: 8px; height: 8px;
+    margin-inline-end: 7px; margin-block-start: 3px; border-radius: 2px;
+    background: var(--rv-distribution-accent, var(--rv-ui-accent));
+  }
   &--line i { width: 3px; height: 22px; }
-  &--dashed i { width: 8px; height: 0; background: transparent; border-top: 2px dashed var(--rv-ui-accent); margin-block-start: 7px; }
+  &--dashed i {
+    height: 0; background: transparent;
+    border-top: 2px dashed var(--rv-distribution-accent, var(--rv-ui-accent));
+    margin-block-start: 7px;
+  }
 }
-
 // Numeric/category progression stays left-to-right, including on RTL pages.
 // Keep SVG points, flex bars, labels and arrow-key order on the same axis.
 .rv-distribution-chart__region,

package/distribution-chart/area-chart.js

@@ -1,6 +1,6 @@
 import { a as e } from "../_chunks/hooks.module-CG3gN83z.js";
 import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { i as n, n as r, r as i, t as a } from "../_chunks/chart-frame-Cmc7xU1i.js";
+import { i as n, n as r, r as i, t as a } from "../_chunks/chart-frame-hcOlnQ1K.js";
 //#region src/distribution-chart/area-chart.tsx
 function o(o) {
 	let s = `rv-area-${e().replace(/[^a-zA-Z0-9_-]/g, "")}`, { points: c } = i(o.data), l = o.data.some((e) => e.selected !== void 0), u = c.slice(1).map((e, t) => {

package/distribution-chart/bar-chart.js

@@ -1,5 +1,5 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { r as t, t as n } from "../_chunks/chart-frame-Cmc7xU1i.js";
+import { r as t, t as n } from "../_chunks/chart-frame-hcOlnQ1K.js";
 //#region src/distribution-chart/bar-chart.tsx
 function r(r) {
 	let { values: i, max: a } = t(r.data), o = r.data.map((e, t) => typeof r.barColor == "function" ? r.barColor(e, t) : r.barColor);

package/distribution-chart/index.d.ts

@@ -4,5 +4,5 @@ export * from './types';
 export { BarChart, type BarChartProps } from './bar-chart';
 export { LineChart, type LineChartProps } from './line-chart';
 export { AreaChart, type AreaChartProps } from './area-chart';
-/** Compatibility composition; each presentation has its own standalone owner. */
+/** Chart-type composition; each presentation has its own standalone owner. */
 export declare function DistributionChart({ type, ...props }: DistributionChartProps): h.JSX.Element;

package/distribution-chart/line-chart.js

@@ -1,5 +1,5 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { i as t, n, r, t as i } from "../_chunks/chart-frame-Cmc7xU1i.js";
+import { i as t, n, r, t as i } from "../_chunks/chart-frame-hcOlnQ1K.js";
 //#region src/distribution-chart/line-chart.tsx
 function a(a) {
 	let { points: o } = r(a.data);

package/dropdown/content.js

@@ -1 +1 @@
-export { f as DropdownContent, p as DropdownPopupContent } from "../_chunks/native-control-C_yok8_-.js";
+export { f as DropdownContent, p as DropdownPopupContent } from "../_chunks/native-control-pFMuHf3G.js";

package/dropdown/control.js

@@ -1 +1 @@
-export { t as createDropdownControl, n as renderDropdownControl } from "../_chunks/control-AHKXD5Eu.js";
+export { t as createDropdownControl, n as renderDropdownControl } from "../_chunks/control-mlH7l0Uq.js";

package/dropdown/editor-dropdown.style.scss

@@ -16,6 +16,7 @@
 
 revo-grid,
 .rv-formula-bar,
+.rv-native-controls,
 :root {
   --rv-dropdown-container-tag-background: #{palette.$gray-eeeeee};
   --rv-dropdown-placeholder-color: var(--rv-ui-text-muted);
@@ -150,6 +151,10 @@ revo-grid,
     padding-inline-end: 0;
     font-size: 14px;
 
+    // Custom tag palettes also own the remove glyph's foreground.
+    > button.rv-remove-button {
+      color: inherit;
+    }
   }
 
   .placeholder {

package/dropdown/index.js

@@ -1,3 +1,3 @@
-import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-C_yok8_-.js";
-import { t as i } from "../_chunks/popup-CT2uD3go.js";
+import { d as e, l as t, p as n, u as r } from "../_chunks/native-control-pFMuHf3G.js";
+import { t as i } from "../_chunks/popup-C35Isk7p.js";
 export { t as Dropdown, i as DropdownPopup, n as DropdownPopupContent, r as defineDropdown, e as destroyDropdown };

package/dropdown/lookup-field.d.ts

@@ -21,9 +21,14 @@ export interface LookupFieldOptions extends EditorCommitOptions {
     renderValue?: import('./dropdown.types').DropdownProps<LookupId>['renderValue'];
 }
 export declare function LookupField({ initial, options, context, apply, cancel, }: {
+    /** Initial selected record ID, multiple IDs, or null for an empty selection. */
     initial: LookupId | LookupId[] | null;
+    /** Remote data source, selection mode, validation, text and commit behavior. */
     options: LookupFieldOptions;
+    /** Application context forwarded to the remote data source as dataContext. */
     context: unknown;
+    /** Commits the selected record IDs. Update application state and close the editor. */
     apply: (value: LookupId | LookupId[] | null) => void;
+    /** Closes the editor without applying the current draft. */
     cancel: () => void;
 }): import("../_vendor/preact/src/index").JSX.Element;

package/dropdown/lookup-field.js

@@ -1,6 +1,6 @@
 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 } from "../_chunks/native-control-C_yok8_-.js";
+import { l as r } from "../_chunks/native-control-pFMuHf3G.js";
 import { n as i } from "../_chunks/editor-commit-Bq3wSgvr.js";
 import { EditorActions as a } from "../editor-actions.js";
 //#region src/dropdown/lookup-field.tsx
@@ -17,6 +17,7 @@ function o({ initial: o, options: s, context: c, apply: l, cancel: u }) {
 		},
 		children: [
 			/* @__PURE__ */ n(r, {
+				className: "rv-select",
 				source: s.source ?? [],
 				dataSource: s.dataSource,
 				dataContext: c,