@revolist/ui 4.0.3-rc → 4.0.3

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-DnStE6Yl.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,63 @@
+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-B_fVA5bL.js";
+import { t as r } from "./_chunks/selection-list-tooltips-C5oMJe26.js";
+import "./_chunks/check-BwI7iCAm.js";
+import { t as i } from "./_chunks/calculator-CDWOuAcp.js";
+//#region src/configurator-aggregation-list.tsx
+function a({ value: a, aggregators: o, i18n: s, disabled: c, onChange: l }) {
+	let u = r("[role=\"menuitemradio\"]"), d = o.includes(a) ? o : [a, ...o], [f, p] = e(), m = f && o.includes(f) ? f : o.includes(a) ? a : o[0];
+	return /* @__PURE__ */ t("section", {
+		className: "pivot-aggregation-menu",
+		children: [/* @__PURE__ */ t("div", {
+			className: "pivot-aggregation-heading",
+			children: s.measureAggregation
+		}), /* @__PURE__ */ t("div", {
+			ref: u,
+			role: "menu",
+			"aria-label": s.measureAggregation,
+			children: d.map((e) => /* @__PURE__ */ t(n, {
+				type: "button",
+				role: "menuitemradio",
+				className: "rv-btn pivot-aggregation-option",
+				"data-value": e,
+				"aria-checked": e === a,
+				disabled: c || !o.includes(e),
+				tabIndex: !c && e === m ? 0 : -1,
+				onFocus: () => p(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) => l(e, t.currentTarget),
+				children: [
+					/* @__PURE__ */ t("span", {
+						className: "pivot-field-action-symbol",
+						"aria-hidden": "true",
+						dangerouslySetInnerHTML: { __html: i }
+					}),
+					/* @__PURE__ */ t("span", {
+						className: "pivot-aggregation-name",
+						children: o.includes(e) ? s.aggregationNames[e] ?? e : s.measureCurrentUnavailable(e)
+					}),
+					e === a && /* @__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 { a as ConfiguratorAggregationList };

package/configurator-drop-zone.d.ts

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