@revolist/ui 4.0.2-rc → 4.0.2

package/color-palette/color-picker.style.scss

@@ -58,8 +58,11 @@
   height: 14px;
 }
 
-.rv-format-color-picker__trigger-swatch--empty .rv-format-color-picker__empty-icon,
-.rv-format-color-picker__trigger-swatch--empty .rv-format-color-picker__empty-icon svg {
+.rv-format-color-picker__trigger-swatch--empty
+  .rv-format-color-picker__empty-icon,
+.rv-format-color-picker__trigger-swatch--empty
+  .rv-format-color-picker__empty-icon
+  svg {
   display: inline-flex;
 }
 
@@ -86,14 +89,18 @@
   max-height: calc(100dvh - 24px);
   margin: 6px 0 0;
   padding: 12px;
-  border: 1px solid var(--rv-format-divider, var(--rv-dialog-border, var(--rv-ui-border)));
+  border: 1px solid
+    var(--rv-format-divider, var(--rv-dialog-border, var(--rv-ui-border)));
   border-radius: 10px;
   background: var(--rv-dialog-bg, var(--rv-ui-surface-elevated));
   color: var(--rv-dialog-color, var(--rv-ui-text));
   box-shadow: 0 16px 36px var(--rv-ui-shadow);
   overflow: auto;
   scrollbar-gutter: stable;
-  position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
+  position-try-fallbacks:
+    flip-block,
+    flip-inline,
+    flip-block flip-inline;
 }
 
 .rv-format-color-picker__custom-action {
@@ -106,7 +113,8 @@
   margin: 12px -12px -12px;
   padding: 9px 12px;
   border: 0;
-  border-top: 1px solid var(--rv-format-divider, var(--rv-dialog-border, var(--rv-ui-border)));
+  border-top: 1px solid
+    var(--rv-format-divider, var(--rv-dialog-border, var(--rv-ui-border)));
   border-radius: 0 0 10px 10px;
   background: transparent;
   color: var(--rv-ui-accent-text, var(--rv-ui-accent));
@@ -166,26 +174,31 @@
 .rv-format-color-picker__custom-action:disabled,
 .rv-format-color-picker__native:disabled {
   cursor: default;
-  opacity: .55;
+  opacity: 0.55;
 }
 
 .rv-format-color-picker__custom-controls[data-selection-only] {
   grid-template-columns: minmax(0, 1fr);
 }
 
-.rv-format-color-picker__custom-controls[data-selection-only] .rv-format-color-picker__native {
+.rv-format-color-picker__custom-controls[data-selection-only]
+  .rv-format-color-picker__native {
   width: 100%;
 }
 
 @media (max-width: 520px) {
-  .rv-format-color-picker__popover { min-width: 258px; }
+  .rv-format-color-picker__popover {
+    min-width: 258px;
+  }
 }
 
 .rv-format-color-picker__trigger,
 .rv-format-color-picker__custom-action {
   transition:
-    background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
-    border-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
+    background-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
+    border-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
     opacity var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out);
 }
 

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,24 +1,34 @@
+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';
-import { MarkdownEditor as PreactMarkdownEditor } from './rich-text/index';
+import { HtmlEditor as PreactHtmlEditor } from './rich-text/index';
 import { TemporalPicker as PreactTemporalPicker, TemporalDraft as PreactTemporalDraft, DateTimeField as PreactDateTimeField } from './date-time/index';
 import { AssigneePicker as PreactAssigneePicker, AssigneeField as PreactAssigneeField, AssigneePickerLayout as PreactAssigneePickerLayout } from './assignee/index';
 import * as ui from './preact';
 export declare const uiComponents: {
+    readonly AiChat: typeof ui.AiChat;
+    readonly AiChatContent: typeof ui.AiChatContent;
+    readonly AiChatComposer: typeof ui.AiChatComposer;
+    readonly AiChatEmptyState: typeof ui.AiChatEmptyState;
+    readonly AiMessage: typeof ui.AiMessage;
+    readonly AiMessageContent: typeof ui.AiMessageContent;
+    readonly AiMessageActions: typeof ui.AiMessageActions;
+    readonly AiReasoning: typeof ui.AiReasoning;
+    readonly AiTask: typeof ui.AiTask;
+    readonly AiTaskItem: typeof ui.AiTaskItem;
     readonly AiPromptInput: typeof ui.AiPromptInput;
     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" | "class" | "ref"> & {
+    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>;
     }> & {
@@ -26,9 +36,10 @@ export declare const uiComponents: {
     }>;
     readonly SvgIcon: typeof ui.SvgIcon;
     readonly SvgButton: typeof ui.SvgButton;
-    readonly DeleteButton: ({ onClick, disabled, className, onMouseDown, onDblClick, locale, }: {
+    readonly DeleteButton: ({ onClick, disabled, rounded, className, onMouseDown, onDblClick, locale, }: {
         onClick: (e: MouseEvent) => void;
         disabled?: boolean;
+        rounded?: boolean;
         onMouseDown?: (event: MouseEvent) => void;
         onDblClick?: (event: MouseEvent) => void;
         className?: string;
@@ -90,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;
@@ -189,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;
@@ -196,14 +210,13 @@ export declare const uiComponents: {
     readonly MaskedDraft: typeof PreactMaskedDraft;
     readonly DurationField: typeof PreactDurationField;
     readonly DurationDraft: typeof PreactDurationDraft;
-    readonly MarkdownEditor: typeof PreactMarkdownEditor;
+    readonly HtmlEditor: typeof PreactHtmlEditor;
     readonly TemporalPicker: typeof PreactTemporalPicker;
     readonly TemporalDraft: typeof PreactTemporalDraft;
     readonly DateTimeField: typeof PreactDateTimeField;
     readonly AssigneePicker: typeof PreactAssigneePicker;
     readonly AssigneeField: typeof PreactAssigneeField;
     readonly AssigneePickerLayout: typeof PreactAssigneePickerLayout;
-    readonly NativeSelect: typeof ui.NativeSelect;
 };
 export type UiComponentName = keyof typeof uiComponents;
 export type UiComponentProps<K extends UiComponentName> = import('./_vendor/preact/src/index').ComponentProps<(typeof uiComponents)[K]>;

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 };