@cratis/event-models 0.226.0 → 0.228.0

package/dist/screen-editor/index.js

@@ -1,12 +1,12 @@
 import { c as Ja, d as Qa, f as ze, l as tr, m as oo, p as Ya, s as Xa, t as nr, u as Xt } from "./defaultStructuredEditorStrings-Ch1I0Lci.js";
 import { t as or } from "./QueryBindingEditor-MTd0R7iQ.js";
 import { i as Za, n as es, r as ts, t as ns } from "./toTemplateSources-Chd2UNJQ.js";
-import { _ as os, a as fv, c as Ho, d as ir, f as is, g as gv, h as rs, i as as, l as vv, m as ss, n as bv, o as ln, p as rr, r as ls, s as yv, t as wv, u as kv, v as Sv, y as Cv } from "./structuredValue-vqCZttsk.js";
+import { _ as os, a as Cv, c as Ho, d as ir, f as is, g as Nv, h as rs, i as as, l as Tv, m as ss, n as Iv, o as ln, p as rr, r as ls, s as Pv, t as xv, u as Ov, v as Dv, y as Rv } from "./structuredValue-vqCZttsk.js";
 import { a as we, n as cs, r as ds } from "./iconDiagnostics-Ds4CnqD0.js";
-import { t as Iv } from "./StructuredValueEditor-DUSATTWd.js";
+import { t as Mv } from "./StructuredValueEditor-DUSATTWd.js";
 import { createContext as us, createElement as wt, useCallback as z, useContext as ps, useEffect as ce, useId as ms, useLayoutEffect as Se, useMemo as U, useRef as V, useState as j } from "react";
 import { Fragment as le, jsx as a, jsxs as b } from "react/jsx-runtime";
-import { BindingMode as Dv, BindingNullBehavior as Rv, BindingSourceKind as Fv, BindingSourceKind as xt, CollectionOperation as ke, ColorScheme as hs, ComponentCategory as fs, DestinationKind as Ev, DestinationKind as ar, DiagnosticCode as gs, EditTarget as vs, EditingScopeKind as Vt, FlowContainerKind as cn, FormGenerationMode as ge, FormWidthUnit as Ce, GridUnitType as bs, HorizontalAlignment as io, InteractionActionKind as lt, InteractionTriggerKind as sr, NavigationRegionKind as Go, NavigationRegionMode as De, Orientation as ct, PackageKind as dt, PropertyEditorKind as X, PropertyValueType as K, ProvenanceKind as qo, QueryOriginKind as ys, QueryResultShape as ws, SceneEditKind as Y, SceneNodeKind as ks, TemplateReferenceSource as Ss, TemplateScope as Cs, ValueSource as lr, VerticalAlignment as ro, Visibility as ao, componentCategories as Ns } from "@cratis/scene.model";
+import { BindingMode as Lv, BindingNullBehavior as Bv, BindingSourceKind as jv, BindingSourceKind as xt, CollectionOperation as ke, ColorScheme as hs, ComponentCategory as fs, DestinationKind as Uv, DestinationKind as ar, DiagnosticCode as gs, EditTarget as vs, EditingScopeKind as Vt, FlowContainerKind as cn, FormGenerationMode as ge, FormWidthUnit as Ce, GridUnitType as bs, HorizontalAlignment as io, InteractionActionKind as lt, InteractionTriggerKind as sr, NavigationRegionKind as Go, NavigationRegionMode as De, Orientation as ct, PackageKind as dt, PropertyEditorKind as X, PropertyValueType as K, ProvenanceKind as qo, QueryOriginKind as ys, QueryResultShape as ws, SceneEditKind as Y, SceneNodeKind as ks, TemplateReferenceSource as Ss, TemplateScope as Cs, ValueSource as lr, VerticalAlignment as ro, Visibility as ao, componentCategories as Ns } from "@cratis/scene.model";
 import { ApplicationStructureIndex as Zt, EffectiveIconCatalog as Ts, NavigationEditKind as Ko, TemplateCatalogKind as cr, ToolbarDiagnosticSeverity as Is, addNavItem as Ps, applicableTemplates as xs, applyEdit as dr, applyNavigationEdits as Os, baseComponentLibraries as Ds, componentArgumentSourcePrefix as Rs, componentBadge as Vo, computeSizeClass as Fs, corePackage as so, createDescriptorCatalog as Es, diagnoseNavigationRegions as Ms, effectiveNavigation as ur, effectivePackages as pr, elementNodeId as re, findComponentDescriptor as lo, findLayoutTypeDescriptor as Jo, inspect as co, isCanvas as ut, isDockPanel as As, isExternalComponent as qe, isGrid as uo, isPackageSelectionValid as _s, isPanel as jt, isStackPanel as po, isThemeCompatible as $s, isWrapPanel as Ls, matchComponentQuery as Bs, normalizeToolbarButton as js, packagesOfKind as Qo, rankFrequentlyUsedComponents as Us, resolveComponentName as Tt, resolveEffectiveConfiguration as mr, resolveIconLibraries as Ws, resolvePackageDependencies as zs, resolveTemplateChain as mo, resolveToolbarButton as Hs, setApplicationLogo as Gs, switchRegionMode as hr, toComponentCatalog as en, toolbarButtonFromItem as ho, validateToolbarButtons as qs, validateValue as dn } from "@cratis/scene.engine";
 import { ErrorBoundary as Ve, IconButton as xe, Tabs as Ks } from "@cratis/components/Common";
 import { ColorScheme as Vs, ComponentName as Js, LayoutConfigProvider as fr, LayoutMode as Qs, LayoutName as Ys, TemplatePreviewState as at, applyTemplatePreviewState as Xs, composeApplicationScreen as Zs, composeScreenElement as el, defaultApplicationChrome as tl, defaultBlueprint as gr, defaultBlueprintName as vr, effectiveShellOf as br, externalComponent as fo, foundationSamples as nl, previewProfile as ol, resolveElementComponentNames as go } from "@cratis/scene.blueprint.default";
@@ -97,10 +97,18 @@ import { cratisComponentsPackage as Mr } from "@cratis/scene.components";
 import { tailwindPackage as Ar } from "@cratis/scene.tailwind";
 import { componentsBlueprint as _r } from "@cratis/scene.blueprint.components";
 import { approvalsBlueprint as zd } from "@cratis/scene.blueprint.approvals";
-import { crmBlueprint as Hd } from "@cratis/scene.blueprint.crm";
-import { ticketingBlueprint as Gd } from "@cratis/scene.blueprint.ticketing";
-import { dynamicIconImports as qd } from "lucide-react/dynamic";
-function Kd(e, t, n) {
+import { bookingsBlueprint as Hd } from "@cratis/scene.blueprint.bookings";
+import { catalogBlueprint as Gd } from "@cratis/scene.blueprint.catalog";
+import { contractsBlueprint as qd } from "@cratis/scene.blueprint.contracts";
+import { crmBlueprint as Kd } from "@cratis/scene.blueprint.crm";
+import { customerPortalBlueprint as Vd } from "@cratis/scene.blueprint.customer-portal";
+import { invoicingBlueprint as Jd } from "@cratis/scene.blueprint.invoicing";
+import { ordersBlueprint as Qd } from "@cratis/scene.blueprint.orders";
+import { ticketingBlueprint as Yd } from "@cratis/scene.blueprint.ticketing";
+import { vendorsBlueprint as Xd } from "@cratis/scene.blueprint.vendors";
+import { workOrdersBlueprint as Zd } from "@cratis/scene.blueprint.work-orders";
+import { dynamicIconImports as eu } from "lucide-react/dynamic";
+function tu(e, t, n) {
   const o = Math.max(1, Math.min(e.width, t.width - 16)), i = Math.max(1, Math.min(e.height, t.height - 16)), r = Math.max(0, (t.width - o) / 2 - 8);
   return {
     width: o,
@@ -108,14 +116,14 @@ function Kd(e, t, n) {
     offsetX: Math.min(r, Math.max(-r, n))
   };
 }
-var pi = 900, mi = 640, Vd = 320, Jd = 300;
-var Qd = (e) => e ? {
+var pi = 900, mi = 640, nu = 320, ou = 300;
+var iu = (e) => e ? {
   width: e.width > 0 ? e.width : pi,
   height: e.height > 0 ? e.height : mi
 } : {
   width: pi,
   height: mi
-}, Yd = [
+}, ru = [
   "n",
   "s",
   "e",
@@ -125,7 +133,7 @@ var Qd = (e) => e ? {
   "se",
   "sw"
 ], $r = ({ sourceRect: e, initialSize: t, centerOffsetX: n = 0, children: o, renderInspector: i, canClose: r, onClosed: s }) => {
-  const [l, c] = j("entering"), [u, d] = j(() => Qd(t)), p = V(u);
+  const [l, c] = j("entering"), [u, d] = j(() => iu(t)), p = V(u);
   p.current = u;
   const [h, f] = j(!1), [g, m] = j(() => ({
     width: window.innerWidth,
@@ -160,11 +168,11 @@ var Qd = (e) => e ? {
     let ye = q.startWidth, me = q.startHeight;
     if (ne.includes("e") || ne.includes("w")) {
       const ue = ne.includes("e") ? M.clientX - q.startX : q.startX - M.clientX;
-      ye = Math.max(Vd, q.startWidth + ue * 2);
+      ye = Math.max(nu, q.startWidth + ue * 2);
     }
     if (ne.includes("s") || ne.includes("n")) {
       const ue = ne.includes("s") ? M.clientY - q.startY : q.startY - M.clientY;
-      me = Math.max(Jd, q.startHeight + ue * 2);
+      me = Math.max(ou, q.startHeight + ue * 2);
     }
     d({
       width: ye,
@@ -172,7 +180,7 @@ var Qd = (e) => e ? {
     });
   }, []), k = z(() => {
     w.current = null;
-  }, []), y = Kd(u, g, n - (h ? 360 / 2 : 0)), N = y.offsetX, A = {
+  }, []), y = tu(u, g, n - (h ? 360 / 2 : 0)), N = y.offsetX, A = {
     size: u,
     setSize: d,
     isInspectorOpen: h,
@@ -201,7 +209,7 @@ var Qd = (e) => e ? {
       },
       onClick: (M) => M.stopPropagation(),
       onPointerDown: (M) => M.stopPropagation(),
-      children: [l === "visible" && Yd.map((M) => /* @__PURE__ */ a("div", {
+      children: [l === "visible" && ru.map((M) => /* @__PURE__ */ a("div", {
         className: `prototype-editor-overlay-resize prototype-editor-overlay-resize--${M}`,
         onPointerDown: (q) => x(M, q),
         onPointerMove: S,
@@ -221,7 +229,7 @@ var Qd = (e) => e ? {
 }, wo = {
   name: "StudioScreen",
   slots: [{ name: "content" }]
-}, Jt = "content", be = "Screen", Xd = "template-root", Zd = "screen-root", Lr = () => ({
+}, Jt = "content", be = "Screen", au = "template-root", su = "screen-root", Lr = () => ({
   layouts: [wo],
   screenTemplates: [],
   dialogTemplates: [],
@@ -229,7 +237,7 @@ var Qd = (e) => e ? {
   exposures: [],
   instanceContributions: []
 });
-function eu(e, t) {
+function lu(e, t) {
   return {
     ...Lr(),
     screens: [{
@@ -242,7 +250,7 @@ function eu(e, t) {
     }]
   };
 }
-function tu(e, t, n) {
+function cu(e, t, n) {
   return {
     ...Lr(),
     screenTemplates: [{
@@ -266,7 +274,7 @@ function $n(e, t = !1) {
     name: be
   };
 }
-var kn = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, nu = (e) => {
+var kn = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, du = (e) => {
   const t = e;
   return !!t && typeof t == "object" && [
     "left",
@@ -275,11 +283,11 @@ var kn = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t)
     "bottom"
   ].every((n) => typeof t[n] == "number");
 };
-function ou(e, t, n) {
+function uu(e, t, n) {
   const o = e;
   o.zIndex = n;
   const i = kn(ao, t.visibility);
-  i !== void 0 && (o.visibility = i), typeof t.isEnabled == "boolean" && (o.isEnabled = t.isEnabled), typeof t.opacity == "number" && (o.opacity = t.opacity), nu(t.margin) && (o.margin = { ...t.margin });
+  i !== void 0 && (o.visibility = i), typeof t.isEnabled == "boolean" && (o.isEnabled = t.isEnabled), typeof t.opacity == "number" && (o.opacity = t.opacity), du(t.margin) && (o.margin = { ...t.margin });
   const r = kn(io, t.horizontalAlignment);
   r !== void 0 && (o.horizontalAlignment = r);
   const s = kn(ro, t.verticalAlignment);
@@ -298,16 +306,16 @@ var Ln = {
   horizontalAlignment: io.Stretch,
   verticalAlignment: ro.Stretch
 };
-function iu(e) {
+function pu(e) {
   const t = {
     ...Ln,
     margin: { ...Ln.margin }
   };
-  return ou(t, e, 0), delete t.zIndex, t;
+  return uu(t, e, 0), delete t.zIndex, t;
 }
-var ru = Object.keys(Ln), H = /* @__PURE__ */ (function(e) {
+var mu = Object.keys(Ln), H = /* @__PURE__ */ (function(e) {
   return e.Stack = "stack", e.Row = "row", e.Grid = "grid", e.Container = "container", e.Wrap = "wrap", e.Canvas = "canvas", e;
-})({}), au = "StudioLayout", su = {
+})({}), hu = "StudioLayout", fu = {
   Stack: H.Stack,
   Row: H.Row,
   Grid: H.Grid,
@@ -315,19 +323,19 @@ var ru = Object.keys(Ln), H = /* @__PURE__ */ (function(e) {
   Wrap: H.Wrap,
   Canvas: H.Canvas
 };
-function lu(e) {
-  const t = Object.entries(su).find(([, n]) => n === e)?.[0] ?? "Container";
-  return `${au}.${t}`;
+function gu(e) {
+  const t = Object.entries(fu).find(([, n]) => n === e)?.[0] ?? "Container";
+  return `${hu}.${t}`;
 }
-var Je = "Canvas.Left", Qe = "Canvas.Top", hi = "legacyType", cu = "legacy", fi = "legacyExtras", du = {
+var Je = "Canvas.Left", Qe = "Canvas.Top", hi = "legacyType", vu = "legacy", fi = "legacyExtras", bu = {
   DatePicker: "calendar",
   OrgChart: "organizationChart",
   Chips: "chips",
   ToggleButton: "toggleSwitch"
-}, uu = Object.fromEntries(Object.entries(du).map(([e, t]) => [t, e]));
+}, yu = Object.fromEntries(Object.entries(bu).map(([e, t]) => [t, e]));
 function Br(e) {
   const t = e.includes(":") ? e.slice(e.lastIndexOf(":") + 1) : e;
-  return uu[t] ?? t.charAt(0).toUpperCase() + t.slice(1);
+  return yu[t] ?? t.charAt(0).toUpperCase() + t.slice(1);
 }
 function Bn(e) {
   return Array.isArray(e) ? e.filter((t) => t !== null).map(Bn) : e !== null && typeof e == "object" ? Object.fromEntries(Object.entries(e).filter(([, t]) => t !== null).map(([t, n]) => [t, Bn(n)])) : e;
@@ -344,13 +352,13 @@ function zt(e, t = () => {
 }
 var fe = (e, t) => typeof e == "number" ? e : t;
 function Ur(e, t) {
-  const n = e, o = { ...n.properties ?? {} }, i = Xt(e).map((S) => Ur(S, t)), r = o[cu];
-  if (r != null && typeof r == "object") return mu(r, n, o, i);
-  const s = o[fi], l = typeof o.legacyType == "string" && o.legacyType !== "" ? o[hi] : void 0, c = l ?? (jt(e) ? lu(jr(e)) : t(qe(e) ? e.componentName : "")), u = qe(e) ? e.componentName : "", { [hi]: d, [fi]: p, [Je]: h, [Qe]: f, ...g } = o, m = {};
+  const n = e, o = { ...n.properties ?? {} }, i = Xt(e).map((S) => Ur(S, t)), r = o[vu];
+  if (r != null && typeof r == "object") return ku(r, n, o, i);
+  const s = o[fi], l = typeof o.legacyType == "string" && o.legacyType !== "" ? o[hi] : void 0, c = l ?? (jt(e) ? gu(jr(e)) : t(qe(e) ? e.componentName : "")), u = qe(e) ? e.componentName : "", { [hi]: d, [fi]: p, [Je]: h, [Qe]: f, ...g } = o, m = {};
   for (const S of s?.topKeys ?? []) S in g && (m[S] = g[S], delete g[S]);
   const v = fe(h, s?.position.x ?? 0), w = fe(f, s?.position.y ?? 0), P = n.name ?? "", x = s?.emptyName === !0 && P === (l ?? "");
   return {
-    ...pu(n, s),
+    ...wu(n, s),
     ...m,
     _derivedTypeId: c ?? "externalComponent",
     id: n.id,
@@ -373,12 +381,12 @@ function Ur(e, t) {
     ZIndex: n.zIndex ?? 0
   };
 }
-function pu(e, t) {
-  const n = t?.top ?? {}, o = iu(n), i = e, r = { ...n };
-  for (const s of ru) JSON.stringify(i[s]) !== JSON.stringify(o[s]) && (r[s] = i[s]);
+function wu(e, t) {
+  const n = t?.top ?? {}, o = pu(n), i = e, r = { ...n };
+  for (const s of mu) JSON.stringify(i[s]) !== JSON.stringify(o[s]) && (r[s] = i[s]);
   return r;
 }
-function mu(e, t, n, o) {
+function ku(e, t, n, o) {
   const i = { ...e }, r = e.properties ?? {}, s = r.canvas ?? {}, l = n[Je], c = n[Qe];
   (typeof l == "number" || typeof c == "number") && (e.position && typeof e.position == "object" ? i.position = {
     ...e.position,
@@ -398,7 +406,7 @@ function mu(e, t, n, o) {
     children: o
   }), i;
 }
-var hu = [
+var Su = [
   "input",
   "textarea",
   "select",
@@ -417,7 +425,7 @@ var hu = [
   "[data-studio-typing]"
 ].join(","), tn = (e) => {
   const t = e;
-  return !!t && typeof t.closest == "function" && (t.closest(hu) !== null || t.isContentEditable === !0);
+  return !!t && typeof t.closest == "function" && (t.closest(Su) !== null || t.isContentEditable === !0);
 }, ko = (e) => (e.key === "Delete" || e.key === "Backspace") && !e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey && !e.defaultPrevented && !e.repeat && !e.nativeEvent?.isComposing && !tn(e.target);
 function Ne(e, t, n, o = null) {
   for (const [i, r] of e.entries()) {
@@ -475,7 +483,7 @@ function Hr(e, t, n, o = 0, i = null) {
 var Re = /* @__PURE__ */ (function(e) {
   return e.MoveUp = "moveUp", e.MoveDown = "moveDown", e.Outdent = "outdent", e.Indent = "indent", e;
 })({});
-function fu(e, t, n, o) {
+function Cu(e, t, n, o) {
   const i = Ne(e, t, o);
   if (!i) return;
   const r = i.parent === null ? null : o.idOf(i.parent);
@@ -514,7 +522,7 @@ function fu(e, t, n, o) {
 var Ue = /* @__PURE__ */ (function(e) {
   return e.Before = "before", e.Inside = "inside", e.After = "after", e;
 })({});
-function gu(e, t, n, o, i) {
+function Nu(e, t, n, o, i) {
   const r = Ne(e, n, i);
   if (!r) return;
   if (o === Ue.Inside) return {
@@ -529,7 +537,7 @@ function gu(e, t, n, o, i) {
     index: o === Ue.Before ? s : s + 1
   };
 }
-function vu(e, t, n) {
+function Tu(e, t, n) {
   if (t <= 0) return Ue.After;
   const o = e / t;
   return o < 0.25 ? Ue.Before : o > 0.75 || !n ? o < 0.5 ? Ue.Before : Ue.After : Ue.Inside;
@@ -539,7 +547,7 @@ var Gr = ({ ownership: e, label: t }) => e === ie.Local ? null : /* @__PURE__ */
   "data-ownership": e,
   children: t
 });
-function bu({ row: e, adapter: t, strings: n, isSelected: o, isFocusable: i, dropZone: r, onSelect: s, onToggle: l, onKeyDown: c, onDragStart: u, onDragOver: d, onDrop: p, onDragEnd: h }) {
+function Iu({ row: e, adapter: t, strings: n, isSelected: o, isFocusable: i, dropZone: r, onSelect: s, onToggle: l, onKeyDown: c, onDragStart: u, onDragOver: d, onDrop: p, onDragEnd: h }) {
   const f = t.ownershipOf(e.node), g = kt(f, $e.Move) && (t.isMovable?.(e.node) ?? !0), m = t.detailOf?.(e.node), v = t.problemsOf?.(e.node) ?? 0;
   return /* @__PURE__ */ b("li", {
     role: "treeitem",
@@ -616,7 +624,7 @@ function qr({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
   }, y = (T, C) => {
     const _ = w.findIndex((D) => D.id === C), L = w[_];
     if (T.altKey && gi[T.key]) {
-      T.preventDefault(), S(fu(e, C, gi[T.key], t)), k(C);
+      T.preventDefault(), S(Cu(e, C, gi[T.key], t)), k(C);
       return;
     }
     if (ko(T) && s && jn(e, C, t)) {
@@ -654,10 +662,10 @@ function qr({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
     const _ = T.currentTarget.getBoundingClientRect(), L = w.find((D) => D.id === C);
     g({
       id: C,
-      zone: vu(T.clientY - _.top, _.height, !!L && t.acceptsChildren(L.node))
+      zone: Tu(T.clientY - _.top, _.height, !!L && t.acceptsChildren(L.node))
     });
   }, A = (T, C) => {
-    T.preventDefault(), p && f?.id === C && S(gu(e, p, C, f.zone, t)), h(void 0), g(void 0);
+    T.preventDefault(), p && f?.id === C && S(Nu(e, p, C, f.zone, t)), h(void 0), g(void 0);
   };
   return w.length === 0 ? /* @__PURE__ */ a("p", {
     className: "studio-editor-structure-empty",
@@ -666,7 +674,7 @@ function qr({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
     role: "tree",
     "aria-label": n.structureLabel,
     className: "studio-editor-structure-tree",
-    children: w.map((T) => /* @__PURE__ */ a(bu, {
+    children: w.map((T) => /* @__PURE__ */ a(Iu, {
       row: T,
       adapter: t,
       strings: n,
@@ -694,26 +702,26 @@ function qr({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
 }
 var Sn = /* @__PURE__ */ (function(e) {
   return e.Properties = "properties", e.Structure = "structure", e;
-})({}), yu = /* @__PURE__ */ new Set([Je, Qe]);
-function wu(e, t, n) {
-  return t ? e : e.filter((o) => !yu.has(o.descriptor.path) || n?.[o.descriptor.path] !== void 0);
+})({}), Pu = /* @__PURE__ */ new Set([Je, Qe]);
+function xu(e, t, n) {
+  return t ? e : e.filter((o) => !Pu.has(o.descriptor.path) || n?.[o.descriptor.path] !== void 0);
 }
 function So(e) {
   return { types: e };
 }
-var ku = {
+var Ou = {
   action: /* @__PURE__ */ new Set([
     "command",
     "arguments",
     "presentation"
   ]),
   commandForm: /* @__PURE__ */ new Set(["command"])
-}, Kr = (e, t) => ku[e.slice(e.lastIndexOf(":") + 1)]?.has(t) ?? !1, Su = /* @__PURE__ */ new Set([
+}, Kr = (e, t) => Ou[e.slice(e.lastIndexOf(":") + 1)]?.has(t) ?? !1, Du = /* @__PURE__ */ new Set([
   K.Object,
   K.Json,
   K.Collection
-]), Cu = (e) => e.descriptor.output === !0 && Su.has(e.descriptor.valueType), Nu = (e, t, n = () => !1) => e.filter((o) => !Kr(t, o.descriptor.path) && !Cu(o) && !n(o));
-function Tu(e) {
+]), Ru = (e) => e.descriptor.output === !0 && Du.has(e.descriptor.valueType), Fu = (e, t, n = () => !1) => e.filter((o) => !Kr(t, o.descriptor.path) && !Ru(o) && !n(o));
+function Eu(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) t.set(n.descriptor.group, [...t.get(n.descriptor.group) ?? [], n]);
   return [...t.entries()].map(([n, o]) => ({
@@ -734,7 +742,7 @@ function pt(e, t) {
 var Fe = /* @__PURE__ */ (function(e) {
   return e.MissingSlice = "missingSlice", e.UnmappedInput = "unmappedInput", e.UnknownInput = "unknownInput", e.UnknownSource = "unknownSource", e;
 })({});
-function Iu(e, t, n) {
+function Mu(e, t, n) {
   const o = pt(t, e.sliceId);
   if (!o) return [{ kind: Fe.MissingSlice }];
   const i = [];
@@ -754,13 +762,13 @@ function Iu(e, t, n) {
   });
   return i;
 }
-function Pu(e, t) {
+function Au(e, t) {
   return Object.fromEntries(e.inputs.flatMap((n) => {
     const o = t(n.name);
     return o === void 0 ? [] : [[n.name, o]];
   }));
 }
-var xu = (e, t) => {
+var _u = (e, t) => {
   const n = e.input ?? "";
   switch (e.kind) {
     case Fe.MissingSlice:
@@ -772,8 +780,8 @@ var xu = (e, t) => {
     case Fe.UnknownSource:
       return t.unknownSource(n);
   }
-}, Ou = ({ action: e, slices: t, sources: n, strings: o, disabled: i, suggestSource: r, onChange: s }) => {
-  const l = o.properties.action, c = e ? pt(t, e.sliceId) : void 0, u = e ? Iu(e, t, new Set(n.map((d) => d.path))) : [];
+}, $u = ({ action: e, slices: t, sources: n, strings: o, disabled: i, suggestSource: r, onChange: s }) => {
+  const l = o.properties.action, c = e ? pt(t, e.sliceId) : void 0, u = e ? Mu(e, t, new Set(n.map((d) => d.path))) : [];
   return /* @__PURE__ */ b("fieldset", {
     className: "studio-editor-query",
     disabled: i,
@@ -786,7 +794,7 @@ var xu = (e, t) => {
           s(p ? {
             sliceId: p.id,
             sliceName: p.name,
-            inputs: Pu(p, r),
+            inputs: Au(p, r),
             presentation: e?.presentation ?? ve.None
           } : void 0);
         },
@@ -851,13 +859,13 @@ var xu = (e, t) => {
         "aria-label": o.properties.diagnostics,
         children: u.map((d, p) => /* @__PURE__ */ a("li", {
           "data-severity": "error",
-          children: xu(d, l.problems)
+          children: _u(d, l.problems)
         }, p))
       })
     ]
   });
 }, Un = Rs;
-function Du(e, t) {
+function Lu(e, t) {
   return `${Un}${e}.${t}`;
 }
 function Vr(e, t, n) {
@@ -865,16 +873,16 @@ function Vr(e, t, n) {
     path: o,
     label: o
   })), ...t.filter((o) => o.componentId !== n).flatMap((o) => o.outputs.map((i) => ({
-    path: Du(o.componentId, i.path),
+    path: Lu(o.componentId, i.path),
     label: `${o.label} - ${i.label}`
   })))];
 }
-function Ru(e) {
+function Bu(e) {
   if (!e.startsWith(Un)) return;
   const t = e.slice(Un.length), n = t.indexOf(".");
   return n > 0 ? t.slice(0, n) : void 0;
 }
-function Fu(e, t) {
+function ju(e, t) {
   const n = pt(t.stateChangeSlices, e.properties.command);
   return n ? { properties: n.inputs.map((o) => ({
     name: o.name,
@@ -882,7 +890,7 @@ function Fu(e, t) {
   })) } : void 0;
 }
 function Co(e, t, n, o, i) {
-  const r = Fu(e, o);
+  const r = ju(e, o);
   let s = !1;
   const l = {
     element: e,
@@ -913,7 +921,7 @@ function Co(e, t, n, o, i) {
   };
   return l;
 }
-var Eu = ({ component: e, descriptor: t, controller: n, environment: o, strings: i, disabled: r }) => {
+var Uu = ({ component: e, descriptor: t, controller: n, environment: o, strings: i, disabled: r }) => {
   const [s, l] = j([]), { designTime: c, packageDescriptorOf: u } = o.runtime, d = u(t);
   if ((d.actions ?? []).length === 0) return null;
   const p = (m) => Co(e, d, n, o, m), h = c.actions(d, p(i.properties.designTimeActions)), f = h.flatMap((m) => m.diagnostic ? [m.diagnostic] : []), g = (m, v) => {
@@ -937,7 +945,7 @@ var Eu = ({ component: e, descriptor: t, controller: n, environment: o, strings:
       })
     ]
   });
-}, Mu = ({ component: e, descriptor: t, properties: n, controller: o, environment: i, strings: r, disabled: s }) => {
+}, Wu = ({ component: e, descriptor: t, properties: n, controller: o, environment: i, strings: r, disabled: s }) => {
   const { designTime: l, packageDescriptorOf: c } = i.runtime, u = c(t), d = n.flatMap((p) => {
     const h = l.propertyEditor(u, p.descriptor).contribution;
     return h ? [{
@@ -963,7 +971,7 @@ var Eu = ({ component: e, descriptor: t, controller: n, environment: o, strings:
       })
     }, p.descriptor.path))]
   });
-}, Au = ({ component: e, descriptor: t, controller: n, environment: o, strings: i }) => {
+}, zu = ({ component: e, descriptor: t, controller: n, environment: o, strings: i }) => {
   const { designTime: r, packageDescriptorOf: s } = o.runtime, l = s(t), c = r.designer(l), u = c.contribution;
   if (!u && !c.diagnostic) return null;
   const d = `${c.package ?? ""}:${l.editorKind ?? ""}`;
@@ -982,11 +990,11 @@ var Eu = ({ component: e, descriptor: t, controller: n, environment: o, strings:
       children: c.diagnostic
     })]
   });
-}, _u = "commandForm", Wn = "command", Jr = (e) => e.slice(e.lastIndexOf(":") + 1) === _u;
+}, Hu = "commandForm", Wn = "command", Jr = (e) => e.slice(e.lastIndexOf(":") + 1) === Hu;
 function Qr(e, t) {
-  return e.flatMap((n) => [...qe(n) && Jr(n.componentName) ? [$u(n, t)] : [], ...Qr(Xt(n), t)]);
+  return e.flatMap((n) => [...qe(n) && Jr(n.componentName) ? [Gu(n, t)] : [], ...Qr(Xt(n), t)]);
 }
-function $u(e, t) {
+function Gu(e, t) {
   const n = e.properties?.[Wn], o = typeof n == "string" ? n : "";
   return {
     elementId: e.id,
@@ -994,7 +1002,7 @@ function $u(e, t) {
     commandName: pt(t, o) ? St(pt(t, o)) : void 0
   };
 }
-function Lu(e, t) {
+function qu(e, t) {
   return t ? {
     kind: Y.SetProperty,
     nodeId: re(e),
@@ -1006,7 +1014,7 @@ function Lu(e, t) {
     path: Wn
   };
 }
-var Bu = ({ controller: e, slices: t, strings: n, disabled: o }) => {
+var Ku = ({ controller: e, slices: t, strings: n, disabled: o }) => {
   const i = e.document.screens.find((c) => c.name === be), r = i?.forms ?? [];
   if (!i) return null;
   const s = n.properties.forms, l = new Set(Qr(e.composition.roots, t).map((c) => c.commandName));
@@ -1037,7 +1045,7 @@ var Bu = ({ controller: e, slices: t, strings: n, disabled: o }) => {
   unit: t,
   value: e
 };
-function ju(e) {
+function Vu(e) {
   return {
     columns: [{
       index: 1,
@@ -1051,7 +1059,7 @@ function ju(e) {
     rowGap: Ee(12, Ce.Pixels)
   };
 }
-function Uu(e) {
+function Ju(e) {
   const t = e.layout;
   if (!(t !== void 0 && (t.columns.some((o) => o.index < 1) || t.placements.some((o) => o.row < 1 || o.column < 1)))) return e;
   const n = (o) => ({
@@ -1076,7 +1084,7 @@ function Uu(e) {
   };
 }
 function It(e) {
-  const t = Uu(e), n = t.layout ?? ju(t.fields), o = t.fields.map((i, r) => Yr(n, i.name) ?? i.placement ?? No(i.name, r));
+  const t = Ju(e), n = t.layout ?? Vu(t.fields), o = t.fields.map((i, r) => Yr(n, i.name) ?? i.placement ?? No(i.name, r));
   return {
     ...t,
     layout: {
@@ -1089,8 +1097,8 @@ function It(e) {
     }))
   };
 }
-function Wu(e, t, n) {
-  const o = It(e), i = Hu(n(Yr(o.layout, t) ?? No(t, o.fields.findIndex((r) => r.name === t))));
+function Qu(e, t, n) {
+  const o = It(e), i = Xu(n(Yr(o.layout, t) ?? No(t, o.fields.findIndex((r) => r.name === t))));
   return {
     ...o,
     layout: {
@@ -1103,7 +1111,7 @@ function Wu(e, t, n) {
     } : r)
   };
 }
-function zu(e, t, n) {
+function Yu(e, t, n) {
   const o = It(e), i = o.layout.columns.some((r) => r.index === t) ? o.layout.columns.map((r) => r.index === t ? {
     ...r,
     width: n
@@ -1141,7 +1149,7 @@ function No(e, t) {
     columnSpan: 1
   };
 }
-function Hu(e) {
+function Xu(e) {
   return {
     ...e,
     row: Math.max(1, e.row),
@@ -1158,21 +1166,21 @@ function zn(e) {
     fields: e.inputs.map((t) => ({ name: t.name }))
   };
 }
-function Gu(e, t) {
+function Zu(e, t) {
   return It({
     ...e,
     generationMode: ge.Manual,
-    fields: qu(t)
+    fields: ep(t)
   });
 }
-function qu(e) {
+function ep(e) {
   return e.inputs.map((t) => ({
     name: t.name,
     sourceProperty: t.name,
     label: t.name
   }));
 }
-function Ku(e, t) {
+function tp(e, t) {
   return e.generationMode ? e.generationMode : t !== void 0 && e.fields.length === t.inputs.length && e.fields.every((n, o) => n.name === t.inputs[o]?.name && !n.sourceProperty && !n.composeUsing && !n.label && !n.placement) ? ge.Auto : ge.Manual;
 }
 function bi(e, t, n) {
@@ -1181,19 +1189,19 @@ function bi(e, t, n) {
     fields: e.fields.map((o, i) => i === t ? n : o)
   };
 }
-function Vu(e, t) {
+function np(e, t) {
   return t ? e.find((n) => n.forCommand === St(t)) : void 0;
 }
-var Ju = pt, Me = /* @__PURE__ */ (function(e) {
+var op = pt, Me = /* @__PURE__ */ (function(e) {
   return e.AutoMapped = "autoMapped", e.Renamed = "renamed", e.Composed = "composed", e.Broken = "broken", e;
 })({});
-function Qu(e, t) {
+function ip(e, t) {
   return e.fields.map((n) => ({
     field: n,
-    kind: Yu(n, t)
+    kind: rp(n, t)
   }));
 }
-function Yu(e, t) {
+function rp(e, t) {
   if (e.composeUsing) return Me.Composed;
   const n = e.sourceProperty ?? e.name;
   return t.includes(n) ? e.sourceProperty ? Me.Renamed : Me.AutoMapped : Me.Broken;
@@ -1201,8 +1209,8 @@ function Yu(e, t) {
 var He = /* @__PURE__ */ (function(e) {
   return e.None = "none", e.ViaQuery = "viaQuery", e.FromItem = "fromItem", e;
 })({});
-function Xu(e) {
-  return e ? Zu(e) ? {
+function ap(e) {
+  return e ? sp(e) ? {
     kind: He.ViaQuery,
     queryName: e.queryName,
     parameterNames: Object.keys(e.parameterBindings)
@@ -1214,26 +1222,26 @@ function Xu(e) {
     parameterNames: []
   };
 }
-function Zu(e) {
+function sp(e) {
   return "queryName" in e;
 }
-var ep = {
+var lp = {
   [Me.AutoMapped]: "Auto-mapped",
   [Me.Renamed]: "Renamed",
   [Me.Composed]: "Composed",
   [Me.Broken]: "Broken"
-}, tp = {
+}, cp = {
   [He.None]: "No populate source",
   [He.ViaQuery]: "Populate via query",
   [He.FromItem]: "Populate from item"
 };
-function np({ form: e, commandProperties: t, onFieldSelected: n }) {
-  const o = Xu(e.populateSource), i = Qu(e, t);
+function dp({ form: e, commandProperties: t, onFieldSelected: n }) {
+  const o = ap(e.populateSource), i = ip(e, t);
   return /* @__PURE__ */ b("div", {
     className: "studio-editor-form-designer",
     children: [/* @__PURE__ */ b("div", {
       className: "studio-editor-form-designer-populate-source",
-      children: [/* @__PURE__ */ a("span", { children: tp[o.kind] }), o.kind === He.ViaQuery && /* @__PURE__ */ b("span", {
+      children: [/* @__PURE__ */ a("span", { children: cp[o.kind] }), o.kind === He.ViaQuery && /* @__PURE__ */ b("span", {
         className: "studio-editor-form-designer-populate-source-detail",
         children: [o.queryName, o.parameterNames.length > 0 && ` by ${o.parameterNames.join(", ")}`]
       })]
@@ -1249,7 +1257,7 @@ function np({ form: e, commandProperties: t, onFieldSelected: n }) {
           }),
           /* @__PURE__ */ a("span", {
             className: "studio-editor-form-designer-field-kind",
-            children: ep[s]
+            children: lp[s]
           }),
           r.sourceProperty && /* @__PURE__ */ b("span", {
             className: "studio-editor-form-designer-field-detail",
@@ -1264,7 +1272,7 @@ function np({ form: e, commandProperties: t, onFieldSelected: n }) {
     })]
   });
 }
-var op = ({ form: e, strings: t, onChange: n }) => {
+var up = ({ form: e, strings: t, onChange: n }) => {
   const o = It(e), i = o.layout;
   return /* @__PURE__ */ b("div", {
     className: "studio-editor-properties__form-layout",
@@ -1275,7 +1283,7 @@ var op = ({ form: e, strings: t, onChange: n }) => {
           name: t.column(r.index),
           value: r.width ?? Ee(),
           strings: t,
-          onChange: (s) => n(zu(o, r.index, s))
+          onChange: (s) => n(Yu(o, r.index, s))
         })]
       }, r.index))] }),
       /* @__PURE__ */ b("fieldset", { children: [
@@ -1301,15 +1309,15 @@ var op = ({ form: e, strings: t, onChange: n }) => {
       ] }),
       /* @__PURE__ */ b("fieldset", { children: [/* @__PURE__ */ a("legend", { children: t.placements }), o.fields.map((r) => {
         const s = i.placements.find((l) => l.field === r.name) ?? r.placement;
-        return /* @__PURE__ */ b("fieldset", { children: [/* @__PURE__ */ a("legend", { children: r.label || r.name }), /* @__PURE__ */ a(ip, {
+        return /* @__PURE__ */ b("fieldset", { children: [/* @__PURE__ */ a("legend", { children: r.label || r.name }), /* @__PURE__ */ a(pp, {
           placement: s,
           strings: t,
-          onChange: (l) => n(Wu(o, r.name, () => l))
+          onChange: (l) => n(Qu(o, r.name, () => l))
         })] }, r.name);
       })] })
     ]
   });
-}, ip = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ b(le, { children: [
+}, pp = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ b(le, { children: [
   /* @__PURE__ */ a(Dt, {
     label: t.row,
     value: e.row,
@@ -1388,8 +1396,8 @@ function yi(e, t) {
     value: Number.isFinite(n) ? n : 0
   };
 }
-var rp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r }) => {
-  const s = t?.inputs.map((c) => c.name) ?? e.fields.map((c) => c.sourceProperty ?? c.name), l = Ku(e, t) === ge.Auto;
+var mp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r }) => {
+  const s = t?.inputs.map((c) => c.name) ?? e.fields.map((c) => c.sourceProperty ?? c.name), l = tp(e, t) === ge.Auto;
   return /* @__PURE__ */ b("fieldset", {
     className: "studio-editor-properties__form",
     disabled: i,
@@ -1397,7 +1405,7 @@ var rp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
       /* @__PURE__ */ a("legend", { children: e.name }),
       /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ a("span", { children: o.mode }), /* @__PURE__ */ b("select", {
         value: l ? ge.Auto : ge.Manual,
-        onChange: (c) => t && r(c.target.value === ge.Auto ? zn(t) : Gu(e, t)),
+        onChange: (c) => t && r(c.target.value === ge.Auto ? zn(t) : Zu(e, t)),
         children: [/* @__PURE__ */ a("option", {
           value: ge.Auto,
           children: o.auto
@@ -1406,7 +1414,7 @@ var rp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
           children: o.manual
         })]
       })] }),
-      /* @__PURE__ */ a(np, {
+      /* @__PURE__ */ a(dp, {
         form: e,
         commandProperties: s
       }),
@@ -1434,15 +1442,15 @@ var rp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
           children: s.map((c) => /* @__PURE__ */ a("option", { value: c }, c))
         })]
       }),
-      !l && /* @__PURE__ */ a(op, {
+      !l && /* @__PURE__ */ a(up, {
         form: e,
         strings: o,
         onChange: r
       })
     ]
   });
-}, ap = ({ elementId: e, command: t, slices: n, forms: o, strings: i, disabled: r, onCommandChange: s, onFormChange: l, onFormCreate: c }) => {
-  const u = i.properties.commandForm, d = Ju(n, t), p = Vu(o, d), h = t !== void 0 && t !== "" && !d;
+}, hp = ({ elementId: e, command: t, slices: n, forms: o, strings: i, disabled: r, onCommandChange: s, onFormChange: l, onFormCreate: c }) => {
+  const u = i.properties.commandForm, d = op(n, t), p = np(o, d), h = t !== void 0 && t !== "" && !d;
   return /* @__PURE__ */ b("fieldset", {
     className: "studio-editor-query studio-editor-properties__command-form",
     disabled: r,
@@ -1480,7 +1488,7 @@ var rp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
         onClick: () => c(d),
         children: u.createForm(d.name)
       }),
-      d && p && /* @__PURE__ */ a(rp, {
+      d && p && /* @__PURE__ */ a(mp, {
         form: p,
         slice: d,
         idPrefix: `${e}-form`,
@@ -1490,8 +1498,8 @@ var rp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
       })
     ]
   });
-}, sp = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
-  const i = (c, u) => o(e.map((d, p) => p === c ? lp(u) : d)), r = (c) => o(e.filter((u, d) => d !== c)), s = (c, u) => o(cp(e, c, u)), l = () => o([...e, { name: dp(e, n.newOutletName) }]);
+}, fp = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
+  const i = (c, u) => o(e.map((d, p) => p === c ? gp(u) : d)), r = (c) => o(e.filter((u, d) => d !== c)), s = (c, u) => o(vp(e, c, u)), l = () => o([...e, { name: bp(e, n.newOutletName) }]);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-outlets",
     children: [
@@ -1548,17 +1556,17 @@ var rp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
     ]
   });
 };
-function lp(e) {
+function gp(e) {
   return {
     name: e.name,
     ...e.description ? { description: e.description } : {}
   };
 }
-function cp(e, t, n) {
+function vp(e, t, n) {
   const o = [...e], [i] = o.splice(t, 1);
   return i && o.splice(n, 0, i), o;
 }
-function dp(e, t) {
+function bp(e, t) {
   const n = new Set(e.map((o) => o.name));
   if (!n.has(t)) return t;
   for (let o = 2; ; o++) {
@@ -1566,24 +1574,24 @@ function dp(e, t) {
     if (!n.has(i)) return i;
   }
 }
-function up(e, t, n, o) {
+function yp(e, t, n, o) {
   const i = n.flatMap((s) => s.screens ?? []).find((s) => s.screenTemplate === e);
   if (!i) return;
   const r = en(n.map((s) => s.manifest));
   return Xs(go(el(i), o, r), t);
 }
-function pp(e, t) {
+function wp(e, t) {
   return t.find((n) => n.name === e && n.kind === cr.ScreenTemplate);
 }
 var gt = /* @__PURE__ */ (function(e) {
   return e.Desktop = "desktop", e.Tablet = "tablet", e.Phone = "phone", e;
-})({}), mp = ({ templateName: e, environment: t, strings: n, disabled: o, onApply: i, onDiscard: r }) => {
-  const [s, l] = j(at.Populated), [c, u] = j(gt.Desktop), { bundles: d, profile: p, registry: h, designTime: f } = t.runtime, g = U(() => up(e, s, d, p), [
+})({}), kp = ({ templateName: e, environment: t, strings: n, disabled: o, onApply: i, onDiscard: r }) => {
+  const [s, l] = j(at.Populated), [c, u] = j(gt.Desktop), { bundles: d, profile: p, registry: h, designTime: f } = t.runtime, g = U(() => yp(e, s, d, p), [
     e,
     s,
     d,
     p
-  ]), m = pp(e, f.host.templates);
+  ]), m = wp(e, f.host.templates);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-template-preview",
     "aria-label": n.preview(e),
@@ -1693,7 +1701,7 @@ var gt = /* @__PURE__ */ (function(e) {
             children: c
           }, c))]
         })] }),
-        /* @__PURE__ */ a(sp, {
+        /* @__PURE__ */ a(fp, {
           outlets: s.outlets ?? [],
           disabled: o,
           strings: n.properties.outlets,
@@ -1702,16 +1710,16 @@ var gt = /* @__PURE__ */ (function(e) {
       ]
     });
   }
-  return /* @__PURE__ */ a(hp, {
+  return /* @__PURE__ */ a(Sp, {
     controller: e,
     environment: t,
     strings: n,
     disabled: o
   });
-}, hp = ({ controller: e, environment: t, strings: n, disabled: o }) => {
+}, Sp = ({ controller: e, environment: t, strings: n, disabled: o }) => {
   const i = n.properties.templates, [r, s] = j(), l = e.document.screens.find((g) => g.name === be);
   if (!l) return null;
-  const c = (g) => e.setScreenTemplate(t.runtime.bundles.flatMap((m) => m.screenTemplates ?? []).find((m) => m.name === g), i.choose), u = U(() => fp(xs({ blueprints: ns(t.runtime.bundles) }, es({
+  const c = (g) => e.setScreenTemplate(t.runtime.bundles.flatMap((m) => m.screenTemplates ?? []).find((m) => m.name === g), i.choose), u = U(() => Cp(xs({ blueprints: ns(t.runtime.bundles) }, es({
     bundles: t.runtime.bundles,
     profile: t.runtime.profile,
     scope: t.templateScope
@@ -1731,7 +1739,7 @@ var gt = /* @__PURE__ */ (function(e) {
     className: "studio-editor-properties__templates",
     children: [
       /* @__PURE__ */ a("strong", { children: i.label }),
-      r && /* @__PURE__ */ a(mp, {
+      r && /* @__PURE__ */ a(kp, {
         templateName: r,
         environment: t,
         strings: i,
@@ -1757,7 +1765,7 @@ var gt = /* @__PURE__ */ (function(e) {
     ]
   });
 };
-function fp(e) {
+function Cp(e) {
   const t = (n) => n.map((o) => ({
     ...o,
     templates: o.templates.filter((i) => i.kind === cr.ScreenTemplate)
@@ -1774,8 +1782,8 @@ function wi(e) {
   const t = Object.fromEntries(Object.entries(e).filter(([, n]) => n !== void 0 && n !== ""));
   return Object.keys(t).length > 0 ? t : void 0;
 }
-var gp = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onChange: i }) => {
-  const r = (u, d) => i(e.map((p, h) => h === u ? bp(d) : p)), s = (u) => i(e.filter((d, p) => p !== u)), l = (u, d) => i(yp(e, u, d)), c = () => i([...e, vp(wp(e, o.newTemplateName))]);
+var Np = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onChange: i }) => {
+  const r = (u, d) => i(e.map((p, h) => h === u ? Ip(d) : p)), s = (u) => i(e.filter((d, p) => p !== u)), l = (u, d) => i(Pp(e, u, d)), c = () => i([...e, Tp(xp(e, o.newTemplateName))]);
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-dialog-templates",
     children: [
@@ -1844,14 +1852,14 @@ var gp = ({ templates: e, referencedTemplates: t, disabled: n, strings: o, onCha
     ]
   });
 };
-function vp(e) {
+function Tp(e) {
   return {
     name: e,
     slots: [{ name: "content" }],
     behaviors: []
   };
 }
-function bp(e) {
+function Ip(e) {
   return {
     name: e.name,
     slots: e.slots.length > 0 ? e.slots : [{ name: "content" }],
@@ -1863,11 +1871,11 @@ function bp(e) {
     ...e.metadata ? { metadata: e.metadata } : {}
   };
 }
-function yp(e, t, n) {
+function Pp(e, t, n) {
   const o = [...e], [i] = o.splice(t, 1);
   return i && o.splice(n, 0, i), o;
 }
-function wp(e, t) {
+function xp(e, t) {
   const n = new Set(e.map((o) => o.name));
   if (!n.has(t)) return t;
   for (let o = 2; ; o++) {
@@ -1875,14 +1883,14 @@ function wp(e, t) {
     if (!n.has(i)) return i;
   }
 }
-var kp = ({ controller: e, strings: t, disabled: n }) => /* @__PURE__ */ a(gp, {
+var Op = ({ controller: e, strings: t, disabled: n }) => /* @__PURE__ */ a(Np, {
   templates: e.document.dialogTemplates,
-  referencedTemplates: Sp(e.document),
+  referencedTemplates: Dp(e.document),
   disabled: n,
   strings: t.properties.dialogTemplates,
   onChange: (o) => e.setDialogTemplates(o, t.properties.dialogTemplates.label)
 });
-function Sp(e) {
+function Dp(e) {
   const t = /* @__PURE__ */ new Set();
   return vt(e.screens, t), vt(e.screenTemplates, t), vt(e.instanceContributions, t), t;
 }
@@ -1896,13 +1904,13 @@ function vt(e, t) {
   typeof n.dialog == "string" && n.dialog.length > 0 && t.add(n.dialog);
   for (const o of Object.values(n)) vt(o, t);
 }
-var Cp = (e, t, n = !1) => ({
+var Rp = (e, t, n = !1) => ({
   kind: Y.ChangeLayoutType,
   nodeId: e,
   to: t,
   ...n ? { acceptLoss: !0 } : {}
 });
-function Np(e, t, n) {
+function Fp(e, t, n) {
   if (t) return { kind: "applied" };
   const o = n.find((i) => i.code === gs.LossyConversionNotAccepted);
   return o ? {
@@ -1917,11 +1925,11 @@ function Np(e, t, n) {
     diagnostics: [...n]
   };
 }
-var Tp = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
+var Ep = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
   const i = n.properties, [r, s] = j(), l = Jo(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), h = Np(d, p.applied, p.diagnostics);
+    const p = t.tryApply(d, i.changeLayout), h = Fp(d, p.applied, p.diagnostics);
     s(h.kind === "confirm" ? {
       lost: h.lost,
       edit: h.edit
@@ -1932,7 +1940,7 @@ var Tp = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
     children: [/* @__PURE__ */ b("label", { children: [/* @__PURE__ */ a("span", { children: i.layoutType }), /* @__PURE__ */ b("select", {
       value: e.typeId,
       disabled: o,
-      onChange: (d) => u(Cp(e.nodeId, d.target.value)),
+      onChange: (d) => u(Rp(e.nodeId, d.target.value)),
       children: [/* @__PURE__ */ a("option", {
         value: e.typeId,
         children: l.label
@@ -1963,7 +1971,7 @@ var Tp = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
     })]
   });
 };
-var Ip = ({ location: e, strings: t }) => {
+var Mp = ({ location: e, strings: t }) => {
   const n = t.properties.location, [o, i] = j(), [r, s] = j(""), [l, c] = j(), [u, d] = j(!1);
   if (!e) return null;
   const p = o?.featureId ?? e.currentFeatureId, h = o?.path ?? e.path, f = e.features.filter((m) => m.id !== p), g = async () => {
@@ -2035,7 +2043,7 @@ var Ip = ({ location: e, strings: t }) => {
     ]
   });
 };
-function Pp(e, t, n, o = {}) {
+function Ap(e, t, n, o = {}) {
   const i = {
     component: t,
     path: n,
@@ -2049,7 +2057,7 @@ function Pp(e, t, n, o = {}) {
     property: i
   };
 }
-function xp(e, t, n) {
+function _p(e, t, n) {
   return {
     kind: Y.UnexposeProperty,
     owner: e,
@@ -2057,24 +2065,24 @@ function xp(e, t, n) {
     path: n
   };
 }
-var Op = (e, t, n, o) => e.exposures.some((i) => i.owner === t && i.properties.some((r) => r.component === n && r.path === o)), Dp = [
+var $p = (e, t, n, o) => e.exposures.some((i) => i.owner === t && i.properties.some((r) => r.component === n && r.path === o)), Lp = [
   ke.Add,
   ke.Remove,
   ke.Reorder,
   ke.EditFields
-], Rp = ({ inspection: e, componentId: t, controller: n, strings: o, authoringTemplate: i }) => {
+], Bp = ({ inspection: e, componentId: t, controller: n, strings: o, authoringTemplate: i }) => {
   const r = o.properties;
   if (i === void 0) return null;
   const s = e.properties.filter((l) => l.descriptor.valueType !== K.Object && l.descriptor.group !== "Placement");
   return s.length === 0 ? null : /* @__PURE__ */ b("section", {
     className: "studio-editor-properties__exposure",
     children: [/* @__PURE__ */ a("strong", { children: r.exposure }), /* @__PURE__ */ a("ul", { children: s.map((l) => {
-      const c = l.descriptor.path, u = Op(n.document, i, t, c), d = l.descriptor.valueType === K.Collection;
+      const c = l.descriptor.path, u = $p(n.document, i, t, c), d = l.descriptor.valueType === K.Collection;
       return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ b("label", { children: [
         /* @__PURE__ */ a("input", {
           type: "checkbox",
           checked: u,
-          onChange: (p) => n.apply(p.target.checked ? Pp(i, t, c, d ? { operations: Dp } : {}) : xp(i, t, c), u ? r.unexposeProperty : r.exposeProperty)
+          onChange: (p) => n.apply(p.target.checked ? Ap(i, t, c, d ? { operations: Lp } : {}) : _p(i, t, c), u ? r.unexposeProperty : r.exposeProperty)
         }),
         /* @__PURE__ */ a("span", { children: l.descriptor.label }),
         u && /* @__PURE__ */ a("em", { children: r.exposedToScopes })
@@ -2135,7 +2143,7 @@ function Si(e, t) {
   };
 }
 var To = ({ 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 = Ja(t), { editor: h, failed: f } = Si(e, d?.id), { editor: g } = Si(e, p ? "bindingExpression" : void 0), m = n.strings.editors, v = !t.editable || c.readOnly === !0, w = t.editable ? c.readOnly === !0 ? m.readOnly : void 0 : t.reason ?? m.inherited, P = t.effectiveValue, x = Fp(t, r), S = P == null || !Ho(c) ? void 0 : dn(c, P) ?? Hn(c, P), k = S !== void 0 && dn(c, P) !== void 0 ? os(c, P) : void 0, y = k !== void 0 && dn(c, k) === void 0, N = (_) => i(t, _), A = p && Xa(P), T = c.valueType === "boolean", C = Ho(c);
+  const l = s === "popover", { descriptor: c } = t, u = `pe-${o}-${c.path}`.replace(/[^A-Za-z0-9_-]/g, "-"), d = e.resolve(c), p = Ja(t), { editor: h, failed: f } = Si(e, d?.id), { editor: g } = Si(e, p ? "bindingExpression" : void 0), m = n.strings.editors, v = !t.editable || c.readOnly === !0, w = t.editable ? c.readOnly === !0 ? m.readOnly : void 0 : t.reason ?? m.inherited, P = t.effectiveValue, x = jp(t, r), S = P == null || !Ho(c) ? void 0 : dn(c, P) ?? Hn(c, P), k = S !== void 0 && dn(c, P) !== void 0 ? os(c, P) : void 0, y = k !== void 0 && dn(c, k) === void 0, N = (_) => i(t, _), A = p && Xa(P), T = c.valueType === "boolean", C = Ho(c);
   return /* @__PURE__ */ b("div", {
     className: `studio-editor-field${T ? " studio-editor-field--inline" : ""}`,
     "data-property": c.path,
@@ -2228,7 +2236,7 @@ var To = ({ registry: e, property: t, context: n, componentId: o, onChange: i, d
     ]
   });
 };
-function Fp(e, t) {
+function jp(e, t) {
   const n = t.find((o) => o.path === e.descriptor.path && o.severity === "error");
   return n ? {
     code: n.code,
@@ -2349,7 +2357,7 @@ var ea = {
   }
 }, Ae = /* @__PURE__ */ (function(e) {
   return e.NotJson = "notJson", e.WrongShape = "wrongShape", e.MissingScreen = "missingScreen", e.MissingTemplate = "missingTemplate", e;
-})({}), Ep = [
+})({}), Up = [
   "layouts",
   "screenTemplates",
   "dialogTemplates",
@@ -2368,7 +2376,7 @@ function ta(e, t) {
     };
   }
   const o = n;
-  if (!o || typeof o != "object" || Ep.some((r) => !Array.isArray(o[r]))) return {
+  if (!o || typeof o != "object" || Up.some((r) => !Array.isArray(o[r]))) return {
     readable: !1,
     problem: Ae.WrongShape
   };
@@ -2392,7 +2400,7 @@ var oe = /* @__PURE__ */ (function(e) {
 })({}), Ci = {
   Compact: "Compact",
   Regular: "Regular"
-}, Mp = {
+}, Wp = {
   ariaLabel: "Icon",
   picker: {
     placeholder: "Choose an icon",
@@ -2422,7 +2430,7 @@ var oe = /* @__PURE__ */ (function(e) {
     "catalog-unavailable": "The icons of {library} could not be read, so they cannot be checked. Try again in a moment."
   },
   notAllowed: "This icon is not available for this field. Choose one of the icons the field offers."
-}, Ap = {
+}, zp = {
   inspectorTitle: "Inspector",
   windowLabel: "Screen editor",
   stopped: {
@@ -2526,7 +2534,7 @@ var oe = /* @__PURE__ */ (function(e) {
     exposedToScopes: "Screens can change this",
     itemsLabel: "Items",
     addItem: "Add item",
-    icon: Mp,
+    icon: Wp,
     structured: nr,
     editors: ea,
     templates: {
@@ -2765,7 +2773,7 @@ var oe = /* @__PURE__ */ (function(e) {
     [oe.NoChange]: "It is already there."
   }
 };
-function _p(e, t) {
+function Hp(e, t) {
   const n = e?.query, o = n !== null && typeof n == "object" && "queryId" in n ? n.queryId : void 0;
   return typeof o == "string" ? t.find((i) => i.id === o)?.resultFields ?? [] : [];
 }
@@ -2779,7 +2787,7 @@ function Io(e) {
     ...t.navigationModule !== void 0 ? { navigationModule: t.navigationModule } : {},
     queryCandidates: n.queryCandidates,
     availableSources: n.availableSources,
-    fields: _p(u, n.queryCandidates),
+    fields: Hp(u, n.queryCandidates),
     colorTokens: d?.colorTokens ?? [],
     icons: {
       catalog: p.icons,
@@ -2811,11 +2819,11 @@ function Io(e) {
       } : g,
       structured: f.structured ?? nr,
       icon: f.icon,
-      iconPicker: f.iconPickerLabels ?? Ap.properties.iconPickerLabels ?? {}
+      iconPicker: f.iconPickerLabels ?? zp.properties.iconPickerLabels ?? {}
     }
   };
 }
-function $p(e, t, n) {
+function Gp(e, t, n) {
   return {
     ...e,
     session: {
@@ -2827,7 +2835,7 @@ function $p(e, t, n) {
     }
   };
 }
-function Lp(e) {
+function qp(e) {
   switch (e.valueType) {
     case K.String:
       return "text";
@@ -2853,7 +2861,7 @@ function Lp(e) {
       return "undescribed";
   }
 }
-var Bp = class {
+var Kp = class {
   #e = /* @__PURE__ */ new Map();
   #n = /* @__PURE__ */ new Map();
   #t = /* @__PURE__ */ new Map();
@@ -2896,15 +2904,15 @@ var Bp = class {
       id: e.editorKind,
       tier: "package"
     };
-    const n = Lp(e);
+    const n = qp(e);
     return n !== void 0 && this.#e.has(n) ? {
       id: n,
       tier: "default"
     } : void 0;
   }
 };
-function jp() {
-  const e = new Bp();
+function Vp() {
+  const e = new Kp();
   e.register(X.Text, async () => (await import("./TextEditor-BEH-9K1S.js")).TextEditor), e.register(X.Number, async () => (await import("./NumberEditor-Cyo9_23Z.js")).NumberEditor), e.register(X.Boolean, async () => (await import("./BooleanEditor-eC1yCpz0.js")).BooleanEditor), e.register(X.Enum, async () => (await import("./EnumEditor-DNnnf9i3.js")).EnumEditor), e.register(X.Select, async () => (await import("./SelectEditor-CY6dlYWi.js")).SelectEditor), e.register(X.Color, async () => (await import("./ColorEditor-Cc6Xq8pW.js")).ColorEditor), e.register(X.Icon, async () => (await import("./IconEditor-qXyGbGEX.js")).IconEditor), e.register(X.List, async () => (await import("./ListEditor-CfFPVVJ4.js")).ListEditor), e.register(X.Reference, async () => (await import("./ReferenceEditor-CTguqJZC.js")).ReferenceEditor), e.register(X.NavigationTarget, async () => (await import("./NavigationTargetEditor-C53kuCBJ.js")).NavigationTargetEditor), e.register(X.RenderingSlot, async () => (await import("./RenderingSlotEditor-D0ppEIOx.js")).RenderingSlotEditor), e.register(X.Slice, async () => (await import("./SliceEditor-BdiU5-Tg.js")).SliceEditor), e.register(X.InheritanceMode, async () => (await import("./InheritanceModeEditor-CtdsACnc.js")).InheritanceModeEditor), e.register(X.Field, async () => (await import("./FieldEditor-e6VpsD__.js")).FieldEditor), e.register(X.ColumnList, async () => (await import("./ColumnListEditor-CmhQYS5b.js")).ColumnListEditor), e.register(X.Template, async () => (await import("./TemplatePropertyEditor-JGA5uEfP.js")).TemplatePropertyEditor), e.register(X.SampleData, async () => (await import("./ReferenceTargetEditors-Bx6dhIxY.js")).SampleDataEditor), e.register("object", async () => (await import("./StructuredPropertyEditor-Bd-8GBgK.js")).StructuredPropertyEditor), e.register("collection", async () => (await import("./CollectionEditor-DoTQJiqE.js")).CollectionEditor);
   for (const t of [
     X.StringList,
@@ -2924,7 +2932,7 @@ function jp() {
   ]) e.register(t, async () => (await import("./SummaryEditor-C5wP1uIH.js")).SummaryEditor);
   return e;
 }
-var nn = jp(), Po = "presentation", xo = "arguments", Rt = (e) => typeof e == "string" ? e : "";
+var nn = Vp(), Po = "presentation", xo = "arguments", Rt = (e) => typeof e == "string" ? e : "";
 function na(e, t = "") {
   const n = Rt(e?.command);
   if (n === "") return;
@@ -2936,7 +2944,7 @@ function na(e, t = "") {
     presentation: Object.values(ve).includes(r) ? r : ve.None
   };
 }
-function Up(e) {
+function Jp(e) {
   return {
     command: e.sliceId,
     [Po]: e.presentation,
@@ -2947,9 +2955,9 @@ function Up(e) {
     }))
   };
 }
-function Wp(e, t) {
+function Qp(e, t) {
   const n = re(e);
-  return Object.entries(Up(t)).map(([o, i]) => ({
+  return Object.entries(Jp(t)).map(([o, i]) => ({
     kind: Y.SetProperty,
     nodeId: n,
     path: o,
@@ -2962,12 +2970,12 @@ var Z = /* @__PURE__ */ (function(e) {
   kind: Z.None,
   target: ""
 };
-function zp(e) {
-  const t = e?.find((n) => n.name === Gn)?.bindings.find((n) => qp(n.trigger))?.actions[0];
-  return t ? Gp(t) : oa;
+function Yp(e) {
+  const t = e?.find((n) => n.name === Gn)?.bindings.find((n) => em(n.trigger))?.actions[0];
+  return t ? Zp(t) : oa;
 }
 function Ni(e, t) {
-  const n = (e ?? []).filter((r) => r.name !== Gn), o = Hp(t), i = o ? [...n, {
+  const n = (e ?? []).filter((r) => r.name !== Gn), o = Xp(t), i = o ? [...n, {
     name: Gn,
     bindings: [{
       trigger: { kind: sr.Click },
@@ -2976,7 +2984,7 @@ function Ni(e, t) {
   }] : n;
   return i.length > 0 ? i : void 0;
 }
-function Hp(e) {
+function Xp(e) {
   if (e.target !== "")
     switch (e.kind) {
       case Z.Navigate:
@@ -2998,7 +3006,7 @@ function Hp(e) {
         return;
     }
 }
-function Gp(e) {
+function Zp(e) {
   switch (e.kind) {
     case lt.Navigate:
       return {
@@ -3019,14 +3027,14 @@ function Gp(e) {
       return oa;
   }
 }
-function qp(e) {
+function em(e) {
   return e?.kind === sr.Click;
 }
-var Kp = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, disabled: r, onChange: s }) => {
-  const l = zp(e), [c, u] = j(Z.None), d = l.kind === Z.None ? {
+var tm = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, disabled: r, onChange: s }) => {
+  const l = Yp(e), [c, u] = j(Z.None), d = l.kind === Z.None ? {
     kind: c,
     target: ""
-  } : l, p = Vp(d.kind, t, n, o), h = d.target !== "" && !p.some((m) => m.value === d.target), f = (m) => {
+  } : l, p = nm(d.kind, t, n, o), h = d.target !== "" && !p.some((m) => m.value === d.target), f = (m) => {
     u(m), l.kind !== Z.None && s(Ni(e, {
       kind: Z.None,
       target: ""
@@ -3094,7 +3102,7 @@ var Kp = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, di
     ]
   });
 };
-function Vp(e, t, n, o) {
+function nm(e, t, n, o) {
   switch (e) {
     case Z.Navigate:
       return n.map((i) => ({
@@ -3228,7 +3236,7 @@ var Oo = {
 }, on = /* @__PURE__ */ (function(e) {
   return e.Elements = "elements", e.Collection = "collection", e.Region = "region", e;
 })({}), ia = (e) => "rejected" in e;
-function Jp(e, t) {
+function om(e, t) {
   switch (e.availability) {
     case void 0:
       return !0;
@@ -3240,7 +3248,7 @@ function Jp(e, t) {
 }
 var Do = cl;
 function Ft(e, t) {
-  if (!Jp(e, t)) return {
+  if (!om(e, t)) return {
     visible: !1,
     enabled: !1
   };
@@ -3276,10 +3284,10 @@ var Ro = (e, t, n) => e.flatMap((o) => {
     ...o,
     children: Ro(o.children, t, n)
   } : o];
-}), Qp = (e) => Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0)), Et = (e, t, n) => Ro(e, t, (o) => Qp({
+}), im = (e) => Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0)), Et = (e, t, n) => Ro(e, t, (o) => im({
   ...o,
   ...n
-})), Yp = (e, t) => Ro(e, t, () => {
+})), rm = (e, t) => Ro(e, t, () => {
 });
 function Qt(e, t) {
   for (const n of e) {
@@ -3295,7 +3303,7 @@ function Ct(e, t) {
     if (o) return o;
   }
 }
-function Xp(e, t, n) {
+function am(e, t, n) {
   const o = Ct(e, t);
   if (!o) return [...e];
   const i = o.findIndex((l) => l.id === t);
@@ -3317,7 +3325,7 @@ var ra = (e, t) => ({
   id: t(),
   ...e.children ? { children: e.children.map((n) => ra(n, t)) } : {}
 });
-function Zp(e, t, n) {
+function sm(e, t, n) {
   const o = Qt(e, t), i = Ct(e, t);
   if (!o || !i) return { items: [...e] };
   const r = ra(o, n), s = i.findIndex((c) => c.id === t) + 1, l = [
@@ -3330,18 +3338,18 @@ function Zp(e, t, n) {
     copy: r
   };
 }
-var em = () => ({
+var lm = () => ({
   application: { regions: [] },
   modules: []
-}), Ti = (e) => e.navigation ?? em(), tm = (e, t) => ({
+}), Ti = (e) => e.navigation ?? lm(), cm = (e, t) => ({
   ...e,
   navigation: t
 });
-function nm(e, t, n) {
+function dm(e, t, n) {
   return (t === void 0 ? e.application.regions : e.modules.find((o) => o.module === t)?.regions ?? []).find((o) => o.region === n)?.items ?? [];
 }
-var om = (e) => e;
-function im(e, t) {
+var um = (e) => e;
+function pm(e, t) {
   if (!t?.module) return;
   const n = e.modules.find((r) => r.id === t.module);
   if (!n) return t.module;
@@ -3355,13 +3363,13 @@ function im(e, t) {
   return [n.name, ...o].join(" › ");
 }
 function aa(e) {
-  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = ur(i, o, n, t), d = nm(o, n, t), p = Ms(i, o, { slots: [...s] }), h = (x) => `${n ?? "application"}:${t}:${x}`, f = [], g = (x, S) => {
+  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = ur(i, o, n, t), d = dm(o, n, t), p = Ms(i, o, { slots: [...s] }), h = (x) => `${n ?? "application"}:${t}:${x}`, f = [], g = (x, S) => {
     const k = x.filter((y) => !y.readOnly);
     x.forEach((y) => {
       const N = Qt(d, y.id)?.target ?? (y.target ? {
         module: y.target.module,
         ...y.target.feature ? { feature: y.target.feature } : {}
-      } : void 0), A = y.readOnly ? -1 : k.indexOf(y), T = im(i, N), C = p.filter((_) => _.entry === h(y.id)).map((_) => ({
+      } : void 0), A = y.readOnly ? -1 : k.indexOf(y), T = pm(i, N), C = p.filter((_) => _.entry === h(y.id)).map((_) => ({
         code: _.code,
         message: _.message
       }));
@@ -3424,7 +3432,7 @@ function aa(e) {
     region: {
       region: m,
       ...n !== void 0 ? { module: n } : {},
-      ...u.mode ? { mode: om(u.mode) } : {}
+      ...u.mode ? { mode: um(u.mode) } : {}
     },
     add: (x) => x === $.addItem ? P() : { rejected: x },
     act: (x, S) => {
@@ -3434,15 +3442,15 @@ function aa(e) {
         case $.moveEarlier:
         case $.moveLater: {
           const k = S.index + (x === $.moveEarlier ? -1 : 1), y = Ct(d, S.id);
-          return !y || k < 0 || k >= y.length ? { rejected: "noWhere" } : v("Move", w(Xp(d, S.id, k)), { itemId: S.id });
+          return !y || k < 0 || k >= y.length ? { rejected: "noWhere" } : v("Move", w(am(d, S.id, k)), { itemId: S.id });
         }
         case $.duplicate: {
-          const k = Zp(d, S.id, r);
+          const k = sm(d, S.id, r);
           return k.copy ? v("Duplicate", w(k.items), { itemId: k.copy.id }) : { rejected: x };
         }
         case $.delete: {
           const k = Ct(d, S.id) ?? [], y = k.findIndex((A) => A.id === S.id), N = k[y + 1] ?? k[y - 1];
-          return v("Remove", w(Yp(d, S.id)), { itemId: N?.id ?? null });
+          return v("Remove", w(rm(d, S.id)), { itemId: N?.id ?? null });
         }
         default:
           return { rejected: x };
@@ -3454,7 +3462,7 @@ function aa(e) {
       if (k) {
         if (x === $.target) return {
           property: Nn("target", "Navigate to", "navigationItemTarget", k.target),
-          plan: (y) => v("Link", w(Et(d, S.id, { target: rm(y) ? y : void 0 })), { itemId: S.id })
+          plan: (y) => v("Link", w(Et(d, S.id, { target: mm(y) ? y : void 0 })), { itemId: S.id })
         };
         if (x === $.slot) return {
           property: Nn("slot", "Render into slot", "renderingSlot", k.slot ?? "content"),
@@ -3481,7 +3489,7 @@ function aa(e) {
     }]
   };
 }
-var rm = (e) => typeof e == "object" && e !== null && typeof e.module == "string";
+var mm = (e) => typeof e == "object" && e !== null && typeof e.module == "string";
 function Nn(e, t, n, o) {
   return {
     descriptor: {
@@ -3498,7 +3506,7 @@ function Nn(e, t, n, o) {
   };
 }
 var Nt = () => globalThis.crypto.randomUUID(), Ii = (e) => typeof e == "string" ? e : "";
-function am({ componentId: e, property: t, newId: n, startingLabel: o, startingDestination: i }) {
+function hm({ componentId: e, property: t, newId: n, startingLabel: o, startingDestination: i }) {
   const r = t.descriptor.path, s = t.items ?? [], l = s.filter((f) => f.editable), c = new Set(t.operations ?? []), u = {
     component: e,
     path: r
@@ -3643,9 +3651,9 @@ function la(e, t, n, o = {}, i = {}) {
     slots: i
   };
 }
-var sm = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
+var fm = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
 function qn(e, t, n) {
-  const o = sm(t, n);
+  const o = fm(t, n);
   return t.editTarget === vs.Instance ? o === void 0 ? {
     kind: Y.ResetInstanceValue,
     component: e,
@@ -3673,7 +3681,7 @@ function ca(e, t, n) {
   const { button: i, converted: r } = js(new Zt(e), o);
   return r && i.slice ? { slice: i.slice } : void 0;
 }
-function lm(e, t) {
+function gm(e, t) {
   return [{
     kind: Y.SetProperty,
     nodeId: re(e),
@@ -3685,7 +3693,7 @@ function lm(e, t) {
     path: "target"
   }];
 }
-function cm(e, t) {
+function vm(e, t) {
   const n = structuredClone(e);
   return Kn(n, t), n;
 }
@@ -3706,7 +3714,7 @@ var Vn = (e) => typeof e == "string" ? e : "", rn = { [$.addButton]: {
   isUnlinked: (e, t) => Vn(t.slice) === "" && Vn(t.target) === "" && t.destination === void 0,
   startingProperties: { kind: "Action" }
 } };
-function dm({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i, startingLabel: r, structure: s }) {
+function bm({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i, startingLabel: r, structure: s }) {
   const l = rn[t];
   if (!l) return;
   const c = e.slots?.[l.slot] ?? [], u = c.map((h, f) => {
@@ -3769,7 +3777,7 @@ function dm({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
           };
         }
         case $.duplicate:
-          return p(cm(g, i), f.index + 1, "Duplicate");
+          return p(vm(g, i), f.index + 1, "Duplicate");
         case $.delete: {
           const m = c[f.index + 1] ?? c[f.index - 1];
           return {
@@ -3808,7 +3816,7 @@ function dm({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
     readOnlyActions: () => []
   };
 }
-function um(e) {
+function ym(e) {
   const { roots: t, catalog: n, selectedId: o, selectedItemId: i } = e;
   if (!o) return;
   const r = ze(t, o);
@@ -3833,14 +3841,14 @@ function xi(e, t, n, o, i) {
   let p;
   if (d.itemsPath !== void 0) {
     const f = s(t.id)?.properties.find((g) => g.descriptor.path === d.itemsPath);
-    p = f && am({
+    p = f && hm({
       componentId: t.id,
       property: f,
       newId: c,
       startingLabel: u.item,
       ...e.startingDestination ? { startingDestination: e.startingDestination } : {}
     });
-  } else rn[n] ? p = dm({
+  } else rn[n] ? p = bm({
     component: t,
     addActionId: n,
     ownershipOf: l,
@@ -3859,14 +3867,14 @@ function xi(e, t, n, o, i) {
     ...h ? { selected: h } : {}
   };
 }
-function pm({ controller: e, environment: t, strings: n, startingLabels: o, startingDestination: i, otherSource: r }) {
+function wm({ controller: e, environment: t, strings: n, startingLabels: o, startingDestination: i, otherSource: r }) {
   const [s, l] = j(0), [c, u] = j(""), [d, p] = j("");
   ce(() => {
     if (d === "") return;
     const C = setTimeout(() => p(""), 4e3);
     return () => clearTimeout(C);
   }, [d]);
-  const { document: h, composition: f, context: g, selectedId: m, ownershipOf: v, selectedItemId: w, navigation: P, navigationModule: x, structure: S } = e, k = t.navigation?.slots ?? t.propertyEditors?.slots ?? mm, y = z((C) => {
+  const { document: h, composition: f, context: g, selectedId: m, ownershipOf: v, selectedItemId: w, navigation: P, navigationModule: x, structure: S } = e, k = t.navigation?.slots ?? t.propertyEditors?.slots ?? km, y = z((C) => {
     const _ = an(C.componentName);
     return _ ? aa({
       region: _,
@@ -3894,7 +3902,7 @@ function pm({ controller: e, environment: t, strings: n, startingLabels: o, star
     n,
     r,
     w
-  ]), N = U(() => um({
+  ]), N = U(() => ym({
     roots: f.roots,
     catalog: g.catalog,
     selectedId: m,
@@ -3978,7 +3986,7 @@ function pm({ controller: e, environment: t, strings: n, startingLabels: o, star
     }, [w, e])
   };
 }
-var mm = ["content"];
+var km = ["content"];
 function an(e) {
   const t = e.slice(e.lastIndexOf(":") + 1).toLowerCase();
   return t === "topbar" ? Go.Topbar : t === "sidebar" ? Go.Sidebar : void 0;
@@ -3986,7 +3994,7 @@ function an(e) {
 var da = (e) => ({
   content: e.mainArea,
   aside: e.sidePanel
-}), hm = [
+}), Sm = [
   De.Inherit,
   De.Extend,
   De.Override
@@ -4146,7 +4154,7 @@ var da = (e) => ({
           className: "studio-editor-mode-cards",
           role: "radiogroup",
           "aria-label": o.modeTitle(w, v),
-          children: hm.map((I) => /* @__PURE__ */ b("button", {
+          children: Sm.map((I) => /* @__PURE__ */ b("button", {
             type: "button",
             role: "radio",
             "aria-checked": I === k,
@@ -4207,9 +4215,9 @@ var da = (e) => ({
       })
     ] })
   });
-}, fm = (e) => e.slots?.items ?? [];
+}, Cm = (e) => e.slots?.items ?? [];
 function Di(e, t) {
-  const n = fm(t).flatMap((r) => {
+  const n = Cm(t).flatMap((r) => {
     const { id: s, properties: l } = r, c = ho(s, l);
     return c ? [c] : [];
   });
@@ -4222,8 +4230,8 @@ function Di(e, t) {
     button: r.button
   }));
 }
-var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e) => /(^|:)toolbar$/.test(String(e.componentName ?? "")), bm = ({ controller: e, strings: t, element: n }) => {
-  const o = (t.designMode ?? Oo).toolbar, { structure: i } = e, r = gm(n), s = vm(n), l = n.properties ?? {}, c = U(() => {
+var Nm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), Tm = (e) => /(^|:)toolbar$/.test(String(e.componentName ?? "")), Im = ({ controller: e, strings: t, element: n }) => {
+  const o = (t.designMode ?? Oo).toolbar, { structure: i } = e, r = Nm(n), s = Tm(n), l = n.properties ?? {}, c = U(() => {
     if (!r || i.modules.length === 0) return;
     const g = ho(n.id, l);
     if (!g) return;
@@ -4281,7 +4289,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
         children: [o.upgradeNote(p.slice), /* @__PURE__ */ a("button", {
           type: "button",
           "data-action": "upgrade",
-          onClick: () => e.applyAll(lm(n.id, p.slice), o.upgrade),
+          onClick: () => e.applyAll(gm(n.id, p.slice), o.upgrade),
           children: o.upgrade
         })]
       }),
@@ -4296,7 +4304,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
       label: t.properties.diagnostics
     })]
   });
-}, ym = (e, t) => e.find((n) => n.component === t), wm = /* @__PURE__ */ new Set([xo]), km = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
+}, Pm = (e, t) => e.find((n) => n.component === t), xm = /* @__PURE__ */ new Set([xo]), Om = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
   const { inspection: r, selectedId: s, selection: l } = e, c = n.properties, u = U(() => So(t.availableSources), [t.availableSources]), d = U(() => tr(e.document, e.composition.roots, e.context, t.availableSources, t.queryCandidates), [
     e.document,
     e.composition.roots,
@@ -4321,7 +4329,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
           className: "studio-editor-properties__header",
           children: /* @__PURE__ */ a("strong", { children: c.screenLabel })
         }),
-        /* @__PURE__ */ a(Ip, {
+        /* @__PURE__ */ a(Mp, {
           location: t.location,
           strings: n
         }),
@@ -4331,12 +4339,12 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
           strings: n,
           disabled: !1
         }),
-        /* @__PURE__ */ a(kp, {
+        /* @__PURE__ */ a(Op, {
           controller: e,
           strings: n,
           disabled: !1
         }),
-        /* @__PURE__ */ a(Bu, {
+        /* @__PURE__ */ a(Ku, {
           controller: e,
           slices: t.stateChangeSlices,
           strings: n,
@@ -4352,7 +4360,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
       strings: n
     })
   });
-  const p = Ya(e.composition.roots, s), h = wu(r.properties, p, l.properties), { runtime: f } = t, g = ym(e.context.catalog.components, r.typeId), m = g ? f.packageDescriptorOf(g) : void 0, v = (D) => !!m && f.designTime.propertyEditor(m, D.descriptor).contribution !== void 0, w = t.propertyEditors?.registry ?? nn, P = [...r.diagnostics, ...e.diagnostics], x = Nu(h, r.typeId, (D) => wm.has(D.descriptor.path) || v(D)), S = Tu(x), k = {
+  const p = Ya(e.composition.roots, s), h = xu(r.properties, p, l.properties), { runtime: f } = t, g = Pm(e.context.catalog.components, r.typeId), m = g ? f.packageDescriptorOf(g) : void 0, v = (D) => !!m && f.designTime.propertyEditor(m, D.descriptor).contribution !== void 0, w = t.propertyEditors?.registry ?? nn, P = [...r.diagnostics, ...e.diagnostics], x = Fu(h, r.typeId, (D) => xm.has(D.descriptor.path) || v(D)), S = Eu(x), k = {
     controller: e,
     environment: t,
     strings: n,
@@ -4385,7 +4393,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
         environment: t,
         strings: n
       }),
-      l && /* @__PURE__ */ a(bm, {
+      l && /* @__PURE__ */ a(Im, {
         controller: e,
         strings: n,
         element: l
@@ -4394,7 +4402,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
         diagnostics: cs(P),
         label: c.diagnostics
       }),
-      /* @__PURE__ */ a(Tp, {
+      /* @__PURE__ */ a(Ep, {
         inspection: r,
         controller: e,
         strings: n,
@@ -4408,14 +4416,14 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
         authoringTemplate: i
       }),
       g && qe(l) && /* @__PURE__ */ b(le, { children: [
-        /* @__PURE__ */ a(Au, {
+        /* @__PURE__ */ a(zu, {
           component: l,
           descriptor: g,
           controller: e,
           environment: t,
           strings: n
         }),
-        /* @__PURE__ */ a(Eu, {
+        /* @__PURE__ */ a(Uu, {
           component: l,
           descriptor: g,
           controller: e,
@@ -4423,7 +4431,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
           strings: n,
           disabled: o !== void 0 && o !== "local"
         }),
-        /* @__PURE__ */ a(Mu, {
+        /* @__PURE__ */ a(Wu, {
           component: l,
           descriptor: g,
           properties: r.properties.filter((D) => !Kr(r.typeId, D.descriptor.path)),
@@ -4446,22 +4454,22 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
         }), D.properties.map((I) => /* @__PURE__ */ a(To, {
           registry: w,
           property: I,
-          context: $p(y, k, I),
+          context: Gp(y, k, I),
           componentId: s,
           onChange: e.setProperty,
           diagnostics: P
         }, `${s}:${I.descriptor.path}`))]
       }, D.name)),
-      N && /* @__PURE__ */ a(Ou, {
+      N && /* @__PURE__ */ a($u, {
         action: na(L, t.stateChangeSlices.find((D) => D.id === L?.command)?.name ?? ""),
         slices: t.stateChangeSlices,
         sources: Vr(Object.keys(t.availableSources), d.componentOutputs, s),
         strings: n,
         disabled: o !== void 0 && o !== "local",
         suggestSource: (D) => D === "id" || D.endsWith("Id") ? "row.id" : void 0,
-        onChange: (D) => D && e.applyAll(Wp(s, D), n.properties.action.label)
+        onChange: (D) => D && e.applyAll(Qp(s, D), n.properties.action.label)
       }),
-      T && /* @__PURE__ */ a(ap, {
+      T && /* @__PURE__ */ a(hp, {
         elementId: s,
         command: typeof L?.command == "string" ? L.command : void 0,
         slices: t.stateChangeSlices,
@@ -4469,12 +4477,12 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
         strings: n,
         disabled: _,
         onCommandChange: (D) => {
-          e.applyAll([Lu(s, D)], n.properties.commandForm.label).applied && D && !C.some((I) => I.forCommand === D.name) && e.setScreenForms([...C, zn(D)], n.properties.commandForm.createForm(D.name));
+          e.applyAll([qu(s, D)], n.properties.commandForm.label).applied && D && !C.some((I) => I.forCommand === D.name) && e.setScreenForms([...C, zn(D)], n.properties.commandForm.createForm(D.name));
         },
         onFormChange: (D) => e.setScreenForms(C.map((I) => I.forCommand === D.forCommand ? D : I), n.properties.forms.label),
         onFormCreate: (D) => e.setScreenForms([...C, zn(D)], n.properties.commandForm.createForm(D.name))
       }),
-      A && /* @__PURE__ */ a(Kp, {
+      A && /* @__PURE__ */ a(tm, {
         behaviors: l.behaviors,
         targets: ds(t, e.document),
         destinations: t.destinations,
@@ -4483,7 +4491,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
         disabled: _,
         onChange: (D) => e.setElementBehaviors(s, D, n.properties.toolbarButton.label)
       }, s),
-      /* @__PURE__ */ a(Rp, {
+      /* @__PURE__ */ a(Bp, {
         inspection: r,
         componentId: s,
         controller: e,
@@ -4518,7 +4526,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
       tabs: [{
         id: Sn.Properties,
         label: e.propertiesTab,
-        content: /* @__PURE__ */ a(km, {
+        content: /* @__PURE__ */ a(Om, {
           controller: t,
           environment: n,
           strings: e,
@@ -4536,7 +4544,7 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
   return e.Row = "row", e.Column = "column", e.Grid = "grid", e.Wrap = "wrap", e.Freeform = "freeform", e.Grouping = "grouping", e;
 })({}), Ze = /* @__PURE__ */ (function(e) {
   return e.Panel = "Panel", e.StackPanel = "StackPanel", e.WrapPanel = "WrapPanel", e.Grid = "Grid", e.Canvas = "Canvas", e;
-})({}), Sm = [
+})({}), Dm = [
   {
     item: H.Stack,
     type: "Stack",
@@ -4576,13 +4584,13 @@ var gm = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), vm = (e)
     panel: Ze.Canvas,
     arrangement: Q.Freeform
   }
-], Cm = /* @__PURE__ */ new Set([
+], Rm = /* @__PURE__ */ new Set([
   "column",
   "screenShell",
   "shell"
 ]);
-var Nm = (e) => e.slice(e.lastIndexOf(":") + 1), pa = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), Tm = (e) => e.split(".").map((t) => pa(t)).join(" "), Im = fs.Layout;
-function Pm(e, t, n = {}) {
+var Fm = (e) => e.slice(e.lastIndexOf(":") + 1), pa = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), Em = (e) => e.split(".").map((t) => pa(t)).join(" "), Mm = fs.Layout;
+function Am(e, t, n = {}) {
   const o = t.map((r) => ({
     key: `layout:${r.item}`,
     label: r.label,
@@ -4590,15 +4598,15 @@ function Pm(e, t, n = {}) {
       component: r.item,
       displayName: r.label
     }),
-    category: Im,
+    category: Mm,
     keywords: [],
     payload: {
       kind: "layout",
       item: r.item
     }
   })), i = e.flatMap((r) => {
-    const s = new Map((r.descriptors ?? []).map((l) => [Nm(l.component), l]));
-    return r.components.filter((l) => !Cm.has(l)).map((l) => {
+    const s = new Map((r.descriptors ?? []).map((l) => [Fm(l.component), l]));
+    return r.components.filter((l) => !Rm.has(l)).map((l) => {
       const c = s.get(l), u = c?.displayName ?? pa(l);
       return {
         key: `${r.package}:${l}`,
@@ -4611,7 +4619,7 @@ function Pm(e, t, n = {}) {
         category: c?.category?.trim() || "Other",
         keywords: c?.keywords ?? [],
         package: r.package,
-        packageTitle: n[r.package] ?? Tm(r.package),
+        packageTitle: n[r.package] ?? Em(r.package),
         payload: {
           kind: "component",
           componentName: l,
@@ -4623,7 +4631,7 @@ function Pm(e, t, n = {}) {
   return [...o, ...i];
 }
 var ma = "frequent";
-function xm({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
+function _m({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
   const r = n.trim().length > 0, s = (h) => ({
     entry: h,
     match: Bs({
@@ -4657,11 +4665,11 @@ function xm({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
     });
   }), d;
 }
-var Om = (e) => e.filter((t) => t.expanded).flatMap((t) => t.rows.map((n) => ({
+var $m = (e) => e.filter((t) => t.expanded).flatMap((t) => t.rows.map((n) => ({
   group: t,
   row: n
 })));
-function Dm(e, t) {
+function Lm(e, t) {
   const n = [];
   let o = 0;
   for (const [i, r] of [...t].sort((s, l) => s[0] - l[0]))
@@ -4683,7 +4691,7 @@ var Ri = "cratis.studio.componentUsage.v1", Fi = "cratis.studio.componentGroups.
   } catch {
     return;
   }
-}, Rm = () => Oe(() => typeof window < "u" ? window.localStorage : void 0), Ei = (e) => {
+}, Bm = () => Oe(() => typeof window < "u" ? window.localStorage : void 0), Ei = (e) => {
   const t = Oe(() => JSON.parse(e ?? "null"));
   if (t === null || typeof t != "object" || Array.isArray(t)) return {};
   const n = {};
@@ -4692,11 +4700,11 @@ var Ri = "cratis.studio.componentUsage.v1", Fi = "cratis.studio.componentGroups.
     last: typeof i.last == "number" && Number.isFinite(i.last) ? i.last : 0
   });
   return n;
-}, Fm = (e) => {
+}, jm = (e) => {
   const t = Oe(() => JSON.parse(e ?? "null"));
   return t === null || typeof t != "object" || Array.isArray(t) ? {} : Object.fromEntries(Object.entries(t).filter((n) => typeof n[1] == "boolean"));
 };
-function Em(e = Rm(), t) {
+function Um(e = Bm(), t) {
   const n = t ? `${t}:${Ri}` : Ri, o = t ? `${t}:${Fi}` : Fi;
   let i, r;
   return {
@@ -4713,7 +4721,7 @@ function Em(e = Rm(), t) {
       const u = JSON.stringify(i);
       return e && Oe(() => e.setItem(n, u)), i;
     },
-    readGroups: () => r ??= Fm(e ? Oe(() => e.getItem(o)) : void 0),
+    readGroups: () => r ??= jm(e ? Oe(() => e.getItem(o)) : void 0),
     writeGroups: (s) => {
       r = { ...s };
       const l = JSON.stringify(r);
@@ -4729,12 +4737,12 @@ function fa(e, t, n) {
   const o = document.createElement("div");
   o.className = "studio-drag-preview", n && o.append(n.cloneNode(!0)), o.append(Object.assign(document.createElement("span"), { textContent: t })), document.body.append(o), e.dataTransfer.setDragImage(o, 14, 14), setTimeout(() => o.remove(), 0);
 }
-var Mm = (e, t, n) => {
+var Wm = (e, t, n) => {
   e.dataTransfer.setData(Mo, JSON.stringify(t)), e.dataTransfer.effectAllowed = "copyMove", n && fa(e, n, e.currentTarget instanceof Element ? e.currentTarget.querySelector("svg") : null);
-}, Am = (e, t, n) => {
+}, zm = (e, t, n) => {
   e.dataTransfer.setData(ha, t), e.dataTransfer.effectAllowed = "move", fa(e, n);
-}, _m = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, Jn = (e) => e.dataTransfer.types.includes(ha), At = (e) => Lm(e) || Jn(e);
-function $m(e) {
+}, Hm = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, Jn = (e) => e.dataTransfer.types.includes(ha), At = (e) => qm(e) || Jn(e);
+function Gm(e) {
   try {
     const t = JSON.parse(e.dataTransfer.getData(Mo));
     return Eo(t) ? t : void 0;
@@ -4742,7 +4750,7 @@ function $m(e) {
     return;
   }
 }
-var Lm = (e) => e.dataTransfer.types.includes(Mo), Bm = {
+var qm = (e) => e.dataTransfer.types.includes(Mo), Km = {
   heading: "Components",
   filterPlaceholder: "Filter components...",
   filterLabel: "Filter components",
@@ -4751,8 +4759,8 @@ var Lm = (e) => e.dataTransfer.types.includes(Mo), Bm = {
   nothingMatches: "No component matches.",
   viaKeyword: (e, t, n) => `...${e} matches "${t}" via keyword "${n}"`,
   addLabel: (e) => `Add ${e}`
-}, jm = "★", Um = ({ entries: e, memory: t, strings: n = Bm, onAdd: o, usageVersion: i = 0 }) => {
-  const [r, s] = j(""), [l, c] = j(() => t.readGroups()), u = V(null), d = V(null), p = ms(), h = U(() => ({ ...t.readUsage() }), [t, i]), f = U(() => xm({
+}, Vm = "★", Jm = ({ entries: e, memory: t, strings: n = Km, onAdd: o, usageVersion: i = 0 }) => {
+  const [r, s] = j(""), [l, c] = j(() => t.readGroups()), u = V(null), d = V(null), p = ms(), h = U(() => ({ ...t.readUsage() }), [t, i]), f = U(() => _m({
     entries: e,
     usage: h,
     query: r,
@@ -4788,10 +4796,10 @@ var Lm = (e) => e.dataTransfer.types.includes(Mo), Bm = {
       T.indexOf(N) <= 0 ? u.current?.focus() : w(N, -1);
     } else y.key === "Escape" && A && r !== "" && (y.stopPropagation(), s(""));
   }, x = (y, N) => {
-    Mm(N, y.payload, y.label), N.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.setAttribute("data-dragging", "");
+    Wm(N, y.payload, y.label), N.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.setAttribute("data-dragging", "");
   }, S = (y) => {
     y.currentTarget.closest('[data-cratis-part="toolbar-folder-panel"]')?.removeAttribute("data-dragging");
-  }, k = Om(f);
+  }, k = $m(f);
   return /* @__PURE__ */ b("div", {
     ref: d,
     className: "studio-component-picker",
@@ -4835,7 +4843,7 @@ var Lm = (e) => e.dataTransfer.types.includes(Mo), Bm = {
                 "aria-hidden": "true",
                 children: y.frequent ? /* @__PURE__ */ a("span", {
                   className: "studio-component-picker__star",
-                  children: jm
+                  children: Vm
                 }) : y.expanded ? "▼" : "▶"
               }),
               /* @__PURE__ */ a("span", {
@@ -4871,7 +4879,7 @@ var Lm = (e) => e.dataTransfer.types.includes(Mo), Bm = {
                   className: "studio-component-picker__label",
                   children: [/* @__PURE__ */ a("span", {
                     className: "studio-component-picker__name",
-                    children: Dm(N.label, A.ranges).map((T, C) => T.marked ? /* @__PURE__ */ a("mark", { children: T.text }, C) : /* @__PURE__ */ a("span", { children: T.text }, C))
+                    children: Lm(N.label, A.ranges).map((T, C) => T.marked ? /* @__PURE__ */ a("mark", { children: T.text }, C) : /* @__PURE__ */ a("span", { children: T.text }, C))
                   }), A.via === "keyword" && A.keyword && /* @__PURE__ */ a("span", {
                     className: "studio-component-picker__hint",
                     children: n.viaKeyword(N.badge, r.trim(), A.keyword)
@@ -4897,14 +4905,14 @@ var Lm = (e) => e.dataTransfer.types.includes(Mo), Bm = {
       })
     ]
   });
-}, Wm = ({ entries: e, memory: t, icon: n, title: o, closeLabel: i, strings: r, usageVersion: s, onAdd: l }) => /* @__PURE__ */ a(ml, {
+}, Qm = ({ entries: e, memory: t, icon: n, title: o, closeLabel: i, strings: r, usageVersion: s, onAdd: l }) => /* @__PURE__ */ a(ml, {
   className: "studio-palette-folder studio-palette-folder--picker",
   icon: n,
   title: o,
   heading: o,
   closeLabel: i,
   presentation: "drawer",
-  children: /* @__PURE__ */ a(Um, {
+  children: /* @__PURE__ */ a(Jm, {
     entries: e,
     memory: t,
     usageVersion: s,
@@ -4913,7 +4921,7 @@ var Lm = (e) => e.dataTransfer.types.includes(Mo), Bm = {
   })
 });
 function ga({ strings: e, layoutLabels: t, icons: n, paletteSources: o, onAdd: i, memory: r }) {
-  const s = U(() => r ?? Em(), [r]), [l, c] = j(0), u = U(() => Pm(o, Sm.map((p) => ({
+  const s = U(() => r ?? Um(), [r]), [l, c] = j(0), u = U(() => Am(o, Dm.map((p) => ({
     item: p.item,
     label: t[p.item]
   })), e.packageTitles), [
@@ -4924,7 +4932,7 @@ function ga({ strings: e, layoutLabels: t, icons: n, paletteSources: o, onAdd: i
     s.recordAdded(p), c((h) => h + 1);
   }, [s]);
   return {
-    palette: /* @__PURE__ */ a(Wm, {
+    palette: /* @__PURE__ */ a(Qm, {
       entries: u,
       memory: s,
       usageVersion: l,
@@ -4948,14 +4956,14 @@ var Mi = {
   value: 1
 };
 function Yt(e, t, n, o = [], i = {}) {
-  const r = zm(e, i);
+  const r = Ym(e, i);
   return {
     ...sa(t, n),
     children: o,
     ...r
   };
 }
-function zm(e, t) {
+function Ym(e, t) {
   switch (e) {
     case H.Stack:
       return {
@@ -4988,7 +4996,7 @@ function zm(e, t) {
       return {};
   }
 }
-function Hm(e) {
+function Xm(e) {
   const t = e.indexOf(":");
   return t > 0 ? {
     package: e.slice(0, t),
@@ -4998,8 +5006,8 @@ function Hm(e) {
     name: e
   };
 }
-function Gm(e, t, n) {
-  const { package: o, name: i } = Hm(e);
+function Zm(e, t, n) {
+  const { package: o, name: i } = Xm(e);
   if (o !== void 0) return pr(t).includes(o) && n[o]?.includes(i) ? {
     package: o,
     name: i
@@ -5010,7 +5018,7 @@ function Gm(e, t, n) {
     name: r.name
   } : void 0;
 }
-function qm(e, t, n) {
+function eh(e, t, n) {
   const o = new Set(pr(t)), i = (r) => {
     if (Array.isArray(r)) {
       const u = r.map(i);
@@ -5038,7 +5046,7 @@ function va(e, t) {
     const o = ta(n, e.authoringTemplate);
     return o.readable ? {
       opened: !0,
-      subject: { document: t ? qm(o.document, t.profile, t.packages) : o.document }
+      subject: { document: t ? eh(o.document, t.profile, t.packages) : o.document }
     } : {
       opened: !1,
       problem: o.problem
@@ -5046,11 +5054,11 @@ function va(e, t) {
   }
   return {
     opened: !0,
-    subject: { document: Km(e) }
+    subject: { document: th(e) }
   };
 }
-function Km(e) {
-  return e.authoringTemplate !== void 0 ? tu(e.authoringTemplate, Yt(H.Stack, Xd, "Template")) : eu(Yt(H.Stack, Zd, "Screen"), e.screenTemplate);
+function th(e) {
+  return e.authoringTemplate !== void 0 ? cu(e.authoringTemplate, Yt(H.Stack, au, "Template")) : lu(Yt(H.Stack, su, "Screen"), e.screenTemplate);
 }
 var ba = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   className: "studio-screen-editor-palette-host",
@@ -5104,8 +5112,8 @@ var ba = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   } catch {
     return;
   }
-}, Vm = () => qt(() => typeof window < "u" ? window.localStorage : void 0);
-function Jm(e = Vm()) {
+}, nh = () => qt(() => typeof window < "u" ? window.localStorage : void 0);
+function oh(e = nh()) {
   return {
     read: (t) => e ? _i(qt(() => e.getItem(`${Qn}:${t}`)) ?? null) : void 0,
     write: (t, n) => {
@@ -5148,22 +5156,22 @@ function ka(e) {
 var $i = {
   width: 900,
   height: 640
-}, Qm = (e) => !!e && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0;
+}, ih = (e) => !!e && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0;
 function Sa(e) {
   return _o(sn[Ke.Desktop], e);
 }
-function Ym(e) {
+function rh(e) {
   return !!e && e.width === $i.width && e.height === $i.height;
 }
-function Xm(e, t) {
-  const n = Ym(e.saved) ? void 0 : e.saved;
-  return Zm([
+function ah(e, t) {
+  const n = rh(e.saved) ? void 0 : e.saved;
+  return sh([
     e.remembered,
     n,
     e.lastUsed
-  ].find(Qm) ?? Sa(t), t);
+  ].find(ih) ?? Sa(t), t);
 }
-function Zm(e, t) {
+function sh(e, t) {
   return {
     width: Math.round(Math.min(e.width, t.width)),
     height: Math.round(Math.min(e.height, t.height))
@@ -5179,7 +5187,7 @@ var Ca = ({ environment: e, children: t }) => {
     loader: e.richText,
     children: n
   }) : n;
-}, eh = ({ controls: e }) => /* @__PURE__ */ a("div", {
+}, lh = ({ controls: e }) => /* @__PURE__ */ a("div", {
   className: "studio-window-title-bar",
   role: "toolbar",
   children: /* @__PURE__ */ a("div", {
@@ -5187,18 +5195,18 @@ var Ca = ({ environment: e, children: t }) => {
     children: e
   })
 });
-function th(e, t) {
+function ch(e, t) {
   return Object.values(Ke).find((n) => {
     const o = _o(sn[n], t);
     return o.width === e.width && o.height === e.height;
   });
 }
-function nh(e) {
+function dh(e) {
   const t = ka(e);
   return Fs(t.width, t.height);
 }
-var oh = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) => {
-  const r = th(e, t), s = ka(e), l = nh(e), c = (u, d, p) => /* @__PURE__ */ a(xe, {
+var uh = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) => {
+  const r = ch(e, t), s = ka(e), l = dh(e), c = (u, d, p) => /* @__PURE__ */ a(xe, {
     icon: d,
     "aria-label": p,
     "aria-pressed": r === u,
@@ -5235,7 +5243,7 @@ var oh = ({ windowSize: e, available: t, strings: n, shell: o, onResize: i }) =>
     ]
   });
 };
-function ih(e, t) {
+function ph(e, t) {
   const n = e.bundles.filter((o) => o.manifest.kind === dt.Blueprint).map((o) => ({
     manifest: o.manifest,
     layouts: o.layouts,
@@ -5281,16 +5289,16 @@ function Na(e, t, n) {
     options: {
       profile: e.compositionProfile,
       catalog: e.packages,
-      templateLibrary: ih(e, t),
+      templateLibrary: ph(e, t),
       chrome: (o, i) => i === Js.FullPageShell ? {} : tl()
     }
   };
 }
-function rh(e, t) {
+function mh(e, t) {
   const { application: n, options: o } = Na(e, t, fo($o, "text", { text: "" }));
   return br(n, n.screens[0], o);
 }
-function ah(e, t) {
+function hh(e, t) {
   const { application: n, options: o } = Na(e, t, fo($o, "text", { text: "" })), i = n.screens[0];
   return {
     element: Zs(n, i, o).element,
@@ -5300,26 +5308,26 @@ function ah(e, t) {
 function Lo(e) {
   return e.screen ?? e.slice ?? e.dialog ?? "";
 }
-function sh(e) {
+function fh(e) {
   return e.kind !== ar.External && e.dialog === void 0 && Lo(e) !== "";
 }
-function lh(e, t) {
+function gh(e, t) {
   return fo("studio-shell-peek", "text", { text: t.replace("{name}", Lo(e)) });
 }
 var _e = /* @__PURE__ */ (function(e) {
   return e.Screen = "screen", e.ScreenTemplate = "screenTemplate", e.DialogTemplate = "dialogTemplate", e.TheShell = "theShell", e;
 })({});
-function ch(e, t, n) {
+function vh(e, t, n) {
   return t === void 0 ? _e.Screen : (e.dialogTemplates ?? []).some((o) => o.name === t) ? _e.DialogTemplate : t === n ? _e.TheShell : _e.ScreenTemplate;
 }
-var dh = (e) => e === _e.Screen || e === _e.ScreenTemplate, uh = (e) => e !== _e.TheShell, ph = "studio.screenEditor.showApplicationShell.v1", Yn = (e) => {
+var bh = (e) => e === _e.Screen || e === _e.ScreenTemplate, yh = (e) => e !== _e.TheShell, wh = "studio.screenEditor.showApplicationShell.v1", Yn = (e) => {
   try {
     return e();
   } catch {
     return;
   }
-}, mh = () => Yn(() => typeof window < "u" ? window.localStorage : void 0), Li = (e) => `${ph}:${e === _e.DialogTemplate ? "dialog" : "screen"}`;
-function hh(e = mh()) {
+}, kh = () => Yn(() => typeof window < "u" ? window.localStorage : void 0), Li = (e) => `${wh}:${e === _e.DialogTemplate ? "dialog" : "screen"}`;
+function Sh(e = kh()) {
   return {
     read: (t) => {
       const n = e ? Yn(() => e.getItem(Li(t))) : void 0;
@@ -5330,9 +5338,9 @@ function hh(e = mh()) {
     }
   };
 }
-var fh = () => {
+var Ch = () => {
 };
-function gh(e, t, n, o = vh) {
+function Nh(e, t, n, o = Th) {
   const { layouts: i, screenTemplates: r, dialogTemplates: s } = e, l = U(() => ({
     layouts: i,
     screenTemplates: r,
@@ -5341,11 +5349,11 @@ function gh(e, t, n, o = vh) {
     i,
     r,
     s
-  ]), c = U(() => rh(t, l).name, [t, l]), u = ch(e, n, c), [d, p] = j(() => o.read(u)), [h, f] = j();
+  ]), c = U(() => mh(t, l).name, [t, l]), u = vh(e, n, c), [d, p] = j(() => o.read(u)), [h, f] = j();
   ce(() => {
     p(o.read(u)), f(void 0);
   }, [o, u]);
-  const g = uh(u), m = g && (d ?? dh(u)), v = U(() => m ? ah(t, l) : void 0, [
+  const g = yh(u), m = g && (d ?? bh(u)), v = U(() => m ? hh(t, l) : void 0, [
     m,
     t,
     l
@@ -5357,7 +5365,7 @@ function gh(e, t, n, o = vh) {
     u,
     o
   ]), P = z((S) => {
-    sh(S) && f(S);
+    fh(S) && f(S);
   }, []), x = z(() => f(void 0), []);
   return {
     available: g,
@@ -5366,11 +5374,11 @@ function gh(e, t, n, o = vh) {
     frame: v,
     peeking: m ? h : void 0,
     peekingName: h ? Lo(h) : "",
-    navigate: m ? P : fh,
+    navigate: m ? P : Ch,
     back: x
   };
 }
-var vh = hh();
+var Th = Sh();
 function Bo(e) {
   return e === void 0 ? "" : e.isDark ? "cratis-theme cratis-dark" : "cratis-theme cratis-light";
 }
@@ -5409,7 +5417,7 @@ var Xn = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ a("div", {
     if (typeof o == "string" && o.length > 0) return o;
   }
 };
-function bh({ kind: e, tag: t, element: n, slots: o, message: i }) {
+function Ih({ kind: e, tag: t, element: n, slots: o, message: i }) {
   const r = o.content ?? [], s = et(n, "header", "title", "summary") ?? n.name ?? n.componentName, l = et(n, "message", "detail", "text", "label"), c = () => {
     switch (e) {
       case se.Toast:
@@ -5487,7 +5495,7 @@ function bh({ kind: e, tag: t, element: n, slots: o, message: i }) {
     }), c()]
   });
 }
-var Ia = us(void 0), yh = () => {
+var Ia = us(void 0), Ph = () => {
   const e = ps(Ia);
   return e ? /* @__PURE__ */ b("span", {
     className: "studio-design-logo",
@@ -5504,7 +5512,7 @@ var Ia = us(void 0), yh = () => {
 }, Tn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200"><rect width="320" height="200" fill="hsl(${e} 40% 40%)"/></svg>`)}`, Bi = [{
   label: "Documents",
   children: ["Work", "Home"]
-}], wh = [
+}], xh = [
   "New",
   "Open",
   { separator: !0 },
@@ -5758,7 +5766,7 @@ var Ia = us(void 0), yh = () => {
     text: "Tooltip",
     label: "Hover me"
   },
-  menu: { items: wh },
+  menu: { items: xh },
   menubar: { items: [{
     label: "File",
     items: ["New", "Open"]
@@ -6000,15 +6008,15 @@ function xa(e, t, n) {
   for (const [s, l] of Object.entries(i)) l !== void 0 && (r[s] = l);
   return r;
 }
-function kh(e, t, n) {
+function Oh(e, t, n) {
   const o = Uo(e, t);
   return o ? Object.keys(o).filter((i) => n?.[i] === void 0) : [];
 }
-var Sh = (e) => {
+var Dh = (e) => {
   const { width: t, height: n } = e.getBoundingClientRect();
   return t > 0 && n > 0;
-}, Zn = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => Sh(t) || getComputedStyle(t).display === "contents" && Zn(t)), Ch = 150;
-function Nh(e, t) {
+}, Zn = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => Dh(t) || getComputedStyle(t).display === "contents" && Zn(t)), Rh = 150;
+function Fh(e, t) {
   const [n, o] = j(!0), i = V(!0);
   return Se(() => {
     const r = e.current;
@@ -6018,7 +6026,7 @@ function Nh(e, t) {
     };
     let l;
     const c = () => {
-      clearTimeout(l), Zn(r) ? s(!0) : l = setTimeout(() => s(Zn(r)), Ch);
+      clearTimeout(l), Zn(r) ? s(!0) : l = setTimeout(() => s(Zn(r)), Rh);
     }, u = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(c), d = () => {
       u?.disconnect(), Array.from(r.children).forEach((h) => u?.observe(h));
     }, p = new MutationObserver(() => {
@@ -6029,16 +6037,16 @@ function Nh(e, t) {
     };
   }, [e, t]), n;
 }
-var Th = ({ element: e }) => e.name || e.componentName, Ih = (e, t) => {
+var Eh = ({ element: e }) => e.name || e.componentName, Mh = (e, t) => {
   const n = V(e), o = V(0);
   return n.current !== e && (n.current = e, t && (o.current += 1)), o.current;
 };
-function Ph(e, t, n, o) {
+function Ah(e, t, n, o) {
   const i = (r) => {
     const s = V(null), l = U(() => ({
       ...r.element,
       properties: xa(e, r.element.componentName, r.element.properties)
-    }), [r.element]), c = U(() => kh(e, r.element.componentName, r.element.properties), [r.element]), u = Pa.has(bt(r.element.componentName)), d = e.startsWith(`${vr}:`), p = d ? void 0 : Ta[bt(r.element.componentName)], h = d && bt(r.element.componentName) === "topbar", [f, g] = j(), m = Nh(s, r.element), v = Th(r), w = Ih(r.element, f !== void 0);
+    }), [r.element]), c = U(() => Oh(e, r.element.componentName, r.element.properties), [r.element]), u = Pa.has(bt(r.element.componentName)), d = e.startsWith(`${vr}:`), p = d ? void 0 : Ta[bt(r.element.componentName)], h = d && bt(r.element.componentName) === "topbar", [f, g] = j(), m = Fh(s, r.element), v = Eh(r), w = Mh(r.element, f !== void 0);
     return /* @__PURE__ */ b("span", {
       ref: s,
       "data-studio-element": r.element.id,
@@ -6052,7 +6060,7 @@ function Ph(e, t, n, o) {
           tone: Kt.Failed,
           text: n.failedToDraw(v, f ?? "")
         }),
-        children: p ? /* @__PURE__ */ a(bh, {
+        children: p ? /* @__PURE__ */ a(Ih, {
           kind: p,
           tag: n.overlay(v),
           element: l,
@@ -6060,7 +6068,7 @@ function Ph(e, t, n, o) {
           message: o
         }) : h ? /* @__PURE__ */ b("div", {
           className: "studio-design-topbar",
-          children: [/* @__PURE__ */ a(yh, {}), wt(t, {
+          children: [/* @__PURE__ */ a(Ph, {}), wt(t, {
             ...r,
             element: l
           })]
@@ -6077,14 +6085,14 @@ function Ph(e, t, n, o) {
   };
   return i.displayName = `DesignTime(${t.displayName ?? t.name ?? "Component"})`, i;
 }
-function xh(e, t) {
-  const n = Object.fromEntries(Object.entries(e).map(([i, r]) => [i, Ph(i, r, t, e["PrimeReact:message"])])), o = {};
+function _h(e, t) {
+  const n = Object.fromEntries(Object.entries(e).map(([i, r]) => [i, Ah(i, r, t, e["PrimeReact:message"])])), o = {};
   return new Proxy(n, { get: (i, r) => {
     if (typeof r == "string")
-      return i[r] ?? (o[r] ??= Oh(t));
+      return i[r] ?? (o[r] ??= $h(t));
   } });
 }
-var Oh = (e) => ({ element: t }) => wt("span", {
+var $h = (e) => ({ element: t }) => wt("span", {
   "data-studio-element": t.id,
   style: { display: "contents" }
 }, wt(Xn, {
@@ -6093,7 +6101,7 @@ var Oh = (e) => ({ element: t }) => wt("span", {
   text: e.unavailable(t.name || t.componentName)
 })), Te = /* @__PURE__ */ (function(e) {
   return e.Container = "container", e.Between = "between", e;
-})({}), Dh = ({ feedback: e, deniedText: t }) => {
+})({}), Lh = ({ feedback: e, deniedText: t }) => {
   if (e.denied || !e.drop) return /* @__PURE__ */ a("div", {
     className: "studio-screen-surface__denied",
     "data-studio-drop-state": "denied",
@@ -6110,10 +6118,10 @@ var Oh = (e) => ({ element: t }) => wt("span", {
     "data-empty": n.region.isEmptyContainer,
     style: n.rect
   })] });
-}, Rh = (e) => e.width > 0 && e.height > 0;
+}, Bh = (e) => e.width > 0 && e.height > 0;
 function Oa(e) {
   const t = e.getBoundingClientRect();
-  return Rh(t) ? [t] : Array.from(e.children).flatMap(Oa);
+  return Bh(t) ? [t] : Array.from(e.children).flatMap(Oa);
 }
 function Le(e, t, n) {
   const o = CSS.escape(t), i = [...Array.from(e.querySelectorAll(`[data-studio-element="${o}"]`)), ...Array.from(e.querySelectorAll(`[data-scene-id="${o}"]`))];
@@ -6133,7 +6141,7 @@ function Da(e, t) {
     height: s - i
   };
 }
-var Ra = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Fh = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && Ra(n.rect, t[o].rect)), Fa = Ra, Eh = ({ surface: e, markers: t }) => {
+var Ra = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, jh = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && Ra(n.rect, t[o].rect)), Fa = Ra, Uh = ({ surface: e, markers: t }) => {
   const [n, o] = j([]);
   return Se(() => {
     const i = e.current;
@@ -6145,7 +6153,7 @@ var Ra = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top
         rect: c
       }] : [];
     });
-    o((l) => Mh(l, s) ? l : s);
+    o((l) => Wh(l, s) ? l : s);
   }), /* @__PURE__ */ a(le, { children: n.map((i) => /* @__PURE__ */ a("div", {
     className: "studio-screen-surface__binding-source",
     "data-binding-source": i.componentId,
@@ -6156,29 +6164,29 @@ var Ra = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top
     })
   }, `${i.componentId}:${i.label}`)) });
 };
-function Mh(e, t) {
+function Wh(e, t) {
   return e.length === t.length && e.every((n, o) => {
     const i = t[o];
     return n.componentId === i.componentId && n.label === i.label && Fa(n.rect, i.rect);
   });
 }
-function Ah(e, t) {
+function zh(e, t) {
   return e ? Object.entries(e.inputs).flatMap(([n, o]) => {
-    const i = Ru(o);
+    const i = Bu(o);
     return i ? [{
       componentId: i,
       label: `${n} ← ${t.find((r) => r.path === o)?.label ?? o}`
     }] : [];
   }) : [];
 }
-function _h(e, t) {
+function Hh(e, t) {
   const { selectedId: n, document: o, composition: i, context: r } = e;
   return U(() => {
     if (!n) return [];
     const s = ze(i.roots, n), l = na(s?.properties);
     if (!l) return [];
     const c = tr(o, i.roots, r, t.availableSources, t.queryCandidates);
-    return Ah(l, Vr(c.dataContextPaths, c.componentOutputs, n));
+    return zh(l, Vr(c.dataContextPaths, c.componentOutputs, n));
   }, [
     n,
     o,
@@ -6188,7 +6196,7 @@ function _h(e, t) {
     t.queryCandidates
   ]);
 }
-function $h(e, t, n, o, i) {
+function Gh(e, t, n, o, i) {
   const r = Ne(e, n, t);
   if (r)
     return {
@@ -6199,17 +6207,17 @@ function $h(e, t, n, o, i) {
 }
 var Ge = /* @__PURE__ */ (function(e) {
   return e.Horizontal = "horizontal", e.Vertical = "vertical", e.None = "none", e;
-})({}), $t = ({ width: e, height: t }) => e * t, Lh = (e, t, n) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height, Bh = (e, t, n, o) => {
+})({}), $t = ({ width: e, height: t }) => e * t, qh = (e, t, n) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height, Kh = (e, t, n, o) => {
   const i = Math.min(o, e.width / 4), r = Math.min(o, e.height / 4);
   return t - e.left < i || e.left + e.width - t < i || n - e.top < r || e.top + e.height - n < r;
 }, ji = ({ region: e, rect: t }, n, o) => e.axis === Ge.Vertical ? Math.abs(n - (t.left + t.width / 2)) : Math.abs(o - (t.top + t.height / 2));
-function jh(e, t, n, o = 6) {
+function Vh(e, t, n, o = 6) {
   const i = e.filter((u) => u.region.kind === Te.Container);
   if (i.length === 0) return;
   const r = i.map((u, d) => ({
     placed: u,
     order: d
-  })).filter(({ placed: u }) => Lh(u.rect, t, n)).sort((u, d) => $t(u.placed.rect) - $t(d.placed.rect) || d.order - u.order).map(({ placed: u }) => u), s = r[0], l = s && r.length > 1 && Bh(s.rect, t, n, o) ? r[1] : s ?? [...i].sort((u, d) => $t(d.rect) - $t(u.rect))[0], c = e.filter((u) => u.region.kind === Te.Between && u.region.containerId === l.region.containerId);
+  })).filter(({ placed: u }) => qh(u.rect, t, n)).sort((u, d) => $t(u.placed.rect) - $t(d.placed.rect) || d.order - u.order).map(({ placed: u }) => u), s = r[0], l = s && r.length > 1 && Kh(s.rect, t, n, o) ? r[1] : s ?? [...i].sort((u, d) => $t(d.rect) - $t(u.rect))[0], c = e.filter((u) => u.region.kind === Te.Between && u.region.containerId === l.region.containerId);
   return l.region.isEmptyContainer || c.length === 0 ? {
     target: l,
     container: l.rect
@@ -6218,8 +6226,8 @@ function jh(e, t, n, o = 6) {
     container: l.rect
   };
 }
-var Uh = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, Wh = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && Uh(e.drop?.target.rect, t.drop?.target.rect);
-function zh(e, t, n) {
+var Jh = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, Qh = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && Jh(e.drop?.target.rect, t.drop?.target.rect);
+function Yh(e, t, n) {
   const [o, i] = j(), r = V(void 0);
   r.current = o;
   const [s, l] = j(), c = V(0), u = V(void 0), d = z(() => {
@@ -6239,7 +6247,7 @@ function zh(e, t, n) {
     const y = u.current, { region: N } = k.target;
     if (!y || !N.containerId) return;
     const A = N.kind === Te.Container ? g(N.containerId) : N.index;
-    return $h(n.composition.roots, n.adapter, y, N.containerId, A);
+    return Gh(n.composition.roots, n.adapter, y, N.containerId, A);
   }, g = (k) => {
     const y = [...n.composition.roots];
     for (; y.length > 0; ) {
@@ -6249,7 +6257,7 @@ function zh(e, t, n) {
     }
     return 0;
   }, m = (k) => {
-    const y = e.current.getBoundingClientRect(), N = jh(t(), k.clientX - y.left, k.clientY - y.top), A = k.target.closest("[data-scene-id], [data-studio-element]"), T = A?.dataset.sceneId ?? A?.dataset.studioElement, C = !!T && n.ownershipOf(T) !== ie.Local;
+    const y = e.current.getBoundingClientRect(), N = Vh(t(), k.clientX - y.left, k.clientY - y.top), A = k.target.closest("[data-scene-id], [data-studio-element]"), T = A?.dataset.sceneId ?? A?.dataset.studioElement, C = !!T && n.ownershipOf(T) !== ie.Local;
     if (!N || C) return { denied: !0 };
     if (Jn(k)) {
       const _ = f(N), L = _ ? n.validateMove(_) : oe.NodeNotFound;
@@ -6278,14 +6286,14 @@ function zh(e, t, n) {
       onDragOver: (k) => {
         if (!At(k) || (k.preventDefault(), p.current)) return;
         const y = m(k);
-        k.dataTransfer.dropEffect = y.denied ? "none" : Jn(k) ? "move" : "copy", i((N) => Wh(N, y) ? N : y);
+        k.dataTransfer.dropEffect = y.denied ? "none" : Jn(k) ? "move" : "copy", i((N) => Qh(N, y) ? N : y);
       },
       onDragLeave: (k) => {
         At(k) && (c.current = Math.max(0, c.current - 1), c.current === 0 && i(void 0));
       },
       onDrop: (k) => {
         if (!At(k)) return;
-        const y = _m(k), N = $m(k), { drop: A, denied: T } = m(k), C = A && y ? f(A) : void 0, _ = p.current;
+        const y = Hm(k), N = Gm(k), { drop: A, denied: T } = m(k), C = A && y ? f(A) : void 0, _ = p.current;
         if (k.preventDefault(), d(), p.current = !1, _ || T || !A) return;
         if (y) {
           C && n.move(C, v(k, A));
@@ -6299,7 +6307,7 @@ function zh(e, t, n) {
   };
 }
 var nt = 3;
-function Hh(e, t, n) {
+function Xh(e, t, n) {
   const o = e.containerId === null ? t : n(e.containerId);
   if (!o) return;
   if (e.kind === Te.Container) return o;
@@ -6320,7 +6328,7 @@ function Hh(e, t, n) {
     height: o.height
   };
 }
-function Gh(e, t, n) {
+function Zh(e, t, n) {
   const [o, i] = j([]), [r, s] = j(), l = V([]), c = z(() => {
     const d = e.current;
     if (!d) return [];
@@ -6331,7 +6339,7 @@ function Gh(e, t, n) {
       height: p.height
     };
     return t.flatMap((g) => {
-      const m = Hh(g, f, h);
+      const m = Xh(g, f, h);
       return m ? [{
         region: g,
         rect: m
@@ -6341,7 +6349,7 @@ function Gh(e, t, n) {
     const d = e.current;
     if (!d) return;
     const p = c();
-    l.current = p, i((f) => Fh(f, p) ? f : p);
+    l.current = p, i((f) => jh(f, p) ? f : p);
     const h = n ? Le(d, n, d.getBoundingClientRect()) : void 0;
     s((f) => Fa(f, h) ? f : h);
   }, [
@@ -6380,7 +6388,7 @@ function Gh(e, t, n) {
 var We = /* @__PURE__ */ (function(e) {
   return e.NotShell = "notShell", e.Navigate = "navigate", e.Ignore = "ignore", e;
 })({});
-function qh(e, t) {
+function ef(e, t) {
   if (!t) return We.NotShell;
   const n = e;
   return !n || typeof n.closest != "function" || n.closest('[data-scene-id="composition"], [data-studio-element="composition"]') ? We.NotShell : n.closest("[data-scene-nav-item], [data-target-screen]") ? We.Navigate : We.Ignore;
@@ -6392,8 +6400,8 @@ var Ui = [
   "mouseup",
   "click",
   "dblclick"
-], Kh = "[data-scene-id], [data-studio-element], [data-studio-placeholder-for]";
-function Vh(e, t, n = 0) {
+], tf = "[data-scene-id], [data-studio-element], [data-studio-placeholder-for]";
+function nf(e, t, n = 0) {
   const o = tn(t);
   return {
     select: e === "pointerdown" && n === 0 || e === "click",
@@ -6401,16 +6409,16 @@ function Vh(e, t, n = 0) {
     cancelDefault: !o && e === "click"
   };
 }
-function Jh(e) {
-  const t = e, n = t && typeof t.closest == "function" ? t.closest(Kh) : null;
+function of(e) {
+  const t = e, n = t && typeof t.closest == "function" ? t.closest(tf) : null;
   return n?.dataset.sceneId ?? n?.dataset.studioElement ?? n?.dataset.studioPlaceholderFor;
 }
-var Qh = "[data-scene-item], [data-scene-nav-item]";
-function Yh(e) {
-  const t = e, n = t && typeof t.closest == "function" ? t.closest(Qh) : null;
+var rf = "[data-scene-item], [data-scene-nav-item]";
+function af(e) {
+  const t = e, n = t && typeof t.closest == "function" ? t.closest(rf) : null;
   return n?.dataset.sceneItem ?? n?.dataset.sceneNavItem;
 }
-function Xh(e, t, n = !1) {
+function sf(e, t, n = !1) {
   const o = V(t);
   o.current = t;
   const i = V(n);
@@ -6420,14 +6428,14 @@ function Xh(e, t, n = !1) {
     const s = (l) => {
       const c = l.target;
       if (c?.closest?.(".studio-screen-surface__chrome")) return;
-      const u = qh(c, i.current);
+      const u = ef(c, i.current);
       if (u === We.Navigate) return;
       if (u === We.Ignore) {
         l.type === "click" && l.preventDefault(), l.stopPropagation();
         return;
       }
-      const d = Vh(l.type, c, l.button);
-      d.select && (tn(c) || r.focus({ preventScroll: !0 }), o.current(Jh(c), Yh(c))), d.cancelDefault && l.preventDefault(), d.swallow && l.stopPropagation();
+      const d = nf(l.type, c, l.button);
+      d.select && (tn(c) || r.focus({ preventScroll: !0 }), o.current(of(c), af(c))), d.cancelDefault && l.preventDefault(), d.swallow && l.stopPropagation();
     };
     for (const l of Ui) r.addEventListener(l, s, !0);
     return () => {
@@ -6435,7 +6443,7 @@ function Xh(e, t, n = !1) {
     };
   }, [e]);
 }
-var Wi = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])', zi = 440, Zh = ({ registry: e, property: t, context: n, componentId: o, anchor: i, opener: r, bounds: s, title: l, strings: c, onChange: u, onClose: d }) => {
+var Wi = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])', zi = 440, lf = ({ registry: e, property: t, context: n, componentId: o, anchor: i, opener: r, bounds: s, title: l, strings: c, onChange: u, onClose: d }) => {
   const p = V(null);
   ce(() => ((p.current?.querySelector(Wi) ?? p.current)?.focus({ preventScroll: !0 }), () => {
     r.isConnected && r.focus({ preventScroll: !0 });
@@ -6484,7 +6492,7 @@ var Wi = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disab
     })
   });
 };
-function ef({ anchor: e, bounds: t, size: n, prefer: o, gap: i = 6 }) {
+function cf({ anchor: e, bounds: t, size: n, prefer: o, gap: i = 6 }) {
   const r = e.top - i - n.height, s = e.top + e.height + i, l = r >= t.top, c = s + n.height <= t.top + t.height, u = o === "above" ? l || !c ? "above" : "below" : c || !l ? "below" : "above", d = u === "above" ? r : s, p = Math.max(t.top, Math.min(d, t.top + t.height - n.height));
   return {
     left: Math.max(t.left, Math.min(e.left, t.left + t.width - n.width)),
@@ -6497,23 +6505,23 @@ var Hi = [
   $.slot,
   $.slice,
   $.emphasis
-], tf = [
+], df = [
   $.moveEarlier,
   $.moveLater,
   $.addSubItem,
   $.duplicate,
   $.delete
-], nf = {
+], uf = {
   [$.target]: /* @__PURE__ */ a(fc, { "aria-hidden": "true" }),
   [$.slot]: /* @__PURE__ */ a(gc, { "aria-hidden": "true" }),
   [$.slice]: /* @__PURE__ */ a(yc, { "aria-hidden": "true" })
-}, of = {
+}, pf = {
   [$.moveEarlier]: /* @__PURE__ */ a(uc, { "aria-hidden": "true" }),
   [$.moveLater]: /* @__PURE__ */ a(pc, { "aria-hidden": "true" }),
   [$.addSubItem]: /* @__PURE__ */ a(hc, { "aria-hidden": "true" }),
   [$.duplicate]: /* @__PURE__ */ a(mc, { "aria-hidden": "true" }),
   [$.delete]: /* @__PURE__ */ a(bc, { "aria-hidden": "true" })
-}, rf = ({ 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: h }) => {
+}, mf = ({ 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: h }) => {
   const f = V(null), g = V(null), [m, v] = j({
     width: 380,
     height: 100
@@ -6529,7 +6537,7 @@ var Hi = [
       height: R.height
     });
   });
-  const C = e.source.kind === "elements" ? "above" : "below", _ = ef({
+  const C = e.source.kind === "elements" ? "above" : "below", _ = cf({
     anchor: n,
     bounds: o,
     size: m,
@@ -6594,7 +6602,7 @@ var Hi = [
       "data-roving": R,
       tabIndex: x === R ? 0 : -1
     };
-  }, ue = k.filter((R) => Hi.includes(R.id) && Ft(R, t).visible), Ie = tf.flatMap((R) => k.filter((ee) => ee.id === R)).filter((R) => Ft(R, t).visible);
+  }, ue = k.filter((R) => Hi.includes(R.id) && Ft(R, t).visible), Ie = df.flatMap((R) => k.filter((ee) => ee.id === R)).filter((R) => Ft(R, t).visible);
   return /* @__PURE__ */ b("div", {
     ...ne,
     children: [
@@ -6625,7 +6633,7 @@ var Hi = [
           "aria-haspopup": "dialog",
           ...me(),
           onClick: (ee) => u(R.id, ee.currentTarget),
-          children: [nf[R.id], /* @__PURE__ */ a("span", { children: s(R.id, t) })]
+          children: [uf[R.id], /* @__PURE__ */ a("span", { children: s(R.id, t) })]
         }, R.id))
       }),
       ue.length > 0 && Ie.length > 0 && /* @__PURE__ */ a("span", {
@@ -6645,20 +6653,20 @@ var Hi = [
             disabled: !ee.enabled,
             ...me(),
             onClick: () => c(R.id),
-            children: of[R.id]
+            children: pf[R.id]
           }, R.id);
         })
       })
     ]
   });
-}, af = (e) => {
+}, hf = (e) => {
   const t = CSS.escape(e);
   return [
     `[data-scene-nav-item="${t}"] > [data-scene-nav-link]`,
     `[data-scene-nav-item="${t}"]`,
     `[data-scene-item="${t}"]`
   ];
-}, Pn = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, sf = (e, t) => Pn(e.surface, t.surface) && Pn(e.component, t.component) && Object.keys(t.items).length === Object.keys(e.items).length && Object.entries(t.items).every(([n, o]) => Pn(e.items[n], o));
+}, Pn = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, ff = (e, t) => Pn(e.surface, t.surface) && Pn(e.component, t.component) && Object.keys(t.items).length === Object.keys(e.items).length && Object.entries(t.items).every(([n, o]) => Pn(e.items[n], o));
 function eo(e, t, n) {
   const [o, i] = j(), r = z(() => {
     const s = e.current, l = s ? t(s, s.getBoundingClientRect()) : void 0;
@@ -6698,12 +6706,12 @@ function eo(e, t, n) {
     };
   }, [e, r]), o;
 }
-function lf(e, t) {
+function gf(e, t) {
   return eo(e, z((n, o) => {
     if (!t) return;
     const i = Le(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) {
-      const c = Le(n, l.id, o) ?? (r ? af(l.id).map((u) => r.querySelector(u)).flatMap((u) => u ? [Da(u, o)] : []).find((u) => u !== void 0) : void 0);
+      const c = Le(n, l.id, o) ?? (r ? hf(l.id).map((u) => r.querySelector(u)).flatMap((u) => u ? [Da(u, o)] : []).find((u) => u !== void 0) : void 0);
       c && (s[l.id] = c);
     }
     return {
@@ -6716,10 +6724,10 @@ function lf(e, t) {
       component: i,
       items: s
     };
-  }, [t]), sf);
+  }, [t]), ff);
 }
-var xn = 34, cf = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
-  const { subject: s } = t, l = lf(e, s), [c, u] = j(), d = o.propertyEditors?.registry ?? nn, p = U(() => So(o.availableSources), [o.availableSources]), h = z((I) => {
+var xn = 34, vf = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
+  const { subject: s } = t, l = gf(e, s), [c, u] = j(), d = o.propertyEditors?.registry ?? nn, p = U(() => So(o.availableSources), [o.availableSources]), h = z((I) => {
     if (typeof I != "string" || I === "") return;
     const F = o.propertyEditors?.slices?.find((q) => q.id === I) ?? o.stateChangeSlices.find((q) => q.id === I), M = I.split(".");
     return F?.name ?? M[M.length - 1];
@@ -6786,7 +6794,7 @@ var xn = 34, cf = ({ surface: e, state: t, controller: n, environment: o, editor
       onClick: () => t.add(P.id),
       children: /* @__PURE__ */ a(vc, { "aria-hidden": "true" })
     }),
-    v && D && /* @__PURE__ */ a(rf, {
+    v && D && /* @__PURE__ */ a(mf, {
       subject: s,
       item: v,
       anchor: D,
@@ -6805,12 +6813,12 @@ var xn = 34, cf = ({ surface: e, state: t, controller: n, environment: o, editor
       onReadOnlyAction: (I) => t.perform(I.plan()),
       onLeave: () => e.current?.focus({ preventScroll: !0 })
     }, v.id),
-    T && c && D && /* @__PURE__ */ a(Zh, {
+    T && c && D && /* @__PURE__ */ a(lf, {
       registry: d,
       property: T.property,
       context: _(),
       componentId: v.id,
-      anchor: df(e, c.opener),
+      anchor: bf(e, c.opener),
       opener: c.opener,
       bounds: l.surface,
       title: s.mode.itemToolbar.find((I) => I.id === c.actionId)?.title ?? c.actionId,
@@ -6841,7 +6849,7 @@ var xn = 34, cf = ({ surface: e, state: t, controller: n, environment: o, editor
     })
   ] });
 };
-function df(e, t) {
+function bf(e, t) {
   const n = e.current?.getBoundingClientRect(), o = t.getBoundingClientRect();
   return {
     left: o.left - (n?.left ?? 0),
@@ -6861,14 +6869,14 @@ function Ea(e, t) {
     }] : [], ...Ea(Xt(n), t)];
   });
 }
-var uf = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, qi = "content", pf = (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), mf = ({ surface: e, controller: t, strings: n }) => {
-  const o = eo(e, z((f, g) => Le(f, "composition", g), []), uf), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = U(() => Ea(i.roots, r.catalog), [i.roots, r.catalog]), p = z((f, g) => d.flatMap((m) => {
+var yf = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, qi = "content", wf = (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), kf = ({ surface: e, controller: t, strings: n }) => {
+  const o = eo(e, z((f, g) => Le(f, "composition", g), []), yf), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = U(() => Ea(i.roots, r.catalog), [i.roots, r.catalog]), p = z((f, g) => d.flatMap((m) => {
     const v = Le(f, m.id, g);
     return v ? [{
       ...m,
       rect: v
     }] : [];
-  }), [d]), h = eo(e, p, pf);
+  }), [d]), h = eo(e, p, wf);
   return /* @__PURE__ */ b(le, { children: [o && /* @__PURE__ */ a("div", {
     className: "studio-design-slot",
     "data-slot": qi,
@@ -6922,9 +6930,9 @@ var uf = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
       })
     }, f);
   })] });
-}, hf = sl(), Lt = () => {
+}, Sf = sl(), Lt = () => {
   throw new Error("The screen is being designed; it does not navigate.");
-}, ff = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
+}, Cf = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
   const l = U(() => new Zt(e), [e]), c = U(() => ({
     structure: l,
     navigation: t
@@ -6958,7 +6966,7 @@ var uf = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     children: /* @__PURE__ */ a(il, {
       model: c,
       children: /* @__PURE__ */ a(al, {
-        invoker: hf,
+        invoker: Sf,
         warnEmptySlices: !0,
         children: s
       })
@@ -6968,11 +6976,11 @@ var uf = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     value: p,
     children: g
   }) : g;
-}, gf = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', vf = (e) => {
+}, Nf = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', Tf = (e) => {
   const t = e;
-  return !!t && typeof t.closest == "function" && t.closest(gf) !== null;
+  return !!t && typeof t.closest == "function" && t.closest(Nf) !== null;
 };
-function bf(e, t, n) {
+function If(e, t, n) {
   const { subject: o } = t;
   if (!o) return !1;
   const i = tn(e.target), r = () => (e.preventDefault(), e.stopPropagation(), !0);
@@ -6980,7 +6988,7 @@ function bf(e, t, n) {
     return t.deselect(), r();
   const s = o.selected;
   if (!s || i || s.readOnly) return !1;
-  if (e.key === "Enter" && !e.altKey && !e.ctrlKey && !e.metaKey) return !vf(e.target) && n() ? r() : !1;
+  if (e.key === "Enter" && !e.altKey && !e.ctrlKey && !e.metaKey) return !Tf(e.target) && n() ? r() : !1;
   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)
@@ -7002,20 +7010,20 @@ function Ma(e, t, n) {
     ...l ? { slots: l } : {}
   } : e;
 }
-var yf = () => {
-}, wf = {
+var Pf = () => {
+}, xf = {
   button: "Button",
   item: "New item"
-}, kf = ({ controller: e, environment: t, resolveBinding: n = yf, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
-  const c = V(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: h, measureNow: f } = Gh(c, d, p), { feedback: g, draggedId: m, startMoving: v, endMoving: w, handlers: P } = zh(c, f, e), [x, S] = j(), k = _h(e, t), { document: y, context: N } = e, A = U(() => o ?? (y.instanceContributions.length > 0 ? mr(mo(y, N.scope), y.instanceContributions, N.catalog) : void 0), [
+}, Of = ({ controller: e, environment: t, resolveBinding: n = Pf, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
+  const c = V(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: h, measureNow: f } = Zh(c, d, p), { feedback: g, draggedId: m, startMoving: v, endMoving: w, handlers: P } = Yh(c, f, e), [x, S] = j(), k = Hh(e, t), { document: y, context: N } = e, A = U(() => o ?? (y.instanceContributions.length > 0 ? mr(mo(y, N.scope), y.instanceContributions, N.catalog) : void 0), [
     o,
     y,
     N
-  ]), T = r?.designMode ?? Oo, C = t.destinations[0], _ = U(() => C ? { screen: C.id } : void 0, [C]), L = pm({
+  ]), T = r?.designMode ?? Oo, C = t.destinations[0], _ = U(() => C ? { screen: C.id } : void 0, [C]), L = wm({
     controller: e,
     environment: t,
     strings: T,
-    startingLabels: wf,
+    startingLabels: xf,
     ..._ ? { startingDestination: _ } : {}
   });
   Se(() => {
@@ -7029,12 +7037,12 @@ var yf = () => {
       J.preventDefault(), l.back();
       return;
     }
-    bf(J, L, () => {
+    If(J, L, () => {
       const ae = c.current?.querySelector(".studio-design-toolbar__title");
       return ae?.focus({ preventScroll: !0 }), !!ae;
     }) || !ko(J) || !e.selectedId || !e.canRemove(e.selectedId) || (J.preventDefault(), e.remove(e.selectedId));
   }, I = !!e.selectedId && e.ownershipOf(e.selectedId) === ie.Local && e.canRemove(e.selectedId), F = e.selection && (e.selection.name || e.selection.componentName) || "";
-  Xh(c, (J, ae) => {
+  sf(c, (J, ae) => {
     e.select(J), L.pointItem(J, ae);
   }, l?.frame !== void 0);
   const { setMeasurer: M } = e;
@@ -7062,17 +7070,17 @@ var yf = () => {
     t.runtime.packages
   ]), ne = l?.peeking, ye = r?.shellPeeking(l?.peekingName ?? "") ?? "", me = U(() => {
     const J = l?.frame;
-    return J ? Ma(J.element, $o, ne ? lh(ne, ye) : q) : q;
+    return J ? Ma(J.element, $o, ne ? gh(ne, ye) : q) : q;
   }, [
     l?.frame,
     q,
     ne,
     ye
-  ]), ue = U(() => xh(t.runtime.registry, i), [t.runtime.registry, i]), Ie = U(() => jo(t.runtime), [t.runtime]), R = U(() => /* @__PURE__ */ a(yr, {
+  ]), ue = U(() => _h(t.runtime.registry, i), [t.runtime.registry, i]), Ie = U(() => jo(t.runtime), [t.runtime]), R = U(() => /* @__PURE__ */ a(yr, {
     registry: t.runtime.iconAdapters,
     children: /* @__PURE__ */ a(fr, {
       storage: null,
-      children: /* @__PURE__ */ a(ff, {
+      children: /* @__PURE__ */ a(Cf, {
         structure: e.structure,
         navigation: e.navigation,
         module: e.navigationModule,
@@ -7133,25 +7141,25 @@ var yf = () => {
             "aria-hidden": "true",
             title: i.moveHandle(F),
             onDragStart: (J) => {
-              v(e.selectedId), Am(J, e.selectedId, F);
+              v(e.selectedId), zm(J, e.selectedId, F);
             },
             onDragEnd: w,
             children: /* @__PURE__ */ a(Al, { "aria-hidden": "true" })
           }),
-          g && /* @__PURE__ */ a(Dh, {
+          g && /* @__PURE__ */ a(Lh, {
             feedback: g,
             deniedText: i.dropDenied
           }),
-          /* @__PURE__ */ a(Eh, {
+          /* @__PURE__ */ a(Uh, {
             surface: c,
             markers: k
           }),
-          /* @__PURE__ */ a(mf, {
+          /* @__PURE__ */ a(kf, {
             surface: c,
             controller: e,
             strings: T
           }),
-          r && /* @__PURE__ */ a(cf, {
+          r && /* @__PURE__ */ a(vf, {
             surface: c,
             state: L,
             controller: e,
@@ -7170,14 +7178,14 @@ var yf = () => {
     })
   });
 }, Ki = 40, Aa = ({ controller: e, environment: t, strings: n, window: o, authoringTemplate: i, deviceFrame: r = !1, saveFailure: s, onSave: l, isSaving: c = !1, onPreview: u }) => {
-  const d = gh(e.document, t.runtime, i), p = !!e.selectedId && e.canRemove(e.selectedId), h = /* @__PURE__ */ b(le, { children: [
+  const d = Nh(e.document, t.runtime, i), p = !!e.selectedId && e.canRemove(e.selectedId), h = /* @__PURE__ */ b(le, { children: [
     /* @__PURE__ */ a("span", {
       className: "studio-screen-editor-window__state",
       role: "status",
       "data-dirty": e.isDirty ? "" : void 0,
       children: e.isDirty ? n.unsavedChanges : n.allChangesSaved
     }),
-    /* @__PURE__ */ a(oh, {
+    /* @__PURE__ */ a(uh, {
       windowSize: o.size,
       available: o.available,
       strings: n,
@@ -7247,7 +7255,7 @@ var yf = () => {
     role: "group",
     "aria-label": n.windowLabel,
     children: [
-      /* @__PURE__ */ a(eh, { controls: h }),
+      /* @__PURE__ */ a(lh, { controls: h }),
       s && /* @__PURE__ */ b("p", {
         className: "studio-screen-editor-window__notice",
         role: "alert",
@@ -7274,7 +7282,7 @@ var yf = () => {
               onClick: d.back,
               children: n.shellPeekBack
             })]
-          }), /* @__PURE__ */ a(kf, {
+          }), /* @__PURE__ */ a(Of, {
             controller: e,
             environment: t,
             resolveBinding: () => {
@@ -7289,7 +7297,7 @@ var yf = () => {
     ]
   });
 };
-function Sf(e, t, n) {
+function Df(e, t, n) {
   const o = e.screens.find((l) => l.name === be);
   if (!o || o.screenTemplate === t?.name) return e;
   const i = o.screenTemplate, r = e.screens.map((l) => {
@@ -7300,14 +7308,14 @@ function Sf(e, t, n) {
       screenTemplate: t.name
     } : u;
   });
-  let s = e.screenTemplates.filter((l) => !Cf(l, i, r, n));
+  let s = e.screenTemplates.filter((l) => !Rf(l, i, r, n));
   return t && !s.some((l) => l.name === t.name) && (s = [...s, globalThis.structuredClone(t)]), {
     ...e,
     screens: r,
     screenTemplates: s
   };
 }
-function Cf(e, t, n, o) {
+function Rf(e, t, n, o) {
   if (e.name !== t || n.some((r) => r.screenTemplate === t)) return !1;
   const i = o.find((r) => r.name === t);
   return i !== void 0 && JSON.stringify(i) === JSON.stringify(e);
@@ -7343,14 +7351,14 @@ function La(e) {
     top: o
   } : void 0;
 }
-function Nf(e) {
+function Ff(e) {
   const { [Je]: t, [Qe]: n, ...o } = e.properties ?? {};
   return {
     ...e,
     properties: o
   };
 }
-function Tf(e) {
+function Ef(e) {
   if (e.targetParentId !== null)
     return {
       kind: Y.MoveNode,
@@ -7367,7 +7375,7 @@ function Ba(e, t, n) {
     element: n
   };
 }
-function If(e) {
+function Mf(e) {
   return {
     kind: Y.RemoveNode,
     nodeId: re(e)
@@ -7381,18 +7389,18 @@ var ja = (e, t) => (e?.children ?? []).map((n) => {
     bottom: o?.bottom
   };
 });
-function Pf(e, t, n, o) {
+function Af(e, t, n, o) {
   const i = ze(e, t.nodeId);
   if (!i || t.targetParentId === null) return;
   const r = oo(e, t.nodeId), s = ze(e, t.targetParentId), l = !!r && ut(r), c = !!s && ut(s);
   if (!l && !c) return;
-  const u = l && c && r.id === t.targetParentId, d = u ? r.children.findIndex((h) => h.id === t.nodeId) : t.index, p = c ? $a(i, n ?? (u ? La(i) : void 0) ?? _a(ja(s, o))) : Nf(i);
+  const u = l && c && r.id === t.targetParentId, d = u ? r.children.findIndex((h) => h.id === t.nodeId) : t.index, p = c ? $a(i, n ?? (u ? La(i) : void 0) ?? _a(ja(s, o))) : Ff(i);
   return [{
     kind: Y.RemoveNode,
     nodeId: re(t.nodeId)
   }, Ba(t.targetParentId, d, p)];
 }
-function xf(e) {
+function _f(e) {
   switch (e) {
     case Q.Row:
     case Q.Wrap:
@@ -7407,7 +7415,7 @@ function xf(e) {
   }
 }
 function Vi(e, t, n, o) {
-  const i = e ?? "screen", r = xf(n), s = {
+  const i = e ?? "screen", r = _f(n), s = {
     id: `${i}:container`,
     kind: Te.Container,
     containerId: e,
@@ -7426,7 +7434,7 @@ function Vi(e, t, n, o) {
     ...c < t.length ? { beforeId: o.idOf(t[c]) } : {}
   }))];
 }
-function Of(e, t, n) {
+function $f(e, t, n) {
   const o = (i) => i.flatMap((r) => {
     if (!n.acceptsChildren(r)) return [];
     const s = n.childrenOf(r);
@@ -7434,7 +7442,7 @@ function Of(e, t, n) {
   });
   return [...Vi(null, e, t, n), ...o(e)];
 }
-var Df = class {
+var Lf = class {
   latest;
   publish;
   constructor(e, t) {
@@ -7447,7 +7455,7 @@ var Df = class {
     return this.latest = e(this.latest), this.publish(this.latest), this.latest;
   }
 };
-function Rf(e) {
+function Bf(e) {
   return {
     document: e,
     undoable: [],
@@ -7457,7 +7465,7 @@ function Rf(e) {
     savedDocument: e
   };
 }
-function Ff(e, t, n, o) {
+function jf(e, t, n, o) {
   const i = dr(e.document, t, n);
   return i.applied ? {
     ...e,
@@ -7487,7 +7495,7 @@ function Pe(e, t, n) {
     isDirty: t !== e.savedDocument
   };
 }
-function Ef(e, t, n, o) {
+function Uf(e, t, n, o) {
   let i = e.document;
   const r = [];
   for (const s of t) {
@@ -7510,8 +7518,8 @@ function Ef(e, t, n, o) {
     isDirty: i !== e.savedDocument
   };
 }
-var Mf = (e) => e.undoable.length > 0, Af = (e) => e.redoable.length > 0;
-function _f(e) {
+var Wf = (e) => e.undoable.length > 0, zf = (e) => e.redoable.length > 0;
+function Hf(e) {
   const t = e.undoable[e.undoable.length - 1];
   return t ? {
     ...e,
@@ -7525,7 +7533,7 @@ function _f(e) {
     isDirty: t.before !== e.savedDocument
   } : e;
 }
-function $f(e) {
+function Gf(e) {
   const t = e.redoable[e.redoable.length - 1];
   return t ? {
     ...e,
@@ -7539,7 +7547,7 @@ function $f(e) {
     isDirty: t.before !== e.savedDocument
   } : e;
 }
-function Lf(e) {
+function qf(e) {
   return {
     ...e,
     savedDocument: e.document,
@@ -7562,7 +7570,7 @@ function yt(e, t, n) {
     Array.isArray(i) && yt(i, t, n);
   }
 }
-var to = (e) => e.id, Bf = (e) => e.name || to(e), jf = (e) => {
+var to = (e) => e.id, Kf = (e) => e.name || to(e), Vf = (e) => {
   switch (e) {
     case H.Stack:
       return Q.Column;
@@ -7580,10 +7588,10 @@ var to = (e) => e.id, Bf = (e) => e.name || to(e), jf = (e) => {
       return;
   }
 };
-function Uf(e) {
+function Jf(e) {
   return {
     idOf: to,
-    nameOf: Bf,
+    nameOf: Kf,
     childrenOf: Xt,
     withChildren: (t, n) => jt(t) ? {
       ...t,
@@ -7594,13 +7602,13 @@ function Uf(e) {
     } : t,
     acceptsChildren: (t) => jt(t),
     ownershipOf: (t) => e(to(t)) ?? ie.Local,
-    arrangementOf: (t) => jt(t) ? jf(jr(t)) : void 0
+    arrangementOf: (t) => jt(t) ? Vf(jr(t)) : void 0
   };
 }
-function Wf(e) {
+function Qf(e) {
   return e ? ut(e) ? Q.Freeform : uo(e) ? Q.Grid : po(e) && e.orientation === ct.Horizontal ? Q.Row : Q.Column : Q.Column;
 }
-var zf = (e, t) => Math.max(0, Math.min(e, t));
+var Yf = (e, t) => Math.max(0, Math.min(e, t));
 function Qi(e, t, n) {
   const o = Ne(e, t.nodeId, n);
   if (!o) return oe.NodeNotFound;
@@ -7616,10 +7624,10 @@ function Qi(e, t, n) {
   }
   if ((o.parent === null ? null : n.idOf(o.parent)) === t.targetParentId) {
     const r = i.length - 1;
-    if (zf(t.index, r) === o.index) return oe.NoChange;
+    if (Yf(t.index, r) === o.index) return oe.NoChange;
   }
 }
-var Hf = "composition";
+var Xf = "composition";
 function no(e, t) {
   const n = e.screens.find((s) => s.name === be), o = t !== void 0 ? $n(t, !0) : $n(void 0), i = mo(e, o).levels.filter((s) => s.kind === ks.ScreenTemplate).map((s) => s.owner), r = [];
   for (const s of i) {
@@ -7628,12 +7636,12 @@ function no(e, t) {
       for (const c of l.slots) r.push(...l.content?.[c.name] ?? []);
   }
   return (t === void 0 || o.kind === Vt.Screen) && r.push(...n?.slotContent.content ?? []), {
-    element: Yt(H.Stack, Hf, "Composition", r),
+    element: Yt(H.Stack, Xf, "Composition", r),
     roots: r,
     templates: i
   };
 }
-function Gf(e) {
+function Zf(e) {
   switch (e) {
     case qo.Inherited:
       return ie.Inherited;
@@ -7643,15 +7651,15 @@ function Gf(e) {
       return ie.Local;
   }
 }
-function qf(e, t, n) {
+function eg(e, t, n) {
   const o = /* @__PURE__ */ new Map();
   for (const i of Qa(t)) {
     const r = co(e, re(i), n);
-    o.set(i, r ? Gf(r.provenance.kind) : ie.Inherited);
+    o.set(i, r ? Zf(r.provenance.kind) : ie.Inherited);
   }
   return (i) => o.get(i) ?? ie.Local;
 }
-function Kf(e) {
+function tg(e) {
   const [t, n] = j({
     catalog: e,
     times: 0
@@ -7669,10 +7677,10 @@ function Kf(e) {
     };
   }, [e]), t.catalog === e ? t.times : 0;
 }
-var Vf = { modules: [] }, Jf = (e, t) => oo(e, t)?.id;
+var ng = { modules: [] }, og = (e, t) => oo(e, t)?.id;
 function Ua(e, t, n, o) {
-  const [i, r] = j(() => Rf(e.document)), s = V(void 0);
-  s.current ??= new Df(i, r);
+  const [i, r] = j(() => Bf(e.document)), s = V(void 0);
+  s.current ??= new Lf(i, r);
   const l = z((E) => s.current.commit(E), []), [c, u] = j(), [d, p] = j(), [h, f] = j(n.navigation?.module), g = V(void 0), m = z((E, W) => {
     const B = g.current?.(E), G = g.current?.(W);
     return B && G ? {
@@ -7681,7 +7689,7 @@ function Ua(e, t, n, o) {
     } : void 0;
   }, []), v = z((E) => {
     g.current = E;
-  }, []), w = Kf(n.runtime.icons), P = U(() => ({
+  }, []), w = tg(n.runtime.icons), P = U(() => ({
     catalog: n.runtime.catalog,
     scope: $n(t, t !== void 0),
     queryCandidates: [...n.queryCandidates],
@@ -7690,11 +7698,11 @@ function Ua(e, t, n, o) {
     n,
     t,
     w
-  ]), x = U(() => no(i.document, t), [i.document, t]), S = U(() => qf(i.document, x.roots, P), [
+  ]), x = U(() => no(i.document, t), [i.document, t]), S = U(() => eg(i.document, x.roots, P), [
     i.document,
     x,
     P
-  ]), k = U(() => Uf(S), [S]), y = ft(i.document, t), N = U(() => Of(x.roots, Wf(y), k).filter((E) => E.containerId !== null), [
+  ]), k = U(() => Jf(S), [S]), y = ft(i.document, t), N = U(() => $f(x.roots, Qf(y), k).filter((E) => E.containerId !== null), [
     x,
     y,
     k
@@ -7703,7 +7711,7 @@ function Ua(e, t, n, o) {
     c,
     P
   ]), C = z((E, W) => {
-    const B = s.current.current, G = l((te) => Ff(te, E, P, W));
+    const B = s.current.current, G = l((te) => jf(te, E, P, W));
     return {
       applied: G.undoable.length > B.undoable.length || G.document !== B.document,
       diagnostics: G.diagnostics
@@ -7711,7 +7719,7 @@ function Ua(e, t, n, o) {
   }, [l, P]), _ = z((E, W) => {
     C(E, W);
   }, [C]), L = z((E, W) => {
-    const B = s.current.current, G = l((te) => Ef(te, E, P, W));
+    const B = s.current.current, G = l((te) => Uf(te, E, P, W));
     return {
       applied: G.document !== B.document,
       diagnostics: G.diagnostics
@@ -7735,10 +7743,10 @@ function Ua(e, t, n, o) {
     t,
     m
   ]), M = z((E, W) => {
-    const B = Pf(x.roots, E, W, m), G = Qi(x.roots, E, k);
-    if (G && !(G === oe.NoChange && B && E.targetParentId === Jf(x.roots, E.nodeId))) return G;
+    const B = Af(x.roots, E, W, m), G = Qi(x.roots, E, k);
+    if (G && !(G === oe.NoChange && B && E.targetParentId === og(x.roots, E.nodeId))) return G;
     if (B) return L(B, "Move").applied ? void 0 : oe.NodeLocked;
-    const te = Tf(E);
+    const te = Ef(E);
     return te ? C(te, "Move").applied ? void 0 : oe.NodeLocked : oe.TargetNotContainer;
   }, [
     x,
@@ -7788,17 +7796,17 @@ function Ua(e, t, n, o) {
       dialogTemplates: E
     }, W));
   }, [l]), ue = z((E, W, B, G, te) => {
-    l((de) => Pe(de, Ji(de.document, E, (Be) => Qf(Be, W, B, G)), te));
+    l((de) => Pe(de, Ji(de.document, E, (Be) => ig(Be, W, B, G)), te));
   }, [l]), Ie = z((E, W) => {
     const B = n.runtime.bundles.flatMap((G) => G.screenTemplates ?? []);
-    l((G) => Pe(G, Sf(G.document, E, B), W));
+    l((G) => Pe(G, Df(G.document, E, B), W));
   }, [l, n.runtime.bundles]), R = z((E, W, B) => {
     l((G) => Pe(G, Ji(G.document, E, (te) => {
       W ? te.behaviors = W : delete te.behaviors;
     }), B));
-  }, [l]), ee = U(() => Ti(i.document), [i.document]), he = n.navigation?.structure ?? Vf, J = z((E, W) => {
+  }, [l]), ee = U(() => Ti(i.document), [i.document]), he = n.navigation?.structure ?? ng, J = z((E, W) => {
     const B = Os(Ti(s.current.current.document), E);
-    return B.applied ? (l((G) => Pe(G, tm(G.document, B.model), W)), { applied: !0 }) : {
+    return B.applied ? (l((G) => Pe(G, cm(G.document, B.model), W)), { applied: !0 }) : {
       applied: !1,
       rejected: B.rejected
     };
@@ -7838,7 +7846,7 @@ function Ua(e, t, n, o) {
     remove: (E) => {
       if (!jn(x.roots, E, k)) return;
       const W = zr(x.roots, E, k);
-      C(If(E), "Remove").applied && u((B) => B === E || B === void 0 ? W : B);
+      C(Mf(E), "Remove").applied && u((B) => B === E || B === void 0 ? W : B);
     },
     canRemove: (E) => jn(x.roots, E, k),
     setProperty: (E, W) => c && _(qn(c, E, W), "Change"),
@@ -7850,24 +7858,24 @@ function Ua(e, t, n, o) {
     setElementBehaviors: R,
     setScreenTemplate: Ie,
     markSaved: () => {
-      l(Lf);
+      l(qf);
     },
     undo: () => {
-      l(_f);
+      l(Hf);
     },
     redo: () => {
-      l($f);
+      l(Gf);
     },
-    canUndo: Mf(i),
-    canRedo: Af(i),
+    canUndo: Wf(i),
+    canRedo: zf(i),
     isDirty: i.isDirty
   };
 }
-function Qf(e, t, n, o) {
+function ig(e, t, n, o) {
   const i = e.properties[t];
-  Array.isArray(i) && (e.properties[t] = i.map((r) => Wa(r) && r.id === n ? Yf(r, o) : r));
+  Array.isArray(i) && (e.properties[t] = i.map((r) => Wa(r) && r.id === n ? rg(r, o) : r));
 }
-function Yf(e, t) {
+function rg(e, t) {
   if (Wa(e.values)) {
     const o = { ...e.values };
     return t ? o.destination = t : delete o.destination, {
@@ -7884,13 +7892,13 @@ function Wa(e) {
 var Yi = () => ({
   width: window.innerWidth - 64,
   height: window.innerHeight - 64
-}), yy = (e) => /* @__PURE__ */ a(ya, {
+}), Ay = (e) => /* @__PURE__ */ a(ya, {
   strings: e.strings,
   onClose: () => e.onDismiss?.(),
-  children: /* @__PURE__ */ a(Xf, { ...e })
-}), Xf = (e) => {
+  children: /* @__PURE__ */ a(ag, { ...e })
+}), ag = (e) => {
   const t = U(() => va(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
-  return t.opened ? /* @__PURE__ */ a(Zf, {
+  return t.opened ? /* @__PURE__ */ a(sg, {
     ...e,
     opened: t.subject
   }, e.environment.runtime.id) : /* @__PURE__ */ a($r, {
@@ -7904,8 +7912,8 @@ var Yi = () => ({
       onClose: () => n.close()
     })
   });
-}, Zf = ({ 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: h, onBeforeClose: f, onPreview: g, opened: m }) => {
-  const v = V(void 0), w = Ua(m, e.authoringTemplate, t, (F) => v.current?.(F)), P = U(() => u ?? Jm(), [u]), x = U(() => Xm({
+}, sg = ({ 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: h, onBeforeClose: f, onPreview: g, opened: m }) => {
+  const v = V(void 0), w = Ua(m, e.authoringTemplate, t, (F) => v.current?.(F)), P = U(() => u ?? oh(), [u]), x = U(() => ah({
     remembered: c ? P.read(c) : void 0,
     saved: l,
     lastUsed: P.readLastUsed()
@@ -7974,7 +7982,7 @@ var Yi = () => ({
   v.current = D;
   function I(F) {
     if (!Eo(F)) return;
-    const M = w.selection && eg(w) ? w.selectedId : void 0;
+    const M = w.selection && lg(w) ? w.selectedId : void 0;
     F.kind === "layout" ? w.insertLayout(F.item, M, void 0) : w.insertComponent(Ao(F.componentName, F.package), M, void 0);
   }
   return /* @__PURE__ */ b(Ca, {
@@ -8023,11 +8031,11 @@ var Yi = () => ({
     })]
   });
 };
-function eg(e) {
+function lg(e) {
   return !!e.selection && "children" in e.selection;
 }
 var ot = (e) => typeof e == "object" && e !== null && !Array.isArray(e);
-function tg(e, t) {
+function cg(e, t) {
   if (!t) return e;
   const n = { ...e };
   for (const [o, i] of Object.entries(t)) {
@@ -8046,7 +8054,7 @@ function tg(e, t) {
 var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O = (e, t) => ({ props: t ? {
   styles: e,
   motionProps: { name: t }
-} : { styles: e } }), pe = (e) => ({ props: { motionProps: { name: e } } }), ng = {
+} : { styles: e } }), pe = (e) => ({ props: { motionProps: { name: e } } }), dg = {
   "Accordion.Root": O(kc, Bt),
   "AutoComplete.Root": O(Sc),
   "AutoComplete.Popup": pe(it),
@@ -8134,27 +8142,27 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O =
   "Tooltip.Root": O(jd),
   "Tooltip.Popup": pe("p-tooltip"),
   "Tree.Root": O(Ud)
-}, og = Yo.find((e) => e.name === "lara-light-blue") ?? Yo[0], wy = ({ defaults: e, theme: t, ...n }) => {
-  const o = gl(og);
+}, ug = Yo.find((e) => e.name === "lara-light-blue") ?? Yo[0], _y = ({ defaults: e, theme: t, ...n }) => {
+  const o = gl(ug);
   return /* @__PURE__ */ a(wc, {
     ...n,
     theme: t ?? o?.theme,
-    defaults: tg(ng, e)
+    defaults: cg(dg, e)
   });
-}, ky = (e) => /* @__PURE__ */ a(ya, {
+}, $y = (e) => /* @__PURE__ */ a(ya, {
   strings: e.strings,
   onClose: e.onDismiss,
-  children: /* @__PURE__ */ a(ig, { ...e })
-}), ig = (e) => {
+  children: /* @__PURE__ */ a(pg, { ...e })
+}), pg = (e) => {
   const t = U(() => va(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
-  return t.opened ? /* @__PURE__ */ a(rg, {
+  return t.opened ? /* @__PURE__ */ a(mg, {
     ...e,
     opened: t.subject
   }, e.environment.runtime.id) : /* @__PURE__ */ a(wa, {
     problem: t.problem,
     strings: e.strings
   });
-}, rg = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, initialSize: s, onChange: l, renderPaletteHost: c, opened: u }) => {
+}, mg = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, initialSize: s, onChange: l, renderPaletteHost: c, opened: u }) => {
   const d = V(void 0), p = Ua(u, e.authoringTemplate, t, (S) => d.current?.(S)), [h, f] = j(s ?? sn[Ke.Desktop]), [g, m] = j(!0), v = V(l);
   v.current = l, ce(() => {
     const S = ft(p.document, e.authoringTemplate);
@@ -8235,7 +8243,7 @@ var it = "p-anchored-overlay", Bt = "p-collapsible", Dn = "p-overlay-mask", O =
     })
   });
 };
-function ag(e) {
+function hg(e) {
   const t = {
     "row.id": "Guid",
     "selection.id": "Guid"
@@ -8243,18 +8251,18 @@ function ag(e) {
   for (const n of e) for (const o of n.parameters) t[`route.${o.name}`] ??= o.type;
   return t;
 }
-var sg = new Set(Object.values(ws)), lg = new Set(Object.values(ys));
-function cg(e) {
-  return e.filter((t) => sg.has(t.resultShape) && t.origin.every((n) => lg.has(n.kind))).map((t) => t);
+var fg = new Set(Object.values(ws)), gg = new Set(Object.values(ys));
+function vg(e) {
+  return e.filter((t) => fg.has(t.resultShape) && t.origin.every((n) => gg.has(n.kind))).map((t) => t);
 }
-function Sy(e) {
-  const t = cg(e.queryCandidates ?? []);
+function Ly(e) {
+  const t = vg(e.queryCandidates ?? []);
   return {
     runtime: e.runtime,
     queryCandidates: t,
     stateChangeSlices: e.stateChangeSlices ?? [],
     destinations: e.destinations ?? [],
-    availableSources: ag(t),
+    availableSources: hg(t),
     ...e.richText === !1 ? {} : { richText: e.richText ?? Wd },
     ...e.fileUpload ? { fileUpload: e.fileUpload } : {},
     ...e.templateScope ? { templateScope: e.templateScope } : {},
@@ -8262,39 +8270,40 @@ function Sy(e) {
     ...e.location ? { location: e.location } : {}
   };
 }
-var dg = [.../* @__PURE__ */ new Set([...nn.ids, ...Object.values(X)])];
-function ug(e, t) {
+var bg = [.../* @__PURE__ */ new Set([...nn.ids, ...Object.values(X)])];
+function yg(e, t) {
   return ul({
     bundles: e,
-    profile: pg(e, t),
+    profile: wg(e, t),
     policy: {
       allowExecutableImports: !0,
       allowNetworkAssets: !1,
       loadDesignTime: !0
     }
-  }, { hostEditorKinds: [...dg] });
+  }, { hostEditorKinds: [...bg] });
 }
-function pg(e, t) {
-  return !t.layout || e.some((n) => (n.layouts ?? []).some((o) => o.name === t.layout)) ? t : {
+function wg(e, t) {
+  const n = new Set(t.packages);
+  return !t.layout || e.some((o) => n.has(o.manifest.name) && (o.layouts ?? []).some((i) => i.name === t.layout)) ? t : {
     ...t,
     layout: void 0
   };
 }
-function mg(e) {
+function kg(e) {
   return e.flatMap((t) => t.iconLibrary ? [t.iconLibrary.catalog] : []);
 }
-function hg(e, t) {
+function Sg(e, t) {
   const n = Ws(e, t.map((o) => o.manifest));
-  return new Ts(n, mg(t));
+  return new Ts(n, kg(t));
 }
-function fg(e) {
+function Cg(e) {
   const t = ol([e]), n = t.packages.filter((o) => o !== "PrimeReact");
   return n.splice(Math.max(n.indexOf(vr), 0), 0, "PrimeReact"), {
     ...t,
     packages: n
   };
 }
-var gg = [
+var Ng = [
   "PrimeReact.Accordion",
   "PrimeReact.AutoComplete",
   "PrimeReact.Avatar",
@@ -8397,7 +8406,7 @@ var gg = [
   "itemsControl",
   "stackPanel",
   "wrapPanel"
-], vg = ["PrimeReact.Dialog"], bg = new Set(gg.filter((e) => !vg.includes(e))), yg = [
+], Tg = ["PrimeReact.Dialog"], Ig = new Set(Ng.filter((e) => !Tg.includes(e))), Pg = [
   {
     value: ve.None,
     label: "Run directly"
@@ -8411,7 +8420,7 @@ var gg = [
     label: "Ask in a drawer"
   }
 ];
-function wg(e) {
+function xg(e) {
   return !e.component.endsWith(":action") || e.properties.some((t) => t.path === "presentation") ? e : {
     ...e,
     properties: [...e.properties, {
@@ -8420,13 +8429,13 @@ function wg(e) {
       group: "Behavior",
       valueType: K.Enum,
       default: ve.None,
-      choices: yg,
+      choices: Pg,
       description: "Whether the command runs straight away or first asks for its input in a dialog or a drawer."
     }]
   };
 }
-var kg = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), Sg = (e) => /ies$/i.test(e) ? `${e.slice(0, -3)}y` : /(ss|us)$/i.test(e) || !/s$/i.test(e) ? e : e.slice(0, -1), za = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
-function Wo(e, t, n = kg(e)) {
+var Og = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), Dg = (e) => /ies$/i.test(e) ? `${e.slice(0, -3)}y` : /(ss|us)$/i.test(e) || !/s$/i.test(e) ? e : e.slice(0, -1), za = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
+function Wo(e, t, n = Og(e)) {
   const o = {
     path: e,
     label: n,
@@ -8438,7 +8447,7 @@ function Wo(e, t, n = kg(e)) {
   } : typeof t == "boolean" ? {
     ...o,
     valueType: K.Boolean
-  } : Array.isArray(t) ? Ng(o, t) : za(t) ? {
+  } : Array.isArray(t) ? Fg(o, t) : za(t) ? {
     ...o,
     valueType: K.Object,
     properties: Ha(t),
@@ -8449,12 +8458,12 @@ function Wo(e, t, n = kg(e)) {
   };
 }
 function Ha(e, t = []) {
-  return Object.entries(e).filter(([n]) => !t.includes(n)).map(([n, o]) => Cg(n, o));
+  return Object.entries(e).filter(([n]) => !t.includes(n)).map(([n, o]) => Rg(n, o));
 }
-function Cg(e, t) {
+function Rg(e, t) {
   return Wo(e, t);
 }
-function Ng(e, t) {
+function Fg(e, t) {
   if (t.length > 0 && t.every((o) => typeof o == "string")) return {
     ...e,
     valueType: K.Json,
@@ -8471,17 +8480,17 @@ function Ng(e, t) {
     ...e,
     valueType: K.Collection,
     item: {
-      label: Sg(e.label),
+      label: Dg(e.label),
       properties: Ha(n, ["id"]),
       open: !0
     }
   };
 }
-var Tg = (e) => e.valueType === K.Json && e.editorKind === void 0;
-function Ig(e) {
+var Eg = (e) => e.valueType === K.Json && e.editorKind === void 0;
+function Mg(e) {
   const t = Uo(e.component, e.component.slice(e.component.lastIndexOf(":") + 1));
   if (!t) return e;
-  const n = new Set(e.properties.map((r) => r.path)), o = e.properties.map((r) => Tg(r) && r.path in t ? Pg(r, t[r.path]) : r), i = Object.entries(t).filter(([r]) => !n.has(r)).map(([r, s]) => ({
+  const n = new Set(e.properties.map((r) => r.path)), o = e.properties.map((r) => Eg(r) && r.path in t ? Ag(r, t[r.path]) : r), i = Object.entries(t).filter(([r]) => !n.has(r)).map(([r, s]) => ({
     ...Wo(r, s),
     description: "Shown as sample content on the design surface until you set it."
   }));
@@ -8490,7 +8499,7 @@ function Ig(e) {
     properties: [...o, ...i]
   } : e;
 }
-function Pg(e, t) {
+function Ag(e, t) {
   const { editorKind: n, item: o, properties: i, choices: r, ...s } = e, l = Wo(e.path, t);
   return {
     ...l,
@@ -8498,7 +8507,7 @@ function Pg(e, t) {
     valueType: l.valueType
   };
 }
-var Xi = "Placement", xg = [{
+var Xi = "Placement", _g = [{
   path: Je,
   label: "Left",
   group: Xi,
@@ -8509,33 +8518,33 @@ var Xi = "Placement", xg = [{
   group: Xi,
   valueType: K.Number
 }];
-function Og(e) {
+function $g(e) {
   const t = new Set(e.properties.map((n) => n.path));
   return {
     ...e,
-    properties: [...e.properties, ...xg.filter((n) => !t.has(n.path))]
+    properties: [...e.properties, ..._g.filter((n) => !t.has(n.path))]
   };
 }
-var Zi = "PrimeReact", Dg = 1;
-function Rg(e, t, n) {
+var Zi = "PrimeReact", Lg = 1;
+function Bg(e, t, n) {
   const o = en(e.map((p) => p.manifest)), i = e.flatMap((p) => p.descriptors ?? []), r = new Set(i.map((p) => p.component)), s = e.flatMap((p) => p.manifest.components.map((h) => ({
     component: Fn(p.manifest.name, h),
     displayName: h,
     properties: []
-  }))).filter((p) => !r.has(p.component)), l = [...i, ...s].map(wg).map(Ig).map(Og), c = [...l, ...Fg(l, o, t)], u = new Set(Object.values(o).flat()), d = new Map(l.map((p) => [p.component, p]));
+  }))).filter((p) => !r.has(p.component)), l = [...i, ...s].map(xg).map(Mg).map($g), c = [...l, ...jg(l, o, t)], u = new Set(Object.values(o).flat()), d = new Map(l.map((p) => [p.component, p]));
   return {
-    id: Dg++,
+    id: Lg++,
     bundles: e,
     registry: Sr(e),
     packages: o,
     descriptors: c,
     catalog: Es(c),
     profile: t,
-    compositionProfile: fg(t),
+    compositionProfile: Cg(t),
     ...n ? { appearance: n } : {},
-    icons: hg(t.packages, e),
+    icons: Sg(t.packages, e),
     iconAdapters: dl(e),
-    designTime: ug(e, t),
+    designTime: yg(e, t),
     packageDescriptorOf: (p) => {
       if (p.component.includes(":")) return p;
       const h = Tt(p.component, t, o);
@@ -8543,12 +8552,12 @@ function Rg(e, t, n) {
     },
     isKnownComponent: (p) => u.has(p),
     legacyTypeOf: (p) => {
-      const h = Gm(p, t, o), f = h?.package === Zi ? `${Zi}.${Br(h.name)}` : void 0;
-      return f !== void 0 && bg.has(f) ? f : void 0;
+      const h = Zm(p, t, o), f = h?.package === Zi ? `${Zi}.${Br(h.name)}` : void 0;
+      return f !== void 0 && Ig.has(f) ? f : void 0;
     }
   };
 }
-function Fg(e, t, n) {
+function jg(e, t, n) {
   const o = [];
   for (const i of new Set(Object.values(t).flat())) {
     const r = Tt(i, n, t), s = r && e.find((l) => l.component === Fn(r.package, r.name));
@@ -8559,7 +8568,7 @@ function Fg(e, t, n) {
   }
   return o;
 }
-var zo = "Cratis.Icons.Lucide", Eg = {
+var zo = "Cratis.Icons.Lucide", Ug = {
   name: zo,
   version: "1.52.0",
   kind: dt.IconLibrary,
@@ -8581,23 +8590,31 @@ var zo = "Cratis.Icons.Lucide", Eg = {
     attributionUrl: "https://lucide.dev",
     iconCount: 1858
   }
-}, Mg = {
+}, Wg = {
   library: zo,
   loadEntries: async () => (await import("./catalog-CZx3FR-E.js")).default
-}, Ag = qd, _g = {
+}, zg = eu, Hg = {
   library: zo,
-  loadGlyph: async ({ key: e }) => (await Ag[e]?.())?.default
-}, $g = {
-  manifest: Eg,
+  loadGlyph: async ({ key: e }) => (await zg[e]?.())?.default
+}, Gg = {
+  manifest: Ug,
   components: {},
   iconLibrary: {
-    catalog: Mg,
-    adapter: _g
+    catalog: Wg,
+    adapter: Hg
   }
-}, Lg = [
+}, qg = [
   zd,
   Hd,
-  Gd
+  Gd,
+  qd,
+  Kd,
+  Vd,
+  Jd,
+  Qd,
+  Yd,
+  Xd,
+  Zd
 ], Pt = [
   kr,
   Ar,
@@ -8605,10 +8622,10 @@ var zo = "Cratis.Icons.Lucide", Eg = {
   Mr,
   gr,
   _r,
-  ...Lg,
-  $g
-], Bg = Pt.map((e) => e.manifest), Cy = Sr(Pt), Ny = en(Bg), Ty = Pt.flatMap((e) => e.themes ?? []);
-function jg(e) {
+  ...qg,
+  Gg
+], Kg = Pt.map((e) => e.manifest), By = Sr(Pt), jy = en(Kg), Uy = Pt.flatMap((e) => e.themes ?? []);
+function Vg(e) {
   const t = Ds(e).map((i) => i.name), n = Qo(e, dt.Styling).map((i) => i.name), o = Qo(e, dt.Blueprint)[0];
   return o ? [
     ...t,
@@ -8621,16 +8638,16 @@ var Ga = (e) => e === void 0 || e.activePack === "" && e.mappings.length === 0 ?
   mappings: e.mappings.map((t) => ({ ...t })),
   bindings: []
 };
-function Ug(e, t) {
+function Jg(e, t) {
   return t.filter((n) => $s(n, e));
 }
-function Wg(e, t) {
+function Qg(e, t) {
   return [...new Set(Object.values(t).flat())].map((n) => Tt(n, e, t)).filter((n) => n !== void 0 && n.shadows.length > 0).sort((n, o) => n.name.localeCompare(o.name));
 }
 var Rn = /* @__PURE__ */ (function(e) {
   return e.Fallback = "fallback", e.Explicit = "explicit", e.Automatic = "automatic", e;
 })({});
-function zg(e) {
+function Yg(e) {
   const t = [
     so,
     ...e.packages,
@@ -8640,17 +8657,17 @@ function zg(e) {
   ];
   return [...new Set(t.filter((n) => n.length > 0))];
 }
-function Hg(e, t) {
+function Xg(e, t) {
   return e.find((n) => n.manifest.name === t)?.manifest.layouts[0] ?? "";
 }
-function Gg(e, t) {
+function Zg(e, t) {
   const n = e.root?.template;
   if (!(n?.source !== Ss.Blueprint || n.blueprint === void 0))
     return t.find((o) => o.manifest.name === n.blueprint)?.manifest.layouts.includes(n.id) ? n.id : void 0;
 }
 var qa = "UI Profile";
 function Ka(e, t) {
-  const n = t.map((c) => c.manifest), o = zg(e), i = zs(o, n), r = Gg(e, t) ?? Hg(t, e.shell), s = {
+  const n = t.map((c) => c.manifest), o = Yg(e), i = zs(o, n), r = Zg(e, t) ?? Xg(t, e.shell), s = {
     name: qa,
     targetPlatform: "web",
     packages: i.packages,
@@ -8658,7 +8675,7 @@ function Ka(e, t) {
     ...e.root ? { root: e.root } : {},
     theme: e.theme.length > 0 ? e.theme : void 0,
     sampleData: Ga(e.sampleData),
-    appearance: qg(e),
+    appearance: ev(e),
     ...e.identity === void 0 ? {} : { identity: e.identity }
   }, l = new Set(o);
   return {
@@ -8676,13 +8693,13 @@ function Ka(e, t) {
         requiredBy: n.filter((d) => i.packages.includes(d.name) && d.dependencies.some((p) => p.name === c)).map((d) => d.name)
       }] : [];
     }),
-    collisions: Wg(s, en(n)),
-    compatibleThemes: Ug(s, t.flatMap((c) => c.themes ?? [])),
+    collisions: Qg(s, en(n)),
+    compatibleThemes: Jg(s, t.flatMap((c) => c.themes ?? [])),
     layout: r,
     isValid: _s(i)
   };
 }
-function qg(e) {
+function ev(e) {
   const t = {
     ...e.colorScheme === "dark" ? { colorScheme: hs.Dark } : {},
     ...e.accent.length > 0 ? { accent: e.accent } : {},
@@ -8691,8 +8708,8 @@ function qg(e) {
   };
   return Object.keys(t).length === 0 ? void 0 : t;
 }
-function Kg(e) {
-  const t = e.map((s) => s.manifest), n = jg(t), o = n.find((s) => t.find((l) => l.name === s)?.kind === dt.Blueprint) ?? "", i = {
+function tv(e) {
+  const t = e.map((s) => s.manifest), n = Vg(t), o = n.find((s) => t.find((l) => l.name === s)?.kind === dt.Blueprint) ?? "", i = {
     packages: n.filter((s) => s !== o && s !== so),
     shell: o,
     templatePacks: [],
@@ -8707,7 +8724,7 @@ function Kg(e) {
     theme: r?.name ?? ""
   };
 }
-function Vg(e, t) {
+function nv(e, t) {
   return {
     name: qa,
     targetPlatform: "web",
@@ -8717,11 +8734,11 @@ function Vg(e, t) {
     sampleData: Ga(t)
   };
 }
-function Iy(e, t = Pt, n, o) {
-  const i = e ? Vg(e, o) : Ka(Kg(t), t).profile;
-  return Rg(t, i, n);
+function Wy(e, t = Pt, n, o) {
+  const i = e ? nv(e, o) : Ka(tv(t), t).profile;
+  return Bg(t, i, n);
 }
-function Jg(e, t) {
+function ov(e, t) {
   const n = no(e), o = mo(e, {
     kind: Vt.Screen,
     name: be
@@ -8731,8 +8748,8 @@ function Jg(e, t) {
     configuration: i
   };
 }
-var Qg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
-  const { element: i, configuration: r } = U(() => Jg(e, t.catalog), [e, t.catalog]), s = U(() => go(i, t.compositionProfile, t.packages), [
+var iv = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
+  const { element: i, configuration: r } = U(() => ov(e, t.catalog), [e, t.catalog]), s = U(() => go(i, t.compositionProfile, t.packages), [
     i,
     t.compositionProfile,
     t.packages
@@ -8753,12 +8770,12 @@ var Qg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
       })
     })
   });
-}, Yg = (e) => {
+}, rv = (e) => {
   const t = bt(e);
   return Pa.has(t) || t in Ta;
-}, Xg = (e, t) => {
+}, av = (e, t) => {
   const n = (o) => {
-    const i = Yg(o.element.componentName), r = U(() => ({
+    const i = rv(o.element.componentName), r = U(() => ({
       ...o.element,
       properties: xa(e, o.element.componentName, o.element.properties)
     }), [o.element]);
@@ -8772,11 +8789,11 @@ var Qg = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
   };
   return n.displayName = `Miniature(${t.displayName ?? t.name ?? "Component"})`, n;
 };
-function Zg(e) {
-  return Object.fromEntries(Object.entries(e).map(([t, n]) => [t, Xg(t, n)]));
+function sv(e) {
+  return Object.fromEntries(Object.entries(e).map(([t, n]) => [t, av(t, n)]));
 }
-var Py = 240, xy = 112;
-function ev(e, t = 240, n = Number.POSITIVE_INFINITY) {
+var zy = 240, Hy = 112;
+function lv(e, t = 240, n = Number.POSITIVE_INFINITY) {
   const o = e && e.width > 0 && e.height > 0 ? e : Sa({
     width: 1 / 0,
     height: 1 / 0
@@ -8789,7 +8806,7 @@ function ev(e, t = 240, n = Number.POSITIVE_INFINITY) {
     scale: s
   };
 }
-function tv(e, t = 240) {
+function cv(e, t = 240) {
   const n = typeof IntersectionObserver < "u", [o, i] = j(!n);
   return ce(() => {
     const r = e.current;
@@ -8802,23 +8819,23 @@ function tv(e, t = 240) {
     n
   ]), o;
 }
-var nv = [
+var dv = [
   "#f66",
   "#fa0",
   "#3c3"
-], ov = () => {
-}, er = 16, Oy = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
-  const c = V(null), u = tv(c), d = U(() => ev(n, o ?? 240, o === void 0 ? 112 : void 0), [
+], uv = () => {
+}, er = 16, Gy = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
+  const c = V(null), u = cv(c), d = U(() => lv(n, o ?? 240, o === void 0 ? 112 : void 0), [
     n?.width,
     n?.height,
     o
-  ]), p = U(() => jo(t), [t]), h = U(() => Zg(t.registry), [t.registry]), f = {
+  ]), p = U(() => jo(t), [t]), h = U(() => sv(t.registry), [t.registry]), f = {
     width: d.width,
     height: er + d.bodyHeight
   }, g = /* @__PURE__ */ b(le, { children: [/* @__PURE__ */ b("div", {
     className: "screen-thumbnail__title-bar",
     style: { height: er },
-    children: [nv.map((v) => /* @__PURE__ */ a("span", {
+    children: [dv.map((v) => /* @__PURE__ */ a("span", {
       className: "screen-thumbnail__light",
       style: { borderColor: v }
     }, v)), i && /* @__PURE__ */ a("span", {
@@ -8838,10 +8855,10 @@ var nv = [
         "--studio-surface-viewport-height": `${d.canvasHeight}px`
       },
       "data-studio-viewport": "",
-      children: /* @__PURE__ */ a(Qg, {
+      children: /* @__PURE__ */ a(iv, {
         document: e,
         runtime: t,
-        resolveBinding: ov,
+        resolveBinding: uv,
         registry: h
       })
     }) : l
@@ -8867,28 +8884,28 @@ var nv = [
     "aria-label": i,
     children: g
   });
-}, rt = /* @__PURE__ */ new Map(), iv = 200;
-function Dy(e) {
+}, rt = /* @__PURE__ */ new Map(), pv = 200;
+function qy(e) {
   if (!e) return;
   if (rt.has(e)) return rt.get(e);
   const t = ta(e), n = t.readable ? t.document : void 0;
-  return rt.size >= iv && rt.delete(rt.keys().next().value), rt.set(e, n), n;
+  return rt.size >= pv && rt.delete(rt.keys().next().value), rt.set(e, n), n;
 }
-var Ry = {
+var Ky = {
   [H.Stack]: "Stack",
   [H.Row]: "Row",
   [H.Grid]: "Grid",
   [H.Container]: "Container",
   [H.Wrap]: "Wrap",
   [H.Canvas]: "Canvas"
-}, rv = {
+}, mv = {
   [H.Stack]: st,
   [H.Row]: Ml,
   [H.Grid]: Rr,
   [H.Container]: bo,
   [H.Wrap]: yo,
   [H.Canvas]: cc
-}, av = {
+}, hv = {
   text: vl,
   button: Wt,
   card: xl,
@@ -9029,7 +9046,7 @@ var Ry = {
   themeSwitcher: vn,
   layoutModeSwitcher: En,
   arcPageHeader: Ut
-}, sv = [
+}, fv = [
   [/dialog/i, ht],
   [/table|grid/i, mt],
   [/menu|bar$/i, st],
@@ -9042,35 +9059,35 @@ var Ry = {
   [/message|toast/i, Tr],
   [/tree/i, _n],
   [/page|screen/i, Mn]
-], lv = (e) => av[e] ?? sv.find(([t]) => t.test(e))?.[1] ?? Or, cv = {
+], gv = (e) => hv[e] ?? fv.find(([t]) => t.test(e))?.[1] ?? Or, vv = {
   [kr.manifest.name]: Dr,
   [Cr.manifest.name]: Fr,
   [Mr.manifest.name]: Or,
   [gr.manifest.name]: yo,
   [_r.manifest.name]: Ut,
   [Ar.manifest.name]: Gl
-}, dv = Ol, Fy = {
+}, bv = Ol, Vy = {
   layout: (e) => {
-    const t = rv[e];
+    const t = mv[e];
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   component: (e) => {
-    const t = lv(e);
+    const t = gv(e);
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   drawer: {
     layout: /* @__PURE__ */ a(Rr, { "aria-hidden": "true" }),
     package: (e) => {
-      const t = cv[e] ?? dv;
+      const t = vv[e] ?? bv;
       return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
     }
   }
-}, Ey = Pt.map((e) => ({
+}, Jy = Pt.map((e) => ({
   package: e.manifest.name,
   components: e.manifest.components,
   descriptors: e.descriptors ?? []
 }));
-function My(e, t, n) {
+function Qy(e, t, n) {
   return e.map((o) => ({
     type: o.type,
     name: t[o.item],
@@ -9078,10 +9095,10 @@ function My(e, t, n) {
     icon: n?.[o.item]
   }));
 }
-var Ay = /* @__PURE__ */ (function(e) {
+var Yy = /* @__PURE__ */ (function(e) {
   return e.Auto = "auto", e.Manual = "manual", e;
 })({});
-function _y(e) {
+function Xy(e) {
   return [
     {
       kind: xt.DataContext,
@@ -9104,68 +9121,68 @@ function _y(e) {
   ];
 }
 export {
-  Dv as BindingMode,
-  Rv as BindingNullBehavior,
-  Fv as BindingSourceKind,
-  Ay as CommandFormMode,
-  Ev as DestinationKind,
+  Lv as BindingMode,
+  Bv as BindingNullBehavior,
+  jv as BindingSourceKind,
+  Yy as CommandFormMode,
+  Uv as DestinationKind,
   Q as LayoutArrangement,
   H as LayoutItem,
   ie as Ownership,
-  Qg as PlayScreenView,
+  iv as PlayScreenView,
   Ae as SceneDocumentProblem,
   Ca as ScreenEditorControlProviders,
-  yy as ScreenEditorOverlay,
-  wy as ScreenEditorPrimeReactProvider,
+  Ay as ScreenEditorOverlay,
+  _y as ScreenEditorPrimeReactProvider,
   Aa as ScreenEditorWindow,
-  ky as ScreenEditorWorkspace,
-  Oy as ScreenThumbnail,
+  $y as ScreenEditorWorkspace,
+  Gy as ScreenThumbnail,
   oe as StructureEditRejection,
-  Iv as StructuredValueEditor,
-  wv as asList,
-  _y as bindingSourceChoices,
-  Vm as browserWindowSizeStorage,
+  Mv as StructuredValueEditor,
+  xv as asList,
+  Xy as bindingSourceChoices,
+  nh as browserWindowSizeStorage,
   St as commandNameOf,
-  Sy as createScreenEditorEnvironment,
-  Rg as createScreenEditorRuntime,
-  Jm as createWindowSizeMemory,
-  rv as defaultLayoutIcons,
-  Ry as defaultLayoutLabels,
-  Fy as defaultPaletteIcons,
-  Ey as defaultPaletteSources,
-  Ap as defaultScreenEditorStrings,
+  Ly as createScreenEditorEnvironment,
+  Bg as createScreenEditorRuntime,
+  oh as createWindowSizeMemory,
+  mv as defaultLayoutIcons,
+  Ky as defaultLayoutLabels,
+  Vy as defaultPaletteIcons,
+  Jy as defaultPaletteSources,
+  zp as defaultScreenEditorStrings,
   nr as defaultStructuredEditorStrings,
   Sa as defaultWindowSize,
-  Zm as fitWindowSize,
-  bv as identified,
+  sh as fitWindowSize,
+  Iv as identified,
   ls as isCollectionOfRecords,
-  Ym as isLegacyDefaultWindow,
+  rh as isLegacyDefaultWindow,
   as as isObjectWithFields,
-  fv as isPrimitiveList,
+  Cv as isPrimitiveList,
   ln as isRecord,
-  yv as isStringMap,
+  Pv as isStringMap,
   Ho as isStructured,
-  vv as movedItem,
-  kv as newItem,
+  Tv as movedItem,
+  Ov as newItem,
   ir as numberListEditorKind,
   ta as readSceneDocument,
-  Dy as readThumbnailDocument,
-  Xm as resolveInitialWindowSize,
+  qy as readThumbnailDocument,
+  ah as resolveInitialWindowSize,
   is as scalarEditorKind,
-  ng as screenEditorPrimeReactDefaults,
-  Iy as screenEditorRuntimeForProfile,
+  dg as screenEditorPrimeReactDefaults,
+  Wy as screenEditorRuntimeForProfile,
   pt as sliceNamedBy,
   rr as stringListEditorKind,
   ss as stringMapEditorKind,
   rs as stringOrListEditorKind,
   Hn as structuredProblem,
-  ev as thumbnailGeometry,
-  xy as thumbnailMaxBodyHeight,
-  Py as thumbnailWidth,
-  My as toLayoutContainerDescriptors,
-  cg as toSceneCandidates,
-  gv as withField,
+  lv as thumbnailGeometry,
+  Hy as thumbnailMaxBodyHeight,
+  zy as thumbnailWidth,
+  Qy as toLayoutContainerDescriptors,
+  vg as toSceneCandidates,
+  Nv as withField,
   os as withIdentities,
-  Sv as withItem,
-  Cv as withoutItem
+  Dv as withItem,
+  Rv as withoutItem
 };