@revolist/ui 4.0.1-rc → 4.0.1

package/editor-actions.js

@@ -1,35 +1,36 @@
-import { n as e } from "./_chunks/controls-NEL5tDaz.js";
-import { Fragment as t, jsx as n, jsxs as r } from "preact/jsx-runtime";
+import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
+import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t as n } from "./_chunks/controls-DD1qvPfE.js";
 //#region src/editor-actions.tsx
-var i = {
+var r = {
 	apply: "Apply",
 	cancel: "Cancel",
 	clear: "Clear"
 };
-function a({ apply: a, cancel: o, clear: s, disabled: c, text: l = i, showConfirm: u = !0 }) {
-	if (!u && !s) return null;
-	let d = {
-		apply: l.apply ?? i.apply,
-		cancel: l.cancel ?? i.cancel,
-		clear: l.clear ?? i.clear
+function i({ apply: i, cancel: a, clear: o, disabled: s, text: c = r, showConfirm: l = !0 }) {
+	if (!l && !o) return null;
+	let u = {
+		apply: c.apply ?? r.apply,
+		cancel: c.cancel ?? r.cancel,
+		clear: c.clear ?? r.clear
 	};
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ t("div", {
 		class: "rv-editor-actions",
-		children: [s && /* @__PURE__ */ n(e, {
+		children: [o && /* @__PURE__ */ t(n, {
 			variant: "ghost",
 			className: "rv-editor-actions__clear",
-			onClick: s,
-			children: d.clear
-		}), u && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
 			onClick: o,
-			children: d.cancel
-		}), /* @__PURE__ */ n(e, {
-			variant: "primary",
-			disabled: c,
+			children: u.clear
+		}), l && /* @__PURE__ */ t(e, { children: [/* @__PURE__ */ t(n, {
 			onClick: a,
-			children: d.apply
+			children: u.cancel
+		}), /* @__PURE__ */ t(n, {
+			variant: "primary",
+			disabled: s,
+			onClick: i,
+			children: u.apply
 		})] })]
 	});
 }
 //#endregion
-export { a as EditorActions, i as defaultEditorActionText };
+export { i as EditorActions, r as defaultEditorActionText };

package/editor-layout/index.d.ts

@@ -1,11 +1,11 @@
-import { h, ComponentChildren, JSX, Ref } from 'preact';
+import { h, ComponentChildren, JSX, Ref } from '../_vendor/preact/src/index';
 type ShellProps = {
     readonly children: ComponentChildren;
     readonly className?: string;
 };
 /** Shared editor geometry. Consumers supply column widths and feature policy. */
 export declare function EditorSplitLayout({ children, className }: ShellProps): h.JSX.Element;
-export declare function EditorPane({ children, className, scrollable }: ShellProps & {
+export declare function EditorPane({ children, className, scrollable, }: ShellProps & {
     readonly scrollable?: boolean;
 }): h.JSX.Element;
 export interface EditorListProps extends ShellProps {
@@ -18,7 +18,7 @@ export interface EditorListProps extends ShellProps {
     readonly spacing?: 'default' | 'comfortable';
 }
 /** Single-selection listbox with one keyboard/focus owner across editors. */
-export declare function EditorList({ children, className, label, onSelect, listRef, variant, spacing }: EditorListProps): h.JSX.Element;
+export declare function EditorList({ children, className, label, onSelect, listRef, variant, spacing, }: EditorListProps): h.JSX.Element;
 export type EditorListItemProps = Omit<JSX.IntrinsicElements['button'], 'value' | 'className'> & {
     readonly value: string;
     readonly selected: boolean;
@@ -41,8 +41,8 @@ export interface EditorListItemContentProps {
     };
 }
 /** Reusable row presentation; the enclosing list item owns selection and focus. */
-export declare function EditorListItemContent({ icon, label, description, classNames }: EditorListItemContentProps): h.JSX.Element;
-export declare function EditorListGroup({ label, children, className, labelClassName }: ShellProps & {
+export declare function EditorListItemContent({ icon, label, description, classNames, }: EditorListItemContentProps): h.JSX.Element;
+export declare function EditorListGroup({ label, children, className, labelClassName, }: ShellProps & {
     readonly label: string;
     readonly labelClassName?: string;
 }): h.JSX.Element;

package/editor-layout/index.js

@@ -1,23 +1,28 @@
-import { jsx as e, jsxs as t } from "preact/jsx-runtime";
+import { o as e } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t as n } from "../_chunks/selection-list-tooltips-BtWjpP6M.js";
 //#region src/editor-layout/index.tsx
-function n({ children: t, className: n = "" }) {
-	return /* @__PURE__ */ e("div", {
+function r({ children: e, className: n = "" }) {
+	return /* @__PURE__ */ t("div", {
 		class: `rv-editor-split ${n}`,
-		children: t
+		children: e
 	});
 }
-function r({ children: t, className: n = "", scrollable: r = !1 }) {
-	return /* @__PURE__ */ e("section", {
+function i({ children: e, className: n = "", scrollable: r = !1 }) {
+	return /* @__PURE__ */ t("section", {
 		class: `rv-editor-pane${r ? " rv-editor-pane--scrollable" : ""} ${n}`,
-		children: t
+		children: e
 	});
 }
-function i({ children: t, className: n = "", label: r, onSelect: i, listRef: a, variant: o = "default", spacing: s = "default" }) {
-	return /* @__PURE__ */ e("div", {
-		ref: a,
-		class: `rv-editor-list${o === "plain" ? " rv-editor-list--plain" : ""}${s === "comfortable" ? " rv-editor-list--comfortable" : ""} ${n}`,
+function a({ children: r, className: i = "", label: a, onSelect: o, listRef: s, variant: c = "default", spacing: l = "default" }) {
+	let u = n(), d = e((e) => {
+		u(e), typeof s == "function" ? s(e) : s && (s.current = e);
+	}, [u, s]);
+	return /* @__PURE__ */ t("div", {
+		ref: d,
+		class: `rv-editor-list${c === "plain" ? " rv-editor-list--plain" : ""}${l === "comfortable" ? " rv-editor-list--comfortable" : ""} ${i}`,
 		role: "listbox",
-		"aria-label": r,
+		"aria-label": a,
 		onKeyDown: (e) => {
 			if (![
 				"ArrowDown",
@@ -28,57 +33,57 @@ function i({ children: t, className: n = "", label: r, onSelect: i, listRef: a,
 			let t = Array.from(e.currentTarget.querySelectorAll("[data-editor-value]:not(:disabled)"));
 			if (!t.length) return;
 			let n = Math.max(0, t.indexOf(e.target)), r = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length;
-			e.preventDefault(), t[r].focus(), i(t[r].dataset.editorValue);
+			e.preventDefault(), t[r].focus(), o(t[r].dataset.editorValue);
 		},
-		children: t
+		children: r
 	});
 }
-function a({ value: t, selected: n, icon: r, label: i, description: a, contentClassNames: s, children: c, className: l = "", ...u }) {
-	return /* @__PURE__ */ e("button", {
+function o({ value: e, selected: n, icon: r, label: i, description: a, contentClassNames: o, children: c, className: l = "", ...u }) {
+	return /* @__PURE__ */ t("button", {
 		...u,
 		type: "button",
 		role: "option",
-		"data-editor-value": t,
+		"data-editor-value": e,
 		"aria-selected": n,
 		tabIndex: u.tabIndex ?? (n ? 0 : -1),
 		class: `rv-editor-list__item${n ? " rv-editor-list__item--selected" : ""} ${l}`,
-		children: i === void 0 ? c : /* @__PURE__ */ e(o, {
+		children: i === void 0 ? c : /* @__PURE__ */ t(s, {
 			icon: r,
 			label: i,
 			description: a,
-			classNames: s
+			classNames: o
 		})
 	});
 }
-function o({ icon: n, label: r, description: i, classNames: a = {} }) {
+function s({ icon: e, label: n, description: r, classNames: i = {} }) {
 	return /* @__PURE__ */ t("span", {
-		class: `rv-editor-list__content${n ? "" : " rv-editor-list__content--text"}`,
-		children: [n && /* @__PURE__ */ e("span", {
-			class: `rv-editor-list__icon ${a.icon ?? ""}`,
+		class: `rv-editor-list__content${e ? "" : " rv-editor-list__content--text"}`,
+		children: [e && /* @__PURE__ */ t("span", {
+			class: `rv-editor-list__icon ${i.icon ?? ""}`,
 			"aria-hidden": "true",
-			children: n
+			children: e
 		}), /* @__PURE__ */ t("span", {
-			class: `rv-editor-list__copy ${a.copy ?? ""}`,
-			children: [/* @__PURE__ */ e("span", {
-				class: `rv-editor-list__label ${a.label ?? ""}`,
+			class: `rv-editor-list__copy ${i.copy ?? ""}`,
+			children: [/* @__PURE__ */ t("span", {
+				class: `rv-editor-list__label ${i.label ?? ""}`,
+				children: n
+			}), r !== void 0 && /* @__PURE__ */ t("span", {
+				class: `rv-editor-list__description ${i.description ?? ""}`,
 				children: r
-			}), i !== void 0 && /* @__PURE__ */ e("span", {
-				class: `rv-editor-list__description ${a.description ?? ""}`,
-				children: i
 			})]
 		})]
 	});
 }
-function s({ label: n, children: r, className: i = "", labelClassName: a = "" }) {
+function c({ label: e, children: n, className: r = "", labelClassName: i = "" }) {
 	return /* @__PURE__ */ t("div", {
-		class: `rv-editor-list__group ${i}`,
+		class: `rv-editor-list__group ${r}`,
 		role: "group",
-		"aria-label": n,
-		children: [/* @__PURE__ */ e("div", {
-			class: `rv-editor-list__group-label ${a}`,
-			children: n
-		}), r]
+		"aria-label": e,
+		children: [/* @__PURE__ */ t("div", {
+			class: `rv-editor-list__group-label ${i}`,
+			children: e
+		}), n]
 	});
 }
 //#endregion
-export { i as EditorList, s as EditorListGroup, a as EditorListItem, o as EditorListItemContent, r as EditorPane, n as EditorSplitLayout };
+export { a as EditorList, c as EditorListGroup, o as EditorListItem, s as EditorListItemContent, i as EditorPane, r as EditorSplitLayout };

package/editor-layout/style.scss

@@ -2,7 +2,10 @@
 
 .rv-editor-split {
   display: grid;
-  grid-template-columns: var(--rv-editor-columns, minmax(0, 1fr) minmax(0, 1fr));
+  grid-template-columns: var(
+    --rv-editor-columns,
+    minmax(0, 1fr) minmax(0, 1fr)
+  );
   gap: var(--rv-editor-gap, 12px);
   min-width: 0;
   min-height: 0;
@@ -11,7 +14,8 @@
   min-width: 0;
   min-height: 0;
   overflow: hidden;
-  border: 1px solid var(--rv-editor-divider, var(--rv-dialog-border, var(--rv-ui-border)));
+  border: 1px solid
+    var(--rv-editor-divider, var(--rv-dialog-border, var(--rv-ui-border)));
   border-radius: var(--rv-editor-radius, 10px);
   background: var(--rv-dialog-bg, var(--rv-ui-surface));
 }
@@ -61,24 +65,84 @@
 }
 .rv-editor-list__item {
   transition:
-    background-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),
     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);
 }
-.rv-editor-list__item:hover { background: var(--rv-ui-surface-hover); }
-.rv-editor-list__item.rv-editor-list__item--selected { background: var(--rv-ui-selected-bg); color: var(--rv-ui-selected-fg); }
-.rv-editor-list__item:focus-visible { outline: 2px solid var(--rv-ui-accent); outline-offset: -2px; }
-@media (forced-colors: active) { .rv-editor-list__item--selected { outline: 2px solid Highlight; } }
+.rv-editor-list__item:hover {
+  background: var(--rv-ui-surface-hover);
+}
+.rv-editor-list__item.rv-editor-list__item--selected {
+  background: var(--rv-ui-selected-bg);
+  color: var(--rv-ui-selected-fg);
+}
+.rv-editor-list__item:focus-visible {
+  outline: 2px solid var(--rv-ui-accent);
+  outline-offset: -2px;
+}
+@media (forced-colors: active) {
+  .rv-editor-list__item--selected {
+    outline: 2px solid Highlight;
+  }
+}
 
-.rv-editor-list__item:disabled { opacity: .55; cursor: not-allowed; }
+.rv-editor-list__item:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
 
-.rv-editor-list__content { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; gap: 9px; font-size: 12px; line-height: 1.4; grid-column: 1 / -1; min-width: 0; }
-.rv-editor-list__content--text { grid-template-columns: minmax(0, 1fr); }
-.rv-editor-list__icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; }
-.rv-editor-list__icon svg { display: block; width: 13px; height: 13px; fill: currentColor; }
-.rv-editor-list__copy { display: grid; min-width: 0; gap: 0; }
-.rv-editor-list__label, .rv-editor-list__description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.rv-editor-list__label { font-weight: var(--rv-editor-list-font-weight, 500); }
-.rv-editor-list__description { font-size: 11px; color: var(--rv-ui-text-muted); }
-.rv-editor-list__group { display: grid; gap: 2px; }
-.rv-editor-list__group-label { font-weight: var(--rv-editor-list-font-weight, inherit); padding: 8px 8px 4px; font-size: 11px; color: var(--rv-ui-text-muted); }
+.rv-editor-list__content {
+  display: grid;
+  grid-template-columns: 20px minmax(0, 1fr);
+  align-items: center;
+  gap: 9px;
+  font-size: 12px;
+  line-height: 1.4;
+  grid-column: 1 / -1;
+  min-width: 0;
+}
+.rv-editor-list__content--text {
+  grid-template-columns: minmax(0, 1fr);
+}
+.rv-editor-list__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+}
+.rv-editor-list__icon svg {
+  display: block;
+  width: 13px;
+  height: 13px;
+  fill: currentColor;
+}
+.rv-editor-list__copy {
+  display: grid;
+  min-width: 0;
+  gap: 0;
+}
+.rv-editor-list__label,
+.rv-editor-list__description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rv-editor-list__label {
+  font-weight: var(--rv-editor-list-font-weight, 500);
+}
+.rv-editor-list__description {
+  font-size: 11px;
+  color: var(--rv-ui-text-muted);
+}
+.rv-editor-list__group {
+  display: grid;
+  gap: 2px;
+}
+.rv-editor-list__group-label {
+  font-weight: var(--rv-editor-list-font-weight, inherit);
+  padding: 8px 8px 4px;
+  font-size: 11px;
+  color: var(--rv-ui-text-muted);
+}

package/field-configurator.d.ts

@@ -1,5 +1,5 @@
 import { RemoveButton } from './buttons/remove-button';
-import { h, ComponentChildren, JSX } from 'preact';
+import { h, ComponentChildren, JSX } from './_vendor/preact/src/index';
 export declare function FieldIcon({ svg, className, }: {
     svg: string;
     className?: string;
@@ -8,8 +8,9 @@ export declare function FieldSummary({ children, className, ...attributes }: Omi
     children: ComponentChildren;
     className?: string;
 }): h.JSX.Element;
-export declare function FieldLibrary({ title, count, children, className, }: {
+export declare function FieldLibrary({ title, id, count, children, className, }: {
     title: string;
+    id?: string;
     count?: ComponentChildren;
     children: ComponentChildren;
     className?: string;
@@ -74,16 +75,53 @@ export declare function FieldDropIndicator({ position, index, className, }: {
     className?: string;
 }): h.JSX.Element;
 export interface CollapsibleSectionProps {
+    /** Heading displayed in the keyboard-accessible expand/collapse trigger. */
     title: ComponentChildren;
+    /** Supporting text displayed above the expanded content. */
     description?: ComponentChildren;
+    /** Expand initially. Later toggles are owned by the native disclosure. */
     defaultOpen?: boolean;
+    /** Section content; stays mounted when collapsed to preserve drafts. */
     children: ComponentChildren;
+    /** Additional CSS classes on the outer disclosure. */
     className?: string;
+    /** Additional CSS classes on the summary trigger. */
     summaryClassName?: string;
+    /** Additional CSS classes on the content container. */
     contentClassName?: string;
+    /** Additional CSS classes on the supporting description. */
     descriptionClassName?: string;
     /** Host policies can wrap the native details without owning its presentation. */
     renderRoot?: (props: JSX.IntrinsicElements['details']) => ComponentChildren;
 }
 /** Native disclosure; collapsed content stays mounted to preserve draft edits. */
 export declare function CollapsibleSection({ title, description, defaultOpen, children, className, summaryClassName, contentClassName, descriptionClassName, renderRoot, }: CollapsibleSectionProps): ComponentChildren;
+export interface ConfiguratorCompactItem {
+    id: string;
+    label: string;
+    icon?: string;
+    count?: number;
+    disabled?: boolean;
+    /** Optional section to focus after opening. */
+    targetId?: string;
+    /** Activate the corresponding product tab when reopening. */
+    onOpen?: () => void;
+}
+export interface ConfiguratorMiniModeConfig {
+    /** Starts the configurator as a narrow rail. Users can expand and collapse it. */
+    miniMode?: boolean;
+    /** Enables width resizing. Shrinking below 200px collapses to the rail. */
+    resizable?: boolean;
+}
+/** Shared panel shell. Collapsing preserves mounted controls and their drafts. */
+export declare function ConfiguratorPanel({ panelRef, standalone, children, compactItems, compact: compactProp, onExpand, miniMode, resizable, resizeParent, ...props }: Omit<JSX.HTMLAttributes<HTMLDivElement>, 'ref'> & ConfiguratorMiniModeConfig & {
+    panelRef?: import('./_vendor/preact/src/index').Ref<HTMLDivElement>;
+    standalone?: boolean;
+    compactItems?: readonly ConfiguratorCompactItem[];
+    /** Presentation state is owned by the host; the panel adds no toggle button. */
+    compact?: boolean;
+    onExpand?: () => void;
+    /** Apply the resized width to the product-owned parent as well. */
+    resizeParent?: boolean;
+}): h.JSX.Element;
+export { createFieldExpansion, fieldExpansionIds, recordFieldExpansion, type FieldExpansionState, } from './field-expansion';

package/field-configurator.js

@@ -1,170 +1,4 @@
-import { SvgIcon as e } from "./icons/icon.js";
-import { t } from "./_chunks/chevron-right-sxHQMSkq.js";
-import { n } from "./_chunks/delete-button-DnpmDNEJ.js";
-import { RemoveButton as r } from "./buttons/remove-button.js";
-import { DisclosureSummary as i } from "./form-controls/presentation.js";
-import { fieldDropIndex as a, reorderFields as o } from "./field-reorder.js";
-import { useFieldDropTarget as s, useFieldReorder as c } from "./field-reorder.hook.js";
-import { h as l } from "preact";
-import { useRef as u } from "preact/hooks";
-import { jsx as d, jsxs as f } from "preact/jsx-runtime";
-//#region src/field-configurator.tsx
-function p({ svg: t, className: n = "" }) {
-	return /* @__PURE__ */ d(e, {
-		svg: t,
-		className: `rv-configurator-icon ${n}`
-	});
-}
-function m({ children: e, className: n = "", ...r }) {
-	return /* @__PURE__ */ d(i, {
-		...r,
-		className: `rv-configurator-summary ${n}`,
-		iconPosition: "after",
-		icon: /* @__PURE__ */ d(p, { svg: t }),
-		children: e
-	});
-}
-function h({ title: e, count: t, children: n, className: r = "" }) {
-	return /* @__PURE__ */ f("details", {
-		class: `rv-configurator-available-fields ${r}`,
-		open: !0,
-		children: [/* @__PURE__ */ f(m, { children: [e, t != null && /* @__PURE__ */ d("span", {
-			class: "rv-configurator-field-count",
-			children: t
-		})] }), /* @__PURE__ */ d("div", {
-			class: "rv-configurator-library-content",
-			children: n
-		})]
-	});
-}
-function g({ children: e, actions: t, className: n = "" }) {
-	return /* @__PURE__ */ f("div", {
-		class: `rv-configurator-zone-heading ${n}`,
-		children: [/* @__PURE__ */ d("span", {
-			class: "rv-configurator-zone-label",
-			children: e
-		}), t && /* @__PURE__ */ d("span", {
-			class: "rv-configurator-zone-actions",
-			children: t
-		})]
-	});
-}
-function _({ heading: e, actions: t, headingClassName: n, className: r = "", children: i, ...a }) {
-	return /* @__PURE__ */ f("section", {
-		...a,
-		className: `rv-configurator-zone ${r}`,
-		children: [/* @__PURE__ */ d(g, {
-			className: n,
-			actions: t,
-			children: e
-		}), i]
-	});
-}
-function v({ empty: e, placeholder: t, className: n = "", children: r, ...i }) {
-	return /* @__PURE__ */ d("ul", {
-		...i,
-		className: `rv-configurator-field-list ${e ? "empty" : ""} ${n}`,
-		children: e ? /* @__PURE__ */ d("li", {
-			className: "rv-configurator-empty-zone empty",
-			children: t
-		}) : r
-	});
-}
-function y({ className: e = "", children: t, indicator: n, dropPosition: r, ...i }) {
-	return /* @__PURE__ */ f("li", {
-		...i,
-		className: `rv-configurator-field rv-configurator-field-row ${e}`,
-		children: [
-			n ?? (r && /* @__PURE__ */ d(O, { position: r })),
-			/* @__PURE__ */ d("span", {
-				className: "rv-configurator-drag-handle",
-				"aria-hidden": "true"
-			}),
-			t
-		]
-	});
-}
-function b({ icon: e, children: t, className: n = "" }) {
-	return /* @__PURE__ */ f("span", {
-		class: `rv-configurator-field-content ${n}`,
-		children: [e, /* @__PURE__ */ d("span", {
-			class: "rv-configurator-field-caption",
-			children: t
-		})]
-	});
-}
-function x({ as: e = "div", children: t, className: n = "", ...r }) {
-	return l(e, {
-		...r,
-		class: `rv-configurator-field ${n}`
-	}, t);
-}
-function S({ children: e, ...t }) {
-	return /* @__PURE__ */ d("div", {
-		...t,
-		className: `rv-configurator-library-list ${t.className ?? ""}`,
-		children: e
-	});
-}
-function C({ label: e, icon: t, actions: n, contentClassName: r, ...i }) {
-	return /* @__PURE__ */ f(y, {
-		...i,
-		children: [/* @__PURE__ */ d(b, {
-			className: r,
-			icon: t,
-			children: e
-		}), n]
-	});
-}
-function w({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ d("div", {
-		...n,
-		className: `rv-configurator-field-actions ${t}`,
-		children: e
-	});
-}
-function T({ children: e, active: t = !1, label: n, className: r = "" }) {
-	return /* @__PURE__ */ d("span", {
-		className: `rv-configurator-status-badge ${r}`,
-		"data-active": t ? "true" : void 0,
-		title: n,
-		"aria-label": n,
-		children: e
-	});
-}
-function E(e) {
-	return /* @__PURE__ */ d(r, {
-		...e,
-		className: `rv-configurator-remove-button ${e.className ?? ""}`
-	});
-}
-function D() {
-	return /* @__PURE__ */ d(e, { svg: n });
-}
-function O({ position: e, index: t, className: n = "" }) {
-	return /* @__PURE__ */ d("span", {
-		className: `rv-configurator-drop-indicator ${n}`,
-		"data-position": e,
-		"data-drop-index": t,
-		"aria-hidden": "true"
-	});
-}
-function k({ title: e, description: t, defaultOpen: n = !1, children: r, className: i = "", summaryClassName: a = "", contentClassName: o = "", descriptionClassName: s = "", renderRoot: c }) {
-	let l = u(n), p = {
-		class: `rv-collapsible-section rv-configurator-section ${i}`.trim(),
-		open: l.current,
-		children: [/* @__PURE__ */ d(m, {
-			className: a,
-			children: e
-		}), /* @__PURE__ */ f("div", {
-			class: `rv-collapsible-section__content ${o}`.trim(),
-			children: [t && /* @__PURE__ */ d("p", {
-				class: `rv-collapsible-section__description ${s}`.trim(),
-				children: t
-			}), r]
-		})]
-	};
-	return c ? c(p) : /* @__PURE__ */ d("details", { ...p });
-}
-//#endregion
-export { k as CollapsibleSection, w as FieldActions, b as FieldContent, O as FieldDropIndicator, _ as FieldGroup, g as FieldGroupHeading, p as FieldIcon, x as FieldItem, h as FieldLibrary, S as FieldLibraryList, v as FieldList, E as FieldRemoveButton, D as FieldRemoveIcon, y as FieldRow, T as FieldStatusBadge, m as FieldSummary, C as SelectedField, a as fieldDropIndex, o as reorderFields, s as useFieldDropTarget, c as useFieldReorder };
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./_chunks/field-configurator-B-qtIwx1.js";
+import { fieldDropIndex as x, reorderFields as S } from "./field-reorder.js";
+import { useFieldDropTarget as C, useFieldReorder as w } from "./field-reorder.hook.js";
+export { g as CollapsibleSection, d as ConfiguratorPanel, m as FieldActions, c as FieldContent, t as FieldDropIndicator, f as FieldGroup, h as FieldGroupHeading, r as FieldIcon, l as FieldItem, _ as FieldLibrary, i as FieldLibraryList, a as FieldList, p as FieldRemoveButton, u as FieldRemoveIcon, s as FieldRow, o as FieldStatusBadge, e as FieldSummary, v as SelectedField, b as createFieldExpansion, x as fieldDropIndex, n as fieldExpansionIds, y as recordFieldExpansion, S as reorderFields, C as useFieldDropTarget, w as useFieldReorder };

package/field-expansion.d.ts

@@ -0,0 +1,9 @@
+/** Expansion overlay shared by nested field libraries; searching never overwrites it. */
+export interface FieldExpansionState {
+    known: Set<string>;
+    expanded: Set<string>;
+    collapsed: Set<string>;
+}
+export declare function createFieldExpansion(): FieldExpansionState;
+export declare function fieldExpansionIds(state: FieldExpansionState, ids: readonly string[], searching: boolean): Set<string>;
+export declare function recordFieldExpansion(state: FieldExpansionState, expanded: Iterable<unknown>): void;