@cratis/event-models 0.263.2 → 0.263.3

package/dist/screen-editor/index.js

@@ -1,22 +1,22 @@
-import { c as Rs, d as Ds, f as Ge, l as Pr, m as wo, p as _s, s as $s, t as Or, u as cn } from "./defaultStructuredEditorStrings-Ch1I0Lci.js";
+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 Fs } from "./toTemplateSources-BhsOzMx1.js";
-import { _ as Ms, a as ay, c as pi, d as Rr, f as Ls, g as sy, h as Bs, i as js, l as ly, m as Us, n as cy, o as wn, p as Dr, r as zs, s as dy, t as uy, u as py, v as my, y as hy } from "./structuredValue-vqCZttsk.js";
+import { 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 { a as ye, n as Ws, r as Ks } from "./iconDiagnostics-Ds4CnqD0.js";
 import { t as vy } from "./StructuredValueEditor-DUSATTWd.js";
-import { Component as Hs, createContext as Gs, createElement as Je, useCallback as H, useContext as qs, useEffect as ie, useId as Vs, useLayoutEffect as Te, useMemo as j, useRef as J, useState as M } from "react";
+import { 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 { Fragment as re, jsx as a, jsxs as b } from "react/jsx-runtime";
-import { BindingMode as ky, BindingNullBehavior as Sy, BindingSourceKind as Cy, BindingSourceKind as Bt, CollectionOperation as ke, ColorScheme as Js, ComponentCategory as Qs, CornerStyle as kn, DestinationKind as Ty, DestinationKind as _r, DiagnosticCode as Ys, EditTarget as Zs, EditingScopeKind as an, FlowContainerKind as Sn, FormGenerationMode as ve, FormWidthUnit as Ne, GridUnitType as ko, HorizontalAlignment as So, InteractionActionKind as ht, InteractionTriggerKind as $r, LogoKind as Cn, NavigationRegionKind as gt, NavigationRegionMode as $e, Orientation as ft, PackageKind as Qe, PropertyEditorKind as X, PropertyValueType as q, ProvenanceKind as mi, QueryOriginKind as Xs, QueryResultShape as el, SceneEditKind as Z, SceneNodeKind as tl, TemplateReferenceSource as Dt, TemplateScope as St, ValueSource as Er, VerticalAlignment as Co, Visibility as To, componentCategories as nl } from "@cratis/scene.model";
-import { ApplicationStructureIndex as dn, EffectiveIconCatalog as ol, NavigationEditKind as hi, TemplateCatalogKind as Ar, ToolbarDiagnosticSeverity as il, addNavItem as rl, applicableTemplates as al, applyEdit as Fr, applyNavigationEdits as sl, baseComponentLibraries as ll, componentArgumentSourcePrefix as cl, componentBadge as fi, computeSizeClass as dl, corePackage as No, createDescriptorCatalog as ul, diagnoseNavigationRegions as pl, effectiveNavigation as Mr, effectivePackages as Lr, elementNodeId as ae, findComponentDescriptor as Io, findLayoutTypeDescriptor as gi, inspect as Po, isCanvas as vt, isDockPanel as ml, isExternalComponent as Ye, isGrid as Oo, isPackageSelectionValid as hl, isPanel as Yt, isStackPanel as xo, isThemeCompatible as fl, isWrapPanel as gl, matchComponentQuery as vl, navigationModes as bl, normalizeNavigationMode as yl, normalizeToolbarButton as wl, packagesOfKind as vi, rankFrequentlyUsedComponents as kl, resolveComponentName as Mt, resolveEffectiveConfiguration as Br, resolveIconLibraries as Sl, resolvePackageDependencies as Cl, resolveScreenTemplates as Tl, resolveTemplateChain as Ro, resolveToolbarButton as Nl, screenTemplateNodeId as Il, setApplicationLogo as Pl, slotNodeId as Ol, switchRegionMode as jr, toComponentCatalog as un, toolbarButtonFromItem as Do, validateToolbarButtons as xl, validateValue as Tn } from "@cratis/scene.engine";
+import { 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 { 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 Fl, defaultApplicationChrome as Ml, defaultBlueprint as Wr, defaultBlueprintName as Kr, effectiveShellOf as Hr, externalComponent as $o, foundationSamples as Ll, layoutModes as Gr, previewProfile as Bl, resolveElementComponentNames as Eo } from "@cratis/scene.blueprint.default";
-import { IconAdapterProvider as qr, SceneElementView as Ao, SceneNavigationModelProvider as jl, SceneNavigationProvider as Ul, SceneThemeProvider as Vr, SliceInvokerProvider as zl, componentRegistryKey as _t, corePackage as Jr, createDryRunInvoker as Wl, itemEditableRule as Kl, itemInheritedReason as Hl, mergeIconAdapters as Gl, mergePackageRegistries as Qr, resolveDesignTimeHost as ql } from "@cratis/scene.react";
+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";
+import { IconAdapterProvider as Gr, SceneElementView as Ao, SceneNavigationModelProvider as jl, SceneNavigationProvider as Ul, SceneThemeProvider as Vr, SliceInvokerProvider as zl, componentRegistryKey as _t, corePackage as Jr, createDryRunInvoker as Wl, itemEditableRule as Kl, itemInheritedReason as Hl, mergeIconAdapters as ql, mergePackageRegistries as Qr, resolveDesignTimeHost as Gl } from "@cratis/scene.react";
 import { Toolbar as Vl, ToolbarFolder as Jl } from "@cratis/components/Toolbar";
 import { PrototypeLayout as it } from "@cratis/scene";
 import { FileUploadHandlerProvider as Ql, QuillLoaderProvider as Yl, primeReactPackage as Yr, primeReactThemes as bi, usePrimeReactTheme as Zl } from "@cratis/scene.primereact";
-import { FaAlignJustify as yi, FaAlignLeft as Xl, FaAngleDoubleRight as Nn, FaArrowsAltH as ec, FaBars as mt, FaBell as tc, FaBolt as nc, FaBookmark as oc, FaBorderAll as ic, FaCalendarAlt as wi, FaCaretSquareDown as ki, FaChartBar as Zr, FaCheckSquare as Si, FaClock as rc, FaClone as ac, FaCode as sc, FaCog as Ci, FaColumns as In, FaCommentAlt as lc, FaCommentDots as Xr, FaCompass as cc, FaCreditCard as dc, FaCube as uc, FaDatabase as pc, FaDesktop as Vn, FaEdit as Pn, FaEllipsisH as mc, FaExclamationCircle as On, FaExpandArrowsAlt as hc, FaFileAlt as Jn, FaFileUpload as fc, FaFilter as Ti, FaFolderOpen as Ni, FaFont as Ii, FaGripLines as ze, FaGripLinesVertical as gc, FaGripVertical as vc, FaHashtag as Pi, FaHeading as Zt, FaHistory as bc, FaHourglassHalf as yc, FaIdBadge as wc, FaImage as ea, FaImages as Oi, FaInfoCircle as kc, FaKeyboard as ta, FaLayerGroup as Sc, FaLink as Cc, FaList as na, FaListAlt as xn, FaListOl as Rn, FaLock as Tc, FaMask as xi, FaMobileAlt as Nc, FaMousePointer as Xt, FaObjectGroup as Ic, FaPaintBrush as Pc, FaPalette as Dn, FaPen as Oc, FaPercent as xc, FaPlay as Rc, FaProjectDiagram as Dc, FaPuzzlePiece as oa, FaRedo as _c, FaRegCheckCircle as $c, FaRegCircle as _n, FaRegSquare as Fo, FaSave as Ec, FaSearch as Ri, FaShapes as ia, FaSitemap as $n, FaSlidersH as Qn, FaSpinner as Di, FaSquare as Ac, FaStar as Fc, FaStepForward as En, FaStickyNote as Mc, FaStream as Lc, FaTable as Ct, FaTag as jt, FaTerminal as Bc, FaTh as _i, FaThLarge as Mo, FaThList as Lo, FaToggleOn as ra, FaTools as jc, FaTrash as Uc, FaTree as Yn, FaUndo as zc, FaUser as Wc, FaUserCircle as Kc, FaVectorSquare as Hc, FaWindowMaximize as Tt, FaWindowRestore as Gc } from "react-icons/fa";
+import { FaAlignJustify as yi, FaAlignLeft as Xl, FaAngleDoubleRight as Nn, FaArrowsAltH as ec, FaBars as mt, FaBell as tc, FaBolt as nc, FaBookmark as oc, FaBorderAll as ic, FaCalendarAlt as wi, FaCaretSquareDown as ki, FaChartBar as Zr, FaCheckSquare as Si, FaClock as rc, FaClone as ac, FaCode as sc, FaCog as Ci, FaColumns as In, FaCommentAlt as lc, FaCommentDots as Xr, FaCompass as cc, FaCreditCard as dc, FaCube as uc, FaDatabase as pc, FaDesktop as Vn, FaEdit as Pn, FaEllipsisH as mc, FaExclamationCircle as On, FaExpandArrowsAlt as hc, FaFileAlt as Jn, FaFileUpload as fc, FaFilter as Ti, FaFolderOpen as Ni, FaFont as Ii, FaGripLines as ze, FaGripLinesVertical as gc, FaGripVertical as vc, FaHashtag as Pi, FaHeading as Zt, FaHistory as bc, FaHourglassHalf as yc, FaIdBadge as wc, FaImage as ea, FaImages as Oi, FaInfoCircle as kc, FaKeyboard as ta, FaLayerGroup as Sc, FaLink as Cc, FaList as na, FaListAlt as xn, FaListOl as Rn, FaLock as Tc, FaMask as xi, FaMobileAlt as Nc, FaMousePointer as Xt, FaObjectGroup as Ic, FaPaintBrush as Pc, FaPalette as Dn, FaPen as Oc, FaPercent as xc, FaPlay as Rc, FaProjectDiagram as Dc, FaPuzzlePiece as oa, FaRedo as _c, FaRegCheckCircle as $c, FaRegCircle as _n, FaRegSquare as Mo, FaSave as Ec, FaSearch as Ri, FaShapes as ia, FaSitemap as $n, FaSlidersH as Qn, FaSpinner as Di, FaSquare as Ac, FaStar as Mc, FaStepForward as En, FaStickyNote as Fc, FaStream as Lc, FaTable as Ct, FaTag as jt, FaTerminal as Bc, FaTh as _i, FaThLarge as Fo, FaThList as Lo, FaToggleOn as ra, FaTools as jc, FaTrash as Uc, FaTree as Yn, FaUndo as zc, FaUser as Wc, FaUserCircle as Kc, FaVectorSquare as Hc, FaWindowMaximize as Tt, FaWindowRestore as qc } from "react-icons/fa";
 import "@cratis/scene.primereact/primeReactTheme.css";
-import { LuChevronLeft as qc, LuChevronRight as Vc, LuCopy as Jc, LuCornerDownRight as Qc, LuLink as Yc, LuLock as aa, LuPanelLeft as Zc, LuPlus as Xc, LuTrash2 as ed, LuZap as td } from "react-icons/lu";
+import { LuChevronLeft as Gc, LuChevronRight as Vc, LuCopy as Jc, LuCornerDownRight as Qc, LuLink as Yc, LuLock as aa, LuPanelLeft as Zc, LuPlus as Xc, LuTrash2 as ed, LuZap as td } from "react-icons/lu";
 import { PrimeReactProvider as nd } from "@primereact/core/config";
 import { styles as od } from "@primereact/styles/accordion";
 import { styles as id } from "@primereact/styles/autocomplete";
@@ -51,8 +51,8 @@ import { styles as _d } from "@primereact/styles/inputcolor";
 import { styles as $d } from "@primereact/styles/inputgroup";
 import { styles as Ed } from "@primereact/styles/inputnumber";
 import { styles as Ad } from "@primereact/styles/inputotp";
-import { styles as Fd } from "@primereact/styles/inputtags";
-import { styles as Md } from "@primereact/styles/inputtext";
+import { styles as Md } from "@primereact/styles/inputtags";
+import { styles as Fd } from "@primereact/styles/inputtext";
 import { styles as Ld } from "@primereact/styles/knob";
 import { styles as Bd } from "@primereact/styles/label";
 import { styles as jd } from "@primereact/styles/listbox";
@@ -61,8 +61,8 @@ import { styles as zd } from "@primereact/styles/message";
 import { styles as Wd } from "@primereact/styles/metergroup";
 import { styles as Kd } from "@primereact/styles/navigationmenu";
 import { styles as Hd } from "@primereact/styles/organizationchart";
-import { styles as Gd } from "@primereact/styles/overlaybadge";
-import { styles as qd } from "@primereact/styles/paginator";
+import { styles as qd } from "@primereact/styles/overlaybadge";
+import { styles as Gd } from "@primereact/styles/paginator";
 import { styles as Vd } from "@primereact/styles/panel";
 import { styles as Jd } from "@primereact/styles/inputpassword";
 import { styles as Qd } from "@primereact/styles/popover";
@@ -107,8 +107,8 @@ import { ordersBlueprint as _u } from "@cratis/scene.blueprint.orders";
 import { ticketingBlueprint as $u } from "@cratis/scene.blueprint.ticketing";
 import { vendorsBlueprint as Eu } from "@cratis/scene.blueprint.vendors";
 import { workOrdersBlueprint as Au } from "@cratis/scene.blueprint.work-orders";
-import { dynamicIconImports as Fu } from "lucide-react/dynamic";
-function Mu(e, t, n) {
+import { dynamicIconImports as Mu } from "lucide-react/dynamic";
+function Fu(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,
@@ -133,9 +133,9 @@ 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] = M("entering"), [u, d] = M(() => ju(t)), p = J(u);
+  const [l, c] = F("entering"), [u, d] = F(() => ju(t)), p = J(u);
   p.current = u;
-  const [m, h] = M(!1), [f, v] = M(() => ({
+  const [m, h] = F(!1), [f, v] = F(() => ({
     width: window.innerWidth,
     height: window.innerHeight
   }));
@@ -180,7 +180,7 @@ var ju = (e) => e ? {
     });
   }, []), S = H(() => {
     k.current = null;
-  }, []), w = Mu(u, f, n - (m ? 360 / 2 : 0)), T = w.offsetX, E = {
+  }, []), w = Fu(u, f, n - (m ? 360 / 2 : 0)), T = w.offsetX, E = {
     size: u,
     setSize: d,
     isInspectorOpen: m,
@@ -191,7 +191,7 @@ var ju = (e) => e ? {
     closeWithoutSaving: () => {
       x(!0);
     }
-  }, I = e.left + e.width / 2, C = e.top + e.height / 2, $ = f.width / 2 + T - w.width / 2, U = f.height / 2 - w.height / 2, D = `${I - $}px ${C - U}px`, F = [
+  }, I = e.left + e.width / 2, C = e.top + e.height / 2, $ = f.width / 2 + T - w.width / 2, U = f.height / 2 - w.height / 2, D = `${I - $}px ${C - U}px`, M = [
     "prototype-editor-overlay-content",
     l === "visible" ? "prototype-editor-overlay-content--visible" : "",
     l === "closing" ? "prototype-editor-overlay-content--closing" : ""
@@ -203,7 +203,7 @@ var ju = (e) => e ? {
       x();
     },
     children: [/* @__PURE__ */ b("div", {
-      className: F,
+      className: M,
       "data-testid": "studio-screen-editor-frame",
       style: {
         transformOrigin: D,
@@ -295,7 +295,7 @@ function b0(e) {
   const t = e.screens.map((n) => n.name);
   return [...t.filter((n) => n === le), ...t.filter((n) => n !== le)];
 }
-var An = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, Gu = (e) => {
+var An = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, qu = (e) => {
   const t = e;
   return !!t && typeof t == "object" && [
     "left",
@@ -304,11 +304,11 @@ var An = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t)
     "bottom"
   ].every((n) => typeof t[n] == "number");
 };
-function qu(e, t, n) {
+function Gu(e, t, n) {
   const o = e;
   o.zIndex = n;
   const i = An(To, t.visibility);
-  i !== void 0 && (o.visibility = i), typeof t.isEnabled == "boolean" && (o.isEnabled = t.isEnabled), typeof t.opacity == "number" && (o.opacity = t.opacity), Gu(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), qu(t.margin) && (o.margin = { ...t.margin });
   const r = An(So, t.horizontalAlignment);
   r !== void 0 && (o.horizontalAlignment = r);
   const s = An(Co, t.verticalAlignment);
@@ -332,23 +332,23 @@ function Vu(e) {
     ...Xn,
     margin: { ...Xn.margin }
   };
-  return qu(t, e, 0), delete t.zIndex, t;
+  return Gu(t, e, 0), delete t.zIndex, t;
 }
-var Ju = Object.keys(Xn), G = /* @__PURE__ */ (function(e) {
+var Ju = Object.keys(Xn), q = /* @__PURE__ */ (function(e) {
   return e.Stack = "stack", e.Row = "row", e.Grid = "grid", e.Container = "container", e.Wrap = "wrap", e.Canvas = "canvas", e;
 })({}), Qu = "StudioLayout", Yu = {
-  Stack: G.Stack,
-  Row: G.Row,
-  Grid: G.Grid,
-  Container: G.Container,
-  Wrap: G.Wrap,
-  Canvas: G.Canvas
+  Stack: q.Stack,
+  Row: q.Row,
+  Grid: q.Grid,
+  Container: q.Container,
+  Wrap: q.Wrap,
+  Canvas: q.Canvas
 };
 function Zu(e) {
   const t = Object.entries(Yu).find(([, n]) => n === e)?.[0] ?? "Container";
   return `${Qu}.${t}`;
 }
-var et = "Canvas.Left", tt = "Canvas.Top", Ai = "legacyType", Xu = "legacy", Fi = "legacyExtras", ep = {
+var et = "Canvas.Left", tt = "Canvas.Top", Ai = "legacyType", Xu = "legacy", Mi = "legacyExtras", ep = {
   DatePicker: "calendar",
   OrgChart: "organizationChart",
   Chips: "chips",
@@ -362,10 +362,10 @@ function eo(e) {
   return Array.isArray(e) ? e.filter((t) => t !== null).map(eo) : e !== null && typeof e == "object" ? Object.fromEntries(Object.entries(e).filter(([, t]) => t !== null).map(([t, n]) => [t, eo(n)])) : e;
 }
 function ma(e) {
-  if (vt(e)) return G.Canvas;
-  if (Oo(e)) return G.Grid;
+  if (vt(e)) return q.Canvas;
+  if (Oo(e)) return q.Grid;
   if (!ml(e))
-    return xo(e) ? e.orientation === ft.Horizontal ? G.Row : G.Stack : gl(e) ? G.Wrap : G.Container;
+    return xo(e) ? e.orientation === ft.Horizontal ? q.Row : q.Stack : gl(e) ? q.Wrap : q.Container;
 }
 function en(e, t = () => {
 }) {
@@ -375,7 +375,7 @@ var ge = (e, t) => typeof e == "number" ? e : t;
 function ha(e, t) {
   const n = e, o = { ...n.properties ?? {} }, i = cn(e).map((y) => ha(y, t)), r = o[Xu];
   if (r != null && typeof r == "object") return op(r, n, o, i);
-  const s = o[Fi], l = typeof o.legacyType == "string" && o.legacyType !== "" ? o[Ai] : void 0, c = l ?? (Yt(e) ? Zu(ma(e)) : t(Ye(e) ? e.componentName : "")), u = Ye(e) ? e.componentName : "", { [Ai]: d, [Fi]: p, [et]: m, [tt]: h, ...f } = o, v = {};
+  const s = o[Mi], l = typeof o.legacyType == "string" && o.legacyType !== "" ? o[Ai] : void 0, c = l ?? (Yt(e) ? Zu(ma(e)) : t(Ye(e) ? e.componentName : "")), u = Ye(e) ? e.componentName : "", { [Ai]: d, [Mi]: p, [et]: m, [tt]: h, ...f } = o, v = {};
   for (const y of s?.topKeys ?? []) y in f && (v[y] = f[y], delete f[y]);
   const g = ge(m, s?.position.x ?? 0), k = ge(h, s?.position.y ?? 0), x = n.name ?? "", O = s?.emptyName === !0 && x === (l ?? "");
   return {
@@ -622,14 +622,14 @@ function lp({ row: e, adapter: t, strings: n, isSelected: o, isFocusable: i, dro
     ]
   });
 }
-var Mi = {
+var Fi = {
   ArrowUp: Ee.MoveUp,
   ArrowDown: Ee.MoveDown,
   ArrowLeft: Ee.Outdent,
   ArrowRight: Ee.Indent
 };
 function ya({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEdit: r, onRemove: s }) {
-  const [l, c] = M(() => new Set(e.flatMap((I) => [t.idOf(I), ...t.childrenOf(I).map((C) => t.idOf(C))]))), [u, d] = M(o), [p, m] = M(), [h, f] = M(), [v, g] = M(""), k = j(() => va(e, l, t), [
+  const [l, c] = F(() => new Set(e.flatMap((I) => [t.idOf(I), ...t.childrenOf(I).map((C) => t.idOf(C))]))), [u, d] = F(o), [p, m] = F(), [h, f] = F(), [v, g] = F(""), k = j(() => va(e, l, t), [
     e,
     l,
     t
@@ -644,8 +644,8 @@ function ya({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
     I && (d(I), requestAnimationFrame(() => document.querySelector(`[data-row-id="${CSS.escape(I)}"]`)?.focus()));
   }, w = (I, C) => {
     const $ = k.findIndex((D) => D.id === C), U = k[$];
-    if (I.altKey && Mi[I.key]) {
-      I.preventDefault(), y(rp(e, C, Mi[I.key], t)), S(C);
+    if (I.altKey && Fi[I.key]) {
+      I.preventDefault(), y(rp(e, C, Fi[I.key], t)), S(C);
       return;
     }
     if (Bo(I) && s && to(e, C, t)) {
@@ -721,7 +721,7 @@ function ya({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: i, onEd
     children: v
   })] });
 }
-var Fn = /* @__PURE__ */ (function(e) {
+var Mn = /* @__PURE__ */ (function(e) {
   return e.Properties = "properties", e.Structure = "structure", e;
 })({}), cp = /* @__PURE__ */ new Set([et, tt]);
 function dp(e, t, n) {
@@ -738,9 +738,9 @@ var up = {
   ]),
   commandForm: /* @__PURE__ */ new Set(["command"])
 }, wa = (e, t) => up[e.slice(e.lastIndexOf(":") + 1)]?.has(t) ?? !1, pp = /* @__PURE__ */ new Set([
-  q.Object,
-  q.Json,
-  q.Collection
+  G.Object,
+  G.Json,
+  G.Collection
 ]), mp = (e) => e.descriptor.output === !0 && pp.has(e.descriptor.valueType), hp = (e, t, n = () => !1) => e.filter((o) => !wa(t, o.descriptor.path) && !mp(o) && !n(o));
 function fp(e) {
   const t = /* @__PURE__ */ new Map();
@@ -956,7 +956,7 @@ function Uo(e, t, n = []) {
   }
 }
 var Cp = ({ component: e, descriptor: t, controller: n, environment: o, strings: i, disabled: r }) => {
-  const [s, l] = M([]), { designTime: c, packageDescriptorOf: u } = o.runtime, d = u(t);
+  const [s, l] = F([]), { designTime: c, packageDescriptorOf: u } = o.runtime, d = u(t);
   if ((d.actions ?? []).length === 0) return null;
   const p = (g) => mn(e, d, n, o, g), m = c.actions(d, p(i.properties.designTimeActions)), h = Uo(d, o, m.map((g) => g.diagnostic)) !== void 0, f = h ? [] : m.flatMap((g) => g.diagnostic ? [g.diagnostic] : []), v = (g, k) => {
     const x = c.runAction(d, g, p(k));
@@ -1084,7 +1084,7 @@ var Rp = ({ controller: e, slices: t, strings: n, disabled: o }) => {
       }) })
     ]
   });
-}, Fe = (e = 1, t = Ne.Fraction) => t === Ne.Auto ? { unit: t } : {
+}, Me = (e = 1, t = Ne.Fraction) => t === Ne.Auto ? { unit: t } : {
   unit: t,
   value: e
 };
@@ -1092,14 +1092,14 @@ function Dp(e) {
   return {
     columns: [{
       index: 1,
-      width: Fe(1)
+      width: Me(1)
     }, {
       index: 2,
-      width: Fe(1)
+      width: Me(1)
     }],
     placements: e.map((t, n) => zo(t.name, n)),
-    columnGap: Fe(16, Ne.Pixels),
-    rowGap: Fe(12, Ne.Pixels)
+    columnGap: Me(16, Ne.Pixels),
+    rowGap: Me(12, Ne.Pixels)
   };
 }
 function _p(e) {
@@ -1209,14 +1209,14 @@ function io(e) {
     fields: e.inputs.map((t) => ({ name: t.name }))
   };
 }
-function Fp(e, t) {
+function Mp(e, t) {
   return Lt({
     ...e,
     generationMode: ve.Manual,
-    fields: Mp(t)
+    fields: Fp(t)
   });
 }
-function Mp(e) {
+function Fp(e) {
   return e.inputs.map((t) => ({
     name: t.name,
     sourceProperty: t.name,
@@ -1235,7 +1235,7 @@ function Bi(e, t, n) {
 function Bp(e, t) {
   return t ? e.find((n) => n.forCommand === At(t)) : void 0;
 }
-var jp = bt, Me = /* @__PURE__ */ (function(e) {
+var jp = bt, Fe = /* @__PURE__ */ (function(e) {
   return e.AutoMapped = "autoMapped", e.Renamed = "renamed", e.Composed = "composed", e.Broken = "broken", e;
 })({});
 function Up(e, t) {
@@ -1245,23 +1245,23 @@ function Up(e, t) {
   }));
 }
 function zp(e, t) {
-  if (e.composeUsing) return Me.Composed;
+  if (e.composeUsing) return Fe.Composed;
   const n = e.sourceProperty ?? e.name;
-  return t.includes(n) ? e.sourceProperty ? Me.Renamed : Me.AutoMapped : Me.Broken;
+  return t.includes(n) ? e.sourceProperty ? Fe.Renamed : Fe.AutoMapped : Fe.Broken;
 }
-var qe = /* @__PURE__ */ (function(e) {
+var Ge = /* @__PURE__ */ (function(e) {
   return e.None = "none", e.ViaQuery = "viaQuery", e.FromItem = "fromItem", e;
 })({});
 function Wp(e) {
   return e ? Kp(e) ? {
-    kind: qe.ViaQuery,
+    kind: Ge.ViaQuery,
     queryName: e.queryName,
     parameterNames: Object.keys(e.parameterBindings)
   } : {
-    kind: qe.FromItem,
+    kind: Ge.FromItem,
     parameterNames: []
   } : {
-    kind: qe.None,
+    kind: Ge.None,
     parameterNames: []
   };
 }
@@ -1269,22 +1269,22 @@ function Kp(e) {
   return "queryName" in e;
 }
 var Hp = {
-  [Me.AutoMapped]: "Auto-mapped",
-  [Me.Renamed]: "Renamed",
-  [Me.Composed]: "Composed",
-  [Me.Broken]: "Broken"
-}, Gp = {
-  [qe.None]: "No populate source",
-  [qe.ViaQuery]: "Populate via query",
-  [qe.FromItem]: "Populate from item"
+  [Fe.AutoMapped]: "Auto-mapped",
+  [Fe.Renamed]: "Renamed",
+  [Fe.Composed]: "Composed",
+  [Fe.Broken]: "Broken"
+}, qp = {
+  [Ge.None]: "No populate source",
+  [Ge.ViaQuery]: "Populate via query",
+  [Ge.FromItem]: "Populate from item"
 };
-function qp({ form: e, commandProperties: t, onFieldSelected: n }) {
+function Gp({ form: e, commandProperties: t, onFieldSelected: n }) {
   const o = Wp(e.populateSource), i = Up(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: Gp[o.kind] }), o.kind === qe.ViaQuery && /* @__PURE__ */ b("span", {
+      children: [/* @__PURE__ */ a("span", { children: qp[o.kind] }), o.kind === Ge.ViaQuery && /* @__PURE__ */ b("span", {
         className: "studio-editor-form-designer-populate-source-detail",
         children: [o.queryName, o.parameterNames.length > 0 && ` by ${o.parameterNames.join(", ")}`]
       })]
@@ -1324,7 +1324,7 @@ var Vp = ({ form: e, strings: t, onChange: n }) => {
         className: "studio-editor-properties__form-layout-row",
         children: [/* @__PURE__ */ a("span", { children: t.column(r.index) }), /* @__PURE__ */ a(tn, {
           name: t.column(r.index),
-          value: r.width ?? Fe(),
+          value: r.width ?? Me(),
           strings: t,
           onChange: (s) => n(Ep(o, r.index, s))
         })]
@@ -1335,7 +1335,7 @@ var Vp = ({ form: e, strings: t, onChange: n }) => {
           className: "studio-editor-properties__form-layout-row",
           children: [/* @__PURE__ */ a("span", { children: t.columnGap }), /* @__PURE__ */ a(tn, {
             name: t.columnGap,
-            value: i.columnGap ?? Fe(0, Ne.Pixels),
+            value: i.columnGap ?? Me(0, Ne.Pixels),
             strings: t,
             onChange: (r) => n(Li(o, "columnGap", r))
           })]
@@ -1344,7 +1344,7 @@ var Vp = ({ form: e, strings: t, onChange: n }) => {
           className: "studio-editor-properties__form-layout-row",
           children: [/* @__PURE__ */ a("span", { children: t.rowGap }), /* @__PURE__ */ a(tn, {
             name: t.rowGap,
-            value: i.rowGap ?? Fe(0, Ne.Pixels),
+            value: i.rowGap ?? Me(0, Ne.Pixels),
             strings: t,
             onChange: (r) => n(Li(o, "rowGap", r))
           })]
@@ -1399,7 +1399,7 @@ var Vp = ({ form: e, strings: t, onChange: n }) => {
   }),
   /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ a("span", { children: t.fieldWidth }), /* @__PURE__ */ a(tn, {
     name: t.fieldWidth,
-    value: e.width ?? Fe(),
+    value: e.width ?? Me(),
     strings: t,
     onChange: (o) => n({
       ...e,
@@ -1448,7 +1448,7 @@ var Qp = ({ 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 ? ve.Auto : ve.Manual,
-        onChange: (c) => t && r(c.target.value === ve.Auto ? io(t) : Fp(e, t)),
+        onChange: (c) => t && r(c.target.value === ve.Auto ? io(t) : Mp(e, t)),
         children: [/* @__PURE__ */ a("option", {
           value: ve.Auto,
           children: o.auto
@@ -1457,7 +1457,7 @@ var Qp = ({ form: e, slice: t, idPrefix: n, strings: o, disabled: i, onChange: r
           children: o.manual
         })]
       })] }),
-      /* @__PURE__ */ a(qp, {
+      /* @__PURE__ */ a(Gp, {
         form: e,
         commandProperties: s
       }),
@@ -1643,7 +1643,7 @@ function im(e, t, n, o) {
   const i = n.flatMap((s) => s.screens ?? []).find((s) => s.screenTemplate === e);
   if (!i) return;
   const r = un(n.map((s) => s.manifest));
-  return $l(Eo(Fl(i), o, r), t);
+  return $l(Eo(Ml(i), o, r), t);
 }
 function rm(e, t) {
   return t.find((n) => n.name === e && n.kind === Ar.ScreenTemplate);
@@ -1651,7 +1651,7 @@ function rm(e, t) {
 var Pt = /* @__PURE__ */ (function(e) {
   return e.Desktop = "desktop", e.Tablet = "tablet", e.Phone = "phone", e;
 })({}), am = ({ templateName: e, environment: t, strings: n, disabled: o, onApply: i, onDiscard: r }) => {
-  const [s, l] = M(pt.Populated), [c, u] = M(Pt.Desktop), { bundles: d, profile: p, registry: m, designTime: h } = t.runtime, f = j(() => im(e, s, d, p), [
+  const [s, l] = F(pt.Populated), [c, u] = F(Pt.Desktop), { bundles: d, profile: p, registry: m, designTime: h } = t.runtime, f = j(() => im(e, s, d, p), [
     e,
     s,
     d,
@@ -1733,7 +1733,7 @@ var Pt = /* @__PURE__ */ (function(e) {
       })
     ]
   });
-}, Mn = ({ controller: e, environment: t, strings: n, disabled: o, authoringTemplate: i }) => {
+}, Fn = ({ controller: e, environment: t, strings: n, disabled: o, authoringTemplate: i }) => {
   const r = n.properties.templates;
   if (i) {
     const s = e.document.screenTemplates.find((c) => c.name === i);
@@ -1801,11 +1801,11 @@ var Pt = /* @__PURE__ */ (function(e) {
     disabled: o
   });
 }, sm = ({ controller: e, environment: t, strings: n, disabled: o }) => {
-  const i = n.properties.templates, [r, s] = M(), l = e.document.screens.find((g) => g.name === le);
+  const i = n.properties.templates, [r, s] = F(), l = e.document.screens.find((g) => g.name === le);
   if (!l) return null;
   const c = t.ownTemplates ?? [], u = (g) => e.setScreenTemplate([...c, ...t.runtime.bundles.flatMap((k) => k.screenTemplates ?? [])].find((k) => k.name === g), i.choose), d = j(() => lm(al({
     ...c.length > 0 ? { own: Xp(c) } : {},
-    blueprints: Fs(t.runtime.bundles)
+    blueprints: Ms(t.runtime.bundles)
   }, Es({
     bundles: t.runtime.bundles,
     profile: t.runtime.profile,
@@ -2018,7 +2018,7 @@ function vm(e, t, n) {
   };
 }
 var bm = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
-  const i = n.properties, [r, s] = M(), l = gi(t.context.catalog, e.typeId), c = l?.capabilities.convertibleTo ?? [];
+  const i = n.properties, [r, s] = F(), l = gi(t.context.catalog, e.typeId), c = l?.capabilities.convertibleTo ?? [];
   if (!l || c.length === 0) return null;
   const u = (d) => {
     const p = t.tryApply(d, i.changeLayout), m = vm(d, p.applied, p.diagnostics);
@@ -2064,7 +2064,7 @@ var bm = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
   });
 };
 var ym = ({ location: e, strings: t }) => {
-  const n = t.properties.location, [o, i] = M(), [r, s] = M(""), [l, c] = M(), [u, d] = M(!1);
+  const n = t.properties.location, [o, i] = F(), [r, s] = F(""), [l, c] = F(), [u, d] = F(!1);
   if (!e) return null;
   const p = o?.featureId ?? e.currentFeatureId, m = o?.path ?? e.path, h = e.features.filter((v) => v.id !== p), f = async () => {
     const v = e.features.find((k) => k.id === r);
@@ -2165,11 +2165,11 @@ var Sm = (e, t, n, o) => e.exposures.some((i) => i.owner === t && i.properties.s
 ], Tm = ({ 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 !== q.Object && l.descriptor.group !== "Placement");
+  const s = e.properties.filter((l) => l.descriptor.valueType !== G.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 = Sm(n.document, i, t, c), d = l.descriptor.valueType === q.Collection;
+      const c = l.descriptor.path, u = Sm(n.document, i, t, c), d = l.descriptor.valueType === G.Collection;
       return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ b("label", { children: [
         /* @__PURE__ */ a("input", {
           type: "checkbox",
@@ -2184,7 +2184,7 @@ var Sm = (e, t, n, o) => e.exposures.some((i) => i.owner === t && i.properties.s
 }, zi = (e) => Array.isArray(e) && e.every((t) => typeof t == "string");
 function ro(e, t, n = e.label) {
   if (t != null) {
-    if (e.valueType === q.Json) switch (e.editorKind) {
+    if (e.valueType === G.Json) switch (e.editorKind) {
       case Dr:
         return zi(t) ? void 0 : `${n} is not a list of words`;
       case Rr:
@@ -2198,7 +2198,7 @@ function ro(e, t, n = e.label) {
           "boolean"
         ].includes(typeof t) ? void 0 : `${n} is not a word, a number or a yes or no`;
     }
-    if (e.valueType === q.Object && e.editorKind === Us && e.properties === void 0) return wn(t) ? void 0 : `${n} is not a record of values`;
+    if (e.valueType === G.Object && e.editorKind === Us && e.properties === void 0) return wn(t) ? void 0 : `${n} is not a record of values`;
     if (js(e) && wn(t)) return e.properties.map((o) => ro(o, t[o.path], `${n} / ${o.label}`)).find((o) => o !== void 0);
     if (zs(e) && Array.isArray(t)) for (const [o, i] of t.entries()) {
       if (!wn(i)) continue;
@@ -2208,7 +2208,7 @@ function ro(e, t, n = e.label) {
   }
 }
 function Wi(e, t) {
-  const [n, o] = M(), i = t ? e.loadedOf(t) : void 0;
+  const [n, o] = F(), i = t ? e.loadedOf(t) : void 0;
   return ie(() => {
     if (!t || e.loadedOf(t)) return;
     let r = !0;
@@ -2235,7 +2235,7 @@ function Wi(e, t) {
   };
 }
 var Wo = ({ registry: e, property: t, context: n, componentId: o, onChange: i, diagnostics: r, presentation: s = "field" }) => {
-  const l = s === "popover", { descriptor: c } = t, u = `pe-${o}-${c.path}`.replace(/[^A-Za-z0-9_-]/g, "-"), d = e.resolve(c), p = Rs(t), { editor: m, failed: h } = Wi(e, d?.id), { editor: f } = Wi(e, p ? "bindingExpression" : void 0), v = n.strings.editors, g = !t.editable || c.readOnly === !0, k = t.editable ? c.readOnly === !0 ? v.readOnly : void 0 : t.reason ?? v.inherited, x = t.effectiveValue, O = Nm(t, r), y = x == null || !pi(c) ? void 0 : Tn(c, x) ?? ro(c, x), S = y !== void 0 && Tn(c, x) !== void 0 ? Ms(c, x) : void 0, w = S !== void 0 && Tn(c, S) === void 0, T = ($) => i(t, $), E = p && $s(x), I = c.valueType === "boolean", C = pi(c);
+  const l = s === "popover", { descriptor: c } = t, u = `pe-${o}-${c.path}`.replace(/[^A-Za-z0-9_-]/g, "-"), d = e.resolve(c), p = Rs(t), { editor: m, failed: h } = Wi(e, d?.id), { editor: f } = Wi(e, p ? "bindingExpression" : void 0), v = n.strings.editors, g = !t.editable || c.readOnly === !0, k = t.editable ? c.readOnly === !0 ? v.readOnly : void 0 : t.reason ?? v.inherited, x = t.effectiveValue, O = Nm(t, r), y = x == null || !pi(c) ? void 0 : Tn(c, x) ?? ro(c, x), S = y !== void 0 && Tn(c, x) !== void 0 ? Fs(c, x) : void 0, w = S !== void 0 && Tn(c, S) === void 0, T = ($) => i(t, $), E = p && $s(x), I = c.valueType === "boolean", C = pi(c);
   return /* @__PURE__ */ b("div", {
     className: `studio-editor-field${I ? " studio-editor-field--inline" : ""}`,
     "data-property": c.path,
@@ -2937,25 +2937,25 @@ function Rm(e, t, n) {
 }
 function Dm(e) {
   switch (e.valueType) {
-    case q.String:
+    case G.String:
       return "text";
-    case q.Number:
+    case G.Number:
       return "number";
-    case q.Boolean:
+    case G.Boolean:
       return "boolean";
-    case q.Enum:
+    case G.Enum:
       return (e.choices ?? []).length <= 4 ? "enum" : "select";
-    case q.Icon:
+    case G.Icon:
       return "icon";
-    case q.Destination:
+    case G.Destination:
       return "navigationTarget";
-    case q.QueryReference:
+    case G.QueryReference:
       return "queryBinding";
-    case q.Collection:
+    case G.Collection:
       return "collection";
-    case q.Object:
+    case G.Object:
       return e.properties !== void 0 ? "object" : "undescribed";
-    case q.Json:
+    case G.Json:
       return "undescribed";
     default:
       return "undescribed";
@@ -3032,11 +3032,11 @@ function $m() {
   ]) e.register(t, async () => (await import("./SummaryEditor-C5wP1uIH.js")).SummaryEditor);
   return e;
 }
-var hn = $m(), Ho = "presentation", Go = "arguments", zt = (e) => typeof e == "string" ? e : "";
+var hn = $m(), Ho = "presentation", qo = "arguments", zt = (e) => typeof e == "string" ? e : "";
 function xa(e, t = "") {
   const n = zt(e?.command);
   if (n === "") return;
-  const o = Array.isArray(e?.arguments) ? e[Go] : [], i = Object.fromEntries(o.map((s) => [zt(s.name), zt(s.source)]).filter(([s]) => s !== "")), r = zt(e?.[Ho]);
+  const o = Array.isArray(e?.arguments) ? e[qo] : [], i = Object.fromEntries(o.map((s) => [zt(s.name), zt(s.source)]).filter(([s]) => s !== "")), r = zt(e?.[Ho]);
   return {
     sliceId: n,
     sliceName: t,
@@ -3048,7 +3048,7 @@ function Em(e) {
   return {
     command: e.sliceId,
     [Ho]: e.presentation,
-    [Go]: Object.entries(e.inputs).filter(([, t]) => t.trim() !== "").map(([t, n]) => ({
+    [qo]: Object.entries(e.inputs).filter(([, t]) => t.trim() !== "").map(([t, n]) => ({
       id: t,
       name: t,
       source: n.trim()
@@ -3070,12 +3070,12 @@ var ee = /* @__PURE__ */ (function(e) {
   kind: ee.None,
   target: ""
 };
-function Fm(e) {
+function Mm(e) {
   const t = e?.find((n) => n.name === ao)?.bindings.find((n) => Bm(n.trigger))?.actions[0];
   return t ? Lm(t) : Ra;
 }
 function Hi(e, t) {
-  const n = (e ?? []).filter((r) => r.name !== ao), o = Mm(t), i = o ? [...n, {
+  const n = (e ?? []).filter((r) => r.name !== ao), o = Fm(t), i = o ? [...n, {
     name: ao,
     bindings: [{
       trigger: { kind: $r.Click },
@@ -3084,7 +3084,7 @@ function Hi(e, t) {
   }] : n;
   return i.length > 0 ? i : void 0;
 }
-function Mm(e) {
+function Fm(e) {
   if (e.target !== "")
     switch (e.kind) {
       case ee.Navigate:
@@ -3131,7 +3131,7 @@ function Bm(e) {
   return e?.kind === $r.Click;
 }
 var jm = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: i, disabled: r, onChange: s }) => {
-  const l = Fm(e), [c, u] = M(ee.None), d = l.kind === ee.None ? {
+  const l = Mm(e), [c, u] = F(ee.None), d = l.kind === ee.None ? {
     kind: c,
     target: ""
   } : l, p = Um(d.kind, t, n, o), m = d.target !== "" && !p.some((v) => v.value === d.target), h = (v) => {
@@ -3335,7 +3335,7 @@ var fn = {
   addSubItem: "addSubItem"
 }, gn = /* @__PURE__ */ (function(e) {
   return e.Elements = "elements", e.Collection = "collection", e.Region = "region", e;
-})({}), qo = (e) => "rejected" in e;
+})({}), Go = (e) => "rejected" in e;
 function zm(e, t) {
   switch (e.availability) {
     case void 0:
@@ -3396,15 +3396,15 @@ function sn(e, t) {
     if (o) return o;
   }
 }
-function Ft(e, t) {
+function Mt(e, t) {
   if (e.some((n) => n.id === t)) return e;
   for (const n of e) {
-    const o = n.children ? Ft(n.children, t) : void 0;
+    const o = n.children ? Mt(n.children, t) : void 0;
     if (o) return o;
   }
 }
 function Hm(e, t, n) {
-  const o = Ft(e, t);
+  const o = Mt(e, t);
   if (!o) return [...e];
   const i = o.findIndex((l) => l.id === t);
   if (i < 0 || n < 0 || n >= o.length || i === n) return [...e];
@@ -3425,8 +3425,8 @@ var Da = (e, t) => ({
   id: t(),
   ...e.children ? { children: e.children.map((n) => Da(n, t)) } : {}
 });
-function Gm(e, t, n) {
-  const o = sn(e, t), i = Ft(e, t);
+function qm(e, t, n) {
+  const o = sn(e, t), i = Mt(e, t);
   if (!o || !i) return { items: [...e] };
   const r = Da(o, n), s = i.findIndex((c) => c.id === t) + 1, l = [
     ...i.slice(0, s),
@@ -3438,10 +3438,10 @@ function Gm(e, t, n) {
     copy: r
   };
 }
-var qm = () => ({
+var Gm = () => ({
   application: { regions: [] },
   modules: []
-}), Gi = (e) => e.navigation ?? qm(), Vm = (e, t) => ({
+}), qi = (e) => e.navigation ?? Gm(), Vm = (e, t) => ({
   ...e,
   navigation: t
 });
@@ -3463,7 +3463,7 @@ function Ym(e, t) {
   return [n.name, ...o].join(" › ");
 }
 function Yo(e) {
-  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = Mr(i, o, n, t), d = Jm(o, n, t), p = pl(i, o, { slots: [...s] }), m = (O) => `${n ?? "application"}:${t}:${O}`, h = [], f = (O, y) => {
+  const { region: t, module: n, navigation: o, structure: i, newId: r, slots: s, startingLabel: l, strings: c } = e, u = Fr(i, o, n, t), d = Jm(o, n, t), p = pl(i, o, { slots: [...s] }), m = (O) => `${n ?? "application"}:${t}:${O}`, h = [], f = (O, y) => {
     const S = O.filter((w) => !w.readOnly);
     O.forEach((w) => {
       const T = sn(d, w.id)?.target ?? (w.target ? {
@@ -3541,15 +3541,15 @@ function Yo(e) {
           return y.parentId !== void 0 ? { rejected: "subItemOfSubItem" } : x(y.id);
         case A.moveEarlier:
         case A.moveLater: {
-          const S = y.index + (O === A.moveEarlier ? -1 : 1), w = Ft(d, y.id);
+          const S = y.index + (O === A.moveEarlier ? -1 : 1), w = Mt(d, y.id);
           return !w || S < 0 || S >= w.length ? { rejected: "noWhere" } : g("Move", k(Hm(d, y.id, S)), { itemId: y.id });
         }
         case A.duplicate: {
-          const S = Gm(d, y.id, r);
+          const S = qm(d, y.id, r);
           return S.copy ? g("Duplicate", k(S.items), { itemId: S.copy.id }) : { rejected: O };
         }
         case A.delete: {
-          const S = Ft(d, y.id) ?? [], w = S.findIndex((E) => E.id === y.id), T = S[w + 1] ?? S[w - 1];
+          const S = Mt(d, y.id) ?? [], w = S.findIndex((E) => E.id === y.id), T = S[w + 1] ?? S[w - 1];
           return g("Remove", k(Km(d, y.id)), { itemId: T?.id ?? null });
         }
         default:
@@ -3596,7 +3596,7 @@ function Ln(e, t, n, o) {
       path: e,
       label: t,
       group: "Content",
-      valueType: q.String,
+      valueType: G.String,
       editorKind: n
     },
     currentValue: o,
@@ -3605,7 +3605,7 @@ function Ln(e, t, n, o) {
     editable: !0
   };
 }
-var yt = () => globalThis.crypto.randomUUID(), qi = (e) => typeof e == "string" ? e : "";
+var yt = () => globalThis.crypto.randomUUID(), Gi = (e) => typeof e == "string" ? e : "";
 function Xm({ componentId: e, property: t, newId: n, startingLabel: o, startingDestination: i }) {
   const r = t.descriptor.path, s = t.items ?? [], l = s.filter((h) => h.editable), c = new Set(t.operations ?? []), u = {
     component: e,
@@ -3614,7 +3614,7 @@ function Xm({ componentId: e, property: t, newId: n, startingLabel: o, startingD
     const f = l.indexOf(h);
     return {
       id: h.id,
-      label: qi(h.values.label) || qi(h.values.title),
+      label: Gi(h.values.label) || Gi(h.values.title),
       index: f,
       count: l.length,
       readOnly: !h.editable,
@@ -3919,7 +3919,7 @@ function oh({ component: e, addActionId: t, ownershipOf: n, inspect: o, newId: i
 function ih(e) {
   const { roots: t, catalog: n, selectedId: o, selectedItemId: i } = e;
   if (!o) return;
-  const r = Ge(t, o);
+  const r = qe(t, o);
   if (!r) return;
   const s = Vi(n, r);
   if (s) return Ji(e, r, s.addActionId, i, !1);
@@ -3968,7 +3968,7 @@ function Ji(e, t, n, o, i) {
   };
 }
 function rh({ controller: e, environment: t, strings: n, startingLabels: o, startingDestination: i, otherSource: r }) {
-  const [s, l] = M(0), [c, u] = M(""), [d, p] = M("");
+  const [s, l] = F(0), [c, u] = F(""), [d, p] = F("");
   ie(() => {
     if (d === "") return;
     const C = setTimeout(() => p(""), 4e3);
@@ -4026,7 +4026,7 @@ function rh({ controller: e, environment: t, strings: n, startingLabels: o, star
     y,
     w
   ]), E = e.selectItem, I = H((C, $) => {
-    if (qo(C))
+    if (Go(C))
       return u(n.announce.refused(C.rejected)), !1;
     if (C.editAtApplication)
       return e.setNavigationModule(void 0), e.selectItem(void 0, void 0), !0;
@@ -4034,7 +4034,7 @@ function rh({ controller: e, environment: t, strings: n, startingLabels: o, star
     if (!U.applied)
       return u(n.announce.refused("rejected" in U && U.rejected || "diagnostics" in U && U.diagnostics[0]?.message || C.label)), !1;
     const { select: D } = C;
-    return D?.elementId !== void 0 && e.select(D.elementId), D?.itemId !== void 0 && e.selectItem(D.itemId === null ? void 0 : T?.componentId ?? v, D.itemId === null ? void 0 : D.itemId), C.notice && (u(C.notice), p(C.notice)), C.renameNext && l((F) => F + 1), $ && !C.notice && u($(C)), !0;
+    return D?.elementId !== void 0 && e.select(D.elementId), D?.itemId !== void 0 && e.selectItem(D.itemId === null ? void 0 : T?.componentId ?? v, D.itemId === null ? void 0 : D.itemId), C.notice && (u(C.notice), p(C.notice)), C.renameNext && l((M) => M + 1), $ && !C.notice && u($(C)), !0;
   }, [
     e,
     n,
@@ -4112,7 +4112,7 @@ var Ea = (e) => ({
   editable: r,
   ...s ? { reason: s } : {}
 }), uo = ({ controller: e, environment: t, strings: n, region: o, itemId: i }) => {
-  const r = (n.designMode ?? fn).navigation, { selection: s, navigation: l, structure: c, navigationModule: u } = e, d = o ? i : e.selectedItemId, p = o ?? (s && "componentName" in s ? bn(String(s.componentName)) : void 0), [m, h] = M(!1), f = j(() => jo(t.availableSources), [t.availableSources]);
+  const r = (n.designMode ?? fn).navigation, { selection: s, navigation: l, structure: c, navigationModule: u } = e, d = o ? i : e.selectedItemId, p = o ?? (s && "componentName" in s ? bn(String(s.componentName)) : void 0), [m, h] = F(!1), f = j(() => jo(t.availableSources), [t.availableSources]);
   if (!p) return null;
   const v = t.navigation?.slots ?? t.propertyEditors?.slots ?? ["content"], g = Yo({
     region: p,
@@ -4177,10 +4177,10 @@ var Ea = (e) => ({
       z = Q;
     }
     return [y.readOnly ? r.application : x, ...N];
-  })(), F = l.application.logo, L = (N) => {
+  })(), M = l.application.logo, L = (N) => {
     const z = Pl(l, u, {
-      image: F?.image ?? "",
-      title: F?.title ?? "",
+      image: M?.image ?? "",
+      title: M?.title ?? "",
       ...N
     });
     z.rejected || e.applyNavigationEdits(z.edits, "Logo");
@@ -4224,10 +4224,10 @@ var Ea = (e) => ({
         children: r.problems[N.code] ?? N.message
       }, N.code)),
       [
-        Ht("label", r.label, q.String, "text", y.label, C, r.inheritedFromApplication),
-        Ht("target", r.navigateTo, q.String, "navigationItemTarget", y.values.target, C, r.inheritedFromApplication),
-        Ht("slot", r.renderIntoSlot, q.String, "renderingSlot", y.values.slot, C, r.inheritedFromApplication),
-        Ht("icon", r.icon, q.String, "icon", y.values.icon, C, r.inheritedFromApplication)
+        Ht("label", r.label, G.String, "text", y.label, C, r.inheritedFromApplication),
+        Ht("target", r.navigateTo, G.String, "navigationItemTarget", y.values.target, C, r.inheritedFromApplication),
+        Ht("slot", r.renderIntoSlot, G.String, "renderingSlot", y.values.slot, C, r.inheritedFromApplication),
+        Ht("icon", r.icon, G.String, "icon", y.values.icon, C, r.inheritedFromApplication)
       ].map((N) => /* @__PURE__ */ a(Wo, {
         registry: S,
         property: N,
@@ -4297,13 +4297,13 @@ var Ea = (e) => ({
           /* @__PURE__ */ a("legend", { children: r.logo }),
           /* @__PURE__ */ b("label", { children: [r.logoTitle, /* @__PURE__ */ a("input", {
             type: "text",
-            value: F?.title ?? "",
+            value: M?.title ?? "",
             disabled: u !== void 0,
             onChange: (N) => L({ title: N.target.value })
           })] }),
           /* @__PURE__ */ b("label", { children: [r.logoImage, /* @__PURE__ */ a("input", {
             type: "text",
-            value: F?.image ?? "",
+            value: M?.image ?? "",
             disabled: u !== void 0,
             onChange: (N) => L({ image: N.target.value })
           })] }),
@@ -4331,7 +4331,7 @@ var Ea = (e) => ({
   inherited: "inherited",
   notLinked: "not linked"
 }, ch = [gt.Topbar, gt.Sidebar], dh = ({ controller: e, environment: t, strings: n }) => {
-  const o = lh, i = (n.designMode ?? fn).navigation, [r, s] = M(gt.Topbar), [l, c] = M(), { navigation: u, structure: d, navigationModule: p } = e;
+  const o = lh, i = (n.designMode ?? fn).navigation, [r, s] = F(gt.Topbar), [l, c] = F(), { navigation: u, structure: d, navigationModule: p } = e;
   if (!t.navigation) return null;
   const m = t.navigation.slots ?? t.propertyEditors?.slots ?? ["content"], h = Yo({
     region: r,
@@ -4350,7 +4350,7 @@ var Ea = (e) => ({
       mainArea: "Main area"
     }
   }), f = h.items.find((y) => y.id === l), v = f !== void 0 && !f.readOnly, g = (y) => {
-    qo(y) || !y.navigationEdits || e.applyNavigationEdits(y.navigationEdits, y.label).applied && y.select?.itemId !== void 0 && c(y.select.itemId === null ? void 0 : y.select.itemId);
+    Go(y) || !y.navigationEdits || e.applyNavigationEdits(y.navigationEdits, y.label).applied && y.select?.itemId !== void 0 && c(y.select.itemId === null ? void 0 : y.select.itemId);
   }, k = (y, S) => g(h.act(y, S)), x = (y) => {
     c(void 0), e.setNavigationModule(y === "" ? void 0 : y);
   }, O = (y) => {
@@ -4573,7 +4573,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
       label: t.properties.diagnostics
     })]
   });
-}, fh = (e, t) => e.find((n) => n.component === t), gh = /* @__PURE__ */ new Set([Go]), vh = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
+}, fh = (e, t) => e.find((n) => n.component === t), gh = /* @__PURE__ */ new Set([qo]), vh = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: i }) => {
   const { inspection: r, selectedId: s, selection: l } = e, c = n.properties, u = j(() => jo(t.availableSources), [t.availableSources]), d = j(() => Pr(e.document, e.composition.roots, e.context, t.availableSources, t.queryCandidates), [
     e.document,
     e.composition.roots,
@@ -4584,7 +4584,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
   if (!s || !l || !r)
     return i ? /* @__PURE__ */ a("div", {
       className: "studio-editor-properties",
-      children: /* @__PURE__ */ a(Mn, {
+      children: /* @__PURE__ */ a(Fn, {
         controller: e,
         environment: t,
         strings: n,
@@ -4602,7 +4602,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
           location: t.location,
           strings: n
         }),
-        /* @__PURE__ */ a(Mn, {
+        /* @__PURE__ */ a(Fn, {
           controller: e,
           environment: t,
           strings: n,
@@ -4682,7 +4682,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
         strings: n,
         disabled: o !== void 0 && o !== "local"
       }),
-      i && /* @__PURE__ */ a(Mn, {
+      i && /* @__PURE__ */ a(Fn, {
         controller: e,
         environment: t,
         strings: n,
@@ -4732,14 +4732,14 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
         children: [/* @__PURE__ */ a("h4", {
           className: "studio-editor-properties__group-title",
           children: D.name
-        }), D.properties.map((F) => /* @__PURE__ */ a(Wo, {
+        }), D.properties.map((M) => /* @__PURE__ */ a(Wo, {
           registry: k,
-          property: F,
-          context: Rm(w, S, F),
+          property: M,
+          context: Rm(w, S, M),
           componentId: s,
           onChange: e.setProperty,
           diagnostics: x
-        }, `${s}:${F.descriptor.path}`))]
+        }, `${s}:${M.descriptor.path}`))]
       }, D.name)),
       T && /* @__PURE__ */ a(yp, {
         action: xa(U, t.stateChangeSlices.find((D) => D.id === U?.command)?.name ?? ""),
@@ -4758,9 +4758,9 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
         strings: n,
         disabled: $,
         onCommandChange: (D) => {
-          e.applyAll([xp(s, D)], n.properties.commandForm.label).applied && D && !C.some((F) => F.forCommand === D.name) && e.setScreenForms([...C, io(D)], n.properties.commandForm.createForm(D.name));
+          e.applyAll([xp(s, D)], n.properties.commandForm.label).applied && D && !C.some((M) => M.forCommand === D.name) && e.setScreenForms([...C, io(D)], n.properties.commandForm.createForm(D.name));
         },
-        onFormChange: (D) => e.setScreenForms(C.map((F) => F.forCommand === D.forCommand ? D : F), n.properties.forms.label),
+        onFormChange: (D) => e.setScreenForms(C.map((M) => M.forCommand === D.forCommand ? D : M), n.properties.forms.label),
         onFormCreate: (D) => e.setScreenForms([...C, io(D)], n.properties.commandForm.createForm(D.name))
       }),
       E && /* @__PURE__ */ a(jm, {
@@ -4782,7 +4782,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
     ]
   });
 }, Aa = ({ strings: e, controller: t, environment: n, authoringTemplate: o, structure: i, onClose: r }) => {
-  const [s, l] = M(Fn.Properties), c = t.selectedId ? t.ownershipOf(t.selectedId) : void 0;
+  const [s, l] = F(Mn.Properties), c = t.selectedId ? t.ownershipOf(t.selectedId) : void 0;
   return /* @__PURE__ */ b("section", {
     className: "studio-editor-inspector",
     "aria-label": e.inspectorTitle,
@@ -4805,7 +4805,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
       value: s,
       onChange: l,
       tabs: [{
-        id: Fn.Properties,
+        id: Mn.Properties,
         label: e.propertiesTab,
         content: /* @__PURE__ */ a(vh, {
           controller: t,
@@ -4815,7 +4815,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
           authoringTemplate: o
         })
       }, {
-        id: Fn.Structure,
+        id: Mn.Structure,
         label: e.structureTab,
         content: i
       }]
@@ -4827,40 +4827,40 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
   return e.Panel = "Panel", e.StackPanel = "StackPanel", e.WrapPanel = "WrapPanel", e.Grid = "Grid", e.Canvas = "Canvas", e;
 })({}), bh = [
   {
-    item: G.Stack,
+    item: q.Stack,
     type: "Stack",
     panel: rt.StackPanel,
     flowKind: Sn.Column,
     arrangement: Y.Column
   },
   {
-    item: G.Row,
+    item: q.Row,
     type: "Row",
     panel: rt.StackPanel,
     flowKind: Sn.Row,
     arrangement: Y.Row
   },
   {
-    item: G.Grid,
+    item: q.Grid,
     type: "Grid",
     panel: rt.Grid,
     flowKind: Sn.Grid,
     arrangement: Y.Grid
   },
   {
-    item: G.Container,
+    item: q.Container,
     type: "Container",
     panel: rt.Panel,
     arrangement: Y.Grouping
   },
   {
-    item: G.Wrap,
+    item: q.Wrap,
     type: "Wrap",
     panel: rt.WrapPanel,
     arrangement: Y.Wrap
   },
   {
-    item: G.Canvas,
+    item: q.Canvas,
     type: "Canvas",
     panel: rt.Canvas,
     arrangement: Y.Freeform
@@ -4870,7 +4870,7 @@ var ph = (e) => String(e.componentName ?? "").endsWith("toolbarItem"), mh = (e)
   "screenShell",
   "shell"
 ]);
-var wh = (e) => e.slice(e.lastIndexOf(":") + 1), Fa = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), kh = (e) => e.split(".").map((t) => Fa(t)).join(" "), Sh = Qs.Layout;
+var wh = (e) => e.slice(e.lastIndexOf(":") + 1), Ma = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), kh = (e) => e.split(".").map((t) => Ma(t)).join(" "), Sh = Qs.Layout;
 function Ch(e, t, n = {}) {
   const o = t.map((r) => ({
     key: `layout:${r.item}`,
@@ -4888,7 +4888,7 @@ function Ch(e, t, n = {}) {
   })), i = e.flatMap((r) => {
     const s = new Map((r.descriptors ?? []).map((l) => [wh(l.component), l]));
     return r.components.filter((l) => !yh.has(l)).map((l) => {
-      const c = s.get(l), u = c?.displayName ?? Fa(l);
+      const c = s.get(l), u = c?.displayName ?? Ma(l);
       return {
         key: `${r.package}:${l}`,
         label: u,
@@ -4911,7 +4911,7 @@ function Ch(e, t, n = {}) {
   });
   return [...o, ...i];
 }
-var Ma = "frequent";
+var Fa = "frequent";
 function Th({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
   const r = n.trim().length > 0, s = (m) => ({
     entry: m,
@@ -4923,7 +4923,7 @@ function Th({ entries: e, usage: t, query: n, groups: o, frequentTitle: i }) {
     }, n)
   }), l = (m) => m.map(s).filter((h) => h.match.matched), c = new Map(e.map((m) => [m.key, m])), u = kl(t).flatMap((m) => c.get(m) ?? []), d = [], p = l(u);
   return p.length > 0 && d.push({
-    id: Ma,
+    id: Fa,
     title: i,
     frequent: !0,
     count: p.length,
@@ -5022,7 +5022,7 @@ var Rh = (e, t, n) => {
   e.dataTransfer.setData(Xo, JSON.stringify(t)), e.dataTransfer.effectAllowed = "copyMove", n && Ba(e, n, e.currentTarget instanceof Element ? e.currentTarget.querySelector("svg") : null);
 }, Dh = (e, t, n) => {
   e.dataTransfer.setData(La, t), e.dataTransfer.effectAllowed = "move", Ba(e, n);
-}, _h = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, po = (e) => e.dataTransfer.types.includes(La), Gt = (e) => Eh(e) || po(e);
+}, _h = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, po = (e) => e.dataTransfer.types.includes(La), qt = (e) => Eh(e) || po(e);
 function $h(e) {
   try {
     const t = JSON.parse(e.dataTransfer.getData(Xo));
@@ -5040,8 +5040,8 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
   nothingMatches: "No component matches.",
   viaKeyword: (e, t, n) => `...${e} matches "${t}" via keyword "${n}"`,
   addLabel: (e) => `Add ${e}`
-}, Fh = "★", Mh = ({ entries: e, memory: t, strings: n = Ah, onAdd: o, usageVersion: i = 0 }) => {
-  const [r, s] = M(""), [l, c] = M(() => t.readGroups()), u = J(null), d = J(null), p = Vs(), m = j(() => ({ ...t.readUsage() }), [t, i]), h = j(() => Th({
+}, 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({
     entries: e,
     usage: m,
     query: r,
@@ -5124,7 +5124,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
                 "aria-hidden": "true",
                 children: w.frequent ? /* @__PURE__ */ a("span", {
                   className: "studio-component-picker__star",
-                  children: Fh
+                  children: Mh
                 }) : w.expanded ? "▼" : "▶"
               }),
               /* @__PURE__ */ a("span", {
@@ -5182,7 +5182,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
       /* @__PURE__ */ a("span", {
         hidden: !0,
         "data-rows": S.length,
-        "data-frequent": Ma
+        "data-frequent": Fa
       })
     ]
   });
@@ -5193,7 +5193,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
   heading: o,
   closeLabel: i,
   presentation: "drawer",
-  children: /* @__PURE__ */ a(Mh, {
+  children: /* @__PURE__ */ a(Fh, {
     entries: e,
     memory: t,
     usageVersion: s,
@@ -5202,7 +5202,7 @@ var Eh = (e) => e.dataTransfer.types.includes(Xo), Ah = {
   })
 });
 function ja({ strings: e, layoutLabels: t, icons: n, paletteSources: o, onAdd: i, memory: r }) {
-  const s = j(() => r ?? xh(), [r]), [l, c] = M(0), u = j(() => Ch(o, bh.map((p) => ({
+  const s = j(() => r ?? xh(), [r]), [l, c] = F(0), u = j(() => Ch(o, bh.map((p) => ({
     item: p.item,
     label: t[p.item]
   })), e.packageTitles), [
@@ -5246,17 +5246,17 @@ function Pe(e, t, n, o = [], i = {}) {
 }
 function Bh(e, t) {
   switch (e) {
-    case G.Stack:
+    case q.Stack:
       return {
         orientation: ft.Vertical,
         spacing: 8
       };
-    case G.Row:
+    case q.Row:
       return {
         orientation: ft.Horizontal,
         spacing: 8
       };
-    case G.Grid:
+    case q.Grid:
       return {
         rows: [],
         columns: [{
@@ -5269,11 +5269,11 @@ function Bh(e, t) {
           maximumWidth: Number.POSITIVE_INFINITY
         }]
       };
-    case G.Wrap:
+    case q.Wrap:
       return { orientation: ft.Horizontal };
-    case G.Canvas:
+    case q.Canvas:
       return { extent: t };
-    case G.Container:
+    case q.Container:
       return {};
   }
 }
@@ -5293,7 +5293,7 @@ function Uh(e, t, n) {
     package: o,
     name: i
   } : void 0;
-  const r = Mt(i, t, n);
+  const r = Ft(i, t, n);
   return r ? {
     package: r.package,
     name: r.name
@@ -5312,7 +5312,7 @@ function zh(e, t, n) {
     for (const [u, d] of Object.entries(s)) {
       let p = i(d);
       if (u === "componentName" && typeof d == "string" && !d.includes(":")) {
-        const m = Mt(d, t, n);
+        const m = Ft(d, t, n);
         m && o.has(m.package) && (p = `${m.package}:${m.name}`);
       }
       p !== d && (l = !0), c[u] = p;
@@ -5378,7 +5378,7 @@ function Kh(e, t, n, o) {
   }
 }
 function Hh(e) {
-  return e.authoringTemplate !== void 0 ? Hu(e.authoringTemplate, Pe(G.Stack, zu, "Template")) : Ku(Pe(G.Stack, Wu, "Screen"), e.screenTemplate);
+  return e.authoringTemplate !== void 0 ? Hu(e.authoringTemplate, Pe(q.Stack, zu, "Template")) : Ku(Pe(q.Stack, Wu, "Screen"), e.screenTemplate);
 }
 var za = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   className: "studio-screen-editor-palette-host",
@@ -5400,7 +5400,7 @@ var za = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   copied: "The technical detail is copied. Paste it into the report.",
   copyFailed: "The technical detail could not be copied. Select it below and copy it.",
   technicalDetail: "Technical detail"
-}, Gh = "https://github.com/Cratis/StudioIssues/issues/new", qh = [
+}, qh = "https://github.com/Cratis/StudioIssues/issues/new", Gh = [
   [/\bBearer\s+[A-Za-z0-9._~+/=-]{8,}/gi, "Bearer [redacted]"],
   [/\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]*/g, "[redacted-jwt]"],
   [/\b(authorization|cookie|set-cookie|x-api-key|x-principal[\w-]*)\s*[:=]\s*[^\s,;]+(\s+[^\s,;]+)?/gi, "$1: [redacted]"],
@@ -5409,7 +5409,7 @@ var za = ({ placement: e, children: t }) => /* @__PURE__ */ a("div", {
   [/\b(?:gh[pousr]_[A-Za-z0-9]{20,}|github_pat_[A-Za-z0-9_]{20,}|sk-[A-Za-z0-9_-]{20,}|xox[abprs]-[A-Za-z0-9-]{10,}|AKIA[0-9A-Z]{16})\b/g, "[redacted-key]"]
 ];
 function ln(e) {
-  return qh.reduce((t, [n, o]) => t.replace(n, o), e);
+  return Gh.reduce((t, [n, o]) => t.replace(n, o), e);
 }
 function ti(e) {
   return /^\s*at\s+([A-Za-z_$][\w$.]*)/m.exec(e ?? "")?.[1];
@@ -5455,7 +5455,7 @@ var Qh = (e) => {
   const t = `${e.summary}
 
 The full technical detail was copied to the clipboard by "Report this error": paste it below.`;
-  return `${Gh}?title=${encodeURIComponent(e.title)}&body=${encodeURIComponent(t)}&labels=${encodeURIComponent("bug")}`;
+  return `${qh}?title=${encodeURIComponent(e.title)}&body=${encodeURIComponent(t)}&labels=${encodeURIComponent("bug")}`;
 }, Yh = Qh;
 function Zh(e, t, n) {
   const o = e instanceof Error ? e : new Error(String(e)), i = t.component ?? ti(n), r = ln(`${t.surface} crashed: ${o.message}`.replace(/\s+/g, " ").slice(0, 120)), s = ln([
@@ -5487,7 +5487,7 @@ var Xh = async (e) => {
     }
   }
 }, ef = ({ error: e, context: t, componentStack: n, onRecover: o, onClose: i, layout: r = "fixed", strings: s = Wa }) => {
-  const [l, c] = M("none"), u = e instanceof Error ? e : new Error(String(e)), d = t.component ?? ti(n), p = j(() => Ka(e, t, n), [
+  const [l, c] = F("none"), u = e instanceof Error ? e : new Error(String(e)), d = t.component ?? ti(n), p = j(() => Ka(e, t, n), [
     e,
     t,
     n
@@ -5638,7 +5638,7 @@ var Xh = async (e) => {
     template: t?.authoringTemplate ?? t?.screenTemplate
   },
   children: o
-}), Ga = ({ problem: e, strings: t, onClose: n }) => /* @__PURE__ */ b("div", {
+}), qa = ({ problem: e, strings: t, onClose: n }) => /* @__PURE__ */ b("div", {
   className: "studio-screen-editor-unreadable",
   role: "alertdialog",
   "aria-label": t.unreadable.title,
@@ -5704,7 +5704,7 @@ function ni(e, t) {
     height: Math.min(e.height + 40, t.height)
   };
 }
-function qa(e) {
+function Ga(e) {
   return {
     width: e.width,
     height: Math.max(0, e.height - 40)
@@ -5778,11 +5778,11 @@ function pf(e, t) {
   });
 }
 function mf(e) {
-  const t = qa(e);
+  const t = Ga(e);
   return dl(t.width, t.height);
 }
 var hf = ({ windowSize: e, available: t, strings: n, shell: o, template: i, onResize: r }) => {
-  const s = pf(e, t), l = qa(e), c = mf(e), u = (d, p, m) => /* @__PURE__ */ a(we, {
+  const s = pf(e, t), l = Ga(e), c = mf(e), u = (d, p, m) => /* @__PURE__ */ a(we, {
     icon: p,
     "aria-label": m,
     "aria-pressed": s === d,
@@ -5799,7 +5799,7 @@ var hf = ({ windowSize: e, available: t, strings: n, shell: o, template: i, onRe
       u(Xe.Desktop, /* @__PURE__ */ a(Vn, { "aria-hidden": "true" }), n.desktopPreview),
       u(Xe.Mobile, /* @__PURE__ */ a(Nc, { "aria-hidden": "true" }), n.mobilePreview),
       i && /* @__PURE__ */ a(we, {
-        icon: /* @__PURE__ */ a(Mo, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ a(Fo, { "aria-hidden": "true" }),
         "aria-label": i.shown ? n.hideTemplate : n.showTemplate,
         "aria-pressed": i.shown,
         title: i.shown ? n.hideTemplate : n.showTemplate,
@@ -5876,7 +5876,7 @@ function Qa(e, t, n) {
       profile: e.compositionProfile,
       catalog: e.packages,
       templateLibrary: ff(e, t),
-      chrome: (o, i) => i === Dl.FullPageShell ? {} : Ml()
+      chrome: (o, i) => i === Dl.FullPageShell ? {} : Fl()
     }
   };
 }
@@ -5938,7 +5938,7 @@ function xf(e, t, n, o = Rf, i = !1) {
     r,
     s,
     l
-  ]), u = j(() => gf(t, c).name, [t, c]), d = wf(e, n, u), [p, m] = M(() => o.read(d)), [h, f] = M(() => o.readTemplate(d)), [v, g] = M();
+  ]), u = j(() => gf(t, c).name, [t, c]), d = wf(e, n, u), [p, m] = F(() => o.read(d)), [h, f] = F(() => o.readTemplate(d)), [v, g] = F();
   ie(() => {
     m(o.read(d)), f(o.readTemplate(d)), g(void 0);
   }, [o, d]);
@@ -6096,8 +6096,8 @@ function Df({ kind: e, tag: t, element: n, slots: o, message: i }) {
     }), c()]
   });
 }
-var Xa = Gs(void 0), _f = () => {
-  const e = qs(Xa);
+var Xa = qs(void 0), _f = () => {
+  const e = Gs(Xa);
   return e ? /* @__PURE__ */ b("span", {
     className: "studio-design-logo",
     "data-locked": e.locked ? "true" : void 0,
@@ -6118,7 +6118,7 @@ var Xa = Gs(void 0), _f = () => {
   "Open",
   { separator: !0 },
   "Exit"
-], qt = [{
+], Gt = [{
   name: "First",
   description: "Sample row"
 }, {
@@ -6184,8 +6184,8 @@ var Xa = Gs(void 0), _f = () => {
     field: "name",
     header: "Column"
   },
-  table: { rows: qt },
-  "core:table": { rows: qt },
+  table: { rows: Gt },
+  "core:table": { rows: Gt },
   inputText: { placeholder: "Text" },
   inputTextarea: {
     placeholder: "Text",
@@ -6260,8 +6260,8 @@ var Xa = Gs(void 0), _f = () => {
     "Middle",
     "Right"
   ] },
-  dataTable: { rows: qt },
-  dataView: { rows: qt },
+  dataTable: { rows: Gt },
+  dataView: { rows: Gt },
   dataScroller: {
     items: [
       "First",
@@ -6616,9 +6616,9 @@ function Ef(e, t, n) {
 var Af = (e) => {
   const { width: t, height: n } = e.getBoundingClientRect();
   return t > 0 && n > 0;
-}, go = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => Af(t) || getComputedStyle(t).display === "contents" && go(t)), Ff = 150;
-function Mf(e, t) {
-  const [n, o] = M(!0), i = J(!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);
   return Te(() => {
     const r = e.current;
     if (!r) return;
@@ -6627,7 +6627,7 @@ function Mf(e, t) {
     };
     let l;
     const c = () => {
-      clearTimeout(l), go(r) ? s(!0) : l = setTimeout(() => s(go(r)), Ff);
+      clearTimeout(l), go(r) ? s(!0) : l = setTimeout(() => s(go(r)), Mf);
     }, u = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(c), d = () => {
       u?.disconnect(), Array.from(r.children).forEach((m) => u?.observe(m));
     }, p = new MutationObserver(() => {
@@ -6647,7 +6647,7 @@ function jf(e, t, n, o) {
     const s = J(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] = M(), v = Mf(s, r.element), g = Lf(r), k = Bf(r.element, h !== void 0);
+    }), [r.element]), c = j(() => Ef(e, r.element.componentName, r.element.properties), [r.element]), u = es.has(xt(r.element.componentName)), d = e.startsWith(`${Kr}:`), p = d ? void 0 : Za[xt(r.element.componentName)], m = d && xt(r.element.componentName) === "topbar", [h, f] = F(), v = Ff(s, r.element), g = Lf(r), k = Bf(r.element, h !== void 0);
     return /* @__PURE__ */ b("span", {
       ref: s,
       "data-studio-element": r.element.id,
@@ -6757,7 +6757,7 @@ function os(e, t) {
   const n = e.replace(/[^a-z0-9]/gi, ""), o = n.toLowerCase(), i = Object.entries(Hf).find(([r]) => o === r || o.endsWith(r));
   return i ? i[1][t % i[1].length] : /id$/i.test(n) ? `${(1e3 + t * 7).toString(16).padStart(4, "0")}-${(4100 + t).toString(16)}` : Uf.test(n) ? (49 + t * 30).toFixed(2) : Wf.test(n) ? String(3 + t * 4) : Kf.test(n) ? t % 2 === 0 ? "Yes" : "No" : zf.test(n) ? `2026-10-${String(12 + t).padStart(2, "0")}` : `${e} ${t + 1}`;
 }
-var Gf = Array.from({ length: 3 }, (e, t) => t), qf = (e) => function(n) {
+var qf = Array.from({ length: 3 }, (e, t) => t), Gf = (e) => function(n) {
   const { element: o } = n, i = ns(o, "columns");
   return i.length === 0 && e ? Je(e, n) : /* @__PURE__ */ a("section", {
     "data-scene-id": o.id,
@@ -6771,7 +6771,7 @@ var Gf = Array.from({ length: 3 }, (e, t) => t), qf = (e) => function(n) {
           role: "columnheader",
           children: r.label
         }, r.property))
-      }) }), /* @__PURE__ */ a("tbody", { children: Gf.map((r) => /* @__PURE__ */ a("tr", {
+      }) }), /* @__PURE__ */ a("tbody", { children: qf.map((r) => /* @__PURE__ */ a("tr", {
         role: "row",
         children: i.map((s) => /* @__PURE__ */ a("td", { children: os(s.property, r) }, s.property))
       }, r)) })]
@@ -6789,7 +6789,7 @@ var Gf = Array.from({ length: 3 }, (e, t) => t), qf = (e) => function(n) {
 function Jf(e) {
   const t = _t("core", "table"), n = _t("core", "summary");
   return {
-    [t]: qf(e[t]),
+    [t]: Gf(e[t]),
     [n]: Vf(e[n])
   };
 }
@@ -6850,7 +6850,7 @@ function rs(e, t) {
   };
 }
 var as = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, eg = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && as(n.rect, t[o].rect)), ss = as, tg = ({ surface: e, markers: t }) => {
-  const [n, o] = M([]);
+  const [n, o] = F([]);
   return Te(() => {
     const i = e.current;
     if (!i) return;
@@ -6891,7 +6891,7 @@ function ig(e, t) {
   const { selectedId: n, document: o, composition: i, context: r } = e;
   return j(() => {
     if (!n) return [];
-    const s = Ge(i.roots, n), l = xa(s?.properties);
+    const s = qe(i.roots, n), l = xa(s?.properties);
     if (!l) return [];
     const c = Pr(o, i.roots, r, t.availableSources, t.queryCandidates);
     return og(l, ka(c.dataContextPaths, c.componentOutputs, n));
@@ -6936,9 +6936,9 @@ 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] = M(), r = J(void 0);
+  const [o, i] = F(), r = J(void 0);
   r.current = o;
-  const [s, l] = M(), c = J(0), u = J(void 0), d = H(() => {
+  const [s, l] = F(), c = J(0), u = J(void 0), d = H(() => {
     c.current = 0, u.current = void 0, l(void 0), i(void 0);
   }, []), p = J(!1);
   ie(() => {
@@ -6989,18 +6989,18 @@ function ug(e, t, n) {
     endMoving: d,
     handlers: {
       onDragEnter: (S) => {
-        Gt(S) && (S.preventDefault(), p.current = !1, c.current += 1);
+        qt(S) && (S.preventDefault(), p.current = !1, c.current += 1);
       },
       onDragOver: (S) => {
-        if (!Gt(S) || (S.preventDefault(), p.current)) return;
+        if (!qt(S) || (S.preventDefault(), p.current)) return;
         const w = v(S);
         S.dataTransfer.dropEffect = w.denied ? "none" : po(S) ? "move" : "copy", i((T) => dg(T, w) ? T : w);
       },
       onDragLeave: (S) => {
-        Gt(S) && (c.current = Math.max(0, c.current - 1), c.current === 0 && i(void 0));
+        qt(S) && (c.current = Math.max(0, c.current - 1), c.current === 0 && i(void 0));
       },
       onDrop: (S) => {
-        if (!Gt(S)) return;
+        if (!qt(S)) return;
         const w = _h(S), T = $h(S), { drop: E, denied: I } = v(S), C = E && w ? h(E) : void 0, $ = p.current;
         if (S.preventDefault(), d(), p.current = !1, $ || I || !E) return;
         if (w) {
@@ -7008,8 +7008,8 @@ function ug(e, t, n) {
           return;
         }
         if (!T) return;
-        const { region: U } = E.target, D = U.containerId ?? void 0, F = U.kind === Oe.Container ? void 0 : U.index, L = g(S, E);
-        T.kind === "layout" ? n.insertLayout(T.item, D, F, L) : n.insertComponent(ei(T.componentName, T.package), D, F, L);
+        const { region: U } = E.target, D = U.containerId ?? void 0, M = U.kind === Oe.Container ? void 0 : U.index, L = g(S, E);
+        T.kind === "layout" ? n.insertLayout(T.item, D, M, L) : n.insertComponent(ei(T.componentName, T.package), D, M, L);
       }
     }
   };
@@ -7037,7 +7037,7 @@ function pg(e, t, n) {
   };
 }
 function mg(e, t, n) {
-  const [o, i] = M([]), [r, s] = M(), l = J([]), c = H(() => {
+  const [o, i] = F([]), [r, s] = F(), l = J([]), c = H(() => {
     const d = e.current;
     if (!d) return [];
     const p = d.getBoundingClientRect(), m = (f) => Be(d, f, p), h = {
@@ -7224,16 +7224,16 @@ var hr = [
   [A.slot]: /* @__PURE__ */ a(Zc, { "aria-hidden": "true" }),
   [A.slice]: /* @__PURE__ */ a(td, { "aria-hidden": "true" })
 }, Ng = {
-  [A.moveEarlier]: /* @__PURE__ */ a(qc, { "aria-hidden": "true" }),
+  [A.moveEarlier]: /* @__PURE__ */ a(Gc, { "aria-hidden": "true" }),
   [A.moveLater]: /* @__PURE__ */ a(Vc, { "aria-hidden": "true" }),
   [A.addSubItem]: /* @__PURE__ */ a(Qc, { "aria-hidden": "true" }),
   [A.duplicate]: /* @__PURE__ */ a(Jc, { "aria-hidden": "true" }),
   [A.delete]: /* @__PURE__ */ a(ed, { "aria-hidden": "true" })
 }, Ig = ({ subject: e, item: t, anchor: n, bounds: o, strings: i, renameToken: r, chipLabel: s, onRename: l, onAction: c, onChoice: u, readOnlyActions: d, onReadOnlyAction: p, onLeave: m }) => {
-  const h = J(null), f = J(null), [v, g] = M({
+  const h = J(null), f = J(null), [v, g] = F({
     width: 380,
     height: 100
-  }), [k, x] = M(t.label), [O, y] = M(0), S = e.mode.itemToolbar, w = S.some((_) => _.compact === !0), T = S.some((_) => hr.includes(_.id)), E = S.find((_) => _.id === A.rename), I = E && Wt(E, t);
+  }), [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);
   ie(() => {
     x(t.label);
   }, [t.id, t.label]), ie(() => {
@@ -7253,7 +7253,7 @@ var hr = [
   }), U = J(!1), D = () => {
     const _ = k.trim();
     _ !== "" && _ !== t.label ? l(_) : x(t.label);
-  }, F = (_) => {
+  }, M = (_) => {
     _.key === "Enter" && (_.preventDefault(), D(), U.current = !0, m()), _.key === "Escape" && (_.preventDefault(), _.stopPropagation(), x(t.label), U.current = !0, m());
   }, L = () => {
     if (U.current) {
@@ -7323,7 +7323,7 @@ var hr = [
         "data-action": "rename",
         onChange: (_) => x(_.target.value),
         onBlur: L,
-        onKeyDown: F,
+        onKeyDown: M,
         onFocus: (_) => _.currentTarget.select()
       }),
       I?.visible && T && /* @__PURE__ */ a("span", {
@@ -7376,7 +7376,7 @@ var hr = [
   ];
 }, Un = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Og = (e, t) => Un(e.surface, t.surface) && Un(e.component, t.component) && Object.keys(t.items).length === Object.keys(e.items).length && Object.entries(t.items).every(([n, o]) => Un(e.items[n], o));
 function vo(e, t, n) {
-  const [o, i] = M(), r = H(() => {
+  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);
   }, [
@@ -7399,6 +7399,16 @@ function vo(e, t, n) {
     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);
@@ -7435,14 +7445,14 @@ function xg(e, t) {
   }, [t]), Og);
 }
 var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editorStrings: i, strings: r }) => {
-  const { subject: s } = t, l = xg(e, s), [c, u] = M(), d = o.propertyEditors?.registry ?? hn, p = j(() => jo(o.availableSources), [o.availableSources]), m = H((F) => {
-    if (typeof F != "string" || F === "") return;
-    const L = o.propertyEditors?.slices?.find((z) => z.id === F) ?? o.stateChangeSlices.find((z) => z.id === F), N = F.split(".");
+  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) => {
+    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];
-  }, [o]), h = H((F, L) => {
-    const N = L.chips?.[F];
+  }, [o]), h = H((M, L) => {
+    const N = L.chips?.[M];
     if (N !== void 0 && N !== "") return N;
-    switch (F) {
+    switch (M) {
       case A.slice:
         return m(L.values.slice) ?? r.chooseSlice;
       case A.emphasis:
@@ -7455,8 +7465,8 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
   }, [m, r]), f = s?.selected?.parentId !== void 0 && l !== void 0 && l.items[s.selected.id] === void 0, v = s?.selected?.parentId;
   if (ie(() => {
     if (!f || !v) return;
-    const F = e.current?.querySelector(`[data-scene-nav-item="${CSS.escape(v)}"] > [data-scene-nav-link]`);
-    F && (F.focus({ preventScroll: !0 }), F.dispatchEvent(new KeyboardEvent("keydown", {
+    const M = e.current?.querySelector(`[data-scene-nav-item="${CSS.escape(v)}"] > [data-scene-nav-link]`);
+    M && (M.focus({ preventScroll: !0 }), M.dispatchEvent(new KeyboardEvent("keydown", {
       key: "ArrowRight",
       bubbles: !0,
       cancelable: !0
@@ -7466,7 +7476,7 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
     v,
     e
   ]), !s || !l) return null;
-  const { selected: g, source: k } = s, x = s.mode.addActions[0], O = k.items.flatMap((F) => l.items[F.id] ? [l.items[F.id]] : []), y = O[O.length - 1], S = s.mode.itemToolbar.some((F) => F.compact === !0), w = y ?? l.component, T = w && x ? S || !y ? {
+  const { selected: g, source: k } = s, x = s.mode.addActions[0], O = k.items.flatMap((M) => l.items[M.id] ? [l.items[M.id]] : []), y = O[O.length - 1], S = s.mode.itemToolbar.some((M) => M.compact === !0), w = y ?? l.component, T = w && x ? S || !y ? {
     left: (y ?? w).left,
     top: (y ? y.top + y.height : w.top) + 8
   } : {
@@ -7481,10 +7491,10 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
     inCanvas: !1,
     bindingScope: p,
     slotNames: Ea(r.navigation)
-  }), U = (F, L) => {
+  }), U = (M, L) => {
     if (!I) return;
     const N = I.plan(L);
-    qo(N) || u(void 0), t.perform(N);
+    Go(N) || u(void 0), t.perform(N);
   }, D = E;
   return /* @__PURE__ */ b(re, { children: [
     T && x && /* @__PURE__ */ a("button", {
@@ -7510,15 +7520,15 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
       strings: r,
       renameToken: t.renameToken,
       chipLabel: h,
-      onRename: (F) => t.rename(g, F),
-      onAction: (F) => t.act(F, g),
-      onChoice: (F, L) => u((N) => N && N.actionId === F && N.itemId === g.id ? void 0 : {
-        actionId: F,
+      onRename: (M) => t.rename(g, M),
+      onAction: (M) => t.act(M, g),
+      onChoice: (M, L) => u((N) => N && N.actionId === M && N.itemId === g.id ? void 0 : {
+        actionId: M,
         itemId: g.id,
         opener: L
       }),
       readOnlyActions: k.readOnlyActions(g),
-      onReadOnlyAction: (F) => t.perform(F.plan()),
+      onReadOnlyAction: (M) => t.perform(M.plan()),
       onLeave: () => e.current?.focus({ preventScroll: !0 })
     }, g.id),
     I && c && D && /* @__PURE__ */ a(kg, {
@@ -7529,7 +7539,7 @@ var zn = 34, Rg = ({ surface: e, state: t, controller: n, environment: o, editor
       anchor: Dg(e, c.opener),
       opener: c.opener,
       bounds: l.surface,
-      title: s.mode.itemToolbar.find((F) => F.id === c.actionId)?.title ?? c.actionId,
+      title: s.mode.itemToolbar.find((M) => M.id === c.actionId)?.title ?? c.actionId,
       strings: r,
       onChange: U,
       onClose: C
@@ -7601,7 +7611,7 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     })
   }), m?.map(({ id: h, name: f, region: v, rect: g }) => {
     if (v) {
-      const k = Mr(u, l, c, v).sources;
+      const k = Fr(u, l, c, v).sources;
       return /* @__PURE__ */ a("div", {
         className: "studio-design-region",
         "data-region": v,
@@ -7640,7 +7650,7 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
   })] });
 }, Ag = Wl(), Jt = () => {
   throw new Error("The screen is being designed; it does not navigate.");
-}, Fg = ({ structure: e, navigation: t, module: n, logoLockedReason: o, onNavigate: i, peeking: r, children: s }) => {
+}, Mg = ({ 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,9 +7694,9 @@ var _g = (e, t) => e.left === t.left && e.top === t.top && e.width === t.width &
     value: p,
     children: f
   }) : f;
-}, Mg = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', Lg = (e) => {
+}, Fg = 'button, a[href], [role="button"], [role="radio"], [role="option"], [role="menuitem"]', Lg = (e) => {
   const t = e;
-  return !!t && typeof t.closest == "function" && t.closest(Mg) !== null;
+  return !!t && typeof t.closest == "function" && t.closest(Fg) !== null;
 };
 function Bg(e, t, n) {
   const { subject: o } = t;
@@ -7783,14 +7793,14 @@ function Kg(e, t = /* @__PURE__ */ new Set()) {
       property: l.name,
       label: l.label ?? l.name
     }));
-    return Pe(G.Stack, i, `Form ${r}`, [
+    return Pe(q.Stack, i, `Form ${r}`, [
       ue(`${i}-title`, r, "core:text", { text: vr(r) }),
       ...s.length > 0 ? [ue(`${i}-fields`, `${r} fields`, "core:summary", { typeName: r }, { fields: s })] : [],
       ue(`${i}-send`, r, "core:button", { label: vr(r) })
     ]);
   });
 }
-var ds = "template-slot:", Hg = "template-slot-label:", Gg = 280, qg = (e) => {
+var ds = "template-slot:", Hg = "template-slot-label:", qg = 280, Gg = (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);
@@ -7799,7 +7809,7 @@ function ps(e, t) {
 }
 var ms = (e, t) => He(e) ? Math.max(0, t - 1) : t, hs = (e, t, n) => {
   const o = ue(`${Hg}${t}`, t, "core:text", { text: `slot: ${t}` });
-  return Pe(G.Stack, us(t), t, [...n ? [o] : [], ...e.content?.[t] ?? []]);
+  return Pe(q.Stack, us(t), t, [...n ? [o] : [], ...e.content?.[t] ?? []]);
 }, br = (e) => ({
   unitType: ko.Star,
   value: e
@@ -7818,10 +7828,10 @@ function fs(e, t, n, o) {
   if (s.length === 0) return;
   const l = r.kind === "Row" ? "row" : "column";
   return r.kind !== "Row" ? {
-    ...Pe(G.Stack, `template-flow:${l}-${[...n].join("-")}`, l, s.map((c) => c.element)),
+    ...Pe(q.Stack, `template-flow:${l}-${[...n].join("-")}`, l, s.map((c) => c.element)),
     spacing: r.gap ?? 8
   } : {
-    ...Pe(G.Grid, `template-flow:${l}-${[...n].join("-")}`, l, s.map((c, u) => ({
+    ...Pe(q.Grid, `template-flow:${l}-${[...n].join("-")}`, l, s.map((c, u) => ({
       ...c.element,
       properties: {
         ...c.element.properties,
@@ -7831,14 +7841,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(Gg) : br(1),
+      width: (c.child.grow ?? 0) > 0 ? br(c.child.grow) : c.child.slotName !== void 0 ? Qg(qg) : br(1),
       minimumWidth: 0,
       maximumWidth: Number.POSITIVE_INFINITY
     }))
   };
 }
 function Yg(e, t = !0) {
-  const n = /* @__PURE__ */ new Set(), o = qg(e), i = [], r = o ? fs(e, o, n, t) : void 0;
+  const n = /* @__PURE__ */ new Set(), o = Gg(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 {
@@ -7870,7 +7880,7 @@ function bo(e, t) {
     r.push(...Kg(n?.forms, Zg(r)));
   }
   return {
-    element: Pe(G.Stack, gs, "Composition", r),
+    element: Pe(q.Stack, gs, "Composition", r),
     roots: r,
     own: r.slice(l),
     templates: i,
@@ -7885,14 +7895,14 @@ function Zg(e) {
   return e.forEach(n), t;
 }
 function Xg(e) {
-  return e.templates.length === 0 ? e.element : Pe(G.Stack, gs, "Composition", e.own);
+  return e.templates.length === 0 ? e.element : Pe(q.Stack, gs, "Composition", e.own);
 }
 var ev = () => {
 }, tv = {
   button: "Button",
   item: "New item"
 }, nv = ({ controller: e, environment: t, resolveBinding: n = ev, configuration: o, strings: i, editorStrings: r, viewportHeight: s, shell: l }) => {
-  const c = J(null), { composition: u, dropRegions: d, selectedId: p } = e, { selectionRect: m, measureNow: h } = mg(c, d, p), { feedback: f, draggedId: v, startMoving: g, endMoving: k, handlers: x } = ug(c, h, e), [O, y] = M(), S = ig(e, t), { document: w, context: T } = e, E = j(() => o ?? (w.instanceContributions.length > 0 ? Br(Ro(w, T.scope), w.instanceContributions, T.catalog) : void 0), [
+  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), [
     o,
     w,
     T
@@ -7918,7 +7928,7 @@ var ev = () => {
       const B = c.current?.querySelector(".studio-design-toolbar__title");
       return B?.focus({ preventScroll: !0 }), !!B;
     }) || !Bo(P) || !e.selectedId || !e.canRemove(e.selectedId) || (P.preventDefault(), e.remove(e.selectedId));
-  }, F = !!e.selectedId && e.ownershipOf(e.selectedId) === oe.Local && e.canRemove(e.selectedId), L = e.selection && (e.selection.name || e.selection.componentName) || "";
+  }, M = !!e.selectedId && e.ownershipOf(e.selectedId) === oe.Local && e.canRemove(e.selectedId), L = e.selection && (e.selection.name || e.selection.componentName) || "";
   wg(c, (P, B) => {
     e.select(P), U.pointItem(P, B);
   }, l?.frame !== void 0);
@@ -7953,11 +7963,11 @@ var ev = () => {
     pe,
     ce,
     me
-  ]), _ = j(() => Qf(t.runtime.registry, i), [t.runtime.registry, i]), ne = j(() => ai(t.runtime), [t.runtime]), fe = j(() => /* @__PURE__ */ a(qr, {
+  ]), _ = j(() => Qf(t.runtime.registry, i), [t.runtime.registry, i]), ne = j(() => ai(t.runtime), [t.runtime]), fe = j(() => /* @__PURE__ */ a(Gr, {
     registry: t.runtime.iconAdapters,
     children: /* @__PURE__ */ a(zr, {
       storage: null,
-      children: /* @__PURE__ */ a(Fg, {
+      children: /* @__PURE__ */ a(Mg, {
         structure: e.structure,
         navigation: e.navigation,
         module: e.navigationModule,
@@ -8008,7 +8018,7 @@ var ev = () => {
             "data-moving": v === e.selectedId ? "true" : void 0,
             style: m
           }),
-          m && F && /* @__PURE__ */ a("div", {
+          m && M && /* @__PURE__ */ a("div", {
             className: "studio-screen-surface__grip",
             style: {
               left: m.left,
@@ -8265,9 +8275,9 @@ var Ss = (e, t) => (e?.children ?? []).map((n) => {
   };
 });
 function lv(e, t, n, o) {
-  const i = Ge(e, t.nodeId);
+  const i = qe(e, t.nodeId);
   if (!i || t.targetParentId === null) return;
-  const r = wo(e, t.nodeId), s = Ge(e, t.targetParentId), l = !!r && vt(r), c = !!s && vt(s);
+  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);
   return [{
@@ -8341,7 +8351,7 @@ function pv(e) {
   };
 }
 function mv(e, t, n, o) {
-  const i = Fr(e.document, t, n);
+  const i = Mr(e.document, t, n);
   return i.applied ? {
     ...e,
     document: i.model,
@@ -8374,7 +8384,7 @@ function hv(e, t, n, o) {
   let i = e.document;
   const r = [];
   for (const s of t) {
-    const l = Fr(i, s, n);
+    const l = Mr(i, s, n);
     if (r.push(...l.diagnostics), !l.applied) return {
       ...e,
       diagnostics: r
@@ -8447,17 +8457,17 @@ function Rt(e, t, n) {
 }
 var yo = (e) => e.id, wv = (e) => e.name || yo(e), kv = (e) => {
   switch (e) {
-    case G.Stack:
+    case q.Stack:
       return Y.Column;
-    case G.Row:
+    case q.Row:
       return Y.Row;
-    case G.Grid:
+    case q.Grid:
       return Y.Grid;
-    case G.Wrap:
+    case q.Wrap:
       return Y.Wrap;
-    case G.Canvas:
+    case q.Canvas:
       return Y.Freeform;
-    case G.Container:
+    case q.Container:
       return Y.Grouping;
     case void 0:
       return;
@@ -8525,7 +8535,7 @@ function Iv(e, t, n) {
   return (i) => o.get(i) ?? oe.Local;
 }
 function Pv(e) {
-  const [t, n] = M({
+  const [t, n] = F({
     catalog: e,
     times: 0
   });
@@ -8547,9 +8557,9 @@ function Ov(e, t) {
 }
 var xv = { modules: [] }, Rv = (e, t) => wo(e, t)?.id;
 function Cs(e, t, n, o) {
-  const [i, r] = M(() => pv(e.document)), s = J(void 0);
+  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] = M(), [d, p] = M(), [m, h] = M(n.navigation?.module), f = J(void 0), v = H((P, B) => {
+  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 W = f.current?.(P), K = f.current?.(B);
     return W && K ? {
       height: W.height,
@@ -8576,7 +8586,7 @@ function Cs(e, t, n, o) {
     O,
     w,
     S
-  ]), E = c ? Ge(O.roots, c) : void 0, I = j(() => c ? Po(i.document, ae(c), x) : void 0, [
+  ]), E = c ? qe(O.roots, c) : void 0, I = j(() => c ? Po(i.document, ae(c), x) : void 0, [
     i.document,
     c,
     x
@@ -8595,18 +8605,18 @@ function Cs(e, t, n, o) {
       diagnostics: K.diagnostics
     };
   }, [l, x]), D = H((P, B) => {
-    const W = P ?? w?.id ?? O.entry, K = W ? Ge(O.roots, W)?.children ?? [] : [];
+    const W = P ?? w?.id ?? O.entry, K = W ? qe(O.roots, W)?.children ?? [] : [];
     return {
       parent: W,
       index: B ?? K.length
     };
-  }, [w, O]), F = J(o);
-  F.current = o;
+  }, [w, O]), M = J(o);
+  M.current = o;
   const L = H((P, B, W, K, V, de) => {
     const Ue = D(B, W);
     if (!Ue.parent) return;
-    const ot = Ge(bo(s.current.current.document, t).roots, Ue.parent), xs = ot && vt(ot) ? ys(P, V ?? bs(Ss(ot, v))) : P;
-    C(ks(Ue.parent, Ue.index, xs, t), K).applied && (u(P.id), de && F.current?.(de));
+    const ot = qe(bo(s.current.current.document, t).roots, Ue.parent), xs = ot && vt(ot) ? ys(P, V ?? bs(Ss(ot, v))) : P;
+    C(ks(Ue.parent, Ue.index, xs, t), K).applied && (u(P.id), de && M.current?.(de));
   }, [
     C,
     D,
@@ -8680,8 +8690,8 @@ function Cs(e, t, n, o) {
     l((K) => De(K, kr(K.document, P, (V) => {
       B ? V.behaviors = B : delete V.behaviors;
     }), W));
-  }, [l]), ne = j(() => Gi(i.document), [i.document]), fe = n.navigation?.structure ?? xv, je = H((P, B) => {
-    const W = sl(Gi(s.current.current.document), P);
+  }, [l]), ne = j(() => qi(i.document), [i.document]), fe = n.navigation?.structure ?? xv, 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,
       rejected: W.rejected
@@ -8783,7 +8793,7 @@ var Cr = () => ({
     initialSize: e.initialSize,
     centerOffsetX: e.centerOffsetX,
     onClosed: () => e.onDismiss?.(),
-    children: (n) => /* @__PURE__ */ a(Ga, {
+    children: (n) => /* @__PURE__ */ a(qa, {
       problem: t.problem,
       strings: e.strings,
       onClose: () => n.close()
@@ -8813,7 +8823,7 @@ var Cr = () => ({
     y,
     e.authoringTemplate,
     e.screen
-  ]), [w, T] = M(), E = H(async (L) => {
+  ]), [w, T] = F(), E = H(async (L) => {
     y(L);
     const N = Nt(k.document, e.authoringTemplate), z = {
       document: It(k.document, e.screen),
@@ -8830,7 +8840,7 @@ var Cr = () => ({
     y,
     e.authoringTemplate,
     e.screen
-  ]), [I, C] = M(!1), $ = H(async (L) => {
+  ]), [I, C] = F(!1), $ = H(async (L) => {
     if (!(!h || !k.isDirty)) {
       C(!0);
       try {
@@ -8857,10 +8867,10 @@ var Cr = () => ({
     layoutLabels: o,
     icons: i,
     paletteSources: r,
-    onAdd: (L) => F(L.payload)
+    onAdd: (L) => M(L.payload)
   });
   g.current = D;
-  function F(L) {
+  function M(L) {
     if (!Zo(L)) return;
     const N = k.selection && Av(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);
@@ -8917,7 +8927,7 @@ function Av(e) {
   return !!e.selection && "children" in e.selection;
 }
 var ct = (e) => typeof e == "object" && e !== null && !Array.isArray(e);
-function Fv(e, t) {
+function Mv(e, t) {
   if (!t) return e;
   const n = { ...e };
   for (const [o, i] of Object.entries(t)) {
@@ -8933,10 +8943,10 @@ function Fv(e, t) {
   }
   return n;
 }
-var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", R = (e, t) => ({ props: 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 } } }), Mv = {
+} : { styles: e } }), he = (e) => ({ props: { motionProps: { name: e } } }), Fv = {
   "Accordion.Root": R(od, Qt),
   "AutoComplete.Root": R(id),
   "AutoComplete.Popup": he(dt),
@@ -8959,11 +8969,11 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", R =
   "DatePicker.Root": R(wd),
   "DatePicker.Popup": he(dt),
   "Dialog.Root": R(kd),
-  "Dialog.Backdrop": he(Gn),
+  "Dialog.Backdrop": he(qn),
   "Dialog.Popup": he("p-dialog"),
   Divider: R(Sd),
   "Drawer.Root": R(Cd),
-  "Drawer.Backdrop": he(Gn),
+  "Drawer.Backdrop": he(qn),
   "Drawer.Popup": he("p-drawer"),
   "Fieldset.Root": R(Td, Qt),
   "FileUpload.Root": R(Nd),
@@ -8978,8 +8988,8 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", R =
   "InputNumber.Root": R(Ed),
   "InputOtp.Root": R(Ad),
   InputPassword: R(Jd),
-  "InputTags.Root": R(Fd),
-  InputText: R(Md),
+  "InputTags.Root": R(Md),
+  InputText: R(Fd),
   "Knob.Root": R(Ld),
   Label: R(Bd),
   "Listbox.Root": R(jd),
@@ -8989,8 +8999,8 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", R =
   "MeterGroup.Root": R(Wd),
   NavigationMenu: R(Kd),
   "OrganizationChart.Root": R(Hd),
-  OverlayBadge: R(Gd),
-  "Paginator.Root": R(qd),
+  OverlayBadge: R(qd),
+  "Paginator.Root": R(Gd),
   "Panel.Root": R(Vd, Qt),
   "Popover.Root": R(Qd),
   "Popover.Popup": he(dt),
@@ -9004,7 +9014,7 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", R =
   "Select.Popup": he(dt),
   "Sidebar.Root": R(ru),
   "Sidebar.Layout": R(iu),
-  "Sidebar.Backdrop": he(Gn),
+  "Sidebar.Backdrop": he(qn),
   Skeleton: R(au),
   "Slider.Root": R(su),
   "SpeedDial.Root": R(lu),
@@ -9029,7 +9039,7 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", R =
   return /* @__PURE__ */ a(nd, {
     ...n,
     theme: t ?? o?.theme,
-    defaults: Fv(Mv, e)
+    defaults: Mv(Fv, e)
   });
 }, S0 = (e) => /* @__PURE__ */ a(Ha, {
   strings: e.strings,
@@ -9041,12 +9051,12 @@ var dt = "p-anchored-overlay", Qt = "p-collapsible", Gn = "p-overlay-mask", R =
   return t.opened ? /* @__PURE__ */ a(jv, {
     ...e,
     opened: t.subject
-  }, e.environment.runtime.id) : /* @__PURE__ */ a(Ga, {
+  }, 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] = M(s ?? yn[Xe.Desktop]), [f, v] = M(!0), g = J(l);
+  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);
   g.current = l, ie(() => {
     const y = Nt(p.document, e.authoringTemplate);
     g.current?.({
@@ -9158,10 +9168,10 @@ function C0(e) {
   };
 }
 var Hv = [.../* @__PURE__ */ new Set([...hn.ids, ...Object.values(X)])];
-function Gv(e, t) {
-  return ql({
+function qv(e, t) {
+  return Gl({
     bundles: e,
-    profile: qv(e, t),
+    profile: Gv(e, t),
     policy: {
       allowExecutableImports: !0,
       allowNetworkAssets: !1,
@@ -9169,7 +9179,7 @@ function Gv(e, t) {
     }
   }, { hostEditorKinds: [...Hv] });
 }
-function qv(e, t) {
+function Gv(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,
@@ -9314,7 +9324,7 @@ function tb(e) {
       path: Ho,
       label: "Presentation",
       group: "Behavior",
-      valueType: q.Enum,
+      valueType: G.Enum,
       default: be.None,
       choices: eb,
       description: "Whether the command runs straight away or first asks for its input in a dialog or a drawer."
@@ -9330,18 +9340,18 @@ function li(e, t, n = nb(e)) {
   };
   return typeof t == "number" ? {
     ...o,
-    valueType: q.Number
+    valueType: G.Number
   } : typeof t == "boolean" ? {
     ...o,
-    valueType: q.Boolean
+    valueType: G.Boolean
   } : Array.isArray(t) ? rb(o, t) : Ns(t) ? {
     ...o,
-    valueType: q.Object,
+    valueType: G.Object,
     properties: Is(t),
     open: !0
   } : {
     ...o,
-    valueType: q.String
+    valueType: G.String
   };
 }
 function Is(e, t = []) {
@@ -9353,19 +9363,19 @@ function ib(e, t) {
 function rb(e, t) {
   if (t.length > 0 && t.every((o) => typeof o == "string")) return {
     ...e,
-    valueType: q.Json,
+    valueType: G.Json,
     editorKind: Dr
   };
   if (t.length > 0 && t.every((o) => typeof o == "number")) return {
     ...e,
-    valueType: q.Json,
+    valueType: G.Json,
     editorKind: Rr
   };
   const n = {};
   for (const o of t.filter(Ns)) for (const [i, r] of Object.entries(o)) i in n || (n[i] = r);
   return {
     ...e,
-    valueType: q.Collection,
+    valueType: G.Collection,
     item: {
       label: ob(e.label),
       properties: Is(n, ["id"]),
@@ -9373,7 +9383,7 @@ function rb(e, t) {
     }
   };
 }
-var ab = (e) => e.valueType === q.Json && e.editorKind === void 0;
+var ab = (e) => e.valueType === G.Json && e.editorKind === void 0;
 function sb(e) {
   const t = si(e.component, e.component.slice(e.component.lastIndexOf(":") + 1));
   if (!t) return e;
@@ -9398,12 +9408,12 @@ var Tr = "Placement", cb = [{
   path: et,
   label: "Left",
   group: Tr,
-  valueType: q.Number
+  valueType: G.Number
 }, {
   path: tt,
   label: "Top",
   group: Tr,
-  valueType: q.Number
+  valueType: G.Number
 }];
 function db(e) {
   const t = new Set(e.properties.map((n) => n.path));
@@ -9430,11 +9440,11 @@ function pb(e, t, n) {
     compositionProfile: Qv(t),
     ...n ? { appearance: n } : {},
     icons: Jv(t.packages, e),
-    iconAdapters: Gl(e),
-    designTime: Gv(e, t),
+    iconAdapters: ql(e),
+    designTime: qv(e, t),
     packageDescriptorOf: (p) => {
       if (p.component.includes(":")) return p;
-      const m = Mt(p.component, t, o);
+      const m = Ft(p.component, t, o);
       return (m && d.get(_t(m.package, m.name))) ?? p;
     },
     isKnownComponent: (p) => u.has(p),
@@ -9447,7 +9457,7 @@ function pb(e, t, n) {
 function mb(e, t, n) {
   const o = [];
   for (const i of new Set(Object.values(t).flat())) {
-    const r = Mt(i, n, t), s = r && e.find((l) => l.component === _t(r.package, r.name));
+    const r = Ft(i, n, t), s = r && e.find((l) => l.component === _t(r.package, r.name));
     s && o.push({
       ...s,
       component: i
@@ -9480,7 +9490,7 @@ var ci = "Cratis.Icons.Lucide", hb = {
 }, fb = {
   library: ci,
   loadEntries: async () => (await import("./catalog-CZx3FR-E.js")).default
-}, gb = Fu, vb = {
+}, gb = Mu, vb = {
   library: ci,
   loadGlyph: async ({ key: e }) => (await gb[e]?.())?.default
 }, bb = {
@@ -9529,9 +9539,9 @@ function Sb(e, t) {
   return t.filter((n) => fl(n, e));
 }
 function Cb(e, t) {
-  return [...new Set(Object.values(t).flat())].map((n) => Mt(n, e, t)).filter((n) => n !== void 0 && n.shadows.length > 0).sort((n, o) => n.name.localeCompare(o.name));
+  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 qn = /* @__PURE__ */ (function(e) {
+var Gn = /* @__PURE__ */ (function(e) {
   return e.Fallback = "fallback", e.Explicit = "explicit", e.Automatic = "automatic", e;
 })({});
 function Tb(e) {
@@ -9576,7 +9586,7 @@ function di(e, t) {
         description: u.description,
         version: u.version,
         kind: u.kind,
-        inclusion: c === No ? qn.Fallback : l.has(c) ? qn.Explicit : qn.Automatic,
+        inclusion: c === No ? Gn.Fallback : l.has(c) ? Gn.Explicit : Gn.Automatic,
         requiredBy: n.filter((d) => i.packages.includes(d.name) && d.dependencies.some((p) => p.name === c)).map((d) => d.name)
       }] : [];
     }),
@@ -9651,7 +9661,7 @@ function Db(e, t, n) {
     templatePacks: [...e.templatePacks],
     theme: e.theme,
     colorScheme: El.find((r) => r === e.colorScheme) ?? Ur.Light,
-    navigationMode: Gr.find((r) => r === e.navigationMode) ?? _o.Static,
+    navigationMode: qr.find((r) => r === e.navigationMode) ?? _o.Static,
     accent: e.accent,
     defaultScreenTemplate: e.defaultScreenTemplate,
     ...t ? { sampleData: {
@@ -9663,7 +9673,7 @@ function Db(e, t, n) {
 function _b(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 = Gr.find((l) => l === bl.find((c) => c.id === i)?.legacy), s = typeof o.menuTheme == "string" && [
+  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" && [
     "light",
     "dark",
     "primary"
@@ -9702,7 +9712,7 @@ var Eb = {
   default: kn.Default,
   round: kn.Round
 };
-function Fb(e) {
+function Mb(e) {
   const t = Eb[e.logoKind], n = t !== void 0 || e.initials !== "" || e.icon !== "" || e.image !== "";
   if (!(e.name === "" && !n && e.showName))
     return {
@@ -9716,9 +9726,9 @@ function Fb(e) {
       ...e.showName ? {} : { showName: !1 }
     };
 }
-function Mb(e, t) {
+function Fb(e, t) {
   if (t == null) return e;
-  const n = t.identity === void 0 ? void 0 : Fb(t.identity), o = Ab[t.corners];
+  const n = t.identity === void 0 ? void 0 : Mb(t.identity), o = Ab[t.corners];
   return {
     ...e,
     ...n === void 0 ? {} : { identity: n },
@@ -9728,7 +9738,7 @@ function Mb(e, t) {
 }
 function Lb(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 = Mb(_b(Db(t, o), n.root), n.style), s = di(r, i), l = Ob(s, r);
+  const r = Fb(_b(Db(t, o), n.root), n.style), s = di(r, i), l = Ob(s, r);
   return {
     ...e,
     ...l.appearance === void 0 ? {} : { appearance: l.appearance },
@@ -9759,7 +9769,7 @@ var jb = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
   return /* @__PURE__ */ a(Vr, {
     theme: l,
     className: `studio-profile-theme ${ri(l)}`,
-    children: /* @__PURE__ */ a(qr, {
+    children: /* @__PURE__ */ a(Gr, {
       registry: t.iconAdapters,
       children: /* @__PURE__ */ a(zr, {
         storage: null,
@@ -9809,7 +9819,7 @@ function Kb(e, t = 240, n = Number.POSITIVE_INFINITY) {
   };
 }
 function Hb(e, t = 240) {
-  const n = typeof IntersectionObserver < "u", [o, i] = M(!n);
+  const n = typeof IntersectionObserver < "u", [o, i] = F(!n);
   return ie(() => {
     const r = e.current;
     if (!r || !n) return;
@@ -9821,11 +9831,11 @@ function Hb(e, t = 240) {
     n
   ]), o;
 }
-var Gb = [
+var qb = [
   "#f66",
   "#fa0",
   "#3c3"
-], qb = () => {
+], 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), [
     n?.width,
@@ -9837,7 +9847,7 @@ var Gb = [
   }, f = /* @__PURE__ */ b(re, { children: [/* @__PURE__ */ b("div", {
     className: "screen-thumbnail__title-bar",
     style: { height: Ir },
-    children: [Gb.map((g) => /* @__PURE__ */ a("span", {
+    children: [qb.map((g) => /* @__PURE__ */ a("span", {
       className: "screen-thumbnail__light",
       style: { borderColor: g }
     }, g)), i && /* @__PURE__ */ a("span", {
@@ -9860,7 +9870,7 @@ var Gb = [
       children: /* @__PURE__ */ a(jb, {
         document: e,
         runtime: t,
-        resolveBinding: qb,
+        resolveBinding: Gb,
         registry: m
       })
     }) : l
@@ -9910,19 +9920,19 @@ function Jb(e) {
     };
 }
 var _0 = {
-  [G.Stack]: "Stack",
-  [G.Row]: "Row",
-  [G.Grid]: "Grid",
-  [G.Container]: "Container",
-  [G.Wrap]: "Wrap",
-  [G.Canvas]: "Canvas"
+  [q.Stack]: "Stack",
+  [q.Row]: "Row",
+  [q.Grid]: "Grid",
+  [q.Container]: "Container",
+  [q.Wrap]: "Wrap",
+  [q.Canvas]: "Canvas"
 }, Qb = {
-  [G.Stack]: mt,
-  [G.Row]: gc,
-  [G.Grid]: Mo,
-  [G.Container]: Fo,
-  [G.Wrap]: Lo,
-  [G.Canvas]: Hc
+  [q.Stack]: mt,
+  [q.Row]: gc,
+  [q.Grid]: Fo,
+  [q.Container]: Mo,
+  [q.Wrap]: Lo,
+  [q.Canvas]: Hc
 }, Yb = {
   text: Xl,
   button: Xt,
@@ -9953,7 +9963,7 @@ var _0 = {
   radioButton: _n,
   toggleSwitch: ra,
   slider: Qn,
-  rating: Fc,
+  rating: Mc,
   knob: xc,
   calendar: wi,
   colorPicker: Dn,
@@ -9976,7 +9986,7 @@ var _0 = {
   pickList: ac,
   organizationChart: Dc,
   chart: Zr,
-  panel: Fo,
+  panel: Mo,
   accordion: Sc,
   fieldset: ic,
   divider: ze,
@@ -9987,7 +9997,7 @@ var _0 = {
   stepper: En,
   dialog: Tt,
   confirmDialog: On,
-  overlayPanel: Gc,
+  overlayPanel: qc,
   sidebar: In,
   tooltip: lc,
   menu: mt,
@@ -10059,7 +10069,7 @@ var _0 = {
   configPanel: Ci,
   pageHeader: Zt,
   mask: xi,
-  logo: Mc,
+  logo: Fc,
   userMenu: Wc,
   themeSwitcher: Dn,
   layoutModeSwitcher: Vn,
@@ -10073,7 +10083,7 @@ var _0 = {
   [/button/i, Xt],
   [/image|media/i, ea],
   [/list/i, na],
-  [/panel/i, Fo],
+  [/panel/i, Mo],
   [/message|toast/i, Xr],
   [/tree/i, Yn],
   [/page|screen/i, Jn]
@@ -10094,7 +10104,7 @@ var _0 = {
     return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
   },
   drawer: {
-    layout: /* @__PURE__ */ a(Mo, { "aria-hidden": "true" }),
+    layout: /* @__PURE__ */ a(Fo, { "aria-hidden": "true" }),
     package: (e) => {
       const t = ey[e] ?? ty;
       return /* @__PURE__ */ a(t, { "aria-hidden": "true" });
@@ -10113,10 +10123,10 @@ function A0(e, t, n) {
     icon: n?.[o.item]
   }));
 }
-var F0 = /* @__PURE__ */ (function(e) {
+var M0 = /* @__PURE__ */ (function(e) {
   return e.Auto = "auto", e.Manual = "manual", e;
 })({});
-function M0(e) {
+function F0(e) {
   return [
     {
       kind: Bt.DataContext,
@@ -10142,10 +10152,10 @@ export {
   ky as BindingMode,
   Sy as BindingNullBehavior,
   Cy as BindingSourceKind,
-  F0 as CommandFormMode,
+  M0 as CommandFormMode,
   Ty as DestinationKind,
   Y as LayoutArrangement,
-  G as LayoutItem,
+  q as LayoutItem,
   oe as Ownership,
   jb as PlayScreenView,
   Se as SceneDocumentProblem,
@@ -10158,7 +10168,7 @@ export {
   te as StructureEditRejection,
   vy as StructuredValueEditor,
   uy as asList,
-  M0 as bindingSourceChoices,
+  F0 as bindingSourceChoices,
   of as browserWindowSizeStorage,
   At as commandNameOf,
   C0 as createScreenEditorEnvironment,
@@ -10187,7 +10197,7 @@ export {
   D0 as readThumbnailDocument,
   lf as resolveInitialWindowSize,
   Ls as scalarEditorKind,
-  Mv as screenEditorPrimeReactDefaults,
+  Fv as screenEditorPrimeReactDefaults,
   P0 as screenEditorRuntimeForProfile,
   b0 as screenNamesOf,
   bt as sliceNamedBy,
@@ -10201,7 +10211,7 @@ export {
   A0 as toLayoutContainerDescriptors,
   Kv as toSceneCandidates,
   sy as withField,
-  Ms as withIdentities,
+  Fs as withIdentities,
   my as withItem,
   It as withScreenAsPrimary,
   hy as withoutItem