@revolist/ui 4.0.4-rc → 4.0.6-rc

package/color-palette/common-palettes.d.ts

@@ -737,5 +737,5 @@ export declare const commonPalettes: readonly [{
     readonly colors: {
         [k: string]: "linear-gradient(135deg, #7dd3fc, #2563eb)" | "linear-gradient(135deg, #facc15, #b45309)" | "linear-gradient(135deg, #f9a8d4, #be185d)" | "linear-gradient(135deg, #a5b4fc, #4f46e5)" | "linear-gradient(135deg, #86efac, #15803d)" | "linear-gradient(135deg, #fda4af, #be123c)" | "linear-gradient(135deg, #c4b5fd, #7c3aed)" | "linear-gradient(135deg, #fdba74, #c2410c)";
     };
-    readonly consumers: readonly ["packages/ui/src/avatar/index.view.tsx", "packages/ui/src/avatar/avatar.style.scss"];
+    readonly consumers: readonly ["packages/ui/src/avatar/index.tsx", "packages/ui/src/avatar/avatar.style.scss"];
 }];

package/color-palette/common-palettes.js

@@ -380,7 +380,7 @@ var e = {
 	title: "Avatar backgrounds",
 	usage: "Indexed avatar gradients shared by runtime background helpers and avatar styles.",
 	colors: Object.fromEntries(t.map((e, t) => [String(t), e])),
-	consumers: ["packages/ui/src/avatar/index.view.tsx", "packages/ui/src/avatar/avatar.style.scss"]
+	consumers: ["packages/ui/src/avatar/index.tsx", "packages/ui/src/avatar/avatar.style.scss"]
 }];
 //#endregion
 export { t as AVATAR_CELL_BACKGROUNDS, e as commonColors, n as commonPalettes };

package/color-palette/native.d.ts

@@ -1,2 +1,15 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './native.view';
+export interface NativeColorPickerProps {
+    label: string;
+    value?: string;
+    disabled?: boolean;
+    optional?: boolean;
+    defaultLabel: string;
+    customLabel: string;
+    invalidColor?: string;
+    colorLabels: Readonly<Record<string, string>>;
+    onChange(value: string | undefined): void;
+}
+/** Native mount API; palette markup and interaction belong to ColorPicker. */
+export declare function mountColorPicker(host: HTMLElement, props: NativeColorPickerProps): {
+    destroy(): void;
+};

package/component-catalog.d.ts

@@ -1,3 +1,4 @@
+import { LookupField } from './dropdown/lookup-field';
 import { NumberDraft as PreactNumberDraft } from './number-input/index';
 import { MaskedDraft as PreactMaskedDraft } from './masked-input/index';
 import { DurationField as PreactDurationField, DurationDraft as PreactDurationDraft } from './duration/index';
@@ -20,16 +21,14 @@ export declare const uiComponents: {
     readonly AiSuggestions: typeof ui.AiSuggestions;
     readonly AiActionStatus: typeof ui.AiActionStatus;
     readonly AiResult: typeof ui.AiResult;
+    readonly AiResultView: typeof ui.AiResultView;
+    readonly AiResultTable: typeof ui.AiResultTable;
+    readonly AiResultMetrics: typeof ui.AiResultMetrics;
+    readonly AiResultText: typeof ui.AiResultText;
     readonly AiChangePreview: typeof ui.AiChangePreview;
     readonly AiAssistant: typeof ui.AiAssistant;
     readonly AiRequestTrail: typeof ui.AiRequestTrail;
-    readonly Icon: typeof ui.SvgIcon;
-    readonly RemovableChip: typeof ui.FilterChip;
-    readonly Slider: typeof ui.SingleValueSlider;
-    readonly RangeSlider: typeof ui.PreactRangeSlider;
-    readonly ResourcePicker: typeof ui.SharedResourcePicker;
-    readonly FeedbackPanel: typeof ui.StatusFeedbackPanel;
-    readonly Input: import('./_vendor/preact/src/index').FunctionalComponent<import('./_vendor/preact/compat/src/index').PropsWithoutRef<Omit<import("./_vendor/preact/src/index").JSX.InputHTMLAttributes<HTMLInputElement>, "className" | "ref" | "class"> & {
+    readonly Input: import('./_vendor/preact/src/index').FunctionalComponent<import('./_vendor/preact/compat/src/index').PropsWithoutRef<Omit<import("./_vendor/preact/src/index").JSX.InputHTMLAttributes<HTMLInputElement>, "ref" | "className" | "class"> & {
         class?: import("./_vendor/preact/src/index").JSX.Signalish<string | undefined> | Record<string, boolean | undefined>;
         className?: import("./_vendor/preact/src/index").JSX.Signalish<string | undefined>;
     }> & {
@@ -102,6 +101,8 @@ export declare const uiComponents: {
     readonly FieldError: typeof ui.FieldError;
     readonly FormSection: typeof ui.FormSection;
     readonly Disclosure: typeof ui.Disclosure;
+    readonly CollapsibleSection: typeof ui.CollapsibleSection;
+    readonly LookupField: typeof LookupField;
     readonly Panel: typeof ui.Panel;
     readonly Toolbar: typeof ui.Toolbar;
     readonly ToolbarGroup: typeof ui.ToolbarGroup;
@@ -201,6 +202,7 @@ export declare const uiComponents: {
     readonly ReorderList: typeof ui.ReorderList;
     readonly ReorderHandle: typeof ui.ReorderHandle;
     readonly TimelineTrack: typeof ui.TimelineTrack;
+    readonly IconToolbar: typeof ui.IconToolbar;
     readonly ActivityMessage: typeof ui.ActivityMessage;
     readonly PdfViewer: typeof ui.PdfViewer;
     readonly PdfViewerToolbar: typeof ui.PdfViewerToolbar;

package/configurator-actions.d.ts

@@ -0,0 +1,67 @@
+import { FieldRemoveButton as DeleteButton } from './field-configurator';
+import { h, ComponentChildren, ComponentProps, JSX, Ref } from './_vendor/preact/src/index';
+import { DropdownPopup } from './dropdown/popup';
+import { SearchInput } from './search-input/index';
+type ElementRenderer = (...args: any[]) => any;
+export declare const CONFIGURATOR_AREA_ICONS: {
+    rows: string;
+    columns: string;
+    values: string;
+    filters: string;
+};
+type ActionTriggerProps = Omit<JSX.IntrinsicElements['button'], 'children' | 'ref'> & {
+    icon: 'plus' | 'gear';
+    buttonRef?: Ref<HTMLButtonElement>;
+};
+/** The same control renders in Core Fields cells and Preact panels. */
+export declare function renderConfiguratorActionTrigger(createElement: ElementRenderer, { icon, buttonRef, ...props }: ActionTriggerProps): any;
+/** Native button refs and event handlers stay with the adapter. */
+export declare function ConfiguratorActionTrigger(props: ActionTriggerProps): JSX.Element;
+export declare function ConfiguratorRemoveButton(props: ComponentProps<typeof DeleteButton>): h.JSX.Element;
+/** Shared menu row; integrations supply policy, labels and callbacks. */
+export declare function ConfiguratorActionButton({ text, icon, explanation, checked, ...props }: Omit<JSX.IntrinsicElements['button'], 'children'> & {
+    text: string;
+    icon?: ComponentChildren;
+    explanation?: string;
+    checked?: boolean;
+}): h.JSX.Element;
+export declare function ConfiguratorActionIcon({ svg }: {
+    svg: string;
+}): h.JSX.Element;
+export declare function ConfiguratorZoneActions({ add, clear, children }: {
+    add: ComponentProps<typeof ConfiguratorActionTrigger>;
+    clear?: ComponentProps<typeof ConfiguratorRemoveButton>;
+    children?: ComponentChildren;
+}): h.JSX.Element;
+export declare function ConfiguratorFilterStatus({ label }: {
+    label: string;
+}): h.JSX.Element;
+export declare function ConfiguratorFieldCaption({ children, annotation }: {
+    children: ComponentChildren;
+    annotation?: string;
+}): h.JSX.Element;
+export declare function ConfiguratorHint({ children }: {
+    children: ComponentChildren;
+}): h.JSX.Element;
+export declare function ConfiguratorFieldSearch(props: ComponentProps<typeof SearchInput>): h.JSX.Element;
+export declare function ConfiguratorFieldPicker({ children, emptyText }: {
+    children?: ComponentChildren;
+    emptyText?: string;
+}): h.JSX.Element;
+export declare function ConfiguratorActionGroup({ section, children }: {
+    section: 'settings' | 'layout' | 'removal';
+    children: ComponentChildren;
+}): h.JSX.Element | null;
+export declare function ConfiguratorActionPanel({ title, accessibleLabel, header, panelRef, onKeyDown, children, ...popup }: Omit<ComponentProps<typeof DropdownPopup>, 'children' | 'popupClassName' | 'topLayer' | 'closeOnClickOutside'> & {
+    title: string;
+    accessibleLabel?: string;
+    header?: ComponentChildren;
+    panelRef?: Ref<HTMLDivElement>;
+    onKeyDown?: JSX.HTMLAttributes<HTMLDivElement>['onKeyDown'];
+    children: ComponentChildren;
+}): h.JSX.Element;
+/** Field identity shared by grid and report authoring controls. */
+export declare function ConfiguratorFieldTypeIcon({ field }: {
+    field?: import('./configurator-field-icon').ConfiguratorFieldMetadata;
+}): h.JSX.Element;
+export {};

package/configurator-actions.js

@@ -0,0 +1 @@
+export { t as CONFIGURATOR_AREA_ICONS, n as ConfiguratorActionButton, r as ConfiguratorActionGroup, i as ConfiguratorActionIcon, a as ConfiguratorActionPanel, o as ConfiguratorActionTrigger, s as ConfiguratorFieldCaption, c as ConfiguratorFieldPicker, l as ConfiguratorFieldSearch, u as ConfiguratorFieldTypeIcon, d as ConfiguratorFilterStatus, f as ConfiguratorHint, p as ConfiguratorRemoveButton, m as ConfiguratorZoneActions, h as renderConfiguratorActionTrigger } from "./_chunks/configurator-actions-By8WSL2m.js";

package/configurator-aggregation-list.d.ts

@@ -0,0 +1,14 @@
+import { h } from './_vendor/preact/src/index';
+export interface AggregationListLabels {
+    measureAggregation: string;
+    aggregationNames: Record<string, string>;
+    measureCurrentUnavailable: (operation: string) => string;
+}
+/** Arrow keys explore choices; Enter/Space commit through the existing configuration owner. */
+export declare function ConfiguratorAggregationList({ value, aggregators, i18n, disabled, onChange }: {
+    value: string;
+    aggregators: string[];
+    i18n: AggregationListLabels;
+    disabled?: boolean;
+    onChange: (value: string, origin: HTMLButtonElement) => void;
+}): h.JSX.Element;

package/configurator-aggregation-list.js

@@ -0,0 +1,61 @@
+import { i as e } from "./_chunks/hooks.module-CG3gN83z.js";
+import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t as n } from "./_chunks/native-control-pFMuHf3G.js";
+import "./_chunks/check-BwI7iCAm.js";
+import { t as r } from "./_chunks/calculator-CDWOuAcp.js";
+//#region src/configurator-aggregation-list.tsx
+function i({ value: i, aggregators: a, i18n: o, disabled: s, onChange: c }) {
+	let l = a.includes(i) ? a : [i, ...a], [u, d] = e(), f = u && a.includes(u) ? u : a.includes(i) ? i : a[0];
+	return /* @__PURE__ */ t("section", {
+		className: "pivot-aggregation-menu",
+		children: [/* @__PURE__ */ t("div", {
+			className: "pivot-aggregation-heading",
+			children: o.measureAggregation
+		}), /* @__PURE__ */ t("div", {
+			role: "menu",
+			"aria-label": o.measureAggregation,
+			children: l.map((e) => /* @__PURE__ */ t(n, {
+				type: "button",
+				role: "menuitemradio",
+				className: "rv-btn pivot-aggregation-option",
+				"data-value": e,
+				"aria-checked": e === i,
+				disabled: s || !a.includes(e),
+				tabIndex: !s && e === f ? 0 : -1,
+				onFocus: () => d(e),
+				onKeyDown: (e) => {
+					if (![
+						"ArrowUp",
+						"ArrowDown",
+						"ArrowLeft",
+						"ArrowRight",
+						"Home",
+						"End"
+					].includes(e.key)) return;
+					e.preventDefault(), e.stopPropagation();
+					let t = [...e.currentTarget.parentElement.querySelectorAll("button:not(:disabled)")], n = t.indexOf(e.currentTarget);
+					t[e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowUp" || e.key === "ArrowLeft" ? -1 : 1) + t.length) % t.length]?.focus();
+				},
+				onClick: (t) => c(e, t.currentTarget),
+				children: [
+					/* @__PURE__ */ t("span", {
+						className: "pivot-field-action-symbol",
+						"aria-hidden": "true",
+						dangerouslySetInnerHTML: { __html: r }
+					}),
+					/* @__PURE__ */ t("span", {
+						className: "pivot-aggregation-name",
+						children: a.includes(e) ? o.aggregationNames[e] ?? e : o.measureCurrentUnavailable(e)
+					}),
+					e === i && /* @__PURE__ */ t("span", {
+						className: "pivot-aggregation-check",
+						"aria-hidden": "true",
+						dangerouslySetInnerHTML: { __html: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z\"/></svg>" }
+					})
+				]
+			}, e))
+		})]
+	});
+}
+//#endregion
+export { i as ConfiguratorAggregationList };

package/configurator-drop-zone.d.ts

@@ -0,0 +1,38 @@
+import { h, JSX, ComponentChildren } from './_vendor/preact/src/index';
+export interface ConfiguratorDropZoneProps<Prop extends string | number, Field extends {
+    prop: Prop;
+    name?: string;
+}, Area extends string> {
+    label?: string;
+    footer?: ComponentChildren;
+    removeLabel?: (index: number, prop: Prop) => string;
+    title: string | JSX.Element;
+    headerActions?: JSX.Element | null;
+    renderActions?: (index: number, prop: Prop) => JSX.Element | null;
+    allowFieldRemoving?: boolean;
+    panel: Area;
+    items: Prop[];
+    /** Optional stable identities for repeated measure instances; other zones use their field identities. */
+    itemKeys?: readonly (string | number)[];
+    dimensions: ReadonlyMap<Prop, Field>;
+    placeholder?: string;
+    i18n: {
+        dragHere: string;
+        remove: string;
+    };
+    onRemove: (index: number) => void;
+    onDrop: (target: Area, index?: number, event?: DragEvent) => void;
+    canDrop?: (event: DragEvent) => boolean;
+    onDragOver: (e: Event) => void;
+    onDragEnter: (e: Event) => void;
+    onItemDragStart: (index: number, prop: Prop, event?: DragEvent) => void;
+    onItemDragEnd: () => void;
+    renderItem?: (index: number, item?: Field) => ComponentChildren;
+    allowFieldDragging?: boolean;
+    dragActive?: boolean;
+    renderIcon?: (field?: Field) => ComponentChildren;
+}
+export declare function ConfiguratorDropZone<Prop extends string | number, Field extends {
+    prop: Prop;
+    name?: string;
+}, Area extends string>({ title, label, footer, removeLabel, headerActions, renderActions, allowFieldRemoving, panel, items, itemKeys, dimensions, placeholder, i18n, renderItem, onRemove, onDrop, onDragOver, canDrop, onDragEnter, onItemDragStart, onItemDragEnd, allowFieldDragging, dragActive, renderIcon, }: ConfiguratorDropZoneProps<Prop, Field, Area>): h.JSX.Element;

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-BCINdXpU.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.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,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-FUU-MUKC.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-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;
 }