@revolist/ui 4.0.4-rc → 4.0.4

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

@@ -113,15 +113,21 @@
   gap: 0;
 }
 
-revo-grid .rv-context-menu .rv-color-palette-menu__swatch-item[aria-checked='true'] {
+revo-grid
+  .rv-context-menu
+  .rv-color-palette-menu__swatch-item[aria-checked='true'] {
   min-height: 32px;
   margin: 0;
   padding: 2px;
   background: transparent;
 }
 
-revo-grid .rv-context-menu .rv-color-palette-menu__swatch-item[aria-checked='true']:hover,
-revo-grid .rv-context-menu .rv-color-palette-menu__swatch-item[aria-checked='true']:focus-visible {
+revo-grid
+  .rv-context-menu
+  .rv-color-palette-menu__swatch-item[aria-checked='true']:hover,
+revo-grid
+  .rv-context-menu
+  .rv-color-palette-menu__swatch-item[aria-checked='true']:focus-visible {
   background: var(--rv-context-menu-hover-bg-color, #eef1f5);
 }
 
@@ -209,9 +215,13 @@ revo-grid .rv-context-menu .rv-color-palette-menu__swatch-item[aria-checked='tru
   grid-template-columns: repeat(5, 28px);
   gap: 12px 18px;
 }
-.rv-color-palette__swatches { display: contents; }
+.rv-color-palette__swatches {
+  display: contents;
+}
 .rv-color-palette__swatch,
-.rv-color-palette-menu__swatch { border-radius: 8px; }
+.rv-color-palette-menu__swatch {
+  border-radius: 8px;
+}
 .rv-color-palette__swatch[aria-checked='true'] {
   border-color: var(--rv-color-palette-surface);
   outline: 2px solid var(--rv-color-palette-accent);
@@ -222,46 +232,99 @@ revo-grid .rv-context-menu .rv-color-palette-menu__swatch-item[aria-checked='tru
 }
 .rv-color-palette__default {
   position: relative;
-  width: 28px; height: 28px; min-height: 28px;
-  padding: 0; border-radius: 8px;
+  width: 28px;
+  height: 28px;
+  min-height: 28px;
+  padding: 0;
+  border-radius: 8px;
   background: var(--rv-color-palette-surface);
   &::before {
-    content: ''; position: absolute; inset: 3px;
-    background: linear-gradient(45deg, transparent calc(50% - 1px), var(--rv-color-palette-border) 50%, transparent calc(50% + 1px));
+    content: '';
+    position: absolute;
+    inset: 3px;
+    background: linear-gradient(
+      45deg,
+      transparent calc(50% - 1px),
+      var(--rv-color-palette-border) 50%,
+      transparent calc(50% + 1px)
+    );
   }
-  &[aria-checked='true'] { outline: 2px solid var(--rv-color-palette-accent); outline-offset: 2px; }
+  &[aria-checked='true'] {
+    outline: 2px solid var(--rv-color-palette-accent);
+    outline-offset: 2px;
+  }
+}
+.rv-color-palette__default-check {
+  display: none;
 }
-.rv-color-palette__default-check { display: none; }
 .rv-color-palette__default-label {
-  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
-  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
 }
 @media (max-width: 520px) {
-  .rv-color-palette { grid-template-columns: repeat(5, 32px); }
-  .rv-color-palette__default { width: 32px; height: 32px; min-height: 32px; }
+  .rv-color-palette {
+    grid-template-columns: repeat(5, 32px);
+  }
+  .rv-color-palette__default {
+    width: 32px;
+    height: 32px;
+    min-height: 32px;
+  }
 }
 
 .rv-color-palette-menu[aria-expanded='true'] > .rv-context-menu__submenu {
-  grid-template-columns: repeat(5, 32px); gap: 10px 14px; width: 240px;
+  grid-template-columns: repeat(5, 32px);
+  gap: 10px 14px;
+  width: 242px;
 }
 .rv-color-palette-menu__default-item {
-  grid-column: auto; width: 32px; min-width: 32px; min-height: 32px;
-  margin: 0; padding: 2px !important; background: transparent;
+  grid-column: auto;
+  width: 32px;
+  min-width: 32px;
+  min-height: 32px;
+  margin: 0;
+  padding: 2px !important;
+  background: transparent;
 }
 .rv-color-palette-menu__default-content {
-  position: relative; width: 28px; height: 28px; border: 1px solid var(--rv-ui-border);
-  border-radius: 8px; box-sizing: border-box;
-  &::before { content: ''; position: absolute; inset: 3px; background: linear-gradient(45deg, transparent calc(50% - 1px), var(--rv-ui-border) 50%, transparent calc(50% + 1px)); }
-  > span { display: none; }
+  position: relative;
+  width: 28px;
+  height: 28px;
+  border: 1px solid var(--rv-ui-border);
+  border-radius: 8px;
+  box-sizing: border-box;
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 3px;
+    background: linear-gradient(
+      45deg,
+      transparent calc(50% - 1px),
+      var(--rv-ui-border) 50%,
+      transparent calc(50% + 1px)
+    );
+  }
+  > span {
+    display: none;
+  }
 }
-.rv-color-palette-menu__default-item[aria-checked='true'] .rv-color-palette-menu__default-content {
-  outline: 2px solid var(--rv-ui-accent); outline-offset: 2px;
+.rv-color-palette-menu__default-item[aria-checked='true']
+  .rv-color-palette-menu__default-content {
+  outline: 2px solid var(--rv-ui-accent);
+  outline-offset: 2px;
 }
 
 // Swatch fills and checked outlines remain exact; soften only hover borders/disabled state.
 .rv-color-palette__swatch,
 .rv-color-palette__default {
   transition:
-    border-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/color-picker.constants.js

@@ -1,5 +1,5 @@
 import { commonColors as e } from "./common-palettes.js";
-//#region src/color-palette/color-picker.constants.ts
+//#region package/color-palette/color-picker.constants.ts
 var t = e.blue600, n = 7;
 //#endregion
 export { t as COLOR_PICKER_DEFAULT_COLOR, n as COLOR_PICKER_HEX_LENGTH };

package/color-palette/color-picker.js

@@ -1,3 +1,3 @@
-import { n as e } from "../_chunks/color-palette-D8vyPfld.js";
-import { t } from "../_chunks/color-picker-CudqPYZo.js";
+import { n as e } from "../_chunks/color-palette-7siNch__.js";
+import { t } from "../_chunks/color-picker-Cfc9eqZb.js";
 export { t as ColorPicker, e as normalizeHexColor };

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/package/src/avatar/index.tsx", "packages/ui/package/src/avatar/avatar.style.scss"];
 }];

package/color-palette/common-palettes.js

@@ -1,4 +1,4 @@
-//#region src/color-palette/common-palettes.ts
+//#region package/color-palette/common-palettes.ts
 var e = {
 	black: "#000000",
 	hex0003: "#0003",
@@ -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/package/src/avatar/index.tsx", "packages/ui/package/src/avatar/avatar.style.scss"]
 }];
 //#endregion
 export { t as AVATAR_CELL_BACKGROUNDS, e as commonColors, n as commonPalettes };

package/color-palette/gantt-palettes.js

@@ -1,5 +1,5 @@
 import { commonColors as e } from "./common-palettes.js";
-//#region src/color-palette/gantt-palettes.ts
+//#region package/color-palette/gantt-palettes.ts
 var t = { "rv-panel-accent": e.hex3f8f7d }, n = {
 	"neutral-text": e.hex475569,
 	"complete-text": e.hex047857,

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/color-palette/palette.js

@@ -1,5 +1,5 @@
 import { commonColors as e } from "./common-palettes.js";
-//#region src/color-palette/palette.ts
+//#region package/color-palette/palette.ts
 var t = [
 	{
 		value: e.hexe53935,

package/color-palette/pivot-palettes.js

@@ -1,5 +1,5 @@
 import { commonColors as e } from "./common-palettes.js";
-//#region src/color-palette/pivot-palettes.ts
+//#region package/color-palette/pivot-palettes.ts
 var t = {
 	background: e.hexfff3a3,
 	foreground: e.hex111111

package/color-palette/platform-palettes.js

@@ -1,5 +1,5 @@
 import { commonColors as e } from "./common-palettes.js";
-//#region src/color-palette/platform-palettes.ts
+//#region package/color-palette/platform-palettes.ts
 var t = {
 	blue: e.blue600,
 	green: e.green600,

package/color-palette/pro-palettes.js

@@ -1,5 +1,5 @@
 import { commonColors as e } from "./common-palettes.js";
-//#region src/color-palette/pro-palettes.ts
+//#region package/color-palette/pro-palettes.ts
 var t = {
 	white: e.watermarkForeground,
 	black: e.blackKeyword

package/color-palette/scheduler-palettes.js

@@ -1,5 +1,5 @@
 import { commonColors as e } from "./common-palettes.js";
-//#region src/color-palette/scheduler-palettes.ts
+//#region package/color-palette/scheduler-palettes.ts
 var t = {
 	event: e.hex4573de,
 	white: e.white

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-vRnI54mO.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-um1L1wgZ.js";
+import { t as r } from "./_chunks/selection-list-tooltips-m00U3L6z.js";
+import "./_chunks/check-BwI7iCAm.js";
+import { t as i } from "./_chunks/calculator-CDWOuAcp.js";
+//#region package/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-DPulsY3l.js";
+import { useFieldDropTarget as s } from "./field-reorder.hook.js";
+//#region package/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 };