@cratis/event-models 0.263.0 → 0.263.2

package/dist/screen-editor/index.js

@@ -4,10 +4,10 @@ import { i as ui, n as Es, r as As, t as Fs } from "./toTemplateSources-BhsOzMx1
 import { _ as Ms, a as ay, c as pi, d as Rr, f as Ls, g as sy, h as Bs, i as js, l as ly, m as Us, n as cy, o as wn, p as Dr, r as zs, s as dy, t as uy, u as py, v as my, y as hy } from "./structuredValue-vqCZttsk.js";
 import { a as ye, n as Ws, r as Ks } from "./iconDiagnostics-Ds4CnqD0.js";
 import { t as vy } from "./StructuredValueEditor-DUSATTWd.js";
-import { Component as Hs, createContext as Gs, createElement as Je, useCallback as K, useContext as qs, useEffect as re, useId as Vs, useLayoutEffect as Te, useMemo as U, useRef as J, useState as B } from "react";
-import { Fragment as ae, jsx as a, jsxs as b } from "react/jsx-runtime";
+import { Component as Hs, createContext as Gs, createElement as Je, useCallback as H, useContext as qs, useEffect as ie, useId as Vs, useLayoutEffect as Te, useMemo as j, useRef as J, useState as M } from "react";
+import { Fragment as re, jsx as a, jsxs as b } from "react/jsx-runtime";
 import { BindingMode as ky, BindingNullBehavior as Sy, BindingSourceKind as Cy, BindingSourceKind as Bt, CollectionOperation as ke, ColorScheme as Js, ComponentCategory as Qs, CornerStyle as kn, DestinationKind as Ty, DestinationKind as _r, DiagnosticCode as Ys, EditTarget as Zs, EditingScopeKind as an, FlowContainerKind as Sn, FormGenerationMode as ve, FormWidthUnit as Ne, GridUnitType as ko, HorizontalAlignment as So, InteractionActionKind as ht, InteractionTriggerKind as $r, LogoKind as Cn, NavigationRegionKind as gt, NavigationRegionMode as $e, Orientation as ft, PackageKind as Qe, PropertyEditorKind as X, PropertyValueType as q, ProvenanceKind as mi, QueryOriginKind as Xs, QueryResultShape as el, SceneEditKind as Z, SceneNodeKind as tl, TemplateReferenceSource as Dt, TemplateScope as St, ValueSource as Er, VerticalAlignment as Co, Visibility as To, componentCategories as nl } from "@cratis/scene.model";
-import { ApplicationStructureIndex as dn, EffectiveIconCatalog as ol, NavigationEditKind as hi, TemplateCatalogKind as Ar, ToolbarDiagnosticSeverity as il, addNavItem as rl, applicableTemplates as al, applyEdit as Fr, applyNavigationEdits as sl, baseComponentLibraries as ll, componentArgumentSourcePrefix as cl, componentBadge as fi, computeSizeClass as dl, corePackage as No, createDescriptorCatalog as ul, diagnoseNavigationRegions as pl, effectiveNavigation as Mr, effectivePackages as Lr, elementNodeId as se, findComponentDescriptor as Io, findLayoutTypeDescriptor as gi, inspect as Po, isCanvas as vt, isDockPanel as ml, isExternalComponent as Ye, isGrid as Oo, isPackageSelectionValid as hl, isPanel as Yt, isStackPanel as xo, isThemeCompatible as fl, isWrapPanel as gl, matchComponentQuery as vl, navigationModes as bl, normalizeNavigationMode as yl, normalizeToolbarButton as wl, packagesOfKind as vi, rankFrequentlyUsedComponents as kl, resolveComponentName as Mt, resolveEffectiveConfiguration as Br, resolveIconLibraries as Sl, resolvePackageDependencies as Cl, resolveScreenTemplates as Tl, resolveTemplateChain as Ro, resolveToolbarButton as Nl, screenTemplateNodeId as Il, setApplicationLogo as Pl, slotNodeId as Ol, switchRegionMode as jr, toComponentCatalog as un, toolbarButtonFromItem as Do, validateToolbarButtons as xl, validateValue as Tn } from "@cratis/scene.engine";
+import { ApplicationStructureIndex as dn, EffectiveIconCatalog as ol, NavigationEditKind as hi, TemplateCatalogKind as Ar, ToolbarDiagnosticSeverity as il, addNavItem as rl, applicableTemplates as al, applyEdit as Fr, applyNavigationEdits as sl, baseComponentLibraries as ll, componentArgumentSourcePrefix as cl, componentBadge as fi, computeSizeClass as dl, corePackage as No, createDescriptorCatalog as ul, diagnoseNavigationRegions as pl, effectiveNavigation as Mr, effectivePackages as Lr, elementNodeId as ae, findComponentDescriptor as Io, findLayoutTypeDescriptor as gi, inspect as Po, isCanvas as vt, isDockPanel as ml, isExternalComponent as Ye, isGrid as Oo, isPackageSelectionValid as hl, isPanel as Yt, isStackPanel as xo, isThemeCompatible as fl, isWrapPanel as gl, matchComponentQuery as vl, navigationModes as bl, normalizeNavigationMode as yl, normalizeToolbarButton as wl, packagesOfKind as vi, rankFrequentlyUsedComponents as kl, resolveComponentName as Mt, resolveEffectiveConfiguration as Br, resolveIconLibraries as Sl, resolvePackageDependencies as Cl, resolveScreenTemplates as Tl, resolveTemplateChain as Ro, resolveToolbarButton as Nl, screenTemplateNodeId as Il, setApplicationLogo as Pl, slotNodeId as Ol, switchRegionMode as jr, toComponentCatalog as un, toolbarButtonFromItem as Do, validateToolbarButtons as xl, validateValue as Tn } from "@cratis/scene.engine";
 import { ErrorBoundary as wt, IconButton as we, Tabs as Rl } from "@cratis/components/Common";
 import { ColorScheme as Ur, ComponentName as Dl, LayoutConfigProvider as zr, LayoutMode as _o, LayoutName as _l, TemplatePreviewState as pt, applyTemplatePreviewState as $l, colorSchemes as El, composeApplicationScreen as Al, composeScreenElement as Fl, defaultApplicationChrome as Ml, defaultBlueprint as Wr, defaultBlueprintName as Kr, effectiveShellOf as Hr, externalComponent as $o, foundationSamples as Ll, layoutModes as Gr, previewProfile as Bl, resolveElementComponentNames as Eo } from "@cratis/scene.blueprint.default";
 import { IconAdapterProvider as qr, SceneElementView as Ao, SceneNavigationModelProvider as jl, SceneNavigationProvider as Ul, SceneThemeProvider as Vr, SliceInvokerProvider as zl, componentRegistryKey as _t, corePackage as Jr, createDryRunInvoker as Wl, itemEditableRule as Kl, itemInheritedReason as Hl, mergeIconAdapters as Gl, mergePackageRegistries as Qr, resolveDesignTimeHost as ql } from "@cratis/scene.react";
@@ -133,52 +133,52 @@ var ju = (e) => e ? {
   "se",
   "sw"
 ], da = ({ sourceRect: e, initialSize: t, centerOffsetX: n = 0, children: o, renderInspector: i, canClose: r, onClosed: s }) => {
-  const [l, c] = B("entering"), [u, d] = B(() => ju(t)), p = J(u);
+  const [l, c] = M("entering"), [u, d] = M(() => ju(t)), p = J(u);
   p.current = u;
-  const [m, h] = B(!1), [f, v] = B(() => ({
+  const [m, h] = M(!1), [f, v] = M(() => ({
     width: window.innerWidth,
     height: window.innerHeight
   }));
-  re(() => {
+  ie(() => {
     const N = () => v({
       width: window.innerWidth,
       height: window.innerHeight
     });
     return window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
   }, []);
-  const g = K(() => h((N) => !N), []), k = J(null);
-  re(() => {
+  const g = H(() => h((N) => !N), []), k = J(null);
+  ie(() => {
     const N = requestAnimationFrame(() => c("visible"));
     return () => cancelAnimationFrame(N);
   }, []);
-  const O = K(async (N = !1) => {
+  const x = H(async (N = !1) => {
     !N && r && !await r(p.current) || (c("closing"), setTimeout(() => s(p.current), 300));
-  }, [r, s]), P = (N, W) => {
-    W.stopPropagation(), W.preventDefault(), k.current = {
+  }, [r, s]), O = (N, z) => {
+    z.stopPropagation(), z.preventDefault(), k.current = {
       direction: N,
-      startX: W.clientX,
-      startY: W.clientY,
+      startX: z.clientX,
+      startY: z.clientY,
       startWidth: u.width,
       startHeight: u.height
-    }, W.target.setPointerCapture(W.pointerId);
-  }, y = K((N) => {
-    const W = k.current;
-    if (!W) return;
-    const { direction: Q } = W;
-    let me = W.startWidth, he = W.startHeight;
+    }, z.target.setPointerCapture(z.pointerId);
+  }, y = H((N) => {
+    const z = k.current;
+    if (!z) return;
+    const { direction: Q } = z;
+    let pe = z.startWidth, ce = z.startHeight;
     if (Q.includes("e") || Q.includes("w")) {
-      const ce = Q.includes("e") ? N.clientX - W.startX : W.startX - N.clientX;
-      me = Math.max(Lu, W.startWidth + ce * 2);
+      const me = Q.includes("e") ? N.clientX - z.startX : z.startX - N.clientX;
+      pe = Math.max(Lu, z.startWidth + me * 2);
     }
     if (Q.includes("s") || Q.includes("n")) {
-      const ce = Q.includes("s") ? N.clientY - W.startY : W.startY - N.clientY;
-      he = Math.max(Bu, W.startHeight + ce * 2);
+      const me = Q.includes("s") ? N.clientY - z.startY : z.startY - N.clientY;
+      ce = Math.max(Bu, z.startHeight + me * 2);
     }
     d({
-      width: me,
-      height: he
+      width: pe,
+      height: ce
     });
-  }, []), S = K(() => {
+  }, []), S = H(() => {
     k.current = null;
   }, []), w = Mu(u, f, n - (m ? 360 / 2 : 0)), T = w.offsetX, E = {
     size: u,
@@ -186,27 +186,27 @@ var ju = (e) => e ? {
     isInspectorOpen: m,
     toggleInspector: g,
     close: () => {
-      O();
+      x();
     },
     closeWithoutSaving: () => {
-      O(!0);
+      x(!0);
     }
-  }, I = e.left + e.width / 2, C = e.top + e.height / 2, $ = f.width / 2 + T - w.width / 2, z = f.height / 2 - w.height / 2, R = `${I - $}px ${C - z}px`, L = [
+  }, I = e.left + e.width / 2, C = e.top + e.height / 2, $ = f.width / 2 + T - w.width / 2, U = f.height / 2 - w.height / 2, D = `${I - $}px ${C - U}px`, F = [
     "prototype-editor-overlay-content",
     l === "visible" ? "prototype-editor-overlay-content--visible" : "",
     l === "closing" ? "prototype-editor-overlay-content--closing" : ""
-  ].join(" "), j = ["prototype-editor-overlay-backdrop", l === "visible" ? "prototype-editor-overlay-backdrop--visible" : ""].join(" ");
+  ].join(" "), L = ["prototype-editor-overlay-backdrop", l === "visible" ? "prototype-editor-overlay-backdrop--visible" : ""].join(" ");
   return /* @__PURE__ */ b("div", {
-    className: j,
+    className: L,
     "data-testid": "studio-screen-editor-backdrop",
     onClick: () => {
-      O();
+      x();
     },
     children: [/* @__PURE__ */ b("div", {
-      className: L,
+      className: F,
       "data-testid": "studio-screen-editor-frame",
       style: {
-        transformOrigin: R,
+        transformOrigin: D,
         width: w.width,
         height: w.height,
         marginLeft: -(w.width / 2) + T,
@@ -216,7 +216,7 @@ var ju = (e) => e ? {
       onPointerDown: (N) => N.stopPropagation(),
       children: [l === "visible" && Uu.map((N) => /* @__PURE__ */ a("div", {
         className: `prototype-editor-overlay-resize prototype-editor-overlay-resize--${N}`,
-        onPointerDown: (W) => P(N, W),
+        onPointerDown: (z) => O(N, z),
         onPointerMove: y,
         onPointerUp: S,
         onPointerCancel: S
@@ -234,7 +234,7 @@ var ju = (e) => e ? {
 }, $t = {
   name: "StudioScreen",
   slots: [{ name: "content" }]
-}, Ze = "content", de = "Screen", zu = "template-root", Wu = "screen-root", ua = () => ({
+}, Ze = "content", le = "Screen", zu = "template-root", Wu = "screen-root", ua = () => ({
   layouts: [$t],
   screenTemplates: [],
   dialogTemplates: [],
@@ -246,7 +246,7 @@ function Ku(e, t) {
   return {
     ...ua(),
     screens: [{
-      name: de,
+      name: le,
       layout: $t.name,
       slotContent: { [Ze]: [e] },
       forms: [],
@@ -267,7 +267,7 @@ function Hu(e, t, n) {
   };
 }
 function Nt(e, t) {
-  return (t === void 0 ? e.screens.find((n) => n.name === de)?.slotContent : e.screenTemplates.find((n) => n.name === t)?.content)?.[Ze]?.[0];
+  return (t === void 0 ? e.screens.find((n) => n.name === le)?.slotContent : e.screenTemplates.find((n) => n.name === t)?.content)?.[Ze]?.[0];
 }
 function Zn(e, t = !1) {
   return t && e !== void 0 ? {
@@ -276,7 +276,7 @@ function Zn(e, t = !1) {
     layout: $t.name
   } : {
     kind: an.Screen,
-    name: de
+    name: le
   };
 }
 function It(e, t) {
@@ -284,7 +284,7 @@ function It(e, t) {
     ...e,
     screens: e.screens.map((n) => n.name === t ? {
       ...n,
-      name: de
+      name: le
     } : n.name === "Screen" ? {
       ...n,
       name: t
@@ -293,7 +293,7 @@ function It(e, t) {
 }
 function b0(e) {
   const t = e.screens.map((n) => n.name);
-  return [...t.filter((n) => n === de), ...t.filter((n) => n !== de)];
+  return [...t.filter((n) => n === le), ...t.filter((n) => n !== le)];
 }
 var An = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, Gu = (e) => {
   const t = e;
@@ -334,15 +334,15 @@ function Vu(e) {
   };
   return qu(t, e, 0), delete t.zIndex, t;
 }
-var Ju = Object.keys(Xn), H = /* @__PURE__ */ (function(e) {
+var Ju = Object.keys(Xn), G = /* @__PURE__ */ (function(e) {
   return e.Stack = "stack", e.Row = "row", e.Grid = "grid", e.Container = "container", e.Wrap = "wrap", e.Canvas = "canvas", e;
 })({}), Qu = "StudioLayout", Yu = {
-  Stack: H.Stack,
-  Row: H.Row,
-  Grid: H.Grid,
-  Container: H.Container,
-  Wrap: H.Wrap,
-  Canvas: H.Canvas
+  Stack: G.Stack,
+  Row: G.Row,
+  Grid: G.Grid,
+  Container: G.Container,
+  Wrap: G.Wrap,
+  Canvas: G.Canvas
 };
 function Zu(e) {
   const t = Object.entries(Yu).find(([, n]) => n === e)?.[0] ?? "Container";
@@ -362,10 +362,10 @@ function eo(e) {
   return Array.isArray(e) ? e.filter((t) => t !== null).map(eo) : e !== null && typeof e == "object" ? Object.fromEntries(Object.entries(e).filter(([, t]) => t !== null).map(([t, n]) => [t, eo(n)])) : e;
 }
 function ma(e) {
-  if (vt(e)) return H.Canvas;
-  if (Oo(e)) return H.Grid;
+  if (vt(e)) return G.Canvas;
+  if (Oo(e)) return G.Grid;
   if (!ml(e))
-    return xo(e) ? e.orientation === ft.Horizontal ? H.Row : H.Stack : gl(e) ? H.Wrap : H.Container;
+    return xo(e) ? e.orientation === ft.Horizontal ? G.Row : G.Stack : gl(e) ? G.Wrap : G.Container;
 }
 function en(e, t = () => {
 }) {
@@ -377,13 +377,13 @@ function ha(e, t) {
   if (r != null && typeof r == "object") return op(r, n, o, i);
   const s = o[Fi], l = typeof o.legacyType == "string" && o.legacyType !== "" ? o[Ai] : void 0, c = l ?? (Yt(e) ? Zu(ma(e)) : t(Ye(e) ? e.componentName : "")), u = Ye(e) ? e.componentName : "", { [Ai]: d, [Fi]: p, [et]: m, [tt]: h, ...f } = o, v = {};
   for (const y of s?.topKeys ?? []) y in f && (v[y] = f[y], delete f[y]);
-  const g = ge(m, s?.position.x ?? 0), k = ge(h, s?.position.y ?? 0), O = n.name ?? "", P = s?.emptyName === !0 && O === (l ?? "");
+  const g = ge(m, s?.position.x ?? 0), k = ge(h, s?.position.y ?? 0), x = n.name ?? "", O = s?.emptyName === !0 && x === (l ?? "");
   return {
     ...np(n, s),
     ...v,
     _derivedTypeId: c ?? "externalComponent",
     id: n.id,
-    ...P ? {} : { name: O },
+    ...O ? {} : { name: x },
     componentName: c ? c.slice(c.lastIndexOf(".") + 1) : pa(u),
     properties: {
       ...f,
@@ -463,18 +463,18 @@ function Ie(e, t, n, o = null) {
 function fa(e, t, n) {
   return n.idOf(e) === t ? !0 : n.childrenOf(e).some((o) => fa(o, t, n));
 }
-var ne = /* @__PURE__ */ (function(e) {
+var oe = /* @__PURE__ */ (function(e) {
   return e.Local = "local", e.Inherited = "inherited", e.ConfigurableInherited = "configurableInherited", e;
 })({}), Le = /* @__PURE__ */ (function(e) {
   return e.Select = "select", e.Configure = "configure", e.Move = "move", e.Resize = "resize", e.Restyle = "restyle", e.Insert = "insert", e.Delete = "delete", e;
 })({});
 function Et(e, t) {
   switch (e) {
-    case ne.Local:
+    case oe.Local:
       return !0;
-    case ne.ConfigurableInherited:
+    case oe.ConfigurableInherited:
       return t === Le.Select || t === Le.Configure;
-    case ne.Inherited:
+    case oe.Inherited:
       return t === Le.Select;
   }
 }
@@ -563,7 +563,7 @@ function sp(e, t, n) {
   const o = e / t;
   return o < 0.25 ? We.Before : o > 0.75 || !n ? o < 0.5 ? We.Before : We.After : We.Inside;
 }
-var ba = ({ ownership: e, label: t }) => e === ne.Local ? null : /* @__PURE__ */ a("span", {
+var ba = ({ ownership: e, label: t }) => e === oe.Local ? null : /* @__PURE__ */ a("span", {
   className: "studio-editor-ownership-badge",
   "data-ownership": e,
   children: t
@@ -629,29 +629,29 @@ var Mi = {
   ArrowRight: Ee.Indent
 };
 function ya({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEdit: r, onRemove: s }) {
-  const [l, c] = B(() => new Set(e.flatMap((I) => [t.idOf(I), ...t.childrenOf(I).map((C) => t.idOf(C))]))), [u, d] = B(o), [p, m] = B(), [h, f] = B(), [v, g] = B(""), k = U(() => va(e, l, t), [
+  const [l, c] = M(() => new Set(e.flatMap((I) => [t.idOf(I), ...t.childrenOf(I).map((C) => t.idOf(C))]))), [u, d] = M(o), [p, m] = M(), [h, f] = M(), [v, g] = M(""), k = j(() => va(e, l, t), [
     e,
     l,
     t
-  ]), O = k.some((I) => I.id === u) ? u : k[0]?.id, P = K((I) => c((C) => {
+  ]), x = k.some((I) => I.id === u) ? u : k[0]?.id, O = H((I) => c((C) => {
     const $ = new Set(C);
     return $.delete(I) || $.add(I), $;
-  }), []), y = K((I) => {
+  }), []), y = H((I) => {
     if (!I) return;
     const C = r(I);
     g(C ? n.rejection[C] : n.moved), !C && I.targetParentId && c(($) => new Set($).add(I.targetParentId));
   }, [r, n]), S = (I) => {
     I && (d(I), requestAnimationFrame(() => document.querySelector(`[data-row-id="${CSS.escape(I)}"]`)?.focus()));
   }, w = (I, C) => {
-    const $ = k.findIndex((R) => R.id === C), z = k[$];
+    const $ = k.findIndex((D) => D.id === C), U = k[$];
     if (I.altKey && Mi[I.key]) {
       I.preventDefault(), y(rp(e, C, Mi[I.key], t)), S(C);
       return;
     }
     if (Bo(I) && s && to(e, C, t)) {
       I.preventDefault();
-      const R = ga(e, C, t);
-      s(C), S(R);
+      const D = ga(e, C, t);
+      s(C), S(D);
       return;
     }
     switch (I.key) {
@@ -668,10 +668,10 @@ function ya({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
         I.preventDefault(), S(k[k.length - 1]?.id);
         break;
       case "ArrowRight":
-        I.preventDefault(), z.hasChildren && !z.isExpanded ? P(C) : S(k[$ + 1]?.parentId === C ? k[$ + 1].id : void 0);
+        I.preventDefault(), U.hasChildren && !U.isExpanded ? O(C) : S(k[$ + 1]?.parentId === C ? k[$ + 1].id : void 0);
         break;
       case "ArrowLeft":
-        I.preventDefault(), z.isExpanded ? P(C) : S(z.parentId ?? void 0);
+        I.preventDefault(), U.isExpanded ? O(C) : S(U.parentId ?? void 0);
         break;
       case "Enter":
       case " ":
@@ -680,10 +680,10 @@ function ya({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
   }, T = (I, C) => {
     if (!p) return;
     I.preventDefault();
-    const $ = I.currentTarget.getBoundingClientRect(), z = k.find((R) => R.id === C);
+    const $ = I.currentTarget.getBoundingClientRect(), U = k.find((D) => D.id === C);
     f({
       id: C,
-      zone: sp(I.clientY - $.top, $.height, !!z && t.acceptsChildren(z.node))
+      zone: sp(I.clientY - $.top, $.height, !!U && t.acceptsChildren(U.node))
     });
   }, E = (I, C) => {
     I.preventDefault(), p && h?.id === C && y(ap(e, p, C, h.zone, t)), m(void 0), f(void 0);
@@ -691,7 +691,7 @@ function ya({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
   return k.length === 0 ? /* @__PURE__ */ a("p", {
     className: "studio-editor-structure-empty",
     children: n.structureEmpty
-  }) : /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ a("ul", {
+  }) : /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ a("ul", {
     role: "tree",
     "aria-label": n.structureLabel,
     className: "studio-editor-structure-tree",
@@ -700,12 +700,12 @@ function ya({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
       adapter: t,
       strings: n,
       isSelected: I.id === o,
-      isFocusable: I.id === O,
+      isFocusable: I.id === x,
       dropZone: h?.id === I.id ? h.zone : void 0,
       onSelect: (C) => {
         d(C), i(C);
       },
-      onToggle: P,
+      onToggle: O,
       onKeyDown: w,
       onDragStart: m,
       onDragOver: T,
@@ -834,7 +834,7 @@ var bp = (e, t) => {
           }, d.id))
         ]
       })] }),
-      e && c && /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ b("div", {
+      e && c && /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ b("div", {
         className: "studio-editor-query__group",
         children: [/* @__PURE__ */ a("strong", { children: l.inputs }), c.inputs.map((d) => /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ b("span", { children: [l.sourceFor(d.name), d.required ? " *" : ""] }), /* @__PURE__ */ b("select", {
           value: e.inputs[d.name] ?? "",
@@ -916,7 +916,7 @@ function mn(e, t, n, o, i) {
   const l = {
     element: e,
     root: n.composition.element,
-    screen: n.document.screens.find((c) => c.name === de),
+    screen: n.document.screens.find((c) => c.name === le),
     descriptor: t,
     profile: o.runtime.profile,
     bundles: o.runtime.bundles,
@@ -956,11 +956,11 @@ function Uo(e, t, n = []) {
   }
 }
 var Cp = ({ component: e, descriptor: t, controller: n, environment: o, strings: i, disabled: r }) => {
-  const [s, l] = B([]), { designTime: c, packageDescriptorOf: u } = o.runtime, d = u(t);
+  const [s, l] = M([]), { designTime: c, packageDescriptorOf: u } = o.runtime, d = u(t);
   if ((d.actions ?? []).length === 0) return null;
   const p = (g) => mn(e, d, n, o, g), m = c.actions(d, p(i.properties.designTimeActions)), h = Uo(d, o, m.map((g) => g.diagnostic)) !== void 0, f = h ? [] : m.flatMap((g) => g.diagnostic ? [g.diagnostic] : []), v = (g, k) => {
-    const O = c.runAction(d, g, p(k));
-    l(O.diagnostics);
+    const x = c.runAction(d, g, p(k));
+    l(x.diagnostics);
   };
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-properties__actions",
@@ -1048,17 +1048,17 @@ function Op(e, t) {
 function xp(e, t) {
   return t ? {
     kind: Z.SetProperty,
-    nodeId: se(e),
+    nodeId: ae(e),
     path: oo,
     value: t.id
   } : {
     kind: Z.ResetProperty,
-    nodeId: se(e),
+    nodeId: ae(e),
     path: oo
   };
 }
 var Rp = ({ controller: e, slices: t, strings: n, disabled: o }) => {
-  const i = e.document.screens.find((c) => c.name === de), r = i?.forms ?? [];
+  const i = e.document.screens.find((c) => c.name === le), r = i?.forms ?? [];
   if (!i) return null;
   const s = n.properties.forms, l = new Set(Ca(e.composition.roots, t).map((c) => c.commandName));
   return /* @__PURE__ */ b("section", {
@@ -1360,7 +1360,7 @@ var Vp = ({ form: e, strings: t, onChange: n }) => {
       })] })
     ]
   });
-}, Jp = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ b(ae, { children: [
+}, Jp = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ b(re, { children: [
   /* @__PURE__ */ a(Ut, {
     label: t.row,
     value: e.row,
@@ -1651,7 +1651,7 @@ function rm(e, t) {
 var Pt = /* @__PURE__ */ (function(e) {
   return e.Desktop = "desktop", e.Tablet = "tablet", e.Phone = "phone", e;
 })({}), am = ({ templateName: e, environment: t, strings: n, disabled: o, onApply: i, onDiscard: r }) => {
-  const [s, l] = B(pt.Populated), [c, u] = B(Pt.Desktop), { bundles: d, profile: p, registry: m, designTime: h } = t.runtime, f = U(() => im(e, s, d, p), [
+  const [s, l] = M(pt.Populated), [c, u] = M(Pt.Desktop), { bundles: d, profile: p, registry: m, designTime: h } = t.runtime, f = j(() => im(e, s, d, p), [
     e,
     s,
     d,
@@ -1704,8 +1704,8 @@ var Pt = /* @__PURE__ */ (function(e) {
         children: [
           /* @__PURE__ */ a("dt", { children: n.provenanceLabel }),
           /* @__PURE__ */ a("dd", { children: `${v.package} ${v.packageVersion}` }),
-          v.license && /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ a("dt", { children: n.license }), /* @__PURE__ */ a("dd", { children: v.license })] }),
-          v.attribution?.notice && /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ a("dt", { children: n.attribution }), /* @__PURE__ */ a("dd", { children: v.attribution.notice })] }),
+          v.license && /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ a("dt", { children: n.license }), /* @__PURE__ */ a("dd", { children: v.license })] }),
+          v.attribution?.notice && /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ a("dt", { children: n.attribution }), /* @__PURE__ */ a("dd", { children: v.attribution.notice })] }),
           /* @__PURE__ */ a("dt", { children: n.compatibility }),
           /* @__PURE__ */ a("dd", { children: v.compatible ? n.compatible : n.incompatible })
         ]
@@ -1801,9 +1801,9 @@ var Pt = /* @__PURE__ */ (function(e) {
     disabled: o
   });
 }, sm = ({ controller: e, environment: t, strings: n, disabled: o }) => {
-  const i = n.properties.templates, [r, s] = B(), l = e.document.screens.find((g) => g.name === de);
+  const i = n.properties.templates, [r, s] = M(), l = e.document.screens.find((g) => g.name === le);
   if (!l) return null;
-  const c = t.ownTemplates ?? [], u = (g) => e.setScreenTemplate([...c, ...t.runtime.bundles.flatMap((k) => k.screenTemplates ?? [])].find((k) => k.name === g), i.choose), d = U(() => lm(al({
+  const c = t.ownTemplates ?? [], u = (g) => e.setScreenTemplate([...c, ...t.runtime.bundles.flatMap((k) => k.screenTemplates ?? [])].find((k) => k.name === g), i.choose), d = j(() => lm(al({
     ...c.length > 0 ? { own: Xp(c) } : {},
     blueprints: Fs(t.runtime.bundles)
   }, Es({
@@ -2018,7 +2018,7 @@ function vm(e, t, n) {
   };
 }
 var bm = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
-  const i = n.properties, [r, s] = B(), l = gi(t.context.catalog, e.typeId), c = l?.capabilities.convertibleTo ?? [];
+  const i = n.properties, [r, s] = M(), l = gi(t.context.catalog, e.typeId), c = l?.capabilities.convertibleTo ?? [];
   if (!l || c.length === 0) return null;
   const u = (d) => {
     const p = t.tryApply(d, i.changeLayout), m = vm(d, p.applied, p.diagnostics);
@@ -2064,7 +2064,7 @@ var bm = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
   });
 };
 var ym = ({ location: e, strings: t }) => {
-  const n = t.properties.location, [o, i] = B(), [r, s] = B(""), [l, c] = B(), [u, d] = B(!1);
+  const n = t.properties.location, [o, i] = M(), [r, s] = M(""), [l, c] = M(), [u, d] = M(!1);
   if (!e) return null;
   const p = o?.featureId ?? e.currentFeatureId, m = o?.path ?? e.path, h = e.features.filter((v) => v.id !== p), f = async () => {
     const v = e.features.find((k) => k.id === r);
@@ -2208,8 +2208,8 @@ function ro(e, t, n = e.label) {
   }
 }
 function Wi(e, t) {
-  const [n, o] = B(), i = t ? e.loadedOf(t) : void 0;
-  return re(() => {
+  const [n, o] = M(), i = t ? e.loadedOf(t) : void 0;
+  return ie(() => {
     if (!t || e.loadedOf(t)) return;
     let r = !0;
     return e.load(t).then(() => {
@@ -2235,7 +2235,7 @@ function Wi(e, t) {
   };
 }
 var Wo = ({ registry: e, property: t, context: n, componentId: o, onChange: i, diagnostics: r, presentation: s = "field" }) => {
-  const l = s === "popover", { descriptor: c } = t, u = `pe-${o}-${c.path}`.replace(/[^A-Za-z0-9_-]/g, "-"), d = e.resolve(c), p = Rs(t), { editor: m, failed: h } = Wi(e, d?.id), { editor: f } = Wi(e, p ? "bindingExpression" : void 0), v = n.strings.editors, g = !t.editable || c.readOnly === !0, k = t.editable ? c.readOnly === !0 ? v.readOnly : void 0 : t.reason ?? v.inherited, O = t.effectiveValue, P = Nm(t, r), y = O == null || !pi(c) ? void 0 : Tn(c, O) ?? ro(c, O), S = y !== void 0 && Tn(c, O) !== void 0 ? Ms(c, O) : void 0, w = S !== void 0 && Tn(c, S) === void 0, T = ($) => i(t, $), E = p && $s(O), I = c.valueType === "boolean", C = pi(c);
+  const l = s === "popover", { descriptor: c } = t, u = `pe-${o}-${c.path}`.replace(/[^A-Za-z0-9_-]/g, "-"), d = e.resolve(c), p = Rs(t), { editor: m, failed: h } = Wi(e, d?.id), { editor: f } = Wi(e, p ? "bindingExpression" : void 0), v = n.strings.editors, g = !t.editable || c.readOnly === !0, k = t.editable ? c.readOnly === !0 ? v.readOnly : void 0 : t.reason ?? v.inherited, x = t.effectiveValue, O = Nm(t, r), y = x == null || !pi(c) ? void 0 : Tn(c, x) ?? ro(c, x), S = y !== void 0 && Tn(c, x) !== void 0 ? Ms(c, x) : void 0, w = S !== void 0 && Tn(c, S) === void 0, T = ($) => i(t, $), E = p && $s(x), I = c.valueType === "boolean", C = pi(c);
   return /* @__PURE__ */ b("div", {
     className: `studio-editor-field${I ? " studio-editor-field--inline" : ""}`,
     "data-property": c.path,
@@ -2279,14 +2279,14 @@ var Wo = ({ registry: e, property: t, context: n, componentId: o, onChange: i, d
           }),
           children: /* @__PURE__ */ a(m, {
             id: u,
-            value: O,
+            value: x,
             onChange: T,
             descriptor: c,
             context: n,
             disabled: g,
             ...l ? { inline: !0 } : {},
             ...k ? { readOnlyReason: k } : {},
-            ...P ? { problem: P } : {}
+            ...O ? { problem: O } : {}
           })
         }, o) : h ? /* @__PURE__ */ a("p", {
           className: "studio-editor-binding__missing",
@@ -2318,12 +2318,12 @@ var Wo = ({ registry: e, property: t, context: n, componentId: o, onChange: i, d
         "data-reason": !0,
         children: k
       }),
-      P && /* @__PURE__ */ a("p", {
+      O && /* @__PURE__ */ a("p", {
         id: `${u}-problem`,
         className: "studio-editor-field__problem",
         role: "alert",
-        "data-code": P.code,
-        children: P.message
+        "data-code": O.code,
+        children: O.message
       })
     ]
   });
@@ -2560,14 +2560,14 @@ var te = /* @__PURE__ */ (function(e) {
   typeLabel: "Type",
   ownershipLabel: "Source",
   ownership: {
-    [ne.Local]: "This screen",
-    [ne.Inherited]: "Inherited",
-    [ne.ConfigurableInherited]: "Inherited, configurable"
+    [oe.Local]: "This screen",
+    [oe.Inherited]: "Inherited",
+    [oe.ConfigurableInherited]: "Inherited, configurable"
   },
   ownershipHint: {
-    [ne.Local]: "Authored on this screen. You can move, resize and change it.",
-    [ne.Inherited]: "Inherited from a template. It can be inspected here but not changed; open the template to edit it.",
-    [ne.ConfigurableInherited]: "Inherited from a template that exposes some of its settings to this screen. The structure stays locked."
+    [oe.Local]: "Authored on this screen. You can move, resize and change it.",
+    [oe.Inherited]: "Inherited from a template. It can be inspected here but not changed; open the template to edit it.",
+    [oe.ConfigurableInherited]: "Inherited from a template that exposes some of its settings to this screen. The structure stays locked."
   },
   surface: {
     emptyContainer: "Empty - drop a component here",
@@ -3056,7 +3056,7 @@ function Em(e) {
   };
 }
 function Am(e, t) {
-  const n = se(e);
+  const n = ae(e);
   return Object.entries(Em(t)).map(([o, i]) => ({
     kind: Z.SetProperty,
     nodeId: n,
@@ -3131,7 +3131,7 @@ function Bm(e) {
   return e?.kind === $r.Click;
 }
 var jm = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, disabled: r, onChange: s }) => {
-  const l = Fm(e), [c, u] = B(ee.None), d = l.kind === ee.None ? {
+  const l = Fm(e), [c, u] = M(ee.None), d = l.kind === ee.None ? {
     kind: c,
     target: ""
   } : l, p = Um(d.kind, t, n, o), m = d.target !== "" && !p.some((v) => v.value === d.target), h = (v) => {
@@ -3320,7 +3320,7 @@ var fn = {
     removed: (e) => `Removed ${e}`,
     refused: (e) => `Not possible: ${e}`
   }
-}, F = {
+}, A = {
   addItem: "addItem",
   addButton: "addButton",
   rename: "rename",
@@ -3353,17 +3353,17 @@ function Wt(e, t) {
     enabled: !1
   };
   switch (e.id) {
-    case F.moveEarlier:
+    case A.moveEarlier:
       return {
         visible: !0,
         enabled: t.index > 0
       };
-    case F.moveLater:
+    case A.moveLater:
       return {
         visible: !0,
         enabled: t.index < t.count - 1
       };
-    case F.addSubItem:
+    case A.addSubItem:
       return {
         visible: !0,
         enabled: t.parentId === void 0
@@ -3463,9 +3463,9 @@ function Ym(e, t) {
   return [n.name, ...o].join(" › ");
 }
 function Yo(e) {
-  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = Mr(i, o, n, t), d = Jm(o, n, t), p = pl(i, o, { slots: [...s] }), m = (P) => `${n ?? "application"}:${t}:${P}`, h = [], f = (P, y) => {
-    const S = P.filter((w) => !w.readOnly);
-    P.forEach((w) => {
+  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = Mr(i, o, n, t), d = Jm(o, n, t), p = pl(i, o, { slots: [...s] }), m = (O) => `${n ?? "application"}:${t}:${O}`, h = [], f = (O, y) => {
+    const S = O.filter((w) => !w.readOnly);
+    O.forEach((w) => {
       const T = sn(d, w.id)?.target ?? (w.target ? {
         module: w.target.module,
         ...w.target.feature ? { feature: w.target.feature } : {}
@@ -3500,22 +3500,22 @@ function Yo(e) {
     });
   };
   f(u.items);
-  const v = t, g = (P, y, S, w = {}) => y.rejected ? { rejected: y.rejected } : {
-    label: P,
+  const v = t, g = (O, y, S, w = {}) => y.rejected ? { rejected: y.rejected } : {
+    label: O,
     edits: [],
     navigationEdits: y.edits,
     ...S ? { select: S } : {},
     ...w
-  }, k = (P) => ({ edits: [{
+  }, k = (O) => ({ edits: [{
     kind: hi.SetRegionItems,
     ...n !== void 0 ? { module: n } : {},
     region: t,
-    items: P
-  }] }), O = (P) => {
+    items: O
+  }] }), x = (O) => {
     const y = r(), S = rl(o, n, t, {
       id: y,
       title: l
-    }, P), w = S.edits.some((T) => T.kind === hi.SetRegionMode);
+    }, O), w = S.edits.some((T) => T.kind === hi.SetRegionMode);
     return g("Add", S, { itemId: y }, {
       renameNext: !0,
       ...w ? { notice: c.extendsNotice } : {}
@@ -3534,41 +3534,41 @@ function Yo(e) {
       ...n !== void 0 ? { module: n } : {},
       ...u.mode ? { mode: Qm(u.mode) } : {}
     },
-    add: (P) => P === F.addItem ? O() : { rejected: P },
-    act: (P, y) => {
-      switch (P) {
-        case F.addSubItem:
-          return y.parentId !== void 0 ? { rejected: "subItemOfSubItem" } : O(y.id);
-        case F.moveEarlier:
-        case F.moveLater: {
-          const S = y.index + (P === F.moveEarlier ? -1 : 1), w = Ft(d, y.id);
+    add: (O) => O === A.addItem ? x() : { rejected: O },
+    act: (O, y) => {
+      switch (O) {
+        case A.addSubItem:
+          return y.parentId !== void 0 ? { rejected: "subItemOfSubItem" } : x(y.id);
+        case A.moveEarlier:
+        case A.moveLater: {
+          const S = y.index + (O === A.moveEarlier ? -1 : 1), w = Ft(d, y.id);
           return !w || S < 0 || S >= w.length ? { rejected: "noWhere" } : g("Move", k(Hm(d, y.id, S)), { itemId: y.id });
         }
-        case F.duplicate: {
+        case A.duplicate: {
           const S = Gm(d, y.id, r);
-          return S.copy ? g("Duplicate", k(S.items), { itemId: S.copy.id }) : { rejected: P };
+          return S.copy ? g("Duplicate", k(S.items), { itemId: S.copy.id }) : { rejected: O };
         }
-        case F.delete: {
+        case A.delete: {
           const S = Ft(d, y.id) ?? [], w = S.findIndex((E) => E.id === y.id), T = S[w + 1] ?? S[w - 1];
           return g("Remove", k(Km(d, y.id)), { itemId: T?.id ?? null });
         }
         default:
-          return { rejected: P };
+          return { rejected: O };
       }
     },
-    rename: (P, y) => g("Rename", k(Kt(d, P.id, { title: y })), { itemId: P.id }),
-    choice: (P, y) => {
+    rename: (O, y) => g("Rename", k(Kt(d, O.id, { title: y })), { itemId: O.id }),
+    choice: (O, y) => {
       const S = sn(d, y.id);
       if (S) {
-        if (P === F.target) return {
+        if (O === A.target) return {
           property: Ln("target", "Navigate to", "navigationItemTarget", S.target),
           plan: (w) => g("Link", k(Kt(d, y.id, { target: Zm(w) ? w : void 0 })), { itemId: y.id })
         };
-        if (P === F.slot) return {
+        if (O === A.slot) return {
           property: Ln("slot", "Render into slot", "renderingSlot", S.slot ?? "content"),
           plan: (w) => g("Change", k(Kt(d, y.id, { slot: typeof w == "string" && w !== "content" ? w : void 0 })), { itemId: y.id })
         };
-        if (P === "icon") return {
+        if (O === "icon") return {
           property: Ln("icon", "Icon", "icon", S.icon),
           plan: (w) => g("Change", k(Kt(d, y.id, { icon: typeof w == "string" && w !== "" ? w : void 0 })), { itemId: y.id })
         };
@@ -3627,7 +3627,7 @@ function Xm({ componentId: e, property: t, newId: n, startingLabel: o, startingD
     kind: gn.Collection,
     items: d,
     add: (h) => {
-      if (h !== F.addItem) return { rejected: h };
+      if (h !== A.addItem) return { rejected: h };
       const f = m(ke.Add);
       if (f) return f;
       const v = t.descriptor.item?.properties.some((k) => k.path === "destination" && k.constraints?.required === !0) === !0;
@@ -3653,11 +3653,11 @@ function Xm({ componentId: e, property: t, newId: n, startingLabel: o, startingD
     },
     act: (h, f) => {
       switch (h) {
-        case F.moveEarlier:
-        case F.moveLater: {
+        case A.moveEarlier:
+        case A.moveLater: {
           const v = m(ke.Reorder);
           if (v) return v;
-          const g = f.index + (h === F.moveEarlier ? -1 : 1);
+          const g = f.index + (h === A.moveEarlier ? -1 : 1);
           return g < 0 || g >= l.length ? { rejected: "noWhere" } : {
             label: "Move",
             edits: [{
@@ -3669,10 +3669,10 @@ function Xm({ componentId: e, property: t, newId: n, startingLabel: o, startingD
             select: { itemId: f.id }
           };
         }
-        case F.duplicate: {
+        case A.duplicate: {
           const v = m(ke.Add);
           if (v) return v;
-          const g = n(), k = s.find((O) => O.id === f.id);
+          const g = n(), k = s.find((x) => x.id === f.id);
           return {
             label: "Duplicate",
             edits: [{
@@ -3687,7 +3687,7 @@ function Xm({ componentId: e, property: t, newId: n, startingLabel: o, startingD
             select: { itemId: g }
           };
         }
-        case F.delete: {
+        case A.delete: {
           const v = m(ke.Remove);
           if (v) return v;
           const g = l[f.index + 1] ?? l[f.index - 1];
@@ -3765,11 +3765,11 @@ function so(e, t, n) {
     value: o
   } : o === void 0 ? {
     kind: Z.ResetProperty,
-    nodeId: se(e),
+    nodeId: ae(e),
     path: t.descriptor.path
   } : {
     kind: Z.SetProperty,
-    nodeId: se(e),
+    nodeId: ae(e),
     path: t.descriptor.path,
     value: o
   };
@@ -3784,12 +3784,12 @@ function $a(e, t, n) {
 function th(e, t) {
   return [{
     kind: Z.SetProperty,
-    nodeId: se(e),
+    nodeId: ae(e),
     path: "slice",
     value: t
   }, {
     kind: Z.ResetProperty,
-    nodeId: se(e),
+    nodeId: ae(e),
     path: "target"
   }];
 }
@@ -3807,7 +3807,7 @@ function lo(e, t) {
   typeof n.id == "string" && n.properties !== null && typeof n.properties == "object" && (n.id = t());
   for (const [o, i] of Object.entries(n)) o !== "properties" && lo(i, t);
 }
-var co = (e) => typeof e == "string" ? e : "", vn = { [F.addButton]: {
+var co = (e) => typeof e == "string" ? e : "", vn = { [A.addButton]: {
   slot: "items",
   componentName: "core:toolbarItem",
   labelProperty: "label",
@@ -3818,7 +3818,7 @@ function oh({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
   const l = vn[t];
   if (!l) return;
   const c = e.slots?.[l.slot] ?? [], u = c.map((m, h) => {
-    const f = m.id, v = m.properties ?? {}, g = n(f) !== ne.Local, k = s ? $a(s, f, v) : void 0;
+    const f = m.id, v = m.properties ?? {}, g = n(f) !== oe.Local, k = s ? $a(s, f, v) : void 0;
     return {
       id: f,
       label: co(v[l.labelProperty]),
@@ -3832,7 +3832,7 @@ function oh({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
       } : v,
       unlinked: k ? !1 : l.isUnlinked(f, v)
     };
-  }), d = se(e.id), p = (m, h, f) => ({
+  }), d = ae(e.id), p = (m, h, f) => ({
     label: f,
     edits: [{
       kind: Z.InsertNode,
@@ -3848,7 +3848,7 @@ function oh({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
     items: u,
     add: (m) => {
       if (m !== t) return { rejected: m };
-      if (n(e.id) !== ne.Local) return { rejected: "inherited" };
+      if (n(e.id) !== oe.Local) return { rejected: "inherited" };
       const h = ue(i(), l.componentName, l.componentName, {
         ...l.startingProperties,
         [l.labelProperty]: r
@@ -3861,14 +3861,14 @@ function oh({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
     act: (m, h) => {
       const f = c[h.index];
       switch (m) {
-        case F.moveEarlier:
-        case F.moveLater: {
-          const v = h.index + (m === F.moveEarlier ? -1 : 1);
+        case A.moveEarlier:
+        case A.moveLater: {
+          const v = h.index + (m === A.moveEarlier ? -1 : 1);
           return v < 0 || v >= c.length ? { rejected: "noWhere" } : {
             label: "Move",
             edits: [{
               kind: Z.MoveNode,
-              nodeId: se(h.id),
+              nodeId: ae(h.id),
               target: d,
               slot: l.slot,
               index: v
@@ -3876,15 +3876,15 @@ function oh({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
             select: { elementId: h.id }
           };
         }
-        case F.duplicate:
+        case A.duplicate:
           return p(nh(f, i), h.index + 1, "Duplicate");
-        case F.delete: {
+        case A.delete: {
           const v = c[h.index + 1] ?? c[h.index - 1];
           return {
             label: "Remove",
             edits: [{
               kind: Z.RemoveNode,
-              nodeId: se(h.id)
+              nodeId: ae(h.id)
             }],
             select: { elementId: v ? v.id : e.id }
           };
@@ -3902,7 +3902,7 @@ function oh({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
       } : { rejected: "rename" };
     },
     choice: (m, h) => {
-      const f = m === F.slice ? "slice" : m === F.emphasis ? "emphasis" : void 0, v = f ? o(h.id)?.properties.find((g) => g.descriptor.path === f) : void 0;
+      const f = m === A.slice ? "slice" : m === A.emphasis ? "emphasis" : void 0, v = f ? o(h.id)?.properties.find((g) => g.descriptor.path === f) : void 0;
       if (v)
         return {
           property: v,
@@ -3968,18 +3968,18 @@ function Ji(e, t, n, o, i) {
   };
 }
 function rh({ controller: e, environment: t, strings: n, startingLabels: o, startingDestination: i, otherSource: r }) {
-  const [s, l] = B(0), [c, u] = B(""), [d, p] = B("");
-  re(() => {
+  const [s, l] = M(0), [c, u] = M(""), [d, p] = M("");
+  ie(() => {
     if (d === "") return;
     const C = setTimeout(() => p(""), 4e3);
     return () => clearTimeout(C);
   }, [d]);
-  const { document: m, composition: h, context: f, selectedId: v, ownershipOf: g, selectedItemId: k, navigation: O, navigationModule: P, structure: y } = e, S = t.navigation?.slots ?? t.propertyEditors?.slots ?? ah, w = K((C) => {
+  const { document: m, composition: h, context: f, selectedId: v, ownershipOf: g, selectedItemId: k, navigation: x, navigationModule: O, structure: y } = e, S = t.navigation?.slots ?? t.propertyEditors?.slots ?? ah, w = H((C) => {
     const $ = bn(C.componentName);
     return $ ? Yo({
       region: $,
-      module: P,
-      navigation: O,
+      module: O,
+      navigation: x,
       structure: y,
       newId: yt,
       slots: S,
@@ -3994,22 +3994,22 @@ function rh({ controller: e, environment: t, strings: n, startingLabels: o, star
       }
     }) : r?.(C, k);
   }, [
-    P,
     O,
+    x,
     y,
     S,
     o,
     n,
     r,
     k
-  ]), T = U(() => ih({
+  ]), T = j(() => ih({
     roots: h.roots,
     catalog: f.catalog,
     selectedId: v,
     selectedItemId: k,
     ownershipOf: g,
     newId: yt,
-    inspect: (C) => Po(m, se(C), f),
+    inspect: (C) => Po(m, ae(C), f),
     startingLabels: o,
     structure: y,
     ...i ? { startingDestination: i } : {},
@@ -4025,16 +4025,16 @@ function rh({ controller: e, environment: t, strings: n, startingLabels: o, star
     i,
     y,
     w
-  ]), E = e.selectItem, I = K((C, $) => {
+  ]), E = e.selectItem, I = H((C, $) => {
     if (qo(C))
       return u(n.announce.refused(C.rejected)), !1;
     if (C.editAtApplication)
       return e.setNavigationModule(void 0), e.selectItem(void 0, void 0), !0;
-    const z = C.navigationEdits ? e.applyNavigationEdits(C.navigationEdits, C.label) : e.applyAll(C.edits, C.label);
-    if (!z.applied)
-      return u(n.announce.refused("rejected" in z && z.rejected || "diagnostics" in z && z.diagnostics[0]?.message || C.label)), !1;
-    const { select: R } = C;
-    return R?.elementId !== void 0 && e.select(R.elementId), R?.itemId !== void 0 && e.selectItem(R.itemId === null ? void 0 : T?.componentId ?? v, R.itemId === null ? void 0 : R.itemId), C.notice && (u(C.notice), p(C.notice)), C.renameNext && l((L) => L + 1), $ && !C.notice && u($(C)), !0;
+    const U = C.navigationEdits ? e.applyNavigationEdits(C.navigationEdits, C.label) : e.applyAll(C.edits, C.label);
+    if (!U.applied)
+      return u(n.announce.refused("rejected" in U && U.rejected || "diagnostics" in U && U.diagnostics[0]?.message || C.label)), !1;
+    const { select: D } = C;
+    return D?.elementId !== void 0 && e.select(D.elementId), D?.itemId !== void 0 && e.selectItem(D.itemId === null ? void 0 : T?.componentId ?? v, D.itemId === null ? void 0 : D.itemId), C.notice && (u(C.notice), p(C.notice)), C.renameNext && l((F) => F + 1), $ && !C.notice && u($(C)), !0;
   }, [
     e,
     n,
@@ -4048,7 +4048,7 @@ function rh({ controller: e, environment: t, strings: n, startingLabels: o, star
     notice: d,
     pointItem: E,
     perform: I,
-    add: K((C) => {
+    add: H((C) => {
       if (!T) return !1;
       const $ = T.source.kind === gn.Elements ? o.button : o.item;
       return I(T.source.add(C), () => n.announce.added($));
@@ -4058,19 +4058,19 @@ function rh({ controller: e, environment: t, strings: n, startingLabels: o, star
       n,
       o
     ]),
-    act: K((C, $) => {
+    act: H((C, $) => {
       if (!T) return !1;
-      const z = $.label;
+      const U = $.label;
       return I(T.source.act(C, $), () => {
         switch (C) {
-          case F.moveEarlier:
-            return n.announce.moved(z, $.index, $.count);
-          case F.moveLater:
-            return n.announce.moved(z, $.index + 2, $.count);
-          case F.duplicate:
-            return n.announce.duplicated(z);
-          case F.delete:
-            return n.announce.removed(z);
+          case A.moveEarlier:
+            return n.announce.moved(U, $.index, $.count);
+          case A.moveLater:
+            return n.announce.moved(U, $.index + 2, $.count);
+          case A.duplicate:
+            return n.announce.duplicated(U);
+          case A.delete:
+            return n.announce.removed(U);
           default:
             return "";
         }
@@ -4080,8 +4080,8 @@ function rh({ controller: e, environment: t, strings: n, startingLabels: o, star
       I,
       n
     ]),
-    rename: K((C, $) => T ? I(T.source.rename(C, $)) : !1, [T, I]),
-    deselect: K(() => {
+    rename: H((C, $) => T ? I(T.source.rename(C, $)) : !1, [T, I]),
+    deselect: H(() => {
       k !== void 0 ? e.selectItem(void 0, void 0) : e.select(void 0);
     }, [k, e])
   };
@@ -4112,7 +4112,7 @@ var Ea = (e) => ({
   editable: r,
   ...s ? { reason: s } : {}
 }), uo = ({ controller: e, environment: t, strings: n, region: o, itemId: i }) => {
-  const r = (n.designMode ?? fn).navigation, { selection: s, navigation: l, structure: c, navigationModule: u } = e, d = o ? i : e.selectedItemId, p = o ?? (s && "componentName" in s ? bn(String(s.componentName)) : void 0), [m, h] = B(!1), f = U(() => jo(t.availableSources), [t.availableSources]);
+  const r = (n.designMode ?? fn).navigation, { selection: s, navigation: l, structure: c, navigationModule: u } = e, d = o ? i : e.selectedItemId, p = o ?? (s && "componentName" in s ? bn(String(s.componentName)) : void 0), [m, h] = M(!1), f = j(() => jo(t.availableSources), [t.availableSources]);
   if (!p) return null;
   const v = t.navigation?.slots ?? t.propertyEditors?.slots ?? ["content"], g = Yo({
     region: p,
@@ -4130,7 +4130,7 @@ var Ea = (e) => ({
       application: r.application,
       mainArea: "Main area"
     }
-  }), k = c.modules.find((N) => N.id === u)?.name ?? u, O = k ?? r.application, P = r.regionName[p], y = d ? g.items.find((N) => N.id === d) : void 0, S = t.propertyEditors?.registry ?? hn, w = Ko({
+  }), k = c.modules.find((N) => N.id === u)?.name ?? u, x = k ?? r.application, O = r.regionName[p], y = d ? g.items.find((N) => N.id === d) : void 0, S = t.propertyEditors?.registry ?? hn, w = Ko({
     controller: e,
     environment: t,
     strings: n,
@@ -4139,8 +4139,8 @@ var Ea = (e) => ({
     inCanvas: !1,
     bindingScope: f,
     slotNames: Ea(r)
-  }), T = g.region?.mode, E = (N, W = !1) => {
-    const Q = jr(l, u, p, N, { copy: W });
+  }), T = g.region?.mode, E = (N, z = !1) => {
+    const Q = jr(l, u, p, N, { copy: z });
     Q.rejected || Q.edits.length === 0 || e.applyNavigationEdits(Q.edits, "Region mode");
   }, I = (N) => {
     if (N !== T) {
@@ -4152,55 +4152,55 @@ var Ea = (e) => ({
     }
   }, C = y ? !y.readOnly : !1, $ = (N) => {
     !N || "rejected" in N || N.navigationEdits && e.applyNavigationEdits(N.navigationEdits, N.label);
-  }, z = (N, W) => {
+  }, U = (N, z) => {
     if (y)
       switch (N.descriptor.path) {
         case "label":
-          typeof W == "string" && W !== "" && $(g.rename(y, W));
+          typeof z == "string" && z !== "" && $(g.rename(y, z));
           break;
         case "target":
-          $(g.choice("target", y)?.plan(W));
+          $(g.choice("target", y)?.plan(z));
           break;
         case "slot":
-          $(g.choice("slot", y)?.plan(W));
+          $(g.choice("slot", y)?.plan(z));
           break;
         case "icon":
-          $(g.choice("icon", y)?.plan(W));
+          $(g.choice("icon", y)?.plan(z));
       }
-  }, R = (() => {
+  }, D = (() => {
     if (!y) return [];
     const N = [];
-    for (let W = y; ; ) {
-      N.unshift(W.label);
-      const Q = W.parentId ? g.items.find((me) => me.id === W.parentId) : void 0;
+    for (let z = y; ; ) {
+      N.unshift(z.label);
+      const Q = z.parentId ? g.items.find((pe) => pe.id === z.parentId) : void 0;
       if (!Q) break;
-      W = Q;
+      z = Q;
     }
-    return [y.readOnly ? r.application : O, ...N];
-  })(), L = l.application.logo, j = (N) => {
-    const W = Pl(l, u, {
-      image: L?.image ?? "",
-      title: L?.title ?? "",
+    return [y.readOnly ? r.application : x, ...N];
+  })(), F = l.application.logo, L = (N) => {
+    const z = Pl(l, u, {
+      image: F?.image ?? "",
+      title: F?.title ?? "",
       ...N
     });
-    W.rejected || e.applyNavigationEdits(W.edits, "Logo");
+    z.rejected || e.applyNavigationEdits(z.edits, "Logo");
   };
   return /* @__PURE__ */ a("section", {
     className: "studio-editor-properties__navigation",
     "data-region": p,
     "data-scope": u ?? "application",
-    children: y ? /* @__PURE__ */ b(ae, { children: [
+    children: y ? /* @__PURE__ */ b(re, { children: [
       /* @__PURE__ */ b("header", {
         className: "studio-editor-properties__header",
         children: [
           /* @__PURE__ */ a("strong", { children: r.navigationItem }),
           /* @__PURE__ */ a("span", {
             className: `studio-editor-chip${y.readOnly ? " studio-editor-chip--inherited" : ""}`,
-            children: y.readOnly ? r.inheritedReadOnly : r.definedIn(O)
+            children: y.readOnly ? r.inheritedReadOnly : r.definedIn(x)
           }),
           /* @__PURE__ */ a("span", {
             className: "studio-editor-chip",
-            children: P
+            children: O
           })
         ]
       }),
@@ -4211,11 +4211,11 @@ var Ea = (e) => ({
       }),
       /* @__PURE__ */ b("p", {
         className: "studio-editor-properties__hint",
-        "data-navigation-hierarchy": R.join(" › "),
+        "data-navigation-hierarchy": D.join(" › "),
         children: [
           /* @__PURE__ */ a("strong", { children: r.hierarchy }),
           " ",
-          R.join(" › ")
+          D.join(" › ")
         ]
       }),
       y.problems?.map((N) => /* @__PURE__ */ a("p", {
@@ -4233,27 +4233,27 @@ var Ea = (e) => ({
         property: N,
         context: w,
         componentId: y.id,
-        onChange: z,
+        onChange: U,
         diagnostics: []
       }, `${y.id}-${N.descriptor.path}`))
-    ] }) : /* @__PURE__ */ b(ae, { children: [
+    ] }) : /* @__PURE__ */ b(re, { children: [
       /* @__PURE__ */ a("header", {
         className: "studio-editor-properties__header",
-        children: /* @__PURE__ */ a("strong", { children: r.modeTitle(P, O) })
+        children: /* @__PURE__ */ a("strong", { children: r.modeTitle(O, x) })
       }),
       /* @__PURE__ */ a("p", {
         className: "studio-editor-properties__hint",
         children: g.regionTag?.long
       }),
-      u !== void 0 && /* @__PURE__ */ b(ae, { children: [
+      u !== void 0 && /* @__PURE__ */ b(re, { children: [
         /* @__PURE__ */ a("p", {
           className: "studio-editor-properties__hint",
-          children: r.modeDescription(P)
+          children: r.modeDescription(O)
         }),
         /* @__PURE__ */ a("div", {
           className: "studio-editor-mode-cards",
           role: "radiogroup",
-          "aria-label": r.modeTitle(P, O),
+          "aria-label": r.modeTitle(O, x),
           children: sh.map((N) => /* @__PURE__ */ b("button", {
             type: "button",
             role: "radio",
@@ -4297,15 +4297,15 @@ var Ea = (e) => ({
           /* @__PURE__ */ a("legend", { children: r.logo }),
           /* @__PURE__ */ b("label", { children: [r.logoTitle, /* @__PURE__ */ a("input", {
             type: "text",
-            value: L?.title ?? "",
+            value: F?.title ?? "",
             disabled: u !== void 0,
-            onChange: (N) => j({ title: N.target.value })
+            onChange: (N) => L({ title: N.target.value })
           })] }),
           /* @__PURE__ */ b("label", { children: [r.logoImage, /* @__PURE__ */ a("input", {
             type: "text",
-            value: L?.image ?? "",
+            value: F?.image ?? "",
             disabled: u !== void 0,
-            onChange: (N) => j({ image: N.target.value })
+            onChange: (N) => L({ image: N.target.value })
           })] }),
           u !== void 0 && /* @__PURE__ */ a("p", {
             className: "studio-editor-properties__hint",
@@ -4331,7 +4331,7 @@ var Ea = (e) => ({
   inherited: "inherited",
   notLinked: "not linked"
 }, ch = [gt.Topbar, gt.Sidebar], dh = ({ controller: e, environment: t, strings: n }) => {
-  const o = lh, i = (n.designMode ?? fn).navigation, [r, s] = B(gt.Topbar), [l, c] = B(), { navigation: u, structure: d, navigationModule: p } = e;
+  const o = lh, i = (n.designMode ?? fn).navigation, [r, s] = M(gt.Topbar), [l, c] = M(), { navigation: u, structure: d, navigationModule: p } = e;
   if (!t.navigation) return null;
   const m = t.navigation.slots ?? t.propertyEditors?.slots ?? ["content"], h = Yo({
     region: r,
@@ -4351,9 +4351,9 @@ var Ea = (e) => ({
     }
   }), f = h.items.find((y) => y.id === l), v = f !== void 0 && !f.readOnly, g = (y) => {
     qo(y) || !y.navigationEdits || e.applyNavigationEdits(y.navigationEdits, y.label).applied && y.select?.itemId !== void 0 && c(y.select.itemId === null ? void 0 : y.select.itemId);
-  }, k = (y, S) => g(h.act(y, S)), O = (y) => {
+  }, k = (y, S) => g(h.act(y, S)), x = (y) => {
     c(void 0), e.setNavigationModule(y === "" ? void 0 : y);
-  }, P = (y) => {
+  }, O = (y) => {
     c(void 0), s(y);
   };
   return /* @__PURE__ */ b("section", {
@@ -4375,7 +4375,7 @@ var Ea = (e) => ({
         children: [o.level, /* @__PURE__ */ b("select", {
           "data-shell-level": !0,
           value: p ?? "",
-          onChange: (y) => O(y.target.value),
+          onChange: (y) => x(y.target.value),
           children: [/* @__PURE__ */ a("option", {
             value: "",
             children: i.application
@@ -4394,7 +4394,7 @@ var Ea = (e) => ({
           role: "tab",
           "aria-selected": y === r,
           "data-shell-region": y,
-          onClick: () => P(y),
+          onClick: () => O(y),
           children: i.regionName[y]
         }, y))
       }),
@@ -4438,39 +4438,39 @@ var Ea = (e) => ({
           /* @__PURE__ */ a("button", {
             type: "button",
             "data-shell-action": "addItem",
-            onClick: () => g(h.add(F.addItem)),
+            onClick: () => g(h.add(A.addItem)),
             children: o.add
           }),
           f && v && f.parentId === void 0 && r === gt.Sidebar && /* @__PURE__ */ a("button", {
             type: "button",
             "data-shell-action": "addSubItem",
-            onClick: () => k(F.addSubItem, f),
+            onClick: () => k(A.addSubItem, f),
             children: o.addSub
           }),
           f && v && /* @__PURE__ */ a("button", {
             type: "button",
             "data-shell-action": "moveEarlier",
             disabled: f.index <= 0,
-            onClick: () => k(F.moveEarlier, f),
+            onClick: () => k(A.moveEarlier, f),
             children: o.earlier
           }),
           f && v && /* @__PURE__ */ a("button", {
             type: "button",
             "data-shell-action": "moveLater",
             disabled: f.index >= f.count - 1,
-            onClick: () => k(F.moveLater, f),
+            onClick: () => k(A.moveLater, f),
             children: o.later
           }),
           f && v && /* @__PURE__ */ a("button", {
             type: "button",
             "data-shell-action": "duplicate",
-            onClick: () => k(F.duplicate, f),
+            onClick: () => k(A.duplicate, f),
             children: o.duplicate
           }),
           f && v && /* @__PURE__ */ a("button", {
             type: "button",
             "data-shell-action": "delete",
-            onClick: () => k(F.delete, f),
+            onClick: () => k(A.delete, f),
             children: o.remove
           })
         ]
@@ -4500,7 +4500,7 @@ function Qi(e, t) {
   }));
 }
 var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e) => /(^|:)toolbar$/.test(String(e.componentName ?? "")), hh = ({ controller: e, strings: t, element: n }) => {
-  const o = (t.designMode ?? fn).toolbar, { structure: i } = e, r = ph(n), s = mh(n), l = n.properties ?? {}, c = U(() => {
+  const o = (t.designMode ?? fn).toolbar, { structure: i } = e, r = ph(n), s = mh(n), l = n.properties ?? {}, c = j(() => {
     if (!r || i.modules.length === 0) return;
     const f = Do(n.id, l);
     if (!f) return;
@@ -4514,16 +4514,16 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
     i,
     n,
     l
-  ]), u = U(() => i.modules.length === 0 ? [] : r ? [] : s ? Qi(i, n) : [], [
+  ]), u = j(() => i.modules.length === 0 ? [] : r ? [] : s ? Qi(i, n) : [], [
     r,
     s,
     i,
     n
-  ]), d = U(() => !r || i.modules.length === 0 ? [] : Qi(i, { slots: { items: [n] } }), [
+  ]), d = j(() => !r || i.modules.length === 0 ? [] : Qi(i, { slots: { items: [n] } }), [
     r,
     i,
     n
-  ]), p = U(() => r ? $a(i, n.id, l) : void 0, [
+  ]), p = j(() => r ? $a(i, n.id, l) : void 0, [
     r,
     i,
     n,
@@ -4534,7 +4534,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-properties__toolbar-button",
     "data-section": "toolbarButton",
-    children: [r && c && /* @__PURE__ */ b(ae, { children: [
+    children: [r && c && /* @__PURE__ */ b(re, { children: [
       /* @__PURE__ */ a("strong", {
         className: "studio-editor-properties__button-title",
         children: o.toolbarButton
@@ -4574,7 +4574,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
     })]
   });
 }, fh = (e, t) => e.find((n) => n.component === t), gh = /* @__PURE__ */ new Set([Go]), vh = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
-  const { inspection: r, selectedId: s, selection: l } = e, c = n.properties, u = U(() => jo(t.availableSources), [t.availableSources]), d = U(() => Pr(e.document, e.composition.roots, e.context, t.availableSources, t.queryCandidates), [
+  const { inspection: r, selectedId: s, selection: l } = e, c = n.properties, u = j(() => jo(t.availableSources), [t.availableSources]), d = j(() => Pr(e.document, e.composition.roots, e.context, t.availableSources, t.queryCandidates), [
     e.document,
     e.composition.roots,
     e.context,
@@ -4634,16 +4634,16 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
       strings: n
     })
   });
-  const p = _s(e.composition.roots, s), m = dp(r.properties, p, l.properties), { runtime: h } = t, f = fh(e.context.catalog.components, r.typeId), v = f ? h.packageDescriptorOf(f) : void 0, g = (R) => !!v && h.designTime.propertyEditor(v, R.descriptor).contribution !== void 0, k = t.propertyEditors?.registry ?? hn, O = [...r.diagnostics, ...e.diagnostics], P = hp(m, r.typeId, (R) => gh.has(R.descriptor.path) || g(R)), y = fp(P), S = {
+  const p = _s(e.composition.roots, s), m = dp(r.properties, p, l.properties), { runtime: h } = t, f = fh(e.context.catalog.components, r.typeId), v = f ? h.packageDescriptorOf(f) : void 0, g = (D) => !!v && h.designTime.propertyEditor(v, D.descriptor).contribution !== void 0, k = t.propertyEditors?.registry ?? hn, x = [...r.diagnostics, ...e.diagnostics], O = hp(m, r.typeId, (D) => gh.has(D.descriptor.path) || g(D)), y = fp(O), S = {
     controller: e,
     environment: t,
     strings: n,
     ownership: o,
     ...i ? { authoringTemplate: i } : {},
-    diagnostics: O,
+    diagnostics: x,
     inCanvas: p,
     bindingScope: u
-  }, w = Ko(S), T = r.typeId.endsWith("action"), E = r.typeId.endsWith("toolbarButton"), I = Sa(r.typeId), C = e.document.screens.find((R) => R.name === "Screen")?.forms ?? [], $ = o !== void 0 && o !== "local", z = l.properties;
+  }, w = Ko(S), T = r.typeId.endsWith("action"), E = r.typeId.endsWith("toolbarButton"), I = Sa(r.typeId), C = e.document.screens.find((D) => D.name === "Screen")?.forms ?? [], $ = o !== void 0 && o !== "local", U = l.properties;
   return /* @__PURE__ */ b("div", {
     className: "studio-editor-properties",
     children: [
@@ -4673,7 +4673,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
         element: l
       }),
       /* @__PURE__ */ a(xr, {
-        diagnostics: Ws(O),
+        diagnostics: Ws(x),
         label: c.diagnostics
       }),
       /* @__PURE__ */ a(bm, {
@@ -4689,7 +4689,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
         disabled: o !== void 0 && o !== "local",
         authoringTemplate: i
       }),
-      f && Ye(l) && /* @__PURE__ */ b(ae, { children: [
+      f && Ye(l) && /* @__PURE__ */ b(re, { children: [
         /* @__PURE__ */ a(Ip, {
           descriptor: f,
           component: l,
@@ -4715,7 +4715,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
         /* @__PURE__ */ a(Tp, {
           component: l,
           descriptor: f,
-          properties: r.properties.filter((R) => !wa(r.typeId, R.descriptor.path)),
+          properties: r.properties.filter((D) => !wa(r.typeId, D.descriptor.path)),
           controller: e,
           environment: t,
           strings: n,
@@ -4726,42 +4726,42 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
         className: "studio-editor-properties-empty",
         children: c.noProperties
       }),
-      y.map((R) => /* @__PURE__ */ b("section", {
+      y.map((D) => /* @__PURE__ */ b("section", {
         className: "studio-editor-properties__group",
-        "aria-label": R.name,
+        "aria-label": D.name,
         children: [/* @__PURE__ */ a("h4", {
           className: "studio-editor-properties__group-title",
-          children: R.name
-        }), R.properties.map((L) => /* @__PURE__ */ a(Wo, {
+          children: D.name
+        }), D.properties.map((F) => /* @__PURE__ */ a(Wo, {
           registry: k,
-          property: L,
-          context: Rm(w, S, L),
+          property: F,
+          context: Rm(w, S, F),
           componentId: s,
           onChange: e.setProperty,
-          diagnostics: O
-        }, `${s}:${L.descriptor.path}`))]
-      }, R.name)),
+          diagnostics: x
+        }, `${s}:${F.descriptor.path}`))]
+      }, D.name)),
       T && /* @__PURE__ */ a(yp, {
-        action: xa(z, t.stateChangeSlices.find((R) => R.id === z?.command)?.name ?? ""),
+        action: xa(U, t.stateChangeSlices.find((D) => D.id === U?.command)?.name ?? ""),
         slices: t.stateChangeSlices,
         sources: ka(Object.keys(t.availableSources), d.componentOutputs, s),
         strings: n,
         disabled: o !== void 0 && o !== "local",
-        suggestSource: (R) => R === "id" || R.endsWith("Id") ? "row.id" : void 0,
-        onChange: (R) => R && e.applyAll(Am(s, R), n.properties.action.label)
+        suggestSource: (D) => D === "id" || D.endsWith("Id") ? "row.id" : void 0,
+        onChange: (D) => D && e.applyAll(Am(s, D), n.properties.action.label)
       }),
       I && /* @__PURE__ */ a(Yp, {
         elementId: s,
-        command: typeof z?.command == "string" ? z.command : void 0,
+        command: typeof U?.command == "string" ? U.command : void 0,
         slices: t.stateChangeSlices,
         forms: C,
         strings: n,
         disabled: $,
-        onCommandChange: (R) => {
-          e.applyAll([xp(s, R)], n.properties.commandForm.label).applied && R && !C.some((L) => L.forCommand === R.name) && e.setScreenForms([...C, io(R)], n.properties.commandForm.createForm(R.name));
+        onCommandChange: (D) => {
+          e.applyAll([xp(s, D)], n.properties.commandForm.label).applied && D && !C.some((F) => F.forCommand === D.name) && e.setScreenForms([...C, io(D)], n.properties.commandForm.createForm(D.name));
         },
-        onFormChange: (R) => e.setScreenForms(C.map((L) => L.forCommand === R.forCommand ? R : L), n.properties.forms.label),
-        onFormCreate: (R) => e.setScreenForms([...C, io(R)], n.properties.commandForm.createForm(R.name))
+        onFormChange: (D) => e.setScreenForms(C.map((F) => F.forCommand === D.forCommand ? D : F), n.properties.forms.label),
+        onFormCreate: (D) => e.setScreenForms([...C, io(D)], n.properties.commandForm.createForm(D.name))
       }),
       E && /* @__PURE__ */ a(jm, {
         behaviors: l.behaviors,
@@ -4770,7 +4770,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
         slices: t.stateChangeSlices,
         strings: n.properties.toolbarButton,
         disabled: $,
-        onChange: (R) => e.setElementBehaviors(s, R, n.properties.toolbarButton.label)
+        onChange: (D) => e.setElementBehaviors(s, D, n.properties.toolbarButton.label)
       }, s),
       /* @__PURE__ */ a(Tm, {
         inspection: r,
@@ -4782,7 +4782,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
     ]
   });
 }, Aa = ({ strings: e, controller: t, environment: n, authoringTemplate: o, structure: i, onClose: r }) => {
-  const [s, l] = B(Fn.Properties), c = t.selectedId ? t.ownershipOf(t.selectedId) : void 0;
+  const [s, l] = M(Fn.Properties), c = t.selectedId ? t.ownershipOf(t.selectedId) : void 0;
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-inspector",
     "aria-label": e.inspectorTitle,
@@ -4827,40 +4827,40 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
   return e.Panel = "Panel", e.StackPanel = "StackPanel", e.WrapPanel = "WrapPanel", e.Grid = "Grid", e.Canvas = "Canvas", e;
 })({}), bh = [
   {
-    item: H.Stack,
+    item: G.Stack,
     type: "Stack",
     panel: rt.StackPanel,
     flowKind: Sn.Column,
     arrangement: Y.Column
   },
   {
-    item: H.Row,
+    item: G.Row,
     type: "Row",
     panel: rt.StackPanel,
     flowKind: Sn.Row,
     arrangement: Y.Row
   },
   {
-    item: H.Grid,
+    item: G.Grid,
     type: "Grid",
     panel: rt.Grid,
     flowKind: Sn.Grid,
     arrangement: Y.Grid
   },
   {
-    item: H.Container,
+    item: G.Container,
     type: "Container",
     panel: rt.Panel,
     arrangement: Y.Grouping
   },
   {
-    item: H.Wrap,
+    item: G.Wrap,
     type: "Wrap",
     panel: rt.WrapPanel,
     arrangement: Y.Wrap
   },
   {
-    item: H.Canvas,
+    item: G.Canvas,
     type: "Canvas",
     panel: rt.Canvas,
     arrangement: Y.Freeform
@@ -5041,7 +5041,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
   viaKeyword: (e, t, n) => `...${e} matches "${t}" via keyword "${n}"`,
   addLabel: (e) => `Add ${e}`
 }, Fh = "★", Mh = ({ entries: e, memory: t, strings: n = Ah, onAdd: o, usageVersion: i = 0 }) => {
-  const [r, s] = B(""), [l, c] = B(() => t.readGroups()), u = J(null), d = J(null), p = Vs(), m = U(() => ({ ...t.readUsage() }), [t, i]), h = U(() => Th({
+  const [r, s] = M(""), [l, c] = M(() => t.readGroups()), u = J(null), d = J(null), p = Vs(), m = j(() => ({ ...t.readUsage() }), [t, i]), h = j(() => Th({
     entries: e,
     usage: m,
     query: r,
@@ -5053,7 +5053,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
     r,
     l,
     n.frequentlyUsed
-  ]), f = r.trim().length > 0, v = K((w) => {
+  ]), f = r.trim().length > 0, v = H((w) => {
     f || c((T) => {
       const E = {
         ...T,
@@ -5064,7 +5064,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
   }, [f, t]), g = () => [...d.current?.querySelectorAll("[data-picker-focus]") ?? []], k = (w, T) => {
     const E = g(), I = w ? E.indexOf(w) : -1;
     E[Math.min(Math.max(I + T, 0), E.length - 1)]?.focus();
-  }, O = (w) => {
+  }, x = (w) => {
     const T = w.target, E = T === u.current;
     if (w.key === "/" && !E)
       w.preventDefault(), u.current?.focus();
@@ -5076,7 +5076,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
       if (E) return;
       I.indexOf(T) <= 0 ? u.current?.focus() : k(T, -1);
     } else w.key === "Escape" && E && r !== "" && (w.stopPropagation(), s(""));
-  }, P = (w, T) => {
+  }, O = (w, T) => {
     Rh(T, w.payload, w.label), T.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.setAttribute("data-dragging", "");
   }, y = (w) => {
     w.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.removeAttribute("data-dragging");
@@ -5086,7 +5086,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
     className: "studio-component-picker",
     role: "region",
     "aria-label": n.heading,
-    onKeyDown: O,
+    onKeyDown: x,
     children: [
       /* @__PURE__ */ a("input", {
         ref: u,
@@ -5148,7 +5148,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
               className: "studio-component-picker__row",
               title: n.addLabel(T.label),
               onClick: () => o(T),
-              onDragStart: (I) => P(T, I),
+              onDragStart: (I) => O(T, I),
               onDragEnd: y,
               children: [
                 /* @__PURE__ */ a("span", {
@@ -5202,14 +5202,14 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
   })
 });
 function ja({ strings: e, layoutLabels: t, icons: n, paletteSources: o, onAdd: i, memory: r }) {
-  const s = U(() => r ?? xh(), [r]), [l, c] = B(0), u = U(() => Ch(o, bh.map((p) => ({
+  const s = j(() => r ?? xh(), [r]), [l, c] = M(0), u = j(() => Ch(o, bh.map((p) => ({
     item: p.item,
     label: t[p.item]
   })), e.packageTitles), [
     o,
     t,
     e.packageTitles
-  ]), d = K((p) => {
+  ]), d = H((p) => {
     s.recordAdded(p), c((m) => m + 1);
   }, [s]);
   return {
@@ -5246,17 +5246,17 @@ function Pe(e, t, n, o = [], i = {}) {
 }
 function Bh(e, t) {
   switch (e) {
-    case H.Stack:
+    case G.Stack:
       return {
         orientation: ft.Vertical,
         spacing: 8
       };
-    case H.Row:
+    case G.Row:
       return {
         orientation: ft.Horizontal,
         spacing: 8
       };
-    case H.Grid:
+    case G.Grid:
       return {
         rows: [],
         columns: [{
@@ -5269,11 +5269,11 @@ function Bh(e, t) {
           maximumWidth: Number.POSITIVE_INFINITY
         }]
       };
-    case H.Wrap:
+    case G.Wrap:
       return { orientation: ft.Horizontal };
-    case H.Canvas:
+    case G.Canvas:
       return { extent: t };
-    case H.Container:
+    case G.Container:
       return {};
   }
 }
@@ -5378,7 +5378,7 @@ function Kh(e, t, n, o) {
   }
 }
 function Hh(e) {
-  return e.authoringTemplate !== void 0 ? Hu(e.authoringTemplate, Pe(H.Stack, zu, "Template")) : Ku(Pe(H.Stack, Wu, "Screen"), e.screenTemplate);
+  return e.authoringTemplate !== void 0 ? Hu(e.authoringTemplate, Pe(G.Stack, zu, "Template")) : Ku(Pe(G.Stack, Wu, "Screen"), e.screenTemplate);
 }
 var za = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   className: "studio-screen-editor-palette-host",
@@ -5487,7 +5487,7 @@ var Xh = async (e) => {
     }
   }
 }, ef = ({ error: e, context: t, componentStack: n, onRecover: o, onClose: i, layout: r = "fixed", strings: s = Wa }) => {
-  const [l, c] = B("none"), u = e instanceof Error ? e : new Error(String(e)), d = t.component ?? ti(n), p = U(() => Ka(e, t, n), [
+  const [l, c] = M("none"), u = e instanceof Error ? e : new Error(String(e)), d = t.component ?? ti(n), p = j(() => Ka(e, t, n), [
     e,
     t,
     n
@@ -5499,7 +5499,7 @@ var Xh = async (e) => {
     ...Object.entries(t.details ?? {}),
     [s.error, ln(u.message || u.name)]
   ];
-  re(() => {
+  ie(() => {
     if (!i) return;
     const f = (v) => {
       v.key === "Escape" && !v.defaultPrevented && i();
@@ -5625,7 +5625,7 @@ var Xh = async (e) => {
       attempt: e.attempt + 1
     }));
   };
-}, nf = ({ children: e }) => /* @__PURE__ */ a(ae, { children: e }), Ha = ({ strings: e, subject: t, onClose: n, children: o }) => /* @__PURE__ */ a(tf, {
+}, nf = ({ children: e }) => /* @__PURE__ */ a(re, { children: e }), Ha = ({ strings: e, subject: t, onClose: n, children: o }) => /* @__PURE__ */ a(tf, {
   layout: "fixed",
   onClose: n,
   strings: {
@@ -5864,7 +5864,7 @@ function Qa(e, t, n) {
       screenTemplates: t.screenTemplates,
       dialogTemplates: t.dialogTemplates ?? [],
       screens: [{
-        name: de,
+        name: le,
         layout: e.profile.layout || _l.AppShell,
         slotContent: { content: [n] },
         forms: [],
@@ -5930,7 +5930,7 @@ function Pf(e = If()) {
 var Of = () => {
 };
 function xf(e, t, n, o = Rf, i = !1) {
-  const { layouts: r, screenTemplates: s, dialogTemplates: l } = e, c = U(() => ({
+  const { layouts: r, screenTemplates: s, dialogTemplates: l } = e, c = j(() => ({
     layouts: r,
     screenTemplates: s,
     dialogTemplates: l
@@ -5938,44 +5938,44 @@ function xf(e, t, n, o = Rf, i = !1) {
     r,
     s,
     l
-  ]), u = U(() => gf(t, c).name, [t, c]), d = wf(e, n, u), [p, m] = B(() => o.read(d)), [h, f] = B(() => o.readTemplate(d)), [v, g] = B();
-  re(() => {
+  ]), u = j(() => gf(t, c).name, [t, c]), d = wf(e, n, u), [p, m] = M(() => o.read(d)), [h, f] = M(() => o.readTemplate(d)), [v, g] = M();
+  ie(() => {
     m(o.read(d)), f(o.readTemplate(d)), g(void 0);
   }, [o, d]);
-  const k = Cf(d), O = k && (p ?? kf(d)), P = U(() => O ? vf(t, c) : void 0, [
-    O,
+  const k = Cf(d), x = k && (p ?? kf(d)), O = j(() => x ? vf(t, c) : void 0, [
+    x,
     t,
     c
-  ]), y = K(() => {
-    const C = !O;
+  ]), y = H(() => {
+    const C = !x;
     m(C), g(void 0), o.write(d, C);
   }, [
-    O,
+    x,
     d,
     o
-  ]), S = rr(d) && i, w = !rr(d) || (h ?? Sf(d)), T = K(() => {
+  ]), S = rr(d) && i, w = !rr(d) || (h ?? Sf(d)), T = H(() => {
     const C = !w;
     f(C), o.writeTemplate(d, C);
   }, [
     w,
     d,
     o
-  ]), E = K((C) => {
+  ]), E = H((C) => {
     bf(C) && g(C);
-  }, []), I = K(() => g(void 0), []);
+  }, []), I = H(() => g(void 0), []);
   return {
     available: k,
-    shown: O,
+    shown: x,
     toggle: y,
     template: {
       available: S,
       shown: w,
       toggle: T
     },
-    frame: P,
-    peeking: O ? v : void 0,
+    frame: O,
+    peeking: x ? v : void 0,
     peekingName: v ? ii(v) : "",
-    navigate: O ? E : Of,
+    navigate: x ? E : Of,
     back: I
   };
 }
@@ -5996,22 +5996,22 @@ var fo = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ a("div", {
   children: n
 }), rn = /* @__PURE__ */ (function(e) {
   return e.Empty = "empty", e.Failed = "failed", e.Declaration = "declaration", e;
-})({}), le = /* @__PURE__ */ (function(e) {
+})({}), se = /* @__PURE__ */ (function(e) {
   return e.Window = "window", e.Toast = "toast", e.Tooltip = "tooltip", e.Mask = "mask", e.Busy = "busy", e;
 })({}), Za = {
-  dialog: le.Window,
-  confirmDialog: le.Window,
-  confirmationDialog: le.Window,
-  sliceDialog: le.Window,
-  commandDialog: le.Window,
-  stepperCommandDialog: le.Window,
-  dialogFrame: le.Window,
-  overlayPanel: le.Window,
-  sidebar: le.Window,
-  toast: le.Toast,
-  tooltip: le.Tooltip,
-  blockUI: le.Mask,
-  busyIndicatorDialog: le.Busy
+  dialog: se.Window,
+  confirmDialog: se.Window,
+  confirmationDialog: se.Window,
+  sliceDialog: se.Window,
+  commandDialog: se.Window,
+  stepperCommandDialog: se.Window,
+  dialogFrame: se.Window,
+  overlayPanel: se.Window,
+  sidebar: se.Window,
+  toast: se.Toast,
+  tooltip: se.Tooltip,
+  blockUI: se.Mask,
+  busyIndicatorDialog: se.Busy
 }, at = (e, ...t) => {
   for (const n of t) {
     const o = e.properties?.[n];
@@ -6021,7 +6021,7 @@ var fo = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ a("div", {
 function Df({ kind: e, tag: t, element: n, slots: o, message: i }) {
   const r = o.content ?? [], s = at(n, "header", "title", "summary") ?? n.name ?? n.componentName, l = at(n, "message", "detail", "text", "label"), c = () => {
     switch (e) {
-      case le.Toast:
+      case se.Toast:
         return i ? Je(i, {
           element: {
             ...n,
@@ -6036,7 +6036,7 @@ function Df({ kind: e, tag: t, element: n, slots: o, message: i }) {
           className: "studio-overlay-preview__body",
           children: s
         });
-      case le.Tooltip:
+      case se.Tooltip:
         return /* @__PURE__ */ b("div", {
           className: "studio-overlay-preview__tooltip",
           children: [/* @__PURE__ */ a("span", {
@@ -6048,7 +6048,7 @@ function Df({ kind: e, tag: t, element: n, slots: o, message: i }) {
             children: at(n, "text") ?? s
           })]
         });
-      case le.Mask:
+      case se.Mask:
         return /* @__PURE__ */ b("div", {
           className: "studio-overlay-preview__masked",
           children: [/* @__PURE__ */ a("div", {
@@ -6062,7 +6062,7 @@ function Df({ kind: e, tag: t, element: n, slots: o, message: i }) {
             })
           })]
         });
-      case le.Busy:
+      case se.Busy:
         return /* @__PURE__ */ b("div", {
           className: "studio-overlay-preview__busy",
           children: [/* @__PURE__ */ a("i", {
@@ -6618,7 +6618,7 @@ var Af = (e) => {
   return t > 0 && n > 0;
 }, go = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => Af(t) || getComputedStyle(t).display === "contents" && go(t)), Ff = 150;
 function Mf(e, t) {
-  const [n, o] = B(!0), i = J(!0);
+  const [n, o] = M(!0), i = J(!0);
   return Te(() => {
     const r = e.current;
     if (!r) return;
@@ -6644,10 +6644,10 @@ var Lf = ({ element: e }) => e.name || e.componentName, Bf = (e, t) => {
 };
 function jf(e, t, n, o) {
   const i = (r) => {
-    const s = J(null), l = U(() => ({
+    const s = J(null), l = j(() => ({
       ...r.element,
       properties: ts(e, r.element.componentName, r.element.properties)
-    }), [r.element]), c = U(() => Ef(e, r.element.componentName, r.element.properties), [r.element]), u = es.has(xt(r.element.componentName)), d = e.startsWith(`${Kr}:`), p = d ? void 0 : Za[xt(r.element.componentName)], m = d && xt(r.element.componentName) === "topbar", [h, f] = B(), v = Mf(s, r.element), g = Lf(r), k = Bf(r.element, h !== void 0);
+    }), [r.element]), c = j(() => Ef(e, r.element.componentName, r.element.properties), [r.element]), u = es.has(xt(r.element.componentName)), d = e.startsWith(`${Kr}:`), p = d ? void 0 : Za[xt(r.element.componentName)], m = d && xt(r.element.componentName) === "topbar", [h, f] = M(), v = Mf(s, r.element), g = Lf(r), k = Bf(r.element, h !== void 0);
     return /* @__PURE__ */ b("span", {
       ref: s,
       "data-studio-element": r.element.id,
@@ -6655,7 +6655,7 @@ function jf(e, t, n, o) {
       "data-studio-sample": c.length > 0 ? c.join(" ") : void 0,
       title: c.length > 0 ? n.sampleContent(c) : void 0,
       children: [/* @__PURE__ */ a(wt, {
-        onError: (O) => f(O instanceof Error ? O.message : String(O)),
+        onError: (x) => f(x instanceof Error ? x.message : String(x)),
         fallback: /* @__PURE__ */ a(fo, {
           elementId: r.element.id,
           tone: rn.Failed,
@@ -6816,7 +6816,7 @@ var Yf = (e) => ({ element: t }) => Je("span", {
     children: t
   });
   const { target: n, container: o } = e.drop;
-  return /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ a("div", {
+  return /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ a("div", {
     className: "studio-screen-surface__drop-container",
     "data-studio-drop-state": "container",
     style: o
@@ -6850,7 +6850,7 @@ function rs(e, t) {
   };
 }
 var as = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, eg = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && as(n.rect, t[o].rect)), ss = as, tg = ({ surface: e, markers: t }) => {
-  const [n, o] = B([]);
+  const [n, o] = M([]);
   return Te(() => {
     const i = e.current;
     if (!i) return;
@@ -6862,7 +6862,7 @@ var as = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top
       }] : [];
     });
     o((l) => ng(l, s) ? l : s);
-  }), /* @__PURE__ */ a(ae, { children: n.map((i) => /* @__PURE__ */ a("div", {
+  }), /* @__PURE__ */ a(re, { children: n.map((i) => /* @__PURE__ */ a("div", {
     className: "studio-screen-surface__binding-source",
     "data-binding-source": i.componentId,
     style: i.rect,
@@ -6889,7 +6889,7 @@ function og(e, t) {
 }
 function ig(e, t) {
   const { selectedId: n, document: o, composition: i, context: r } = e;
-  return U(() => {
+  return j(() => {
     if (!n) return [];
     const s = Ge(i.roots, n), l = xa(s?.properties);
     if (!l) return [];
@@ -6936,20 +6936,20 @@ function lg(e, t, n, o = 6) {
 }
 var cg = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, dg = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && cg(e.drop?.target.rect, t.drop?.target.rect);
 function ug(e, t, n) {
-  const [o, i] = B(), r = J(void 0);
+  const [o, i] = M(), r = J(void 0);
   r.current = o;
-  const [s, l] = B(), c = J(0), u = J(void 0), d = K(() => {
+  const [s, l] = M(), c = J(0), u = J(void 0), d = H(() => {
     c.current = 0, u.current = void 0, l(void 0), i(void 0);
   }, []), p = J(!1);
-  re(() => {
+  ie(() => {
     const S = (w) => {
       w.key !== "Escape" || !u.current && !c.current && !r.current || (p.current = !0, d());
     };
     return window.addEventListener("keydown", S, !0), () => window.removeEventListener("keydown", S, !0);
-  }, [d]), re(() => (window.addEventListener("dragend", d), window.addEventListener("drop", d), () => {
+  }, [d]), ie(() => (window.addEventListener("dragend", d), window.addEventListener("drop", d), () => {
     window.removeEventListener("dragend", d), window.removeEventListener("drop", d);
   }), [d]);
-  const m = K((S) => {
+  const m = H((S) => {
     u.current = S, l(S);
   }, []), h = (S) => {
     const w = u.current, { region: T } = S.target;
@@ -6965,11 +6965,11 @@ function ug(e, t, n) {
     }
     return 0;
   }, v = (S) => {
-    const w = e.current.getBoundingClientRect(), T = lg(t(), S.clientX - w.left, S.clientY - w.top), E = S.target.closest("[data-scene-id], [data-studio-element]"), I = E?.dataset.sceneId ?? E?.dataset.studioElement, C = !!I && n.ownershipOf(I) !== ne.Local;
+    const w = e.current.getBoundingClientRect(), T = lg(t(), S.clientX - w.left, S.clientY - w.top), E = S.target.closest("[data-scene-id], [data-studio-element]"), I = E?.dataset.sceneId ?? E?.dataset.studioElement, C = !!I && n.ownershipOf(I) !== oe.Local;
     if (!T || C) return { denied: !0 };
     if (po(S)) {
-      const $ = h(T), z = $ ? n.validateMove($) : te.NodeNotFound;
-      if (z && z !== te.NoChange) return { denied: !0 };
+      const $ = h(T), U = $ ? n.validateMove($) : te.NodeNotFound;
+      if (U && U !== te.NoChange) return { denied: !0 };
     }
     return {
       drop: T,
@@ -7008,8 +7008,8 @@ function ug(e, t, n) {
           return;
         }
         if (!T) return;
-        const { region: z } = E.target, R = z.containerId ?? void 0, L = z.kind === Oe.Container ? void 0 : z.index, j = g(S, E);
-        T.kind === "layout" ? n.insertLayout(T.item, R, L, j) : n.insertComponent(ei(T.componentName, T.package), R, L, j);
+        const { region: U } = E.target, D = U.containerId ?? void 0, F = U.kind === Oe.Container ? void 0 : U.index, L = g(S, E);
+        T.kind === "layout" ? n.insertLayout(T.item, D, F, L) : n.insertComponent(ei(T.componentName, T.package), D, F, L);
       }
     }
   };
@@ -7037,7 +7037,7 @@ function pg(e, t, n) {
   };
 }
 function mg(e, t, n) {
-  const [o, i] = B([]), [r, s] = B(), l = J([]), c = K(() => {
+  const [o, i] = M([]), [r, s] = M(), l = J([]), c = H(() => {
     const d = e.current;
     if (!d) return [];
     const p = d.getBoundingClientRect(), m = (f) => Be(d, f, p), h = {
@@ -7053,7 +7053,7 @@ function mg(e, t, n) {
         rect: v
       }] : [];
     });
-  }, [e, t]), u = K(() => {
+  }, [e, t]), u = H(() => {
     const d = e.current;
     if (!d) return;
     const p = c();
@@ -7130,7 +7130,7 @@ function wg(e, t, n = !1) {
   const o = J(t);
   o.current = t;
   const i = J(n);
-  i.current = n, re(() => {
+  i.current = n, ie(() => {
     const r = e.current;
     if (!r) return;
     const s = (l) => {
@@ -7153,9 +7153,9 @@ function wg(e, t, n = !1) {
 }
 var pr = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])', mr = 440, kg = ({ registry: e, property: t, context: n, componentId: o, anchor: i, opener: r, bounds: s, title: l, strings: c, onChange: u, onClose: d }) => {
   const p = J(null);
-  re(() => ((p.current?.querySelector(pr) ?? p.current)?.focus({ preventScroll: !0 }), () => {
+  ie(() => ((p.current?.querySelector(pr) ?? p.current)?.focus({ preventScroll: !0 }), () => {
     r.isConnected && r.focus({ preventScroll: !0 });
-  }), [r]), re(() => {
+  }), [r]), ie(() => {
     const f = (v) => {
       const g = v.target;
       p.current?.contains(g) || r.contains(g) || d();
@@ -7209,40 +7209,40 @@ function Sg({ anchor: e, bounds: t, size: n, prefer: o, gap: i = 6 }) {
   };
 }
 var hr = [
-  F.target,
-  F.slot,
-  F.slice,
-  F.emphasis
+  A.target,
+  A.slot,
+  A.slice,
+  A.emphasis
 ], Cg = [
-  F.moveEarlier,
-  F.moveLater,
-  F.addSubItem,
-  F.duplicate,
-  F.delete
+  A.moveEarlier,
+  A.moveLater,
+  A.addSubItem,
+  A.duplicate,
+  A.delete
 ], Tg = {
-  [F.target]: /* @__PURE__ */ a(Yc, { "aria-hidden": "true" }),
-  [F.slot]: /* @__PURE__ */ a(Zc, { "aria-hidden": "true" }),
-  [F.slice]: /* @__PURE__ */ a(td, { "aria-hidden": "true" })
+  [A.target]: /* @__PURE__ */ a(Yc, { "aria-hidden": "true" }),
+  [A.slot]: /* @__PURE__ */ a(Zc, { "aria-hidden": "true" }),
+  [A.slice]: /* @__PURE__ */ a(td, { "aria-hidden": "true" })
 }, Ng = {
-  [F.moveEarlier]: /* @__PURE__ */ a(qc, { "aria-hidden": "true" }),
-  [F.moveLater]: /* @__PURE__ */ a(Vc, { "aria-hidden": "true" }),
-  [F.addSubItem]: /* @__PURE__ */ a(Qc, { "aria-hidden": "true" }),
-  [F.duplicate]: /* @__PURE__ */ a(Jc, { "aria-hidden": "true" }),
-  [F.delete]: /* @__PURE__ */ a(ed, { "aria-hidden": "true" })
+  [A.moveEarlier]: /* @__PURE__ */ a(qc, { "aria-hidden": "true" }),
+  [A.moveLater]: /* @__PURE__ */ a(Vc, { "aria-hidden": "true" }),
+  [A.addSubItem]: /* @__PURE__ */ a(Qc, { "aria-hidden": "true" }),
+  [A.duplicate]: /* @__PURE__ */ a(Jc, { "aria-hidden": "true" }),
+  [A.delete]: /* @__PURE__ */ a(ed, { "aria-hidden": "true" })
 }, Ig = ({ subject: e, item: t, anchor: n, bounds: o, strings: i, renameToken: r, chipLabel: s, onRename: l, onAction: c, onChoice: u, readOnlyActions: d, onReadOnlyAction: p, onLeave: m }) => {
-  const h = J(null), f = J(null), [v, g] = B({
+  const h = J(null), f = J(null), [v, g] = M({
     width: 380,
     height: 100
-  }), [k, O] = B(t.label), [P, y] = B(0), S = e.mode.itemToolbar, w = S.some((D) => D.compact === !0), T = S.some((D) => hr.includes(D.id)), E = S.find((D) => D.id === F.rename), I = E && Wt(E, t);
-  re(() => {
-    O(t.label);
-  }, [t.id, t.label]), re(() => {
+  }), [k, x] = M(t.label), [O, y] = M(0), S = e.mode.itemToolbar, w = S.some((_) => _.compact === !0), T = S.some((_) => hr.includes(_.id)), E = S.find((_) => _.id === A.rename), I = E && Wt(E, t);
+  ie(() => {
+    x(t.label);
+  }, [t.id, t.label]), ie(() => {
     r === 0 || !f.current || (f.current.focus({ preventScroll: !0 }), f.current.select());
   }, [r, t.id]), Te(() => {
-    const D = h.current?.getBoundingClientRect();
-    D && (Math.round(D.width) !== Math.round(v.width) || Math.round(D.height) !== Math.round(v.height)) && g({
-      width: D.width,
-      height: D.height
+    const _ = h.current?.getBoundingClientRect();
+    _ && (Math.round(_.width) !== Math.round(v.width) || Math.round(_.height) !== Math.round(v.height)) && g({
+      width: _.width,
+      height: _.height
     });
   });
   const C = e.source.kind === "elements" ? "above" : "below", $ = Sg({
@@ -7250,26 +7250,26 @@ var hr = [
     bounds: o,
     size: v,
     prefer: C
-  }), z = J(!1), R = () => {
-    const D = k.trim();
-    D !== "" && D !== t.label ? l(D) : O(t.label);
-  }, L = (D) => {
-    D.key === "Enter" && (D.preventDefault(), R(), z.current = !0, m()), D.key === "Escape" && (D.preventDefault(), D.stopPropagation(), O(t.label), z.current = !0, m());
-  }, j = () => {
-    if (z.current) {
-      z.current = !1;
+  }), U = J(!1), D = () => {
+    const _ = k.trim();
+    _ !== "" && _ !== t.label ? l(_) : x(t.label);
+  }, F = (_) => {
+    _.key === "Enter" && (_.preventDefault(), D(), U.current = !0, m()), _.key === "Escape" && (_.preventDefault(), _.stopPropagation(), x(t.label), U.current = !0, m());
+  }, L = () => {
+    if (U.current) {
+      U.current = !1;
       return;
     }
-    R();
-  }, N = () => Array.from(h.current?.querySelectorAll("[data-roving]:not(:disabled)") ?? []), W = (D) => {
-    if (D.target instanceof HTMLInputElement) return;
-    const oe = N(), fe = oe.indexOf(D.target);
+    D();
+  }, N = () => Array.from(h.current?.querySelectorAll("[data-roving]:not(:disabled)") ?? []), z = (_) => {
+    if (_.target instanceof HTMLInputElement) return;
+    const ne = N(), fe = ne.indexOf(_.target);
     if (fe < 0) return;
-    const nt = D.key === "ArrowRight" || D.key === "ArrowDown" ? fe + 1 : D.key === "ArrowLeft" || D.key === "ArrowUp" ? fe - 1 : D.key === "Home" ? 0 : D.key === "End" ? oe.length - 1 : void 0;
-    if (nt === void 0 || D.altKey) return;
-    D.preventDefault();
-    const je = oe[(nt + oe.length) % oe.length];
-    y(Number(je.dataset.roving)), je.focus();
+    const je = _.key === "ArrowRight" || _.key === "ArrowDown" ? fe + 1 : _.key === "ArrowLeft" || _.key === "ArrowUp" ? fe - 1 : _.key === "Home" ? 0 : _.key === "End" ? ne.length - 1 : void 0;
+    if (je === void 0 || _.altKey) return;
+    _.preventDefault();
+    const nt = ne[(je + ne.length) % ne.length];
+    y(Number(nt.dataset.roving)), nt.focus();
   }, Q = {
     ref: h,
     role: "toolbar",
@@ -7282,35 +7282,35 @@ var hr = [
       left: $.left,
       top: $.top
     },
-    onKeyDown: W
+    onKeyDown: z
   };
   if (t.readOnly) {
-    const D = t.origin ? i.inheritedFrom(t.origin) : i.readOnlyReasons[t.readOnlyReason ?? ""] ?? t.readOnlyReason ?? "";
+    const _ = t.origin ? i.inheritedFrom(t.origin) : i.readOnlyReasons[t.readOnlyReason ?? ""] ?? t.readOnlyReason ?? "";
     return /* @__PURE__ */ b("div", {
       ...Q,
       "data-read-only": "true",
       children: [/* @__PURE__ */ b("span", {
         className: "studio-design-toolbar__reason",
-        children: [/* @__PURE__ */ a(aa, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: D })]
-      }), d.map((oe, fe) => /* @__PURE__ */ a("button", {
+        children: [/* @__PURE__ */ a(aa, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", { children: _ })]
+      }), d.map((ne, fe) => /* @__PURE__ */ a("button", {
         type: "button",
         className: "studio-design-toolbar__text-action",
-        "data-action": oe.id,
+        "data-action": ne.id,
         "data-roving": fe,
-        tabIndex: P === fe ? 0 : -1,
-        onClick: () => p(oe),
-        children: oe.label
-      }, oe.id))]
+        tabIndex: O === fe ? 0 : -1,
+        onClick: () => p(ne),
+        children: ne.label
+      }, ne.id))]
     });
   }
-  let me = 0;
-  const he = () => {
-    const D = me++;
+  let pe = 0;
+  const ce = () => {
+    const _ = pe++;
     return {
-      "data-roving": D,
-      tabIndex: P === D ? 0 : -1
+      "data-roving": _,
+      tabIndex: O === _ ? 0 : -1
     };
-  }, ce = S.filter((D) => hr.includes(D.id) && Wt(D, t).visible), xe = Cg.flatMap((D) => S.filter((oe) => oe.id === D)).filter((D) => Wt(D, t).visible);
+  }, me = S.filter((_) => hr.includes(_.id) && Wt(_, t).visible), xe = Cg.flatMap((_) => S.filter((ne) => ne.id === _)).filter((_) => Wt(_, t).visible);
   return /* @__PURE__ */ b("div", {
     ...Q,
     children: [
@@ -7321,48 +7321,48 @@ var hr = [
         value: k,
         "aria-label": i.titleField,
         "data-action": "rename",
-        onChange: (D) => O(D.target.value),
-        onBlur: j,
-        onKeyDown: L,
-        onFocus: (D) => D.currentTarget.select()
+        onChange: (_) => x(_.target.value),
+        onBlur: L,
+        onKeyDown: F,
+        onFocus: (_) => _.currentTarget.select()
       }),
       I?.visible && T && /* @__PURE__ */ a("span", {
         className: "studio-design-toolbar__divider",
         "aria-hidden": "true"
       }),
-      ce.length > 0 && /* @__PURE__ */ a("div", {
+      me.length > 0 && /* @__PURE__ */ a("div", {
         className: "studio-design-toolbar__chips",
-        children: ce.map((D) => /* @__PURE__ */ b("button", {
+        children: me.map((_) => /* @__PURE__ */ b("button", {
           type: "button",
           className: "studio-design-toolbar__chip",
-          "data-action": D.id,
-          title: D.title,
-          "data-unlinked": D.id !== F.emphasis && t.unlinked && D.id !== F.slot ? "true" : void 0,
+          "data-action": _.id,
+          title: _.title,
+          "data-unlinked": _.id !== A.emphasis && t.unlinked && _.id !== A.slot ? "true" : void 0,
           "aria-haspopup": "dialog",
-          ...he(),
-          onClick: (oe) => u(D.id, oe.currentTarget),
-          children: [Tg[D.id], /* @__PURE__ */ a("span", { children: s(D.id, t) })]
-        }, D.id))
+          ...ce(),
+          onClick: (ne) => u(_.id, ne.currentTarget),
+          children: [Tg[_.id], /* @__PURE__ */ a("span", { children: s(_.id, t) })]
+        }, _.id))
       }),
-      ce.length > 0 && xe.length > 0 && /* @__PURE__ */ a("span", {
+      me.length > 0 && xe.length > 0 && /* @__PURE__ */ a("span", {
         className: "studio-design-toolbar__divider",
         "aria-hidden": "true"
       }),
       xe.length > 0 && /* @__PURE__ */ a("div", {
         className: "studio-design-toolbar__actions",
-        children: xe.map((D) => {
-          const oe = Wt(D, t);
+        children: xe.map((_) => {
+          const ne = Wt(_, t);
           return /* @__PURE__ */ a("button", {
             type: "button",
             className: "studio-design-toolbar__button",
-            "data-action": D.id,
-            title: D.title,
-            "aria-label": D.title,
-            disabled: !oe.enabled,
-            ...he(),
-            onClick: () => c(D.id),
-            children: Ng[D.id]
-          }, D.id);
+            "data-action": _.id,
+            title: _.title,
+            "aria-label": _.title,
+            disabled: !ne.enabled,
+            ...ce(),
+            onClick: () => c(_.id),
+            children: Ng[_.id]
+          }, _.id);
         })
       })
     ]
@@ -7376,7 +7376,7 @@ var hr = [
   ];
 }, Un = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Og = (e, t) => Un(e.surface, t.surface) && Un(e.component, t.component) && Object.keys(t.items).length === Object.keys(e.items).length && Object.entries(t.items).every(([n, o]) => Un(e.items[n], o));
 function vo(e, t, n) {
-  const [o, i] = B(), r = K(() => {
+  const [o, i] = M(), r = H(() => {
     const s = e.current, l = s ? t(s, s.getBoundingClientRect()) : void 0;
     i((c) => c === void 0 || l === void 0 ? l : n(c, l) ? c : l);
   }, [
@@ -7415,7 +7415,7 @@ function vo(e, t, n) {
   }, [e, r]), o;
 }
 function xg(e, t) {
-  return vo(e, K((n, o) => {
+  return vo(e, H((n, o) => {
     if (!t) return;
     const i = Be(n, t.componentId, o), r = n.querySelector(`[data-studio-element="${CSS.escape(t.componentId)}"]`) ?? n.querySelector(`[data-scene-id="${CSS.escape(t.componentId)}"]`), s = {};
     for (const l of t.source.items) {
@@ -7435,28 +7435,28 @@ function xg(e, t) {
   }, [t]), Og);
 }
 var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
-  const { subject: s } = t, l = xg(e, s), [c, u] = B(), d = o.propertyEditors?.registry ?? hn, p = U(() => jo(o.availableSources), [o.availableSources]), m = K((L) => {
-    if (typeof L != "string" || L === "") return;
-    const j = o.propertyEditors?.slices?.find((W) => W.id === L) ?? o.stateChangeSlices.find((W) => W.id === L), N = L.split(".");
-    return j?.name ?? N[N.length - 1];
-  }, [o]), h = K((L, j) => {
-    const N = j.chips?.[L];
+  const { subject: s } = t, l = xg(e, s), [c, u] = M(), d = o.propertyEditors?.registry ?? hn, p = j(() => jo(o.availableSources), [o.availableSources]), m = H((F) => {
+    if (typeof F != "string" || F === "") return;
+    const L = o.propertyEditors?.slices?.find((z) => z.id === F) ?? o.stateChangeSlices.find((z) => z.id === F), N = F.split(".");
+    return L?.name ?? N[N.length - 1];
+  }, [o]), h = H((F, L) => {
+    const N = L.chips?.[F];
     if (N !== void 0 && N !== "") return N;
-    switch (L) {
-      case F.slice:
-        return m(j.values.slice) ?? r.chooseSlice;
-      case F.emphasis:
-        return r.emphasis[String(j.values.emphasis ?? "secondary").toLowerCase()] ?? String(j.values.emphasis ?? "");
-      case F.slot:
-        return typeof j.values.slot == "string" && j.values.slot !== "" ? j.values.slot : r.mainArea;
+    switch (F) {
+      case A.slice:
+        return m(L.values.slice) ?? r.chooseSlice;
+      case A.emphasis:
+        return r.emphasis[String(L.values.emphasis ?? "secondary").toLowerCase()] ?? String(L.values.emphasis ?? "");
+      case A.slot:
+        return typeof L.values.slot == "string" && L.values.slot !== "" ? L.values.slot : r.mainArea;
       default:
         return r.notLinked;
     }
   }, [m, r]), f = s?.selected?.parentId !== void 0 && l !== void 0 && l.items[s.selected.id] === void 0, v = s?.selected?.parentId;
-  if (re(() => {
+  if (ie(() => {
     if (!f || !v) return;
-    const L = e.current?.querySelector(`[data-scene-nav-item="${CSS.escape(v)}"] > [data-scene-nav-link]`);
-    L && (L.focus({ preventScroll: !0 }), L.dispatchEvent(new KeyboardEvent("keydown", {
+    const F = e.current?.querySelector(`[data-scene-nav-item="${CSS.escape(v)}"] > [data-scene-nav-link]`);
+    F && (F.focus({ preventScroll: !0 }), F.dispatchEvent(new KeyboardEvent("keydown", {
       key: "ArrowRight",
       bubbles: !0,
       cancelable: !0
@@ -7466,7 +7466,7 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
     v,
     e
   ]), !s || !l) return null;
-  const { selected: g, source: k } = s, O = s.mode.addActions[0], P = k.items.flatMap((L) => l.items[L.id] ? [l.items[L.id]] : []), y = P[P.length - 1], S = s.mode.itemToolbar.some((L) => L.compact === !0), w = y ?? l.component, T = w && O ? S || !y ? {
+  const { selected: g, source: k } = s, x = s.mode.addActions[0], O = k.items.flatMap((F) => l.items[F.id] ? [l.items[F.id]] : []), y = O[O.length - 1], S = s.mode.itemToolbar.some((F) => F.compact === !0), w = y ?? l.component, T = w && x ? S || !y ? {
     left: (y ?? w).left,
     top: (y ? y.top + y.height : w.top) + 8
   } : {
@@ -7481,47 +7481,47 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
     inCanvas: !1,
     bindingScope: p,
     slotNames: Ea(r.navigation)
-  }), z = (L, j) => {
+  }), U = (F, L) => {
     if (!I) return;
-    const N = I.plan(j);
+    const N = I.plan(L);
     qo(N) || u(void 0), t.perform(N);
-  }, R = E;
-  return /* @__PURE__ */ b(ae, { children: [
-    T && O && /* @__PURE__ */ a("button", {
+  }, D = E;
+  return /* @__PURE__ */ b(re, { children: [
+    T && x && /* @__PURE__ */ a("button", {
       type: "button",
       className: "studio-design-add",
-      "data-action": O.id,
-      "aria-label": O.label,
-      title: O.label,
+      "data-action": x.id,
+      "aria-label": x.label,
+      title: x.label,
       style: {
         left: T.left,
         top: T.top,
         width: zn,
         height: zn
       },
-      onClick: () => t.add(O.id),
+      onClick: () => t.add(x.id),
       children: /* @__PURE__ */ a(Xc, { "aria-hidden": "true" })
     }),
-    g && R && /* @__PURE__ */ a(Ig, {
+    g && D && /* @__PURE__ */ a(Ig, {
       subject: s,
       item: g,
-      anchor: R,
+      anchor: D,
       bounds: l.surface,
       strings: r,
       renameToken: t.renameToken,
       chipLabel: h,
-      onRename: (L) => t.rename(g, L),
-      onAction: (L) => t.act(L, g),
-      onChoice: (L, j) => u((N) => N && N.actionId === L && N.itemId === g.id ? void 0 : {
-        actionId: L,
+      onRename: (F) => t.rename(g, F),
+      onAction: (F) => t.act(F, g),
+      onChoice: (F, L) => u((N) => N && N.actionId === F && N.itemId === g.id ? void 0 : {
+        actionId: F,
         itemId: g.id,
-        opener: j
+        opener: L
       }),
       readOnlyActions: k.readOnlyActions(g),
-      onReadOnlyAction: (L) => t.perform(L.plan()),
+      onReadOnlyAction: (F) => t.perform(F.plan()),
       onLeave: () => e.current?.focus({ preventScroll: !0 })
     }, g.id),
-    I && c && R && /* @__PURE__ */ a(kg, {
+    I && c && D && /* @__PURE__ */ a(kg, {
       registry: d,
       property: I.property,
       context: $(),
@@ -7529,9 +7529,9 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
       anchor: Dg(e, c.opener),
       opener: c.opener,
       bounds: l.surface,
-      title: s.mode.itemToolbar.find((L) => L.id === c.actionId)?.title ?? c.actionId,
+      title: s.mode.itemToolbar.find((F) => F.id === c.actionId)?.title ?? c.actionId,
       strings: r,
-      onChange: z,
+      onChange: U,
       onClose: C
     }),
     g && E && s.source.kind === "region" && /* @__PURE__ */ a("div", {
@@ -7578,14 +7578,14 @@ function ls(e, t) {
   });
 }
 var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, gr = "content", $g = (e, t) => e.length === t.length && e.every((n, o) => n.id === t[o].id && n.rect.left === t[o].rect.left && n.rect.top === t[o].rect.top && n.rect.width === t[o].rect.width && n.rect.height === t[o].rect.height), Eg = ({ surface: e, controller: t, strings: n }) => {
-  const o = vo(e, K((h, f) => Be(h, "composition", f), []), _g), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = U(() => ls(i.roots, r.catalog), [i.roots, r.catalog]), p = K((h, f) => d.flatMap((v) => {
+  const o = vo(e, H((h, f) => Be(h, "composition", f), []), _g), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = j(() => ls(i.roots, r.catalog), [i.roots, r.catalog]), p = H((h, f) => d.flatMap((v) => {
     const g = Be(h, v.id, f);
     return g ? [{
       ...v,
       rect: g
     }] : [];
   }), [d]), m = vo(e, p, $g);
-  return /* @__PURE__ */ b(ae, { children: [o && /* @__PURE__ */ a("div", {
+  return /* @__PURE__ */ b(re, { children: [o && /* @__PURE__ */ a("div", {
     className: "studio-design-slot",
     "data-slot": gr,
     "aria-hidden": "true",
@@ -7641,10 +7641,10 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
 }, Ag = Wl(), Jt = () => {
   throw new Error("The screen is being designed; it does not navigate.");
 }, Fg = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
-  const l = U(() => new dn(e), [e]), c = U(() => ({
+  const l = j(() => new dn(e), [e]), c = j(() => ({
     structure: l,
     navigation: t
-  }), [l, t]), u = n === void 0 ? void 0 : l.firstFeatureId(n) ?? `${n}.`, d = r || u, p = U(() => d === void 0 && i === void 0 ? void 0 : {
+  }), [l, t]), u = n === void 0 ? void 0 : l.firstFeatureId(n) ?? `${n}.`, d = r || u, p = j(() => d === void 0 && i === void 0 ? void 0 : {
     currentScreen: d ?? "",
     primaryScreen: d ?? "",
     outlets: {},
@@ -7659,7 +7659,7 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     closeDialog: Jt,
     closeOutlet: Jt,
     back: Jt
-  }, [d, i]), m = t.application.logo, h = U(() => m ? {
+  }, [d, i]), m = t.application.logo, h = j(() => m ? {
     title: m.title,
     locked: n !== void 0,
     lockedReason: o
@@ -7668,7 +7668,7 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     n,
     o
   ]);
-  if (e.modules.length === 0 && !i) return /* @__PURE__ */ a(ae, { children: s });
+  if (e.modules.length === 0 && !i) return /* @__PURE__ */ a(re, { children: s });
   const f = /* @__PURE__ */ a(Xa.Provider, {
     value: h,
     children: /* @__PURE__ */ a(jl, {
@@ -7700,9 +7700,9 @@ function Bg(e, t, n) {
   if (e.altKey && !e.ctrlKey && !e.metaKey) {
     const l = e.key === "ArrowUp" || e.key === "ArrowLeft", c = e.key === "ArrowDown" || e.key === "ArrowRight";
     if (l || c)
-      return t.act(l ? F.moveEarlier : F.moveLater, s), r();
+      return t.act(l ? A.moveEarlier : A.moveLater, s), r();
   }
-  return Bo(e) ? (t.act(F.delete, s), r()) : !1;
+  return Bo(e) ? (t.act(A.delete, s), r()) : !1;
 }
 function cs(e, t, n) {
   if (e.id === t) return n;
@@ -7783,7 +7783,7 @@ function Kg(e, t = /* @__PURE__ */ new Set()) {
       property: l.name,
       label: l.label ?? l.name
     }));
-    return Pe(H.Stack, i, `Form ${r}`, [
+    return Pe(G.Stack, i, `Form ${r}`, [
       ue(`${i}-title`, r, "core:text", { text: vr(r) }),
       ...s.length > 0 ? [ue(`${i}-fields`, `${r} fields`, "core:summary", { typeName: r }, { fields: s })] : [],
       ue(`${i}-send`, r, "core:button", { label: vr(r) })
@@ -7799,7 +7799,7 @@ function ps(e, t) {
 }
 var ms = (e, t) => He(e) ? Math.max(0, t - 1) : t, hs = (e, t, n) => {
   const o = ue(`${Hg}${t}`, t, "core:text", { text: `slot: ${t}` });
-  return Pe(H.Stack, us(t), t, [...n ? [o] : [], ...e.content?.[t] ?? []]);
+  return Pe(G.Stack, us(t), t, [...n ? [o] : [], ...e.content?.[t] ?? []]);
 }, br = (e) => ({
   unitType: ko.Star,
   value: e
@@ -7818,10 +7818,10 @@ function fs(e, t, n, o) {
   if (s.length === 0) return;
   const l = r.kind === "Row" ? "row" : "column";
   return r.kind !== "Row" ? {
-    ...Pe(H.Stack, `template-flow:${l}-${[...n].join("-")}`, l, s.map((c) => c.element)),
+    ...Pe(G.Stack, `template-flow:${l}-${[...n].join("-")}`, l, s.map((c) => c.element)),
     spacing: r.gap ?? 8
   } : {
-    ...Pe(H.Grid, `template-flow:${l}-${[...n].join("-")}`, l, s.map((c, u) => ({
+    ...Pe(G.Grid, `template-flow:${l}-${[...n].join("-")}`, l, s.map((c, u) => ({
       ...c.element,
       properties: {
         ...c.element.properties,
@@ -7848,29 +7848,31 @@ function Yg(e, t = !0) {
 }
 var gs = "composition";
 function bo(e, t) {
-  const n = e.screens.find((l) => l.name === de), o = t !== void 0 ? Zn(t, !0) : Zn(void 0), i = Ro(e, o).levels.filter((l) => l.kind === tl.ScreenTemplate).map((l) => l.owner), r = [];
+  const n = e.screens.find((c) => c.name === le), o = t !== void 0 ? Zn(t, !0) : Zn(void 0), i = Ro(e, o).levels.filter((c) => c.kind === tl.ScreenTemplate).map((c) => c.owner), r = [];
   let s;
-  for (const l of i) {
-    const c = e.screenTemplates.find((u) => u.name === l);
-    if (c) {
-      if (l === t && Jg(c)) {
-        const u = Yg(c);
-        r.push(...u.elements), s = u.entry;
+  for (const c of i) {
+    const u = e.screenTemplates.find((d) => d.name === c);
+    if (u) {
+      if (c === t && Jg(u)) {
+        const d = Yg(u);
+        r.push(...d.elements), s = d.entry;
         continue;
       }
-      for (const u of c.slots) r.push(...c.content?.[u.name] ?? []);
+      for (const d of u.slots) r.push(...u.content?.[d.name] ?? []);
     }
   }
+  const l = r.length;
   if (t === void 0 || o.kind === an.Screen) {
-    const l = n?.slotContent ?? {}, c = n?.native?.slots ?? {};
-    r.push(...l.content ?? [], ...Kn(c[Ze], Ze));
-    for (const [u, d] of Object.entries(l)) u !== "content" && r.push(...d, ...Kn(c[u], u));
-    for (const [u, d] of Object.entries(c)) u !== "content" && !(u in l) && r.push(...Kn(d, u));
+    const c = n?.slotContent ?? {}, u = n?.native?.slots ?? {};
+    r.push(...c.content ?? [], ...Kn(u[Ze], Ze));
+    for (const [d, p] of Object.entries(c)) d !== "content" && r.push(...p, ...Kn(u[d], d));
+    for (const [d, p] of Object.entries(u)) d !== "content" && !(d in c) && r.push(...Kn(p, d));
     r.push(...Kg(n?.forms, Zg(r)));
   }
   return {
-    element: Pe(H.Stack, gs, "Composition", r),
+    element: Pe(G.Stack, gs, "Composition", r),
     roots: r,
+    own: r.slice(l),
     templates: i,
     ...s ? { entry: s } : {}
   };
@@ -7882,21 +7884,19 @@ function Zg(e) {
   };
   return e.forEach(n), t;
 }
-function Xg(e, t) {
-  if (e.templates.length === 0) return e.element;
-  const n = e.roots.filter((o) => t(o.id) === ne.Local);
-  return Pe(H.Stack, gs, "Composition", n);
+function Xg(e) {
+  return e.templates.length === 0 ? e.element : Pe(G.Stack, gs, "Composition", e.own);
 }
 var ev = () => {
 }, tv = {
   button: "Button",
   item: "New item"
 }, nv = ({ controller: e, environment: t, resolveBinding: n = ev, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
-  const c = J(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: m, measureNow: h } = mg(c, d, p), { feedback: f, draggedId: v, startMoving: g, endMoving: k, handlers: O } = ug(c, h, e), [P, y] = B(), S = ig(e, t), { document: w, context: T } = e, E = U(() => o ?? (w.instanceContributions.length > 0 ? Br(Ro(w, T.scope), w.instanceContributions, T.catalog) : void 0), [
+  const c = J(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: m, measureNow: h } = mg(c, d, p), { feedback: f, draggedId: v, startMoving: g, endMoving: k, handlers: x } = ug(c, h, e), [O, y] = M(), S = ig(e, t), { document: w, context: T } = e, E = j(() => o ?? (w.instanceContributions.length > 0 ? Br(Ro(w, T.scope), w.instanceContributions, T.catalog) : void 0), [
     o,
     w,
     T
-  ]), I = r?.designMode ?? fn, C = t.destinations[0], $ = U(() => C ? { screen: C.id } : void 0, [C]), z = rh({
+  ]), I = r?.designMode ?? fn, C = t.destinations[0], $ = j(() => C ? { screen: C.id } : void 0, [C]), U = rh({
     controller: e,
     environment: t,
     strings: I,
@@ -7904,60 +7904,56 @@ var ev = () => {
     ...$ ? { startingDestination: $ } : {}
   });
   Te(() => {
-    const A = c.current?.closest("[data-studio-viewport]") ?? c.current?.parentElement;
-    if (s !== void 0 || !A || typeof ResizeObserver > "u") return;
-    const M = new ResizeObserver(() => y(A.clientHeight));
-    return y(A.clientHeight), M.observe(A), () => M.disconnect();
+    const P = c.current?.closest("[data-studio-viewport]") ?? c.current?.parentElement;
+    if (s !== void 0 || !P || typeof ResizeObserver > "u") return;
+    const B = new ResizeObserver(() => y(P.clientHeight));
+    return y(P.clientHeight), B.observe(P), () => B.disconnect();
   }, [s]);
-  const R = (A) => {
-    if (A.key === "Escape" && l?.peeking) {
-      A.preventDefault(), l.back();
+  const D = (P) => {
+    if (P.key === "Escape" && l?.peeking) {
+      P.preventDefault(), l.back();
       return;
     }
-    Bg(A, z, () => {
-      const M = c.current?.querySelector(".studio-design-toolbar__title");
-      return M?.focus({ preventScroll: !0 }), !!M;
-    }) || !Bo(A) || !e.selectedId || !e.canRemove(e.selectedId) || (A.preventDefault(), e.remove(e.selectedId));
-  }, L = !!e.selectedId && e.ownershipOf(e.selectedId) === ne.Local && e.canRemove(e.selectedId), j = e.selection && (e.selection.name || e.selection.componentName) || "";
-  wg(c, (A, M) => {
-    e.select(A), z.pointItem(A, M);
+    Bg(P, U, () => {
+      const B = c.current?.querySelector(".studio-design-toolbar__title");
+      return B?.focus({ preventScroll: !0 }), !!B;
+    }) || !Bo(P) || !e.selectedId || !e.canRemove(e.selectedId) || (P.preventDefault(), e.remove(e.selectedId));
+  }, F = !!e.selectedId && e.ownershipOf(e.selectedId) === oe.Local && e.canRemove(e.selectedId), L = e.selection && (e.selection.name || e.selection.componentName) || "";
+  wg(c, (P, B) => {
+    e.select(P), U.pointItem(P, B);
   }, l?.frame !== void 0);
   const { setMeasurer: N } = e;
-  re(() => (N((A) => {
-    const M = c.current;
-    if (!M) return;
-    const G = M.getBoundingClientRect(), V = M.querySelector(`[data-studio-element="${CSS.escape(A)}"]`)?.closest("[data-scene-placement]")?.getBoundingClientRect();
-    if (V && V.width > 0 && V.height > 0) return {
-      left: V.left - G.left,
-      top: V.top - G.top,
+  ie(() => (N((P) => {
+    const B = c.current;
+    if (!B) return;
+    const W = B.getBoundingClientRect(), K = B.querySelector(`[data-studio-element="${CSS.escape(P)}"]`)?.closest("[data-scene-placement]")?.getBoundingClientRect();
+    if (K && K.width > 0 && K.height > 0) return {
+      left: K.left - W.left,
+      top: K.top - W.top,
+      width: K.width,
+      height: K.height
+    };
+    const V = Be(B, P, W);
+    return V && {
+      left: V.left,
+      top: V.top,
       width: V.width,
       height: V.height
     };
-    const ie = Be(M, A, G);
-    return ie && {
-      left: ie.left,
-      top: ie.top,
-      width: ie.width,
-      height: ie.height
-    };
   }), () => N(void 0)), [N]);
-  const W = e.ownershipOf, Q = l !== void 0 && l.template.available && !l.template.shown, me = U(() => Q ? Xg(u, W) : u.element, [
+  const z = l !== void 0 && l.template.available && !l.template.shown, Q = j(() => z ? Xg(u) : u.element, [z, u]), pe = j(() => Eo(Q, t.runtime.compositionProfile, t.runtime.packages), [
     Q,
-    u,
-    W
-  ]), he = U(() => Eo(me, t.runtime.compositionProfile, t.runtime.packages), [
-    me,
     t.runtime.compositionProfile,
     t.runtime.packages
-  ]), ce = l?.peeking, xe = r?.shellPeeking(l?.peekingName ?? "") ?? "", D = U(() => {
-    const A = l?.frame;
-    return A ? cs(A.element, oi, ce ? yf(ce, xe) : he) : he;
+  ]), ce = l?.peeking, me = r?.shellPeeking(l?.peekingName ?? "") ?? "", xe = j(() => {
+    const P = l?.frame;
+    return P ? cs(P.element, oi, ce ? yf(ce, me) : pe) : pe;
   }, [
     l?.frame,
-    he,
+    pe,
     ce,
-    xe
-  ]), oe = U(() => Qf(t.runtime.registry, i), [t.runtime.registry, i]), fe = U(() => ai(t.runtime), [t.runtime]), nt = U(() => /* @__PURE__ */ a(qr, {
+    me
+  ]), _ = j(() => Qf(t.runtime.registry, i), [t.runtime.registry, i]), ne = j(() => ai(t.runtime), [t.runtime]), fe = j(() => /* @__PURE__ */ a(qr, {
     registry: t.runtime.iconAdapters,
     children: /* @__PURE__ */ a(zr, {
       storage: null,
@@ -7969,16 +7965,16 @@ var ev = () => {
         onNavigate: l?.frame ? l.navigate : void 0,
         peeking: ce ? l?.peekingName : void 0,
         children: /* @__PURE__ */ a(Ao, {
-          element: D,
-          registry: oe,
+          element: xe,
+          registry: _,
           resolveBinding: n,
           configuration: E
         })
       })
     })
   }), [
-    D,
-    oe,
+    xe,
+    _,
     t.runtime.iconAdapters,
     n,
     E,
@@ -7989,22 +7985,22 @@ var ev = () => {
     l?.navigate,
     l?.peekingName,
     ce
-  ]), je = s ?? P, _ = {
+  ]), je = s ?? O, nt = {
     ...je === void 0 ? {} : { "--studio-surface-viewport-height": `${je}px` },
     "--studio-empty-container-label": JSON.stringify(i.emptyContainer)
   };
   return /* @__PURE__ */ a(Vr, {
-    theme: fe,
-    className: `studio-profile-theme studio-screen-surface-theme ${ri(fe)}`,
+    theme: ne,
+    className: `studio-profile-theme studio-screen-surface-theme ${ri(ne)}`,
     children: /* @__PURE__ */ b("div", {
       ref: c,
       className: "studio-screen-surface",
-      style: _,
+      style: nt,
       "data-studio-dragging": f ? "true" : void 0,
-      onKeyDown: R,
+      onKeyDown: D,
       tabIndex: -1,
-      ...O,
-      children: [nt, /* @__PURE__ */ b("div", {
+      ...x,
+      children: [fe, /* @__PURE__ */ b("div", {
         className: "studio-screen-surface__chrome",
         children: [
           m && /* @__PURE__ */ a("div", {
@@ -8012,7 +8008,7 @@ var ev = () => {
             "data-moving": v === e.selectedId ? "true" : void 0,
             style: m
           }),
-          m && L && /* @__PURE__ */ a("div", {
+          m && F && /* @__PURE__ */ a("div", {
             className: "studio-screen-surface__grip",
             style: {
               left: m.left,
@@ -8020,9 +8016,9 @@ var ev = () => {
             },
             draggable: !0,
             "aria-hidden": "true",
-            title: i.moveHandle(j),
-            onDragStart: (A) => {
-              g(e.selectedId), Dh(A, e.selectedId, j);
+            title: i.moveHandle(L),
+            onDragStart: (P) => {
+              g(e.selectedId), Dh(P, e.selectedId, L);
             },
             onDragEnd: k,
             children: /* @__PURE__ */ a(vc, { "aria-hidden": "true" })
@@ -8042,7 +8038,7 @@ var ev = () => {
           }),
           r && /* @__PURE__ */ a(Rg, {
             surface: c,
-            state: z,
+            state: U,
             controller: e,
             environment: t,
             editorStrings: r,
@@ -8059,7 +8055,7 @@ var ev = () => {
     })
   });
 }, yr = 40, vs = ({ controller: e, environment: t, strings: n, window: o, authoringTemplate: i, deviceFrame: r = !1, saveFailure: s, onKeepEditing: l, onDiscard: c, onSave: u, isSaving: d = !1, onPreview: p }) => {
-  const m = xf(e.document, t.runtime, i, void 0, e.composition.templates.length > 0), h = !!e.selectedId && e.canRemove(e.selectedId), f = /* @__PURE__ */ b(ae, { children: [
+  const m = xf(e.document, t.runtime, i, void 0, e.composition.templates.length > 0), h = !!e.selectedId && e.canRemove(e.selectedId), f = /* @__PURE__ */ b(re, { children: [
     /* @__PURE__ */ a("span", {
       className: "studio-screen-editor-window__state",
       role: "status",
@@ -8177,7 +8173,7 @@ var ev = () => {
   });
 };
 function ov(e, t, n) {
-  const o = e.screens.find((l) => l.name === de);
+  const o = e.screens.find((l) => l.name === le);
   if (!o || o.screenTemplate === t?.name) return e;
   const i = o.screenTemplate, r = e.screens.map((l) => {
     if (l !== o) return l;
@@ -8241,15 +8237,15 @@ function av(e, t) {
   if (e.targetParentId !== null)
     return {
       kind: Z.MoveNode,
-      nodeId: se(e.nodeId),
-      target: ps(e.targetParentId, t) ?? se(e.targetParentId),
+      nodeId: ae(e.nodeId),
+      target: ps(e.targetParentId, t) ?? ae(e.targetParentId),
       index: ms(e.targetParentId, e.index)
     };
 }
 function ks(e, t, n, o) {
   return {
     kind: Z.InsertNode,
-    target: ps(e, o) ?? se(e),
+    target: ps(e, o) ?? ae(e),
     index: ms(e, t),
     element: n
   };
@@ -8257,7 +8253,7 @@ function ks(e, t, n, o) {
 function sv(e) {
   return {
     kind: Z.RemoveNode,
-    nodeId: se(e)
+    nodeId: ae(e)
   };
 }
 var Ss = (e, t) => (e?.children ?? []).map((n) => {
@@ -8276,7 +8272,7 @@ function lv(e, t, n, o) {
   const u = l && c && r.id === t.targetParentId, d = u ? r.children.findIndex((m) => m.id === t.nodeId) : t.index, p = c ? ys(i, n ?? (u ? ws(i) : void 0) ?? bs(Ss(s, o))) : rv(i);
   return [{
     kind: Z.RemoveNode,
-    nodeId: se(t.nodeId)
+    nodeId: ae(t.nodeId)
   }, ks(t.targetParentId, d, p)];
 }
 function cv(e) {
@@ -8451,17 +8447,17 @@ function Rt(e, t, n) {
 }
 var yo = (e) => e.id, wv = (e) => e.name || yo(e), kv = (e) => {
   switch (e) {
-    case H.Stack:
+    case G.Stack:
       return Y.Column;
-    case H.Row:
+    case G.Row:
       return Y.Row;
-    case H.Grid:
+    case G.Grid:
       return Y.Grid;
-    case H.Wrap:
+    case G.Wrap:
       return Y.Wrap;
-    case H.Canvas:
+    case G.Canvas:
       return Y.Freeform;
-    case H.Container:
+    case G.Container:
       return Y.Grouping;
     case void 0:
       return;
@@ -8480,7 +8476,7 @@ function Sv(e) {
       slots: { children: n }
     } : t,
     acceptsChildren: (t) => Yt(t),
-    ownershipOf: (t) => e(yo(t)) ?? ne.Local,
+    ownershipOf: (t) => e(yo(t)) ?? oe.Local,
     arrangementOf: (t) => Yt(t) ? kv(ma(t)) : void 0
   };
 }
@@ -8509,31 +8505,31 @@ function Sr(e, t, n) {
 function Nv(e) {
   switch (e) {
     case mi.Inherited:
-      return ne.Inherited;
+      return oe.Inherited;
     case mi.ConfigurableInherited:
-      return ne.ConfigurableInherited;
+      return oe.ConfigurableInherited;
     default:
-      return ne.Local;
+      return oe.Local;
   }
 }
 function Iv(e, t, n) {
   const o = /* @__PURE__ */ new Map();
   for (const i of Ds(t)) {
     if (He(i)) {
-      o.set(i, ne.Local);
+      o.set(i, oe.Local);
       continue;
     }
-    const r = Po(e, se(i), n);
-    o.set(i, r ? Nv(r.provenance.kind) : ne.Inherited);
+    const r = Po(e, ae(i), n);
+    o.set(i, r ? Nv(r.provenance.kind) : oe.Inherited);
   }
-  return (i) => o.get(i) ?? ne.Local;
+  return (i) => o.get(i) ?? oe.Local;
 }
 function Pv(e) {
-  const [t, n] = B({
+  const [t, n] = M({
     catalog: e,
     times: 0
   });
-  return re(() => {
+  return ie(() => {
     let o = !0;
     const i = () => {
       o && n((r) => ({
@@ -8547,23 +8543,23 @@ function Pv(e) {
   }, [e]), t.catalog === e ? t.times : 0;
 }
 function Ov(e, t) {
-  U(() => t?.(e), [e, t]), re(() => t?.(e), [e, t]);
+  j(() => t?.(e), [e, t]), ie(() => t?.(e), [e, t]);
 }
 var xv = { modules: [] }, Rv = (e, t) => wo(e, t)?.id;
 function Cs(e, t, n, o) {
-  const [i, r] = B(() => pv(e.document)), s = J(void 0);
+  const [i, r] = M(() => pv(e.document)), s = J(void 0);
   s.current ??= new uv(i, r);
-  const l = K((_) => s.current.commit(_), []), [c, u] = B(), [d, p] = B(), [m, h] = B(n.navigation?.module), f = J(void 0), v = K((_, A) => {
-    const M = f.current?.(_), G = f.current?.(A);
-    return M && G ? {
-      height: M.height,
-      bottom: M.top + M.height - G.top
+  const l = H((P) => s.current.commit(P), []), [c, u] = M(), [d, p] = M(), [m, h] = M(n.navigation?.module), f = J(void 0), v = H((P, B) => {
+    const W = f.current?.(P), K = f.current?.(B);
+    return W && K ? {
+      height: W.height,
+      bottom: W.top + W.height - K.top
     } : void 0;
-  }, []), g = K((_) => {
-    f.current = _;
+  }, []), g = H((P) => {
+    f.current = P;
   }, []), k = Pv(n.runtime.icons);
   Ov(n.stateChangeSlices, n.registerDesignTimeCommands);
-  const O = U(() => ({
+  const x = j(() => ({
     catalog: n.runtime.catalog,
     scope: Zn(t, t !== void 0),
     queryCandidates: [...n.queryCandidates],
@@ -8572,141 +8568,141 @@ function Cs(e, t, n, o) {
     n,
     t,
     k
-  ]), P = U(() => bo(i.document, t), [i.document, t]), y = U(() => Iv(i.document, P.roots, O), [
+  ]), O = j(() => bo(i.document, t), [i.document, t]), y = j(() => Iv(i.document, O.roots, x), [
     i.document,
-    P,
-    O
-  ]), S = U(() => Sv(y), [y]), w = Nt(i.document, t), T = U(() => dv(P.roots, Cv(w), S).filter((_) => _.containerId !== null), [
-    P,
+    O,
+    x
+  ]), S = j(() => Sv(y), [y]), w = Nt(i.document, t), T = j(() => dv(O.roots, Cv(w), S).filter((P) => P.containerId !== null), [
+    O,
     w,
     S
-  ]), E = c ? Ge(P.roots, c) : void 0, I = U(() => c ? Po(i.document, se(c), O) : void 0, [
+  ]), E = c ? Ge(O.roots, c) : void 0, I = j(() => c ? Po(i.document, ae(c), x) : void 0, [
     i.document,
     c,
-    O
-  ]), C = K((_, A) => {
-    const M = s.current.current, G = l((V) => mv(V, _, O, A));
+    x
+  ]), C = H((P, B) => {
+    const W = s.current.current, K = l((V) => mv(V, P, x, B));
     return {
-      applied: G.undoable.length > M.undoable.length || G.document !== M.document,
-      diagnostics: G.diagnostics
+      applied: K.undoable.length > W.undoable.length || K.document !== W.document,
+      diagnostics: K.diagnostics
     };
-  }, [l, O]), $ = K((_, A) => {
-    C(_, A);
-  }, [C]), z = K((_, A) => {
-    const M = s.current.current, G = l((V) => hv(V, _, O, A));
+  }, [l, x]), $ = H((P, B) => {
+    C(P, B);
+  }, [C]), U = H((P, B) => {
+    const W = s.current.current, K = l((V) => hv(V, P, x, B));
     return {
-      applied: G.document !== M.document,
-      diagnostics: G.diagnostics
+      applied: K.document !== W.document,
+      diagnostics: K.diagnostics
     };
-  }, [l, O]), R = K((_, A) => {
-    const M = _ ?? w?.id ?? P.entry, G = M ? Ge(P.roots, M)?.children ?? [] : [];
+  }, [l, x]), D = H((P, B) => {
+    const W = P ?? w?.id ?? O.entry, K = W ? Ge(O.roots, W)?.children ?? [] : [];
     return {
-      parent: M,
-      index: A ?? G.length
+      parent: W,
+      index: B ?? K.length
     };
-  }, [w, P]), L = J(o);
-  L.current = o;
-  const j = K((_, A, M, G, V, ie) => {
-    const Ue = R(A, M);
+  }, [w, O]), F = J(o);
+  F.current = o;
+  const L = H((P, B, W, K, V, de) => {
+    const Ue = D(B, W);
     if (!Ue.parent) return;
-    const ot = Ge(bo(s.current.current.document, t).roots, Ue.parent), xs = ot && vt(ot) ? ys(_, V ?? bs(Ss(ot, v))) : _;
-    C(ks(Ue.parent, Ue.index, xs, t), G).applied && (u(_.id), ie && L.current?.(ie));
+    const ot = Ge(bo(s.current.current.document, t).roots, Ue.parent), xs = ot && vt(ot) ? ys(P, V ?? bs(Ss(ot, v))) : P;
+    C(ks(Ue.parent, Ue.index, xs, t), K).applied && (u(P.id), de && F.current?.(de));
   }, [
     C,
-    R,
+    D,
     t,
     v
-  ]), N = K((_, A) => {
-    if (He(_.nodeId)) return te.NodeLocked;
-    const M = lv(P.roots, _, A, v), G = Sr(P.roots, _, S);
-    if (G && !(G === te.NoChange && M && _.targetParentId === Rv(P.roots, _.nodeId))) return G;
-    if (M) return z(M, "Move").applied ? void 0 : te.NodeLocked;
-    const V = av(_, t);
+  ]), N = H((P, B) => {
+    if (He(P.nodeId)) return te.NodeLocked;
+    const W = lv(O.roots, P, B, v), K = Sr(O.roots, P, S);
+    if (K && !(K === te.NoChange && W && P.targetParentId === Rv(O.roots, P.nodeId))) return K;
+    if (W) return U(W, "Move").applied ? void 0 : te.NodeLocked;
+    const V = av(P, t);
     return V ? C(V, "Move").applied ? void 0 : te.NodeLocked : te.TargetNotContainer;
   }, [
-    P,
+    O,
     S,
     C,
-    z,
+    U,
     t
-  ]), W = K((_, A) => {
-    l((M) => {
-      const G = M.document.screens.map((V) => V.name === "Screen" ? {
+  ]), z = H((P, B) => {
+    l((W) => {
+      const K = W.document.screens.map((V) => V.name === "Screen" ? {
         ...V,
-        forms: _
+        forms: P
       } : V);
-      return De(M, {
-        ...M.document,
-        screens: G
-      }, A);
+      return De(W, {
+        ...W.document,
+        screens: K
+      }, B);
     });
-  }, [l]), Q = K((_, A, M) => {
-    l((G) => {
-      const V = G.document.screenTemplates.map((ie) => ie.name === _ ? {
-        ...ie,
-        outlets: A
-      } : ie);
-      return De(G, {
-        ...G.document,
+  }, [l]), Q = H((P, B, W) => {
+    l((K) => {
+      const V = K.document.screenTemplates.map((de) => de.name === P ? {
+        ...de,
+        outlets: B
+      } : de);
+      return De(K, {
+        ...K.document,
         screenTemplates: V
-      }, M);
+      }, W);
     });
-  }, [l]), me = K((_, A, M) => {
-    l((G) => {
-      const V = G.document.screenTemplates.map((ie) => {
-        if (ie.name !== _) return ie;
-        const { metadata: Ue, ...ot } = ie;
-        return A ? {
+  }, [l]), pe = H((P, B, W) => {
+    l((K) => {
+      const V = K.document.screenTemplates.map((de) => {
+        if (de.name !== P) return de;
+        const { metadata: Ue, ...ot } = de;
+        return B ? {
           ...ot,
-          metadata: A
+          metadata: B
         } : ot;
       });
-      return De(G, {
-        ...G.document,
+      return De(K, {
+        ...K.document,
         screenTemplates: V
-      }, M);
+      }, W);
     });
-  }, [l]), he = K((_, A) => {
-    l((M) => De(M, {
-      ...M.document,
-      dialogTemplates: _
-    }, A));
-  }, [l]), ce = K((_, A, M, G, V) => {
-    l((ie) => De(ie, kr(ie.document, _, (Ue) => Dv(Ue, A, M, G)), V));
-  }, [l]), xe = K((_, A) => {
-    const M = [...n.runtime.bundles.flatMap((G) => G.screenTemplates ?? []), ...n.ownTemplates ?? []];
-    l((G) => De(G, ov(G.document, _, M), A));
+  }, [l]), ce = H((P, B) => {
+    l((W) => De(W, {
+      ...W.document,
+      dialogTemplates: P
+    }, B));
+  }, [l]), me = H((P, B, W, K, V) => {
+    l((de) => De(de, kr(de.document, P, (Ue) => Dv(Ue, B, W, K)), V));
+  }, [l]), xe = H((P, B) => {
+    const W = [...n.runtime.bundles.flatMap((K) => K.screenTemplates ?? []), ...n.ownTemplates ?? []];
+    l((K) => De(K, ov(K.document, P, W), B));
   }, [
     l,
     n.runtime.bundles,
     n.ownTemplates
-  ]), D = K((_, A, M) => {
-    l((G) => De(G, kr(G.document, _, (V) => {
-      A ? V.behaviors = A : delete V.behaviors;
-    }), M));
-  }, [l]), oe = U(() => Gi(i.document), [i.document]), fe = n.navigation?.structure ?? xv, nt = K((_, A) => {
-    const M = sl(Gi(s.current.current.document), _);
-    return M.applied ? (l((G) => De(G, Vm(G.document, M.model), A)), { applied: !0 }) : {
+  ]), _ = H((P, B, W) => {
+    l((K) => De(K, kr(K.document, P, (V) => {
+      B ? V.behaviors = B : delete V.behaviors;
+    }), W));
+  }, [l]), ne = j(() => Gi(i.document), [i.document]), fe = n.navigation?.structure ?? xv, je = H((P, B) => {
+    const W = sl(Gi(s.current.current.document), P);
+    return W.applied ? (l((K) => De(K, Vm(K.document, W.model), B)), { applied: !0 }) : {
       applied: !1,
-      rejected: M.rejected
+      rejected: W.rejected
     };
-  }, [l]), je = K((_, A) => {
-    p(_ && A ? {
-      componentId: _,
-      itemId: A
+  }, [l]), nt = H((P, B) => {
+    p(P && B ? {
+      componentId: P,
+      itemId: B
     } : void 0);
   }, []);
   return {
-    navigation: oe,
+    navigation: ne,
     structure: fe,
     navigationModule: m,
-    applyNavigationEdits: nt,
+    applyNavigationEdits: je,
     setNavigationModule: h,
     selectedItemId: d && d.componentId === c ? d.itemId : void 0,
-    selectItem: je,
+    selectItem: nt,
     document: i.document,
-    composition: P,
-    context: O,
+    composition: O,
+    context: x,
     selectedId: c,
     selection: E,
     inspection: I,
@@ -8718,24 +8714,24 @@ function Cs(e, t, n, o) {
     setMeasurer: g,
     apply: $,
     tryApply: C,
-    applyAll: z,
+    applyAll: U,
     move: N,
-    validateMove: (_) => He(_.nodeId) ? te.NodeLocked : Sr(P.roots, _, S),
-    insertComponent: (_, A, M, G) => j(ue(yt(), _, _), A, M, "Add", G, _),
-    insertLayout: (_, A, M, G) => j(Pe(_, yt(), _), A, M, "Add layout", G, `layout:${_}`),
-    remove: (_) => {
-      if (He(_) || !to(P.roots, _, S)) return;
-      const A = ga(P.roots, _, S);
-      C(sv(_), "Remove").applied && u((M) => M === _ || M === void 0 ? A : M);
+    validateMove: (P) => He(P.nodeId) ? te.NodeLocked : Sr(O.roots, P, S),
+    insertComponent: (P, B, W, K) => L(ue(yt(), P, P), B, W, "Add", K, P),
+    insertLayout: (P, B, W, K) => L(Pe(P, yt(), P), B, W, "Add layout", K, `layout:${P}`),
+    remove: (P) => {
+      if (He(P) || !to(O.roots, P, S)) return;
+      const B = ga(O.roots, P, S);
+      C(sv(P), "Remove").applied && u((W) => W === P || W === void 0 ? B : W);
     },
-    canRemove: (_) => !He(_) && to(P.roots, _, S),
-    setProperty: (_, A) => c && $(so(c, _, A), "Change"),
-    setScreenForms: W,
+    canRemove: (P) => !He(P) && to(O.roots, P, S),
+    setProperty: (P, B) => c && $(so(c, P, B), "Change"),
+    setScreenForms: z,
     setScreenTemplateOutlets: Q,
-    setScreenTemplateMetadata: me,
-    setDialogTemplates: he,
-    setCollectionItemDestination: ce,
-    setElementBehaviors: D,
+    setScreenTemplateMetadata: pe,
+    setDialogTemplates: ce,
+    setCollectionItemDestination: me,
+    setElementBehaviors: _,
     setScreenTemplate: xe,
     markSaved: () => {
       l(yv);
@@ -8778,7 +8774,7 @@ var Cr = () => ({
   onClose: () => e.onDismiss?.(),
   children: /* @__PURE__ */ a($v, { ...e })
 }), $v = (e) => {
-  const t = U(() => Ua(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
+  const t = j(() => Ua(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
   return t.opened ? /* @__PURE__ */ a(Ev, {
     ...e,
     opened: t.subject
@@ -8794,19 +8790,19 @@ var Cr = () => ({
     })
   });
 }, Ev = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, sourceRect: s, initialSize: l, rememberWindowAs: c, windowMemory: u, centerOffsetX: d, renderPaletteHost: p, onClose: m, onBeforeClose: h, onPreview: f, opened: v }) => {
-  const g = J(void 0), k = Cs(v, e.authoringTemplate, t, (j) => g.current?.(j)), O = U(() => u ?? rf(), [u]), P = U(() => lf({
-    remembered: c ? O.read(c) : void 0,
+  const g = J(void 0), k = Cs(v, e.authoringTemplate, t, (L) => g.current?.(L)), x = j(() => u ?? rf(), [u]), O = j(() => lf({
+    remembered: c ? x.read(c) : void 0,
     saved: l,
-    lastUsed: O.readLastUsed()
-  }, Cr()), []), y = K((j) => {
-    c && O.write(c, j);
-  }, [O, c]), S = K((j) => {
-    y(j);
+    lastUsed: x.readLastUsed()
+  }, Cr()), []), y = H((L) => {
+    c && x.write(c, L);
+  }, [x, c]), S = H((L) => {
+    y(L);
     const N = Nt(k.document, e.authoringTemplate);
     m({
       document: It(k.document, e.screen),
       legacyElements: en(N, t.runtime.legacyTypeOf),
-      windowSize: j,
+      windowSize: L,
       layout: nn(N),
       changed: k.isDirty
     });
@@ -8817,15 +8813,15 @@ var Cr = () => ({
     y,
     e.authoringTemplate,
     e.screen
-  ]), [w, T] = B(), E = K(async (j) => {
-    y(j);
-    const N = Nt(k.document, e.authoringTemplate), W = {
+  ]), [w, T] = M(), E = H(async (L) => {
+    y(L);
+    const N = Nt(k.document, e.authoringTemplate), z = {
       document: It(k.document, e.screen),
       legacyElements: en(N, t.runtime.legacyTypeOf),
-      windowSize: j,
+      windowSize: L,
       layout: nn(N),
       changed: k.isDirty
-    }, Q = await h?.(W);
+    }, Q = await h?.(z);
     return T(Q), !Q;
   }, [
     k,
@@ -8834,18 +8830,18 @@ var Cr = () => ({
     y,
     e.authoringTemplate,
     e.screen
-  ]), [I, C] = B(!1), $ = K(async (j) => {
+  ]), [I, C] = M(!1), $ = H(async (L) => {
     if (!(!h || !k.isDirty)) {
       C(!0);
       try {
-        const N = Nt(k.document, e.authoringTemplate), W = await h({
+        const N = Nt(k.document, e.authoringTemplate), z = await h({
           document: It(k.document, e.screen),
           legacyElements: en(N, t.runtime.legacyTypeOf),
-          windowSize: j,
+          windowSize: L,
           layout: nn(N),
           changed: !0
         });
-        T(W), W || k.markSaved();
+        T(z), z || k.markSaved();
       } finally {
         C(!1);
       }
@@ -8856,36 +8852,36 @@ var Cr = () => ({
     h,
     e.authoringTemplate,
     e.screen
-  ]), { palette: z, recordInserted: R } = ja({
+  ]), { palette: U, recordInserted: D } = ja({
     strings: n,
     layoutLabels: o,
     icons: i,
     paletteSources: r,
-    onAdd: (j) => L(j.payload)
+    onAdd: (L) => F(L.payload)
   });
-  g.current = R;
-  function L(j) {
-    if (!Zo(j)) return;
+  g.current = D;
+  function F(L) {
+    if (!Zo(L)) return;
     const N = k.selection && Av(k) ? k.selectedId : void 0;
-    j.kind === "layout" ? k.insertLayout(j.item, N, void 0) : k.insertComponent(ei(j.componentName, j.package), N, void 0);
+    L.kind === "layout" ? k.insertLayout(L.item, N, void 0) : k.insertComponent(ei(L.componentName, L.package), N, void 0);
   }
   return /* @__PURE__ */ b(Ja, {
     environment: t,
-    children: [p ? p(z) : /* @__PURE__ */ a(za, {
+    children: [p ? p(U) : /* @__PURE__ */ a(za, {
       placement: "floating",
-      children: z
+      children: U
     }), /* @__PURE__ */ a(da, {
       sourceRect: s,
-      initialSize: P,
+      initialSize: O,
       centerOffsetX: d,
       canClose: E,
       onClosed: S,
-      renderInspector: (j) => /* @__PURE__ */ a(Aa, {
+      renderInspector: (L) => /* @__PURE__ */ a(Aa, {
         strings: n,
         controller: k,
         environment: t,
         authoringTemplate: e.authoringTemplate,
-        onClose: j.toggleInspector,
+        onClose: L.toggleInspector,
         structure: /* @__PURE__ */ a(ya, {
           roots: k.composition.roots,
           adapter: k.adapter,
@@ -8896,20 +8892,20 @@ var Cr = () => ({
           onRemove: k.remove
         })
       }),
-      children: (j) => /* @__PURE__ */ a(vs, {
+      children: (L) => /* @__PURE__ */ a(vs, {
         controller: k,
         environment: t,
         strings: n,
         window: {
-          ...j,
+          ...L,
           available: Cr()
         },
         authoringTemplate: e.authoringTemplate,
         saveFailure: w,
         onKeepEditing: () => T(void 0),
-        onDiscard: j.closeWithoutSaving,
+        onDiscard: L.closeWithoutSaving,
         onSave: h ? () => {
-          $(j.size);
+          $(L.size);
         } : void 0,
         isSaving: I,
         onPreview: f
@@ -8937,97 +8933,97 @@ function Fv(e, t) {
   }
   return n;
 }
-var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", x = (e, t) => ({ props: t ? {
+var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", R = (e, t) => ({ props: t ? {
   styles: e,
   motionProps: { name: t }
-} : { styles: e } }), pe = (e) => ({ props: { motionProps: { name: e } } }), Mv = {
-  "Accordion.Root": x(od, Qt),
-  "AutoComplete.Root": x(id),
-  "AutoComplete.Popup": pe(dt),
-  "Avatar.Root": x(rd),
-  AvatarGroup: x(ad),
-  Badge: x(sd),
-  "Breadcrumb.Root": x(ld),
-  Button: x(cd),
-  ButtonGroup: x(dd),
-  "Card.Root": x(ud),
-  "Carousel.Root": x(pd),
-  "Checkbox.Root": x(md),
-  CheckboxGroup: x(hd),
-  "Chip.Root": x(fd),
-  "Compare.Root": x(gd),
-  "ContextMenu.Root": x(vd),
-  "ContextMenu.Popup": pe(dt),
-  "DataTable.Root": x(bd),
-  "DataView.Root": x(yd),
-  "DatePicker.Root": x(wd),
-  "DatePicker.Popup": pe(dt),
-  "Dialog.Root": x(kd),
-  "Dialog.Backdrop": pe(Gn),
-  "Dialog.Popup": pe("p-dialog"),
-  Divider: x(Sd),
-  "Drawer.Root": x(Cd),
-  "Drawer.Backdrop": pe(Gn),
-  "Drawer.Popup": pe("p-drawer"),
-  "Fieldset.Root": x(Td, Qt),
-  "FileUpload.Root": x(Nd),
-  FloatLabel: x(Id),
-  Fluid: x(Pd),
-  "Gallery.Root": x(Od),
-  "IconField.Root": x(xd),
-  IftaLabel: x(Rd),
-  "Inplace.Root": x(Dd),
-  "InputColor.Root": x(_d),
-  "InputGroup.Root": x($d),
-  "InputNumber.Root": x(Ed),
-  "InputOtp.Root": x(Ad),
-  InputPassword: x(Jd),
-  "InputTags.Root": x(Fd),
-  InputText: x(Md),
-  "Knob.Root": x(Ld),
-  Label: x(Bd),
-  "Listbox.Root": x(jd),
-  "Menu.Root": x(Ud),
-  "Menu.Popup": pe(dt),
-  "Message.Root": x(zd),
-  "MeterGroup.Root": x(Wd),
-  NavigationMenu: x(Kd),
-  "OrganizationChart.Root": x(Hd),
-  OverlayBadge: x(Gd),
-  "Paginator.Root": x(qd),
-  "Panel.Root": x(Vd, Qt),
-  "Popover.Root": x(Qd),
-  "Popover.Popup": pe(dt),
-  "ProgressBar.Root": x(Yd),
-  "ProgressSpinner.Root": x(Zd),
-  "RadioButton.Root": x(Xd),
-  RadioButtonGroup: x(eu),
-  "Rating.Root": x(tu),
-  "ScrollArea.Root": x(nu),
-  "Select.Root": x(ou),
-  "Select.Popup": pe(dt),
-  "Sidebar.Root": x(ru),
-  "Sidebar.Layout": x(iu),
-  "Sidebar.Backdrop": pe(Gn),
-  Skeleton: x(au),
-  "Slider.Root": x(su),
-  "SpeedDial.Root": x(lu),
-  "Splitter.Root": x(cu),
-  "Stepper.Root": x(du, Qt),
-  "Tabs.Root": x(uu),
-  Tag: x(pu),
-  "Terminal.Root": x(mu),
-  Textarea: x(hu),
-  "Timeline.Root": x(fu),
-  "Toast.Root": x(gu),
-  "Toaster.Root": x(vu),
-  "ToggleButton.Root": x(bu),
-  ToggleButtonGroup: x(yu),
-  "ToggleSwitch.Root": x(wu),
-  "Toolbar.Root": x(ku),
-  "Tooltip.Root": x(Su),
-  "Tooltip.Popup": pe("p-tooltip"),
-  "Tree.Root": x(Cu)
+} : { styles: e } }), he = (e) => ({ props: { motionProps: { name: e } } }), Mv = {
+  "Accordion.Root": R(od, Qt),
+  "AutoComplete.Root": R(id),
+  "AutoComplete.Popup": he(dt),
+  "Avatar.Root": R(rd),
+  AvatarGroup: R(ad),
+  Badge: R(sd),
+  "Breadcrumb.Root": R(ld),
+  Button: R(cd),
+  ButtonGroup: R(dd),
+  "Card.Root": R(ud),
+  "Carousel.Root": R(pd),
+  "Checkbox.Root": R(md),
+  CheckboxGroup: R(hd),
+  "Chip.Root": R(fd),
+  "Compare.Root": R(gd),
+  "ContextMenu.Root": R(vd),
+  "ContextMenu.Popup": he(dt),
+  "DataTable.Root": R(bd),
+  "DataView.Root": R(yd),
+  "DatePicker.Root": R(wd),
+  "DatePicker.Popup": he(dt),
+  "Dialog.Root": R(kd),
+  "Dialog.Backdrop": he(Gn),
+  "Dialog.Popup": he("p-dialog"),
+  Divider: R(Sd),
+  "Drawer.Root": R(Cd),
+  "Drawer.Backdrop": he(Gn),
+  "Drawer.Popup": he("p-drawer"),
+  "Fieldset.Root": R(Td, Qt),
+  "FileUpload.Root": R(Nd),
+  FloatLabel: R(Id),
+  Fluid: R(Pd),
+  "Gallery.Root": R(Od),
+  "IconField.Root": R(xd),
+  IftaLabel: R(Rd),
+  "Inplace.Root": R(Dd),
+  "InputColor.Root": R(_d),
+  "InputGroup.Root": R($d),
+  "InputNumber.Root": R(Ed),
+  "InputOtp.Root": R(Ad),
+  InputPassword: R(Jd),
+  "InputTags.Root": R(Fd),
+  InputText: R(Md),
+  "Knob.Root": R(Ld),
+  Label: R(Bd),
+  "Listbox.Root": R(jd),
+  "Menu.Root": R(Ud),
+  "Menu.Popup": he(dt),
+  "Message.Root": R(zd),
+  "MeterGroup.Root": R(Wd),
+  NavigationMenu: R(Kd),
+  "OrganizationChart.Root": R(Hd),
+  OverlayBadge: R(Gd),
+  "Paginator.Root": R(qd),
+  "Panel.Root": R(Vd, Qt),
+  "Popover.Root": R(Qd),
+  "Popover.Popup": he(dt),
+  "ProgressBar.Root": R(Yd),
+  "ProgressSpinner.Root": R(Zd),
+  "RadioButton.Root": R(Xd),
+  RadioButtonGroup: R(eu),
+  "Rating.Root": R(tu),
+  "ScrollArea.Root": R(nu),
+  "Select.Root": R(ou),
+  "Select.Popup": he(dt),
+  "Sidebar.Root": R(ru),
+  "Sidebar.Layout": R(iu),
+  "Sidebar.Backdrop": he(Gn),
+  Skeleton: R(au),
+  "Slider.Root": R(su),
+  "SpeedDial.Root": R(lu),
+  "Splitter.Root": R(cu),
+  "Stepper.Root": R(du, Qt),
+  "Tabs.Root": R(uu),
+  Tag: R(pu),
+  "Terminal.Root": R(mu),
+  Textarea: R(hu),
+  "Timeline.Root": R(fu),
+  "Toast.Root": R(gu),
+  "Toaster.Root": R(vu),
+  "ToggleButton.Root": R(bu),
+  ToggleButtonGroup: R(yu),
+  "ToggleSwitch.Root": R(wu),
+  "Toolbar.Root": R(ku),
+  "Tooltip.Root": R(Su),
+  "Tooltip.Popup": he("p-tooltip"),
+  "Tree.Root": R(Cu)
 }, Lv = bi.find((e) => e.name === "lara-light-blue") ?? bi[0], k0 = ({ defaults: e, theme: t, ...n }) => {
   const o = Zl(Lv);
   return /* @__PURE__ */ a(nd, {
@@ -9041,7 +9037,7 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", x =
   onClose: e.onDismiss,
   children: /* @__PURE__ */ a(Bv, { ...e })
 }), Bv = (e) => {
-  const t = U(() => Ua(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
+  const t = j(() => Ua(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
   return t.opened ? /* @__PURE__ */ a(jv, {
     ...e,
     opened: t.subject
@@ -9050,8 +9046,8 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", x =
     strings: e.strings
   });
 }, jv = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, initialSize: s, onChange: l, renderPaletteHost: c, opened: u }) => {
-  const d = J(void 0), p = Cs(u, e.authoringTemplate, t, (y) => d.current?.(y)), [m, h] = B(s ?? yn[Xe.Desktop]), [f, v] = B(!0), g = J(l);
-  g.current = l, re(() => {
+  const d = J(void 0), p = Cs(u, e.authoringTemplate, t, (y) => d.current?.(y)), [m, h] = M(s ?? yn[Xe.Desktop]), [f, v] = M(!0), g = J(l);
+  g.current = l, ie(() => {
     const y = Nt(p.document, e.authoringTemplate);
     g.current?.({
       document: It(p.document, e.screen),
@@ -9068,25 +9064,25 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", x =
     e.screen,
     t.runtime.legacyTypeOf
   ]);
-  const k = K((y) => {
+  const k = H((y) => {
     if (!Zo(y)) return;
     const S = p.selection, w = S && "children" in S ? p.selectedId : void 0;
     y.kind === "layout" ? p.insertLayout(y.item, w, void 0) : p.insertComponent(ei(y.componentName, y.package), w, void 0);
-  }, [p]), { palette: O, recordInserted: P } = ja({
+  }, [p]), { palette: x, recordInserted: O } = ja({
     strings: n,
     layoutLabels: o,
     icons: i,
     paletteSources: r,
     onAdd: (y) => k(y.payload)
   });
-  return d.current = P, /* @__PURE__ */ a(Ja, {
+  return d.current = O, /* @__PURE__ */ a(Ja, {
     environment: t,
     children: /* @__PURE__ */ b("div", {
       className: "studio-screen-editor-workspace",
       children: [
-        c ? c(O) : /* @__PURE__ */ a(za, {
+        c ? c(x) : /* @__PURE__ */ a(za, {
           placement: "inline",
-          children: O
+          children: x
         }),
         /* @__PURE__ */ a("div", {
           className: "studio-screen-editor-workspace__stage",
@@ -9747,7 +9743,7 @@ function P0(e, t = kt, n, o, i) {
 function Bb(e, t) {
   const n = bo(e), o = Ro(e, {
     kind: an.Screen,
-    name: de
+    name: le
   }), i = e.instanceContributions.length > 0 ? Br(o, e.instanceContributions, t) : void 0;
   return {
     element: n.element,
@@ -9755,11 +9751,11 @@ function Bb(e, t) {
   };
 }
 var jb = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
-  const { element: i, configuration: r } = U(() => Bb(e, t.catalog), [e, t.catalog]), s = U(() => Eo(i, t.compositionProfile, t.packages), [
+  const { element: i, configuration: r } = j(() => Bb(e, t.catalog), [e, t.catalog]), s = j(() => Eo(i, t.compositionProfile, t.packages), [
     i,
     t.compositionProfile,
     t.packages
-  ]), l = U(() => ai(t), [t]);
+  ]), l = j(() => ai(t), [t]);
   return /* @__PURE__ */ a(Vr, {
     theme: l,
     className: `studio-profile-theme ${ri(l)}`,
@@ -9781,7 +9777,7 @@ var jb = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
   return es.has(t) || t in Za;
 }, zb = (e, t) => {
   const n = (o) => {
-    const i = Ub(o.element.componentName), r = U(() => ({
+    const i = Ub(o.element.componentName), r = j(() => ({
       ...o.element,
       properties: ts(e, o.element.componentName, o.element.properties)
     }), [o.element]);
@@ -9813,8 +9809,8 @@ function Kb(e, t = 240, n = Number.POSITIVE_INFINITY) {
   };
 }
 function Hb(e, t = 240) {
-  const n = typeof IntersectionObserver < "u", [o, i] = B(!n);
-  return re(() => {
+  const n = typeof IntersectionObserver < "u", [o, i] = M(!n);
+  return ie(() => {
     const r = e.current;
     if (!r || !n) return;
     const s = new IntersectionObserver((l) => i(l.some((c) => c.isIntersecting)), { rootMargin: `${t}px` });
@@ -9831,14 +9827,14 @@ var Gb = [
   "#3c3"
 ], qb = () => {
 }, Ir = 16, R0 = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
-  const c = J(null), u = Hb(c), d = U(() => Kb(n, o ?? 240, o === void 0 ? 112 : void 0), [
+  const c = J(null), u = Hb(c), d = j(() => Kb(n, o ?? 240, o === void 0 ? 112 : void 0), [
     n?.width,
     n?.height,
     o
-  ]), p = U(() => ai(t), [t]), m = U(() => Wb(t.registry), [t.registry]), h = {
+  ]), p = j(() => ai(t), [t]), m = j(() => Wb(t.registry), [t.registry]), h = {
     width: d.width,
     height: Ir + d.bodyHeight
-  }, f = /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ b("div", {
+  }, f = /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ b("div", {
     className: "screen-thumbnail__title-bar",
     style: { height: Ir },
     children: [Gb.map((g) => /* @__PURE__ */ a("span", {
@@ -9904,7 +9900,7 @@ function Jb(e) {
       ...t,
       layouts: t.layouts.length > 0 ? t.layouts : [$t],
       screens: [{
-        name: de,
+        name: le,
         layout: t.layouts[0]?.name ?? $t.name,
         screenTemplate: n.name,
         slotContent: {},
@@ -9914,19 +9910,19 @@ function Jb(e) {
     };
 }
 var _0 = {
-  [H.Stack]: "Stack",
-  [H.Row]: "Row",
-  [H.Grid]: "Grid",
-  [H.Container]: "Container",
-  [H.Wrap]: "Wrap",
-  [H.Canvas]: "Canvas"
+  [G.Stack]: "Stack",
+  [G.Row]: "Row",
+  [G.Grid]: "Grid",
+  [G.Container]: "Container",
+  [G.Wrap]: "Wrap",
+  [G.Canvas]: "Canvas"
 }, Qb = {
-  [H.Stack]: mt,
-  [H.Row]: gc,
-  [H.Grid]: Mo,
-  [H.Container]: Fo,
-  [H.Wrap]: Lo,
-  [H.Canvas]: Hc
+  [G.Stack]: mt,
+  [G.Row]: gc,
+  [G.Grid]: Mo,
+  [G.Container]: Fo,
+  [G.Wrap]: Lo,
+  [G.Canvas]: Hc
 }, Yb = {
   text: Xl,
   button: Xt,
@@ -10149,8 +10145,8 @@ export {
   F0 as CommandFormMode,
   Ty as DestinationKind,
   Y as LayoutArrangement,
-  H as LayoutItem,
-  ne as Ownership,
+  G as LayoutItem,
+  oe as Ownership,
   jb as PlayScreenView,
   Se as SceneDocumentProblem,
   Ja as ScreenEditorControlProviders,