@revolist/ui 4.0.4-rc → 4.0.5-rc

package/configurator-drop-zone.js

@@ -0,0 +1,64 @@
+import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
+import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { a as n, f as r, o as i, p as a, v as o } from "./_chunks/field-configurator-1eQP0tKy.js";
+import { useFieldDropTarget as s } from "./field-reorder.hook.js";
+//#region src/configurator-drop-zone.tsx
+function c({ title: c, label: l, footer: u, removeLabel: d, headerActions: f, renderActions: p, allowFieldRemoving: m = !0, panel: h, items: g, itemKeys: _, dimensions: v, placeholder: y, i18n: b, renderItem: x, onRemove: S, onDrop: C, onDragOver: w, canDrop: T = () => !0, onDragEnter: E, onItemDragStart: D, onItemDragEnd: O, allowFieldDragging: k = !0, dragActive: A, renderIcon: j }) {
+	let M = g.length === 0, N = s(g.length, {
+		enabled: k,
+		active: A,
+		canDrop: T,
+		onDragOver: w,
+		onDrop: (e, t) => C(h, e, t)
+	});
+	return /* @__PURE__ */ t(i, {
+		...N.list,
+		className: "pivot-layout-zone",
+		"aria-label": l,
+		"data-pivot-area": h,
+		heading: c,
+		headingClassName: "zone-title",
+		actions: f,
+		children: [/* @__PURE__ */ t(r, {
+			empty: M,
+			placeholder: y ?? b.dragHere,
+			className: `min-h-[3rem] overflow-auto grow panel-card ${M ? "empty" : ""} ${N.isOver ? "drag-over" : ""}`,
+			...N.list,
+			onDragEnter: E,
+			children: g.map((r, i) => {
+				let s = v.get(r), l = N.position(i);
+				return /* @__PURE__ */ t(o, {
+					...N.row(i),
+					draggable: k,
+					onDragStart: (e) => {
+						k ? (e.dataTransfer?.setData("text/plain", String(r)), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), N.start(i), D(i, r, e)) : e.preventDefault();
+					},
+					onDragEnd: () => {
+						N.clear(), O();
+					},
+					indicator: l && /* @__PURE__ */ t(n, {
+						position: l,
+						index: N.boundary ?? void 0,
+						className: `pivot-zone-drop-divider ${l}`
+					}),
+					contentClassName: "pivot-dimension-cell",
+					icon: j?.(s),
+					label: /* @__PURE__ */ t("span", {
+						className: "pivot-zone-field-caption flex grow",
+						children: x?.(i, s) ?? s?.name ?? r
+					}),
+					actions: /* @__PURE__ */ t(e, { children: [p?.(i, r), m && /* @__PURE__ */ t(a, {
+						className: "pivot-remove-button",
+						onClick: () => S(i),
+						locale: {
+							title: d?.(i, r) ?? b.remove,
+							ariaLabel: d?.(i, r) ?? b.remove
+						}
+					})] })
+				}, _?.[i] ?? `${c}-${i}`);
+			})
+		}), u]
+	});
+}
+//#endregion
+export { c as ConfiguratorDropZone };

package/configurator-field-icon.d.ts

@@ -0,0 +1,10 @@
+export interface ConfiguratorFieldMetadata {
+    columnType?: string;
+    dataType?: 'string' | 'number' | 'date' | 'boolean';
+}
+/** Shared descriptive field identity; never infers or formats source values. */
+export declare function resolveConfiguratorFieldIcon(dimension?: ConfiguratorFieldMetadata): {
+    kind: string;
+    svg: string;
+    label: string;
+};

package/configurator-field-icon.js

@@ -0,0 +1 @@
+export { t as resolveConfiguratorFieldIcon } from "./_chunks/configurator-field-icon-CmcM_sPs.js";

package/configurator-focus.d.ts

@@ -0,0 +1,4 @@
+/** Return focus only from this editor. Release a temporary tab stop on blur or disposal. */
+export declare function focusConfiguratorOrigin(origin: HTMLElement, root: HTMLElement | null): () => void;
+/** A single mounted owner's lease; synchronous focus callbacks cannot revive a disposed lease. */
+export declare function useConfiguratorOriginFocus(): (origin: HTMLElement, root: HTMLElement | null) => void;

package/configurator-focus.js

@@ -0,0 +1,39 @@
+import { r as e, t } from "./_chunks/hooks.module-CG3gN83z.js";
+//#region src/configurator-focus.ts
+var n = () => {};
+function r(e, t) {
+	if (!e.isConnected || !t?.isConnected || e.ownerDocument !== t.ownerDocument) return !1;
+	let n = e.ownerDocument.activeElement;
+	return !n || n === e.ownerDocument.body || n === e || t.contains(n);
+}
+function i(e, t) {
+	if (!r(e, t)) return n;
+	let i = e.ownerDocument, a = i.activeElement;
+	if (e.focus({ preventScroll: !0 }), i.activeElement === e || e.hasAttribute("tabindex") || !e.isConnected || !t.isConnected || i.activeElement !== a && i.activeElement !== i.body) return n;
+	let o = !0, s = () => {
+		o && (o = !1, e.removeEventListener("blur", s), e.getAttribute("tabindex") === "-1" && e.removeAttribute("tabindex"));
+	};
+	e.setAttribute("tabindex", "-1"), e.addEventListener("blur", s);
+	try {
+		e.focus({ preventScroll: !0 }), (i.activeElement !== e || !e.isConnected || !t.isConnected) && s();
+	} catch (e) {
+		throw s(), e;
+	}
+	return s;
+}
+function a() {
+	let a = t(n), o = t(0), s = t(!0);
+	return e(() => (s.current = !0, () => {
+		s.current = !1, o.current++;
+		let e = a.current;
+		a.current = n, e();
+	}), []), (e, t) => {
+		if (!s.current || !r(e, t)) return;
+		let c = ++o.current, l = a.current;
+		if (a.current = n, l(), !s.current || c !== o.current) return;
+		let u = i(e, t);
+		!s.current || c !== o.current ? u() : a.current = u;
+	};
+}
+//#endregion
+export { i as focusConfiguratorOrigin, a as useConfiguratorOriginFocus };

package/configurator-sections.d.ts

@@ -0,0 +1,42 @@
+import { h, ComponentChildren } from './_vendor/preact/src/index';
+/** Application-owned content. Return cleanup when mounting another framework or UI. */
+export interface ConfiguratorSection {
+    id: string;
+    label: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    render?: () => ComponentChildren;
+    mount?: (host: HTMLElement) => void | (() => void);
+}
+export interface ConfiguratorSectionsConfig {
+    /** Custom tabs appended after the built-in tabs. IDs must be unique and cannot replace built-ins. */
+    sections?: readonly ConfiguratorSection[];
+    initialSection?: string;
+    onSectionChange?: (id: string) => void;
+}
+/** Selection follows current availability, without discarding mounted editor drafts. */
+export declare function useConfiguratorSections(config: ConfiguratorSectionsConfig, builtins: readonly ConfiguratorSection[], disabled?: boolean): {
+    sections: ConfiguratorSection[];
+    custom: ConfiguratorSection[];
+    active: string | undefined;
+    select: (id: string) => void;
+};
+/** Shared switch spacing and opaque sticky backdrop for every configurator. */
+export declare function ConfiguratorHeader({ children, className }: {
+    children?: ComponentChildren;
+    className?: string;
+}): h.JSX.Element;
+export declare function ConfiguratorSectionTabs({ sections, active, onChange, prefix, label, className }: {
+    sections: readonly ConfiguratorSection[];
+    active?: string;
+    onChange: (id: string) => void;
+    prefix: string;
+    label: string;
+    className?: string;
+}): h.JSX.Element;
+/** Inactive sections retain chat transcripts and host drafts until removed. */
+export declare function ConfiguratorSectionPanels({ sections, active, prefix }: {
+    sections: readonly ConfiguratorSection[];
+    active?: string;
+    prefix: string;
+}): h.JSX.Element;

package/configurator-sections.js

@@ -0,0 +1,71 @@
+import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
+import { i as t, r as n, t as r } from "./_chunks/hooks.module-CG3gN83z.js";
+import { t as i } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { SegmentedSwitch as a } from "./segmented-switch/index.js";
+//#region src/configurator-sections.tsx
+function o(e, n, r = !1) {
+	let i = new Set(n.map((e) => e.id)), a = (e.sections ?? []).filter((e) => !e.id || i.has(e.id) ? !1 : (i.add(e.id), !0)), o = [...n, ...a].filter((e) => !e.hidden).map((e) => r ? {
+		...e,
+		disabled: !0
+	} : e), [s, c] = t(e.initialSection ?? n[0]?.id), l = o.find((e) => e.id === s && (r || !e.disabled))?.id ?? o.find((e) => !e.disabled)?.id ?? (r ? o[0]?.id : void 0);
+	return {
+		sections: o,
+		custom: o.filter((e) => !n.some((t) => t.id === e.id)),
+		active: l,
+		select: (t) => {
+			t !== l && o.some((e) => e.id === t && !e.disabled) && (c(t), e.onSectionChange?.(t));
+		}
+	};
+}
+function s({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ i("header", {
+		className: `rv-configurator-header ${t}`,
+		children: e
+	});
+}
+function c({ sections: e, active: t, onChange: n, prefix: r, label: o, className: s = "" }) {
+	return /* @__PURE__ */ i(a, {
+		value: t ?? "",
+		ariaLabel: o,
+		role: "tablist",
+		className: `rv-configurator-section-tabs ${s}`,
+		options: e.map((e) => ({
+			value: e.id,
+			label: e.label,
+			disabled: e.disabled,
+			id: `${r}-tab-${e.id}`,
+			ariaControls: `${r}-panel-${e.id}`
+		})),
+		onChange: n
+	});
+}
+function l({ section: e }) {
+	let t = r(null);
+	return n(() => {
+		if (t.current && e.mount) return e.mount(t.current);
+	}, [e.mount]), /* @__PURE__ */ i("div", {
+		ref: t,
+		class: "rv-configurator-section-content",
+		children: e.render?.()
+	});
+}
+function u({ sections: t, active: n, prefix: r }) {
+	return /* @__PURE__ */ i(e, { children: t.map((e) => /* @__PURE__ */ i(d, {
+		section: e,
+		active: n === e.id,
+		prefix: r
+	}, e.id)) });
+}
+function d({ section: e, active: t, prefix: n }) {
+	let a = r(!1);
+	return t && (a.current = !0), /* @__PURE__ */ i("section", {
+		hidden: !t,
+		role: "tabpanel",
+		id: `${n}-panel-${e.id}`,
+		"aria-labelledby": `${n}-tab-${e.id}`,
+		class: "rv-configurator-custom-section",
+		children: a.current && /* @__PURE__ */ i(l, { section: e })
+	});
+}
+//#endregion
+export { s as ConfiguratorHeader, u as ConfiguratorSectionPanels, c as ConfiguratorSectionTabs, o as useConfiguratorSections };

package/control-presentation.js

@@ -1,36 +1,41 @@
 import { c as e } from "./_chunks/preact.module-BBM36DnO.js";
 import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
 import { createPreactElement as n } from "./preact-mount.js";
-import { controlAttributes as r, controlClassName as i } from "./control-attributes.js";
+import { n as r } from "./_chunks/popover-controller-D-AvKQ7B.js";
+import { controlAttributes as i, controlClassName as a } from "./control-attributes.js";
 //#region src/control-presentation.view.tsx
-function a(e, t, n, ...i) {
+function o(e, t, n, ...r) {
 	let a = n ?? {};
 	if (t === "button" && a.busy === !0) {
-		let n = i.length ? i : [a.children];
-		return e(t, r(t, a), e("span", {
+		let n = r.length ? r : [a.children];
+		return e(t, i(t, a), e("span", {
 			class: "rv-button-spinner",
 			"aria-hidden": "true"
 		}), ...n);
 	}
-	return e(t, r(t, a), ...i);
+	return e(t, i(t, a), ...r);
 }
-function o(t, r, i = {}) {
-	let o = a(e, r, i);
-	return i.onChange && !(r === "button" && i.busy) && Object.assign(o.props, { onChange: i.onChange }), n(t, o);
+function s(t, r, i = {}) {
+	let a = o(e, r, i);
+	return i.onChange && !(r === "button" && i.busy) && Object.assign(a.props, { onChange: i.onChange }), n(t, a);
 }
-var s = /* @__PURE__ */ new WeakMap();
-function c(e, t) {
-	return s.set(e, t), e;
+var c = /* @__PURE__ */ new WeakMap();
+function l(e, t) {
+	return c.set(e, t), e;
 }
-function l(e) {
-	return typeof e == "string" ? e : e && (typeof e == "function" || typeof e == "object") ? s.get(e) : void 0;
+function u(e) {
+	return typeof e == "string" ? e : e && (typeof e == "function" || typeof e == "object") ? c.get(e) : void 0;
 }
-function u(e, r) {
-	e.classList.add("rv-btn", "rv-btn-ghost", "rv-btn-icon"), e.setAttribute("aria-label", r), e.title = r, e.querySelector(".rv-control-tooltip")?.remove(), e.append(n(e.ownerDocument, /* @__PURE__ */ t("span", {
+var d = /* @__PURE__ */ new WeakMap();
+function f(e, i) {
+	e.classList.add("rv-btn", "rv-btn-ghost", "rv-btn-icon"), e.setAttribute("aria-label", i), d.get(e)?.(), e.removeAttribute("title"), e.querySelector(".rv-control-tooltip")?.remove();
+	let a = n(e.ownerDocument, /* @__PURE__ */ t("span", {
 		class: "rv-control-tooltip",
-		"aria-hidden": "true",
-		children: r
-	})));
+		role: "tooltip",
+		hidden: !0,
+		children: i
+	}));
+	e.append(a), d.set(e, new r().bind(e, i, { surface: a }));
 }
 //#endregion
-export { r as controlAttributes, i as controlClassName, o as createControl, u as decorateIconAction, l as nativeControlTag, c as registerControl, a as renderControl };
+export { i as controlAttributes, a as controlClassName, s as createControl, f as decorateIconAction, u as nativeControlTag, l as registerControl, o as renderControl };

package/controls.d.ts

@@ -1,4 +1,3 @@
-import { BadgeOptions } from './badge';
 import { h, ComponentChildren, JSX } from './_vendor/preact/src/index';
 import { SegmentedSwitchProps, SegmentedSwitchValue } from './segmented-switch';
 import { EditorPane, EditorSplitLayout } from './editor-layout';
@@ -106,7 +105,7 @@ export declare function Panel({ children, className, label }: ShellProps): h.JSX
 export declare function Toolbar({ children, className, label }: ShellProps): h.JSX.Element;
 export declare function ToolbarGroup({ children, className, label }: ShellProps): h.JSX.Element;
 export declare function ToolbarSeparator(): h.JSX.Element;
-export declare function Badge({ children, className, variant, shape, }: ShellProps & BadgeOptions): h.JSX.Element;
+export { Badge } from './badge.view';
 export declare function CountBadge({ count, label }: {
     count: number;
     label: string;

package/controls.js

@@ -1,3 +1,4 @@
-import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, j as C, k as w, l as T, m as E, n as D, o as O, p as k, r as A, s as j, t as M, u as N, v as P, w as F, x as I, y as L } from "./_chunks/controls-DsNi8V8I.js";
-import { EditorList as R, EditorListGroup as z, EditorListItem as B, EditorListItemContent as V, EditorPane as H, EditorSplitLayout as U } from "./editor-layout/index.js";
-export { d as Alert, M as Badge, D as Button, A as ButtonGroup, S as Chip, h as CircularProgress, O as CountBadge, j as DateInput, _ as DateTimeInput, T as Disclosure, N as EmptyState, v as FieldError, y as FieldHint, k as FormSection, E as IconButton, R as Listbox, z as ListboxGroup, B as ListboxOption, V as ListboxOptionContent, x as LoadingOverlay, b as Menu, m as MenuItem, P as MenuSeparator, L as NumberInput, g as NumberStepper, I as Pagination, H as Pane, f as Panel, t as RadioGroup, F as Rating, p as ResizeHandle, r as SegmentedControl, n as Spinner, U as SplitLayout, l as Submenu, w as TabPanel, e as Tabs, C as TextInput, s as Textarea, c as TimeInput, u as ToggleButton, i as Toolbar, a as ToolbarGroup, o as ToolbarSeparator };
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, v as N, w as P, x as F, y as I } from "./_chunks/controls-BLQnWEd7.js";
+import { EditorList as L, EditorListGroup as R, EditorListItem as z, EditorListItemContent as B, EditorPane as V, EditorSplitLayout as H } from "./editor-layout/index.js";
+import { t as U } from "./_chunks/badge.view-D30pMUfi.js";
+export { o as Alert, U as Badge, j as Button, E as ButtonGroup, k as Chip, x as CircularProgress, m as CountBadge, D as DateInput, A as DateTimeInput, g as Disclosure, w as EmptyState, M as FieldError, _ as FieldHint, v as FormSection, O as IconButton, L as Listbox, R as ListboxGroup, z as ListboxOption, B as ListboxOptionContent, T as LoadingOverlay, b as Menu, y as MenuItem, p as MenuSeparator, N as NumberInput, I as NumberStepper, h as Pagination, V as Pane, F as Panel, d as RadioGroup, t as Rating, P as ResizeHandle, f as SegmentedControl, r as Spinner, H as SplitLayout, n as Submenu, l as TabPanel, C as Tabs, e as TextInput, S as Textarea, s as TimeInput, c as ToggleButton, u as Toolbar, i as ToolbarGroup, a as ToolbarSeparator };

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-BaaxL89T.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/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-B8rK5gpC.js";

package/date-time/style.scss

@@ -25,6 +25,14 @@
     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%;
+}
+
 .rv-date-time-field {
   display: inline-flex;
   align-items: center;
@@ -66,12 +74,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 +89,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; }
@@ -107,9 +122,37 @@
   &__period .rv-editor-list__item { flex: 1 1 0; }
   &__empty { margin: 0; color: var(--rv-ui-text-muted); font-size: 12px; }
 }
+.rv-editor-popup .rv-temporal-draft .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;
+}
+.rv-temporal-picker--datetime:not(.rv-temporal-picker--multi-month) .rv-temporal-picker__body > .rv-time-selection {
+  flex: 0 1 208px;
+}
 @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; }
+}
+
+.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;