@cratis/event-models 0.263.3 → 0.264.1

package/dist/screen-editor/index.js

@@ -1,12 +1,12 @@
 import { c as Rs, d as Ds, f as qe, l as Pr, m as wo, p as _s, s as $s, t as Or, u as cn } from "./defaultStructuredEditorStrings-Ch1I0Lci.js";
 import { t as xr } from "./QueryBindingEditor-MTd0R7iQ.js";
 import { i as ui, n as Es, r as As, t as Ms } from "./toTemplateSources-BhsOzMx1.js";
-import { _ as Fs, a as ay, c as pi, d as Rr, f as Ls, g as sy, h as Bs, i as js, l as ly, m as Us, n as cy, o as wn, p as Dr, r as zs, s as dy, t as uy, u as py, v as my, y as hy } from "./structuredValue-vqCZttsk.js";
+import { _ as Fs, a as ly, c as pi, d as Rr, f as Ls, g as cy, h as Bs, i as js, l as dy, m as Us, n as uy, o as wn, p as Dr, r as zs, s as py, t as my, u as hy, v as fy, y as gy } from "./structuredValue-vqCZttsk.js";
 import { a as ye, n as Ws, r as Ks } from "./iconDiagnostics-Ds4CnqD0.js";
-import { t as vy } from "./StructuredValueEditor-DUSATTWd.js";
-import { Component as Hs, createContext as qs, createElement as Je, useCallback as H, useContext as Gs, useEffect as ie, useId as Vs, useLayoutEffect as Te, useMemo as j, useRef as J, useState as F } from "react";
+import { t as yy } from "./StructuredValueEditor-DUSATTWd.js";
+import { Component as Hs, createContext as qs, createElement as Je, useCallback as H, useContext as Gs, useEffect as ie, useId as Vs, useLayoutEffect as Te, useMemo as j, useRef as V, useState as F } from "react";
 import { Fragment as re, jsx as a, jsxs as b } from "react/jsx-runtime";
-import { BindingMode as ky, BindingNullBehavior as Sy, BindingSourceKind as Cy, BindingSourceKind as Bt, CollectionOperation as ke, ColorScheme as Js, ComponentCategory as Qs, CornerStyle as kn, DestinationKind as Ty, DestinationKind as _r, DiagnosticCode as Ys, EditTarget as Zs, EditingScopeKind as an, FlowContainerKind as Sn, FormGenerationMode as ve, FormWidthUnit as Ne, GridUnitType as ko, HorizontalAlignment as So, InteractionActionKind as ht, InteractionTriggerKind as $r, LogoKind as Cn, NavigationRegionKind as gt, NavigationRegionMode as $e, Orientation as ft, PackageKind as Qe, PropertyEditorKind as X, PropertyValueType as G, ProvenanceKind as mi, QueryOriginKind as Xs, QueryResultShape as el, SceneEditKind as Z, SceneNodeKind as tl, TemplateReferenceSource as Dt, TemplateScope as St, ValueSource as Er, VerticalAlignment as Co, Visibility as To, componentCategories as nl } from "@cratis/scene.model";
+import { BindingMode as Cy, BindingNullBehavior as Ty, BindingSourceKind as Ny, BindingSourceKind as Bt, CollectionOperation as ke, ColorScheme as Js, ComponentCategory as Qs, CornerStyle as kn, DestinationKind as Iy, DestinationKind as _r, DiagnosticCode as Ys, EditTarget as Zs, EditingScopeKind as an, FlowContainerKind as Sn, FormGenerationMode as ve, FormWidthUnit as Ne, GridUnitType as ko, HorizontalAlignment as So, InteractionActionKind as ht, InteractionTriggerKind as $r, LogoKind as Cn, NavigationRegionKind as gt, NavigationRegionMode as $e, Orientation as ft, PackageKind as Qe, PropertyEditorKind as X, PropertyValueType as G, ProvenanceKind as mi, QueryOriginKind as Xs, QueryResultShape as el, SceneEditKind as Z, SceneNodeKind as tl, TemplateReferenceSource as Dt, TemplateScope as St, ValueSource as Er, VerticalAlignment as Co, Visibility as To, componentCategories as nl } from "@cratis/scene.model";
 import { ApplicationStructureIndex as dn, EffectiveIconCatalog as ol, NavigationEditKind as hi, TemplateCatalogKind as Ar, ToolbarDiagnosticSeverity as il, addNavItem as rl, applicableTemplates as al, applyEdit as Mr, applyNavigationEdits as sl, baseComponentLibraries as ll, componentArgumentSourcePrefix as cl, componentBadge as fi, computeSizeClass as dl, corePackage as No, createDescriptorCatalog as ul, diagnoseNavigationRegions as pl, effectiveNavigation as Fr, effectivePackages as Lr, elementNodeId as ae, findComponentDescriptor as Io, findLayoutTypeDescriptor as gi, inspect as Po, isCanvas as vt, isDockPanel as ml, isExternalComponent as Ye, isGrid as Oo, isPackageSelectionValid as hl, isPanel as Yt, isStackPanel as xo, isThemeCompatible as fl, isWrapPanel as gl, matchComponentQuery as vl, navigationModes as bl, normalizeNavigationMode as yl, normalizeToolbarButton as wl, packagesOfKind as vi, rankFrequentlyUsedComponents as kl, resolveComponentName as Ft, resolveEffectiveConfiguration as Br, resolveIconLibraries as Sl, resolvePackageDependencies as Cl, resolveScreenTemplates as Tl, resolveTemplateChain as Ro, resolveToolbarButton as Nl, screenTemplateNodeId as Il, setApplicationLogo as Pl, slotNodeId as Ol, switchRegionMode as jr, toComponentCatalog as un, toolbarButtonFromItem as Do, validateToolbarButtons as xl, validateValue as Tn } from "@cratis/scene.engine";
 import { ErrorBoundary as wt, IconButton as we, Tabs as Rl } from "@cratis/components/Common";
 import { ColorScheme as Ur, ComponentName as Dl, LayoutConfigProvider as zr, LayoutMode as _o, LayoutName as _l, TemplatePreviewState as pt, applyTemplatePreviewState as $l, colorSchemes as El, composeApplicationScreen as Al, composeScreenElement as Ml, defaultApplicationChrome as Fl, defaultBlueprint as Wr, defaultBlueprintName as Kr, effectiveShellOf as Hr, externalComponent as $o, foundationSamples as Ll, layoutModes as qr, previewProfile as Bl, resolveElementComponentNames as Eo } from "@cratis/scene.blueprint.default";
@@ -133,7 +133,7 @@ var ju = (e) => e ? {
   "se",
   "sw"
 ], da = ({ sourceRect: e, initialSize: t, centerOffsetX: n = 0, children: o, renderInspector: i, canClose: r, onClosed: s }) => {
-  const [l, c] = F("entering"), [u, d] = F(() => ju(t)), p = J(u);
+  const [l, c] = F("entering"), [u, d] = F(() => ju(t)), p = V(u);
   p.current = u;
   const [m, h] = F(!1), [f, v] = F(() => ({
     width: window.innerWidth,
@@ -146,7 +146,7 @@ var ju = (e) => e ? {
     });
     return window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
   }, []);
-  const g = H(() => h((N) => !N), []), k = J(null);
+  const g = H(() => h((N) => !N), []), k = V(null);
   ie(() => {
     const N = requestAnimationFrame(() => c("visible"));
     return () => cancelAnimationFrame(N);
@@ -291,7 +291,7 @@ function It(e, t) {
     } : n)
   };
 }
-function b0(e) {
+function w0(e) {
   const t = e.screens.map((n) => n.name);
   return [...t.filter((n) => n === le), ...t.filter((n) => n !== le)];
 }
@@ -1541,7 +1541,7 @@ var Qp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
       })
     ]
   });
-}, y0 = [
+}, k0 = [
   St.Module,
   St.Feature,
   St.Subfeature,
@@ -5041,7 +5041,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
   viaKeyword: (e, t, n) => `...${e} matches "${t}" via keyword "${n}"`,
   addLabel: (e) => `Add ${e}`
 }, Mh = "★", Fh = ({ entries: e, memory: t, strings: n = Ah, onAdd: o, usageVersion: i = 0 }) => {
-  const [r, s] = F(""), [l, c] = F(() => t.readGroups()), u = J(null), d = J(null), p = Vs(), m = j(() => ({ ...t.readUsage() }), [t, i]), h = j(() => Th({
+  const [r, s] = F(""), [l, c] = F(() => t.readGroups()), u = V(null), d = V(null), p = Vs(), m = j(() => ({ ...t.readUsage() }), [t, i]), h = j(() => Th({
     entries: e,
     usage: m,
     query: r,
@@ -6618,7 +6618,7 @@ var Af = (e) => {
   return t > 0 && n > 0;
 }, go = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => Af(t) || getComputedStyle(t).display === "contents" && go(t)), Mf = 150;
 function Ff(e, t) {
-  const [n, o] = F(!0), i = J(!0);
+  const [n, o] = F(!0), i = V(!0);
   return Te(() => {
     const r = e.current;
     if (!r) return;
@@ -6639,12 +6639,12 @@ function Ff(e, t) {
   }, [e, t]), n;
 }
 var Lf = ({ element: e }) => e.name || e.componentName, Bf = (e, t) => {
-  const n = J(e), o = J(0);
+  const n = V(e), o = V(0);
   return n.current !== e && (n.current = e, t && (o.current += 1)), o.current;
 };
 function jf(e, t, n, o) {
   const i = (r) => {
-    const s = J(null), l = j(() => ({
+    const s = V(null), l = j(() => ({
       ...r.element,
       properties: ts(e, r.element.componentName, r.element.properties)
     }), [r.element]), c = j(() => Ef(e, r.element.componentName, r.element.properties), [r.element]), u = es.has(xt(r.element.componentName)), d = e.startsWith(`${Kr}:`), p = d ? void 0 : Za[xt(r.element.componentName)], m = d && xt(r.element.componentName) === "topbar", [h, f] = F(), v = Ff(s, r.element), g = Lf(r), k = Bf(r.element, h !== void 0);
@@ -6936,11 +6936,11 @@ function lg(e, t, n, o = 6) {
 }
 var cg = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, dg = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && cg(e.drop?.target.rect, t.drop?.target.rect);
 function ug(e, t, n) {
-  const [o, i] = F(), r = J(void 0);
+  const [o, i] = F(), r = V(void 0);
   r.current = o;
-  const [s, l] = F(), c = J(0), u = J(void 0), d = H(() => {
+  const [s, l] = F(), c = V(0), u = V(void 0), d = H(() => {
     c.current = 0, u.current = void 0, l(void 0), i(void 0);
-  }, []), p = J(!1);
+  }, []), p = V(!1);
   ie(() => {
     const S = (w) => {
       w.key !== "Escape" || !u.current && !c.current && !r.current || (p.current = !0, d());
@@ -7037,7 +7037,7 @@ function pg(e, t, n) {
   };
 }
 function mg(e, t, n) {
-  const [o, i] = F([]), [r, s] = F(), l = J([]), c = H(() => {
+  const [o, i] = F([]), [r, s] = F(), l = V([]), c = H(() => {
     const d = e.current;
     if (!d) return [];
     const p = d.getBoundingClientRect(), m = (f) => Be(d, f, p), h = {
@@ -7127,9 +7127,9 @@ function yg(e) {
   return n?.dataset.sceneItem ?? n?.dataset.sceneNavItem;
 }
 function wg(e, t, n = !1) {
-  const o = J(t);
+  const o = V(t);
   o.current = t;
-  const i = J(n);
+  const i = V(n);
   i.current = n, ie(() => {
     const r = e.current;
     if (!r) return;
@@ -7152,7 +7152,7 @@ function wg(e, t, n = !1) {
   }, [e]);
 }
 var pr = 'button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])', mr = 440, kg = ({ registry: e, property: t, context: n, componentId: o, anchor: i, opener: r, bounds: s, title: l, strings: c, onChange: u, onClose: d }) => {
-  const p = J(null);
+  const p = V(null);
   ie(() => ((p.current?.querySelector(pr) ?? p.current)?.focus({ preventScroll: !0 }), () => {
     r.isConnected && r.focus({ preventScroll: !0 });
   }), [r]), ie(() => {
@@ -7230,7 +7230,7 @@ var hr = [
   [A.duplicate]: /* @__PURE__ */ a(Jc, { "aria-hidden": "true" }),
   [A.delete]: /* @__PURE__ */ a(ed, { "aria-hidden": "true" })
 }, Ig = ({ subject: e, item: t, anchor: n, bounds: o, strings: i, renameToken: r, chipLabel: s, onRename: l, onAction: c, onChoice: u, readOnlyActions: d, onReadOnlyAction: p, onLeave: m }) => {
-  const h = J(null), f = J(null), [v, g] = F({
+  const h = V(null), f = V(null), [v, g] = F({
     width: 380,
     height: 100
   }), [k, x] = F(t.label), [O, y] = F(0), S = e.mode.itemToolbar, w = S.some((_) => _.compact === !0), T = S.some((_) => hr.includes(_.id)), E = S.find((_) => _.id === A.rename), I = E && Wt(E, t);
@@ -7250,7 +7250,7 @@ var hr = [
     bounds: o,
     size: v,
     prefer: C
-  }), U = J(!1), D = () => {
+  }), U = V(!1), D = () => {
     const _ = k.trim();
     _ !== "" && _ !== t.label ? l(_) : x(t.label);
   }, M = (_) => {
@@ -7367,69 +7367,79 @@ var hr = [
       })
     ]
   });
-}, Pg = (e) => {
+};
+function Pg(e, t, n) {
+  return !t || e?.root === t ? e : (e?.stop(), {
+    root: t,
+    stop: n(t)
+  });
+}
+var Og = (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}"]`
   ];
-}, Un = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Og = (e, t) => Un(e.surface, t.surface) && Un(e.component, t.component) && Object.keys(t.items).length === Object.keys(e.items).length && Object.entries(t.items).every(([n, o]) => Un(e.items[n], o));
+}, Un = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, xg = (e, t) => Un(e.surface, t.surface) && Un(e.component, t.component) && Object.keys(t.items).length === Object.keys(e.items).length && Object.entries(t.items).every(([n, o]) => Un(e.items[n], o));
+function Rg(e, t) {
+  const n = [];
+  let o = 0;
+  const i = () => {
+    o === 0 && (o = requestAnimationFrame(() => {
+      o = 0, t();
+    }));
+  };
+  if (typeof ResizeObserver < "u") {
+    const r = new ResizeObserver(i);
+    r.observe(e), n.push(r);
+    const s = new ResizeObserver(i), l = () => {
+      s.disconnect(), e.querySelectorAll('[data-scene-id="composition"]').forEach((c) => s.observe(c));
+    };
+    if (l(), n.push(s), typeof MutationObserver < "u") {
+      const c = new MutationObserver(l);
+      c.observe(e, {
+        childList: !0,
+        subtree: !0
+      }), n.push(c);
+    }
+  }
+  if (typeof MutationObserver < "u") {
+    const r = new MutationObserver(i);
+    r.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["class", "style"]
+    }), n.push(r);
+  }
+  return () => {
+    n.forEach((r) => r.disconnect()), o !== 0 && cancelAnimationFrame(o);
+  };
+}
 function vo(e, t, n) {
   const [o, i] = F(), r = H(() => {
-    const s = e.current, l = s ? t(s, s.getBoundingClientRect()) : void 0;
-    i((c) => c === void 0 || l === void 0 ? l : n(c, l) ? c : l);
+    const c = e.current, u = c ? t(c, c.getBoundingClientRect()) : void 0;
+    i((d) => d === void 0 || u === void 0 ? u : n(d, u) ? d : u);
   }, [
     e,
     t,
     n
-  ]);
+  ]), s = V(r);
+  s.current = r;
+  const l = V(void 0);
   return Te(() => {
-    r();
-  }), Te(() => {
-    const s = e.current;
-    if (!s) return;
-    const l = [];
-    let c = 0;
-    const u = () => {
-      c === 0 && (c = requestAnimationFrame(() => {
-        c = 0, r();
-      }));
-    };
-    if (typeof ResizeObserver < "u") {
-      const d = new ResizeObserver(u);
-      d.observe(s), l.push(d);
-      const p = new ResizeObserver(u), m = () => {
-        p.disconnect(), s.querySelectorAll('[data-scene-id="composition"]').forEach((h) => p.observe(h));
-      };
-      if (m(), l.push(p), typeof MutationObserver < "u") {
-        const h = new MutationObserver(m);
-        h.observe(s, {
-          childList: !0,
-          subtree: !0
-        }), l.push(h);
-      }
-    }
-    if (typeof MutationObserver < "u") {
-      const d = new MutationObserver(u);
-      d.observe(s, {
-        childList: !0,
-        subtree: !0,
-        attributes: !0,
-        attributeFilter: ["class", "style"]
-      }), l.push(d);
-    }
-    return () => {
-      l.forEach((d) => d.disconnect()), c !== 0 && cancelAnimationFrame(c);
-    };
-  }, [e, r]), o;
+    r(), l.current = Pg(l.current, e.current, (c) => Rg(c, () => s.current()));
+  }), Te(() => () => {
+    l.current?.stop(), l.current = void 0;
+  }, []), o;
 }
-function xg(e, t) {
+function Dg(e, t) {
   return vo(e, H((n, o) => {
     if (!t) return;
     const i = Be(n, t.componentId, o), r = n.querySelector(`[data-studio-element="${CSS.escape(t.componentId)}"]`) ?? n.querySelector(`[data-scene-id="${CSS.escape(t.componentId)}"]`), s = {};
     for (const l of t.source.items) {
-      const c = Be(n, l.id, o) ?? (r ? Pg(l.id).map((u) => r.querySelector(u)).flatMap((u) => u ? [rs(u, o)] : []).find((u) => u !== void 0) : void 0);
+      const c = Be(n, l.id, o) ?? (r ? Og(l.id).map((u) => r.querySelector(u)).flatMap((u) => u ? [rs(u, o)] : []).find((u) => u !== void 0) : void 0);
       c && (s[l.id] = c);
     }
     return {
@@ -7442,10 +7452,10 @@ function xg(e, t) {
       component: i,
       items: s
     };
-  }, [t]), Og);
+  }, [t]), xg);
 }
-var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
-  const { subject: s } = t, l = xg(e, s), [c, u] = F(), d = o.propertyEditors?.registry ?? hn, p = j(() => jo(o.availableSources), [o.availableSources]), m = H((M) => {
+var zn = 34, _g = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
+  const { subject: s } = t, l = Dg(e, s), [c, u] = F(), d = o.propertyEditors?.registry ?? hn, p = j(() => jo(o.availableSources), [o.availableSources]), m = H((M) => {
     if (typeof M != "string" || M === "") return;
     const L = o.propertyEditors?.slices?.find((z) => z.id === M) ?? o.stateChangeSlices.find((z) => z.id === M), N = M.split(".");
     return L?.name ?? N[N.length - 1];
@@ -7536,7 +7546,7 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
       property: I.property,
       context: $(),
       componentId: g.id,
-      anchor: Dg(e, c.opener),
+      anchor: $g(e, c.opener),
       opener: c.opener,
       bounds: l.surface,
       title: s.mode.itemToolbar.find((M) => M.id === c.actionId)?.title ?? c.actionId,
@@ -7567,7 +7577,7 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
     })
   ] });
 };
-function Dg(e, t) {
+function $g(e, t) {
   const n = e.current?.getBoundingClientRect(), o = t.getBoundingClientRect();
   return {
     left: o.left - (n?.left ?? 0),
@@ -7587,14 +7597,14 @@ function ls(e, t) {
     }] : [], ...ls(cn(n), t)];
   });
 }
-var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, gr = "content", $g = (e, t) => e.length === t.length && e.every((n, o) => n.id === t[o].id && n.rect.left === t[o].rect.left && n.rect.top === t[o].rect.top && n.rect.width === t[o].rect.width && n.rect.height === t[o].rect.height), Eg = ({ surface: e, controller: t, strings: n }) => {
-  const o = vo(e, H((h, f) => Be(h, "composition", f), []), _g), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = j(() => ls(i.roots, r.catalog), [i.roots, r.catalog]), p = H((h, f) => d.flatMap((v) => {
+var Eg = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, gr = "content", Ag = (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), Mg = ({ surface: e, controller: t, strings: n }) => {
+  const o = vo(e, H((h, f) => Be(h, "composition", f), []), Eg), { composition: i, context: r, selectedId: s, navigation: l, navigationModule: c, structure: u } = t, d = j(() => ls(i.roots, r.catalog), [i.roots, r.catalog]), p = H((h, f) => d.flatMap((v) => {
     const g = Be(h, v.id, f);
     return g ? [{
       ...v,
       rect: g
     }] : [];
-  }), [d]), m = vo(e, p, $g);
+  }), [d]), m = vo(e, p, Ag);
   return /* @__PURE__ */ b(re, { children: [o && /* @__PURE__ */ a("div", {
     className: "studio-design-slot",
     "data-slot": gr,
@@ -7648,9 +7658,9 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
       })
     }, h);
   })] });
-}, Ag = Wl(), Jt = () => {
+}, Fg = Wl(), Jt = () => {
   throw new Error("The screen is being designed; it does not navigate.");
-}, Mg = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
+}, Lg = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
   const l = j(() => new dn(e), [e]), c = j(() => ({
     structure: l,
     navigation: t
@@ -7684,7 +7694,7 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     children: /* @__PURE__ */ a(jl, {
       model: c,
       children: /* @__PURE__ */ a(zl, {
-        invoker: Ag,
+        invoker: Fg,
         warnEmptySlices: !0,
         children: s
       })
@@ -7694,11 +7704,11 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     value: p,
     children: f
   }) : f;
-}, Fg = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', Lg = (e) => {
+}, Bg = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', jg = (e) => {
   const t = e;
-  return !!t && typeof t.closest == "function" && t.closest(Fg) !== null;
+  return !!t && typeof t.closest == "function" && t.closest(Bg) !== null;
 };
-function Bg(e, t, n) {
+function Ug(e, t, n) {
   const { subject: o } = t;
   if (!o) return !1;
   const i = pn(e.target), r = () => (e.preventDefault(), e.stopPropagation(), !0);
@@ -7706,7 +7716,7 @@ function Bg(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 !Lg(e.target) && n() ? r() : !1;
+  if (e.key === "Enter" && !e.altKey && !e.ctrlKey && !e.metaKey) return !jg(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)
@@ -7728,8 +7738,8 @@ function cs(e, t, n) {
     ...l ? { slots: l } : {}
   } : e;
 }
-var jg = (e) => e.length - e.trimStart().length;
-function Ug(e) {
+var zg = (e) => e.length - e.trimStart().length;
+function Wg(e) {
   const t = e.split(`
 `).filter((i) => i.trim().length > 0 && !i.trim().startsWith("//")), n = {
     head: "",
@@ -7739,7 +7749,7 @@ function Ug(e) {
     indent: -1
   }];
   for (const i of t) {
-    const r = jg(i);
+    const r = zg(i);
     for (; o.length > 1 && o[o.length - 1].indent >= r; ) o.pop();
     const s = {
       head: i.trim(),
@@ -7752,7 +7762,7 @@ function Ug(e) {
   }
   return n.body;
 }
-var Wn = (e, t) => new RegExp(`(?:^|\\s)${t}\\s+"([^"]*)"`).exec(e)?.[1], zg = (e, t) => new RegExp(`(?:^|\\s)${t}\\s+([^\\s"]+)`).exec(e)?.[1], Re = (e) => e.split(/\s+/)[1] ?? "", Wg = (e, t) => {
+var Wn = (e, t) => new RegExp(`(?:^|\\s)${t}\\s+"([^"]*)"`).exec(e)?.[1], Kg = (e, t) => new RegExp(`(?:^|\\s)${t}\\s+([^\\s"]+)`).exec(e)?.[1], Re = (e) => e.split(/\s+/)[1] ?? "", Hg = (e, t) => {
   switch (e.head.split(/\s+/)[0]) {
     case "table": {
       const n = e.body.filter((o) => o.head.startsWith("column ")).map((o, i) => {
@@ -7774,7 +7784,7 @@ var Wn = (e, t) => new RegExp(`(?:^|\\s)${t}\\s+"([^"]*)"`).exec(e)?.[1], zg = (
     case "button":
       return ue(t, Re(e.head), "core:button", {
         label: Wn(e.head, "title") ?? Re(e.head),
-        severity: zg(e.head, "emphasis") === "primary" ? void 0 : "secondary"
+        severity: Kg(e.head, "emphasis") === "primary" ? void 0 : "secondary"
       });
     default:
       return ue(t, e.head, "core:text", { text: e.head });
@@ -7783,11 +7793,11 @@ var Wn = (e, t) => new RegExp(`(?:^|\\s)${t}\\s+"([^"]*)"`).exec(e)?.[1], zg = (
 function Kn(e, t) {
   const n = [];
   return (e ?? []).forEach((o, i) => {
-    typeof o?.text == "string" && Ug(o.text).forEach((r, s) => n.push(Wg(r, `native-${t}-${i}-${s}`)));
+    typeof o?.text == "string" && Wg(o.text).forEach((r, s) => n.push(Hg(r, `native-${t}-${i}-${s}`)));
   }), n;
 }
 var vr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
-function Kg(e, t = /* @__PURE__ */ new Set()) {
+function qg(e, t = /* @__PURE__ */ new Set()) {
   return (e ?? []).filter((n) => typeof n?.forCommand == "string" && !t.has(n.forCommand)).map((n, o) => {
     const i = `native-form-${o}`, r = n.forCommand, s = (n.fields ?? []).filter((l) => typeof l?.name == "string").map((l, c) => ue(`${i}-field-${c}`, l.name, "core:field", {
       property: l.name,
@@ -7800,20 +7810,20 @@ function Kg(e, t = /* @__PURE__ */ new Set()) {
     ]);
   });
 }
-var ds = "template-slot:", Hg = "template-slot-label:", qg = 280, Gg = (e) => {
+var ds = "template-slot:", Gg = "template-slot-label:", Vg = 280, Jg = (e) => {
   const t = e.arrangement;
   return t?.root && typeof t.root == "object" ? t.root : void 0;
-}, us = (e) => `${ds}${e}`, He = (e) => e.startsWith(ds), Vg = (e) => e.slice(14), Jg = (e) => e.slots.some((t) => t.name !== Ze);
+}, us = (e) => `${ds}${e}`, He = (e) => e.startsWith(ds), Qg = (e) => e.slice(14), Yg = (e) => e.slots.some((t) => t.name !== Ze);
 function ps(e, t) {
-  return t !== void 0 && He(e) ? Ol(Il(t), Vg(e)) : void 0;
+  return t !== void 0 && He(e) ? Ol(Il(t), Qg(e)) : void 0;
 }
 var ms = (e, t) => He(e) ? Math.max(0, t - 1) : t, hs = (e, t, n) => {
-  const o = ue(`${Hg}${t}`, t, "core:text", { text: `slot: ${t}` });
+  const o = ue(`${Gg}${t}`, t, "core:text", { text: `slot: ${t}` });
   return Pe(q.Stack, us(t), t, [...n ? [o] : [], ...e.content?.[t] ?? []]);
 }, br = (e) => ({
   unitType: ko.Star,
   value: e
-}), Qg = (e) => ({
+}), Zg = (e) => ({
   unitType: ko.Absolute,
   value: e
 });
@@ -7841,14 +7851,14 @@ function fs(e, t, n, o) {
     }))),
     rows: [],
     columns: s.map((c) => ({
-      width: (c.child.grow ?? 0) > 0 ? br(c.child.grow) : c.child.slotName !== void 0 ? Qg(qg) : br(1),
+      width: (c.child.grow ?? 0) > 0 ? br(c.child.grow) : c.child.slotName !== void 0 ? Zg(Vg) : br(1),
       minimumWidth: 0,
       maximumWidth: Number.POSITIVE_INFINITY
     }))
   };
 }
-function Yg(e, t = !0) {
-  const n = /* @__PURE__ */ new Set(), o = Gg(e), i = [], r = o ? fs(e, o, n, t) : void 0;
+function Xg(e, t = !0) {
+  const n = /* @__PURE__ */ new Set(), o = Jg(e), i = [], r = o ? fs(e, o, n, t) : void 0;
   r && i.push(r);
   for (const s of e.slots) n.has(s.name) || (n.add(s.name), i.push(hs(e, s.name, t)));
   return {
@@ -7863,8 +7873,8 @@ function bo(e, t) {
   for (const c of i) {
     const u = e.screenTemplates.find((d) => d.name === c);
     if (u) {
-      if (c === t && Jg(u)) {
-        const d = Yg(u);
+      if (c === t && Yg(u)) {
+        const d = Xg(u);
         r.push(...d.elements), s = d.entry;
         continue;
       }
@@ -7877,7 +7887,7 @@ function bo(e, t) {
     r.push(...c.content ?? [], ...Kn(u[Ze], Ze));
     for (const [d, p] of Object.entries(c)) d !== "content" && r.push(...p, ...Kn(u[d], d));
     for (const [d, p] of Object.entries(u)) d !== "content" && !(d in c) && r.push(...Kn(p, d));
-    r.push(...Kg(n?.forms, Zg(r)));
+    r.push(...qg(n?.forms, ev(r)));
   }
   return {
     element: Pe(q.Stack, gs, "Composition", r),
@@ -7887,22 +7897,22 @@ function bo(e, t) {
     ...s ? { entry: s } : {}
   };
 }
-function Zg(e) {
+function ev(e) {
   const t = /* @__PURE__ */ new Set(), n = (o) => {
     const { properties: i, slots: r, children: s } = o;
     typeof i?.command == "string" && t.add(i.command), Object.values(r ?? {}).forEach((l) => l.forEach(n)), (s ?? []).forEach(n);
   };
   return e.forEach(n), t;
 }
-function Xg(e) {
+function tv(e) {
   return e.templates.length === 0 ? e.element : Pe(q.Stack, gs, "Composition", e.own);
 }
-var ev = () => {
-}, tv = {
+var nv = () => {
+}, ov = {
   button: "Button",
   item: "New item"
-}, nv = ({ controller: e, environment: t, resolveBinding: n = ev, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
-  const c = J(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: m, measureNow: h } = mg(c, d, p), { feedback: f, draggedId: v, startMoving: g, endMoving: k, handlers: x } = ug(c, h, e), [O, y] = F(), S = ig(e, t), { document: w, context: T } = e, E = j(() => o ?? (w.instanceContributions.length > 0 ? Br(Ro(w, T.scope), w.instanceContributions, T.catalog) : void 0), [
+}, iv = ({ controller: e, environment: t, resolveBinding: n = nv, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
+  const c = V(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: m, measureNow: h } = mg(c, d, p), { feedback: f, draggedId: v, startMoving: g, endMoving: k, handlers: x } = ug(c, h, e), [O, y] = F(), S = ig(e, t), { document: w, context: T } = e, E = j(() => o ?? (w.instanceContributions.length > 0 ? Br(Ro(w, T.scope), w.instanceContributions, T.catalog) : void 0), [
     o,
     w,
     T
@@ -7910,7 +7920,7 @@ var ev = () => {
     controller: e,
     environment: t,
     strings: I,
-    startingLabels: tv,
+    startingLabels: ov,
     ...$ ? { startingDestination: $ } : {}
   });
   Te(() => {
@@ -7924,7 +7934,7 @@ var ev = () => {
       P.preventDefault(), l.back();
       return;
     }
-    Bg(P, U, () => {
+    Ug(P, U, () => {
       const B = c.current?.querySelector(".studio-design-toolbar__title");
       return B?.focus({ preventScroll: !0 }), !!B;
     }) || !Bo(P) || !e.selectedId || !e.canRemove(e.selectedId) || (P.preventDefault(), e.remove(e.selectedId));
@@ -7943,15 +7953,15 @@ var ev = () => {
       width: K.width,
       height: K.height
     };
-    const V = Be(B, P, W);
-    return V && {
-      left: V.left,
-      top: V.top,
-      width: V.width,
-      height: V.height
+    const J = Be(B, P, W);
+    return J && {
+      left: J.left,
+      top: J.top,
+      width: J.width,
+      height: J.height
     };
   }), () => N(void 0)), [N]);
-  const z = l !== void 0 && l.template.available && !l.template.shown, Q = j(() => z ? Xg(u) : u.element, [z, u]), pe = j(() => Eo(Q, t.runtime.compositionProfile, t.runtime.packages), [
+  const z = l !== void 0 && l.template.available && !l.template.shown, Q = j(() => z ? tv(u) : u.element, [z, u]), pe = j(() => Eo(Q, t.runtime.compositionProfile, t.runtime.packages), [
     Q,
     t.runtime.compositionProfile,
     t.runtime.packages
@@ -7967,7 +7977,7 @@ var ev = () => {
     registry: t.runtime.iconAdapters,
     children: /* @__PURE__ */ a(zr, {
       storage: null,
-      children: /* @__PURE__ */ a(Mg, {
+      children: /* @__PURE__ */ a(Lg, {
         structure: e.structure,
         navigation: e.navigation,
         module: e.navigationModule,
@@ -8041,12 +8051,12 @@ var ev = () => {
             surface: c,
             markers: S
           }),
-          /* @__PURE__ */ a(Eg, {
+          /* @__PURE__ */ a(Mg, {
             surface: c,
             controller: e,
             strings: I
           }),
-          r && /* @__PURE__ */ a(Rg, {
+          r && /* @__PURE__ */ a(_g, {
             surface: c,
             state: U,
             controller: e,
@@ -8167,7 +8177,7 @@ var ev = () => {
               onClick: m.back,
               children: n.shellPeekBack
             })]
-          }), /* @__PURE__ */ a(nv, {
+          }), /* @__PURE__ */ a(iv, {
             controller: e,
             environment: t,
             resolveBinding: () => {
@@ -8182,7 +8192,7 @@ var ev = () => {
     ]
   });
 };
-function ov(e, t, n) {
+function rv(e, t, n) {
   const o = e.screens.find((l) => l.name === le);
   if (!o || o.screenTemplate === t?.name) return e;
   const i = o.screenTemplate, r = e.screens.map((l) => {
@@ -8193,14 +8203,14 @@ function ov(e, t, n) {
       screenTemplate: t.name
     } : u;
   });
-  let s = e.screenTemplates.filter((l) => !iv(l, i, r, n));
+  let s = e.screenTemplates.filter((l) => !av(l, i, r, n));
   return t && !s.some((l) => l.name === t.name) && (s = [...s, globalThis.structuredClone(t)]), {
     ...e,
     screens: r,
     screenTemplates: s
   };
 }
-function iv(e, t, n, o) {
+function av(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);
@@ -8236,14 +8246,14 @@ function ws(e) {
     top: o
   } : void 0;
 }
-function rv(e) {
+function sv(e) {
   const { [et]: t, [tt]: n, ...o } = e.properties ?? {};
   return {
     ...e,
     properties: o
   };
 }
-function av(e, t) {
+function lv(e, t) {
   if (e.targetParentId !== null)
     return {
       kind: Z.MoveNode,
@@ -8260,7 +8270,7 @@ function ks(e, t, n, o) {
     element: n
   };
 }
-function sv(e) {
+function cv(e) {
   return {
     kind: Z.RemoveNode,
     nodeId: ae(e)
@@ -8274,18 +8284,18 @@ var Ss = (e, t) => (e?.children ?? []).map((n) => {
     bottom: o?.bottom
   };
 });
-function lv(e, t, n, o) {
+function dv(e, t, n, o) {
   const i = qe(e, t.nodeId);
   if (!i || t.targetParentId === null) return;
   const r = wo(e, t.nodeId), s = qe(e, t.targetParentId), l = !!r && vt(r), c = !!s && vt(s);
   if (!l && !c) return;
-  const u = l && c && r.id === t.targetParentId, d = u ? r.children.findIndex((m) => m.id === t.nodeId) : t.index, p = c ? ys(i, n ?? (u ? ws(i) : void 0) ?? bs(Ss(s, o))) : rv(i);
+  const u = l && c && r.id === t.targetParentId, d = u ? r.children.findIndex((m) => m.id === t.nodeId) : t.index, p = c ? ys(i, n ?? (u ? ws(i) : void 0) ?? bs(Ss(s, o))) : sv(i);
   return [{
     kind: Z.RemoveNode,
     nodeId: ae(t.nodeId)
   }, ks(t.targetParentId, d, p)];
 }
-function cv(e) {
+function uv(e) {
   switch (e) {
     case Y.Row:
     case Y.Wrap:
@@ -8300,7 +8310,7 @@ function cv(e) {
   }
 }
 function wr(e, t, n, o) {
-  const i = e ?? "screen", r = cv(n), s = {
+  const i = e ?? "screen", r = uv(n), s = {
     id: `${i}:container`,
     kind: Oe.Container,
     containerId: e,
@@ -8319,7 +8329,7 @@ function wr(e, t, n, o) {
     ...c < t.length ? { beforeId: o.idOf(t[c]) } : {}
   }))];
 }
-function dv(e, t, n) {
+function pv(e, t, n) {
   const o = (i) => i.flatMap((r) => {
     if (!n.acceptsChildren(r)) return [];
     const s = n.childrenOf(r);
@@ -8327,7 +8337,7 @@ function dv(e, t, n) {
   });
   return [...wr(null, e, t, n), ...o(e)];
 }
-var uv = class {
+var mv = class {
   latest;
   publish;
   constructor(e, t) {
@@ -8340,7 +8350,7 @@ var uv = class {
     return this.latest = e(this.latest), this.publish(this.latest), this.latest;
   }
 };
-function pv(e) {
+function hv(e) {
   return {
     document: e,
     undoable: [],
@@ -8350,7 +8360,7 @@ function pv(e) {
     savedDocument: e
   };
 }
-function mv(e, t, n, o) {
+function fv(e, t, n, o) {
   const i = Mr(e.document, t, n);
   return i.applied ? {
     ...e,
@@ -8380,7 +8390,7 @@ function De(e, t, n) {
     isDirty: t !== e.savedDocument
   };
 }
-function hv(e, t, n, o) {
+function gv(e, t, n, o) {
   let i = e.document;
   const r = [];
   for (const s of t) {
@@ -8403,8 +8413,8 @@ function hv(e, t, n, o) {
     isDirty: i !== e.savedDocument
   };
 }
-var fv = (e) => e.undoable.length > 0, gv = (e) => e.redoable.length > 0;
-function vv(e) {
+var vv = (e) => e.undoable.length > 0, bv = (e) => e.redoable.length > 0;
+function yv(e) {
   const t = e.undoable[e.undoable.length - 1];
   return t ? {
     ...e,
@@ -8418,7 +8428,7 @@ function vv(e) {
     isDirty: t.before !== e.savedDocument
   } : e;
 }
-function bv(e) {
+function wv(e) {
   const t = e.redoable[e.redoable.length - 1];
   return t ? {
     ...e,
@@ -8432,7 +8442,7 @@ function bv(e) {
     isDirty: t.before !== e.savedDocument
   } : e;
 }
-function yv(e) {
+function kv(e) {
   return {
     ...e,
     savedDocument: e.document,
@@ -8455,7 +8465,7 @@ function Rt(e, t, n) {
     Array.isArray(i) && Rt(i, t, n);
   }
 }
-var yo = (e) => e.id, wv = (e) => e.name || yo(e), kv = (e) => {
+var yo = (e) => e.id, Sv = (e) => e.name || yo(e), Cv = (e) => {
   switch (e) {
     case q.Stack:
       return Y.Column;
@@ -8473,10 +8483,10 @@ var yo = (e) => e.id, wv = (e) => e.name || yo(e), kv = (e) => {
       return;
   }
 };
-function Sv(e) {
+function Tv(e) {
   return {
     idOf: yo,
-    nameOf: wv,
+    nameOf: Sv,
     childrenOf: cn,
     withChildren: (t, n) => Yt(t) ? {
       ...t,
@@ -8487,13 +8497,13 @@ function Sv(e) {
     } : t,
     acceptsChildren: (t) => Yt(t),
     ownershipOf: (t) => e(yo(t)) ?? oe.Local,
-    arrangementOf: (t) => Yt(t) ? kv(ma(t)) : void 0
+    arrangementOf: (t) => Yt(t) ? Cv(ma(t)) : void 0
   };
 }
-function Cv(e) {
+function Nv(e) {
   return e ? vt(e) ? Y.Freeform : Oo(e) ? Y.Grid : xo(e) && e.orientation === ft.Horizontal ? Y.Row : Y.Column : Y.Column;
 }
-var Tv = (e, t) => Math.max(0, Math.min(e, t));
+var Iv = (e, t) => Math.max(0, Math.min(e, t));
 function Sr(e, t, n) {
   const o = Ie(e, t.nodeId, n);
   if (!o) return te.NodeNotFound;
@@ -8509,10 +8519,10 @@ function Sr(e, t, n) {
   }
   if ((o.parent === null ? null : n.idOf(o.parent)) === t.targetParentId) {
     const r = i.length - 1;
-    if (Tv(t.index, r) === o.index) return te.NoChange;
+    if (Iv(t.index, r) === o.index) return te.NoChange;
   }
 }
-function Nv(e) {
+function Pv(e) {
   switch (e) {
     case mi.Inherited:
       return oe.Inherited;
@@ -8522,7 +8532,7 @@ function Nv(e) {
       return oe.Local;
   }
 }
-function Iv(e, t, n) {
+function Ov(e, t, n) {
   const o = /* @__PURE__ */ new Map();
   for (const i of Ds(t)) {
     if (He(i)) {
@@ -8530,11 +8540,11 @@ function Iv(e, t, n) {
       continue;
     }
     const r = Po(e, ae(i), n);
-    o.set(i, r ? Nv(r.provenance.kind) : oe.Inherited);
+    o.set(i, r ? Pv(r.provenance.kind) : oe.Inherited);
   }
   return (i) => o.get(i) ?? oe.Local;
 }
-function Pv(e) {
+function xv(e) {
   const [t, n] = F({
     catalog: e,
     times: 0
@@ -8552,14 +8562,14 @@ function Pv(e) {
     };
   }, [e]), t.catalog === e ? t.times : 0;
 }
-function Ov(e, t) {
+function Rv(e, t) {
   j(() => t?.(e), [e, t]), ie(() => t?.(e), [e, t]);
 }
-var xv = { modules: [] }, Rv = (e, t) => wo(e, t)?.id;
+var Dv = { modules: [] }, _v = (e, t) => wo(e, t)?.id;
 function Cs(e, t, n, o) {
-  const [i, r] = F(() => pv(e.document)), s = J(void 0);
-  s.current ??= new uv(i, r);
-  const l = H((P) => s.current.commit(P), []), [c, u] = F(), [d, p] = F(), [m, h] = F(n.navigation?.module), f = J(void 0), v = H((P, B) => {
+  const [i, r] = F(() => hv(e.document)), s = V(void 0);
+  s.current ??= new mv(i, r);
+  const l = H((P) => s.current.commit(P), []), [c, u] = F(), [d, p] = F(), [m, h] = F(n.navigation?.module), f = V(void 0), v = H((P, B) => {
     const W = f.current?.(P), K = f.current?.(B);
     return W && K ? {
       height: W.height,
@@ -8567,8 +8577,8 @@ function Cs(e, t, n, o) {
     } : void 0;
   }, []), g = H((P) => {
     f.current = P;
-  }, []), k = Pv(n.runtime.icons);
-  Ov(n.stateChangeSlices, n.registerDesignTimeCommands);
+  }, []), k = xv(n.runtime.icons);
+  Rv(n.stateChangeSlices, n.registerDesignTimeCommands);
   const x = j(() => ({
     catalog: n.runtime.catalog,
     scope: Zn(t, t !== void 0),
@@ -8578,11 +8588,11 @@ function Cs(e, t, n, o) {
     n,
     t,
     k
-  ]), O = j(() => bo(i.document, t), [i.document, t]), y = j(() => Iv(i.document, O.roots, x), [
+  ]), O = j(() => bo(i.document, t), [i.document, t]), y = j(() => Ov(i.document, O.roots, x), [
     i.document,
     O,
     x
-  ]), S = j(() => Sv(y), [y]), w = Nt(i.document, t), T = j(() => dv(O.roots, Cv(w), S).filter((P) => P.containerId !== null), [
+  ]), S = j(() => Tv(y), [y]), w = Nt(i.document, t), T = j(() => pv(O.roots, Nv(w), S).filter((P) => P.containerId !== null), [
     O,
     w,
     S
@@ -8591,7 +8601,7 @@ function Cs(e, t, n, o) {
     c,
     x
   ]), C = H((P, B) => {
-    const W = s.current.current, K = l((V) => mv(V, P, x, B));
+    const W = s.current.current, K = l((J) => fv(J, P, x, B));
     return {
       applied: K.undoable.length > W.undoable.length || K.document !== W.document,
       diagnostics: K.diagnostics
@@ -8599,7 +8609,7 @@ function Cs(e, t, n, o) {
   }, [l, x]), $ = H((P, B) => {
     C(P, B);
   }, [C]), U = H((P, B) => {
-    const W = s.current.current, K = l((V) => hv(V, P, x, B));
+    const W = s.current.current, K = l((J) => gv(J, P, x, B));
     return {
       applied: K.document !== W.document,
       diagnostics: K.diagnostics
@@ -8610,12 +8620,12 @@ function Cs(e, t, n, o) {
       parent: W,
       index: B ?? K.length
     };
-  }, [w, O]), M = J(o);
+  }, [w, O]), M = V(o);
   M.current = o;
-  const L = H((P, B, W, K, V, de) => {
+  const L = H((P, B, W, K, J, de) => {
     const Ue = D(B, W);
     if (!Ue.parent) return;
-    const ot = qe(bo(s.current.current.document, t).roots, Ue.parent), xs = ot && vt(ot) ? ys(P, V ?? bs(Ss(ot, v))) : P;
+    const ot = qe(bo(s.current.current.document, t).roots, Ue.parent), xs = ot && vt(ot) ? ys(P, J ?? bs(Ss(ot, v))) : P;
     C(ks(Ue.parent, Ue.index, xs, t), K).applied && (u(P.id), de && M.current?.(de));
   }, [
     C,
@@ -8624,11 +8634,11 @@ function Cs(e, t, n, o) {
     v
   ]), N = H((P, B) => {
     if (He(P.nodeId)) return te.NodeLocked;
-    const W = lv(O.roots, P, B, v), K = Sr(O.roots, P, S);
-    if (K && !(K === te.NoChange && W && P.targetParentId === Rv(O.roots, P.nodeId))) return K;
+    const W = dv(O.roots, P, B, v), K = Sr(O.roots, P, S);
+    if (K && !(K === te.NoChange && W && P.targetParentId === _v(O.roots, P.nodeId))) return K;
     if (W) return U(W, "Move").applied ? void 0 : te.NodeLocked;
-    const V = av(P, t);
-    return V ? C(V, "Move").applied ? void 0 : te.NodeLocked : te.TargetNotContainer;
+    const J = lv(P, t);
+    return J ? C(J, "Move").applied ? void 0 : te.NodeLocked : te.TargetNotContainer;
   }, [
     O,
     S,
@@ -8637,10 +8647,10 @@ function Cs(e, t, n, o) {
     t
   ]), z = H((P, B) => {
     l((W) => {
-      const K = W.document.screens.map((V) => V.name === "Screen" ? {
-        ...V,
+      const K = W.document.screens.map((J) => J.name === "Screen" ? {
+        ...J,
         forms: P
-      } : V);
+      } : J);
       return De(W, {
         ...W.document,
         screens: K
@@ -8648,18 +8658,18 @@ function Cs(e, t, n, o) {
     });
   }, [l]), Q = H((P, B, W) => {
     l((K) => {
-      const V = K.document.screenTemplates.map((de) => de.name === P ? {
+      const J = K.document.screenTemplates.map((de) => de.name === P ? {
         ...de,
         outlets: B
       } : de);
       return De(K, {
         ...K.document,
-        screenTemplates: V
+        screenTemplates: J
       }, W);
     });
   }, [l]), pe = H((P, B, W) => {
     l((K) => {
-      const V = K.document.screenTemplates.map((de) => {
+      const J = K.document.screenTemplates.map((de) => {
         if (de.name !== P) return de;
         const { metadata: Ue, ...ot } = de;
         return B ? {
@@ -8669,7 +8679,7 @@ function Cs(e, t, n, o) {
       });
       return De(K, {
         ...K.document,
-        screenTemplates: V
+        screenTemplates: J
       }, W);
     });
   }, [l]), ce = H((P, B) => {
@@ -8677,20 +8687,20 @@ function Cs(e, t, n, o) {
       ...W.document,
       dialogTemplates: P
     }, B));
-  }, [l]), me = H((P, B, W, K, V) => {
-    l((de) => De(de, kr(de.document, P, (Ue) => Dv(Ue, B, W, K)), V));
+  }, [l]), me = H((P, B, W, K, J) => {
+    l((de) => De(de, kr(de.document, P, (Ue) => $v(Ue, B, W, K)), J));
   }, [l]), xe = H((P, B) => {
     const W = [...n.runtime.bundles.flatMap((K) => K.screenTemplates ?? []), ...n.ownTemplates ?? []];
-    l((K) => De(K, ov(K.document, P, W), B));
+    l((K) => De(K, rv(K.document, P, W), B));
   }, [
     l,
     n.runtime.bundles,
     n.ownTemplates
   ]), _ = H((P, B, W) => {
-    l((K) => De(K, kr(K.document, P, (V) => {
-      B ? V.behaviors = B : delete V.behaviors;
+    l((K) => De(K, kr(K.document, P, (J) => {
+      B ? J.behaviors = B : delete J.behaviors;
     }), W));
-  }, [l]), ne = j(() => qi(i.document), [i.document]), fe = n.navigation?.structure ?? xv, je = H((P, B) => {
+  }, [l]), ne = j(() => qi(i.document), [i.document]), fe = n.navigation?.structure ?? Dv, je = H((P, B) => {
     const W = sl(qi(s.current.current.document), P);
     return W.applied ? (l((K) => De(K, Vm(K.document, W.model), B)), { applied: !0 }) : {
       applied: !1,
@@ -8732,7 +8742,7 @@ function Cs(e, t, n, o) {
     remove: (P) => {
       if (He(P) || !to(O.roots, P, S)) return;
       const B = ga(O.roots, P, S);
-      C(sv(P), "Remove").applied && u((W) => W === P || W === void 0 ? B : W);
+      C(cv(P), "Remove").applied && u((W) => W === P || W === void 0 ? B : W);
     },
     canRemove: (P) => !He(P) && to(O.roots, P, S),
     setProperty: (P, B) => c && $(so(c, P, B), "Change"),
@@ -8744,24 +8754,24 @@ function Cs(e, t, n, o) {
     setElementBehaviors: _,
     setScreenTemplate: xe,
     markSaved: () => {
-      l(yv);
+      l(kv);
     },
     undo: () => {
-      l(vv);
+      l(yv);
     },
     redo: () => {
-      l(bv);
+      l(wv);
     },
-    canUndo: fv(i),
-    canRedo: gv(i),
+    canUndo: vv(i),
+    canRedo: bv(i),
     isDirty: i.isDirty
   };
 }
-function Dv(e, t, n, o) {
+function $v(e, t, n, o) {
   const i = e.properties[t];
-  Array.isArray(i) && (e.properties[t] = i.map((r) => Ts(r) && r.id === n ? _v(r, o) : r));
+  Array.isArray(i) && (e.properties[t] = i.map((r) => Ts(r) && r.id === n ? Ev(r, o) : r));
 }
-function _v(e, t) {
+function Ev(e, t) {
   if (Ts(e.values)) {
     const o = { ...e.values };
     return t ? o.destination = t : delete o.destination, {
@@ -8778,14 +8788,14 @@ function Ts(e) {
 var Cr = () => ({
   width: window.innerWidth - 64,
   height: window.innerHeight - 64
-}), w0 = (e) => /* @__PURE__ */ a(Ha, {
+}), S0 = (e) => /* @__PURE__ */ a(Ha, {
   strings: e.strings,
   subject: e.subject,
   onClose: () => e.onDismiss?.(),
-  children: /* @__PURE__ */ a($v, { ...e })
-}), $v = (e) => {
+  children: /* @__PURE__ */ a(Av, { ...e })
+}), Av = (e) => {
   const t = j(() => Ua(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
-  return t.opened ? /* @__PURE__ */ a(Ev, {
+  return t.opened ? /* @__PURE__ */ a(Mv, {
     ...e,
     opened: t.subject
   }, e.environment.runtime.id) : /* @__PURE__ */ a(da, {
@@ -8799,8 +8809,8 @@ var Cr = () => ({
       onClose: () => n.close()
     })
   });
-}, Ev = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, sourceRect: s, initialSize: l, rememberWindowAs: c, windowMemory: u, centerOffsetX: d, renderPaletteHost: p, onClose: m, onBeforeClose: h, onPreview: f, opened: v }) => {
-  const g = J(void 0), k = Cs(v, e.authoringTemplate, t, (L) => g.current?.(L)), x = j(() => u ?? rf(), [u]), O = j(() => lf({
+}, Mv = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, sourceRect: s, initialSize: l, rememberWindowAs: c, windowMemory: u, centerOffsetX: d, renderPaletteHost: p, onClose: m, onBeforeClose: h, onPreview: f, opened: v }) => {
+  const g = V(void 0), k = Cs(v, e.authoringTemplate, t, (L) => g.current?.(L)), x = j(() => u ?? rf(), [u]), O = j(() => lf({
     remembered: c ? x.read(c) : void 0,
     saved: l,
     lastUsed: x.readLastUsed()
@@ -8872,7 +8882,7 @@ var Cr = () => ({
   g.current = D;
   function M(L) {
     if (!Zo(L)) return;
-    const N = k.selection && Av(k) ? k.selectedId : void 0;
+    const N = k.selection && Fv(k) ? k.selectedId : void 0;
     L.kind === "layout" ? k.insertLayout(L.item, N, void 0) : k.insertComponent(ei(L.componentName, L.package), N, void 0);
   }
   return /* @__PURE__ */ b(Ja, {
@@ -8923,11 +8933,11 @@ var Cr = () => ({
     })]
   });
 };
-function Av(e) {
+function Fv(e) {
   return !!e.selection && "children" in e.selection;
 }
 var ct = (e) => typeof e == "object" && e !== null && !Array.isArray(e);
-function Mv(e, t) {
+function Lv(e, t) {
   if (!t) return e;
   const n = { ...e };
   for (const [o, i] of Object.entries(t)) {
@@ -8946,7 +8956,7 @@ function Mv(e, t) {
 var dt = "p-anchored-overlay", Qt = "p-collapsible", qn = "p-overlay-mask", R = (e, t) => ({ props: t ? {
   styles: e,
   motionProps: { name: t }
-} : { styles: e } }), he = (e) => ({ props: { motionProps: { name: e } } }), Fv = {
+} : { styles: e } }), he = (e) => ({ props: { motionProps: { name: e } } }), Bv = {
   "Accordion.Root": R(od, Qt),
   "AutoComplete.Root": R(id),
   "AutoComplete.Popup": he(dt),
@@ -9034,29 +9044,29 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", qn = "p-overlay-mask", R =
   "Tooltip.Root": R(Su),
   "Tooltip.Popup": he("p-tooltip"),
   "Tree.Root": R(Cu)
-}, Lv = bi.find((e) => e.name === "lara-light-blue") ?? bi[0], k0 = ({ defaults: e, theme: t, ...n }) => {
-  const o = Zl(Lv);
+}, jv = bi.find((e) => e.name === "lara-light-blue") ?? bi[0], C0 = ({ defaults: e, theme: t, ...n }) => {
+  const o = Zl(jv);
   return /* @__PURE__ */ a(nd, {
     ...n,
     theme: t ?? o?.theme,
-    defaults: Mv(Fv, e)
+    defaults: Lv(Bv, e)
   });
-}, S0 = (e) => /* @__PURE__ */ a(Ha, {
+}, T0 = (e) => /* @__PURE__ */ a(Ha, {
   strings: e.strings,
   subject: e.subject,
   onClose: e.onDismiss,
-  children: /* @__PURE__ */ a(Bv, { ...e })
-}), Bv = (e) => {
+  children: /* @__PURE__ */ a(Uv, { ...e })
+}), Uv = (e) => {
   const t = j(() => Ua(e.subject, e.environment.runtime), [e.subject, e.environment.runtime]);
-  return t.opened ? /* @__PURE__ */ a(jv, {
+  return t.opened ? /* @__PURE__ */ a(zv, {
     ...e,
     opened: t.subject
   }, e.environment.runtime.id) : /* @__PURE__ */ a(qa, {
     problem: t.problem,
     strings: e.strings
   });
-}, jv = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: i, paletteSources: r, initialSize: s, onChange: l, renderPaletteHost: c, opened: u }) => {
-  const d = J(void 0), p = Cs(u, e.authoringTemplate, t, (y) => d.current?.(y)), [m, h] = F(s ?? yn[Xe.Desktop]), [f, v] = F(!0), g = J(l);
+}, zv = ({ 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 = Cs(u, e.authoringTemplate, t, (y) => d.current?.(y)), [m, h] = F(s ?? yn[Xe.Desktop]), [f, v] = F(!0), g = V(l);
   g.current = l, ie(() => {
     const y = Nt(p.document, e.authoringTemplate);
     g.current?.({
@@ -9138,7 +9148,7 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", qn = "p-overlay-mask", R =
     })
   });
 };
-function Uv(e) {
+function Wv(e) {
   const t = {
     "row.id": "Guid",
     "selection.id": "Guid"
@@ -9146,19 +9156,19 @@ function Uv(e) {
   for (const n of e) for (const o of n.parameters) t[`route.${o.name}`] ??= o.type;
   return t;
 }
-var zv = new Set(Object.values(el)), Wv = new Set(Object.values(Xs));
-function Kv(e) {
-  return e.filter((t) => zv.has(t.resultShape) && t.origin.every((n) => Wv.has(n.kind))).map((t) => t);
+var Kv = new Set(Object.values(el)), Hv = new Set(Object.values(Xs));
+function qv(e) {
+  return e.filter((t) => Kv.has(t.resultShape) && t.origin.every((n) => Hv.has(n.kind))).map((t) => t);
 }
-function C0(e) {
-  const t = Kv(e.queryCandidates ?? []);
+function N0(e) {
+  const t = qv(e.queryCandidates ?? []);
   return {
     runtime: e.runtime,
     queryCandidates: t,
     stateChangeSlices: e.stateChangeSlices ?? [],
     destinations: e.destinations ?? [],
     ...e.registerDesignTimeCommands ? { registerDesignTimeCommands: e.registerDesignTimeCommands } : {},
-    availableSources: Uv(t),
+    availableSources: Wv(t),
     ...e.richText === !1 ? {} : { richText: e.richText ?? Tu },
     ...e.fileUpload ? { fileUpload: e.fileUpload } : {},
     ...e.templateScope ? { templateScope: e.templateScope } : {},
@@ -9167,40 +9177,40 @@ function C0(e) {
     ...e.location ? { location: e.location } : {}
   };
 }
-var Hv = [.../* @__PURE__ */ new Set([...hn.ids, ...Object.values(X)])];
-function qv(e, t) {
+var Gv = [.../* @__PURE__ */ new Set([...hn.ids, ...Object.values(X)])];
+function Vv(e, t) {
   return Gl({
     bundles: e,
-    profile: Gv(e, t),
+    profile: Jv(e, t),
     policy: {
       allowExecutableImports: !0,
       allowNetworkAssets: !1,
       loadDesignTime: !0
     }
-  }, { hostEditorKinds: [...Hv] });
+  }, { hostEditorKinds: [...Gv] });
 }
-function Gv(e, t) {
+function Jv(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 Vv(e) {
+function Qv(e) {
   return e.flatMap((t) => t.iconLibrary ? [t.iconLibrary.catalog] : []);
 }
-function Jv(e, t) {
+function Yv(e, t) {
   const n = Sl(e, t.map((o) => o.manifest));
-  return new ol(n, Vv(t));
+  return new ol(n, Qv(t));
 }
-function Qv(e) {
+function Zv(e) {
   const t = Bl([e]), n = t.packages.filter((o) => o !== "PrimeReact");
   return n.splice(Math.max(n.indexOf(Kr), 0), 0, "PrimeReact"), {
     ...t,
     packages: n
   };
 }
-var Yv = [
+var Xv = [
   "PrimeReact.Accordion",
   "PrimeReact.AutoComplete",
   "PrimeReact.Avatar",
@@ -9303,7 +9313,7 @@ var Yv = [
   "itemsControl",
   "stackPanel",
   "wrapPanel"
-], Zv = ["PrimeReact.Dialog"], Xv = new Set(Yv.filter((e) => !Zv.includes(e))), eb = [
+], eb = ["PrimeReact.Dialog"], tb = new Set(Xv.filter((e) => !eb.includes(e))), nb = [
   {
     value: be.None,
     label: "Run directly"
@@ -9317,7 +9327,7 @@ var Yv = [
     label: "Ask in a drawer"
   }
 ];
-function tb(e) {
+function ob(e) {
   return !e.component.endsWith(":action") || e.properties.some((t) => t.path === "presentation") ? e : {
     ...e,
     properties: [...e.properties, {
@@ -9326,13 +9336,13 @@ function tb(e) {
       group: "Behavior",
       valueType: G.Enum,
       default: be.None,
-      choices: eb,
+      choices: nb,
       description: "Whether the command runs straight away or first asks for its input in a dialog or a drawer."
     }]
   };
 }
-var nb = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), ob = (e) => /ies$/i.test(e) ? `${e.slice(0, -3)}y` : /(ss|us)$/i.test(e) || !/s$/i.test(e) ? e : e.slice(0, -1), Ns = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
-function li(e, t, n = nb(e)) {
+var ib = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), rb = (e) => /ies$/i.test(e) ? `${e.slice(0, -3)}y` : /(ss|us)$/i.test(e) || !/s$/i.test(e) ? e : e.slice(0, -1), Ns = (e) => e !== null && typeof e == "object" && !Array.isArray(e);
+function li(e, t, n = ib(e)) {
   const o = {
     path: e,
     label: n,
@@ -9344,7 +9354,7 @@ function li(e, t, n = nb(e)) {
   } : typeof t == "boolean" ? {
     ...o,
     valueType: G.Boolean
-  } : Array.isArray(t) ? rb(o, t) : Ns(t) ? {
+  } : Array.isArray(t) ? sb(o, t) : Ns(t) ? {
     ...o,
     valueType: G.Object,
     properties: Is(t),
@@ -9355,12 +9365,12 @@ function li(e, t, n = nb(e)) {
   };
 }
 function Is(e, t = []) {
-  return Object.entries(e).filter(([n]) => !t.includes(n)).map(([n, o]) => ib(n, o));
+  return Object.entries(e).filter(([n]) => !t.includes(n)).map(([n, o]) => ab(n, o));
 }
-function ib(e, t) {
+function ab(e, t) {
   return li(e, t);
 }
-function rb(e, t) {
+function sb(e, t) {
   if (t.length > 0 && t.every((o) => typeof o == "string")) return {
     ...e,
     valueType: G.Json,
@@ -9377,17 +9387,17 @@ function rb(e, t) {
     ...e,
     valueType: G.Collection,
     item: {
-      label: ob(e.label),
+      label: rb(e.label),
       properties: Is(n, ["id"]),
       open: !0
     }
   };
 }
-var ab = (e) => e.valueType === G.Json && e.editorKind === void 0;
-function sb(e) {
+var lb = (e) => e.valueType === G.Json && e.editorKind === void 0;
+function cb(e) {
   const t = si(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) => ab(r) && r.path in t ? lb(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) => lb(r) && r.path in t ? db(r, t[r.path]) : r), i = Object.entries(t).filter(([r]) => !n.has(r)).map(([r, s]) => ({
     ...li(r, s),
     description: "Shown as sample content on the design surface until you set it."
   }));
@@ -9396,7 +9406,7 @@ function sb(e) {
     properties: [...o, ...i]
   } : e;
 }
-function lb(e, t) {
+function db(e, t) {
   const { editorKind: n, item: o, properties: i, choices: r, ...s } = e, l = li(e.path, t);
   return {
     ...l,
@@ -9404,7 +9414,7 @@ function lb(e, t) {
     valueType: l.valueType
   };
 }
-var Tr = "Placement", cb = [{
+var Tr = "Placement", ub = [{
   path: et,
   label: "Left",
   group: Tr,
@@ -9415,33 +9425,33 @@ var Tr = "Placement", cb = [{
   group: Tr,
   valueType: G.Number
 }];
-function db(e) {
+function pb(e) {
   const t = new Set(e.properties.map((n) => n.path));
   return {
     ...e,
-    properties: [...e.properties, ...cb.filter((n) => !t.has(n.path))]
+    properties: [...e.properties, ...ub.filter((n) => !t.has(n.path))]
   };
 }
-var Nr = "PrimeReact", ub = 1;
-function pb(e, t, n) {
+var Nr = "PrimeReact", mb = 1;
+function hb(e, t, n) {
   const o = un(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((m) => ({
     component: _t(p.manifest.name, m),
     displayName: m,
     properties: []
-  }))).filter((p) => !r.has(p.component)), l = [...i, ...s].map(tb).map(sb).map(db), c = [...l, ...mb(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(ob).map(cb).map(pb), c = [...l, ...fb(l, o, t)], u = new Set(Object.values(o).flat()), d = new Map(l.map((p) => [p.component, p]));
   return {
-    id: ub++,
+    id: mb++,
     bundles: e,
     registry: Qr(e),
     packages: o,
     descriptors: c,
     catalog: ul(c),
     profile: t,
-    compositionProfile: Qv(t),
+    compositionProfile: Zv(t),
     ...n ? { appearance: n } : {},
-    icons: Jv(t.packages, e),
+    icons: Yv(t.packages, e),
     iconAdapters: ql(e),
-    designTime: qv(e, t),
+    designTime: Vv(e, t),
     packageDescriptorOf: (p) => {
       if (p.component.includes(":")) return p;
       const m = Ft(p.component, t, o);
@@ -9450,11 +9460,11 @@ function pb(e, t, n) {
     isKnownComponent: (p) => u.has(p),
     legacyTypeOf: (p) => {
       const m = Uh(p, t, o), h = m?.package === Nr ? `${Nr}.${pa(m.name)}` : void 0;
-      return h !== void 0 && Xv.has(h) ? h : void 0;
+      return h !== void 0 && tb.has(h) ? h : void 0;
     }
   };
 }
-function mb(e, t, n) {
+function fb(e, t, n) {
   const o = [];
   for (const i of new Set(Object.values(t).flat())) {
     const r = Ft(i, n, t), s = r && e.find((l) => l.component === _t(r.package, r.name));
@@ -9465,7 +9475,7 @@ function mb(e, t, n) {
   }
   return o;
 }
-var ci = "Cratis.Icons.Lucide", hb = {
+var ci = "Cratis.Icons.Lucide", gb = {
   name: ci,
   version: "1.52.0",
   kind: Qe.IconLibrary,
@@ -9487,20 +9497,20 @@ var ci = "Cratis.Icons.Lucide", hb = {
     attributionUrl: "https://lucide.dev",
     iconCount: 1858
   }
-}, fb = {
+}, vb = {
   library: ci,
   loadEntries: async () => (await import("./catalog-CZx3FR-E.js")).default
-}, gb = Mu, vb = {
+}, bb = Mu, yb = {
   library: ci,
-  loadGlyph: async ({ key: e }) => (await gb[e]?.())?.default
-}, bb = {
-  manifest: hb,
+  loadGlyph: async ({ key: e }) => (await bb[e]?.())?.default
+}, wb = {
+  manifest: gb,
   components: {},
   iconLibrary: {
-    catalog: fb,
-    adapter: vb
+    catalog: vb,
+    adapter: yb
   }
-}, yb = [
+}, kb = [
   Nu,
   Iu,
   Pu,
@@ -9519,10 +9529,10 @@ var ci = "Cratis.Icons.Lucide", hb = {
   sa,
   Wr,
   ca,
-  ...yb,
-  bb
-], wb = kt.map((e) => e.manifest), T0 = Qr(kt), N0 = un(wb), I0 = kt.flatMap((e) => e.themes ?? []);
-function kb(e) {
+  ...kb,
+  wb
+], Sb = kt.map((e) => e.manifest), I0 = Qr(kt), P0 = un(Sb), O0 = kt.flatMap((e) => e.themes ?? []);
+function Cb(e) {
   const t = ll(e).map((i) => i.name), n = vi(e, Qe.Styling).map((i) => i.name), o = vi(e, Qe.Blueprint)[0];
   return o ? [
     ...t,
@@ -9535,16 +9545,16 @@ var Ps = (e) => e === void 0 || e.activePack === "" && e.mappings.length === 0 ?
   mappings: e.mappings.map((t) => ({ ...t })),
   bindings: []
 };
-function Sb(e, t) {
+function Tb(e, t) {
   return t.filter((n) => fl(n, e));
 }
-function Cb(e, t) {
+function Nb(e, t) {
   return [...new Set(Object.values(t).flat())].map((n) => Ft(n, e, t)).filter((n) => n !== void 0 && n.shadows.length > 0).sort((n, o) => n.name.localeCompare(o.name));
 }
 var Gn = /* @__PURE__ */ (function(e) {
   return e.Fallback = "fallback", e.Explicit = "explicit", e.Automatic = "automatic", e;
 })({});
-function Tb(e) {
+function Ib(e) {
   const t = [
     No,
     ...e.packages,
@@ -9554,17 +9564,17 @@ function Tb(e) {
   ];
   return [...new Set(t.filter((n) => n.length > 0))];
 }
-function Nb(e, t) {
+function Pb(e, t) {
   return e.find((n) => n.manifest.name === t)?.manifest.layouts[0] ?? "";
 }
-function Ib(e, t) {
+function Ob(e, t) {
   const n = e.root?.template;
   if (!(n?.source !== Dt.Blueprint || n.blueprint === void 0))
     return t.find((o) => o.manifest.name === n.blueprint)?.manifest.layouts.includes(n.id) ? n.id : void 0;
 }
 var Os = "UI Profile";
 function di(e, t) {
-  const n = t.map((c) => c.manifest), o = Tb(e), i = Cl(o, n), r = Ib(e, t) ?? Nb(t, e.shell), s = {
+  const n = t.map((c) => c.manifest), o = Ib(e), i = Cl(o, n), r = Ob(e, t) ?? Pb(t, e.shell), s = {
     name: Os,
     targetPlatform: "web",
     packages: i.packages,
@@ -9572,7 +9582,7 @@ function di(e, t) {
     ...e.root ? { root: e.root } : {},
     theme: e.theme.length > 0 ? e.theme : void 0,
     sampleData: Ps(e.sampleData),
-    appearance: Pb(e),
+    appearance: xb(e),
     ...e.identity === void 0 ? {} : { identity: e.identity }
   }, l = new Set(o);
   return {
@@ -9590,13 +9600,13 @@ function di(e, t) {
         requiredBy: n.filter((d) => i.packages.includes(d.name) && d.dependencies.some((p) => p.name === c)).map((d) => d.name)
       }] : [];
     }),
-    collisions: Cb(s, un(n)),
-    compatibleThemes: Sb(s, t.flatMap((c) => c.themes ?? [])),
+    collisions: Nb(s, un(n)),
+    compatibleThemes: Tb(s, t.flatMap((c) => c.themes ?? [])),
     layout: r,
     isValid: hl(i)
   };
 }
-function Pb(e) {
+function xb(e) {
   const t = {
     ...e.colorScheme === "dark" ? { colorScheme: Js.Dark } : {},
     ...e.accent.length > 0 ? { accent: e.accent } : {},
@@ -9605,7 +9615,7 @@ function Pb(e) {
   };
   return Object.keys(t).length === 0 ? void 0 : t;
 }
-function Ob(e, t) {
+function Rb(e, t) {
   const n = e.profile.root ?? { template: {
     source: Dt.Own,
     id: e.layout.length > 0 ? e.layout : "AppShell"
@@ -9622,8 +9632,8 @@ function Ob(e, t) {
     }
   };
 }
-function xb(e) {
-  const t = e.map((s) => s.manifest), n = kb(t), o = n.find((s) => t.find((l) => l.name === s)?.kind === Qe.Blueprint) ?? "", i = {
+function Db(e) {
+  const t = e.map((s) => s.manifest), n = Cb(t), o = n.find((s) => t.find((l) => l.name === s)?.kind === Qe.Blueprint) ?? "", i = {
     packages: n.filter((s) => s !== o && s !== No),
     shell: o,
     templatePacks: [],
@@ -9638,7 +9648,7 @@ function xb(e) {
     theme: r?.name ?? ""
   };
 }
-function Rb(e, t) {
+function _b(e, t) {
   return {
     name: Os,
     targetPlatform: "web",
@@ -9648,7 +9658,7 @@ function Rb(e, t) {
     sampleData: Ps(t)
   };
 }
-function Db(e, t, n) {
+function $b(e, t, n) {
   const o = n?.find((r) => r.manifest.name === e.shell)?.manifest.layouts[0], i = e.layout.length > 0 && o !== void 0 && e.layout !== o && n?.find((r) => r.manifest.name === e.shell)?.manifest.layouts.includes(e.layout);
   return {
     packages: [...e.packages],
@@ -9670,10 +9680,10 @@ function Db(e, t, n) {
     } } : {}
   };
 }
-function _b(e, t) {
+function Eb(e, t) {
   const n = t?.template;
   if (t === void 0 || n === void 0 || n.source.length === 0 || n.id.length === 0) return e;
-  const o = $b(t.optionsJson), i = yl(o.navigationMode), r = qr.find((l) => l === bl.find((c) => c.id === i)?.legacy), s = typeof o.menuTheme == "string" && [
+  const o = Ab(t.optionsJson), i = yl(o.navigationMode), r = qr.find((l) => l === bl.find((c) => c.id === i)?.legacy), s = typeof o.menuTheme == "string" && [
     "light",
     "dark",
     "primary"
@@ -9694,7 +9704,7 @@ function _b(e, t) {
     ...s === void 0 ? {} : { menuTheme: s }
   };
 }
-function $b(e) {
+function Ab(e) {
   if (!e) return {};
   try {
     const t = JSON.parse(e);
@@ -9703,17 +9713,17 @@ function $b(e) {
     return {};
   }
 }
-var Eb = {
+var Mb = {
   initials: Cn.Initials,
   icon: Cn.Icon,
   image: Cn.Image
-}, Ab = {
+}, Fb = {
   sharp: kn.Sharp,
   default: kn.Default,
   round: kn.Round
 };
-function Mb(e) {
-  const t = Eb[e.logoKind], n = t !== void 0 || e.initials !== "" || e.icon !== "" || e.image !== "";
+function Lb(e) {
+  const t = Mb[e.logoKind], n = t !== void 0 || e.initials !== "" || e.icon !== "" || e.image !== "";
   if (!(e.name === "" && !n && e.showName))
     return {
       ...e.name === "" ? {} : { name: e.name },
@@ -9726,9 +9736,9 @@ function Mb(e) {
       ...e.showName ? {} : { showName: !1 }
     };
 }
-function Fb(e, t) {
+function Bb(e, t) {
   if (t == null) return e;
-  const n = t.identity === void 0 ? void 0 : Mb(t.identity), o = Ab[t.corners];
+  const n = t.identity === void 0 ? void 0 : Lb(t.identity), o = Fb[t.corners];
   return {
     ...e,
     ...n === void 0 ? {} : { identity: n },
@@ -9736,9 +9746,9 @@ function Fb(e, t) {
     ...t.font === "" || t.font === void 0 ? {} : { font: t.font }
   };
 }
-function Lb(e, t, n, o, i = kt) {
+function jb(e, t, n, o, i = kt) {
   if (n === void 0 || n.root === void 0 && (n.style === void 0 || n.style === null)) return e;
-  const r = Fb(_b(Db(t, o), n.root), n.style), s = di(r, i), l = Ob(s, r);
+  const r = Bb(Eb($b(t, o), n.root), n.style), s = di(r, i), l = Rb(s, r);
   return {
     ...e,
     ...l.appearance === void 0 ? {} : { appearance: l.appearance },
@@ -9746,11 +9756,11 @@ function Lb(e, t, n, o, i = kt) {
     ...l.root === void 0 ? {} : { root: l.root }
   };
 }
-function P0(e, t = kt, n, o, i) {
-  const r = e ? Lb(Rb(e, o), e, i, o, t) : di(xb(t), t).profile;
-  return pb(t, r, n);
+function x0(e, t = kt, n, o, i) {
+  const r = e ? jb(_b(e, o), e, i, o, t) : di(Db(t), t).profile;
+  return hb(t, r, n);
 }
-function Bb(e, t) {
+function Ub(e, t) {
   const n = bo(e), o = Ro(e, {
     kind: an.Screen,
     name: le
@@ -9760,8 +9770,8 @@ function Bb(e, t) {
     configuration: i
   };
 }
-var jb = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
-  const { element: i, configuration: r } = j(() => Bb(e, t.catalog), [e, t.catalog]), s = j(() => Eo(i, t.compositionProfile, t.packages), [
+var zb = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
+  const { element: i, configuration: r } = j(() => Ub(e, t.catalog), [e, t.catalog]), s = j(() => Eo(i, t.compositionProfile, t.packages), [
     i,
     t.compositionProfile,
     t.packages
@@ -9782,12 +9792,12 @@ var jb = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
       })
     })
   });
-}, Ub = (e) => {
+}, Wb = (e) => {
   const t = xt(e);
   return es.has(t) || t in Za;
-}, zb = (e, t) => {
+}, Kb = (e, t) => {
   const n = (o) => {
-    const i = Ub(o.element.componentName), r = j(() => ({
+    const i = Wb(o.element.componentName), r = j(() => ({
       ...o.element,
       properties: ts(e, o.element.componentName, o.element.properties)
     }), [o.element]);
@@ -9801,11 +9811,11 @@ var jb = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
   };
   return n.displayName = `Miniature(${t.displayName ?? t.name ?? "Component"})`, n;
 };
-function Wb(e) {
-  return Object.fromEntries(Object.entries(e).map(([t, n]) => [t, zb(t, n)]));
+function Hb(e) {
+  return Object.fromEntries(Object.entries(e).map(([t, n]) => [t, Kb(t, n)]));
 }
-var O0 = 240, x0 = 112;
-function Kb(e, t = 240, n = Number.POSITIVE_INFINITY) {
+var R0 = 240, D0 = 112;
+function qb(e, t = 240, n = Number.POSITIVE_INFINITY) {
   const o = e && e.width > 0 && e.height > 0 ? e : Va({
     width: 1 / 0,
     height: 1 / 0
@@ -9818,7 +9828,7 @@ function Kb(e, t = 240, n = Number.POSITIVE_INFINITY) {
     scale: s
   };
 }
-function Hb(e, t = 240) {
+function Gb(e, t = 240) {
   const n = typeof IntersectionObserver < "u", [o, i] = F(!n);
   return ie(() => {
     const r = e.current;
@@ -9831,23 +9841,23 @@ function Hb(e, t = 240) {
     n
   ]), o;
 }
-var qb = [
+var Vb = [
   "#f66",
   "#fa0",
   "#3c3"
-], Gb = () => {
-}, Ir = 16, R0 = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
-  const c = J(null), u = Hb(c), d = j(() => Kb(n, o ?? 240, o === void 0 ? 112 : void 0), [
+], Jb = () => {
+}, Ir = 16, _0 = ({ document: e, runtime: t, windowSize: n, width: o, title: i, openTitle: r, onClick: s, placeholder: l }) => {
+  const c = V(null), u = Gb(c), d = j(() => qb(n, o ?? 240, o === void 0 ? 112 : void 0), [
     n?.width,
     n?.height,
     o
-  ]), p = j(() => ai(t), [t]), m = j(() => Wb(t.registry), [t.registry]), h = {
+  ]), p = j(() => ai(t), [t]), m = j(() => Hb(t.registry), [t.registry]), h = {
     width: d.width,
     height: Ir + d.bodyHeight
   }, f = /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ b("div", {
     className: "screen-thumbnail__title-bar",
     style: { height: Ir },
-    children: [qb.map((g) => /* @__PURE__ */ a("span", {
+    children: [Vb.map((g) => /* @__PURE__ */ a("span", {
       className: "screen-thumbnail__light",
       style: { borderColor: g }
     }, g)), i && /* @__PURE__ */ a("span", {
@@ -9867,10 +9877,10 @@ var qb = [
         "--studio-surface-viewport-height": `${d.canvasHeight}px`
       },
       "data-studio-viewport": "",
-      children: /* @__PURE__ */ a(jb, {
+      children: /* @__PURE__ */ a(zb, {
         document: e,
         runtime: t,
-        resolveBinding: Gb,
+        resolveBinding: Jb,
         registry: m
       })
     }) : l
@@ -9896,14 +9906,14 @@ var qb = [
     "aria-label": i,
     children: f
   });
-}, ut = /* @__PURE__ */ new Map(), Vb = 200;
-function D0(e) {
+}, ut = /* @__PURE__ */ new Map(), Qb = 200;
+function $0(e) {
   if (!e) return;
   if (ut.has(e)) return ut.get(e);
-  const t = Oa(e), n = t.readable ? t.document : t.problem === Se.MissingScreen ? Jb(e) : void 0;
-  return ut.size >= Vb && ut.delete(ut.keys().next().value), ut.set(e, n), n;
+  const t = Oa(e), n = t.readable ? t.document : t.problem === Se.MissingScreen ? Yb(e) : void 0;
+  return ut.size >= Qb && ut.delete(ut.keys().next().value), ut.set(e, n), n;
 }
-function Jb(e) {
+function Yb(e) {
   const t = JSON.parse(e), [n] = t.screenTemplates;
   if (!(t.screenTemplates.length !== 1 || !n))
     return {
@@ -9919,21 +9929,21 @@ function Jb(e) {
       }]
     };
 }
-var _0 = {
+var E0 = {
   [q.Stack]: "Stack",
   [q.Row]: "Row",
   [q.Grid]: "Grid",
   [q.Container]: "Container",
   [q.Wrap]: "Wrap",
   [q.Canvas]: "Canvas"
-}, Qb = {
+}, Zb = {
   [q.Stack]: mt,
   [q.Row]: gc,
   [q.Grid]: Fo,
   [q.Container]: Mo,
   [q.Wrap]: Lo,
   [q.Canvas]: Hc
-}, Yb = {
+}, Xb = {
   text: Xl,
   button: Xt,
   card: dc,
@@ -10074,7 +10084,7 @@ var _0 = {
   themeSwitcher: Dn,
   layoutModeSwitcher: Vn,
   arcPageHeader: Zt
-}, Zb = [
+}, ey = [
   [/dialog/i, Tt],
   [/table|grid/i, Ct],
   [/menu|bar$/i, mt],
@@ -10087,35 +10097,35 @@ var _0 = {
   [/message|toast/i, Xr],
   [/tree/i, Yn],
   [/page|screen/i, Jn]
-], Xb = (e) => Yb[e] ?? Zb.find(([t]) => t.test(e))?.[1] ?? oa, ey = {
+], ty = (e) => Xb[e] ?? ey.find(([t]) => t.test(e))?.[1] ?? oa, ny = {
   [Jr.manifest.name]: ia,
   [Yr.manifest.name]: ra,
   [sa.manifest.name]: oa,
   [Wr.manifest.name]: Lo,
   [ca.manifest.name]: Zt,
   [la.manifest.name]: Pc
-}, ty = uc, $0 = {
+}, oy = uc, A0 = {
   layout: (e) => {
-    const t = Qb[e];
+    const t = Zb[e];
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   component: (e) => {
-    const t = Xb(e);
+    const t = ty(e);
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   drawer: {
     layout: /* @__PURE__ */ a(Fo, { "aria-hidden": "true" }),
     package: (e) => {
-      const t = ey[e] ?? ty;
+      const t = ny[e] ?? oy;
       return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
     }
   }
-}, E0 = kt.map((e) => ({
+}, M0 = kt.map((e) => ({
   package: e.manifest.name,
   components: e.manifest.components,
   descriptors: e.descriptors ?? []
 }));
-function A0(e, t, n) {
+function F0(e, t, n) {
   return e.map((o) => ({
     type: o.type,
     name: t[o.item],
@@ -10123,10 +10133,10 @@ function A0(e, t, n) {
     icon: n?.[o.item]
   }));
 }
-var M0 = /* @__PURE__ */ (function(e) {
+var L0 = /* @__PURE__ */ (function(e) {
   return e.Auto = "auto", e.Manual = "manual", e;
 })({});
-function F0(e) {
+function B0(e) {
   return [
     {
       kind: Bt.DataContext,
@@ -10149,70 +10159,70 @@ function F0(e) {
   ];
 }
 export {
-  ky as BindingMode,
-  Sy as BindingNullBehavior,
-  Cy as BindingSourceKind,
-  M0 as CommandFormMode,
-  Ty as DestinationKind,
+  Cy as BindingMode,
+  Ty as BindingNullBehavior,
+  Ny as BindingSourceKind,
+  L0 as CommandFormMode,
+  Iy as DestinationKind,
   Y as LayoutArrangement,
   q as LayoutItem,
   oe as Ownership,
-  jb as PlayScreenView,
+  zb as PlayScreenView,
   Se as SceneDocumentProblem,
   Ja as ScreenEditorControlProviders,
-  w0 as ScreenEditorOverlay,
-  k0 as ScreenEditorPrimeReactProvider,
+  S0 as ScreenEditorOverlay,
+  C0 as ScreenEditorPrimeReactProvider,
   vs as ScreenEditorWindow,
-  S0 as ScreenEditorWorkspace,
-  R0 as ScreenThumbnail,
+  T0 as ScreenEditorWorkspace,
+  _0 as ScreenThumbnail,
   te as StructureEditRejection,
-  vy as StructuredValueEditor,
-  uy as asList,
-  F0 as bindingSourceChoices,
+  yy as StructuredValueEditor,
+  my as asList,
+  B0 as bindingSourceChoices,
   of as browserWindowSizeStorage,
   At as commandNameOf,
-  C0 as createScreenEditorEnvironment,
-  pb as createScreenEditorRuntime,
+  N0 as createScreenEditorEnvironment,
+  hb as createScreenEditorRuntime,
   rf as createWindowSizeMemory,
-  Qb as defaultLayoutIcons,
-  _0 as defaultLayoutLabels,
-  $0 as defaultPaletteIcons,
-  E0 as defaultPaletteSources,
+  Zb as defaultLayoutIcons,
+  E0 as defaultLayoutLabels,
+  A0 as defaultPaletteIcons,
+  M0 as defaultPaletteSources,
   Om as defaultScreenEditorStrings,
   Or as defaultStructuredEditorStrings,
   Va as defaultWindowSize,
   cf as fitWindowSize,
-  cy as identified,
+  uy as identified,
   zs as isCollectionOfRecords,
   sf as isLegacyDefaultWindow,
   js as isObjectWithFields,
-  ay as isPrimitiveList,
+  ly as isPrimitiveList,
   wn as isRecord,
-  dy as isStringMap,
+  py as isStringMap,
   pi as isStructured,
-  ly as movedItem,
-  py as newItem,
+  dy as movedItem,
+  hy as newItem,
   Rr as numberListEditorKind,
   Oa as readSceneDocument,
-  D0 as readThumbnailDocument,
+  $0 as readThumbnailDocument,
   lf as resolveInitialWindowSize,
   Ls as scalarEditorKind,
-  Fv as screenEditorPrimeReactDefaults,
-  P0 as screenEditorRuntimeForProfile,
-  b0 as screenNamesOf,
+  Bv as screenEditorPrimeReactDefaults,
+  x0 as screenEditorRuntimeForProfile,
+  w0 as screenNamesOf,
   bt as sliceNamedBy,
   Dr as stringListEditorKind,
   Us as stringMapEditorKind,
   Bs as stringOrListEditorKind,
   ro as structuredProblem,
-  Kb as thumbnailGeometry,
-  x0 as thumbnailMaxBodyHeight,
-  O0 as thumbnailWidth,
-  A0 as toLayoutContainerDescriptors,
-  Kv as toSceneCandidates,
-  sy as withField,
+  qb as thumbnailGeometry,
+  D0 as thumbnailMaxBodyHeight,
+  R0 as thumbnailWidth,
+  F0 as toLayoutContainerDescriptors,
+  qv as toSceneCandidates,
+  cy as withField,
   Fs as withIdentities,
-  my as withItem,
+  fy as withItem,
   It as withScreenAsPrimary,
-  hy as withoutItem
+  gy as withoutItem
 };