@cratis/event-models 0.144.3 → 0.144.4

package/dist/screen-editor/index.js

@@ -1,115 +1,115 @@
-import { createElement as It, useCallback as B, useEffect as pe, useId as Qo, useLayoutEffect as tt, useMemo as $, useRef as Z, useState as A } from "react";
-import { LayoutArrangement as V, PrototypeOverlayFrame as Yo } from "@cratis/scene/ScreenEditor";
-import { BindingMode as bh, BindingMode as Xn, BindingNullBehavior as yh, BindingNullBehavior as Bt, BindingSourceKind as wh, BindingSourceKind as E, CollectionOperation as be, DestinationKind as Ch, DestinationKind as De, DiagnosticCode as ve, DiagnosticSeverity as Tr, EditTarget as Nr, EditingScopeKind as Rt, FlowContainerKind as Ut, FormGenerationMode as ce, FormWidthUnit as me, GridUnitType as Pr, HorizontalAlignment as Pn, InteractionActionKind as Ke, InteractionTriggerKind as Zo, Orientation as Qe, PackageKind as Dt, PropertyValueType as x, ProvenanceKind as eo, QueryOriginKind as Ir, QueryResultShape as Rr, SceneEditKind as X, SceneNodeKind as Dr, TemplateScope as Xo, VerticalAlignment as In, Visibility as Rn, isIconReference as Or, parseIconReference as xr } from "@cratis/scene.model";
-import { EffectiveIconCatalog as Fr, applyEdit as Dn, baseComponentLibraries as Mr, computeSizeClass as _r, corePackage as On, createDescriptorCatalog as $r, elementNodeId as ie, findLayoutTypeDescriptor as to, inspect as xn, isCanvas as Fe, isDockPanel as Ar, isExternalComponent as st, isGrid as Fn, isPackageSelectionValid as Lr, isPanel as nt, isStackPanel as Mn, isThemeCompatible as Er, isWrapPanel as Br, packagesOfKind as no, resolveComponentName as _n, resolveEffectiveConfiguration as Ur, resolveIconLibraries as jr, resolvePackageDependencies as Vr, resolveTemplateChain as ea, toComponentCatalog as $n, validateBinding as qr } from "@cratis/scene.engine";
+import { createElement as It, useCallback as B, useEffect as pe, useId as Yo, useLayoutEffect as tt, useMemo as $, useRef as Z, useState as A } from "react";
+import { LayoutArrangement as V, PrototypeOverlayFrame as Zo } from "@cratis/scene/ScreenEditor";
+import { BindingMode as bh, BindingMode as eo, BindingNullBehavior as yh, BindingNullBehavior as Bt, BindingSourceKind as wh, BindingSourceKind as E, CollectionOperation as be, DestinationKind as Ch, DestinationKind as De, DiagnosticCode as ve, DiagnosticSeverity as Tr, EditTarget as Pr, EditingScopeKind as Rt, FlowContainerKind as Ut, FormGenerationMode as ce, FormWidthUnit as me, GridUnitType as Ir, HorizontalAlignment as In, InteractionActionKind as Ke, InteractionTriggerKind as Xo, Orientation as Qe, PackageKind as Dt, PropertyValueType as x, ProvenanceKind as to, QueryOriginKind as Rr, QueryResultShape as Dr, SceneEditKind as X, SceneNodeKind as Or, TemplateScope as ea, VerticalAlignment as Rn, Visibility as Dn, isIconReference as xr, parseIconReference as Fr } from "@cratis/scene.model";
+import { EffectiveIconCatalog as Mr, applyEdit as On, baseComponentLibraries as _r, computeSizeClass as $r, corePackage as xn, createDescriptorCatalog as Ar, elementNodeId as ie, findLayoutTypeDescriptor as no, inspect as Fn, isCanvas as Fe, isDockPanel as Lr, isExternalComponent as st, isGrid as Mn, isPackageSelectionValid as Er, isPanel as nt, isStackPanel as _n, isThemeCompatible as Br, isWrapPanel as Ur, packagesOfKind as oo, resolveComponentName as $n, resolveEffectiveConfiguration as jr, resolveIconLibraries as Vr, resolvePackageDependencies as qr, resolveTemplateChain as ta, toComponentCatalog as An, validateBinding as Wr } from "@cratis/scene.engine";
 import { Fragment as se, jsx as i, jsxs as h } from "react/jsx-runtime";
-import { ErrorBoundary as $t, IconButton as ze, Tabs as Wr, TextArea as zr } from "@cratis/components/Common";
-import { OrderedItemEditor as Gr, PropertyControls as Hr } from "@cratis/components/ConfigurationEditor";
-import { IconPicker as Jr, isIconPickerAllowed as Kr, isSameIconPickerValue as Qr } from "@cratis/components/IconPicker";
-import { IconAdapterProvider as ta, SceneElementView as na, SceneIcon as Yr, SceneThemeProvider as oa, componentRegistryKey as aa, corePackage as ra, mergeIconAdapters as Zr, mergePackageRegistries as ia } from "@cratis/scene.react";
-import { Toolbar as Xr, ToolbarFolder as ei } from "@cratis/components/Toolbar";
+import { ErrorBoundary as $t, IconButton as ze, Tabs as zr, TextArea as Gr } from "@cratis/components/Common";
+import { OrderedItemEditor as Hr, PropertyControls as Jr } from "@cratis/components/ConfigurationEditor";
+import { IconPicker as Kr, isIconPickerAllowed as Qr, isSameIconPickerValue as Yr } from "@cratis/components/IconPicker";
+import { IconAdapterProvider as na, SceneElementView as oa, SceneIcon as Zr, SceneThemeProvider as aa, componentRegistryKey as ra, corePackage as ia, mergeIconAdapters as Xr, mergePackageRegistries as sa } from "@cratis/scene.react";
+import { Toolbar as ei, ToolbarFolder as ti } from "@cratis/components/Toolbar";
 import { PrototypeLayout as Le } from "@cratis/scene";
-import { FileUploadHandlerProvider as ti, QuillLoaderProvider as ni, primeReactPackage as sa, primeReactThemes as oo, usePrimeReactTheme as oi } from "@cratis/scene.primereact";
-import { FaAlignJustify as ao, FaAlignLeft as ai, FaAngleDoubleRight as jt, FaArrowsAltH as ri, FaBars as Ge, FaBell as ii, FaBolt as si, FaBookmark as li, FaBorderAll as ci, FaCalendarAlt as ro, FaCaretSquareDown as io, FaChartBar as la, FaCheckSquare as so, FaClock as di, FaClone as ui, FaCode as pi, FaCog as lo, FaColumns as Vt, FaCommentAlt as mi, FaCommentDots as ca, FaCompass as hi, FaCreditCard as fi, FaCube as gi, FaDatabase as vi, FaDesktop as sn, FaEdit as qt, FaEllipsisH as bi, FaExclamationCircle as Wt, FaExpandArrowsAlt as yi, FaFileAlt as ln, FaFileUpload as wi, FaFilter as co, FaFolderOpen as uo, FaFont as po, FaGripLines as Pe, FaGripLinesVertical as Ci, FaGripVertical as Si, FaHashtag as mo, FaHeading as yt, FaHistory as ki, FaHourglassHalf as Ti, FaIdBadge as Ni, FaImage as da, FaImages as ho, FaInfoCircle as Pi, FaKeyboard as ua, FaLayerGroup as Ii, FaLink as Ri, FaList as pa, FaListAlt as zt, FaListOl as Gt, FaLock as Di, FaMask as fo, FaMobileAlt as Oi, FaMousePointer as wt, FaObjectGroup as xi, FaPaintBrush as Fi, FaPalette as Ht, FaPen as Mi, FaPercent as _i, FaProjectDiagram as $i, FaPuzzlePiece as ma, FaRedo as Ai, FaRegCheckCircle as Li, FaRegCircle as Jt, FaRegSquare as An, FaSave as Ei, FaSearch as go, FaShapes as ha, FaSitemap as Kt, FaSlidersH as cn, FaSpinner as vo, FaSquare as Bi, FaStar as Ui, FaStepForward as Qt, FaStickyNote as ji, FaStream as Vi, FaTable as Xe, FaTag as pt, FaTerminal as qi, FaTh as bo, FaThLarge as fa, FaThList as Ln, FaToggleOn as ga, FaTools as Wi, FaTrash as zi, FaTree as dn, FaUndo as Gi, FaUser as Hi, FaUserCircle as Ji, FaVectorSquare as Ki, FaWindowMaximize as Ct, FaWindowRestore as Qi } from "react-icons/fa";
+import { FileUploadHandlerProvider as ni, QuillLoaderProvider as oi, primeReactPackage as la, primeReactThemes as ao, usePrimeReactTheme as ai } from "@cratis/scene.primereact";
+import { FaAlignJustify as ro, FaAlignLeft as ri, FaAngleDoubleRight as jt, FaArrowsAltH as ii, FaBars as Ge, FaBell as si, FaBolt as li, FaBookmark as ci, FaBorderAll as di, FaCalendarAlt as io, FaCaretSquareDown as so, FaChartBar as ca, FaCheckSquare as lo, FaClock as ui, FaClone as pi, FaCode as mi, FaCog as co, FaColumns as Vt, FaCommentAlt as hi, FaCommentDots as da, FaCompass as fi, FaCreditCard as gi, FaCube as vi, FaDatabase as bi, FaDesktop as ln, FaEdit as qt, FaEllipsisH as yi, FaExclamationCircle as Wt, FaExpandArrowsAlt as wi, FaFileAlt as cn, FaFileUpload as Ci, FaFilter as uo, FaFolderOpen as po, FaFont as mo, FaGripLines as Pe, FaGripLinesVertical as Si, FaGripVertical as ki, FaHashtag as ho, FaHeading as yt, FaHistory as Ni, FaHourglassHalf as Ti, FaIdBadge as Pi, FaImage as ua, FaImages as fo, FaInfoCircle as Ii, FaKeyboard as pa, FaLayerGroup as Ri, FaLink as Di, FaList as ma, FaListAlt as zt, FaListOl as Gt, FaLock as Oi, FaMask as go, FaMobileAlt as xi, FaMousePointer as wt, FaObjectGroup as Fi, FaPaintBrush as Mi, FaPalette as Ht, FaPen as _i, FaPercent as $i, FaProjectDiagram as Ai, FaPuzzlePiece as ha, FaRedo as Li, FaRegCheckCircle as Ei, FaRegCircle as Jt, FaRegSquare as Ln, FaSave as Bi, FaSearch as vo, FaShapes as fa, FaSitemap as Kt, FaSlidersH as dn, FaSpinner as bo, FaSquare as Ui, FaStar as ji, FaStepForward as Qt, FaStickyNote as Vi, FaStream as qi, FaTable as Xe, FaTag as pt, FaTerminal as Wi, FaTh as yo, FaThLarge as ga, FaThList as En, FaToggleOn as va, FaTools as zi, FaTrash as Gi, FaTree as un, FaUndo as Hi, FaUser as Ji, FaUserCircle as Ki, FaVectorSquare as Qi, FaWindowMaximize as Ct, FaWindowRestore as Yi } from "react-icons/fa";
 import "@cratis/scene.primereact/primeReactTheme.css";
-import { ColorScheme as Yi, LayoutConfigProvider as va, LayoutMode as Zi, defaultBlueprint as ba, resolveElementComponentNames as ya } from "@cratis/scene.blueprint.default";
-import { PrimeReactProvider as Xi } from "@primereact/core/config";
-import { styles as es } from "@primereact/styles/accordion";
-import { styles as ts } from "@primereact/styles/autocomplete";
-import { styles as ns } from "@primereact/styles/avatar";
-import { styles as os } from "@primereact/styles/avatargroup";
-import { styles as as } from "@primereact/styles/badge";
-import { styles as rs } from "@primereact/styles/breadcrumb";
-import { styles as is } from "@primereact/styles/button";
-import { styles as ss } from "@primereact/styles/buttongroup";
-import { styles as ls } from "@primereact/styles/card";
-import { styles as cs } from "@primereact/styles/carousel";
-import { styles as ds } from "@primereact/styles/checkbox";
-import { styles as us } from "@primereact/styles/checkboxgroup";
-import { styles as ps } from "@primereact/styles/chip";
-import { styles as ms } from "@primereact/styles/compare";
-import { styles as hs } from "@primereact/styles/contextmenu";
-import { styles as fs } from "@primereact/styles/datatable";
-import { styles as gs } from "@primereact/styles/dataview";
-import { styles as vs } from "@primereact/styles/datepicker";
-import { styles as bs } from "@primereact/styles/dialog";
-import { styles as ys } from "@primereact/styles/divider";
-import { styles as ws } from "@primereact/styles/drawer";
-import { styles as Cs } from "@primereact/styles/fieldset";
-import { styles as Ss } from "@primereact/styles/fileupload";
-import { styles as ks } from "@primereact/styles/floatlabel";
+import { ColorScheme as Zi, LayoutConfigProvider as ba, LayoutMode as Xi, defaultBlueprint as ya, resolveElementComponentNames as wa } from "@cratis/scene.blueprint.default";
+import { PrimeReactProvider as es } from "@primereact/core/config";
+import { styles as ts } from "@primereact/styles/accordion";
+import { styles as ns } from "@primereact/styles/autocomplete";
+import { styles as os } from "@primereact/styles/avatar";
+import { styles as as } from "@primereact/styles/avatargroup";
+import { styles as rs } from "@primereact/styles/badge";
+import { styles as is } from "@primereact/styles/breadcrumb";
+import { styles as ss } from "@primereact/styles/button";
+import { styles as ls } from "@primereact/styles/buttongroup";
+import { styles as cs } from "@primereact/styles/card";
+import { styles as ds } from "@primereact/styles/carousel";
+import { styles as us } from "@primereact/styles/checkbox";
+import { styles as ps } from "@primereact/styles/checkboxgroup";
+import { styles as ms } from "@primereact/styles/chip";
+import { styles as hs } from "@primereact/styles/compare";
+import { styles as fs } from "@primereact/styles/contextmenu";
+import { styles as gs } from "@primereact/styles/datatable";
+import { styles as vs } from "@primereact/styles/dataview";
+import { styles as bs } from "@primereact/styles/datepicker";
+import { styles as ys } from "@primereact/styles/dialog";
+import { styles as ws } from "@primereact/styles/divider";
+import { styles as Cs } from "@primereact/styles/drawer";
+import { styles as Ss } from "@primereact/styles/fieldset";
+import { styles as ks } from "@primereact/styles/fileupload";
+import { styles as Ns } from "@primereact/styles/floatlabel";
 import { styles as Ts } from "@primereact/styles/fluid";
-import { styles as Ns } from "@primereact/styles/gallery";
-import { styles as Ps } from "@primereact/styles/iconfield";
-import { styles as Is } from "@primereact/styles/iftalabel";
-import { styles as Rs } from "@primereact/styles/inplace";
-import { styles as Ds } from "@primereact/styles/inputcolor";
-import { styles as Os } from "@primereact/styles/inputgroup";
-import { styles as xs } from "@primereact/styles/inputnumber";
-import { styles as Fs } from "@primereact/styles/inputotp";
-import { styles as Ms } from "@primereact/styles/inputtags";
-import { styles as _s } from "@primereact/styles/inputtext";
-import { styles as $s } from "@primereact/styles/knob";
-import { styles as As } from "@primereact/styles/label";
-import { styles as Ls } from "@primereact/styles/listbox";
-import { styles as Es } from "@primereact/styles/menu";
-import { styles as Bs } from "@primereact/styles/message";
-import { styles as Us } from "@primereact/styles/metergroup";
-import { styles as js } from "@primereact/styles/navigationmenu";
-import { styles as Vs } from "@primereact/styles/organizationchart";
-import { styles as qs } from "@primereact/styles/overlaybadge";
-import { styles as Ws } from "@primereact/styles/paginator";
-import { styles as zs } from "@primereact/styles/panel";
-import { styles as Gs } from "@primereact/styles/inputpassword";
-import { styles as Hs } from "@primereact/styles/popover";
-import { styles as Js } from "@primereact/styles/progressbar";
-import { styles as Ks } from "@primereact/styles/progressspinner";
-import { styles as Qs } from "@primereact/styles/radiobutton";
-import { styles as Ys } from "@primereact/styles/radiobuttongroup";
-import { styles as Zs } from "@primereact/styles/rating";
-import { styles as Xs } from "@primereact/styles/scrollarea";
-import { styles as el } from "@primereact/styles/select";
-import { layoutStyles as tl, styles as nl } from "@primereact/styles/sidebar";
-import { styles as ol } from "@primereact/styles/skeleton";
-import { styles as al } from "@primereact/styles/slider";
-import { styles as rl } from "@primereact/styles/speeddial";
-import { styles as il } from "@primereact/styles/splitter";
-import { styles as sl } from "@primereact/styles/stepper";
-import { styles as ll } from "@primereact/styles/tabs";
-import { styles as cl } from "@primereact/styles/tag";
-import { styles as dl } from "@primereact/styles/terminal";
-import { styles as ul } from "@primereact/styles/textarea";
-import { styles as pl } from "@primereact/styles/timeline";
-import { styles as ml } from "@primereact/styles/toast";
-import { styles as hl } from "@primereact/styles/toaster";
-import { styles as fl } from "@primereact/styles/togglebutton";
-import { styles as gl } from "@primereact/styles/togglebuttongroup";
-import { styles as vl } from "@primereact/styles/toggleswitch";
-import { styles as bl } from "@primereact/styles/toolbar";
-import { styles as yl } from "@primereact/styles/tooltip";
-import { styles as wl } from "@primereact/styles/tree";
-import { loadQuill as Cl } from "@cratis/scene.primereact/quill";
-import { cratisComponentsPackage as wa } from "@cratis/scene.components";
-import { tailwindPackage as Ca } from "@cratis/scene.tailwind";
-import { componentsBlueprint as Sa } from "@cratis/scene.blueprint.components";
-import { dynamicIconImports as Sl } from "lucide-react/dynamic";
-var En = {
+import { styles as Ps } from "@primereact/styles/gallery";
+import { styles as Is } from "@primereact/styles/iconfield";
+import { styles as Rs } from "@primereact/styles/iftalabel";
+import { styles as Ds } from "@primereact/styles/inplace";
+import { styles as Os } from "@primereact/styles/inputcolor";
+import { styles as xs } from "@primereact/styles/inputgroup";
+import { styles as Fs } from "@primereact/styles/inputnumber";
+import { styles as Ms } from "@primereact/styles/inputotp";
+import { styles as _s } from "@primereact/styles/inputtags";
+import { styles as $s } from "@primereact/styles/inputtext";
+import { styles as As } from "@primereact/styles/knob";
+import { styles as Ls } from "@primereact/styles/label";
+import { styles as Es } from "@primereact/styles/listbox";
+import { styles as Bs } from "@primereact/styles/menu";
+import { styles as Us } from "@primereact/styles/message";
+import { styles as js } from "@primereact/styles/metergroup";
+import { styles as Vs } from "@primereact/styles/navigationmenu";
+import { styles as qs } from "@primereact/styles/organizationchart";
+import { styles as Ws } from "@primereact/styles/overlaybadge";
+import { styles as zs } from "@primereact/styles/paginator";
+import { styles as Gs } from "@primereact/styles/panel";
+import { styles as Hs } from "@primereact/styles/inputpassword";
+import { styles as Js } from "@primereact/styles/popover";
+import { styles as Ks } from "@primereact/styles/progressbar";
+import { styles as Qs } from "@primereact/styles/progressspinner";
+import { styles as Ys } from "@primereact/styles/radiobutton";
+import { styles as Zs } from "@primereact/styles/radiobuttongroup";
+import { styles as Xs } from "@primereact/styles/rating";
+import { styles as el } from "@primereact/styles/scrollarea";
+import { styles as tl } from "@primereact/styles/select";
+import { layoutStyles as nl, styles as ol } from "@primereact/styles/sidebar";
+import { styles as al } from "@primereact/styles/skeleton";
+import { styles as rl } from "@primereact/styles/slider";
+import { styles as il } from "@primereact/styles/speeddial";
+import { styles as sl } from "@primereact/styles/splitter";
+import { styles as ll } from "@primereact/styles/stepper";
+import { styles as cl } from "@primereact/styles/tabs";
+import { styles as dl } from "@primereact/styles/tag";
+import { styles as ul } from "@primereact/styles/terminal";
+import { styles as pl } from "@primereact/styles/textarea";
+import { styles as ml } from "@primereact/styles/timeline";
+import { styles as hl } from "@primereact/styles/toast";
+import { styles as fl } from "@primereact/styles/toaster";
+import { styles as gl } from "@primereact/styles/togglebutton";
+import { styles as vl } from "@primereact/styles/togglebuttongroup";
+import { styles as bl } from "@primereact/styles/toggleswitch";
+import { styles as yl } from "@primereact/styles/toolbar";
+import { styles as wl } from "@primereact/styles/tooltip";
+import { styles as Cl } from "@primereact/styles/tree";
+import { loadQuill as Sl } from "@cratis/scene.primereact/quill";
+import { cratisComponentsPackage as Ca } from "@cratis/scene.components";
+import { tailwindPackage as Sa } from "@cratis/scene.tailwind";
+import { componentsBlueprint as ka } from "@cratis/scene.blueprint.components";
+import { dynamicIconImports as kl } from "lucide-react/dynamic";
+var Bn = {
   name: "StudioScreen",
   slots: [{ name: "content" }]
-}, Ot = "content", ge = "Screen", kl = "template-root", Tl = "screen-root", ka = () => ({
-  layouts: [En],
+}, Ot = "content", ge = "Screen", Nl = "template-root", Tl = "screen-root", Na = () => ({
+  layouts: [Bn],
   screenTemplates: [],
   dialogTemplates: [],
   screens: [],
   exposures: [],
   instanceContributions: []
 });
-function Nl(e, t) {
+function Pl(e, t) {
   return {
-    ...ka(),
+    ...Na(),
     screens: [{
       name: ge,
-      layout: En.name,
+      layout: Bn.name,
       slotContent: { [Ot]: [e] },
       forms: [],
       contributions: [],
@@ -117,9 +117,9 @@ function Nl(e, t) {
     }]
   };
 }
-function Pl(e, t, n) {
+function Il(e, t, n) {
   return {
-    ...ka(),
+    ...Na(),
     screenTemplates: [{
       name: e,
       slots: [{ name: Ot }],
@@ -131,17 +131,17 @@ function Pl(e, t, n) {
 function ot(e, t) {
   return (t === void 0 ? e.screens.find((n) => n.name === ge)?.slotContent : e.screenTemplates.find((n) => n.name === t)?.content)?.[Ot]?.[0];
 }
-function un(e, t = !1) {
+function pn(e, t = !1) {
   return t && e !== void 0 ? {
     kind: Rt.ScreenTemplate,
     name: e,
-    layout: En.name
+    layout: Bn.name
   } : {
     kind: Rt.Screen,
     name: ge
   };
 }
-var Yt = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, Il = (e) => {
+var Yt = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, Rl = (e) => {
   const t = e;
   return !!t && typeof t == "object" && [
     "left",
@@ -150,18 +150,18 @@ var Yt = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t)
     "bottom"
   ].every((n) => typeof t[n] == "number");
 };
-function Rl(e, t, n) {
+function Dl(e, t, n) {
   const o = e;
   o.zIndex = n;
-  const a = Yt(Rn, t.visibility);
-  a !== void 0 && (o.visibility = a), typeof t.isEnabled == "boolean" && (o.isEnabled = t.isEnabled), typeof t.opacity == "number" && (o.opacity = t.opacity), Il(t.margin) && (o.margin = { ...t.margin });
-  const r = Yt(Pn, t.horizontalAlignment);
+  const a = Yt(Dn, t.visibility);
+  a !== void 0 && (o.visibility = a), typeof t.isEnabled == "boolean" && (o.isEnabled = t.isEnabled), typeof t.opacity == "number" && (o.opacity = t.opacity), Rl(t.margin) && (o.margin = { ...t.margin });
+  const r = Yt(In, t.horizontalAlignment);
   r !== void 0 && (o.horizontalAlignment = r);
-  const s = Yt(In, t.verticalAlignment);
+  const s = Yt(Rn, t.verticalAlignment);
   s !== void 0 && (o.verticalAlignment = s);
 }
-var pn = {
-  visibility: Rn.Visible,
+var mn = {
+  visibility: Dn.Visible,
   isEnabled: !0,
   opacity: 1,
   margin: {
@@ -170,48 +170,48 @@ var pn = {
     right: 0,
     bottom: 0
   },
-  horizontalAlignment: Pn.Stretch,
-  verticalAlignment: In.Stretch
+  horizontalAlignment: In.Stretch,
+  verticalAlignment: Rn.Stretch
 };
-function Dl(e) {
+function Ol(e) {
   const t = {
-    ...pn,
-    margin: { ...pn.margin }
+    ...mn,
+    margin: { ...mn.margin }
   };
-  return Rl(t, e, 0), delete t.zIndex, t;
+  return Dl(t, e, 0), delete t.zIndex, t;
 }
-var Ol = Object.keys(pn), N = /* @__PURE__ */ (function(e) {
+var xl = Object.keys(mn), T = /* @__PURE__ */ (function(e) {
   return e.Stack = "stack", e.Row = "row", e.Grid = "grid", e.Container = "container", e.Wrap = "wrap", e.Canvas = "canvas", e;
-})({}), xl = "StudioLayout", Fl = {
-  Stack: N.Stack,
-  Row: N.Row,
-  Grid: N.Grid,
-  Container: N.Container,
-  Wrap: N.Wrap,
-  Canvas: N.Canvas
+})({}), Fl = "StudioLayout", Ml = {
+  Stack: T.Stack,
+  Row: T.Row,
+  Grid: T.Grid,
+  Container: T.Container,
+  Wrap: T.Wrap,
+  Canvas: T.Canvas
 };
-function Ml(e) {
-  const t = Object.entries(Fl).find(([, n]) => n === e)?.[0] ?? "Container";
-  return `${xl}.${t}`;
+function _l(e) {
+  const t = Object.entries(Ml).find(([, n]) => n === e)?.[0] ?? "Container";
+  return `${Fl}.${t}`;
 }
-var _e = "Canvas.Left", $e = "Canvas.Top", yo = "legacyType", _l = "legacy", wo = "legacyExtras", $l = {
+var _e = "Canvas.Left", $e = "Canvas.Top", wo = "legacyType", $l = "legacy", Co = "legacyExtras", Al = {
   DatePicker: "calendar",
   OrgChart: "organizationChart",
   Chips: "chips",
   ToggleButton: "toggleSwitch"
-}, Al = Object.fromEntries(Object.entries($l).map(([e, t]) => [t, e]));
+}, Ll = Object.fromEntries(Object.entries(Al).map(([e, t]) => [t, e]));
 function Ta(e) {
   const t = e.includes(":") ? e.slice(e.lastIndexOf(":") + 1) : e;
-  return Al[t] ?? t.charAt(0).toUpperCase() + t.slice(1);
+  return Ll[t] ?? t.charAt(0).toUpperCase() + t.slice(1);
 }
-function mn(e) {
-  return Array.isArray(e) ? e.filter((t) => t !== null).map(mn) : e !== null && typeof e == "object" ? Object.fromEntries(Object.entries(e).filter(([, t]) => t !== null).map(([t, n]) => [t, mn(n)])) : e;
+function hn(e) {
+  return Array.isArray(e) ? e.filter((t) => t !== null).map(hn) : e !== null && typeof e == "object" ? Object.fromEntries(Object.entries(e).filter(([, t]) => t !== null).map(([t, n]) => [t, hn(n)])) : e;
 }
 function Ze(e) {
   return nt(e) ? e.children : st(e) ? Object.values(e.slots).flat() : [];
 }
-function Bn(e) {
-  return e.flatMap((t) => [t.id, ...Bn(Ze(t))]);
+function Un(e) {
+  return e.flatMap((t) => [t.id, ...Un(Ze(t))]);
 }
 function Ye(e, t) {
   for (const n of e) {
@@ -227,29 +227,29 @@ function At(e, t) {
     if (o) return o;
   }
 }
-function Ll(e, t) {
+function El(e, t) {
   const n = At(e, t);
   return n !== void 0 && Fe(n);
 }
-function Na(e) {
-  if (Fe(e)) return N.Canvas;
-  if (Fn(e)) return N.Grid;
-  if (!Ar(e))
-    return Mn(e) ? e.orientation === Qe.Horizontal ? N.Row : N.Stack : Br(e) ? N.Wrap : N.Container;
+function Pa(e) {
+  if (Fe(e)) return T.Canvas;
+  if (Mn(e)) return T.Grid;
+  if (!Lr(e))
+    return _n(e) ? e.orientation === Qe.Horizontal ? T.Row : T.Stack : Ur(e) ? T.Wrap : T.Container;
 }
 function St(e, t = () => {
 }) {
-  return mn((e?.children ?? []).map((n) => Pa(n, t)));
+  return hn((e?.children ?? []).map((n) => Ia(n, t)));
 }
 var le = (e, t) => typeof e == "number" ? e : t;
-function Pa(e, t) {
-  const n = e, o = { ...n.properties ?? {} }, a = Ze(e).map((q) => Pa(q, t)), r = o[_l];
-  if (r != null && typeof r == "object") return Bl(r, n, o, a);
-  const s = o[wo], d = typeof o.legacyType == "string" && o.legacyType !== "" ? o[yo] : void 0, u = d ?? (nt(e) ? Ml(Na(e)) : t(st(e) ? e.componentName : "")), c = st(e) ? e.componentName : "", { [yo]: l, [wo]: m, [_e]: g, [$e]: b, ...f } = o, p = {};
+function Ia(e, t) {
+  const n = e, o = { ...n.properties ?? {} }, a = Ze(e).map((q) => Ia(q, t)), r = o[$l];
+  if (r != null && typeof r == "object") return Ul(r, n, o, a);
+  const s = o[Co], d = typeof o.legacyType == "string" && o.legacyType !== "" ? o[wo] : void 0, u = d ?? (nt(e) ? _l(Pa(e)) : t(st(e) ? e.componentName : "")), c = st(e) ? e.componentName : "", { [wo]: l, [Co]: m, [_e]: g, [$e]: b, ...f } = o, p = {};
   for (const q of s?.topKeys ?? []) q in f && (p[q] = f[q], delete f[q]);
   const v = le(g, s?.position.x ?? 0), k = le(b, s?.position.y ?? 0), j = n.name ?? "", _ = s?.emptyName === !0 && j === (d ?? "");
   return {
-    ...El(n, s),
+    ...Bl(n, s),
     ...p,
     _derivedTypeId: u ?? "externalComponent",
     id: n.id,
@@ -272,12 +272,12 @@ function Pa(e, t) {
     ZIndex: n.zIndex ?? 0
   };
 }
-function El(e, t) {
-  const n = t?.top ?? {}, o = Dl(n), a = e, r = { ...n };
-  for (const s of Ol) JSON.stringify(a[s]) !== JSON.stringify(o[s]) && (r[s] = a[s]);
+function Bl(e, t) {
+  const n = t?.top ?? {}, o = Ol(n), a = e, r = { ...n };
+  for (const s of xl) JSON.stringify(a[s]) !== JSON.stringify(o[s]) && (r[s] = a[s]);
   return r;
 }
-function Bl(e, t, n, o) {
+function Ul(e, t, n, o) {
   const a = { ...e }, r = e.properties ?? {}, s = r.canvas ?? {}, d = n[_e], u = n[$e];
   (typeof d == "number" || typeof u == "number") && (e.position && typeof e.position == "object" ? a.position = {
     ...e.position,
@@ -297,7 +297,7 @@ function Bl(e, t, n, o) {
     children: o
   }), a;
 }
-var Ul = [
+var jl = [
   "input",
   "textarea",
   "select",
@@ -314,10 +314,10 @@ var Ul = [
   ".cm-editor",
   ".monaco-editor",
   "[data-studio-typing]"
-].join(","), Un = (e) => {
+].join(","), jn = (e) => {
   const t = e;
-  return !!t && typeof t.closest == "function" && (t.closest(Ul) !== null || t.isContentEditable === !0);
-}, Ia = (e) => (e.key === "Delete" || e.key === "Backspace") && !e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey && !e.defaultPrevented && !e.repeat && !e.nativeEvent?.isComposing && !Un(e.target);
+  return !!t && typeof t.closest == "function" && (t.closest(jl) !== null || t.isContentEditable === !0);
+}, Ra = (e) => (e.key === "Delete" || e.key === "Backspace") && !e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey && !e.defaultPrevented && !e.repeat && !e.nativeEvent?.isComposing && !jn(e.target);
 function he(e, t, n, o = null) {
   for (const [a, r] of e.entries()) {
     if (n.idOf(r) === t) return {
@@ -330,12 +330,12 @@ function he(e, t, n, o = null) {
     if (s) return s;
   }
 }
-function Ra(e, t, n) {
-  return n.idOf(e) === t ? !0 : n.childrenOf(e).some((o) => Ra(o, t, n));
+function Da(e, t, n) {
+  return n.idOf(e) === t ? !0 : n.childrenOf(e).some((o) => Da(o, t, n));
 }
 var Q = /* @__PURE__ */ (function(e) {
   return e.Local = "local", e.Inherited = "inherited", e.ConfigurableInherited = "configurableInherited", e;
-})({}), Te = /* @__PURE__ */ (function(e) {
+})({}), Ne = /* @__PURE__ */ (function(e) {
   return e.Select = "select", e.Configure = "configure", e.Move = "move", e.Resize = "resize", e.Restyle = "restyle", e.Insert = "insert", e.Delete = "delete", e;
 })({});
 function lt(e, t) {
@@ -343,22 +343,22 @@ function lt(e, t) {
     case Q.Local:
       return !0;
     case Q.ConfigurableInherited:
-      return t === Te.Select || t === Te.Configure;
+      return t === Ne.Select || t === Ne.Configure;
     case Q.Inherited:
-      return t === Te.Select;
+      return t === Ne.Select;
   }
 }
-function hn(e, t, n) {
+function fn(e, t, n) {
   const o = he(e, t, n);
-  return !!o && o.parent !== null && lt(n.ownershipOf(o.node), Te.Delete);
+  return !!o && o.parent !== null && lt(n.ownershipOf(o.node), Ne.Delete);
 }
-function Da(e, t, n) {
+function Oa(e, t, n) {
   const o = he(e, t, n);
   if (!o) return;
   const a = o.siblings[o.index + 1] ?? o.siblings[o.index - 1];
   return a ? n.idOf(a) : o.parent ? n.idOf(o.parent) : void 0;
 }
-function Oa(e, t, n, o = 0, a = null) {
+function xa(e, t, n, o = 0, a = null) {
   return e.flatMap((r) => {
     const s = n.idOf(r), d = n.childrenOf(r), u = d.length > 0 && t.has(s), c = {
       node: r,
@@ -368,13 +368,13 @@ function Oa(e, t, n, o = 0, a = null) {
       hasChildren: d.length > 0,
       isExpanded: u
     };
-    return u ? [c, ...Oa(d, t, n, o + 1, s)] : [c];
+    return u ? [c, ...xa(d, t, n, o + 1, s)] : [c];
   });
 }
 var ye = /* @__PURE__ */ (function(e) {
   return e.MoveUp = "moveUp", e.MoveDown = "moveDown", e.Outdent = "outdent", e.Indent = "indent", e;
 })({});
-function jl(e, t, n, o) {
+function Vl(e, t, n, o) {
   const a = he(e, t, o);
   if (!a) return;
   const r = a.parent === null ? null : o.idOf(a.parent);
@@ -413,7 +413,7 @@ function jl(e, t, n, o) {
 var Re = /* @__PURE__ */ (function(e) {
   return e.Before = "before", e.Inside = "inside", e.After = "after", e;
 })({});
-function Vl(e, t, n, o, a) {
+function ql(e, t, n, o, a) {
   const r = he(e, n, a);
   if (!r) return;
   if (o === Re.Inside) return {
@@ -428,18 +428,18 @@ function Vl(e, t, n, o, a) {
     index: o === Re.Before ? s : s + 1
   };
 }
-function ql(e, t, n) {
+function Wl(e, t, n) {
   if (t <= 0) return Re.After;
   const o = e / t;
   return o < 0.25 ? Re.Before : o > 0.75 || !n ? o < 0.5 ? Re.Before : Re.After : Re.Inside;
 }
-var xa = ({ ownership: e, label: t }) => e === Q.Local ? null : /* @__PURE__ */ i("span", {
+var Fa = ({ ownership: e, label: t }) => e === Q.Local ? null : /* @__PURE__ */ i("span", {
   className: "studio-editor-ownership-badge",
   "data-ownership": e,
   children: t
 });
-function Wl({ row: e, adapter: t, strings: n, isSelected: o, isFocusable: a, dropZone: r, onSelect: s, onToggle: d, onKeyDown: u, onDragStart: c, onDragOver: l, onDrop: m, onDragEnd: g }) {
-  const b = t.ownershipOf(e.node), f = lt(b, Te.Move);
+function zl({ row: e, adapter: t, strings: n, isSelected: o, isFocusable: a, dropZone: r, onSelect: s, onToggle: d, onKeyDown: u, onDragStart: c, onDragOver: l, onDrop: m, onDragEnd: g }) {
+  const b = t.ownershipOf(e.node), f = lt(b, Ne.Move);
   return /* @__PURE__ */ h("li", {
     role: "treeitem",
     "aria-level": e.depth + 1,
@@ -474,21 +474,21 @@ function Wl({ row: e, adapter: t, strings: n, isSelected: o, isFocusable: a, dro
         className: "studio-editor-structure-row__name",
         children: t.nameOf(e.node)
       }),
-      /* @__PURE__ */ i(xa, {
+      /* @__PURE__ */ i(Fa, {
         ownership: b,
         label: n.ownership[b]
       })
     ]
   });
 }
-var Co = {
+var So = {
   ArrowUp: ye.MoveUp,
   ArrowDown: ye.MoveDown,
   ArrowLeft: ye.Outdent,
   ArrowRight: ye.Indent
 };
-function Fa({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: a, onEdit: r, onRemove: s }) {
-  const [d, u] = A(() => new Set(e.flatMap((S) => [t.idOf(S), ...t.childrenOf(S).map((I) => t.idOf(I))]))), [c, l] = A(o), [m, g] = A(), [b, f] = A(), [p, v] = A(""), k = $(() => Oa(e, d, t), [
+function Ma({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: a, onEdit: r, onRemove: s }) {
+  const [d, u] = A(() => new Set(e.flatMap((S) => [t.idOf(S), ...t.childrenOf(S).map((I) => t.idOf(I))]))), [c, l] = A(o), [m, g] = A(), [b, f] = A(), [p, v] = A(""), k = $(() => xa(e, d, t), [
     e,
     d,
     t
@@ -503,13 +503,13 @@ function Fa({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: a, onEd
     S && (l(S), requestAnimationFrame(() => document.querySelector(`[data-row-id="${CSS.escape(S)}"]`)?.focus()));
   }, M = (S, I) => {
     const L = k.findIndex((y) => y.id === I), G = k[L];
-    if (S.altKey && Co[S.key]) {
-      S.preventDefault(), q(jl(e, I, Co[S.key], t)), C(I);
+    if (S.altKey && So[S.key]) {
+      S.preventDefault(), q(Vl(e, I, So[S.key], t)), C(I);
       return;
     }
-    if (Ia(S) && s && hn(e, I, t)) {
+    if (Ra(S) && s && fn(e, I, t)) {
       S.preventDefault();
-      const y = Da(e, I, t);
+      const y = Oa(e, I, t);
       s(I), C(y);
       return;
     }
@@ -542,10 +542,10 @@ function Fa({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: a, onEd
     const L = S.currentTarget.getBoundingClientRect(), G = k.find((y) => y.id === I);
     f({
       id: I,
-      zone: ql(S.clientY - L.top, L.height, !!G && t.acceptsChildren(G.node))
+      zone: Wl(S.clientY - L.top, L.height, !!G && t.acceptsChildren(G.node))
     });
   }, W = (S, I) => {
-    S.preventDefault(), m && b?.id === I && q(Vl(e, m, I, b.zone, t)), g(void 0), f(void 0);
+    S.preventDefault(), m && b?.id === I && q(ql(e, m, I, b.zone, t)), g(void 0), f(void 0);
   };
   return k.length === 0 ? /* @__PURE__ */ i("p", {
     className: "studio-editor-structure-empty",
@@ -554,7 +554,7 @@ function Fa({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: a, onEd
     role: "tree",
     "aria-label": n.structureLabel,
     className: "studio-editor-structure-tree",
-    children: k.map((S) => /* @__PURE__ */ i(Wl, {
+    children: k.map((S) => /* @__PURE__ */ i(zl, {
       row: S,
       adapter: t,
       strings: n,
@@ -582,22 +582,22 @@ function Fa({ roots: e, adapter: t, strings: n, selectedId: o, onSelect: a, onEd
 }
 var Zt = /* @__PURE__ */ (function(e) {
   return e.Properties = "properties", e.Structure = "structure", e;
-})({}), zl = /* @__PURE__ */ new Set([_e, $e]);
-function Gl(e, t, n) {
-  return t ? e : e.filter((o) => !zl.has(o.descriptor.path) || n?.[o.descriptor.path] !== void 0);
+})({}), Gl = /* @__PURE__ */ new Set([_e, $e]);
+function Hl(e, t, n) {
+  return t ? e : e.filter((o) => !Gl.has(o.descriptor.path) || n?.[o.descriptor.path] !== void 0);
 }
-function Hl(e, t) {
+function Jl(e, t) {
   return e.replace(/\{(\w+)\}/g, (n, o) => t[o] ?? n);
 }
-function Jl(e, t) {
+function Kl(e, t) {
   const n = e.diagnostic ? t.diagnostics[e.diagnostic.kind] : t.notAllowed;
-  return Hl(n, {
+  return Jl(n, {
     library: e.reference.library,
     key: e.reference.key,
     variant: e.reference.variant
   });
 }
-function Kl(e, t, n, o) {
+function Ql(e, t, n, o) {
   if (!n) return;
   const a = e.lookup(n);
   if (!a) return;
@@ -606,14 +606,14 @@ function Kl(e, t, n, o) {
     diagnostic: a.diagnostic,
     isNotAllowed: !1
   };
-  const r = t.icons.find((s) => Qr(s, n));
-  return r && o && !Kr(r, o) ? {
+  const r = t.icons.find((s) => Yr(s, n));
+  return r && o && !Qr(r, o) ? {
     reference: n,
     isNotAllowed: !0
   } : void 0;
 }
-var Ql = 24;
-function Yl(e) {
+var Yl = 24;
+function Zl(e) {
   return e.libraries.map((t) => ({
     id: t.library,
     name: t.package.displayName ?? t.package.name,
@@ -621,7 +621,7 @@ function Yl(e) {
     attribution: t.package.iconLibrary?.attribution
   }));
 }
-function Zl(e, t) {
+function Xl(e, t) {
   return e.flatMap((n) => n.references.map((o) => ({
     library: o.library,
     key: o.key,
@@ -630,28 +630,28 @@ function Zl(e, t) {
     categories: n.entry.categories,
     tags: n.entry.tags,
     aliases: n.entry.aliases,
-    renderPreview: () => /* @__PURE__ */ i(Yr, {
+    renderPreview: () => /* @__PURE__ */ i(Zr, {
       reference: o,
       adapters: t,
-      size: Ql
+      size: Yl
     })
   })));
 }
-function Xl(e, t, n, o = { status: "ready" }) {
+function ec(e, t, n, o = { status: "ready" }) {
   return {
-    libraries: Yl(e),
-    icons: Zl(t, n),
+    libraries: Zl(e),
+    icons: Xl(t, n),
     status: o.status,
     error: o.error
   };
 }
-function ec(e) {
+function tc(e) {
   return e.error ? {
     status: "error",
     error: e.error
   } : e.diagnostics.some((t) => t.kind === "catalog-unavailable") ? { status: "error" } : { status: "ready" };
 }
-function tc(e, t) {
+function nc(e, t) {
   const [n, o] = A(), [a, r] = A(0);
   return pe(() => {
     let s = !0;
@@ -672,9 +672,9 @@ function tc(e, t) {
       s = !1;
     };
   }, [e]), $(() => {
-    const s = n?.source === e ? n : void 0, d = s ? ec(s) : { status: "loading" };
+    const s = n?.source === e ? n : void 0, d = s ? tc(s) : { status: "loading" };
     return {
-      catalog: Xl(e, s?.entries ?? [], t, d),
+      catalog: ec(e, s?.entries ?? [], t, d),
       diagnostics: s?.diagnostics ?? e.diagnostics,
       loadedVersion: a
     };
@@ -685,9 +685,9 @@ function tc(e, t) {
     a
   ]);
 }
-function Ma({ value: e, onChange: t, catalog: n, adapters: o, allowed: a, readOnly: r, disabled: s, validationMessage: d, showMessage: u = !0, invalid: c, strings: l, pickerLabels: m, placement: g, id: b, ...f }) {
-  const { catalog: p, loadedVersion: v } = tc(n, o), k = v > 0 ? Kl(n, p, e, a) : void 0, j = d ?? (k ? Jl(k, l) : void 0);
-  return /* @__PURE__ */ i(Jr, {
+function _a({ value: e, onChange: t, catalog: n, adapters: o, allowed: a, readOnly: r, disabled: s, validationMessage: d, showMessage: u = !0, invalid: c, strings: l, pickerLabels: m, placement: g, id: b, ...f }) {
+  const { catalog: p, loadedVersion: v } = nc(n, o), k = v > 0 ? Ql(n, p, e, a) : void 0, j = d ?? (k ? Kl(k, l) : void 0);
+  return /* @__PURE__ */ i(Kr, {
     id: b,
     value: e,
     onChange: (_) => t({
@@ -711,13 +711,13 @@ function Ma({ value: e, onChange: t, catalog: n, adapters: o, allowed: a, readOn
     "aria-describedby": f["aria-describedby"]
   });
 }
-var nc = (e) => typeof e == "string" ? e : "";
-function oc(e) {
+var oc = (e) => typeof e == "string" ? e : "";
+function ac(e) {
   const t = (e.items ?? []).map((n) => ({
     id: n.id,
-    label: nc(n.values.label),
+    label: oc(n.values.label),
     ...n.values.icon ? { icon: n.values.icon } : {},
-    ...lc(n.values.destination) ? {
+    ...cc(n.values.destination) ? {
       destinationReference: n.values.destination,
       destination: n.values.destination.screen
     } : {},
@@ -729,7 +729,7 @@ function oc(e) {
     items: t.filter((n) => n.editable)
   };
 }
-function ac(e) {
+function rc(e) {
   const t = new Set(e.operations ?? []), n = t.has(be.EditFields), o = e.descriptor.constraints?.maximumItems;
   return {
     add: t.has(be.Add),
@@ -748,7 +748,7 @@ function ac(e) {
     } } : {}
   };
 }
-function rc(e, t, n) {
+function ic(e, t, n) {
   const o = {
     component: e,
     path: t.descriptor.path
@@ -760,7 +760,7 @@ function rc(e, t, n) {
         ...o,
         item: {
           id: n.item.id,
-          values: sc(n.item)
+          values: lc(n.item)
         },
         index: n.index
       }];
@@ -783,24 +783,24 @@ function rc(e, t, n) {
         ...o,
         itemId: n.item.id,
         field: n.field,
-        value: ic(n.item, n.field)
+        value: sc(n.item, n.field)
       }];
   }
 }
-var ic = (e, t) => t === "destination" ? fn(e) : e[t], sc = (e) => ({
+var sc = (e, t) => t === "destination" ? gn(e) : e[t], lc = (e) => ({
   ...e.values,
   label: e.label,
   ...e.icon ? { icon: e.icon } : {},
-  ...fn(e) ? { destination: fn(e) } : {}
+  ...gn(e) ? { destination: gn(e) } : {}
 });
-function fn(e) {
+function gn(e) {
   if (!(!e.destination && !e.destinationReference))
     return {
       ...e.destinationReference ?? {},
       ...e.destination ? { screen: e.destination } : {}
     };
 }
-function lc(e) {
+function cc(e) {
   return !e || typeof e != "object" || Array.isArray(e) ? !1 : [
     "screen",
     "module",
@@ -813,11 +813,11 @@ function lc(e) {
     "routeParameterBindings"
   ].some((t) => t in e);
 }
-function cc(e) {
+function dc(e) {
   return { types: e };
 }
-function dc(e, t, n, o, a) {
-  const r = Bn(t).map((s) => uc(e, s, n)).filter((s) => !!s && s.outputs.length > 0);
+function uc(e, t, n, o, a) {
+  const r = Un(t).map((s) => pc(e, s, n)).filter((s) => !!s && s.outputs.length > 0);
   return {
     dataContextPaths: Object.keys(o).sort((s, d) => s.localeCompare(d)),
     queryResults: a.map((s) => ({
@@ -828,8 +828,8 @@ function dc(e, t, n, o, a) {
     componentOutputs: r
   };
 }
-function uc(e, t, n) {
-  const o = xn(e, ie(t), n);
+function pc(e, t, n) {
+  const o = Fn(e, ie(t), n);
   if (!o) return;
   const a = o.properties.filter((r) => r.descriptor.output === !0).map((r) => ({
     path: r.descriptor.path,
@@ -842,16 +842,16 @@ function uc(e, t, n) {
     outputs: a
   };
 }
-var jn = [
+var Vn = [
   E.DataContext,
   E.QueryResult,
   E.ComponentProperty,
   E.Literal
-], pc = [Xn.OneWay, Xn.TwoWay], mc = [
+], mc = [eo.OneWay, eo.TwoWay], hc = [
   Bt.Propagate,
   Bt.Clear,
   Bt.Preserve
-], hc = [
+], fc = [
   x.String,
   x.Number,
   x.Boolean,
@@ -863,14 +863,14 @@ var jn = [
   x.Object,
   x.Json
 ];
-function _a(e) {
+function $a(e) {
   const t = e;
-  return !!t && typeof t == "object" && typeof t.path == "string" && (t.kind === void 0 || jn.includes(t.kind));
+  return !!t && typeof t == "object" && typeof t.path == "string" && (t.kind === void 0 || Vn.includes(t.kind));
 }
-function $a(e) {
-  return (e.descriptor.acceptedBindingKinds?.length ?? 0) > 0 || _a(e.effectiveValue);
+function Aa(e) {
+  return (e.descriptor.acceptedBindingKinds?.length ?? 0) > 0 || $a(e.effectiveValue);
 }
-function fc(e) {
+function gc(e) {
   return {
     kind: e.descriptor.acceptedBindingKinds?.[0] ?? E.DataContext,
     path: "",
@@ -878,23 +878,23 @@ function fc(e) {
     expectedValueType: e.descriptor.valueType
   };
 }
-var at = (e) => `${typeof e}:${String(e)}`, gc = (e) => e == null ? "" : at(e);
-function vc(e, t) {
+var at = (e) => `${typeof e}:${String(e)}`, vc = (e) => e == null ? "" : at(e);
+function bc(e, t) {
   if (t == null || t === "") return { value: void 0 };
   const n = (e.descriptor.choices ?? []).find((o) => at(o.value) === t);
   return n ? { value: n.value } : void 0;
 }
-var bc = /* @__PURE__ */ new Set([
+var yc = /* @__PURE__ */ new Set([
   x.String,
   x.Number,
   x.Boolean,
   x.Enum
-]), yc = (e) => bc.has(e.descriptor.valueType) && e.descriptor.editorKind === void 0 && !$a(e), wc = { action: /* @__PURE__ */ new Set([
+]), wc = (e) => yc.has(e.descriptor.valueType) && e.descriptor.editorKind === void 0 && !Aa(e), Cc = { action: /* @__PURE__ */ new Set([
   "command",
   "arguments",
   "presentation"
-]) }, Cc = (e, t) => wc[e.slice(e.lastIndexOf(":") + 1)]?.has(t) ?? !1;
-function Sc(e) {
+]) }, Sc = (e, t) => Cc[e.slice(e.lastIndexOf(":") + 1)]?.has(t) ?? !1;
+function kc(e) {
   const { descriptor: t } = e, n = {
     name: t.path,
     label: t.label,
@@ -938,11 +938,11 @@ function Sc(e) {
       };
   }
 }
-function kc(e, t = "") {
+function Nc(e, t = "") {
   const n = /* @__PURE__ */ new Map(), o = {};
-  for (const a of e.filter((r) => yc(r) && !Cc(t, r.descriptor.path))) {
+  for (const a of e.filter((r) => wc(r) && !Sc(t, r.descriptor.path))) {
     const r = a.descriptor.group;
-    n.set(r, [...n.get(r) ?? [], Sc(a)]), o[a.descriptor.path] = a.descriptor.valueType === x.Enum ? gc(a.effectiveValue) : a.effectiveValue ?? "";
+    n.set(r, [...n.get(r) ?? [], kc(a)]), o[a.descriptor.path] = a.descriptor.valueType === x.Enum ? vc(a.effectiveValue) : a.effectiveValue ?? "";
   }
   return {
     groups: [...n.entries()].map(([a, r]) => ({
@@ -954,9 +954,9 @@ function kc(e, t = "") {
   };
 }
 var Tc = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
-function gn(e, t, n) {
+function vn(e, t, n) {
   const o = Tc(t, n);
-  return t.editTarget === Nr.Instance ? o === void 0 ? {
+  return t.editTarget === Pr.Instance ? o === void 0 ? {
     kind: X.ResetInstanceValue,
     component: e,
     path: t.descriptor.path
@@ -976,7 +976,7 @@ function gn(e, t, n) {
     value: o
   };
 }
-var Aa = ({ diagnostics: e, label: t }) => {
+var La = ({ diagnostics: e, label: t }) => {
   if (e.length === 0) return null;
   const n = [...e].sort((o, a) => +(a.severity === "error") - +(o.severity === "error"));
   return /* @__PURE__ */ i("ul", {
@@ -993,7 +993,7 @@ var Aa = ({ diagnostics: e, label: t }) => {
 })({}), we = /* @__PURE__ */ (function(e) {
   return e.MissingSlice = "missingSlice", e.UnmappedInput = "unmappedInput", e.UnknownInput = "unknownInput", e.UnknownSource = "unknownSource", e;
 })({});
-function Nc(e, t, n) {
+function Pc(e, t, n) {
   const o = t.find((r) => r.id === e.sliceId);
   if (!o) return [{ kind: we.MissingSlice }];
   const a = [];
@@ -1013,13 +1013,13 @@ function Nc(e, t, n) {
   });
   return a;
 }
-function Pc(e, t) {
+function Ic(e, t) {
   return Object.fromEntries(e.inputs.flatMap((n) => {
     const o = t(n.name);
     return o === void 0 ? [] : [[n.name, o]];
   }));
 }
-var Ic = (e, t) => {
+var Rc = (e, t) => {
   const n = e.input ?? "";
   switch (e.kind) {
     case we.MissingSlice:
@@ -1031,8 +1031,8 @@ var Ic = (e, t) => {
     case we.UnknownSource:
       return t.unknownSource(n);
   }
-}, Rc = ({ action: e, slices: t, sources: n, strings: o, disabled: a, suggestSource: r, onChange: s }) => {
-  const d = o.properties.action, u = e ? t.find((l) => l.id === e.sliceId) : void 0, c = e ? Nc(e, t, new Set(n)) : [];
+}, Dc = ({ action: e, slices: t, sources: n, strings: o, disabled: a, suggestSource: r, onChange: s }) => {
+  const d = o.properties.action, u = e ? t.find((l) => l.id === e.sliceId) : void 0, c = e ? Pc(e, t, new Set(n)) : [];
   return /* @__PURE__ */ h("fieldset", {
     className: "studio-editor-query",
     disabled: a,
@@ -1045,7 +1045,7 @@ var Ic = (e, t) => {
           s(m ? {
             sliceId: m.id,
             sliceName: m.name,
-            inputs: Pc(m, r),
+            inputs: Ic(m, r),
             presentation: e?.presentation ?? de.None
           } : void 0);
         },
@@ -1110,7 +1110,7 @@ var Ic = (e, t) => {
         "aria-label": o.properties.diagnostics,
         children: c.map((l, m) => /* @__PURE__ */ i("li", {
           "data-severity": "error",
-          children: Ic(l, d.problems)
+          children: Rc(l, d.problems)
         }, m))
       })
     ]
@@ -1140,14 +1140,14 @@ function lg(e) {
     }
   ];
 }
-function Dc(e, t) {
+function Oc(e, t) {
   let n;
   try {
     n = e.execute(t.actionContext);
   } catch (r) {
     return {
       document: t.document,
-      diagnostics: [Oc(r)],
+      diagnostics: [xc(r)],
       edits: [],
       applied: !1
     };
@@ -1155,7 +1155,7 @@ function Dc(e, t) {
   let o = t.document;
   const a = [...n.diagnostics];
   for (const r of n.edits) {
-    const s = Dn(o, r, t.editing);
+    const s = On(o, r, t.editing);
     if (a.push(...s.diagnostics), !s.applied) return {
       document: t.document,
       diagnostics: a,
@@ -1171,10 +1171,10 @@ function Dc(e, t) {
     applied: n.edits.length > 0
   };
 }
-function Oc(e) {
+function xc(e) {
   return e instanceof Error ? e.message : String(e);
 }
-function La(e, t, n, o, a) {
+function Ea(e, t, n, o, a) {
   return {
     element: e,
     root: n.composition.element,
@@ -1189,23 +1189,23 @@ function La(e, t, n, o, a) {
     submitAction: (r, s) => n.applyAll(s, a)
   };
 }
-var xc = ({ component: e, descriptor: t, controller: n, environment: o, strings: a, disabled: r }) => {
-  const s = $(() => Fc(o, t), [o, t]), [d, u] = A([]);
+var Fc = ({ component: e, descriptor: t, controller: n, environment: o, strings: a, disabled: r }) => {
+  const s = $(() => Mc(o, t), [o, t]), [d, u] = A([]);
   return s.length === 0 ? null : /* @__PURE__ */ h("section", {
     className: "studio-editor-properties__actions",
     children: [
       /* @__PURE__ */ i("strong", { children: a.properties.designTimeActions }),
       s.map(({ id: c, action: l }) => {
-        const m = La(e, t, n, o, l?.descriptor.label ?? c);
-        if (!(!l || So(() => l.isVisible(m), !0))) return null;
-        const g = !r && (l ? So(() => l.isEnabled(m), !1) : !1);
+        const m = Ea(e, t, n, o, l?.descriptor.label ?? c);
+        if (!(!l || ko(() => l.isVisible(m), !0))) return null;
+        const g = !r && (l ? ko(() => l.isEnabled(m), !1) : !1);
         return /* @__PURE__ */ i("button", {
           type: "button",
           disabled: !g,
           title: l?.descriptor.description,
           onClick: () => {
             if (!l) return;
-            const b = Dc(l, {
+            const b = Oc(l, {
               document: n.document,
               editing: n.context,
               actionContext: m
@@ -1222,7 +1222,7 @@ var xc = ({ component: e, descriptor: t, controller: n, environment: o, strings:
     ]
   });
 };
-function Fc(e, t) {
+function Mc(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const o of e.runtime.bundles) for (const [a, r] of Object.entries(o.designTime?.actions ?? {}))
     n.set(r.descriptor.id, r), n.set(a, r);
@@ -1231,21 +1231,21 @@ function Fc(e, t) {
     action: n.get(o.id)
   }));
 }
-function So(e, t) {
+function ko(e, t) {
   try {
     return e();
   } catch {
     return t;
   }
 }
-var Mc = ({ component: e, descriptor: t, controller: n, environment: o, strings: a }) => {
-  const r = $(() => _c(o, t, e), [
+var _c = ({ component: e, descriptor: t, controller: n, environment: o, strings: a }) => {
+  const r = $(() => $c(o, t, e), [
     o,
     t,
     e
   ]);
   if (r.length === 0) return null;
-  const s = La(e, t, n, o, a.properties.designTimeDesigners);
+  const s = Ea(e, t, n, o, a.properties.designTimeDesigners);
   return /* @__PURE__ */ h("section", {
     className: "studio-editor-properties__designers",
     children: [/* @__PURE__ */ i("strong", { children: a.properties.designTimeDesigners }), r.map(({ id: d, Designer: u }) => /* @__PURE__ */ i($t, {
@@ -1258,11 +1258,11 @@ var Mc = ({ component: e, descriptor: t, controller: n, environment: o, strings:
     }, d))]
   });
 };
-function _c(e, t, n) {
+function $c(e, t, n) {
   const o = /* @__PURE__ */ new Set([
     t.component,
     n.componentName,
-    $c(n.componentName),
+    Ac(n.componentName),
     ...t.editorKind ? [t.editorKind] : []
   ]);
   return e.runtime.bundles.flatMap((a) => Object.entries(a.designTime?.designers ?? {}).filter(([r]) => o.has(r)).map(([r, s]) => ({
@@ -1270,20 +1270,20 @@ function _c(e, t, n) {
     Designer: s
   })));
 }
-function $c(e) {
+function Ac(e) {
   const t = e.lastIndexOf(":");
   return t >= 0 ? e.slice(t + 1) : e;
 }
 var Ce = /* @__PURE__ */ (function(e) {
   return e.AutoMapped = "autoMapped", e.Renamed = "renamed", e.Composed = "composed", e.Broken = "broken", e;
 })({});
-function Ac(e, t) {
+function Lc(e, t) {
   return e.fields.map((n) => ({
     field: n,
-    kind: Lc(n, t)
+    kind: Ec(n, t)
   }));
 }
-function Lc(e, t) {
+function Ec(e, t) {
   if (e.composeUsing) return Ce.Composed;
   const n = e.sourceProperty ?? e.name;
   return t.includes(n) ? e.sourceProperty ? Ce.Renamed : Ce.AutoMapped : Ce.Broken;
@@ -1291,8 +1291,8 @@ function Lc(e, t) {
 var Oe = /* @__PURE__ */ (function(e) {
   return e.None = "none", e.ViaQuery = "viaQuery", e.FromItem = "fromItem", e;
 })({});
-function Ec(e) {
-  return e ? Bc(e) ? {
+function Bc(e) {
+  return e ? Uc(e) ? {
     kind: Oe.ViaQuery,
     queryName: e.queryName,
     parameterNames: Object.keys(e.parameterBindings)
@@ -1304,26 +1304,26 @@ function Ec(e) {
     parameterNames: []
   };
 }
-function Bc(e) {
+function Uc(e) {
   return "queryName" in e;
 }
-var Uc = {
+var jc = {
   [Ce.AutoMapped]: "Auto-mapped",
   [Ce.Renamed]: "Renamed",
   [Ce.Composed]: "Composed",
   [Ce.Broken]: "Broken"
-}, jc = {
+}, Vc = {
   [Oe.None]: "No populate source",
   [Oe.ViaQuery]: "Populate via query",
   [Oe.FromItem]: "Populate from item"
 };
-function Vc({ form: e, commandProperties: t, onFieldSelected: n }) {
-  const o = Ec(e.populateSource), a = Ac(e, t);
+function qc({ form: e, commandProperties: t, onFieldSelected: n }) {
+  const o = Bc(e.populateSource), a = Lc(e, t);
   return /* @__PURE__ */ h("div", {
     className: "studio-editor-form-designer",
     children: [/* @__PURE__ */ h("div", {
       className: "studio-editor-form-designer-populate-source",
-      children: [/* @__PURE__ */ i("span", { children: jc[o.kind] }), o.kind === Oe.ViaQuery && /* @__PURE__ */ h("span", {
+      children: [/* @__PURE__ */ i("span", { children: Vc[o.kind] }), o.kind === Oe.ViaQuery && /* @__PURE__ */ h("span", {
         className: "studio-editor-form-designer-populate-source-detail",
         children: [o.queryName, o.parameterNames.length > 0 && ` by ${o.parameterNames.join(", ")}`]
       })]
@@ -1339,7 +1339,7 @@ function Vc({ form: e, commandProperties: t, onFieldSelected: n }) {
           }),
           /* @__PURE__ */ i("span", {
             className: "studio-editor-form-designer-field-kind",
-            children: Uc[s]
+            children: jc[s]
           }),
           r.sourceProperty && /* @__PURE__ */ h("span", {
             className: "studio-editor-form-designer-field-detail",
@@ -1358,7 +1358,7 @@ var Se = (e = 1, t = me.Fraction) => t === me.Auto ? { unit: t } : {
   unit: t,
   value: e
 };
-function qc(e) {
+function Wc(e) {
   return {
     columns: [{
       index: 0,
@@ -1367,13 +1367,13 @@ function qc(e) {
       index: 1,
       width: Se(1)
     }],
-    placements: e.map((t, n) => Vn(t.name, n)),
+    placements: e.map((t, n) => qn(t.name, n)),
     columnGap: Se(16, me.Pixels),
     rowGap: Se(12, me.Pixels)
   };
 }
 function ct(e) {
-  const t = e.layout ?? qc(e.fields), n = e.fields.map((o, a) => Ea(t, o.name) ?? o.placement ?? Vn(o.name, a));
+  const t = e.layout ?? Wc(e.fields), n = e.fields.map((o, a) => Ba(t, o.name) ?? o.placement ?? qn(o.name, a));
   return {
     ...e,
     layout: {
@@ -1386,8 +1386,8 @@ function ct(e) {
     }))
   };
 }
-function Wc(e, t, n) {
-  const o = ct(e), a = Gc(n(Ea(o.layout, t) ?? Vn(t, o.fields.findIndex((r) => r.name === t))));
+function zc(e, t, n) {
+  const o = ct(e), a = Hc(n(Ba(o.layout, t) ?? qn(t, o.fields.findIndex((r) => r.name === t))));
   return {
     ...o,
     layout: {
@@ -1400,7 +1400,7 @@ function Wc(e, t, n) {
     } : r)
   };
 }
-function zc(e, t, n) {
+function Gc(e, t, n) {
   const o = ct(e), a = o.layout.columns.some((r) => r.index === t) ? o.layout.columns.map((r) => r.index === t ? {
     ...r,
     width: n
@@ -1416,7 +1416,7 @@ function zc(e, t, n) {
     }
   };
 }
-function ko(e, t, n) {
+function No(e, t, n) {
   const o = ct(e);
   return {
     ...o,
@@ -1426,10 +1426,10 @@ function ko(e, t, n) {
     }
   };
 }
-function Ea(e, t) {
+function Ba(e, t) {
   return e.placements.find((n) => n.field === t);
 }
-function Vn(e, t) {
+function qn(e, t) {
   return {
     field: e,
     row: Math.floor(t / 2),
@@ -1438,7 +1438,7 @@ function Vn(e, t) {
     columnSpan: 1
   };
 }
-function Gc(e) {
+function Hc(e) {
   return {
     ...e,
     row: Math.max(0, e.row),
@@ -1447,7 +1447,7 @@ function Gc(e) {
     columnSpan: Math.max(1, e.columnSpan ?? 1)
   };
 }
-var Hc = ({ form: e, strings: t, onChange: n }) => {
+var Jc = ({ form: e, strings: t, onChange: n }) => {
   const o = ct(e), a = o.layout;
   return /* @__PURE__ */ h("div", {
     className: "studio-editor-properties__form-layout",
@@ -1458,7 +1458,7 @@ var Hc = ({ form: e, strings: t, onChange: n }) => {
           name: t.column(r.index + 1),
           value: r.width ?? Se(),
           strings: t,
-          onChange: (s) => n(zc(o, r.index, s))
+          onChange: (s) => n(Gc(o, r.index, s))
         })]
       }, r.index))] }),
       /* @__PURE__ */ h("fieldset", { children: [
@@ -1469,7 +1469,7 @@ var Hc = ({ form: e, strings: t, onChange: n }) => {
             name: t.columnGap,
             value: a.columnGap ?? Se(0, me.Pixels),
             strings: t,
-            onChange: (r) => n(ko(o, "columnGap", r))
+            onChange: (r) => n(No(o, "columnGap", r))
           })]
         }),
         /* @__PURE__ */ h("div", {
@@ -1478,21 +1478,21 @@ var Hc = ({ form: e, strings: t, onChange: n }) => {
             name: t.rowGap,
             value: a.rowGap ?? Se(0, me.Pixels),
             strings: t,
-            onChange: (r) => n(ko(o, "rowGap", r))
+            onChange: (r) => n(No(o, "rowGap", r))
           })]
         })
       ] }),
       /* @__PURE__ */ h("fieldset", { children: [/* @__PURE__ */ i("legend", { children: t.placements }), o.fields.map((r) => {
         const s = a.placements.find((d) => d.field === r.name) ?? r.placement;
-        return /* @__PURE__ */ h("fieldset", { children: [/* @__PURE__ */ i("legend", { children: r.label || r.name }), /* @__PURE__ */ i(Jc, {
+        return /* @__PURE__ */ h("fieldset", { children: [/* @__PURE__ */ i("legend", { children: r.label || r.name }), /* @__PURE__ */ i(Kc, {
           placement: s,
           strings: t,
-          onChange: (d) => n(Wc(o, r.name, () => d))
+          onChange: (d) => n(zc(o, r.name, () => d))
         })] }, r.name);
       })] })
     ]
   });
-}, Jc = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ h(se, { children: [
+}, Kc = ({ placement: e, strings: t, onChange: n }) => /* @__PURE__ */ h(se, { children: [
   /* @__PURE__ */ i(mt, {
     label: t.row,
     value: e.row,
@@ -1569,7 +1569,7 @@ function To(e, t) {
     value: Number.isFinite(n) ? n : 0
   };
 }
-var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
+var Qc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
   const a = e.document.screens.find((c) => c.name === ge);
   if (!a) return null;
   const r = a.forms ?? [], s = n.properties.forms, d = (c, l = s.label) => e.setScreenForms(c, l), u = (c, l) => d(r.map((m, g) => g === c ? l : m));
@@ -1582,7 +1582,7 @@ var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
         disabled: o || t.length === 0,
         onChange: (c) => {
           const l = t.find((m) => m.id === c.target.value);
-          l && d([...r, No(l)], s.add);
+          l && d([...r, Po(l)], s.add);
         },
         children: [/* @__PURE__ */ i("option", {
           value: "",
@@ -1593,7 +1593,7 @@ var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
         }, c.id))]
       })] }),
       r.map((c, l) => {
-        const m = t.find((f) => f.name === c.forCommand), g = m?.inputs.map((f) => f.name) ?? c.fields.map((f) => f.sourceProperty ?? f.name), b = Zc(c, m) === ce.Auto;
+        const m = t.find((f) => f.name === c.forCommand), g = m?.inputs.map((f) => f.name) ?? c.fields.map((f) => f.sourceProperty ?? f.name), b = Xc(c, m) === ce.Auto;
         return /* @__PURE__ */ h("fieldset", {
           className: "studio-editor-properties__form",
           disabled: o,
@@ -1601,7 +1601,7 @@ var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
             /* @__PURE__ */ i("legend", { children: c.name }),
             /* @__PURE__ */ h("label", { children: [/* @__PURE__ */ i("span", { children: s.mode }), /* @__PURE__ */ h("select", {
               value: b ? ce.Auto : ce.Manual,
-              onChange: (f) => m && u(l, f.target.value === ce.Auto ? No(m) : Qc(c, m)),
+              onChange: (f) => m && u(l, f.target.value === ce.Auto ? Po(m) : Yc(c, m)),
               children: [/* @__PURE__ */ i("option", {
                 value: ce.Auto,
                 children: s.auto
@@ -1610,7 +1610,7 @@ var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
                 children: s.manual
               })]
             })] }),
-            /* @__PURE__ */ i(Vc, {
+            /* @__PURE__ */ i(qc, {
               form: c,
               commandProperties: g
             }),
@@ -1620,7 +1620,7 @@ var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
                 /* @__PURE__ */ i("legend", { children: f.name }),
                 /* @__PURE__ */ h("label", { children: [/* @__PURE__ */ i("span", { children: s.fieldLabel }), /* @__PURE__ */ i("input", {
                   value: f.label ?? "",
-                  onChange: (v) => u(l, Po(c, p, {
+                  onChange: (v) => u(l, Io(c, p, {
                     ...f,
                     label: v.target.value || void 0
                   }))
@@ -1628,7 +1628,7 @@ var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
                 /* @__PURE__ */ h("label", { children: [/* @__PURE__ */ i("span", { children: s.sourceProperty }), /* @__PURE__ */ i("input", {
                   list: `form-${l}-sources`,
                   value: f.sourceProperty ?? "",
-                  onChange: (v) => u(l, Po(c, p, {
+                  onChange: (v) => u(l, Io(c, p, {
                     ...f,
                     sourceProperty: v.target.value || void 0
                   }))
@@ -1638,7 +1638,7 @@ var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
                 children: g.map((f) => /* @__PURE__ */ i("option", { value: f }, f))
               })]
             }),
-            !b && /* @__PURE__ */ i(Hc, {
+            !b && /* @__PURE__ */ i(Jc, {
               form: c,
               strings: s,
               onChange: (f) => u(l, f)
@@ -1654,7 +1654,7 @@ var Kc = ({ controller: e, slices: t, strings: n, disabled: o }) => {
     ]
   });
 };
-function No(e) {
+function Po(e) {
   return {
     name: e.name,
     forCommand: e.name,
@@ -1662,24 +1662,24 @@ function No(e) {
     fields: e.inputs.map((t) => ({ name: t.name }))
   };
 }
-function Qc(e, t) {
+function Yc(e, t) {
   return ct({
     ...e,
     generationMode: ce.Manual,
-    fields: Yc(t)
+    fields: Zc(t)
   });
 }
-function Yc(e) {
+function Zc(e) {
   return e.inputs.map((t) => ({
     name: t.name,
     sourceProperty: t.name,
     label: t.name
   }));
 }
-function Zc(e, t) {
+function Xc(e, t) {
   return e.generationMode ? e.generationMode : t !== void 0 && e.fields.length === t.inputs.length && e.fields.every((n, o) => n.name === t.inputs[o]?.name && !n.sourceProperty && !n.composeUsing && !n.label && !n.placement) ? ce.Auto : ce.Manual;
 }
-function Po(e, t, n) {
+function Io(e, t, n) {
   return {
     ...e,
     fields: e.fields.map((o, a) => a === t ? n : o)
@@ -1687,8 +1687,8 @@ function Po(e, t, n) {
 }
 var U = /* @__PURE__ */ (function(e) {
   return e.String = "string", e.Number = "number", e.Boolean = "boolean", e.Null = "null", e.Json = "json", e;
-})(U || {}), Xc = ({ property: e, sources: t, strings: n, disabled: o, onChange: a }) => {
-  const r = n.properties.binding, s = _a(e.effectiveValue) ? e.effectiveValue : void 0, d = s ? void 0 : nd(e.effectiveValue), u = fc(e), c = s ?? u, l = td(c, e.descriptor.acceptedBindingKinds?.length ? e.descriptor.acceptedBindingKinds : jn, t, r), m = c.query ? t.queryResults.find((p) => p.id === c.query || p.name === c.query) : void 0, g = c.componentId ? t.componentOutputs.find((p) => p.componentId === c.componentId) : void 0, b = (p) => a(od({
+})(U || {}), ed = ({ property: e, sources: t, strings: n, disabled: o, onChange: a }) => {
+  const r = n.properties.binding, s = $a(e.effectiveValue) ? e.effectiveValue : void 0, d = s ? void 0 : od(e.effectiveValue), u = gc(e), c = s ?? u, l = nd(c, e.descriptor.acceptedBindingKinds?.length ? e.descriptor.acceptedBindingKinds : Vn, t, r), m = c.query ? t.queryResults.find((p) => p.id === c.query || p.name === c.query) : void 0, g = c.componentId ? t.componentOutputs.find((p) => p.componentId === c.componentId) : void 0, b = (p) => a(ad({
     ...c,
     ...p
   })), f = () => a(void 0);
@@ -1725,7 +1725,7 @@ var U = /* @__PURE__ */ (function(e) {
         children: [
           /* @__PURE__ */ h("label", { children: [/* @__PURE__ */ i("span", { children: r.source }), /* @__PURE__ */ i("select", {
             value: c.kind ?? E.DataContext,
-            onChange: (p) => b(ad(p.target.value, c)),
+            onChange: (p) => b(rd(p.target.value, c)),
             children: l.map((p) => /* @__PURE__ */ i("option", {
               value: p.kind,
               disabled: p.disabled,
@@ -1738,7 +1738,7 @@ var U = /* @__PURE__ */ (function(e) {
             children: [/* @__PURE__ */ i("option", {
               value: "",
               children: r.inheritedMode
-            }), pc.map((p) => /* @__PURE__ */ i("option", {
+            }), mc.map((p) => /* @__PURE__ */ i("option", {
               value: p,
               children: p
             }, p))]
@@ -1749,7 +1749,7 @@ var U = /* @__PURE__ */ (function(e) {
             children: [/* @__PURE__ */ i("option", {
               value: "",
               children: r.defaultNullBehavior
-            }), mc.map((p) => /* @__PURE__ */ i("option", {
+            }), hc.map((p) => /* @__PURE__ */ i("option", {
               value: p,
               children: p
             }, p))]
@@ -1760,7 +1760,7 @@ var U = /* @__PURE__ */ (function(e) {
             children: [/* @__PURE__ */ i("option", {
               value: "",
               children: r.inferType
-            }), hc.map((p) => /* @__PURE__ */ i("option", {
+            }), fc.map((p) => /* @__PURE__ */ i("option", {
               value: p,
               children: p
             }, p))]
@@ -1861,7 +1861,7 @@ var U = /* @__PURE__ */ (function(e) {
           children: r.missingComponent(c.componentId)
         })
       ] }),
-      He(c) === E.Literal && /* @__PURE__ */ i(ed, {
+      He(c) === E.Literal && /* @__PURE__ */ i(td, {
         value: c.value,
         targetType: c.expectedValueType ?? e.descriptor.valueType,
         strings: r,
@@ -1888,17 +1888,17 @@ var U = /* @__PURE__ */ (function(e) {
     id: e,
     children: o.map((r) => /* @__PURE__ */ i("option", { value: r }, r))
   })
-] }), ed = ({ value: e, targetType: t, strings: n, onChange: o }) => {
-  const a = vn(e, t), r = et(e, t), s = Z(r), [d, u] = A(a), [c, l] = A(() => en(e, a)), [m, g] = A();
+] }), td = ({ value: e, targetType: t, strings: n, onChange: o }) => {
+  const a = bn(e, t), r = et(e, t), s = Z(r), [d, u] = A(a), [c, l] = A(() => en(e, a)), [m, g] = A();
   pe(() => {
     const f = et(e, t);
     if (f === s.current) return;
-    const p = vn(e, t);
+    const p = bn(e, t);
     s.current = f, u(p), l(en(e, p)), g(void 0);
   }, [e, t]);
   const b = (f) => {
     u(f), g(void 0);
-    const p = rd(f);
+    const p = id(f);
     l(en(p, f)), s.current = et(p, t), o(p);
   };
   return /* @__PURE__ */ h("div", {
@@ -1972,13 +1972,13 @@ var U = /* @__PURE__ */ (function(e) {
     ]
   });
 };
-function td(e, t, n, o) {
+function nd(e, t, n, o) {
   const a = He(e);
-  return jn.map((r) => {
+  return Vn.map((r) => {
     const s = t.includes(r), d = r === E.QueryResult && n.queryResults.length === 0 || r === E.ComponentProperty && n.componentOutputs.length === 0;
     return {
       kind: r,
-      label: id(r, o.sources),
+      label: sd(r, o.sources),
       disabled: r !== a && (!s || d),
       reason: s ? d ? o.unavailableSource : void 0 : o.incompatibleSource
     };
@@ -1987,7 +1987,7 @@ function td(e, t, n, o) {
 function He(e) {
   return e.kind ?? E.DataContext;
 }
-function nd(e) {
+function od(e) {
   if (!(!e || typeof e != "object" || Array.isArray(e)))
     return [
       "kind",
@@ -1998,7 +1998,7 @@ function nd(e) {
       "value"
     ].some((t) => t in e) ? e : void 0;
 }
-function od(e) {
+function ad(e) {
   switch (He(e)) {
     case E.Literal:
       return {
@@ -2032,7 +2032,7 @@ function od(e) {
       };
   }
 }
-function ad(e, t) {
+function rd(e, t) {
   switch (e) {
     case E.Literal:
       return {
@@ -2060,7 +2060,7 @@ function ad(e, t) {
       };
   }
 }
-function vn(e, t) {
+function bn(e, t) {
   return e === null ? U.Null : typeof e == "number" ? U.Number : typeof e == "boolean" ? U.Boolean : typeof e == "object" ? U.Json : t === x.Number ? U.Number : t === x.Boolean ? U.Boolean : t === x.Object || t === x.Collection || t === x.Json ? U.Json : U.String;
 }
 function en(e, t) {
@@ -2068,11 +2068,11 @@ function en(e, t) {
 }
 function et(e, t) {
   return JSON.stringify({
-    kind: vn(e, t),
+    kind: bn(e, t),
     value: e
   }) ?? "undefined";
 }
-function rd(e) {
+function id(e) {
   switch (e) {
     case U.String:
       return "";
@@ -2086,7 +2086,7 @@ function rd(e) {
       return {};
   }
 }
-function id(e, t) {
+function sd(e, t) {
   switch (e) {
     case E.DataContext:
       return t.dataContext;
@@ -2098,7 +2098,7 @@ function id(e, t) {
       return t.literal;
   }
 }
-function sd(e) {
+function ld(e) {
   return {
     queryId: e.id,
     query: e.name,
@@ -2106,11 +2106,11 @@ function sd(e) {
     results: []
   };
 }
-function ld(e) {
+function cd(e) {
   const t = e;
   return !!t && typeof t == "object" && typeof t.queryId == "string" && Array.isArray(t.arguments) && Array.isArray(t.results);
 }
-function cd(e, t, n) {
+function dd(e, t, n) {
   const o = e.arguments.filter((a) => a.parameter !== t);
   return {
     ...e,
@@ -2120,7 +2120,7 @@ function cd(e, t, n) {
     }]
   };
 }
-function dd(e, t, n = t) {
+function ud(e, t, n = t) {
   return e.results.some((o) => o.field === t) ? e : {
     ...e,
     results: [...e.results, {
@@ -2129,34 +2129,34 @@ function dd(e, t, n = t) {
     }]
   };
 }
-function ud(e, t) {
+function pd(e, t) {
   return {
     ...e,
     results: e.results.filter((n) => n.field !== t)
   };
 }
-var pd = (e, t) => e.arguments.find((n) => n.parameter === t.name)?.source.path ?? "", md = (e, t) => e.results.some((n) => n.field === t.name), re = /* @__PURE__ */ (function(e) {
+var md = (e, t) => e.arguments.find((n) => n.parameter === t.name)?.source.path ?? "", hd = (e, t) => e.results.some((n) => n.field === t.name), re = /* @__PURE__ */ (function(e) {
   return e.NoQuery = "noQuery", e.MissingQuery = "missingQuery", e.Loading = "loading", e.Empty = "empty", e.Error = "error", e.Ready = "ready", e;
 })({});
-function hd({ binding: e, candidate: t, isLoading: n, error: o, rowCount: a }) {
+function fd({ binding: e, candidate: t, isLoading: n, error: o, rowCount: a }) {
   return e ? t ? o != null ? re.Error : n ? re.Loading : a === 0 ? re.Empty : re.Ready : re.MissingQuery : re.NoQuery;
 }
-function Io(e, t, n, o) {
-  const a = qr(e, t, n, o);
+function Ro(e, t, n, o) {
+  const a = Wr(e, t, n, o);
   return {
     diagnostics: a,
     isStorable: a.every((r) => r.severity !== "error")
   };
 }
-var fd = (e) => e.origin.map((t) => t.name).join(" / "), gd = ({ property: e, candidates: t, scope: n, strings: o, disabled: a, onChange: r }) => {
-  const s = o.properties.query, [d, u] = A(), c = ld(e.effectiveValue) ? e.effectiveValue : void 0, l = d ?? c, m = l ? t.find((v) => v.id === l.queryId) : void 0, g = l ? Io(e.descriptor, m, l, n).diagnostics : [], b = (v) => {
+var gd = (e) => e.origin.map((t) => t.name).join(" / "), vd = ({ property: e, candidates: t, scope: n, strings: o, disabled: a, onChange: r }) => {
+  const s = o.properties.query, [d, u] = A(), c = cd(e.effectiveValue) ? e.effectiveValue : void 0, l = d ?? c, m = l ? t.find((v) => v.id === l.queryId) : void 0, g = l ? Ro(e.descriptor, m, l, n).diagnostics : [], b = (v) => {
     if (!v) {
       u(void 0), r(void 0);
       return;
     }
-    const k = Io(e.descriptor, t.find((j) => j.id === v.queryId), v, n);
+    const k = Ro(e.descriptor, t.find((j) => j.id === v.queryId), v, n);
     u(k.isStorable ? void 0 : v), k.isStorable && r(v);
-  }, f = hd({
+  }, f = fd({
     binding: l,
     candidate: m,
     isLoading: !1
@@ -2170,7 +2170,7 @@ var fd = (e) => e.origin.map((t) => t.name).join(" / "), gd = ({ property: e, ca
         value: l?.queryId ?? "",
         onChange: (v) => {
           const k = t.find((j) => j.id === v.target.value);
-          b(k ? sd(k) : void 0);
+          b(k ? ld(k) : void 0);
         },
         children: [
           /* @__PURE__ */ i("option", {
@@ -2186,7 +2186,7 @@ var fd = (e) => e.origin.map((t) => t.name).join(" / "), gd = ({ property: e, ca
             children: [
               v.name,
               " - ",
-              fd(v)
+              gd(v)
             ]
           }, v.id))
         ]
@@ -2199,8 +2199,8 @@ var fd = (e) => e.origin.map((t) => t.name).join(" / "), gd = ({ property: e, ca
       l && m && /* @__PURE__ */ h(se, { children: [m.parameters.length > 0 && /* @__PURE__ */ h("div", {
         className: "studio-editor-query__group",
         children: [/* @__PURE__ */ i("strong", { children: s.parameters }), m.parameters.map((v) => /* @__PURE__ */ h("label", { children: [/* @__PURE__ */ h("span", { children: [s.sourceFor(v.name), v.required ? " *" : ""] }), /* @__PURE__ */ h("select", {
-          value: pd(l, v),
-          onChange: (k) => b(cd(l, v.name, k.target.value)),
+          value: md(l, v),
+          onChange: (k) => b(dd(l, v.name, k.target.value)),
           children: [/* @__PURE__ */ i("option", {
             value: "",
             children: s.noSource
@@ -2215,8 +2215,8 @@ var fd = (e) => e.origin.map((t) => t.name).join(" / "), gd = ({ property: e, ca
           className: "studio-editor-query__column",
           children: [/* @__PURE__ */ i("input", {
             type: "checkbox",
-            checked: md(l, v),
-            onChange: (k) => b(k.target.checked ? dd(l, v.name) : ud(l, v.name))
+            checked: hd(l, v),
+            onChange: (k) => b(k.target.checked ? ud(l, v.name) : pd(l, v.name))
           }), /* @__PURE__ */ i("span", { children: s.showColumn(v.name) })]
         }, v.name))]
       })] }),
@@ -2224,16 +2224,16 @@ var fd = (e) => e.origin.map((t) => t.name).join(" / "), gd = ({ property: e, ca
         className: "studio-editor-query__preview",
         role: "status",
         "data-state": f,
-        children: vd(f, s.preview)
+        children: bd(f, s.preview)
       }),
-      /* @__PURE__ */ i(Aa, {
+      /* @__PURE__ */ i(La, {
         diagnostics: g,
         label: o.properties.diagnostics
       })
     ]
   });
 };
-function vd(e, t) {
+function bd(e, t) {
   switch (e) {
     case re.NoQuery:
       return t.noQuery;
@@ -2249,8 +2249,8 @@ function vd(e, t) {
       return "";
   }
 }
-var bd = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
-  const a = (u, c) => o(e.map((l, m) => m === u ? yd(c) : l)), r = (u) => o(e.filter((c, l) => l !== u)), s = (u, c) => o(wd(e, u, c)), d = () => o([...e, { name: Cd(e, n.newOutletName) }]);
+var yd = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
+  const a = (u, c) => o(e.map((l, m) => m === u ? wd(c) : l)), r = (u) => o(e.filter((c, l) => l !== u)), s = (u, c) => o(Cd(e, u, c)), d = () => o([...e, { name: Sd(e, n.newOutletName) }]);
   return /* @__PURE__ */ h("section", {
     className: "studio-editor-outlets",
     children: [
@@ -2307,17 +2307,17 @@ var bd = ({ outlets: e, disabled: t, strings: n, onChange: o }) => {
     ]
   });
 };
-function yd(e) {
+function wd(e) {
   return {
     name: e.name,
     ...e.description ? { description: e.description } : {}
   };
 }
-function wd(e, t, n) {
+function Cd(e, t, n) {
   const o = [...e], [a] = o.splice(t, 1);
   return a && o.splice(n, 0, a), o;
 }
-function Cd(e, t) {
+function Sd(e, t) {
   const n = new Set(e.map((o) => o.name));
   if (!n.has(t)) return t;
   for (let o = 2; ; o++) {
@@ -2328,7 +2328,7 @@ function Cd(e, t) {
 var xt = /* @__PURE__ */ (function(e) {
   return e.OutOfScope = "outOfScope", e.ShellOutsideApplication = "shellOutsideApplication", e;
 })({});
-function Sd(e, t, n) {
+function kd(e, t, n) {
   const o = n.trim().toLocaleLowerCase(), a = /* @__PURE__ */ new Map();
   for (const s of e) for (const d of s.screenTemplates ?? []) a.set(d.name, {
     template: d,
@@ -2338,26 +2338,26 @@ function Sd(e, t, n) {
   });
   const r = /* @__PURE__ */ new Map();
   for (const s of a.values()) {
-    if (o && !Nd(s, o)) continue;
+    if (o && !Pd(s, o)) continue;
     const d = s.template.metadata?.category ?? "";
     r.set(d, [...r.get(d) ?? [], s]);
   }
   return [...r.entries()].map(([s, d]) => ({
     name: s,
     entries: d.sort((u, c) => u.label.localeCompare(c.label))
-  })).sort(Pd);
+  })).sort(Id);
 }
-function kd(e, t) {
+function Nd(e, t) {
   if (!t) return;
-  if (e.metadata?.type === "ApplicationShell" && t !== Xo.Application) return xt.ShellOutsideApplication;
+  if (e.metadata?.type === "ApplicationShell" && t !== ea.Application) return xt.ShellOutsideApplication;
   const n = e.metadata?.scopes ?? [];
   if (n.length > 0 && !n.includes(t)) return xt.OutOfScope;
 }
 function Td(e, t) {
-  const n = kd(e, t);
+  const n = Nd(e, t);
   return n ? { inapplicable: n } : {};
 }
-function Nd(e, t) {
+function Pd(e, t) {
   const n = e.template.metadata;
   return [
     e.template.name,
@@ -2368,11 +2368,11 @@ function Nd(e, t) {
     n?.type
   ].some((o) => o?.toLocaleLowerCase().includes(t));
 }
-function Pd(e, t) {
+function Id(e, t) {
   return e.name === "" ? t.name === "" ? 0 : 1 : t.name === "" ? -1 : e.name.localeCompare(t.name);
 }
-var Id = ({ packages: e, scope: t, selected: n, disabled: o, strings: a, onSelect: r }) => {
-  const [s, d] = A(""), u = Qo(), c = $(() => Sd(e, t, s), [
+var Rd = ({ packages: e, scope: t, selected: n, disabled: o, strings: a, onSelect: r }) => {
+  const [s, d] = A(""), u = Yo(), c = $(() => kd(e, t, s), [
     e,
     t,
     s
@@ -2441,7 +2441,7 @@ var Id = ({ packages: e, scope: t, selected: n, disabled: o, strings: a, onSelec
       }, m.name))
     ]
   });
-}, Rd = ({ controller: e, environment: t, strings: n, disabled: o, authoringTemplate: a }) => {
+}, tn = ({ controller: e, environment: t, strings: n, disabled: o, authoringTemplate: a }) => {
   const r = n.properties.templates;
   if (a) {
     const d = e.document.screenTemplates.find((c) => c.name === a);
@@ -2454,7 +2454,7 @@ var Id = ({ packages: e, scope: t, selected: n, disabled: o, strings: a, onSelec
         /* @__PURE__ */ h("label", { children: [/* @__PURE__ */ i("span", { children: r.category }), /* @__PURE__ */ i("input", {
           value: u.category ?? "",
           disabled: o,
-          onChange: (c) => e.setScreenTemplateMetadata(a, Ro({
+          onChange: (c) => e.setScreenTemplateMetadata(a, Do({
             ...u,
             category: c.target.value || void 0
           }), r.category)
@@ -2462,19 +2462,19 @@ var Id = ({ packages: e, scope: t, selected: n, disabled: o, strings: a, onSelec
         /* @__PURE__ */ h("label", { children: [/* @__PURE__ */ i("span", { children: r.scope }), /* @__PURE__ */ h("select", {
           value: u.scopes?.[0] ?? "",
           disabled: o,
-          onChange: (c) => e.setScreenTemplateMetadata(a, Ro({
+          onChange: (c) => e.setScreenTemplateMetadata(a, Do({
             ...u,
             scopes: c.target.value ? [c.target.value] : void 0
           }), r.scope),
           children: [/* @__PURE__ */ i("option", {
             value: "",
             children: r.anyScope
-          }), Object.values(Xo).map((c) => /* @__PURE__ */ i("option", {
+          }), Object.values(ea).map((c) => /* @__PURE__ */ i("option", {
             value: c,
             children: c
           }, c))]
         })] }),
-        /* @__PURE__ */ i(bd, {
+        /* @__PURE__ */ i(yd, {
           outlets: d.outlets ?? [],
           disabled: o,
           strings: n.properties.outlets,
@@ -2486,7 +2486,7 @@ var Id = ({ packages: e, scope: t, selected: n, disabled: o, strings: a, onSelec
   const s = e.document.screens.find((d) => d.name === ge);
   return s ? /* @__PURE__ */ h("section", {
     className: "studio-editor-properties__templates",
-    children: [/* @__PURE__ */ i("strong", { children: r.label }), /* @__PURE__ */ i(Id, {
+    children: [/* @__PURE__ */ i("strong", { children: r.label }), /* @__PURE__ */ i(Rd, {
       packages: t.runtime.bundles,
       scope: t.templateScope,
       selected: s.screenTemplate,
@@ -2496,7 +2496,7 @@ var Id = ({ packages: e, scope: t, selected: n, disabled: o, strings: a, onSelec
     })]
   }) : null;
 };
-function Ro(e) {
+function Do(e) {
   const t = Object.fromEntries(Object.entries(e).filter(([, n]) => n !== void 0 && n !== ""));
   return Object.keys(t).length > 0 ? t : void 0;
 }
@@ -2644,7 +2644,7 @@ function Ld(e, t, n) {
   };
 }
 var Ed = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
-  const a = n.properties, [r, s] = A(), d = to(t.context.catalog, e.typeId), u = d?.capabilities.convertibleTo ?? [];
+  const a = n.properties, [r, s] = A(), d = no(t.context.catalog, e.typeId), u = d?.capabilities.convertibleTo ?? [];
   if (!d || u.length === 0) return null;
   const c = (l) => {
     const m = t.tryApply(l, a.changeLayout), g = Ld(l, m.applied, m.diagnostics);
@@ -2664,7 +2664,7 @@ var Ed = ({ inspection: e, controller: t, strings: n, disabled: o }) => {
         children: d.label
       }), u.map((l) => /* @__PURE__ */ i("option", {
         value: l,
-        children: to(t.context.catalog, l)?.label ?? l
+        children: no(t.context.catalog, l)?.label ?? l
       }, l))]
     })] }), r && /* @__PURE__ */ h("div", {
       className: "studio-editor-properties__confirm",
@@ -2736,9 +2736,9 @@ var jd = (e, t, n, o) => e.exposures.some((a) => a.owner === t && a.properties.s
     }) })]
   });
 };
-function Ba(e) {
+function Ua(e) {
   if (e !== void 0)
-    return e.filter((t) => typeof t.value == "string").map((t) => xr(t.value)).filter((t) => t !== void 0);
+    return e.filter((t) => typeof t.value == "string").map((t) => Fr(t.value)).filter((t) => t !== void 0);
 }
 var Wd = /* @__PURE__ */ new Set([
   ve.MissingIconLibrary,
@@ -2747,17 +2747,17 @@ var Wd = /* @__PURE__ */ new Set([
   ve.IncompatibleIconLibrary,
   ve.IconCatalogUnavailable,
   ve.IconNotVerified
-]), Ua = (e) => Wd.has(e.code), zd = (e) => e.code === ve.IconNotVerified;
-function ja(e, t, n) {
-  const o = e.filter((a) => Ua(a) && !zd(a) && a.path === t && a.itemId === n);
+]), ja = (e) => Wd.has(e.code), zd = (e) => e.code === ve.IconNotVerified;
+function Va(e, t, n) {
+  const o = e.filter((a) => ja(a) && !zd(a) && a.path === t && a.itemId === n);
   return (o.find((a) => a.severity === Tr.Error) ?? o[0])?.message;
 }
-var Gd = (e) => e.filter((t) => !Ua(t));
+var Gd = (e) => e.filter((t) => !ja(t));
 function Hd(e, t) {
   const n = {};
   for (const o of e) {
     if (o.itemId === void 0) continue;
-    const a = ja(e, t, o.itemId);
+    const a = Va(e, t, o.itemId);
     a && (n[o.itemId] = { icon: a });
   }
   return n;
@@ -2768,7 +2768,7 @@ var Jd = ({ properties: e, controller: t, catalog: n, adapters: o, diagnostics:
   return /* @__PURE__ */ i("section", {
     className: "studio-editor-properties__icons",
     children: e.map((d) => {
-      const { path: u, label: c } = d.descriptor, l = Or(d.effectiveValue) ? d.effectiveValue : void 0, m = `studio-editor-icon-${u}`;
+      const { path: u, label: c } = d.descriptor, l = xr(d.effectiveValue) ? d.effectiveValue : void 0, m = `studio-editor-icon-${u}`;
       return /* @__PURE__ */ h("div", {
         className: "studio-editor-properties__icon",
         children: [
@@ -2777,14 +2777,14 @@ var Jd = ({ properties: e, controller: t, catalog: n, adapters: o, diagnostics:
             className: "studio-editor-properties__icon-label",
             children: c
           }),
-          /* @__PURE__ */ i(Ma, {
+          /* @__PURE__ */ i(_a, {
             value: l,
             onChange: (g) => t.setProperty(d, g),
             catalog: n,
             adapters: o,
-            allowed: Ba(d.descriptor.choices),
+            allowed: Ua(d.descriptor.choices),
             readOnly: !d.editable,
-            validationMessage: ja(a, u),
+            validationMessage: Va(a, u),
             strings: s.icon,
             pickerLabels: s.iconPickerLabels,
             "aria-labelledby": m
@@ -2797,7 +2797,7 @@ var Jd = ({ properties: e, controller: t, catalog: n, adapters: o, diagnostics:
       }, u);
     })
   });
-}, Va = {
+}, qa = {
   placeholder: 'Empty means not set. Type JSON, such as {"a": 1}, [1, 2] or null.',
   problems: {
     required: "This setting needs a value.",
@@ -2822,7 +2822,7 @@ function Kd(e, t) {
       return t.problems.outOfRange(e.detail);
   }
 }
-var qa = (e) => e === void 0 ? "" : JSON.stringify(e, null, 2) ?? "", Do = /-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/y;
+var Wa = (e) => e === void 0 ? "" : JSON.stringify(e, null, 2) ?? "", Oo = /-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/y;
 function Qd(e) {
   const t = [];
   let n = 0;
@@ -2834,8 +2834,8 @@ function Qd(e) {
       continue;
     }
     if (o === "-" || o >= "0" && o <= "9") {
-      Do.lastIndex = n;
-      const a = Do.exec(e);
+      Oo.lastIndex = n;
+      const a = Oo.exec(e);
       if (a) {
         t.push(a[0]), n += a[0].length;
         continue;
@@ -2882,14 +2882,14 @@ function Ft(e, t) {
   const n = Object.keys(e), o = Object.keys(t);
   return n.length === o.length && n.every((a, r) => a === o[r] && Ft(e[a], t[a]));
 }
-var qn = (e) => ({
-  text: qa(e),
+var Wn = (e) => ({
+  text: Wa(e),
   base: e
 }), tu = (e, t) => ({
   ...e,
   text: t
-}), nu = (e, t) => Ft(e.base, t) ? e : qn(t), Wa = (e) => qn(e.base);
-function za(e, t) {
+}), nu = (e, t) => Ft(e.base, t) ? e : Wn(t), za = (e) => Wn(e.base);
+function Ga(e, t) {
   if (e.text.trim() === "")
     return t ? {
       kind: ae.Invalid,
@@ -2898,7 +2898,7 @@ function za(e, t) {
         detail: ""
       }
     } : e.base === void 0 ? { kind: ae.Unchanged } : { kind: ae.Unset };
-  if (e.text === qa(e.base)) return { kind: ae.Unchanged };
+  if (e.text === Wa(e.base)) return { kind: ae.Unchanged };
   const n = eu(e.text);
   return n.problem ? {
     kind: ae.Invalid,
@@ -2915,19 +2915,19 @@ function za(e, t) {
   };
 }
 function ou(e, t) {
-  const n = za(e, t);
+  const n = Ga(e, t);
   return {
-    state: n.kind === ae.Unchanged ? Wa(e) : e,
+    state: n.kind === ae.Unchanged ? za(e) : e,
     outcome: n
   };
 }
 function au(e, t, n) {
-  const [o, a] = A(() => qn(e)), r = nu(o, e);
+  const [o, a] = A(() => Wn(e)), r = nu(o, e);
   return r !== o && a(r), {
     text: r.text,
-    outcome: za(r, t),
+    outcome: Ga(r, t),
     edit: (s) => a(tu(r, s)),
-    revert: () => a(Wa(r)),
+    revert: () => a(za(r)),
     commit: () => {
       const s = ou(r, t);
       a(s.state), s.outcome.kind === ae.Set && n(s.outcome.value), s.outcome.kind === ae.Unset && n(void 0);
@@ -2935,7 +2935,7 @@ function au(e, t, n) {
   };
 }
 var ru = (e) => e.key === "Enter" && (e.ctrlKey || e.metaKey), iu = ({ label: e, description: t, value: n, onApply: o, readOnly: a = !1, reason: r, required: s = !1, strings: d, rows: u = 6 }) => {
-  const c = au(n, s, o), l = Qo(), m = c.outcome.kind === ae.Invalid ? Kd(c.outcome.problem, d) : void 0, g = [
+  const c = au(n, s, o), l = Yo(), m = c.outcome.kind === ae.Invalid ? Kd(c.outcome.problem, d) : void 0, g = [
     t && `${l}-description`,
     m && `${l}-problem`,
     r && `${l}-reason`
@@ -2953,7 +2953,7 @@ var ru = (e) => e.key === "Enter" && (e.ctrlKey || e.metaKey), iu = ({ label: e,
         className: "studio-editor-json__description",
         children: t
       }),
-      /* @__PURE__ */ i(zr, {
+      /* @__PURE__ */ i(Gr, {
         id: l,
         className: "studio-editor-json__text",
         value: c.text,
@@ -2982,7 +2982,7 @@ var ru = (e) => e.key === "Enter" && (e.ctrlKey || e.metaKey), iu = ({ label: e,
       })
     ]
   });
-}, su = ({ properties: e, componentId: t, setProperty: n, strings: o = Va }) => e.length === 0 ? null : /* @__PURE__ */ i("section", {
+}, su = ({ properties: e, componentId: t, setProperty: n, strings: o = qa }) => e.length === 0 ? null : /* @__PURE__ */ i("section", {
   className: "studio-editor-json-properties",
   children: e.map((a) => /* @__PURE__ */ i(iu, {
     label: a.descriptor.label,
@@ -3115,19 +3115,19 @@ function uu(e) {
 }
 var z = /* @__PURE__ */ (function(e) {
   return e.None = "none", e.Navigate = "navigate", e.OpenDialog = "openDialog", e.ExecuteCommand = "executeCommand", e;
-})({}), bn = "studio.toolbarButton.click", Ga = {
+})({}), yn = "studio.toolbarButton.click", Ha = {
   kind: z.None,
   target: ""
 };
 function pu(e) {
-  const t = e?.find((n) => n.name === bn)?.bindings.find((n) => fu(n.trigger))?.actions[0];
-  return t ? hu(t) : Ga;
+  const t = e?.find((n) => n.name === yn)?.bindings.find((n) => fu(n.trigger))?.actions[0];
+  return t ? hu(t) : Ha;
 }
-function Oo(e, t) {
-  const n = (e ?? []).filter((r) => r.name !== bn), o = mu(t), a = o ? [...n, {
-    name: bn,
+function xo(e, t) {
+  const n = (e ?? []).filter((r) => r.name !== yn), o = mu(t), a = o ? [...n, {
+    name: yn,
     bindings: [{
-      trigger: { kind: Zo.Click },
+      trigger: { kind: Xo.Click },
       actions: [o]
     }]
   }] : n;
@@ -3173,23 +3173,23 @@ function hu(e) {
         target: e.command
       };
     default:
-      return Ga;
+      return Ha;
   }
 }
 function fu(e) {
-  return e?.kind === Zo.Click;
+  return e?.kind === Xo.Click;
 }
 var gu = ({ behaviors: e, targets: t, destinations: n, slices: o, strings: a, disabled: r, onChange: s }) => {
   const d = pu(e), [u, c] = A(z.None), l = d.kind === z.None ? {
     kind: u,
     target: ""
   } : d, m = vu(l.kind, t, n, o), g = l.target !== "" && !m.some((p) => p.value === l.target), b = (p) => {
-    c(p), d.kind !== z.None && s(Oo(e, {
+    c(p), d.kind !== z.None && s(xo(e, {
       kind: z.None,
       target: ""
     }));
   }, f = (p) => {
-    p === "" && d.kind === z.None || (p === "" && c(l.kind), s(Oo(e, {
+    p === "" && d.kind === z.None || (p === "" && c(l.kind), s(xo(e, {
       kind: l.kind,
       target: p
     })));
@@ -3294,7 +3294,7 @@ function Cu(e) {
     return !1;
   }
 }
-function Ha(e, t) {
+function Ja(e, t) {
   const n = e.runtime.bundles;
   return {
     screens: Je(e.destinations.map((o) => o.id)),
@@ -3310,11 +3310,11 @@ function Ha(e, t) {
 function Je(e) {
   return [...new Set(e.filter((t) => t.length > 0))].sort((t, n) => t.localeCompare(n));
 }
-var Su = x.Json, ku = (e) => e === Su, Tu = (e) => ku(e.descriptor.valueType), Nu = "action", Wn = "presentation", zn = "arguments", ht = (e) => typeof e == "string" ? e : "";
+var Su = x.Json, ku = (e) => e === Su, Nu = (e) => ku(e.descriptor.valueType), Tu = "action", zn = "presentation", Gn = "arguments", ht = (e) => typeof e == "string" ? e : "";
 function Pu(e, t = "") {
   const n = ht(e?.command);
   if (n === "") return;
-  const o = Array.isArray(e?.arguments) ? e[zn] : [], a = Object.fromEntries(o.map((s) => [ht(s.name), ht(s.source)]).filter(([s]) => s !== "")), r = ht(e?.[Wn]);
+  const o = Array.isArray(e?.arguments) ? e[Gn] : [], a = Object.fromEntries(o.map((s) => [ht(s.name), ht(s.source)]).filter(([s]) => s !== "")), r = ht(e?.[zn]);
   return {
     sliceId: n,
     sliceName: t,
@@ -3325,8 +3325,8 @@ function Pu(e, t = "") {
 function Iu(e) {
   return {
     command: e.sliceId,
-    [Wn]: e.presentation,
-    [zn]: Object.entries(e.inputs).filter(([, t]) => t.trim() !== "").map(([t, n]) => ({
+    [zn]: e.presentation,
+    [Gn]: Object.entries(e.inputs).filter(([, t]) => t.trim() !== "").map(([t, n]) => ({
       id: t,
       name: t,
       source: n.trim()
@@ -3342,25 +3342,57 @@ function Ru(e, t) {
     value: a
   }));
 }
-var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.find((n) => n.component === t), xu = /* @__PURE__ */ new Set([zn]), Fu = (e) => e.descriptor.valueType === x.Collection && !!e.descriptor.item && !xu.has(e.descriptor.path), Mu = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: a }) => {
-  const { inspection: r, selectedId: s, selection: d } = e, u = n.properties, c = $(() => cc(t.availableSources), [t.availableSources]), l = $(() => dc(e.document, e.composition.roots, e.context, t.availableSources, t.queryCandidates), [
+var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.find((n) => n.component === t), xu = /* @__PURE__ */ new Set([Gn]), Fu = (e) => e.descriptor.valueType === x.Collection && !!e.descriptor.item && !xu.has(e.descriptor.path), Mu = ({ controller: e, environment: t, strings: n, ownership: o, authoringTemplate: a }) => {
+  const { inspection: r, selectedId: s, selection: d } = e, u = n.properties, c = $(() => dc(t.availableSources), [t.availableSources]), l = $(() => uc(e.document, e.composition.roots, e.context, t.availableSources, t.queryCandidates), [
     e.document,
     e.composition.roots,
     e.context,
     t.availableSources,
     t.queryCandidates
   ]);
-  if (!s || !d || !r) return /* @__PURE__ */ i("p", {
-    className: "studio-editor-properties-empty",
-    children: n.noSelection
-  });
-  const m = Ll(e.composition.roots, s), g = Gl(r.properties, m, d.properties), b = kc(g, r.typeId), f = new Map(r.properties.map((y) => [y.descriptor.path, y])), p = r.properties.filter(Du), v = r.properties.filter($a), k = r.properties.filter(Fu), j = r.properties.filter((y) => y.descriptor.valueType === x.Icon), _ = r.properties.filter(Tu), q = [...r.diagnostics, ...e.diagnostics], { runtime: C } = t, M = r.typeId.endsWith("action"), D = r.typeId.endsWith("toolbarButton"), W = o !== void 0 && o !== "local", S = d.properties, I = Ou(e.context.catalog.components, r.typeId), L = (y) => {
+  if (!s || !d || !r)
+    return a ? /* @__PURE__ */ i("div", {
+      className: "studio-editor-properties",
+      children: /* @__PURE__ */ i(tn, {
+        controller: e,
+        environment: t,
+        strings: n,
+        disabled: !1,
+        authoringTemplate: a
+      })
+    }) : /* @__PURE__ */ h("div", {
+      className: "studio-editor-properties",
+      children: [
+        /* @__PURE__ */ i("header", {
+          className: "studio-editor-properties__header",
+          children: /* @__PURE__ */ i("strong", { children: u.screenLabel })
+        }),
+        /* @__PURE__ */ i(tn, {
+          controller: e,
+          environment: t,
+          strings: n,
+          disabled: !1
+        }),
+        /* @__PURE__ */ i(_d, {
+          controller: e,
+          strings: n,
+          disabled: !1
+        }),
+        /* @__PURE__ */ i(Qc, {
+          controller: e,
+          slices: t.stateChangeSlices,
+          strings: n,
+          disabled: !1
+        })
+      ]
+    });
+  const m = El(e.composition.roots, s), g = Hl(r.properties, m, d.properties), b = Nc(g, r.typeId), f = new Map(r.properties.map((y) => [y.descriptor.path, y])), p = r.properties.filter(Du), v = r.properties.filter(Aa), k = r.properties.filter(Fu), j = r.properties.filter((y) => y.descriptor.valueType === x.Icon), _ = r.properties.filter(Nu), q = [...r.diagnostics, ...e.diagnostics], { runtime: C } = t, M = r.typeId.endsWith("action"), D = r.typeId.endsWith("toolbarButton"), W = o !== void 0 && o !== "local", S = d.properties, I = Ou(e.context.catalog.components, r.typeId), L = (y) => {
     const F = f.get(y.name);
     if (!F) return;
     if (F.descriptor.valueType !== x.Enum) return e.setProperty(F, y.value);
-    const Y = vc(F, y.value);
+    const Y = bc(F, y.value);
     Y && e.setProperty(F, Y.value);
-  }, G = (y, F) => e.apply(gn(s, y, F), "Bind query");
+  }, G = (y, F) => e.apply(vn(s, y, F), "Bind query");
   return /* @__PURE__ */ h("div", {
     className: "studio-editor-properties",
     children: [
@@ -3369,7 +3401,7 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
         children: [
           /* @__PURE__ */ i("strong", { children: r.label }),
           /* @__PURE__ */ i("span", { children: r.typeId }),
-          o && /* @__PURE__ */ i(xa, {
+          o && /* @__PURE__ */ i(Fa, {
             ownership: o,
             label: n.ownership[o]
           })
@@ -3379,7 +3411,7 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
         className: "studio-editor-properties__hint",
         children: n.ownershipHint[o]
       }),
-      /* @__PURE__ */ i(Aa, {
+      /* @__PURE__ */ i(La, {
         diagnostics: Gd(q),
         label: u.diagnostics
       }),
@@ -3389,31 +3421,20 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
         strings: n,
         disabled: o !== void 0 && o !== "local"
       }),
-      /* @__PURE__ */ i(Rd, {
+      a && /* @__PURE__ */ i(tn, {
         controller: e,
         environment: t,
         strings: n,
         disabled: o !== void 0 && o !== "local",
         authoringTemplate: a
       }),
-      /* @__PURE__ */ i(_d, {
-        controller: e,
-        strings: n,
-        disabled: o !== void 0 && o !== "local"
-      }),
-      /* @__PURE__ */ i(Kc, {
-        controller: e,
-        slices: t.stateChangeSlices,
-        strings: n,
-        disabled: o !== void 0 && o !== "local"
-      }),
-      I && st(d) && /* @__PURE__ */ h(se, { children: [/* @__PURE__ */ i(Mc, {
+      I && st(d) && /* @__PURE__ */ h(se, { children: [/* @__PURE__ */ i(_c, {
         component: d,
         descriptor: I,
         controller: e,
         environment: t,
         strings: n
-      }), /* @__PURE__ */ i(xc, {
+      }), /* @__PURE__ */ i(Fc, {
         component: d,
         descriptor: I,
         controller: e,
@@ -3421,7 +3442,7 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
         strings: n,
         disabled: o !== void 0 && o !== "local"
       })] }),
-      b.groups.length > 0 ? /* @__PURE__ */ i(Hr, {
+      b.groups.length > 0 ? /* @__PURE__ */ i(Jr, {
         groups: b.groups,
         values: b.values,
         onChange: L,
@@ -3457,14 +3478,14 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
           diagnostics: q
         }
       }, y.descriptor.path)),
-      v.map((y) => /* @__PURE__ */ i(Xc, {
+      v.map((y) => /* @__PURE__ */ i(ed, {
         property: y,
         sources: l,
         strings: n,
         disabled: !y.editable,
-        onChange: (F) => e.apply(gn(s, y, F), "Bind value")
+        onChange: (F) => e.apply(vn(s, y, F), "Bind value")
       }, `${s}:${y.descriptor.path}:binding`)),
-      p.map((y) => /* @__PURE__ */ i(gd, {
+      p.map((y) => /* @__PURE__ */ i(vd, {
         property: y,
         candidates: t.queryCandidates,
         scope: c,
@@ -3472,7 +3493,7 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
         disabled: !y.editable,
         onChange: (F) => G(y, F)
       }, `${s}:${y.descriptor.path}`)),
-      M && /* @__PURE__ */ i(Rc, {
+      M && /* @__PURE__ */ i(Dc, {
         action: Pu(S, t.stateChangeSlices.find((y) => y.id === S?.command)?.name ?? ""),
         slices: t.stateChangeSlices,
         sources: Object.keys(t.availableSources),
@@ -3483,7 +3504,7 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
       }),
       D && /* @__PURE__ */ i(gu, {
         behaviors: d.behaviors,
-        targets: Ha(t, e.document),
+        targets: Ja(t, e.document),
         destinations: t.destinations,
         slices: t.stateChangeSlices,
         strings: n.properties.toolbarButton,
@@ -3500,21 +3521,21 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
     ]
   });
 }, _u = ({ property: e, componentId: t, controller: n, strings: o, destinations: a, environment: r, icons: s }) => {
-  const { items: d, fixed: u } = oc(e), c = Hd(s.diagnostics, e.descriptor.path), l = ac(e), m = l.fields.destination !== "readonly" || e.editable, g = [...u, ...d].filter((v) => v.destination !== void 0 || v.destinationReference !== void 0 || m), b = Ha(r, n.document), f = $u(b, e), p = (v, k) => {
+  const { items: d, fixed: u } = ac(e), c = Hd(s.diagnostics, e.descriptor.path), l = rc(e), m = l.fields.destination !== "readonly" || e.editable, g = [...u, ...d].filter((v) => v.destination !== void 0 || v.destinationReference !== void 0 || m), b = Ja(r, n.document), f = $u(b, e), p = (v, k) => {
     n.setCollectionItemDestination(t, e.descriptor.path, v.id, k, o.properties.destination.label);
   };
   return /* @__PURE__ */ h("section", {
     className: "studio-editor-properties__collection",
-    children: [/* @__PURE__ */ i(Gr, {
+    children: [/* @__PURE__ */ i(Hr, {
       items: d,
       fixedItems: u,
       capabilities: l,
       destinations: a,
       validation: c,
-      renderIconField: (v) => /* @__PURE__ */ i(Ma, {
+      renderIconField: (v) => /* @__PURE__ */ i(_a, {
         value: v.value,
         onChange: v.onChange,
-        allowed: Ba(e.descriptor.item?.properties.find((k) => k.path === "icon")?.choices),
+        allowed: Ua(e.descriptor.item?.properties.find((k) => k.path === "icon")?.choices),
         catalog: s.catalog,
         adapters: s.adapters,
         readOnly: v.readOnly,
@@ -3531,7 +3552,7 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
         label: "",
         values: {}
       }),
-      onChange: (v) => n.applyAll(rc(t, e, v), o.properties.itemsLabel)
+      onChange: (v) => n.applyAll(ic(t, e, v), o.properties.itemsLabel)
     }), g.length > 0 && /* @__PURE__ */ h("div", {
       className: "studio-editor-destinations",
       children: [/* @__PURE__ */ i("strong", { children: o.properties.destination.label }), g.map((v) => /* @__PURE__ */ i(lu, {
@@ -3550,19 +3571,19 @@ var Du = (e) => e.descriptor.valueType === x.QueryReference, Ou = (e, t) => e.fi
   });
 };
 function $u(e, t) {
-  const n = (t.items ?? []).map((a) => Fo(a.values.destination) ? a.values.destination.outlet : void 0).filter(xo), o = (t.items ?? []).map((a) => Fo(a.values.destination) ? a.values.destination.dialog : void 0).filter(xo);
+  const n = (t.items ?? []).map((a) => Mo(a.values.destination) ? a.values.destination.outlet : void 0).filter(Fo), o = (t.items ?? []).map((a) => Mo(a.values.destination) ? a.values.destination.dialog : void 0).filter(Fo);
   return {
     outlets: Je([...e.outlets, ...n]),
     dialogTemplates: Je([...e.dialogTemplates, ...o])
   };
 }
-function xo(e) {
+function Fo(e) {
   return typeof e == "string";
 }
-function Fo(e) {
+function Mo(e) {
   return !!e && typeof e == "object" && !Array.isArray(e);
 }
-var Ja = ({ strings: e, controller: t, environment: n, authoringTemplate: o, structure: a, onClose: r }) => {
+var Ka = ({ strings: e, controller: t, environment: n, authoringTemplate: o, structure: a, onClose: r }) => {
   const [s, d] = A(Zt.Properties), u = t.selectedId ? t.ownershipOf(t.selectedId) : void 0;
   return /* @__PURE__ */ h("section", {
     className: "studio-editor-inspector",
@@ -3580,7 +3601,7 @@ var Ja = ({ strings: e, controller: t, environment: n, authoringTemplate: o, str
         onClick: r,
         children: "×"
       })]
-    }), /* @__PURE__ */ i(Wr, {
+    }), /* @__PURE__ */ i(zr, {
       className: "studio-editor-inspector__tabs",
       "aria-label": e.inspectorTitle,
       value: s,
@@ -3605,25 +3626,25 @@ var Ja = ({ strings: e, controller: t, environment: n, authoringTemplate: o, str
 }, Lt = (e) => {
   const t = e;
   return !!t && (t.kind === "layout" && typeof t.item == "string" || t.kind === "component" && typeof t.componentName == "string" && typeof t.package == "string");
-}, Gn = "application/x-studio-palette-item", Ka = "application/x-studio-element";
-function Qa(e, t, n) {
+}, Hn = "application/x-studio-palette-item", Qa = "application/x-studio-element";
+function Ya(e, t, n) {
   const o = document.createElement("div");
   o.className = "studio-drag-preview", n && o.append(n.cloneNode(!0)), o.append(Object.assign(document.createElement("span"), { textContent: t })), document.body.append(o), e.dataTransfer.setDragImage(o, 14, 14), setTimeout(() => o.remove(), 0);
 }
 var Au = (e, t, n) => {
-  e.dataTransfer.setData(Gn, JSON.stringify(t)), e.dataTransfer.effectAllowed = "copyMove", n && Qa(e, n, e.currentTarget instanceof Element ? e.currentTarget.querySelector("svg") : null);
+  e.dataTransfer.setData(Hn, JSON.stringify(t)), e.dataTransfer.effectAllowed = "copyMove", n && Ya(e, n, e.currentTarget instanceof Element ? e.currentTarget.querySelector("svg") : null);
 }, Lu = (e, t, n) => {
-  e.dataTransfer.setData(Ka, t), e.dataTransfer.effectAllowed = "move", Qa(e, n);
-}, Eu = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, yn = (e) => e.dataTransfer.types.includes(Ka), ft = (e) => Uu(e) || yn(e);
+  e.dataTransfer.setData(Qa, t), e.dataTransfer.effectAllowed = "move", Ya(e, n);
+}, Eu = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, wn = (e) => e.dataTransfer.types.includes(Qa), ft = (e) => Uu(e) || wn(e);
 function Bu(e) {
   try {
-    const t = JSON.parse(e.dataTransfer.getData(Gn));
+    const t = JSON.parse(e.dataTransfer.getData(Hn));
     return Lt(t) ? t : void 0;
   } catch {
     return;
   }
 }
-var Uu = (e) => e.dataTransfer.types.includes(Gn), Ya = ({ drawers: e, closeLabel: t, onActivate: n }) => /* @__PURE__ */ i(se, { children: e.map((o) => /* @__PURE__ */ i(ei, {
+var Uu = (e) => e.dataTransfer.types.includes(Hn), Za = ({ drawers: e, closeLabel: t, onActivate: n }) => /* @__PURE__ */ i(se, { children: e.map((o) => /* @__PURE__ */ i(ti, {
   className: "studio-palette-folder",
   icon: o.icon,
   title: o.title,
@@ -3638,40 +3659,40 @@ var Uu = (e) => e.dataTransfer.types.includes(Gn), Ya = ({ drawers: e, closeLabe
   return e.Panel = "Panel", e.StackPanel = "StackPanel", e.WrapPanel = "WrapPanel", e.Grid = "Grid", e.Canvas = "Canvas", e;
 })({}), ju = [
   {
-    item: N.Stack,
+    item: T.Stack,
     type: "Stack",
     panel: Ee.StackPanel,
     flowKind: Ut.Column,
     arrangement: V.Column
   },
   {
-    item: N.Row,
+    item: T.Row,
     type: "Row",
     panel: Ee.StackPanel,
     flowKind: Ut.Row,
     arrangement: V.Row
   },
   {
-    item: N.Grid,
+    item: T.Grid,
     type: "Grid",
     panel: Ee.Grid,
     flowKind: Ut.Grid,
     arrangement: V.Grid
   },
   {
-    item: N.Container,
+    item: T.Container,
     type: "Container",
     panel: Ee.Panel,
     arrangement: V.Grouping
   },
   {
-    item: N.Wrap,
+    item: T.Wrap,
     type: "Wrap",
     panel: Ee.WrapPanel,
     arrangement: V.Wrap
   },
   {
-    item: N.Canvas,
+    item: T.Canvas,
     type: "Canvas",
     panel: Ee.Canvas,
     arrangement: V.Freeform
@@ -3680,8 +3701,8 @@ var Uu = (e) => e.dataTransfer.types.includes(Gn), Ya = ({ drawers: e, closeLabe
   "column",
   "screenShell",
   "shell"
-]), Za = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), qu = (e) => e.split(".").map(Za).join(" ");
-function Xa(e, t, n, o, a = {}) {
+]), Xa = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), qu = (e) => e.split(".").map(Xa).join(" ");
+function er(e, t, n, o, a = {}) {
   return [{
     id: "layout",
     title: e,
@@ -3701,7 +3722,7 @@ function Xa(e, t, n, o, a = {}) {
     icon: n.drawer.package(r.package),
     items: r.components.filter((s) => !Vu.has(s)).map((s) => ({
       id: `component:${r.package}:${s}`,
-      title: Za(s),
+      title: Xa(s),
       icon: n.component(s),
       payload: {
         kind: "component",
@@ -3711,18 +3732,18 @@ function Xa(e, t, n, o, a = {}) {
     }))
   })).filter((r) => r.items.length > 0)];
 }
-var Wu = "core", zu = /* @__PURE__ */ new Set([Nu]);
-function Hn(e, t) {
+var Wu = "core", zu = /* @__PURE__ */ new Set([Tu]);
+function Jn(e, t) {
   return zu.has(e) && t === "core" ? `${Wu}:${e}` : e;
 }
-function Tt(e) {
-  return e ? Fn(e) ? Le.grid : Mn(e) ? e.orientation === Qe.Horizontal ? Le.flexRow : Le.flexColumn : Fe(e) ? Le.absolute : Le.flexColumn : Le.absolute;
+function Nt(e) {
+  return e ? Mn(e) ? Le.grid : _n(e) ? e.orientation === Qe.Horizontal ? Le.flexRow : Le.flexColumn : Fe(e) ? Le.absolute : Le.flexColumn : Le.absolute;
 }
-function er(e, t) {
+function tr(e, t) {
   return {
     id: e,
     name: t,
-    visibility: Rn.Visible,
+    visibility: Dn.Visible,
     isEnabled: !0,
     opacity: 1,
     size: {},
@@ -3735,53 +3756,53 @@ function er(e, t) {
       right: 0,
       bottom: 0
     },
-    horizontalAlignment: Pn.Stretch,
-    verticalAlignment: In.Stretch,
+    horizontalAlignment: In.Stretch,
+    verticalAlignment: Rn.Stretch,
     properties: {}
   };
 }
-var Mo = {
-  unitType: Pr.Star,
+var _o = {
+  unitType: Ir.Star,
   value: 1
 };
 function Mt(e, t, n, o = [], a = {}) {
   const r = Gu(e, a);
   return {
-    ...er(t, n),
+    ...tr(t, n),
     children: o,
     ...r
   };
 }
 function Gu(e, t) {
   switch (e) {
-    case N.Stack:
+    case T.Stack:
       return {
         orientation: Qe.Vertical,
         spacing: 8
       };
-    case N.Row:
+    case T.Row:
       return {
         orientation: Qe.Horizontal,
         spacing: 8
       };
-    case N.Grid:
+    case T.Grid:
       return {
         rows: [],
         columns: [{
-          width: Mo,
+          width: _o,
           minimumWidth: 0,
           maximumWidth: Number.POSITIVE_INFINITY
         }, {
-          width: Mo,
+          width: _o,
           minimumWidth: 0,
           maximumWidth: Number.POSITIVE_INFINITY
         }]
       };
-    case N.Wrap:
+    case T.Wrap:
       return { orientation: Qe.Horizontal };
-    case N.Canvas:
+    case T.Canvas:
       return { extent: t };
-    case N.Container:
+    case T.Container:
       return {};
   }
 }
@@ -3795,7 +3816,7 @@ var ke = /* @__PURE__ */ (function(e) {
   "exposures",
   "instanceContributions"
 ];
-function tr(e, t) {
+function nr(e, t) {
   let n = e;
   if (typeof e == "string") try {
     n = JSON.parse(e);
@@ -3825,10 +3846,10 @@ function tr(e, t) {
     problem: ke.MissingScreen
   };
 }
-function nr(e) {
+function or(e) {
   const t = e.documentText ?? e.document;
   if (t !== void 0) {
-    const n = tr(t, e.authoringTemplate);
+    const n = nr(t, e.authoringTemplate);
     return n.readable ? {
       opened: !0,
       subject: { document: n.document }
@@ -3843,14 +3864,14 @@ function nr(e) {
   };
 }
 function Ju(e) {
-  return e.authoringTemplate !== void 0 ? Pl(e.authoringTemplate, Mt(N.Stack, kl, "Template")) : Nl(Mt(N.Stack, Tl, "Screen"), e.screenTemplate);
+  return e.authoringTemplate !== void 0 ? Il(e.authoringTemplate, Mt(T.Stack, Nl, "Template")) : Pl(Mt(T.Stack, Tl, "Screen"), e.screenTemplate);
 }
-var or = ({ placement: e, children: t }) => /* @__PURE__ */ i("div", {
+var ar = ({ placement: e, children: t }) => /* @__PURE__ */ i("div", {
   className: "studio-screen-editor-palette-host",
   "data-placement": e,
   "data-cratis-part": "screen-editor-palette",
-  children: /* @__PURE__ */ i(Xr, { children: t })
-}), ar = ({ strings: e, onClose: t, children: n }) => /* @__PURE__ */ i($t, {
+  children: /* @__PURE__ */ i(ei, { children: t })
+}), rr = ({ strings: e, onClose: t, children: n }) => /* @__PURE__ */ i($t, {
   fallback: /* @__PURE__ */ h("div", {
     className: "studio-screen-editor-unreadable",
     role: "alertdialog",
@@ -3866,7 +3887,7 @@ var or = ({ placement: e, children: t }) => /* @__PURE__ */ i("div", {
     ]
   }),
   children: n
-}), rr = ({ problem: e, strings: t, onClose: n }) => /* @__PURE__ */ h("div", {
+}), ir = ({ problem: e, strings: t, onClose: n }) => /* @__PURE__ */ h("div", {
   className: "studio-screen-editor-unreadable",
   role: "alertdialog",
   "aria-label": t.unreadable.title,
@@ -3880,7 +3901,7 @@ var or = ({ placement: e, children: t }) => /* @__PURE__ */ i("div", {
       children: t.unreadable.close
     }) })
   ]
-}), wn = "studio.screenEditor.windowSize.v1", _o = `${wn}:last`, $o = (e) => {
+}), Cn = "studio.screenEditor.windowSize.v1", $o = `${Cn}:last`, Ao = (e) => {
   if (e !== null)
     try {
       const t = JSON.parse(e);
@@ -3891,27 +3912,27 @@ var or = ({ placement: e, children: t }) => /* @__PURE__ */ i("div", {
     } catch {
       return;
     }
-}, Nt = (e) => {
+}, Tt = (e) => {
   try {
     return e();
   } catch {
     return;
   }
-}, Ku = () => Nt(() => typeof window < "u" ? window.localStorage : void 0);
+}, Ku = () => Tt(() => typeof window < "u" ? window.localStorage : void 0);
 function Qu(e = Ku()) {
   return {
-    read: (t) => e ? $o(Nt(() => e.getItem(`${wn}:${t}`)) ?? null) : void 0,
+    read: (t) => e ? Ao(Tt(() => e.getItem(`${Cn}:${t}`)) ?? null) : void 0,
     write: (t, n) => {
       if (!e) return;
       const o = JSON.stringify({
         width: Math.round(n.width),
         height: Math.round(n.height)
       });
-      Nt(() => {
-        e.setItem(`${wn}:${t}`, o), e.setItem(_o, o);
+      Tt(() => {
+        e.setItem(`${Cn}:${t}`, o), e.setItem($o, o);
       });
     },
-    readLastUsed: () => e ? $o(Nt(() => e.getItem(_o)) ?? null) : void 0
+    readLastUsed: () => e ? Ao(Tt(() => e.getItem($o)) ?? null) : void 0
   };
 }
 var Me = /* @__PURE__ */ (function(e) {
@@ -3926,27 +3947,27 @@ var Me = /* @__PURE__ */ (function(e) {
     height: 844
   }
 };
-function Jn(e, t) {
+function Kn(e, t) {
   return {
     width: Math.min(e.width, t.width),
     height: Math.min(e.height + 40, t.height)
   };
 }
-function ir(e) {
+function sr(e) {
   return {
     width: e.width,
     height: Math.max(0, e.height - 40)
   };
 }
-var Ao = {
+var Lo = {
   width: 900,
   height: 640
 }, Yu = (e) => !!e && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0;
-function sr(e) {
-  return Jn(Et[Me.Desktop], e);
+function lr(e) {
+  return Kn(Et[Me.Desktop], e);
 }
 function Zu(e) {
-  return !!e && e.width === Ao.width && e.height === Ao.height;
+  return !!e && e.width === Lo.width && e.height === Lo.height;
 }
 function Xu(e, t) {
   const n = Zu(e.saved) ? void 0 : e.saved;
@@ -3954,7 +3975,7 @@ function Xu(e, t) {
     e.remembered,
     n,
     e.lastUsed
-  ].find(Yu) ?? sr(t), t);
+  ].find(Yu) ?? lr(t), t);
 }
 function ep(e, t) {
   return {
@@ -3962,13 +3983,13 @@ function ep(e, t) {
     height: Math.round(Math.min(e.height, t.height))
   };
 }
-var lr = ({ environment: e, children: t }) => {
-  const n = /* @__PURE__ */ i(ti, {
+var cr = ({ environment: e, children: t }) => {
+  const n = /* @__PURE__ */ i(ni, {
     handler: e.fileUpload?.handler,
     allowedOrigins: e.fileUpload?.allowedOrigins,
     children: t
   });
-  return e.richText ? /* @__PURE__ */ i(ni, {
+  return e.richText ? /* @__PURE__ */ i(oi, {
     loader: e.richText,
     children: n
   }) : n;
@@ -3982,31 +4003,31 @@ var lr = ({ environment: e, children: t }) => {
 });
 function np(e, t) {
   return Object.values(Me).find((n) => {
-    const o = Jn(Et[n], t);
+    const o = Kn(Et[n], t);
     return o.width === e.width && o.height === e.height;
   });
 }
 function op(e) {
-  const t = ir(e);
-  return _r(t.width, t.height);
+  const t = sr(e);
+  return $r(t.width, t.height);
 }
 var ap = ({ windowSize: e, available: t, strings: n, onResize: o }) => {
-  const a = np(e, t), r = ir(e), s = op(e), d = (u, c, l) => /* @__PURE__ */ i(ze, {
+  const a = np(e, t), r = sr(e), s = op(e), d = (u, c, l) => /* @__PURE__ */ i(ze, {
     icon: c,
     "aria-label": l,
     "aria-pressed": a === u,
     title: l,
     variant: "ghost",
     size: "small",
-    onClick: () => o(Jn(Et[u], t))
+    onClick: () => o(Kn(Et[u], t))
   });
   return /* @__PURE__ */ h("div", {
     className: "studio-editor-viewport-controls",
     role: "group",
     "aria-label": n.sizeClass(s.width, s.height),
     children: [
-      d(Me.Desktop, /* @__PURE__ */ i(sn, { "aria-hidden": "true" }), n.desktopPreview),
-      d(Me.Mobile, /* @__PURE__ */ i(Oi, { "aria-hidden": "true" }), n.mobilePreview),
+      d(Me.Desktop, /* @__PURE__ */ i(ln, { "aria-hidden": "true" }), n.desktopPreview),
+      d(Me.Mobile, /* @__PURE__ */ i(xi, { "aria-hidden": "true" }), n.mobilePreview),
       /* @__PURE__ */ h("span", {
         className: "studio-editor-viewport-controls__size",
         role: "status",
@@ -4019,15 +4040,15 @@ var ap = ({ windowSize: e, available: t, strings: n, onResize: o }) => {
     ]
   });
 };
-function Kn(e) {
+function Qn(e) {
   return e === void 0 ? "" : e.isDark ? "cratis-theme cratis-dark" : "cratis-theme cratis-light";
 }
-function Qn(e) {
+function Yn(e) {
   if (e.appearance) return e.appearance.theme;
   const t = e.bundles.flatMap((n) => n.themes ?? []);
   return t.find((n) => n.name === e.profile.theme) ?? t[0];
 }
-var Cn = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ i("div", {
+var Sn = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ i("div", {
   className: "studio-design-placeholder",
   "data-studio-placeholder-for": e,
   "data-tone": t,
@@ -4037,7 +4058,7 @@ var Cn = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ i("div", {
   return e.Empty = "empty", e.Failed = "failed", e.Declaration = "declaration", e;
 })({}), te = /* @__PURE__ */ (function(e) {
   return e.Window = "window", e.Toast = "toast", e.Tooltip = "tooltip", e.Mask = "mask", e.Busy = "busy", e;
-})({}), cr = {
+})({}), dr = {
   dialog: te.Window,
   confirmDialog: te.Window,
   confirmationDialog: te.Window,
@@ -4133,7 +4154,7 @@ function rp({ kind: e, tag: t, element: n, slots: o, message: a }) {
     }), u()]
   });
 }
-var tn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200"><rect width="320" height="200" fill="hsl(${e} 40% 40%)"/></svg>`)}`, Lo = [{
+var nn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200"><rect width="320" height="200" fill="hsl(${e} 40% 40%)"/></svg>`)}`, Eo = [{
   label: "Documents",
   children: ["Work", "Home"]
 }], ip = [
@@ -4151,7 +4172,7 @@ var tn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http:
   "Draft",
   "In review",
   "Published"
-], nn = {
+], on = {
   text: { text: "Text" },
   title: {
     text: "Title",
@@ -4264,7 +4285,7 @@ var tn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http:
   colorPicker: { value: "#6366f1" },
   chips: { value: ["one", "two"] },
   autoComplete: { options: Ue },
-  treeSelect: { options: Lo },
+  treeSelect: { options: Eo },
   editor: { value: "<p>Rich <strong>text</strong></p>" },
   fileUpload: {},
   splitButton: {
@@ -4295,7 +4316,7 @@ var tn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http:
     inline: !0,
     scrollHeight: 96
   },
-  tree: { nodes: Lo },
+  tree: { nodes: Eo },
   treeTable: {
     columns: [{
       field: "name",
@@ -4459,17 +4480,17 @@ var tn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http:
   },
   blockUI: { blocked: !0 },
   image: {
-    src: tn(220),
+    src: nn(220),
     alt: "Image",
     width: "200"
   },
   galleria: {
     maxWidth: 320,
     items: [{
-      src: tn(220),
+      src: nn(220),
       alt: "One"
     }, {
-      src: tn(10),
+      src: nn(10),
       alt: "Two"
     }]
   },
@@ -4617,27 +4638,27 @@ var tn = (e) => `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http:
   footer: { text: "Footer" },
   topbar: { title: "Application" },
   userMenu: { name: "User" }
-}, dr = /* @__PURE__ */ new Set([
+}, ur = /* @__PURE__ */ new Set([
   "data",
   "navigate",
   "errorBoundary",
   "toolbarSeparator"
-]), _t = (e) => e.slice(e.lastIndexOf(":") + 1), Yn = (e, t) => nn[e] ?? nn[t] ?? nn[_t(t)];
-function ur(e, t, n) {
-  const o = Yn(e, t), a = n ?? {};
+]), _t = (e) => e.slice(e.lastIndexOf(":") + 1), Zn = (e, t) => on[e] ?? on[t] ?? on[_t(t)];
+function pr(e, t, n) {
+  const o = Zn(e, t), a = n ?? {};
   if (!o) return { ...a };
   const r = { ...o };
   for (const [s, d] of Object.entries(a)) d !== void 0 && (r[s] = d);
   return r;
 }
 function sp(e, t, n) {
-  const o = Yn(e, t);
+  const o = Zn(e, t);
   return o ? Object.keys(o).filter((a) => n?.[a] === void 0) : [];
 }
 var lp = (e) => {
   const { width: t, height: n } = e.getBoundingClientRect();
   return t > 0 && n > 0;
-}, Sn = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => lp(t) || getComputedStyle(t).display === "contents" && Sn(t)), cp = 150;
+}, kn = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => lp(t) || getComputedStyle(t).display === "contents" && kn(t)), cp = 150;
 function dp(e, t) {
   const [n, o] = A(!0), a = Z(!0);
   return tt(() => {
@@ -4648,7 +4669,7 @@ function dp(e, t) {
     };
     let d;
     const u = () => {
-      clearTimeout(d), Sn(r) ? s(!0) : d = setTimeout(() => s(Sn(r)), cp);
+      clearTimeout(d), kn(r) ? s(!0) : d = setTimeout(() => s(kn(r)), cp);
     }, c = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(u), l = () => {
       c?.disconnect(), Array.from(r.children).forEach((g) => c?.observe(g));
     }, m = new MutationObserver(() => {
@@ -4667,8 +4688,8 @@ function mp(e, t, n, o) {
   const a = (r) => {
     const s = Z(null), d = $(() => ({
       ...r.element,
-      properties: ur(e, r.element.componentName, r.element.properties)
-    }), [r.element]), u = $(() => sp(e, r.element.componentName, r.element.properties), [r.element]), c = dr.has(_t(r.element.componentName)), l = cr[_t(r.element.componentName)], [m, g] = A(), b = dp(s, r.element), f = up(r), p = pp(r.element, m !== void 0);
+      properties: pr(e, r.element.componentName, r.element.properties)
+    }), [r.element]), u = $(() => sp(e, r.element.componentName, r.element.properties), [r.element]), c = ur.has(_t(r.element.componentName)), l = dr[_t(r.element.componentName)], [m, g] = A(), b = dp(s, r.element), f = up(r), p = pp(r.element, m !== void 0);
     return /* @__PURE__ */ h("span", {
       ref: s,
       "data-studio-element": r.element.id,
@@ -4677,7 +4698,7 @@ function mp(e, t, n, o) {
       title: u.length > 0 ? n.sampleContent(u) : void 0,
       children: [/* @__PURE__ */ i($t, {
         onError: (v) => g(v instanceof Error ? v.message : String(v)),
-        fallback: /* @__PURE__ */ i(Cn, {
+        fallback: /* @__PURE__ */ i(Sn, {
           elementId: r.element.id,
           tone: Pt.Failed,
           text: n.failedToDraw(f, m ?? "")
@@ -4692,7 +4713,7 @@ function mp(e, t, n, o) {
           ...r,
           element: d
         })
-      }, p), !b && /* @__PURE__ */ i(Cn, {
+      }, p), !b && /* @__PURE__ */ i(Sn, {
         elementId: r.element.id,
         tone: c ? Pt.Declaration : Pt.Empty,
         text: c ? n.declaration(f) : n.nothingToShow(f)
@@ -4711,7 +4732,7 @@ function hp(e, t) {
 var fp = (e) => ({ element: t }) => It("span", {
   "data-studio-element": t.id,
   style: { display: "contents" }
-}, It(Cn, {
+}, It(Sn, {
   elementId: t.id,
   tone: Pt.Failed,
   text: e.unavailable(t.name || t.componentName)
@@ -4751,7 +4772,7 @@ var xe = /* @__PURE__ */ (function(e) {
 })({}), vt = ({ width: e, height: t }) => e * t, bp = (e, t, n) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height, yp = (e, t, n, o) => {
   const a = Math.min(o, e.width / 4), r = Math.min(o, e.height / 4);
   return t - e.left < a || e.left + e.width - t < a || n - e.top < r || e.top + e.height - n < r;
-}, Eo = ({ region: e, rect: t }, n, o) => e.axis === xe.Vertical ? Math.abs(n - (t.left + t.width / 2)) : Math.abs(o - (t.top + t.height / 2));
+}, Bo = ({ region: e, rect: t }, n, o) => e.axis === xe.Vertical ? Math.abs(n - (t.left + t.width / 2)) : Math.abs(o - (t.top + t.height / 2));
 function wp(e, t, n, o = 6) {
   const a = e.filter((c) => c.region.kind === fe.Container);
   if (a.length === 0) return;
@@ -4763,7 +4784,7 @@ function wp(e, t, n, o = 6) {
     target: d,
     container: d.rect
   } : {
-    target: u.reduce((c, l) => Eo(l, t, n) < Eo(c, t, n) ? l : c),
+    target: u.reduce((c, l) => Bo(l, t, n) < Bo(c, t, n) ? l : c),
     container: d.rect
   };
 }
@@ -4800,7 +4821,7 @@ function kp(e, t, n) {
   }, p = (C) => {
     const M = e.current.getBoundingClientRect(), D = wp(t(), C.clientX - M.left, C.clientY - M.top), W = C.target.closest("[data-scene-id], [data-studio-element]"), S = W?.dataset.sceneId ?? W?.dataset.studioElement, I = !!S && n.ownershipOf(S) !== Q.Local;
     if (!D || I) return { denied: !0 };
-    if (yn(C)) {
+    if (wn(C)) {
       const L = b(D), G = L ? n.validateMove(L) : J.NodeNotFound;
       if (G && G !== J.NoChange) return { denied: !0 };
     }
@@ -4827,7 +4848,7 @@ function kp(e, t, n) {
       onDragOver: (C) => {
         if (!ft(C) || (C.preventDefault(), m.current)) return;
         const M = p(C);
-        C.dataTransfer.dropEffect = M.denied ? "none" : yn(C) ? "move" : "copy", a((D) => Sp(D, M) ? D : M);
+        C.dataTransfer.dropEffect = M.denied ? "none" : wn(C) ? "move" : "copy", a((D) => Sp(D, M) ? D : M);
       },
       onDragLeave: (C) => {
         ft(C) && (u.current = Math.max(0, u.current - 1), u.current === 0 && a(void 0));
@@ -4842,20 +4863,20 @@ function kp(e, t, n) {
         }
         if (!D) return;
         const { region: G } = W.target, y = G.containerId ?? void 0, F = G.kind === fe.Container ? void 0 : G.index, Y = v(C, W);
-        D.kind === "layout" ? n.insertLayout(D.item, y, F, Y) : n.insertComponent(Hn(D.componentName, D.package), y, F, Y);
+        D.kind === "layout" ? n.insertLayout(D.item, y, F, Y) : n.insertComponent(Jn(D.componentName, D.package), y, F, Y);
       }
     }
   };
 }
-var Tp = (e) => e.width > 0 && e.height > 0;
-function pr(e) {
+var Np = (e) => e.width > 0 && e.height > 0;
+function mr(e) {
   const t = e.getBoundingClientRect();
-  return Tp(t) ? [t] : Array.from(e.children).flatMap(pr);
+  return Np(t) ? [t] : Array.from(e.children).flatMap(mr);
 }
-function kn(e, t, n) {
+function Nn(e, t, n) {
   const o = CSS.escape(t), a = [...Array.from(e.querySelectorAll(`[data-studio-element="${o}"]`)), ...Array.from(e.querySelectorAll(`[data-scene-id="${o}"]`))];
   for (const r of a) {
-    const s = pr(r);
+    const s = mr(r);
     if (s.length === 0) continue;
     const d = Math.min(...s.map((m) => m.left)), u = Math.min(...s.map((m) => m.top)), c = Math.max(...s.map((m) => m.right)), l = Math.max(...s.map((m) => m.bottom));
     return {
@@ -4867,7 +4888,7 @@ function kn(e, t, n) {
   }
 }
 var je = 3;
-function Np(e, t, n) {
+function Tp(e, t, n) {
   const o = e.containerId === null ? t : n(e.containerId);
   if (!o) return;
   if (e.kind === fe.Container) return o;
@@ -4888,19 +4909,19 @@ function Np(e, t, n) {
     height: o.height
   };
 }
-var mr = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Pp = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && mr(n.rect, t[o].rect)), Ip = mr;
+var hr = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Pp = (e, t) => e.length === t.length && e.every((n, o) => n.region.id === t[o].region.id && hr(n.rect, t[o].rect)), Ip = hr;
 function Rp(e, t, n) {
   const [o, a] = A([]), [r, s] = A(), d = Z([]), u = B(() => {
     const l = e.current;
     if (!l) return [];
-    const m = l.getBoundingClientRect(), g = (f) => kn(l, f, m), b = {
+    const m = l.getBoundingClientRect(), g = (f) => Nn(l, f, m), b = {
       left: 0,
       top: 0,
       width: m.width,
       height: m.height
     };
     return t.flatMap((f) => {
-      const p = Np(f, b, g);
+      const p = Tp(f, b, g);
       return p ? [{
         region: f,
         rect: p
@@ -4911,7 +4932,7 @@ function Rp(e, t, n) {
     if (!l) return;
     const m = u();
     d.current = m, a((b) => Pp(b, m) ? b : m);
-    const g = n ? kn(l, n, l.getBoundingClientRect()) : void 0;
+    const g = n ? Nn(l, n, l.getBoundingClientRect()) : void 0;
     s((b) => Ip(b, g) ? b : g);
   }, [
     e,
@@ -4946,7 +4967,7 @@ function Rp(e, t, n) {
     measureNow: u
   };
 }
-var Bo = [
+var Uo = [
   "pointerdown",
   "pointerup",
   "mousedown",
@@ -4955,7 +4976,7 @@ var Bo = [
   "dblclick"
 ], Dp = "[data-scene-id], [data-studio-element], [data-studio-placeholder-for]";
 function Op(e, t, n = 0) {
-  const o = Un(t);
+  const o = jn(t);
   return {
     select: e === "pointerdown" && n === 0 || e === "click",
     swallow: !o,
@@ -4975,11 +4996,11 @@ function Fp(e, t) {
       const s = r.target;
       if (s?.closest?.(".studio-screen-surface__chrome")) return;
       const d = Op(r.type, s, r.button);
-      d.select && (Un(s) || o.focus({ preventScroll: !0 }), n.current(xp(s))), d.cancelDefault && r.preventDefault(), d.swallow && r.stopPropagation();
+      d.select && (jn(s) || o.focus({ preventScroll: !0 }), n.current(xp(s))), d.cancelDefault && r.preventDefault(), d.swallow && r.stopPropagation();
     };
-    for (const r of Bo) o.addEventListener(r, a, !0);
+    for (const r of Uo) o.addEventListener(r, a, !0);
     return () => {
-      for (const r of Bo) o.removeEventListener(r, a, !0);
+      for (const r of Uo) o.removeEventListener(r, a, !0);
     };
   }, [e]);
 }
@@ -4993,7 +5014,7 @@ var Mp = () => {
     return j(y.clientHeight), F.observe(y), () => F.disconnect();
   }, [r]);
   const _ = (y) => {
-    !Ia(y) || !e.selectedId || !e.canRemove(e.selectedId) || (y.preventDefault(), e.remove(e.selectedId));
+    !Ra(y) || !e.selectedId || !e.canRemove(e.selectedId) || (y.preventDefault(), e.remove(e.selectedId));
   }, q = !!e.selectedId && e.ownershipOf(e.selectedId) === Q.Local && e.canRemove(e.selectedId), C = e.selection && (e.selection.name || e.selection.componentName) || "";
   Fp(s, (y) => e.select(y));
   const { setMeasurer: M } = e;
@@ -5007,23 +5028,23 @@ var Mp = () => {
       width: ne.width,
       height: ne.height
     };
-    const Ne = kn(F, y, Y);
-    return Ne && {
-      left: Ne.left,
-      top: Ne.top,
-      width: Ne.width,
-      height: Ne.height
+    const Te = Nn(F, y, Y);
+    return Te && {
+      left: Te.left,
+      top: Te.top,
+      width: Te.width,
+      height: Te.height
     };
   }), () => M(void 0)), [M]);
-  const D = $(() => ya(d.element, t.runtime.profile, t.runtime.packages), [
+  const D = $(() => wa(d.element, t.runtime.profile, t.runtime.packages), [
     d,
     t.runtime.profile,
     t.runtime.packages
-  ]), W = $(() => hp(t.runtime.registry, a), [t.runtime.registry, a]), S = $(() => Qn(t.runtime), [t.runtime]), I = $(() => /* @__PURE__ */ i(ta, {
+  ]), W = $(() => hp(t.runtime.registry, a), [t.runtime.registry, a]), S = $(() => Yn(t.runtime), [t.runtime]), I = $(() => /* @__PURE__ */ i(na, {
     registry: t.runtime.iconAdapters,
-    children: /* @__PURE__ */ i(va, {
+    children: /* @__PURE__ */ i(ba, {
       storage: null,
-      children: /* @__PURE__ */ i(na, {
+      children: /* @__PURE__ */ i(oa, {
         element: D,
         registry: W,
         resolveBinding: n,
@@ -5040,9 +5061,9 @@ var Mp = () => {
     ...L === void 0 ? {} : { "--studio-surface-viewport-height": `${L}px` },
     "--studio-empty-container-label": JSON.stringify(a.emptyContainer)
   };
-  return /* @__PURE__ */ i(oa, {
+  return /* @__PURE__ */ i(aa, {
     theme: S,
-    className: `studio-profile-theme studio-screen-surface-theme ${Kn(S)}`,
+    className: `studio-profile-theme studio-screen-surface-theme ${Qn(S)}`,
     children: /* @__PURE__ */ h("div", {
       ref: s,
       className: "studio-screen-surface",
@@ -5072,7 +5093,7 @@ var Mp = () => {
               f(e.selectedId), Lu(y, e.selectedId, C);
             },
             onDragEnd: p,
-            children: /* @__PURE__ */ i(Si, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ i(ki, { "aria-hidden": "true" })
           }),
           g && /* @__PURE__ */ i(gp, {
             feedback: g,
@@ -5088,7 +5109,7 @@ var Mp = () => {
       })]
     })
   });
-}, Uo = 40, hr = ({ controller: e, environment: t, strings: n, window: o, deviceFrame: a = !1, saveFailure: r, onSave: s, isSaving: d = !1 }) => {
+}, jo = 40, fr = ({ controller: e, environment: t, strings: n, window: o, deviceFrame: a = !1, saveFailure: r, onSave: s, isSaving: d = !1 }) => {
   const u = !!e.selectedId && e.canRemove(e.selectedId), c = /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ i("span", {
       className: "studio-screen-editor-window__state",
@@ -5103,7 +5124,7 @@ var Mp = () => {
       onResize: o.setSize
     }),
     s && /* @__PURE__ */ i(ze, {
-      icon: /* @__PURE__ */ i(Ei, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ i(Bi, { "aria-hidden": "true" }),
       "aria-label": n.save,
       title: n.save,
       variant: "ghost",
@@ -5112,7 +5133,7 @@ var Mp = () => {
       onClick: s
     }),
     /* @__PURE__ */ i(ze, {
-      icon: /* @__PURE__ */ i(Gi, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ i(Hi, { "aria-hidden": "true" }),
       "aria-label": n.undo,
       title: n.undo,
       variant: "ghost",
@@ -5121,7 +5142,7 @@ var Mp = () => {
       onClick: e.undo
     }),
     /* @__PURE__ */ i(ze, {
-      icon: /* @__PURE__ */ i(Ai, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ i(Li, { "aria-hidden": "true" }),
       "aria-label": n.redo,
       title: n.redo,
       variant: "ghost",
@@ -5130,7 +5151,7 @@ var Mp = () => {
       onClick: e.redo
     }),
     /* @__PURE__ */ i(ze, {
-      icon: /* @__PURE__ */ i(zi, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ i(Gi, { "aria-hidden": "true" }),
       "aria-label": n.deleteElement,
       title: n.deleteElement,
       variant: "ghost",
@@ -5139,7 +5160,7 @@ var Mp = () => {
       onClick: () => e.selectedId && e.remove(e.selectedId)
     }),
     /* @__PURE__ */ i(ze, {
-      icon: /* @__PURE__ */ i(cn, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ i(dn, { "aria-hidden": "true" }),
       "aria-label": o.isInspectorOpen ? n.closeInspector : n.openInspector,
       "aria-pressed": o.isInspectorOpen,
       title: o.isInspectorOpen ? n.closeInspector : n.openInspector,
@@ -5170,7 +5191,7 @@ var Mp = () => {
           className: a ? "studio-screen-editor-window__viewport studio-screen-editor-window__device" : "studio-screen-editor-window__viewport",
           style: a ? {
             width: o.size.width,
-            minHeight: o.size.height - Uo
+            minHeight: o.size.height - jo
           } : void 0,
           children: /* @__PURE__ */ i(_p, {
             controller: e,
@@ -5178,7 +5199,7 @@ var Mp = () => {
             resolveBinding: () => {
             },
             strings: n.surface,
-            viewportHeight: a ? o.size.height - Uo : void 0
+            viewportHeight: a ? o.size.height - jo : void 0
           })
         })
       })
@@ -5210,26 +5231,26 @@ function Ap(e, t, n, o) {
 }
 function Lp(e, t, n, o = {}, a = {}) {
   return {
-    ...er(e, t),
+    ...tr(e, t),
     componentName: n,
     properties: o,
     slots: a
   };
 }
-var on = 16;
-function fr(e) {
+var an = 16;
+function gr(e) {
   if (e.length === 0) return {
-    left: on,
-    top: on
+    left: an,
+    top: an
   };
   let t = 0;
   const n = e.map((o) => o.bottom !== void 0 ? o.bottom : o.placement ? o.placement.top + (o.height ?? 40) : (t += o.height ?? 40, t));
   return {
-    left: on,
+    left: an,
     top: Math.max(...n) + 16
   };
 }
-function gr(e, t) {
+function vr(e, t) {
   const n = e.properties ?? {};
   return {
     ...e,
@@ -5240,7 +5261,7 @@ function gr(e, t) {
     }
   };
 }
-function vr(e) {
+function br(e) {
   const t = e.properties ?? {}, n = t[_e], o = t[$e];
   return typeof n == "number" && typeof o == "number" ? {
     left: n,
@@ -5263,7 +5284,7 @@ function Bp(e) {
       index: e.index
     };
 }
-function br(e, t, n) {
+function yr(e, t, n) {
   return {
     kind: X.InsertNode,
     target: ie(e),
@@ -5277,10 +5298,10 @@ function Up(e) {
     nodeId: ie(e)
   };
 }
-var yr = (e, t) => (e?.children ?? []).map((n) => {
+var wr = (e, t) => (e?.children ?? []).map((n) => {
   const o = t?.(n.id, e.id);
   return {
-    placement: vr(n),
+    placement: br(n),
     height: o?.height,
     bottom: o?.bottom
   };
@@ -5290,11 +5311,11 @@ function jp(e, t, n, o) {
   if (!a || t.targetParentId === null) return;
   const r = At(e, t.nodeId), s = Ye(e, t.targetParentId), d = !!r && Fe(r), u = !!s && Fe(s);
   if (!d && !u) return;
-  const c = d && u && r.id === t.targetParentId, l = c ? r.children.findIndex((g) => g.id === t.nodeId) : t.index, m = u ? gr(a, n ?? (c ? vr(a) : void 0) ?? fr(yr(s, o))) : Ep(a);
+  const c = d && u && r.id === t.targetParentId, l = c ? r.children.findIndex((g) => g.id === t.nodeId) : t.index, m = u ? vr(a, n ?? (c ? br(a) : void 0) ?? gr(wr(s, o))) : Ep(a);
   return [{
     kind: X.RemoveNode,
     nodeId: ie(t.nodeId)
-  }, br(t.targetParentId, l, m)];
+  }, yr(t.targetParentId, l, m)];
 }
 function Vp(e) {
   switch (e) {
@@ -5310,7 +5331,7 @@ function Vp(e) {
       return xe.None;
   }
 }
-function jo(e, t, n, o) {
+function Vo(e, t, n, o) {
   const a = e ?? "screen", r = Vp(n), s = {
     id: `${a}:container`,
     kind: fe.Container,
@@ -5334,9 +5355,9 @@ function qp(e, t, n) {
   const o = (a) => a.flatMap((r) => {
     if (!n.acceptsChildren(r)) return [];
     const s = n.childrenOf(r);
-    return [...lt(n.ownershipOf(r), Te.Insert) ? jo(n.idOf(r), s, n.arrangementOf(r), n) : [], ...o(s)];
+    return [...lt(n.ownershipOf(r), Ne.Insert) ? Vo(n.idOf(r), s, n.arrangementOf(r), n) : [], ...o(s)];
   });
-  return [...jo(null, e, t, n), ...o(e)];
+  return [...Vo(null, e, t, n), ...o(e)];
 }
 var Wp = class {
   latest;
@@ -5362,7 +5383,7 @@ function zp(e) {
   };
 }
 function Gp(e, t, n, o) {
-  const a = Dn(e.document, t, n);
+  const a = On(e.document, t, n);
   return a.applied ? {
     ...e,
     document: a.model,
@@ -5395,7 +5416,7 @@ function Hp(e, t, n, o) {
   let a = e.document;
   const r = [];
   for (const s of t) {
-    const d = Dn(a, s, n);
+    const d = On(a, s, n);
     if (r.push(...d.diagnostics), !d.applied) return {
       ...e,
       diagnostics: r
@@ -5450,7 +5471,7 @@ function Zp(e) {
     isDirty: !1
   };
 }
-function Vo(e, t, n) {
+function qo(e, t, n) {
   const o = globalThis.structuredClone(e);
   for (const a of [o.screenTemplates, o.dialogTemplates]) for (const r of a) for (const s of Object.values(r.content ?? {})) it(s, t, n);
   for (const a of o.screens) {
@@ -5468,17 +5489,17 @@ function it(e, t, n) {
 }
 var Tn = (e) => e.id, Xp = (e) => e.name || Tn(e), em = (e) => {
   switch (e) {
-    case N.Stack:
+    case T.Stack:
       return V.Column;
-    case N.Row:
+    case T.Row:
       return V.Row;
-    case N.Grid:
+    case T.Grid:
       return V.Grid;
-    case N.Wrap:
+    case T.Wrap:
       return V.Wrap;
-    case N.Canvas:
+    case T.Canvas:
       return V.Freeform;
-    case N.Container:
+    case T.Container:
       return V.Grouping;
     case void 0:
       return;
@@ -5498,24 +5519,24 @@ function tm(e) {
     } : t,
     acceptsChildren: (t) => nt(t),
     ownershipOf: (t) => e(Tn(t)) ?? Q.Local,
-    arrangementOf: (t) => nt(t) ? em(Na(t)) : void 0
+    arrangementOf: (t) => nt(t) ? em(Pa(t)) : void 0
   };
 }
 function nm(e) {
-  return e ? Fe(e) ? V.Freeform : Fn(e) ? V.Grid : Mn(e) ? e.orientation === Qe.Horizontal ? V.Row : V.Column : V.Column : V.Column;
+  return e ? Fe(e) ? V.Freeform : Mn(e) ? V.Grid : _n(e) ? e.orientation === Qe.Horizontal ? V.Row : V.Column : V.Column : V.Column;
 }
 var om = (e, t) => Math.max(0, Math.min(e, t));
-function qo(e, t, n) {
+function Wo(e, t, n) {
   const o = he(e, t.nodeId, n);
   if (!o) return J.NodeNotFound;
-  if (!lt(n.ownershipOf(o.node), Te.Move)) return J.NodeLocked;
+  if (!lt(n.ownershipOf(o.node), Ne.Move)) return J.NodeLocked;
   let a = e;
   if (t.targetParentId !== null) {
     const r = he(e, t.targetParentId, n);
     if (!r) return J.TargetNotFound;
-    if (Ra(o.node, t.targetParentId, n)) return J.WouldCreateCycle;
+    if (Da(o.node, t.targetParentId, n)) return J.WouldCreateCycle;
     if (!n.acceptsChildren(r.node)) return J.TargetNotContainer;
-    if (!lt(n.ownershipOf(r.node), Te.Insert)) return J.TargetLocked;
+    if (!lt(n.ownershipOf(r.node), Ne.Insert)) return J.TargetLocked;
     a = n.childrenOf(r.node);
   }
   if ((o.parent === null ? null : n.idOf(o.parent)) === t.targetParentId) {
@@ -5524,24 +5545,24 @@ function qo(e, t, n) {
   }
 }
 var am = "composition";
-function Nn(e, t) {
-  const n = e.screens.find((s) => s.name === ge), o = t !== void 0 ? un(t, !0) : un(void 0), a = ea(e, o).levels.filter((s) => s.kind === Dr.ScreenTemplate).map((s) => s.owner), r = [];
+function Pn(e, t) {
+  const n = e.screens.find((s) => s.name === ge), o = t !== void 0 ? pn(t, !0) : pn(void 0), a = ta(e, o).levels.filter((s) => s.kind === Or.ScreenTemplate).map((s) => s.owner), r = [];
   for (const s of a) {
     const d = e.screenTemplates.find((u) => u.name === s);
     if (d)
       for (const u of d.slots) r.push(...d.content?.[u.name] ?? []);
   }
   return (t === void 0 || o.kind === Rt.Screen) && r.push(...n?.slotContent.content ?? []), {
-    element: Mt(N.Stack, am, "Composition", r),
+    element: Mt(T.Stack, am, "Composition", r),
     roots: r,
     templates: a
   };
 }
 function rm(e) {
   switch (e) {
-    case eo.Inherited:
+    case to.Inherited:
       return Q.Inherited;
-    case eo.ConfigurableInherited:
+    case to.ConfigurableInherited:
       return Q.ConfigurableInherited;
     default:
       return Q.Local;
@@ -5549,13 +5570,13 @@ function rm(e) {
 }
 function im(e, t, n) {
   const o = /* @__PURE__ */ new Map();
-  for (const a of Bn(t)) {
-    const r = xn(e, ie(a), n);
+  for (const a of Un(t)) {
+    const r = Fn(e, ie(a), n);
     o.set(a, r ? rm(r.provenance.kind) : Q.Inherited);
   }
   return (a) => o.get(a) ?? Q.Local;
 }
-var Wo = () => globalThis.crypto.randomUUID();
+var zo = () => globalThis.crypto.randomUUID();
 function sm(e) {
   const [t, n] = A({
     catalog: e,
@@ -5575,93 +5596,93 @@ function sm(e) {
   }, [e]), t.catalog === e ? t.times : 0;
 }
 var lm = (e, t) => At(e, t)?.id;
-function wr(e, t, n) {
+function Cr(e, t, n) {
   const [o, a] = A(() => zp(e.document)), r = Z(void 0);
   r.current ??= new Wp(o, a);
-  const s = B((T) => r.current.commit(T), []), [d, u] = A(), c = Z(void 0), l = B((T, O) => {
-    const P = c.current?.(T), R = c.current?.(O);
+  const s = B((N) => r.current.commit(N), []), [d, u] = A(), c = Z(void 0), l = B((N, O) => {
+    const P = c.current?.(N), R = c.current?.(O);
     return P && R ? {
       height: P.height,
       bottom: P.top + P.height - R.top
     } : void 0;
-  }, []), m = B((T) => {
-    c.current = T;
+  }, []), m = B((N) => {
+    c.current = N;
   }, []), g = sm(n.runtime.icons), b = $(() => ({
     catalog: n.runtime.catalog,
-    scope: un(t, t !== void 0),
+    scope: pn(t, t !== void 0),
     queryCandidates: [...n.queryCandidates],
     iconCatalog: n.runtime.icons
   }), [
     n,
     t,
     g
-  ]), f = $(() => Nn(o.document, t), [o.document, t]), p = $(() => im(o.document, f.roots, b), [
+  ]), f = $(() => Pn(o.document, t), [o.document, t]), p = $(() => im(o.document, f.roots, b), [
     o.document,
     f,
     b
-  ]), v = $(() => tm(p), [p]), k = ot(o.document, t), j = $(() => qp(f.roots, nm(k), v).filter((T) => T.containerId !== null), [
+  ]), v = $(() => tm(p), [p]), k = ot(o.document, t), j = $(() => qp(f.roots, nm(k), v).filter((N) => N.containerId !== null), [
     f,
     k,
     v
-  ]), _ = d ? Ye(f.roots, d) : void 0, q = $(() => d ? xn(o.document, ie(d), b) : void 0, [
+  ]), _ = d ? Ye(f.roots, d) : void 0, q = $(() => d ? Fn(o.document, ie(d), b) : void 0, [
     o.document,
     d,
     b
-  ]), C = B((T, O) => {
-    const P = r.current.current, R = s((H) => Gp(H, T, b, O));
+  ]), C = B((N, O) => {
+    const P = r.current.current, R = s((H) => Gp(H, N, b, O));
     return {
       applied: R.undoable.length > P.undoable.length || R.document !== P.document,
       diagnostics: R.diagnostics
     };
-  }, [s, b]), M = B((T, O) => {
-    C(T, O);
-  }, [C]), D = B((T, O) => {
-    const P = r.current.current, R = s((H) => Hp(H, T, b, O));
+  }, [s, b]), M = B((N, O) => {
+    C(N, O);
+  }, [C]), D = B((N, O) => {
+    const P = r.current.current, R = s((H) => Hp(H, N, b, O));
     return {
       applied: R.document !== P.document,
       diagnostics: R.diagnostics
     };
-  }, [s, b]), W = B((T, O) => {
-    const P = T ?? k?.id, R = P ? Ye(f.roots, P)?.children ?? [] : [];
+  }, [s, b]), W = B((N, O) => {
+    const P = N ?? k?.id, R = P ? Ye(f.roots, P)?.children ?? [] : [];
     return {
       parent: P,
       index: O ?? R.length
     };
-  }, [k, f]), S = B((T, O, P, R, H) => {
+  }, [k, f]), S = B((N, O, P, R, H) => {
     const ee = W(O, P);
     if (!ee.parent) return;
-    const Ae = Ye(Nn(r.current.current.document, t).roots, ee.parent), ut = Ae && Fe(Ae) ? gr(T, H ?? fr(yr(Ae, l))) : T;
-    C(br(ee.parent, ee.index, ut), R).applied && u(T.id);
+    const Ae = Ye(Pn(r.current.current.document, t).roots, ee.parent), ut = Ae && Fe(Ae) ? vr(N, H ?? gr(wr(Ae, l))) : N;
+    C(yr(ee.parent, ee.index, ut), R).applied && u(N.id);
   }, [
     C,
     W,
     t,
     l
-  ]), I = B((T, O) => {
-    const P = jp(f.roots, T, O, l), R = qo(f.roots, T, v);
-    if (R && !(R === J.NoChange && P && T.targetParentId === lm(f.roots, T.nodeId))) return R;
+  ]), I = B((N, O) => {
+    const P = jp(f.roots, N, O, l), R = Wo(f.roots, N, v);
+    if (R && !(R === J.NoChange && P && N.targetParentId === lm(f.roots, N.nodeId))) return R;
     if (P) return D(P, "Move").applied ? void 0 : J.NodeLocked;
-    const H = Bp(T);
+    const H = Bp(N);
     return H ? C(H, "Move").applied ? void 0 : J.NodeLocked : J.TargetNotContainer;
   }, [
     f,
     v,
     C,
     D
-  ]), L = B((T, O) => {
+  ]), L = B((N, O) => {
     s((P) => {
       const R = P.document.screens.map((H) => H.name === "Screen" ? {
         ...H,
-        forms: T
+        forms: N
       } : H);
       return Ie(P, {
         ...P.document,
         screens: R
       }, O);
     });
-  }, [s]), G = B((T, O, P) => {
+  }, [s]), G = B((N, O, P) => {
     s((R) => {
-      const H = R.document.screenTemplates.map((ee) => ee.name === T ? {
+      const H = R.document.screenTemplates.map((ee) => ee.name === N ? {
         ...ee,
         outlets: O
       } : ee);
@@ -5670,10 +5691,10 @@ function wr(e, t, n) {
         screenTemplates: H
       }, P);
     });
-  }, [s]), y = B((T, O, P) => {
+  }, [s]), y = B((N, O, P) => {
     s((R) => {
       const H = R.document.screenTemplates.map((ee) => {
-        if (ee.name !== T) return ee;
+        if (ee.name !== N) return ee;
         const { metadata: Ae, ...ut } = ee;
         return O ? {
           ...ut,
@@ -5685,18 +5706,18 @@ function wr(e, t, n) {
         screenTemplates: H
       }, P);
     });
-  }, [s]), F = B((T, O) => {
+  }, [s]), F = B((N, O) => {
     s((P) => Ie(P, {
       ...P.document,
-      dialogTemplates: T
+      dialogTemplates: N
     }, O));
-  }, [s]), Y = B((T, O, P, R, H) => {
-    s((ee) => Ie(ee, Vo(ee.document, T, (Ae) => cm(Ae, O, P, R)), H));
-  }, [s]), ne = B((T, O) => {
+  }, [s]), Y = B((N, O, P, R, H) => {
+    s((ee) => Ie(ee, qo(ee.document, N, (Ae) => cm(Ae, O, P, R)), H));
+  }, [s]), ne = B((N, O) => {
     const P = n.runtime.bundles.flatMap((R) => R.screenTemplates ?? []);
-    s((R) => Ie(R, $p(R.document, T, P), O));
-  }, [s, n.runtime.bundles]), Ne = B((T, O, P) => {
-    s((R) => Ie(R, Vo(R.document, T, (H) => {
+    s((R) => Ie(R, $p(R.document, N, P), O));
+  }, [s, n.runtime.bundles]), Te = B((N, O, P) => {
+    s((R) => Ie(R, qo(R.document, N, (H) => {
       O ? H.behaviors = O : delete H.behaviors;
     }), P));
   }, [s]);
@@ -5717,22 +5738,22 @@ function wr(e, t, n) {
     tryApply: C,
     applyAll: D,
     move: I,
-    validateMove: (T) => qo(f.roots, T, v),
-    insertComponent: (T, O, P, R) => S(Lp(Wo(), T, T), O, P, "Add", R),
-    insertLayout: (T, O, P, R) => S(Mt(T, Wo(), T), O, P, "Add layout", R),
-    remove: (T) => {
-      if (!hn(f.roots, T, v)) return;
-      const O = Da(f.roots, T, v);
-      C(Up(T), "Remove").applied && u((P) => P === T || P === void 0 ? O : P);
+    validateMove: (N) => Wo(f.roots, N, v),
+    insertComponent: (N, O, P, R) => S(Lp(zo(), N, N), O, P, "Add", R),
+    insertLayout: (N, O, P, R) => S(Mt(N, zo(), N), O, P, "Add layout", R),
+    remove: (N) => {
+      if (!fn(f.roots, N, v)) return;
+      const O = Oa(f.roots, N, v);
+      C(Up(N), "Remove").applied && u((P) => P === N || P === void 0 ? O : P);
     },
-    canRemove: (T) => hn(f.roots, T, v),
-    setProperty: (T, O) => d && M(gn(d, T, O), "Change"),
+    canRemove: (N) => fn(f.roots, N, v),
+    setProperty: (N, O) => d && M(vn(d, N, O), "Change"),
     setScreenForms: L,
     setScreenTemplateOutlets: G,
     setScreenTemplateMetadata: y,
     setDialogTemplates: F,
     setCollectionItemDestination: Y,
-    setElementBehaviors: Ne,
+    setElementBehaviors: Te,
     setScreenTemplate: ne,
     markSaved: () => {
       s(Zp);
@@ -5750,10 +5771,10 @@ function wr(e, t, n) {
 }
 function cm(e, t, n, o) {
   const a = e.properties[t];
-  Array.isArray(a) && (e.properties[t] = a.map((r) => Cr(r) && r.id === n ? dm(r, o) : r));
+  Array.isArray(a) && (e.properties[t] = a.map((r) => Sr(r) && r.id === n ? dm(r, o) : r));
 }
 function dm(e, t) {
-  if (Cr(e.values)) {
+  if (Sr(e.values)) {
     const o = { ...e.values };
     return t ? o.destination = t : delete o.destination, {
       ...e,
@@ -5763,34 +5784,34 @@ function dm(e, t) {
   const n = { ...e };
   return t ? n.destination = t : delete n.destination, n;
 }
-function Cr(e) {
+function Sr(e) {
   return !!e && typeof e == "object" && !Array.isArray(e);
 }
-var zo = () => ({
+var Go = () => ({
   width: window.innerWidth - 64,
   height: window.innerHeight - 64
-}), cg = (e) => /* @__PURE__ */ i(ar, {
+}), cg = (e) => /* @__PURE__ */ i(rr, {
   strings: e.strings,
   onClose: () => e.onDismiss?.(),
   children: /* @__PURE__ */ i(um, { ...e })
 }), um = (e) => {
-  const t = $(() => nr(e.subject), [e.subject]);
+  const t = $(() => or(e.subject), [e.subject]);
   return t.opened ? /* @__PURE__ */ i(pm, {
     ...e,
     opened: t.subject
-  }, e.environment.runtime.id) : /* @__PURE__ */ i(Yo, {
+  }, e.environment.runtime.id) : /* @__PURE__ */ i(Zo, {
     sourceRect: e.sourceRect,
     initialSize: e.initialSize,
     centerOffsetX: e.centerOffsetX,
     onClosed: () => e.onDismiss?.(),
-    children: (n) => /* @__PURE__ */ i(rr, {
+    children: (n) => /* @__PURE__ */ i(ir, {
       problem: t.problem,
       strings: e.strings,
       onClose: () => n.close()
     })
   });
 }, pm = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: a, paletteSources: r, sourceRect: s, initialSize: d, rememberWindowAs: u, windowMemory: c, centerOffsetX: l, renderPaletteHost: m, onClose: g, onBeforeClose: b, opened: f }) => {
-  const p = wr(f, e.authoringTemplate, t), v = $(() => Xa(n.layoutDrawer, o, a, r, n.packageTitles), [
+  const p = Cr(f, e.authoringTemplate, t), v = $(() => er(n.layoutDrawer, o, a, r, n.packageTitles), [
     n,
     o,
     a,
@@ -5799,7 +5820,7 @@ var zo = () => ({
     remembered: u ? k.read(u) : void 0,
     saved: d,
     lastUsed: k.readLastUsed()
-  }, zo()), []), _ = B((y) => {
+  }, Go()), []), _ = B((y) => {
     u && k.write(u, y);
   }, [k, u]), q = B((y) => {
     _(y);
@@ -5808,7 +5829,7 @@ var zo = () => ({
       document: p.document,
       legacyElements: St(F, t.runtime.legacyTypeOf),
       windowSize: y,
-      layout: Tt(F),
+      layout: Nt(F),
       changed: p.isDirty
     });
   }, [
@@ -5823,7 +5844,7 @@ var zo = () => ({
       document: p.document,
       legacyElements: St(F, t.runtime.legacyTypeOf),
       windowSize: y,
-      layout: Tt(F),
+      layout: Nt(F),
       changed: p.isDirty
     }, ne = await b?.(Y);
     return M(ne), !ne;
@@ -5841,7 +5862,7 @@ var zo = () => ({
           document: p.document,
           legacyElements: St(F, t.runtime.legacyTypeOf),
           windowSize: y,
-          layout: Tt(F),
+          layout: Nt(F),
           changed: !0
         });
         M(Y), Y || p.markSaved();
@@ -5854,7 +5875,7 @@ var zo = () => ({
     t.runtime.legacyTypeOf,
     b,
     e.authoringTemplate
-  ]), L = /* @__PURE__ */ i(Ya, {
+  ]), L = /* @__PURE__ */ i(Za, {
     drawers: v,
     closeLabel: n.closeDrawer,
     onActivate: G
@@ -5862,26 +5883,26 @@ var zo = () => ({
   function G(y) {
     if (!Lt(y)) return;
     const F = p.selection && mm(p) ? p.selectedId : void 0;
-    y.kind === "layout" ? p.insertLayout(y.item, F, void 0) : p.insertComponent(Hn(y.componentName, y.package), F, void 0);
+    y.kind === "layout" ? p.insertLayout(y.item, F, void 0) : p.insertComponent(Jn(y.componentName, y.package), F, void 0);
   }
-  return /* @__PURE__ */ h(lr, {
+  return /* @__PURE__ */ h(cr, {
     environment: t,
-    children: [m ? m(L) : /* @__PURE__ */ i(or, {
+    children: [m ? m(L) : /* @__PURE__ */ i(ar, {
       placement: "floating",
       children: L
-    }), /* @__PURE__ */ i(Yo, {
+    }), /* @__PURE__ */ i(Zo, {
       sourceRect: s,
       initialSize: j,
       centerOffsetX: l,
       canClose: D,
       onClosed: q,
-      renderInspector: (y) => /* @__PURE__ */ i(Ja, {
+      renderInspector: (y) => /* @__PURE__ */ i(Ka, {
         strings: n,
         controller: p,
         environment: t,
         authoringTemplate: e.authoringTemplate,
         onClose: y.toggleInspector,
-        structure: /* @__PURE__ */ i(Fa, {
+        structure: /* @__PURE__ */ i(Ma, {
           roots: p.composition.roots,
           adapter: p.adapter,
           strings: n,
@@ -5891,13 +5912,13 @@ var zo = () => ({
           onRemove: p.remove
         })
       }),
-      children: (y) => /* @__PURE__ */ i(hr, {
+      children: (y) => /* @__PURE__ */ i(fr, {
         controller: p,
         environment: t,
         strings: n,
         window: {
           ...y,
-          available: zo()
+          available: Go()
         },
         saveFailure: C,
         onSave: b ? () => {
@@ -5928,119 +5949,119 @@ function hm(e, t) {
   }
   return n;
 }
-var qe = "p-anchored-overlay", bt = "p-collapsible", an = "p-overlay-mask", w = (e, t) => ({ props: t ? {
+var qe = "p-anchored-overlay", bt = "p-collapsible", rn = "p-overlay-mask", w = (e, t) => ({ props: t ? {
   styles: e,
   motionProps: { name: t }
 } : { styles: e } }), oe = (e) => ({ props: { motionProps: { name: e } } }), fm = {
-  "Accordion.Root": w(es, bt),
-  "AutoComplete.Root": w(ts),
+  "Accordion.Root": w(ts, bt),
+  "AutoComplete.Root": w(ns),
   "AutoComplete.Popup": oe(qe),
-  "Avatar.Root": w(ns),
-  AvatarGroup: w(os),
-  Badge: w(as),
-  "Breadcrumb.Root": w(rs),
-  Button: w(is),
-  ButtonGroup: w(ss),
-  "Card.Root": w(ls),
-  "Carousel.Root": w(cs),
-  "Checkbox.Root": w(ds),
-  CheckboxGroup: w(us),
-  "Chip.Root": w(ps),
-  "Compare.Root": w(ms),
-  "ContextMenu.Root": w(hs),
+  "Avatar.Root": w(os),
+  AvatarGroup: w(as),
+  Badge: w(rs),
+  "Breadcrumb.Root": w(is),
+  Button: w(ss),
+  ButtonGroup: w(ls),
+  "Card.Root": w(cs),
+  "Carousel.Root": w(ds),
+  "Checkbox.Root": w(us),
+  CheckboxGroup: w(ps),
+  "Chip.Root": w(ms),
+  "Compare.Root": w(hs),
+  "ContextMenu.Root": w(fs),
   "ContextMenu.Popup": oe(qe),
-  "DataTable.Root": w(fs),
-  "DataView.Root": w(gs),
-  "DatePicker.Root": w(vs),
+  "DataTable.Root": w(gs),
+  "DataView.Root": w(vs),
+  "DatePicker.Root": w(bs),
   "DatePicker.Popup": oe(qe),
-  "Dialog.Root": w(bs),
-  "Dialog.Backdrop": oe(an),
+  "Dialog.Root": w(ys),
+  "Dialog.Backdrop": oe(rn),
   "Dialog.Popup": oe("p-dialog"),
-  Divider: w(ys),
-  "Drawer.Root": w(ws),
-  "Drawer.Backdrop": oe(an),
+  Divider: w(ws),
+  "Drawer.Root": w(Cs),
+  "Drawer.Backdrop": oe(rn),
   "Drawer.Popup": oe("p-drawer"),
-  "Fieldset.Root": w(Cs, bt),
-  "FileUpload.Root": w(Ss),
-  FloatLabel: w(ks),
+  "Fieldset.Root": w(Ss, bt),
+  "FileUpload.Root": w(ks),
+  FloatLabel: w(Ns),
   Fluid: w(Ts),
-  "Gallery.Root": w(Ns),
-  "IconField.Root": w(Ps),
-  IftaLabel: w(Is),
-  "Inplace.Root": w(Rs),
-  "InputColor.Root": w(Ds),
-  "InputGroup.Root": w(Os),
-  "InputNumber.Root": w(xs),
-  "InputOtp.Root": w(Fs),
-  InputPassword: w(Gs),
-  "InputTags.Root": w(Ms),
-  InputText: w(_s),
-  "Knob.Root": w($s),
-  Label: w(As),
-  "Listbox.Root": w(Ls),
-  "Menu.Root": w(Es),
+  "Gallery.Root": w(Ps),
+  "IconField.Root": w(Is),
+  IftaLabel: w(Rs),
+  "Inplace.Root": w(Ds),
+  "InputColor.Root": w(Os),
+  "InputGroup.Root": w(xs),
+  "InputNumber.Root": w(Fs),
+  "InputOtp.Root": w(Ms),
+  InputPassword: w(Hs),
+  "InputTags.Root": w(_s),
+  InputText: w($s),
+  "Knob.Root": w(As),
+  Label: w(Ls),
+  "Listbox.Root": w(Es),
+  "Menu.Root": w(Bs),
   "Menu.Popup": oe(qe),
-  "Message.Root": w(Bs),
-  "MeterGroup.Root": w(Us),
-  NavigationMenu: w(js),
-  "OrganizationChart.Root": w(Vs),
-  OverlayBadge: w(qs),
-  "Paginator.Root": w(Ws),
-  "Panel.Root": w(zs, bt),
-  "Popover.Root": w(Hs),
+  "Message.Root": w(Us),
+  "MeterGroup.Root": w(js),
+  NavigationMenu: w(Vs),
+  "OrganizationChart.Root": w(qs),
+  OverlayBadge: w(Ws),
+  "Paginator.Root": w(zs),
+  "Panel.Root": w(Gs, bt),
+  "Popover.Root": w(Js),
   "Popover.Popup": oe(qe),
-  "ProgressBar.Root": w(Js),
-  "ProgressSpinner.Root": w(Ks),
-  "RadioButton.Root": w(Qs),
-  RadioButtonGroup: w(Ys),
-  "Rating.Root": w(Zs),
-  "ScrollArea.Root": w(Xs),
-  "Select.Root": w(el),
+  "ProgressBar.Root": w(Ks),
+  "ProgressSpinner.Root": w(Qs),
+  "RadioButton.Root": w(Ys),
+  RadioButtonGroup: w(Zs),
+  "Rating.Root": w(Xs),
+  "ScrollArea.Root": w(el),
+  "Select.Root": w(tl),
   "Select.Popup": oe(qe),
-  "Sidebar.Root": w(nl),
-  "Sidebar.Layout": w(tl),
-  "Sidebar.Backdrop": oe(an),
-  Skeleton: w(ol),
-  "Slider.Root": w(al),
-  "SpeedDial.Root": w(rl),
-  "Splitter.Root": w(il),
-  "Stepper.Root": w(sl, bt),
-  "Tabs.Root": w(ll),
-  Tag: w(cl),
-  "Terminal.Root": w(dl),
-  Textarea: w(ul),
-  "Timeline.Root": w(pl),
-  "Toast.Root": w(ml),
-  "Toaster.Root": w(hl),
-  "ToggleButton.Root": w(fl),
-  ToggleButtonGroup: w(gl),
-  "ToggleSwitch.Root": w(vl),
-  "Toolbar.Root": w(bl),
-  "Tooltip.Root": w(yl),
+  "Sidebar.Root": w(ol),
+  "Sidebar.Layout": w(nl),
+  "Sidebar.Backdrop": oe(rn),
+  Skeleton: w(al),
+  "Slider.Root": w(rl),
+  "SpeedDial.Root": w(il),
+  "Splitter.Root": w(sl),
+  "Stepper.Root": w(ll, bt),
+  "Tabs.Root": w(cl),
+  Tag: w(dl),
+  "Terminal.Root": w(ul),
+  Textarea: w(pl),
+  "Timeline.Root": w(ml),
+  "Toast.Root": w(hl),
+  "Toaster.Root": w(fl),
+  "ToggleButton.Root": w(gl),
+  ToggleButtonGroup: w(vl),
+  "ToggleSwitch.Root": w(bl),
+  "Toolbar.Root": w(yl),
+  "Tooltip.Root": w(wl),
   "Tooltip.Popup": oe("p-tooltip"),
-  "Tree.Root": w(wl)
-}, gm = oo.find((e) => e.name === "lara-light-blue") ?? oo[0], dg = ({ defaults: e, theme: t, ...n }) => {
-  const o = oi(gm);
-  return /* @__PURE__ */ i(Xi, {
+  "Tree.Root": w(Cl)
+}, gm = ao.find((e) => e.name === "lara-light-blue") ?? ao[0], dg = ({ defaults: e, theme: t, ...n }) => {
+  const o = ai(gm);
+  return /* @__PURE__ */ i(es, {
     ...n,
     theme: t ?? o?.theme,
     defaults: hm(fm, e)
   });
-}, ug = (e) => /* @__PURE__ */ i(ar, {
+}, ug = (e) => /* @__PURE__ */ i(rr, {
   strings: e.strings,
   onClose: e.onDismiss,
   children: /* @__PURE__ */ i(vm, { ...e })
 }), vm = (e) => {
-  const t = $(() => nr(e.subject), [e.subject]);
+  const t = $(() => or(e.subject), [e.subject]);
   return t.opened ? /* @__PURE__ */ i(bm, {
     ...e,
     opened: t.subject
-  }, e.environment.runtime.id) : /* @__PURE__ */ i(rr, {
+  }, e.environment.runtime.id) : /* @__PURE__ */ i(ir, {
     problem: t.problem,
     strings: e.strings
   });
 }, bm = ({ subject: e, environment: t, strings: n, layoutLabels: o, icons: a, paletteSources: r, initialSize: s, onChange: d, renderPaletteHost: u, opened: c }) => {
-  const l = wr(c, e.authoringTemplate, t), [m, g] = A(s ?? Et[Me.Desktop]), [b, f] = A(!0), p = $(() => Xa(n.layoutDrawer, o, a, r, n.packageTitles), [
+  const l = Cr(c, e.authoringTemplate, t), [m, g] = A(s ?? Et[Me.Desktop]), [b, f] = A(!0), p = $(() => er(n.layoutDrawer, o, a, r, n.packageTitles), [
     n,
     o,
     a,
@@ -6052,7 +6073,7 @@ var qe = "p-anchored-overlay", bt = "p-collapsible", an = "p-overlay-mask", w =
       document: l.document,
       legacyElements: St(_, t.runtime.legacyTypeOf),
       windowSize: m,
-      layout: Tt(_),
+      layout: Nt(_),
       changed: l.isDirty
     });
   }, [
@@ -6065,24 +6086,24 @@ var qe = "p-anchored-overlay", bt = "p-collapsible", an = "p-overlay-mask", w =
   const k = B((_) => {
     if (!Lt(_)) return;
     const q = l.selection, C = q && "children" in q ? l.selectedId : void 0;
-    _.kind === "layout" ? l.insertLayout(_.item, C, void 0) : l.insertComponent(Hn(_.componentName, _.package), C, void 0);
-  }, [l]), j = /* @__PURE__ */ i(Ya, {
+    _.kind === "layout" ? l.insertLayout(_.item, C, void 0) : l.insertComponent(Jn(_.componentName, _.package), C, void 0);
+  }, [l]), j = /* @__PURE__ */ i(Za, {
     drawers: p,
     closeLabel: n.closeDrawer,
     onActivate: k
   });
-  return /* @__PURE__ */ i(lr, {
+  return /* @__PURE__ */ i(cr, {
     environment: t,
     children: /* @__PURE__ */ h("div", {
       className: "studio-screen-editor-workspace",
       children: [
-        u ? u(j) : /* @__PURE__ */ i(or, {
+        u ? u(j) : /* @__PURE__ */ i(ar, {
           placement: "inline",
           children: j
         }),
         /* @__PURE__ */ i("div", {
           className: "studio-screen-editor-workspace__stage",
-          children: /* @__PURE__ */ i(hr, {
+          children: /* @__PURE__ */ i(fr, {
             controller: l,
             environment: t,
             strings: n,
@@ -6101,13 +6122,13 @@ var qe = "p-anchored-overlay", bt = "p-collapsible", an = "p-overlay-mask", w =
         }),
         b && /* @__PURE__ */ i("aside", {
           className: "studio-screen-editor-workspace__inspector",
-          children: /* @__PURE__ */ i(Ja, {
+          children: /* @__PURE__ */ i(Ka, {
             strings: n,
             controller: l,
             environment: t,
             authoringTemplate: e.authoringTemplate,
             onClose: () => f(!1),
-            structure: /* @__PURE__ */ i(Fa, {
+            structure: /* @__PURE__ */ i(Ma, {
               roots: l.composition.roots,
               adapter: l.adapter,
               strings: n,
@@ -6130,7 +6151,7 @@ function ym(e) {
   for (const n of e) for (const o of n.parameters) t[`route.${o.name}`] ??= o.type;
   return t;
 }
-var wm = new Set(Object.values(Rr)), Cm = new Set(Object.values(Ir));
+var wm = new Set(Object.values(Dr)), Cm = new Set(Object.values(Rr));
 function Sm(e) {
   return e.filter((t) => wm.has(t.resultShape) && t.origin.every((n) => Cm.has(n.kind))).map((t) => t);
 }
@@ -6142,7 +6163,7 @@ function pg(e) {
     stateChangeSlices: e.stateChangeSlices ?? [],
     destinations: e.destinations ?? [],
     availableSources: ym(t),
-    ...e.richText === !1 ? {} : { richText: e.richText ?? Cl },
+    ...e.richText === !1 ? {} : { richText: e.richText ?? Sl },
     ...e.fileUpload ? { fileUpload: e.fileUpload } : {},
     ...e.templateScope ? { templateScope: e.templateScope } : {}
   };
@@ -6150,11 +6171,11 @@ function pg(e) {
 function km(e) {
   return e.flatMap((t) => t.iconLibrary ? [t.iconLibrary.catalog] : []);
 }
-function Tm(e, t) {
-  const n = jr(e, t.map((o) => o.manifest));
-  return new Fr(n, km(t));
+function Nm(e, t) {
+  const n = Vr(e, t.map((o) => o.manifest));
+  return new Mr(n, km(t));
 }
-var Nm = [
+var Tm = [
   "PrimeReact.Accordion",
   "PrimeReact.AutoComplete",
   "PrimeReact.Avatar",
@@ -6257,7 +6278,7 @@ var Nm = [
   "itemsControl",
   "stackPanel",
   "wrapPanel"
-], Pm = ["PrimeReact.Dialog"], Im = new Set(Nm.filter((e) => !Pm.includes(e))), Rm = [
+], Pm = ["PrimeReact.Dialog"], Im = new Set(Tm.filter((e) => !Pm.includes(e))), Rm = [
   {
     value: de.None,
     label: "Run directly"
@@ -6275,7 +6296,7 @@ function Dm(e) {
   return !e.component.endsWith(":action") || e.properties.some((t) => t.path === "presentation") ? e : {
     ...e,
     properties: [...e.properties, {
-      path: Wn,
+      path: zn,
       label: "Presentation",
       group: "Behavior",
       valueType: x.Enum,
@@ -6291,7 +6312,7 @@ function xm(e) {
 }
 var Fm = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase());
 function Mm(e) {
-  const t = Yn(e.component, e.component.slice(e.component.lastIndexOf(":") + 1));
+  const t = Zn(e.component, e.component.slice(e.component.lastIndexOf(":") + 1));
   if (!t) return e;
   const n = new Set(e.properties.map((a) => a.path)), o = Object.entries(t).filter(([a]) => !n.has(a)).map(([a, r]) => ({
     path: a,
@@ -6305,15 +6326,15 @@ function Mm(e) {
     properties: [...e.properties, ...o]
   };
 }
-var Go = "Placement", _m = [{
+var Ho = "Placement", _m = [{
   path: _e,
   label: "Left",
-  group: Go,
+  group: Ho,
   valueType: x.Number
 }, {
   path: $e,
   label: "Top",
-  group: Go,
+  group: Ho,
   valueType: x.Number
 }];
 function $m(e) {
@@ -6323,27 +6344,27 @@ function $m(e) {
     properties: [...e.properties, ..._m.filter((n) => !t.has(n.path))]
   };
 }
-var Ho = "PrimeReact", Am = 1;
+var Jo = "PrimeReact", Am = 1;
 function Lm(e, t, n) {
-  const o = $n(e.map((l) => l.manifest)), a = e.flatMap((l) => l.descriptors ?? []), r = new Set(a.map((l) => l.component)), s = e.flatMap((l) => l.manifest.components.map((m) => ({
-    component: aa(l.manifest.name, m),
+  const o = An(e.map((l) => l.manifest)), a = e.flatMap((l) => l.descriptors ?? []), r = new Set(a.map((l) => l.component)), s = e.flatMap((l) => l.manifest.components.map((m) => ({
+    component: ra(l.manifest.name, m),
     displayName: m,
     properties: []
   }))).filter((l) => !r.has(l.component)), d = [...a, ...s].map(Dm).map(Mm).map($m), u = [...d, ...Em(d, o, t)], c = new Set(Object.values(o).flat());
   return {
     id: Am++,
     bundles: e,
-    registry: ia(e),
+    registry: sa(e),
     packages: o,
     descriptors: u,
-    catalog: $r(u),
+    catalog: Ar(u),
     profile: t,
     ...n ? { appearance: n } : {},
-    icons: Tm(t.packages, e),
-    iconAdapters: Zr(e),
+    icons: Nm(t.packages, e),
+    iconAdapters: Xr(e),
     isKnownComponent: (l) => c.has(l),
     legacyTypeOf: (l) => {
-      const m = _n(l, t, o), g = m?.package === Ho ? `${Ho}.${Ta(m.name)}` : void 0;
+      const m = $n(l, t, o), g = m?.package === Jo ? `${Jo}.${Ta(m.name)}` : void 0;
       return g !== void 0 && Im.has(g) ? g : void 0;
     }
   };
@@ -6351,7 +6372,7 @@ function Lm(e, t, n) {
 function Em(e, t, n) {
   const o = [];
   for (const a of new Set(Object.values(t).flat())) {
-    const r = _n(a, n, t), s = r && e.find((d) => d.component === aa(r.package, r.name));
+    const r = $n(a, n, t), s = r && e.find((d) => d.component === ra(r.package, r.name));
     s && o.push({
       ...s,
       component: a
@@ -6359,8 +6380,8 @@ function Em(e, t, n) {
   }
   return o;
 }
-var Zn = "Cratis.Icons.Lucide", Bm = {
-  name: Zn,
+var Xn = "Cratis.Icons.Lucide", Bm = {
+  name: Xn,
   version: "1.52.0",
   kind: Dt.IconLibrary,
   dependencies: [],
@@ -6382,10 +6403,10 @@ var Zn = "Cratis.Icons.Lucide", Bm = {
     iconCount: 1858
   }
 }, Um = {
-  library: Zn,
+  library: Xn,
   loadEntries: async () => (await import("./catalog-CZx3FR-E.js")).default
-}, jm = Sl, Vm = {
-  library: Zn,
+}, jm = kl, Vm = {
+  library: Xn,
   loadGlyph: async ({ key: e }) => (await jm[e]?.())?.default
 }, qm = {
   manifest: Bm,
@@ -6395,16 +6416,16 @@ var Zn = "Cratis.Icons.Lucide", Bm = {
     adapter: Vm
   }
 }, dt = [
-  ra,
-  Ca,
-  sa,
-  wa,
-  ba,
+  ia,
   Sa,
+  la,
+  Ca,
+  ya,
+  ka,
   qm
-], Wm = dt.map((e) => e.manifest), mg = ia(dt), hg = $n(Wm), fg = dt.flatMap((e) => e.themes ?? []);
+], Wm = dt.map((e) => e.manifest), mg = sa(dt), hg = An(Wm), fg = dt.flatMap((e) => e.themes ?? []);
 function zm(e) {
-  const t = Mr(e).map((a) => a.name), n = no(e, Dt.Styling).map((a) => a.name), o = no(e, Dt.Blueprint)[0];
+  const t = _r(e).map((a) => a.name), n = oo(e, Dt.Styling).map((a) => a.name), o = oo(e, Dt.Blueprint)[0];
   return o ? [
     ...t,
     ...n,
@@ -6412,17 +6433,17 @@ function zm(e) {
   ] : [...t, ...n];
 }
 function Gm(e, t) {
-  return t.filter((n) => Er(n, e));
+  return t.filter((n) => Br(n, e));
 }
 function Hm(e, t) {
-  return [...new Set(Object.values(t).flat())].map((n) => _n(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) => $n(n, e, t)).filter((n) => n !== void 0 && n.shadows.length > 0).sort((n, o) => n.name.localeCompare(o.name));
 }
-var rn = /* @__PURE__ */ (function(e) {
+var sn = /* @__PURE__ */ (function(e) {
   return e.Fallback = "fallback", e.Explicit = "explicit", e.Automatic = "automatic", e;
 })({});
 function Jm(e) {
   const t = [
-    On,
+    xn,
     ...e.packages,
     e.shell,
     ...e.templatePacks
@@ -6432,10 +6453,10 @@ function Jm(e) {
 function Km(e, t) {
   return e.find((n) => n.manifest.name === t)?.manifest.layouts[0] ?? "";
 }
-var Sr = "UI Profile";
-function kr(e, t) {
-  const n = t.map((u) => u.manifest), o = Jm(e), a = Vr(o, n), r = Km(t, e.shell), s = {
-    name: Sr,
+var kr = "UI Profile";
+function Nr(e, t) {
+  const n = t.map((u) => u.manifest), o = Jm(e), a = qr(o, n), r = Km(t, e.shell), s = {
+    name: kr,
     targetPlatform: "web",
     packages: a.packages,
     layout: r.length > 0 ? r : void 0,
@@ -6452,27 +6473,27 @@ function kr(e, t) {
         description: c.description,
         version: c.version,
         kind: c.kind,
-        inclusion: u === On ? rn.Fallback : d.has(u) ? rn.Explicit : rn.Automatic,
+        inclusion: u === xn ? sn.Fallback : d.has(u) ? sn.Explicit : sn.Automatic,
         requiredBy: n.filter((l) => a.packages.includes(l.name) && l.dependencies.some((m) => m.name === u)).map((l) => l.name)
       }] : [];
     }),
-    collisions: Hm(s, $n(n)),
+    collisions: Hm(s, An(n)),
     compatibleThemes: Gm(s, t.flatMap((u) => u.themes ?? [])),
     layout: r,
-    isValid: Lr(a)
+    isValid: Er(a)
   };
 }
 function Qm(e) {
   const t = e.map((s) => s.manifest), n = zm(t), o = n.find((s) => t.find((d) => d.name === s)?.kind === Dt.Blueprint) ?? "", a = {
-    packages: n.filter((s) => s !== o && s !== On),
+    packages: n.filter((s) => s !== o && s !== xn),
     shell: o,
     templatePacks: [],
     theme: "",
-    colorScheme: Yi.Light,
-    navigationMode: Zi.Static,
+    colorScheme: Zi.Light,
+    navigationMode: Xi.Static,
     accent: "",
     defaultScreenTemplate: ""
-  }, r = kr(a, e).compatibleThemes.find((s) => !s.isDark);
+  }, r = Nr(a, e).compatibleThemes.find((s) => !s.isDark);
   return {
     ...a,
     theme: r?.name ?? ""
@@ -6480,7 +6501,7 @@ function Qm(e) {
 }
 function Ym(e) {
   return {
-    name: Sr,
+    name: kr,
     targetPlatform: "web",
     packages: [...e.resolvedPackages],
     layout: e.layout.length > 0 ? e.layout : void 0,
@@ -6488,33 +6509,33 @@ function Ym(e) {
   };
 }
 function gg(e, t = dt, n) {
-  const o = e ? Ym(e) : kr(Qm(t), t).profile;
+  const o = e ? Ym(e) : Nr(Qm(t), t).profile;
   return Lm(t, o, n);
 }
 function Zm(e, t) {
-  const n = Nn(e), o = ea(e, {
+  const n = Pn(e), o = ta(e, {
     kind: Rt.Screen,
     name: ge
-  }), a = e.instanceContributions.length > 0 ? Ur(o, e.instanceContributions, t) : void 0;
+  }), a = e.instanceContributions.length > 0 ? jr(o, e.instanceContributions, t) : void 0;
   return {
     element: n.element,
     configuration: a
   };
 }
 var Xm = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry }) => {
-  const { element: a, configuration: r } = $(() => Zm(e, t.catalog), [e, t.catalog]), s = $(() => ya(a, t.profile, t.packages), [
+  const { element: a, configuration: r } = $(() => Zm(e, t.catalog), [e, t.catalog]), s = $(() => wa(a, t.profile, t.packages), [
     a,
     t.profile,
     t.packages
-  ]), d = $(() => Qn(t), [t]);
-  return /* @__PURE__ */ i(oa, {
+  ]), d = $(() => Yn(t), [t]);
+  return /* @__PURE__ */ i(aa, {
     theme: d,
-    className: `studio-profile-theme ${Kn(d)}`,
-    children: /* @__PURE__ */ i(ta, {
+    className: `studio-profile-theme ${Qn(d)}`,
+    children: /* @__PURE__ */ i(na, {
       registry: t.iconAdapters,
-      children: /* @__PURE__ */ i(va, {
+      children: /* @__PURE__ */ i(ba, {
         storage: null,
-        children: /* @__PURE__ */ i(na, {
+        children: /* @__PURE__ */ i(oa, {
           element: s,
           registry: o,
           resolveBinding: n,
@@ -6525,12 +6546,12 @@ var Xm = ({ document: e, runtime: t, resolveBinding: n, registry: o = t.registry
   });
 }, eh = (e) => {
   const t = _t(e);
-  return dr.has(t) || t in cr;
+  return ur.has(t) || t in dr;
 }, th = (e, t) => {
   const n = (o) => {
     const a = eh(o.element.componentName), r = $(() => ({
       ...o.element,
-      properties: ur(e, o.element.componentName, o.element.properties)
+      properties: pr(e, o.element.componentName, o.element.properties)
     }), [o.element]);
     return a ? null : /* @__PURE__ */ i($t, {
       fallback: null,
@@ -6547,7 +6568,7 @@ function nh(e) {
 }
 var vg = 240, bg = 112;
 function oh(e, t = 240, n = Number.POSITIVE_INFINITY) {
-  const o = e && e.width > 0 && e.height > 0 ? e : sr({
+  const o = e && e.width > 0 && e.height > 0 ? e : lr({
     width: 1 / 0,
     height: 1 / 0
   }), a = o.width, r = Math.max(1, o.height - 40), s = Math.min(t / a, n / r);
@@ -6577,17 +6598,17 @@ var rh = [
   "#fa0",
   "#3c3"
 ], ih = () => {
-}, Jo = 16, yg = ({ document: e, runtime: t, windowSize: n, width: o, title: a, openTitle: r, onClick: s, placeholder: d }) => {
+}, Ko = 16, yg = ({ document: e, runtime: t, windowSize: n, width: o, title: a, openTitle: r, onClick: s, placeholder: d }) => {
   const u = Z(null), c = ah(u), l = $(() => oh(n, o ?? 240, o === void 0 ? 112 : void 0), [
     n?.width,
     n?.height,
     o
-  ]), m = $(() => Qn(t), [t]), g = $(() => nh(t.registry), [t.registry]), b = {
+  ]), m = $(() => Yn(t), [t]), g = $(() => nh(t.registry), [t.registry]), b = {
     width: l.width,
-    height: Jo + l.bodyHeight
+    height: Ko + l.bodyHeight
   }, f = /* @__PURE__ */ h(se, { children: [/* @__PURE__ */ h("div", {
     className: "screen-thumbnail__title-bar",
-    style: { height: Jo },
+    style: { height: Ko },
     children: [rh.map((v) => /* @__PURE__ */ i("span", {
       className: "screen-thumbnail__light",
       style: { borderColor: v }
@@ -6596,7 +6617,7 @@ var rh = [
       children: a
     })]
   }), /* @__PURE__ */ i("div", {
-    className: `screen-thumbnail__body ${Kn(m)}`,
+    className: `screen-thumbnail__body ${Qn(m)}`,
     "data-screen-thumbnail-body": "",
     inert: !0,
     children: c ? /* @__PURE__ */ i("div", {
@@ -6641,10 +6662,10 @@ var rh = [
 function wg(e) {
   if (!e) return;
   if (We.has(e)) return We.get(e);
-  const t = tr(e), n = t.readable ? t.document : void 0;
+  const t = nr(e), n = t.readable ? t.document : void 0;
   return We.size >= sh && We.delete(We.keys().next().value), We.set(e, n), n;
 }
-var Ko = {
+var Qo = {
   Compact: "Compact",
   Regular: "Regular"
 }, lh = {
@@ -6702,7 +6723,7 @@ var Ko = {
   closeInspector: "Close inspector",
   desktopPreview: "Desktop preview",
   mobilePreview: "Mobile preview",
-  sizeClass: (e, t) => `${Ko[e] ?? e} width, ${Ko[t] ?? t} height`,
+  sizeClass: (e, t) => `${Qo[e] ?? e} width, ${Qo[t] ?? t} height`,
   viewportSize: (e, t) => `${e} × ${t}`,
   noSelection: "Select a component on the screen or in Structure to see its details.",
   nameLabel: "Name",
@@ -6748,6 +6769,7 @@ var Ko = {
   unsavedChanges: "Unsaved changes",
   allChangesSaved: "All changes saved",
   properties: {
+    screenLabel: "Screen",
     diagnostics: "Problems",
     noProperties: "This component has no settings to change.",
     designTimeActions: "Package actions",
@@ -6765,7 +6787,7 @@ var Ko = {
     itemsLabel: "Items",
     addItem: "Add item",
     icon: lh,
-    json: Va,
+    json: qa,
     templates: {
       label: "Screen template",
       choose: "Template",
@@ -6961,181 +6983,181 @@ var Ko = {
     [J.NoChange]: "It is already there."
   }
 }, Sg = {
-  [N.Stack]: "Stack",
-  [N.Row]: "Row",
-  [N.Grid]: "Grid",
-  [N.Container]: "Container",
-  [N.Wrap]: "Wrap",
-  [N.Canvas]: "Canvas"
+  [T.Stack]: "Stack",
+  [T.Row]: "Row",
+  [T.Grid]: "Grid",
+  [T.Container]: "Container",
+  [T.Wrap]: "Wrap",
+  [T.Canvas]: "Canvas"
 }, ch = {
-  [N.Stack]: Ge,
-  [N.Row]: Ci,
-  [N.Grid]: fa,
-  [N.Container]: An,
-  [N.Wrap]: Ln,
-  [N.Canvas]: Ki
+  [T.Stack]: Ge,
+  [T.Row]: Si,
+  [T.Grid]: ga,
+  [T.Container]: Ln,
+  [T.Wrap]: En,
+  [T.Canvas]: Qi
 }, dh = {
-  text: ai,
+  text: ri,
   button: wt,
-  card: fi,
-  data: vi,
-  action: si,
-  section: xi,
-  navigate: hi,
+  card: gi,
+  data: bi,
+  action: li,
+  section: Fi,
+  navigate: fi,
   title: yt,
   table: Xe,
   summary: zt,
-  field: ua,
-  code: pi,
-  file: ln,
+  field: pa,
+  code: mi,
+  file: cn,
   navigationBar: Ge,
-  inputText: po,
-  inputTextarea: ao,
-  inputNumber: mo,
-  password: Di,
-  floatLabel: Mi,
-  iconField: go,
-  dropdown: io,
+  inputText: mo,
+  inputTextarea: ro,
+  inputNumber: ho,
+  password: Oi,
+  floatLabel: _i,
+  iconField: vo,
+  dropdown: so,
   multiSelect: Gt,
-  listBox: pa,
+  listBox: ma,
   selectButton: Pe,
-  checkbox: so,
-  multiStateCheckbox: Li,
+  checkbox: lo,
+  multiStateCheckbox: Ei,
   radioButton: Jt,
-  toggleSwitch: ga,
-  slider: cn,
-  rating: Ui,
-  knob: _i,
-  calendar: ro,
+  toggleSwitch: va,
+  slider: dn,
+  rating: ji,
+  knob: $i,
+  calendar: io,
   colorPicker: Ht,
   chips: pt,
-  autoComplete: go,
-  treeSelect: dn,
+  autoComplete: vo,
+  treeSelect: un,
   editor: qt,
-  fileUpload: wi,
+  fileUpload: Ci,
   splitButton: jt,
-  speedDial: bi,
+  speedDial: yi,
   buttonGroup: Pe,
   dataTable: Xe,
-  dataView: bo,
-  dataScroller: Vi,
-  tree: dn,
+  dataView: yo,
+  dataScroller: qi,
+  tree: un,
   treeTable: Kt,
-  timeline: ki,
-  paginator: ri,
+  timeline: Ni,
+  paginator: ii,
   orderList: Gt,
-  pickList: ui,
-  organizationChart: $i,
-  chart: la,
-  panel: An,
-  accordion: Ii,
-  fieldset: ci,
+  pickList: pi,
+  organizationChart: Ai,
+  chart: ca,
+  panel: Ln,
+  accordion: Ri,
+  fieldset: di,
   divider: Pe,
   splitter: Vt,
-  scrollPanel: yi,
-  tabView: uo,
-  toolbar: Wi,
+  scrollPanel: wi,
+  tabView: po,
+  toolbar: zi,
   stepper: Qt,
   dialog: Ct,
   confirmDialog: Wt,
-  overlayPanel: Qi,
+  overlayPanel: Yi,
   sidebar: Vt,
-  tooltip: mi,
+  tooltip: hi,
   menu: Ge,
   menubar: Ge,
   breadcrumb: jt,
-  tabMenu: uo,
+  tabMenu: po,
   steps: Qt,
   tieredMenu: Kt,
-  panelMenu: Ln,
+  panelMenu: En,
   contextMenu: wt,
-  megaMenu: bo,
+  megaMenu: yo,
   dock: Pe,
-  message: ca,
-  inlineMessage: Pi,
-  toast: ii,
-  image: da,
-  galleria: ho,
-  carousel: ho,
-  avatar: Ji,
-  badge: li,
+  message: da,
+  inlineMessage: Ii,
+  toast: si,
+  image: ua,
+  galleria: fo,
+  carousel: fo,
+  avatar: Ki,
+  badge: ci,
   chip: pt,
   tag: pt,
   progressBar: Ti,
-  progressSpinner: vo,
-  skeleton: Bi,
+  progressSpinner: bo,
+  skeleton: Ui,
   scrollTop: jt,
-  blockUI: fo,
+  blockUI: go,
   inplace: qt,
-  terminal: qi,
-  page: ln,
+  terminal: Wi,
+  page: cn,
   dataPage: Xe,
   formElement: zt,
-  singleResult: Ni,
-  queryInputForm: co,
+  singleResult: Pi,
+  queryInputForm: uo,
   commandForm: zt,
   observableDataTable: Xe,
-  inputTextField: po,
-  numberField: mo,
-  checkboxField: so,
-  textAreaField: ao,
-  dropdownField: io,
-  sliderField: cn,
-  calendarField: ro,
+  inputTextField: mo,
+  numberField: ho,
+  checkboxField: lo,
+  textAreaField: ro,
+  dropdownField: so,
+  sliderField: dn,
+  calendarField: io,
   colorPickerField: Ht,
   multiSelectField: Gt,
   chipsField: pt,
   radioButtonField: Jt,
   radioGroupField: Jt,
   confirmationDialog: Wt,
-  busyIndicatorDialog: vo,
+  busyIndicatorDialog: bo,
   commandDialog: Ct,
   stepperCommandDialog: Qt,
-  icon: ha,
+  icon: fa,
   errorBoundary: Wt,
   objectContentEditor: qt,
   objectNavigationalBar: Kt,
-  schemaEditor: lo,
-  timeMachine: di,
-  filterPanel: co,
+  schemaEditor: co,
+  timeMachine: ui,
+  filterPanel: uo,
   toolbarButton: wt,
   toolbarGroup: Pe,
   toolbarSeparator: Pe,
-  appShell: sn,
+  appShell: ln,
   fullPageShell: Ct,
   topbar: Ge,
-  menuItem: Ri,
+  menuItem: Di,
   footer: Pe,
   rightPanel: Vt,
-  configPanel: lo,
+  configPanel: co,
   pageHeader: yt,
-  mask: fo,
-  logo: ji,
-  userMenu: Hi,
+  mask: go,
+  logo: Vi,
+  userMenu: Ji,
   themeSwitcher: Ht,
-  layoutModeSwitcher: sn,
+  layoutModeSwitcher: ln,
   arcPageHeader: yt
 }, uh = [
   [/dialog/i, Ct],
   [/table|grid/i, Xe],
   [/menu|bar$/i, Ge],
-  [/chart/i, la],
-  [/field|input/i, ua],
+  [/chart/i, ca],
+  [/field|input/i, pa],
   [/button/i, wt],
-  [/image|media/i, da],
-  [/list/i, pa],
-  [/panel/i, An],
-  [/message|toast/i, ca],
-  [/tree/i, dn],
-  [/page|screen/i, ln]
-], ph = (e) => dh[e] ?? uh.find(([t]) => t.test(e))?.[1] ?? ma, mh = {
-  [ra.manifest.name]: ha,
-  [sa.manifest.name]: ga,
-  [wa.manifest.name]: ma,
-  [ba.manifest.name]: Ln,
-  [Sa.manifest.name]: yt,
-  [Ca.manifest.name]: Fi
-}, hh = gi, kg = {
+  [/image|media/i, ua],
+  [/list/i, ma],
+  [/panel/i, Ln],
+  [/message|toast/i, da],
+  [/tree/i, un],
+  [/page|screen/i, cn]
+], ph = (e) => dh[e] ?? uh.find(([t]) => t.test(e))?.[1] ?? ha, mh = {
+  [ia.manifest.name]: fa,
+  [la.manifest.name]: va,
+  [Ca.manifest.name]: ha,
+  [ya.manifest.name]: En,
+  [ka.manifest.name]: yt,
+  [Sa.manifest.name]: Mi
+}, hh = vi, kg = {
   layout: (e) => {
     const t = ch[e];
     return /* @__PURE__ */ i(t, { "aria-hidden": "true" });
@@ -7145,17 +7167,17 @@ var Ko = {
     return /* @__PURE__ */ i(t, { "aria-hidden": "true" });
   },
   drawer: {
-    layout: /* @__PURE__ */ i(fa, { "aria-hidden": "true" }),
+    layout: /* @__PURE__ */ i(ga, { "aria-hidden": "true" }),
     package: (e) => {
       const t = mh[e] ?? hh;
       return /* @__PURE__ */ i(t, { "aria-hidden": "true" });
     }
   }
-}, Tg = dt.map((e) => ({
+}, Ng = dt.map((e) => ({
   package: e.manifest.name,
   components: e.manifest.components
 }));
-function Ng(e, t, n) {
+function Tg(e, t, n) {
   return e.map((o) => ({
     type: o.type,
     name: t[o.item],
@@ -7170,46 +7192,46 @@ export {
   sg as CommandFormMode,
   Ch as DestinationKind,
   iu as JsonPropertyField,
-  N as LayoutItem,
+  T as LayoutItem,
   Q as Ownership,
   Xm as PlayScreenView,
   ke as SceneDocumentProblem,
-  lr as ScreenEditorControlProviders,
+  cr as ScreenEditorControlProviders,
   cg as ScreenEditorOverlay,
   dg as ScreenEditorPrimeReactProvider,
-  hr as ScreenEditorWindow,
+  fr as ScreenEditorWindow,
   ug as ScreenEditorWorkspace,
   yg as ScreenThumbnail,
   J as StructureEditRejection,
   lg as bindingSourceChoices,
   Ku as browserWindowSizeStorage,
-  Xa as buildPalette,
+  er as buildPalette,
   pg as createScreenEditorEnvironment,
   Lm as createScreenEditorRuntime,
   Qu as createWindowSizeMemory,
-  Va as defaultJsonPropertyFieldStrings,
+  qa as defaultJsonPropertyFieldStrings,
   ch as defaultLayoutIcons,
   Sg as defaultLayoutLabels,
   kg as defaultPaletteIcons,
-  Tg as defaultPaletteSources,
+  Ng as defaultPaletteSources,
   Cg as defaultScreenEditorStrings,
-  sr as defaultWindowSize,
+  lr as defaultWindowSize,
   ep as fitWindowSize,
-  qa as formatJson,
-  Tu as isJsonProperty,
+  Wa as formatJson,
+  Nu as isJsonProperty,
   ku as isJsonValueType,
   Zu as isLegacyDefaultWindow,
   Su as jsonValueType,
   eu as readJson,
-  tr as readSceneDocument,
+  nr as readSceneDocument,
   wg as readThumbnailDocument,
   Xu as resolveInitialWindowSize,
-  Dc as runDesignTimeAction,
+  Oc as runDesignTimeAction,
   fm as screenEditorPrimeReactDefaults,
   gg as screenEditorRuntimeForProfile,
   oh as thumbnailGeometry,
   bg as thumbnailMaxBodyHeight,
   vg as thumbnailWidth,
-  Ng as toLayoutContainerDescriptors,
+  Tg as toLayoutContainerDescriptors,
   Sm as toSceneCandidates
 };