@revolist/ui 4.0.2-rc → 4.0.2

package/control-attributes.js

@@ -5,18 +5,18 @@ function e(...e) {
 	return [...new Set(t.filter(Boolean))].join(" ");
 }
 function t(t, n = {}) {
-	let { class: r, className: i, unstyled: a, busy: o, ...s } = n, c = t === "button" && o === !0;
-	if (c) {
-		for (let e of Object.keys(s)) /^on/i.test(e) && delete s[e];
-		s.disabled = !0, s["aria-busy"] = !0, s.onClickCapture = (e) => {
+	let { class: r, className: i, unstyled: a, busy: o, rounded: s, ...c } = n, l = t === "button" && o === !0;
+	if (l) {
+		for (let e of Object.keys(c)) /^on/i.test(e) && delete c[e];
+		c.disabled = !0, c["aria-busy"] = !0, c.onClickCapture = (e) => {
 			e.preventDefault(), e.stopPropagation();
 		};
 	}
-	let l = t === "input" ? n.type ?? "text" : void 0, u = t === "button" ? a ? "" : "rv-btn" : t === "summary" ? "rv-disclosure-summary" : l === "checkbox" ? "rv-checkbox" : l === "radio" ? "rv-radio" : l === "range" ? "rv-native-slider" : l === "hidden" ? "" : "rv-control";
+	let u = t === "input" ? n.type ?? "text" : void 0, d = t === "button" ? a ? "" : "rv-btn" : t === "summary" ? "rv-disclosure-summary" : u === "checkbox" ? "rv-checkbox" : u === "radio" ? "rv-radio" : u === "range" ? "rv-native-slider" : u === "hidden" ? "" : "rv-control";
 	return {
 		...t === "button" ? { type: "button" } : {},
-		...s,
-		class: e(u, r, i, c && "rv-btn-busy", c && n.disabled && "rv-btn-busy-disabled")
+		...c,
+		class: e(d, r, i, t === "button" && s && "rv-btn-rounded", l && "rv-btn-busy", l && n.disabled && "rv-btn-busy-disabled")
 	};
 }
 //#endregion

package/control-presentation.d.ts

@@ -1,2 +1,8 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './control-presentation.view';
+import { ControlTag, ControlAttributes } from './control-attributes';
+export * from './control-attributes';
+export declare function renderControl<H extends (...args: any[]) => any>(h: H, tag: ControlTag, attributes?: ControlAttributes | null, ...children: any[]): ReturnType<H>;
+export declare function createControl<K extends ControlTag>(document: Document, tag: K, attributes?: ControlAttributes): HTMLElementTagNameMap[K];
+export declare function registerControl<T extends object>(component: T, tag: ControlTag): T;
+export declare function nativeControlTag(type: unknown): string | undefined;
+/** Decorate a native icon control after installing its trusted bundled SVG. */
+export declare function decorateIconAction(element: HTMLElement, label: string): void;

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";
-//#region src/control-presentation.view.tsx
-function a(e, t, n, ...i) {
+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.tsx
+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,10 +1,15 @@
-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';
 import { ResizeOptions } from './surfaces';
 type ButtonAttributes = Omit<JSX.IntrinsicElements['button'], 'className'>;
 export type ButtonProps = ButtonAttributes & {
+    /** Pill-shaped corners for any button variant. */
+    rounded?: boolean;
+    /** Render navigation with native anchor semantics. */
+    href?: string;
+    target?: JSX.IntrinsicElements['a']['target'];
+    rel?: string;
     /** Show progress and block activation until cleared, preserving variant colors. */
     busy?: boolean;
     className?: string;
@@ -79,10 +84,6 @@ export declare function NumberStepper({ value, min, max, step, onChange, label,
 export declare function DateInput(props: Omit<TextInputProps, 'type'>): h.JSX.Element;
 export declare function TimeInput(props: Omit<TextInputProps, 'type'>): h.JSX.Element;
 export declare function DateTimeInput(props: Omit<TextInputProps, 'type'>): h.JSX.Element;
-export declare function NativeSelect({ className, class: nativeClass, onValueChange, onChange, ...props }: Omit<JSX.IntrinsicElements['select'], 'className'> & {
-    className?: string;
-    onValueChange?: (value: string) => void;
-}): h.JSX.Element;
 export declare function Chip({ children, className }: ShellProps): h.JSX.Element;
 export declare function FieldHint({ children, id }: ShellProps & {
     id?: string;
@@ -99,12 +100,12 @@ export declare function Disclosure({ children, className, summary, open, onToggl
     open?: boolean;
     onToggle?: JSX.GenericEventHandler<HTMLDetailsElement>;
 }): h.JSX.Element;
-export { EditorPane as Pane, EditorSplitLayout as SplitLayout, };
+export { EditorPane as Pane, EditorSplitLayout as SplitLayout };
 export declare function Panel({ children, className, label }: ShellProps): h.JSX.Element;
 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;
@@ -132,6 +133,17 @@ export declare function Submenu({ label, children }: ShellProps & {
     label: string;
 }): h.JSX.Element;
 export declare function ResizeHandle(props: ResizeOptions): h.JSX.Element;
+export interface PanelResizeHandleProps extends Omit<ResizeOptions, 'value' | 'direction'> {
+    edge: 'left' | 'right';
+    initialWidth: number;
+    anchorRef?: {
+        current: HTMLDivElement | null;
+    };
+    /** Measure the outer host when it owns the resized width. */
+    resizeParent?: boolean;
+}
+/** Measures the containing panel and places a width control on its physical edge. */
+export declare function PanelResizeHandle({ edge, initialWidth, anchorRef, resizeParent, max, ...props }: PanelResizeHandleProps): h.JSX.Element;
 export type PaginationDirection = 'first' | 'previous' | 'next' | 'last';
 export type PaginationButtonOptions = Pick<ButtonProps, 'disabled' | 'variant' | 'className' | 'title'>;
 export interface PaginationProps {

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

package/core/editor-popup-position.d.ts

@@ -1,8 +1,12 @@
-/** Keep the owning field visible, scrolling the popup on the roomier side when necessary. */
+/** Prefer keeping the field visible, with an optional viewport fit for larger editors. */
 export declare function calculateEditorPopupPosition(anchor: Pick<DOMRect, 'left' | 'right' | 'top' | 'bottom'>, popup: Pick<DOMRect, 'width' | 'height'>, viewport: {
     width: number;
     height: number;
-}, gap?: number, inset?: number): {
+}, { gap, inset, fitViewport }?: {
+    gap?: number | undefined;
+    inset?: number | undefined;
+    fitViewport?: boolean | undefined;
+}): {
     placementY: string;
     maxHeight: number;
     top: number;

package/core/editor-popup.d.ts

@@ -6,6 +6,10 @@ export interface EditorPopupHandle {
 export interface EditorPopupOptions {
     label: string;
     className?: string;
+    /** Allow overlap with the anchor when the popup needs more vertical room. */
+    fitViewport?: boolean;
+    /** A separate trigger can toggle the popup without applying the draft. */
+    trigger?: HTMLElement;
     onClose?: () => void;
     isAvailable?: () => boolean;
 }

package/core/editor-popup.js

@@ -1 +1 @@
-export { t as mountEditorPopup } from "../_chunks/editor-popup-D3JdS8l3.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/selection-list-tooltips.d.ts

@@ -0,0 +1,2 @@
+/** One delegated binding per list, including options rendered by custom templates. */
+export declare function useSelectionListTooltips(optionSelector?: string): (root: HTMLElement | null) => void;

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/date-control.d.ts

@@ -4,7 +4,7 @@ export interface DateInputOptions extends DateEntryOptions {
     /** Date-only multiple selection uses a semicolon-separated list by default. */
     multipleSeparator?: string;
 }
-export declare function DateControl({ value, label, options, multiple, invalid, errorId, disabled, readOnly, minDate, maxDate, onChange, onFocus }: {
+export declare function DateControl({ value, label, options, multiple, invalid, errorId, disabled, readOnly, minDate, maxDate, onChange, onFocus, }: {
     value: string | string[];
     label: string;
     options?: DateInputOptions;

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-BxPJusp9.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-CTOSbzb0.js";