@revolist/ui 4.0.1-rc → 4.0.1

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;
@@ -41,8 +50,14 @@
   }
 }
 
-.rv-temporal-picker__dates { margin-block-end: 8px; }
-.rv-temporal-picker__dates > input { min-width: 0; width: 100%; flex: 1 1 0; }
+.rv-temporal-picker__dates {
+  margin-block-end: 8px;
+}
+.rv-temporal-picker__dates > input {
+  min-width: 0;
+  width: 100%;
+  flex: 1 1 0;
+}
 
 .rv-temporal-picker__header {
   display: flex;
@@ -50,66 +65,254 @@
   align-items: end;
   gap: 8px;
   margin-block-end: 8px;
-  &:empty { display: none; }
-  > .rv-temporal-picker__dates { flex: 1 1 112px; margin-block-end: 0; }
-  > .rv-temporal-picker__time--single { flex: 0 1 132px; min-width: 110px; }
+  &:empty {
+    display: none;
+  }
+  > .rv-temporal-picker__dates {
+    flex: 1 1 112px;
+    margin-block-end: 0;
+  }
+  > .rv-temporal-picker__time--single {
+    flex: 0 1 132px;
+    min-width: 110px;
+  }
 }
 
 .rv-temporal-picker__header .rv-control,
 .rv-temporal-picker__times .rv-control {
-  font-size: 12px;
-  min-height: 32px;
-  padding: 6px 8px;
+  font-size: var(--rv-control-font-size, 0.875rem);
+  min-height: var(--rv-control-height, 32px);
+  padding: var(--rv-control-padding, 6px 12px);
+}
+.rv-temporal-picker__dates {
+  flex-wrap: wrap;
 }
-.rv-temporal-picker__dates { flex-wrap: wrap; }
 .rv-temporal-picker__endpoint {
   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; }
-  > .rv-temporal-picker__time { flex: 0 1 100px; min-width: 86px; }
+  // 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: 0 0 auto;
 }
-.rv-temporal-picker__endpoint:not(:has(.rv-temporal-picker__time)) { flex-basis: 110px; }
 
-.rv-temporal-picker .rv-temporal-picker__endpoint > .rv-temporal-picker__time { flex: 0 1 100px; }
+.rv-temporal-picker .rv-temporal-picker__endpoint > .rv-temporal-picker__time {
+  flex: 0 1 100px;
+}
 
 // Time-only surfaces follow their content rather than the calendar's minimum width.
 .rv-editor-popup.rv-editor-popup--time {
   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--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-temporal-picker__body {
+  display: flex;
+  align-items: start;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+.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 { display: grid; gap: 6px; min-width: 0; font-size: 12px; font-weight: 500; }
-  &__entry > .rv-control { width: 100%; min-width: 0; height: 34px; font: inherit; font-size: 14px; font-weight: 400; }
-  &__entry input[type='time']::-webkit-calendar-picker-indicator { display: none; }
-  &__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
-  &__columns--seconds { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-  &__column { display: grid; gap: 6px; min-width: 0; }
-  &__label { color: var(--rv-ui-text-muted); font-size: 11px; text-align: center; }
-  &__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 .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; }
-}
-.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; }
+  &__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;
+  }
+  &__columns {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 8px;
+  }
+  &__columns--seconds {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  &__column {
+    display: grid;
+    gap: 6px;
+    min-width: 0;
+  }
+  &__label {
+    color: var(--rv-ui-text-muted);
+    font-size: 11px;
+    text-align: center;
+  }
+  &__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: 0.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-control.d.ts

@@ -8,4 +8,4 @@ export declare function TimeControl({ value, label, format, precision, locale, m
     max?: string;
     step?: number;
     onChange: (value: string) => void;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

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("preact").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

@@ -1,5 +1,5 @@
 import { DateInputOptions } from './date-control';
-import { JSX } from 'preact';
+import { JSX } from '../_vendor/preact/src/index';
 import { CalendarPickerProps } from '../calendar/picker';
 import { LocalDateControlKind, TemporalControlValue } from '../_shared/dates/index';
 import { EditorActionText, EditorCommitOptions } from '../editor-actions';
@@ -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,83 +1,83 @@
-import { createPreactElement as e } from "../preact-mount.js";
-import { ButtonControl as t } from "../native-control.js";
-import { a as n, i as r, n as i, r as a, s as o } from "../_chunks/dialog.parts-Dt3KinUz.js";
-import { jsx as s, jsxs as c } from "preact/jsx-runtime";
-//#region src/dialog/dialog.dom.view.tsx
-function l(t, l, u) {
-	let d = p(), f, m, h, g, _;
+import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { createPreactElement as t } from "../preact-mount.js";
+import { t as n } from "../_chunks/native-control-B9MNibfa.js";
+import { a as r, i, n as a, r as o, s } from "../_chunks/dialog.parts-CJ3FVxC9.js";
+//#region src/dialog/dialog.dom.tsx
+function c(n, c, l) {
+	let u = f(), d, p, m, h, g;
 	return {
-		root: e(t, /* @__PURE__ */ s("div", {
-			class: ["rv-dialog-overlay", l.overlayClass].filter(Boolean).join(" "),
+		root: t(n, /* @__PURE__ */ e("div", {
+			class: ["rv-dialog-overlay", c.overlayClass].filter(Boolean).join(" "),
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": d,
-			"aria-describedby": l.ariaDescribedBy,
+			"aria-labelledby": u,
+			"aria-describedby": c.ariaDescribedBy,
 			tabIndex: -1,
-			children: /* @__PURE__ */ c("section", {
+			children: /* @__PURE__ */ e("section", {
 				ref: (e) => {
-					f = e;
+					d = e;
 				},
-				class: ["rv-dialog__surface", l.surfaceClass].filter(Boolean).join(" "),
+				class: ["rv-dialog__surface", c.surfaceClass].filter(Boolean).join(" "),
 				children: [
-					/* @__PURE__ */ c(o, {
+					/* @__PURE__ */ e(s, {
 						ref: (e) => {
-							m = e;
+							p = e;
 						},
-						children: [/* @__PURE__ */ s("div", {
+						children: [/* @__PURE__ */ e("div", {
 							class: "rv-dialog__heading",
-							children: /* @__PURE__ */ s("h3", {
-								id: d,
+							children: /* @__PURE__ */ e("h3", {
+								id: u,
 								class: "rv-dialog__title",
-								children: l.title
+								children: c.title
 							})
-						}), /* @__PURE__ */ s(r, {
-							"aria-label": l.closeLabel,
-							title: l.closeLabel,
-							onClick: u
+						}), /* @__PURE__ */ e(i, {
+							"aria-label": c.closeLabel,
+							title: c.closeLabel,
+							onClick: l
 						})]
 					}),
-					/* @__PURE__ */ s(a, { ref: (e) => {
-						h = e;
+					/* @__PURE__ */ e(o, { ref: (e) => {
+						m = e;
 					} }),
-					/* @__PURE__ */ s(n, {
+					/* @__PURE__ */ e(r, {
 						ref: (e) => {
-							g = e;
+							h = e;
 						},
-						children: /* @__PURE__ */ s(i, { ref: (e) => {
-							_ = e;
+						children: /* @__PURE__ */ e(a, { ref: (e) => {
+							g = e;
 						} })
 					})
 				]
 			})
 		})),
-		surface: f,
-		header: m,
-		body: h,
-		footer: g,
-		actions: _
+		surface: d,
+		header: p,
+		body: m,
+		footer: h,
+		actions: g
 	};
 }
-function u(t, n, i) {
-	return e(t, /* @__PURE__ */ s(r, {
-		"aria-label": n,
-		title: n,
-		onClick: i
+function l(n, r, a) {
+	return t(n, /* @__PURE__ */ e(i, {
+		"aria-label": r,
+		title: r,
+		onClick: a
 	}));
 }
-function d(n, r, i, a = "default") {
-	return e(n, /* @__PURE__ */ s(t, {
-		title: r || void 0,
-		class: a === "default" ? "rv-btn" : `rv-btn-${a}`,
-		onClick: i,
-		children: r
+function u(r, i, a, o = "default") {
+	return t(r, /* @__PURE__ */ e(n, {
+		title: i || void 0,
+		class: o === "default" ? "rv-btn" : `rv-btn-${o}`,
+		onClick: a,
+		children: i
 	}));
 }
-var f = 0;
-function p() {
-	return f += 1, `rv-dialog-title-${f}`;
+var d = 0;
+function f() {
+	return d += 1, `rv-dialog-title-${d}`;
 }
-function m(e, t) {
-	let n = h(e);
+function p(e, t) {
+	let n = m(e);
 	if (!n.length) {
 		t.preventDefault(), e.focus();
 		return;
@@ -85,8 +85,8 @@ function m(e, t) {
 	let r = e.ownerDocument.activeElement, i = n.findIndex((e) => e === r), a = i < 0 ? t.shiftKey ? n.length - 1 : 0 : t.shiftKey ? (i - 1 + n.length) % n.length : (i + 1) % n.length;
 	t.preventDefault(), n[a].focus();
 }
-function h(e) {
+function m(e) {
 	return Array.from(e.querySelectorAll("a[href], area[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), iframe, object, embed, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])")).filter((e) => !e.hidden && !e.closest("[hidden], [inert], [aria-hidden=\"true\"]") && !e.matches("[tabindex=\"-1\"], :disabled, input[type=\"hidden\"]"));
 }
 //#endregion
-export { d as createDialogButton, u as createDialogCloseButton, l as createDialogElements, h as getDialogFocusableElements, m as trapDialogFocus };
+export { u as createDialogButton, l as createDialogCloseButton, c as createDialogElements, m as getDialogFocusableElements, p as trapDialogFocus };

package/dialog/dialog.parts.d.ts

@@ -1,32 +1,32 @@
-import { h, JSX } from 'preact';
+import { h, JSX } from '../_vendor/preact/src/index';
 /** Composable chrome: consumers retain native dialog lifecycle and form policy. */
-export declare const DialogHeader: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLElement>> & {
-    ref?: import('preact').Ref<HTMLElement> | undefined;
+export declare const DialogHeader: import('../_vendor/preact/src/index').FunctionalComponent<import('../_vendor/preact/compat/src/index').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLElement>> & {
+    ref?: import('../_vendor/preact/src/index').Ref<HTMLElement> | undefined;
 }>;
 export declare function DialogForm({ class: className, ...props }: JSX.IntrinsicElements['form']): h.JSX.Element;
-export declare const DialogBody: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLDivElement>> & {
-    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+export declare const DialogBody: import('../_vendor/preact/src/index').FunctionalComponent<import('../_vendor/preact/compat/src/index').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('../_vendor/preact/src/index').Ref<HTMLDivElement> | undefined;
 }>;
-export declare const DialogFooter: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLElement>> & {
-    ref?: import('preact').Ref<HTMLElement> | undefined;
+export declare const DialogFooter: import('../_vendor/preact/src/index').FunctionalComponent<import('../_vendor/preact/compat/src/index').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLElement>> & {
+    ref?: import('../_vendor/preact/src/index').Ref<HTMLElement> | undefined;
 }>;
-export declare const DialogActions: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLDivElement>> & {
-    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+export declare const DialogActions: import('../_vendor/preact/src/index').FunctionalComponent<import('../_vendor/preact/compat/src/index').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('../_vendor/preact/src/index').Ref<HTMLDivElement> | undefined;
 }>;
 export declare function DialogCloseButton({ class: className, iconClass, ...props }: Omit<JSX.IntrinsicElements['button'], 'ref'> & {
     'aria-label': string;
     iconClass?: string;
 }): h.JSX.Element;
 /** A native input with shared title styling; labels and commit policy stay explicit. */
-export declare const DialogTitleInput: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<Omit<h.JSX.InputHTMLAttributes<HTMLInputElement>, "ref">> & {
-    ref?: import('preact').Ref<HTMLInputElement> | undefined;
+export declare const DialogTitleInput: import('../_vendor/preact/src/index').FunctionalComponent<import('../_vendor/preact/compat/src/index').PropsWithoutRef<Omit<h.JSX.InputHTMLAttributes<HTMLInputElement>, "ref">> & {
+    ref?: import('../_vendor/preact/src/index').Ref<HTMLInputElement> | undefined;
 }>;
 export interface EditableDialogHeaderProps extends Omit<JSX.IntrinsicElements['header'], 'title'> {
     readonly titleId: string;
     readonly title: string;
     /** Optional dialog name above the editable item title. */
     readonly name?: string;
-    readonly description?: import('preact').ComponentChildren;
+    readonly description?: import('../_vendor/preact/src/index').ComponentChildren;
     readonly inputLabel: string;
     readonly titleHidden?: boolean;
     readonly headingClass?: string;
@@ -41,11 +41,11 @@ export interface EditableDialogHeaderProps extends Omit<JSX.IntrinsicElements['h
     readonly onClose?: () => void;
 }
 /** One owner for editable item names, dialog captions, close actions and spacing. */
-export declare const EditableDialogHeader: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<EditableDialogHeaderProps> & {
-    ref?: import('preact').Ref<HTMLElement> | undefined;
+export declare const EditableDialogHeader: import('../_vendor/preact/src/index').FunctionalComponent<import('../_vendor/preact/compat/src/index').PropsWithoutRef<EditableDialogHeaderProps> & {
+    ref?: import('../_vendor/preact/src/index').Ref<HTMLElement> | undefined;
 }>;
 export type DialogAction = Omit<JSX.IntrinsicElements['button'], 'children' | 'ref'> & {
-    readonly label?: import('preact').ComponentChildren;
+    readonly label?: import('../_vendor/preact/src/index').ComponentChildren;
     [attribute: `data-${string}`]: unknown;
 };
 export type DialogActionFooterProps = JSX.IntrinsicElements['footer'] & {
@@ -54,9 +54,9 @@ export type DialogActionFooterProps = JSX.IntrinsicElements['footer'] & {
     readonly deleteAction?: DialogAction | false;
     readonly reset?: DialogAction | false;
     /** Custom actions on either side of the standard bottom panel. */
-    readonly start?: import('preact').ComponentChildren;
-    readonly end?: import('preact').ComponentChildren;
+    readonly start?: import('../_vendor/preact/src/index').ComponentChildren;
+    readonly end?: import('../_vendor/preact/src/index').ComponentChildren;
     readonly actionsClass?: string;
 };
 /** Default Cancel/Save, opt-in Delete/Reset; false hides any standard action. */
-export declare function DialogActionFooter(props: DialogActionFooterProps): import('preact').VNode<import('preact').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-Dt3KinUz.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-CJ3FVxC9.js";

package/dialog/dialog.preact.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'preact';
+import { RefObject } from '../_vendor/preact/src/index';
 export interface UseDialogDragOptions<Target extends HTMLElement, Handle extends HTMLElement> {
     readonly targetRef: RefObject<Target>;
     readonly handleRef: RefObject<Handle>;