@revolist/ui 4.0.5-rc → 4.0.5

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: 242px;
+  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-DMJUChWC.js";
-import { t } from "../_chunks/color-picker-B4TQvxxB.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';
@@ -27,12 +28,6 @@ export declare const uiComponents: {
     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>, "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>;
@@ -106,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;

package/configurator-actions.d.ts

@@ -28,7 +28,7 @@ export declare function ConfiguratorActionButton({ text, icon, explanation, chec
 export declare function ConfiguratorActionIcon({ svg }: {
     svg: string;
 }): h.JSX.Element;
-export declare function ConfiguratorZoneActions({ add, clear, children }: {
+export declare function ConfiguratorZoneActions({ add, clear, children, }: {
     add: ComponentProps<typeof ConfiguratorActionTrigger>;
     clear?: ComponentProps<typeof ConfiguratorRemoveButton>;
     children?: ComponentChildren;
@@ -36,19 +36,19 @@ export declare function ConfiguratorZoneActions({ add, clear, children }: {
 export declare function ConfiguratorFilterStatus({ label }: {
     label: string;
 }): h.JSX.Element;
-export declare function ConfiguratorFieldCaption({ children, annotation }: {
+export declare function ConfiguratorFieldCaption({ children, annotation, }: {
     children: ComponentChildren;
     annotation?: string;
 }): h.JSX.Element;
-export declare function ConfiguratorHint({ children }: {
+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 }: {
+export declare function ConfiguratorFieldPicker({ children, emptyText, }: {
     children?: ComponentChildren;
     emptyText?: string;
 }): h.JSX.Element;
-export declare function ConfiguratorActionGroup({ section, children }: {
+export declare function ConfiguratorActionGroup({ section, children, }: {
     section: 'settings' | 'layout' | 'removal';
     children: ComponentChildren;
 }): h.JSX.Element | null;
@@ -61,7 +61,7 @@ export declare function ConfiguratorActionPanel({ title, accessibleLabel, header
     children: ComponentChildren;
 }): h.JSX.Element;
 /** Field identity shared by grid and report authoring controls. */
-export declare function ConfiguratorFieldTypeIcon({ field }: {
+export declare function ConfiguratorFieldTypeIcon({ field, }: {
     field?: import('./configurator-field-icon').ConfiguratorFieldMetadata;
 }): h.JSX.Element;
 export {};

package/configurator-actions.js

@@ -1 +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-C19O1rda.js";
+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

@@ -5,7 +5,7 @@ export interface AggregationListLabels {
     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 }: {
+export declare function ConfiguratorAggregationList({ value, aggregators, i18n, disabled, onChange, }: {
     value: string;
     aggregators: string[];
     i18n: AggregationListLabels;

package/configurator-aggregation-list.js

@@ -1,28 +1,30 @@
 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-DO0d1kgx.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 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];
+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: o.measureAggregation
+			children: s.measureAggregation
 		}), /* @__PURE__ */ t("div", {
+			ref: u,
 			role: "menu",
-			"aria-label": o.measureAggregation,
-			children: l.map((e) => /* @__PURE__ */ t(n, {
+			"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 === i,
-				disabled: s || !a.includes(e),
-				tabIndex: !s && e === f ? 0 : -1,
-				onFocus: () => d(e),
+				"aria-checked": e === a,
+				disabled: c || !o.includes(e),
+				tabIndex: !c && e === m ? 0 : -1,
+				onFocus: () => p(e),
 				onKeyDown: (e) => {
 					if (![
 						"ArrowUp",
@@ -36,18 +38,18 @@ function i({ value: i, aggregators: a, i18n: o, disabled: s, onChange: c }) {
 					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),
+				onClick: (t) => l(e, t.currentTarget),
 				children: [
 					/* @__PURE__ */ t("span", {
 						className: "pivot-field-action-symbol",
 						"aria-hidden": "true",
-						dangerouslySetInnerHTML: { __html: r }
+						dangerouslySetInnerHTML: { __html: i }
 					}),
 					/* @__PURE__ */ t("span", {
 						className: "pivot-aggregation-name",
-						children: a.includes(e) ? o.aggregationNames[e] ?? e : o.measureCurrentUnavailable(e)
+						children: o.includes(e) ? s.aggregationNames[e] ?? e : s.measureCurrentUnavailable(e)
 					}),
-					e === i && /* @__PURE__ */ t("span", {
+					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>" }
@@ -58,4 +60,4 @@ function i({ value: i, aggregators: a, i18n: o, disabled: s, onChange: c }) {
 	});
 }
 //#endregion
-export { i as ConfiguratorAggregationList };
+export { a as ConfiguratorAggregationList };

package/configurator-drop-zone.d.ts

@@ -4,6 +4,7 @@ export interface ConfiguratorDropZoneProps<Prop extends string | number, Field e
     name?: string;
 }, Area extends string> {
     label?: string;
+    id?: string;
     footer?: ComponentChildren;
     removeLabel?: (index: number, prop: Prop) => string;
     title: string | JSX.Element;
@@ -12,7 +13,7 @@ export interface ConfiguratorDropZoneProps<Prop extends string | number, Field e
     allowFieldRemoving?: boolean;
     panel: Area;
     items: Prop[];
-    /** Optional stable identities for repeated measure instances; other zones retain legacy keys. */
+    /** Optional stable identities for repeated measure instances; other zones use their field identities. */
     itemKeys?: readonly (string | number)[];
     dimensions: ReadonlyMap<Prop, Field>;
     placeholder?: string;
@@ -35,4 +36,4 @@ export interface ConfiguratorDropZoneProps<Prop extends string | number, Field e
 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;
+}, 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

@@ -1,63 +1,65 @@
 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-1eQP0tKy.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 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)
+//#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, {
-		...N.list,
+		...P.list,
+		id: u,
+		tabIndex: u ? -1 : void 0,
 		className: "pivot-layout-zone",
 		"aria-label": l,
-		"data-pivot-area": h,
+		"data-pivot-area": g,
 		heading: c,
 		headingClassName: "zone-title",
-		actions: f,
+		actions: p,
 		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);
+			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, {
-					...N.row(i),
-					draggable: k,
+					...P.row(i),
+					draggable: A,
 					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();
+						A ? (e.dataTransfer?.setData("text/plain", String(r)), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), P.start(i), O(i, r, e)) : e.preventDefault();
 					},
 					onDragEnd: () => {
-						N.clear(), O();
+						P.clear(), k();
 					},
 					indicator: l && /* @__PURE__ */ t(n, {
 						position: l,
-						index: N.boundary ?? void 0,
+						index: P.boundary ?? void 0,
 						className: `pivot-zone-drop-divider ${l}`
 					}),
 					contentClassName: "pivot-dimension-cell",
-					icon: j?.(s),
+					icon: M?.(s),
 					label: /* @__PURE__ */ t("span", {
 						className: "pivot-zone-field-caption flex grow",
-						children: x?.(i, s) ?? s?.name ?? r
+						children: S?.(i, s) ?? s?.name ?? r
 					}),
-					actions: /* @__PURE__ */ t(e, { children: [p?.(i, r), m && /* @__PURE__ */ t(a, {
+					actions: /* @__PURE__ */ t(e, { children: [m?.(i, r), h && /* @__PURE__ */ t(a, {
 						className: "pivot-remove-button",
-						onClick: () => S(i),
+						onClick: () => C(i),
 						locale: {
-							title: d?.(i, r) ?? b.remove,
-							ariaLabel: d?.(i, r) ?? b.remove
+							title: f?.(i, r) ?? x.remove,
+							ariaLabel: f?.(i, r) ?? x.remove
 						}
 					})] })
-				}, _?.[i] ?? `${c}-${i}`);
+				}, v?.[i] ?? `${c}-${i}`);
 			})
-		}), u]
+		}), d]
 	});
 }
 //#endregion

package/configurator-focus.js

@@ -1,5 +1,5 @@
 import { r as e, t } from "./_chunks/hooks.module-CG3gN83z.js";
-//#region src/configurator-focus.ts
+//#region package/configurator-focus.ts
 var n = () => {};
 function r(e, t) {
 	if (!e.isConnected || !t?.isConnected || e.ownerDocument !== t.ownerDocument) return !1;