@cratis/event-models 0.112.0 → 0.114.0

package/dist/screen-editor/index.js

@@ -0,0 +1,4705 @@
+import { createElement as Ve, useCallback as z, useEffect as Ne, useId as Gr, useLayoutEffect as We, useMemo as _, useRef as H, useState as M } from "react";
+import { LayoutArrangement as L, PrototypeOverlayFrame as Mn } from "@cratis/scene/ScreenEditor";
+import { CollectionOperation as te, DiagnosticCode as ee, DiagnosticSeverity as Hr, EditTarget as Kr, EditingScopeKind as vt, FlowContainerKind as et, GridUnitType as Jr, HorizontalAlignment as Lt, Orientation as we, PackageKind as qe, PropertyValueType as A, ProvenanceKind as Zt, QueryOriginKind as Qr, QueryResultShape as Yr, SceneEditKind as U, SceneNodeKind as Zr, VerticalAlignment as Mt, Visibility as Et, isIconReference as Xr, parseIconReference as eo } from "@cratis/scene.model";
+import { EffectiveIconCatalog as to, applyEdit as En, baseComponentLibraries as no, computeSizeClass as ro, corePackage as At, createDescriptorCatalog as oo, elementNodeId as Q, findLayoutTypeDescriptor as Xt, inspect as An, isCanvas as ce, isDockPanel as io, isExternalComponent as Ge, isGrid as $t, isPackageSelectionValid as ao, isPanel as Re, isStackPanel as _t, isThemeCompatible as so, isWrapPanel as lo, packagesOfKind as en, resolveComponentName as Bt, resolveIconLibraries as co, resolvePackageDependencies as uo, resolveTemplateChain as po, toComponentCatalog as zt, validateBinding as mo } from "@cratis/scene.engine";
+import { Fragment as Ie, jsx as s, jsxs as b } from "react/jsx-runtime";
+import { ErrorBoundary as $n, IconButton as Pe, Tabs as fo, TextArea as ho } from "@cratis/components/Common";
+import { OrderedItemEditor as go, PropertyControls as vo } from "@cratis/components/ConfigurationEditor";
+import { IconPicker as yo, isIconPickerAllowed as bo, isSameIconPickerValue as wo } from "@cratis/components/IconPicker";
+import { IconAdapterProvider as Co, SceneElementView as So, SceneIcon as ko, SceneThemeProvider as Io, componentRegistryKey as _n, corePackage as Bn, mergeIconAdapters as Po, mergePackageRegistries as zn } from "@cratis/scene.react";
+import { Toolbar as To, ToolbarFolder as Ro } from "@cratis/components/Toolbar";
+import { PrototypeLayout as pe } from "@cratis/scene";
+import { FileUploadHandlerProvider as xo, QuillLoaderProvider as No, primeReactPackage as Un, primeReactThemes as tn, usePrimeReactTheme as Fo } from "@cratis/scene.primereact";
+import { FaAlignJustify as nn, FaAlignLeft as Do, FaAngleDoubleRight as tt, FaArrowsAltH as Oo, FaBars as be, FaBell as Lo, FaBolt as Mo, FaBookmark as Eo, FaBorderAll as Ao, FaCalendarAlt as rn, FaCaretSquareDown as on, FaChartBar as jn, FaCheckSquare as an, FaClock as $o, FaClone as _o, FaCode as Bo, FaCog as sn, FaColumns as nt, FaCommentAlt as zo, FaCommentDots as Vn, FaCompass as Uo, FaCreditCard as jo, FaCube as Vo, FaDatabase as Wo, FaDesktop as yt, FaEdit as rt, FaEllipsisH as qo, FaExclamationCircle as ot, FaExpandArrowsAlt as Go, FaFileAlt as bt, FaFileUpload as Ho, FaFilter as ln, FaFolderOpen as cn, FaFont as dn, FaGripLines as ae, FaGripLinesVertical as Ko, FaGripVertical as Jo, FaHashtag as un, FaHeading as Be, FaHistory as Qo, FaHourglassHalf as Yo, FaIdBadge as Zo, FaImage as Wn, FaImages as pn, FaInfoCircle as Xo, FaKeyboard as qn, FaLayerGroup as ei, FaLink as ti, FaList as Gn, FaListAlt as it, FaListOl as at, FaLock as ni, FaMask as mn, FaMobileAlt as ri, FaMousePointer as ze, FaObjectGroup as oi, FaPaintBrush as ii, FaPalette as st, FaPen as ai, FaPercent as si, FaProjectDiagram as li, FaPuzzlePiece as Hn, FaRedo as ci, FaRegCheckCircle as di, FaRegCircle as lt, FaRegSquare as Ut, FaSearch as fn, FaShapes as Kn, FaSitemap as ct, FaSlidersH as wt, FaSpinner as hn, FaSquare as ui, FaStar as pi, FaStepForward as dt, FaStickyNote as mi, FaStream as fi, FaTable as Te, FaTag as Le, FaTerminal as hi, FaTh as gn, FaThLarge as Jn, FaThList as jt, FaToggleOn as Qn, FaTools as gi, FaTrash as vi, FaTree as Ct, FaUndo as yi, FaUser as bi, FaUserCircle as wi, FaVectorSquare as Ci, FaWindowMaximize as Ue, FaWindowRestore as Si } from "react-icons/fa";
+import "@cratis/scene.primereact/primeReactTheme.css";
+import { ColorScheme as ki, LayoutMode as Ii, defaultBlueprint as Yn, resolveElementComponentNames as Pi } from "@cratis/scene.blueprint.default";
+import { PrimeReactProvider as Ti } from "@primereact/core/config";
+import { styles as Ri } from "@primereact/styles/accordion";
+import { styles as xi } from "@primereact/styles/autocomplete";
+import { styles as Ni } from "@primereact/styles/avatar";
+import { styles as Fi } from "@primereact/styles/avatargroup";
+import { styles as Di } from "@primereact/styles/badge";
+import { styles as Oi } from "@primereact/styles/breadcrumb";
+import { styles as Li } from "@primereact/styles/button";
+import { styles as Mi } from "@primereact/styles/buttongroup";
+import { styles as Ei } from "@primereact/styles/card";
+import { styles as Ai } from "@primereact/styles/carousel";
+import { styles as $i } from "@primereact/styles/checkbox";
+import { styles as _i } from "@primereact/styles/checkboxgroup";
+import { styles as Bi } from "@primereact/styles/chip";
+import { styles as zi } from "@primereact/styles/compare";
+import { styles as Ui } from "@primereact/styles/contextmenu";
+import { styles as ji } from "@primereact/styles/datatable";
+import { styles as Vi } from "@primereact/styles/dataview";
+import { styles as Wi } from "@primereact/styles/datepicker";
+import { styles as qi } from "@primereact/styles/dialog";
+import { styles as Gi } from "@primereact/styles/divider";
+import { styles as Hi } from "@primereact/styles/drawer";
+import { styles as Ki } from "@primereact/styles/fieldset";
+import { styles as Ji } from "@primereact/styles/fileupload";
+import { styles as Qi } from "@primereact/styles/floatlabel";
+import { styles as Yi } from "@primereact/styles/fluid";
+import { styles as Zi } from "@primereact/styles/gallery";
+import { styles as Xi } from "@primereact/styles/iconfield";
+import { styles as ea } from "@primereact/styles/iftalabel";
+import { styles as ta } from "@primereact/styles/inplace";
+import { styles as na } from "@primereact/styles/inputcolor";
+import { styles as ra } from "@primereact/styles/inputgroup";
+import { styles as oa } from "@primereact/styles/inputnumber";
+import { styles as ia } from "@primereact/styles/inputotp";
+import { styles as aa } from "@primereact/styles/inputtags";
+import { styles as sa } from "@primereact/styles/inputtext";
+import { styles as la } from "@primereact/styles/knob";
+import { styles as ca } from "@primereact/styles/label";
+import { styles as da } from "@primereact/styles/listbox";
+import { styles as ua } from "@primereact/styles/menu";
+import { styles as pa } from "@primereact/styles/message";
+import { styles as ma } from "@primereact/styles/metergroup";
+import { styles as fa } from "@primereact/styles/navigationmenu";
+import { styles as ha } from "@primereact/styles/organizationchart";
+import { styles as ga } from "@primereact/styles/overlaybadge";
+import { styles as va } from "@primereact/styles/paginator";
+import { styles as ya } from "@primereact/styles/panel";
+import { styles as ba } from "@primereact/styles/inputpassword";
+import { styles as wa } from "@primereact/styles/popover";
+import { styles as Ca } from "@primereact/styles/progressbar";
+import { styles as Sa } from "@primereact/styles/progressspinner";
+import { styles as ka } from "@primereact/styles/radiobutton";
+import { styles as Ia } from "@primereact/styles/radiobuttongroup";
+import { styles as Pa } from "@primereact/styles/rating";
+import { styles as Ta } from "@primereact/styles/scrollarea";
+import { styles as Ra } from "@primereact/styles/select";
+import { layoutStyles as xa, styles as Na } from "@primereact/styles/sidebar";
+import { styles as Fa } from "@primereact/styles/skeleton";
+import { styles as Da } from "@primereact/styles/slider";
+import { styles as Oa } from "@primereact/styles/speeddial";
+import { styles as La } from "@primereact/styles/splitter";
+import { styles as Ma } from "@primereact/styles/stepper";
+import { styles as Ea } from "@primereact/styles/tabs";
+import { styles as Aa } from "@primereact/styles/tag";
+import { styles as $a } from "@primereact/styles/terminal";
+import { styles as _a } from "@primereact/styles/textarea";
+import { styles as Ba } from "@primereact/styles/timeline";
+import { styles as za } from "@primereact/styles/toast";
+import { styles as Ua } from "@primereact/styles/toaster";
+import { styles as ja } from "@primereact/styles/togglebutton";
+import { styles as Va } from "@primereact/styles/togglebuttongroup";
+import { styles as Wa } from "@primereact/styles/toggleswitch";
+import { styles as qa } from "@primereact/styles/toolbar";
+import { styles as Ga } from "@primereact/styles/tooltip";
+import { styles as Ha } from "@primereact/styles/tree";
+import { loadQuill as Ka } from "@cratis/scene.primereact/quill";
+import { cratisComponentsPackage as Zn } from "@cratis/scene.components";
+import { tailwindPackage as Xn } from "@cratis/scene.tailwind";
+import { componentsBlueprint as er } from "@cratis/scene.blueprint.components";
+import { dynamicIconImports as Ja } from "lucide-react/dynamic";
+var Vt = {
+  name: "StudioScreen",
+  slots: [{ name: "content" }]
+}, He = "content", Ye = "Screen", Qa = "template-root", Ya = "screen-root", tr = () => ({
+  layouts: [Vt],
+  screenTemplates: [],
+  dialogTemplates: [],
+  screens: [],
+  exposures: [],
+  instanceContributions: []
+});
+function Za(e, t) {
+  return {
+    ...tr(),
+    screens: [{
+      name: Ye,
+      layout: Vt.name,
+      slotContent: { [He]: [e] },
+      forms: [],
+      contributions: [],
+      ...t ? { screenTemplate: t } : {}
+    }]
+  };
+}
+function Xa(e, t, n) {
+  return {
+    ...tr(),
+    screenTemplates: [{
+      name: e,
+      slots: [{ name: He }],
+      content: { [He]: [t] },
+      ...n ? { fitsSlot: n } : {}
+    }]
+  };
+}
+function Ke(e, t) {
+  return (t === void 0 ? e.screens.find((n) => n.name === Ye)?.slotContent : e.screenTemplates.find((n) => n.name === t)?.content)?.[He]?.[0];
+}
+function St(e, t = !1) {
+  return t && e !== void 0 ? {
+    kind: vt.ScreenTemplate,
+    name: e,
+    layout: Vt.name
+  } : {
+    kind: vt.Screen,
+    name: Ye
+  };
+}
+var ut = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, es = (e) => {
+  const t = e;
+  return !!t && typeof t == "object" && [
+    "left",
+    "top",
+    "right",
+    "bottom"
+  ].every((n) => typeof t[n] == "number");
+};
+function ts(e, t, n) {
+  const r = e;
+  r.zIndex = n;
+  const o = ut(Et, t.visibility);
+  o !== void 0 && (r.visibility = o), typeof t.isEnabled == "boolean" && (r.isEnabled = t.isEnabled), typeof t.opacity == "number" && (r.opacity = t.opacity), es(t.margin) && (r.margin = { ...t.margin });
+  const i = ut(Lt, t.horizontalAlignment);
+  i !== void 0 && (r.horizontalAlignment = i);
+  const a = ut(Mt, t.verticalAlignment);
+  a !== void 0 && (r.verticalAlignment = a);
+}
+var kt = {
+  visibility: Et.Visible,
+  isEnabled: !0,
+  opacity: 1,
+  margin: {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0
+  },
+  horizontalAlignment: Lt.Stretch,
+  verticalAlignment: Mt.Stretch
+};
+function ns(e) {
+  const t = {
+    ...kt,
+    margin: { ...kt.margin }
+  };
+  return ts(t, e, 0), delete t.zIndex, t;
+}
+var rs = Object.keys(kt), S = /* @__PURE__ */ (function(e) {
+  return e.Stack = "stack", e.Row = "row", e.Grid = "grid", e.Container = "container", e.Wrap = "wrap", e.Canvas = "canvas", e;
+})({}), os = "StudioLayout", is = {
+  Stack: S.Stack,
+  Row: S.Row,
+  Grid: S.Grid,
+  Container: S.Container,
+  Wrap: S.Wrap,
+  Canvas: S.Canvas
+};
+function as(e) {
+  const t = Object.entries(is).find(([, n]) => n === e)?.[0] ?? "Container";
+  return `${os}.${t}`;
+}
+var de = "Canvas.Left", ue = "Canvas.Top", vn = "legacyType", ss = "legacy", yn = "legacyExtras", ls = {
+  DatePicker: "calendar",
+  OrgChart: "organizationChart",
+  Chips: "chips",
+  ToggleButton: "toggleSwitch"
+}, cs = Object.fromEntries(Object.entries(ls).map(([e, t]) => [t, e]));
+function nr(e) {
+  const t = e.includes(":") ? e.slice(e.lastIndexOf(":") + 1) : e;
+  return cs[t] ?? t.charAt(0).toUpperCase() + t.slice(1);
+}
+function It(e) {
+  return Array.isArray(e) ? e.filter((t) => t !== null).map(It) : e !== null && typeof e == "object" ? Object.fromEntries(Object.entries(e).filter(([, t]) => t !== null).map(([t, n]) => [t, It(n)])) : e;
+}
+function Se(e) {
+  return Re(e) ? e.children : Ge(e) ? Object.values(e.slots).flat() : [];
+}
+function rr(e) {
+  return e.flatMap((t) => [t.id, ...rr(Se(t))]);
+}
+function Ce(e, t) {
+  for (const n of e) {
+    if (n.id === t) return n;
+    const r = Ce(Se(n), t);
+    if (r) return r;
+  }
+}
+function Ze(e, t) {
+  for (const n of e) {
+    if (Se(n).some((o) => o.id === t)) return n;
+    const r = Ze(Se(n), t);
+    if (r) return r;
+  }
+}
+function ds(e, t) {
+  const n = Ze(e, t);
+  return n !== void 0 && ce(n);
+}
+function or(e) {
+  if (ce(e)) return S.Canvas;
+  if ($t(e)) return S.Grid;
+  if (!io(e))
+    return _t(e) ? e.orientation === we.Horizontal ? S.Row : S.Stack : lo(e) ? S.Wrap : S.Container;
+}
+function Pt(e, t = () => {
+}) {
+  return It((e?.children ?? []).map((n) => ir(n, t)));
+}
+var K = (e, t) => typeof e == "number" ? e : t;
+function ir(e, t) {
+  const n = e, r = { ...n.properties ?? {} }, o = Se(e).map((E) => ir(E, t)), i = r[ss];
+  if (i != null && typeof i == "object") return ps(i, n, r, o);
+  const a = r[yn], c = typeof r.legacyType == "string" && r.legacyType !== "" ? r[vn] : void 0, d = c ?? (Re(e) ? as(or(e)) : t(Ge(e) ? e.componentName : "")), u = Ge(e) ? e.componentName : "", { [vn]: l, [yn]: p, [de]: w, [ue]: g, ...k } = r, x = {};
+  for (const E of a?.topKeys ?? []) E in k && (x[E] = k[E], delete k[E]);
+  const C = K(w, a?.position.x ?? 0), I = K(g, a?.position.y ?? 0), F = n.name ?? "", N = a?.emptyName === !0 && F === (c ?? "");
+  return {
+    ...us(n, a),
+    ...x,
+    _derivedTypeId: d ?? "externalComponent",
+    id: n.id,
+    ...N ? {} : { name: F },
+    componentName: d ? d.slice(d.lastIndexOf(".") + 1) : nr(u),
+    properties: {
+      ...k,
+      canvas: {
+        ...a?.canvas ?? {},
+        x: C,
+        y: I
+      }
+    },
+    slots: {
+      ...a?.slots ?? {},
+      ...o.length > 0 ? { children: o } : {}
+    },
+    width: n.size?.width,
+    height: n.size?.height,
+    ZIndex: n.zIndex ?? 0
+  };
+}
+function us(e, t) {
+  const n = t?.top ?? {}, r = ns(n), o = e, i = { ...n };
+  for (const a of rs) JSON.stringify(o[a]) !== JSON.stringify(r[a]) && (i[a] = o[a]);
+  return i;
+}
+function ps(e, t, n, r) {
+  const o = { ...e }, i = e.properties ?? {}, a = i.canvas ?? {}, c = n[de], d = n[ue];
+  (typeof c == "number" || typeof d == "number") && (e.position && typeof e.position == "object" ? o.position = {
+    ...e.position,
+    x: K(c, K(a.x, 0)),
+    y: K(d, K(a.y, 0))
+  } : o.properties = {
+    ...i,
+    canvas: {
+      ...a,
+      x: K(c, K(a.x, 0)),
+      y: K(d, K(a.y, 0))
+    }
+  }), t.size?.width !== void 0 && (o.width = t.size.width), t.size?.height !== void 0 && (o.height = t.size.height), t.name !== void 0 && t.name !== "" && t.name !== e.componentName && t.name !== e._derivedTypeId && (o.name = t.name), t.zIndex !== void 0 && "ZIndex" in e && (o.ZIndex = t.zIndex);
+  const u = e.slots ?? {};
+  return (r.length > 0 || "children" in u) && (o.slots = {
+    ...u,
+    children: r
+  }), o;
+}
+var ms = [
+  "input",
+  "textarea",
+  "select",
+  '[contenteditable=""]',
+  '[contenteditable="true"]',
+  '[contenteditable="plaintext-only"]',
+  '[role="textbox"]',
+  '[role="combobox"]',
+  '[role="searchbox"]',
+  '[role="spinbutton"]',
+  '[role="listbox"]',
+  '[role="slider"]',
+  ".ql-editor",
+  ".cm-editor",
+  ".monaco-editor",
+  "[data-studio-typing]"
+].join(","), ar = (e) => {
+  const t = e;
+  return !!t && typeof t.closest == "function" && (t.closest(ms) !== null || t.isContentEditable === !0);
+}, sr = (e) => (e.key === "Delete" || e.key === "Backspace") && !e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey && !e.defaultPrevented && !e.repeat && !e.nativeEvent?.isComposing && !ar(e.target);
+function Z(e, t, n, r = null) {
+  for (const [o, i] of e.entries()) {
+    if (n.idOf(i) === t) return {
+      node: i,
+      parent: r,
+      index: o,
+      siblings: e
+    };
+    const a = Z(n.childrenOf(i), t, n, i);
+    if (a) return a;
+  }
+}
+function lr(e, t, n) {
+  return n.idOf(e) === t ? !0 : n.childrenOf(e).some((r) => lr(r, t, n));
+}
+var B = /* @__PURE__ */ (function(e) {
+  return e.Local = "local", e.Inherited = "inherited", e.ConfigurableInherited = "configurableInherited", e;
+})({}), ie = /* @__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 Fe(e, t) {
+  switch (e) {
+    case B.Local:
+      return !0;
+    case B.ConfigurableInherited:
+      return t === ie.Select || t === ie.Configure;
+    case B.Inherited:
+      return t === ie.Select;
+  }
+}
+function Tt(e, t, n) {
+  const r = Z(e, t, n);
+  return !!r && r.parent !== null && Fe(n.ownershipOf(r.node), ie.Delete);
+}
+function cr(e, t, n) {
+  const r = Z(e, t, n);
+  if (!r) return;
+  const o = r.siblings[r.index + 1] ?? r.siblings[r.index - 1];
+  return o ? n.idOf(o) : r.parent ? n.idOf(r.parent) : void 0;
+}
+function dr(e, t, n, r = 0, o = null) {
+  return e.flatMap((i) => {
+    const a = n.idOf(i), c = n.childrenOf(i), d = c.length > 0 && t.has(a), u = {
+      node: i,
+      id: a,
+      depth: r,
+      parentId: o,
+      hasChildren: c.length > 0,
+      isExpanded: d
+    };
+    return d ? [u, ...dr(c, t, n, r + 1, a)] : [u];
+  });
+}
+var ne = /* @__PURE__ */ (function(e) {
+  return e.MoveUp = "moveUp", e.MoveDown = "moveDown", e.Outdent = "outdent", e.Indent = "indent", e;
+})({});
+function fs(e, t, n, r) {
+  const o = Z(e, t, r);
+  if (!o) return;
+  const i = o.parent === null ? null : r.idOf(o.parent);
+  switch (n) {
+    case ne.MoveUp:
+      return o.index > 0 ? {
+        nodeId: t,
+        targetParentId: i,
+        index: o.index - 1
+      } : void 0;
+    case ne.MoveDown:
+      return o.index < o.siblings.length - 1 ? {
+        nodeId: t,
+        targetParentId: i,
+        index: o.index + 1
+      } : void 0;
+    case ne.Outdent: {
+      if (o.parent === null) return;
+      const a = Z(e, r.idOf(o.parent), r);
+      return {
+        nodeId: t,
+        targetParentId: a.parent === null ? null : r.idOf(a.parent),
+        index: a.index + 1
+      };
+    }
+    case ne.Indent: {
+      const a = o.index > 0 ? o.siblings[o.index - 1] : void 0;
+      return !a || !r.acceptsChildren(a) ? void 0 : {
+        nodeId: t,
+        targetParentId: r.idOf(a),
+        index: r.childrenOf(a).length
+      };
+    }
+  }
+}
+var se = /* @__PURE__ */ (function(e) {
+  return e.Before = "before", e.Inside = "inside", e.After = "after", e;
+})({});
+function hs(e, t, n, r, o) {
+  const i = Z(e, n, o);
+  if (!i) return;
+  if (r === se.Inside) return {
+    nodeId: t,
+    targetParentId: n,
+    index: o.childrenOf(i.node).filter((c) => o.idOf(c) !== t).length
+  };
+  const a = i.siblings.filter((c) => o.idOf(c) !== t).findIndex((c) => o.idOf(c) === n);
+  return {
+    nodeId: t,
+    targetParentId: i.parent === null ? null : o.idOf(i.parent),
+    index: r === se.Before ? a : a + 1
+  };
+}
+function gs(e, t, n) {
+  if (t <= 0) return se.After;
+  const r = e / t;
+  return r < 0.25 ? se.Before : r > 0.75 || !n ? r < 0.5 ? se.Before : se.After : se.Inside;
+}
+var ur = ({ ownership: e, label: t }) => e === B.Local ? null : /* @__PURE__ */ s("span", {
+  className: "studio-editor-ownership-badge",
+  "data-ownership": e,
+  children: t
+});
+function vs({ row: e, adapter: t, strings: n, isSelected: r, isFocusable: o, dropZone: i, onSelect: a, onToggle: c, onKeyDown: d, onDragStart: u, onDragOver: l, onDrop: p, onDragEnd: w }) {
+  const g = t.ownershipOf(e.node), k = Fe(g, ie.Move);
+  return /* @__PURE__ */ b("li", {
+    role: "treeitem",
+    "aria-level": e.depth + 1,
+    "aria-selected": r,
+    "aria-expanded": e.hasChildren ? e.isExpanded : void 0,
+    tabIndex: o ? 0 : -1,
+    "data-row-id": e.id,
+    "data-ownership": g,
+    "data-drop-zone": i,
+    className: "studio-editor-structure-row",
+    style: { paddingInlineStart: `${e.depth * 16 + 8}px` },
+    draggable: k,
+    onClick: () => a(e.id),
+    onKeyDown: (x) => d(x, e.id),
+    onDragStart: () => u(e.id),
+    onDragOver: (x) => l(x, e.id),
+    onDrop: (x) => p(x, e.id),
+    onDragEnd: w,
+    children: [
+      /* @__PURE__ */ s("button", {
+        type: "button",
+        tabIndex: -1,
+        className: "studio-editor-structure-row__toggle",
+        "aria-hidden": !e.hasChildren,
+        disabled: !e.hasChildren,
+        onClick: (x) => {
+          x.stopPropagation(), c(e.id);
+        },
+        children: e.hasChildren ? e.isExpanded ? "▾" : "▸" : ""
+      }),
+      /* @__PURE__ */ s("span", {
+        className: "studio-editor-structure-row__name",
+        children: t.nameOf(e.node)
+      }),
+      /* @__PURE__ */ s(ur, {
+        ownership: g,
+        label: n.ownership[g]
+      })
+    ]
+  });
+}
+var bn = {
+  ArrowUp: ne.MoveUp,
+  ArrowDown: ne.MoveDown,
+  ArrowLeft: ne.Outdent,
+  ArrowRight: ne.Indent
+};
+function pr({ roots: e, adapter: t, strings: n, selectedId: r, onSelect: o, onEdit: i, onRemove: a }) {
+  const [c, d] = M(() => new Set(e.flatMap((f) => [t.idOf(f), ...t.childrenOf(f).map((y) => t.idOf(y))]))), [u, l] = M(r), [p, w] = M(), [g, k] = M(), [x, C] = M(""), I = _(() => dr(e, c, t), [
+    e,
+    c,
+    t
+  ]), F = I.some((f) => f.id === u) ? u : I[0]?.id, N = z((f) => d((y) => {
+    const P = new Set(y);
+    return P.delete(f) || P.add(f), P;
+  }), []), E = z((f) => {
+    if (!f) return;
+    const y = i(f);
+    C(y ? n.rejection[y] : n.moved), !y && f.targetParentId && d((P) => new Set(P).add(f.targetParentId));
+  }, [i, n]), v = (f) => {
+    f && (l(f), requestAnimationFrame(() => document.querySelector(`[data-row-id="${CSS.escape(f)}"]`)?.focus()));
+  }, T = (f, y) => {
+    const P = I.findIndex((D) => D.id === y), O = I[P];
+    if (f.altKey && bn[f.key]) {
+      f.preventDefault(), E(fs(e, y, bn[f.key], t)), v(y);
+      return;
+    }
+    if (sr(f) && a && Tt(e, y, t)) {
+      f.preventDefault();
+      const D = cr(e, y, t);
+      a(y), v(D);
+      return;
+    }
+    switch (f.key) {
+      case "ArrowDown":
+        f.preventDefault(), v(I[P + 1]?.id);
+        break;
+      case "ArrowUp":
+        f.preventDefault(), v(I[P - 1]?.id);
+        break;
+      case "Home":
+        f.preventDefault(), v(I[0]?.id);
+        break;
+      case "End":
+        f.preventDefault(), v(I[I.length - 1]?.id);
+        break;
+      case "ArrowRight":
+        f.preventDefault(), O.hasChildren && !O.isExpanded ? N(y) : v(I[P + 1]?.parentId === y ? I[P + 1].id : void 0);
+        break;
+      case "ArrowLeft":
+        f.preventDefault(), O.isExpanded ? N(y) : v(O.parentId ?? void 0);
+        break;
+      case "Enter":
+      case " ":
+        f.preventDefault(), o(y);
+    }
+  }, R = (f, y) => {
+    if (!p) return;
+    f.preventDefault();
+    const P = f.currentTarget.getBoundingClientRect(), O = I.find((D) => D.id === y);
+    k({
+      id: y,
+      zone: gs(f.clientY - P.top, P.height, !!O && t.acceptsChildren(O.node))
+    });
+  }, m = (f, y) => {
+    f.preventDefault(), p && g?.id === y && E(hs(e, p, y, g.zone, t)), w(void 0), k(void 0);
+  };
+  return I.length === 0 ? /* @__PURE__ */ s("p", {
+    className: "studio-editor-structure-empty",
+    children: n.structureEmpty
+  }) : /* @__PURE__ */ b(Ie, { children: [/* @__PURE__ */ s("ul", {
+    role: "tree",
+    "aria-label": n.structureLabel,
+    className: "studio-editor-structure-tree",
+    children: I.map((f) => /* @__PURE__ */ s(vs, {
+      row: f,
+      adapter: t,
+      strings: n,
+      isSelected: f.id === r,
+      isFocusable: f.id === F,
+      dropZone: g?.id === f.id ? g.zone : void 0,
+      onSelect: (y) => {
+        l(y), o(y);
+      },
+      onToggle: N,
+      onKeyDown: T,
+      onDragStart: w,
+      onDragOver: R,
+      onDrop: m,
+      onDragEnd: () => {
+        w(void 0), k(void 0);
+      }
+    }, f.id))
+  }), /* @__PURE__ */ s("p", {
+    className: "studio-editor-structure-announcement",
+    role: "status",
+    "aria-live": "polite",
+    children: x
+  })] });
+}
+var pt = /* @__PURE__ */ (function(e) {
+  return e.Properties = "properties", e.Structure = "structure", e;
+})({}), ys = /* @__PURE__ */ new Set([de, ue]);
+function bs(e, t, n) {
+  return t ? e : e.filter((r) => !ys.has(r.descriptor.path) || n?.[r.descriptor.path] !== void 0);
+}
+function ws(e, t) {
+  return e.replace(/\{(\w+)\}/g, (n, r) => t[r] ?? n);
+}
+function Cs(e, t) {
+  const n = e.diagnostic ? t.diagnostics[e.diagnostic.kind] : t.notAllowed;
+  return ws(n, {
+    library: e.reference.library,
+    key: e.reference.key,
+    variant: e.reference.variant
+  });
+}
+function Ss(e, t, n, r) {
+  if (!n) return;
+  const o = e.lookup(n);
+  if (!o) return;
+  if (!o.isResolved) return {
+    reference: n,
+    diagnostic: o.diagnostic,
+    isNotAllowed: !1
+  };
+  const i = t.icons.find((a) => wo(a, n));
+  return i && r && !bo(i, r) ? {
+    reference: n,
+    isNotAllowed: !0
+  } : void 0;
+}
+var ks = 24;
+function Is(e) {
+  return e.libraries.map((t) => ({
+    id: t.library,
+    name: t.package.displayName ?? t.package.name,
+    version: t.package.version,
+    attribution: t.package.iconLibrary?.attribution
+  }));
+}
+function Ps(e, t) {
+  return e.flatMap((n) => n.references.map((r) => ({
+    library: r.library,
+    key: r.key,
+    ...r.variant === void 0 ? {} : { variant: r.variant },
+    name: n.entry.name,
+    categories: n.entry.categories,
+    tags: n.entry.tags,
+    aliases: n.entry.aliases,
+    renderPreview: () => /* @__PURE__ */ s(ko, {
+      reference: r,
+      adapters: t,
+      size: ks
+    })
+  })));
+}
+function Ts(e, t, n, r = { status: "ready" }) {
+  return {
+    libraries: Is(e),
+    icons: Ps(t, n),
+    status: r.status,
+    error: r.error
+  };
+}
+function Rs(e) {
+  return e.error ? {
+    status: "error",
+    error: e.error
+  } : e.diagnostics.some((t) => t.kind === "catalog-unavailable") ? { status: "error" } : { status: "ready" };
+}
+function xs(e, t) {
+  const [n, r] = M(), [o, i] = M(0);
+  return Ne(() => {
+    let a = !0;
+    return e.search().then((c) => {
+      a && (r({
+        source: e,
+        entries: c.entries,
+        diagnostics: [...e.diagnostics, ...c.diagnostics]
+      }), i((d) => d + 1));
+    }).catch((c) => {
+      a && (r({
+        source: e,
+        entries: [],
+        diagnostics: e.diagnostics,
+        error: c instanceof Error ? c.message : String(c)
+      }), i((d) => d + 1));
+    }), () => {
+      a = !1;
+    };
+  }, [e]), _(() => {
+    const a = n?.source === e ? n : void 0, c = a ? Rs(a) : { status: "loading" };
+    return {
+      catalog: Ts(e, a?.entries ?? [], t, c),
+      diagnostics: a?.diagnostics ?? e.diagnostics,
+      loadedVersion: o
+    };
+  }, [
+    e,
+    t,
+    n,
+    o
+  ]);
+}
+function mr({ value: e, onChange: t, catalog: n, adapters: r, allowed: o, readOnly: i, disabled: a, validationMessage: c, showMessage: d = !0, invalid: u, strings: l, pickerLabels: p, placement: w, id: g, ...k }) {
+  const { catalog: x, loadedVersion: C } = xs(n, r), I = C > 0 ? Ss(n, x, e, o) : void 0, F = c ?? (I ? Cs(I, l) : void 0);
+  return /* @__PURE__ */ s(yo, {
+    id: g,
+    value: e,
+    onChange: (N) => t({
+      library: N.library,
+      key: N.key,
+      ...N.variant === void 0 ? {} : { variant: N.variant }
+    }),
+    catalog: x,
+    allowed: o,
+    readOnly: i,
+    disabled: a,
+    invalid: F !== void 0 || u === !0,
+    validationMessage: d ? F : void 0,
+    placement: w,
+    labels: {
+      ...l.picker,
+      ...p
+    },
+    "aria-label": k["aria-label"] ?? (k["aria-labelledby"] ? void 0 : l.ariaLabel),
+    "aria-labelledby": k["aria-labelledby"],
+    "aria-describedby": k["aria-describedby"]
+  });
+}
+var Ns = (e) => typeof e == "string" ? e : "";
+function Fs(e) {
+  const t = (e.items ?? []).map((n) => ({
+    id: n.id,
+    label: Ns(n.values.label),
+    ...n.values.icon ? { icon: n.values.icon } : {},
+    ...n.values.destination ? { destination: n.values.destination.screen } : {},
+    values: n.values,
+    editable: n.editable
+  }));
+  return {
+    fixed: t.filter((n) => !n.editable),
+    items: t.filter((n) => n.editable)
+  };
+}
+function Ds(e) {
+  const t = new Set(e.operations ?? []), n = t.has(te.EditFields), r = e.descriptor.constraints?.maximumItems;
+  return {
+    add: t.has(te.Add),
+    remove: t.has(te.Remove),
+    reorder: t.has(te.Reorder),
+    fields: {
+      label: n ? "editable" : "readonly",
+      icon: n ? "editable" : "readonly",
+      destination: n ? "editable" : "readonly"
+    },
+    ...r !== void 0 ? { maxItems: r } : {},
+    ...e.reason ? { reasons: {
+      add: e.reason,
+      remove: e.reason,
+      reorder: e.reason
+    } } : {}
+  };
+}
+function Os(e, t, n) {
+  const r = {
+    component: e,
+    path: t.descriptor.path
+  };
+  switch (n.kind) {
+    case "add":
+      return [{
+        kind: U.AddCollectionItem,
+        ...r,
+        item: {
+          id: n.item.id,
+          values: Ms(n.item)
+        },
+        index: n.index
+      }];
+    case "remove":
+      return [{
+        kind: U.RemoveCollectionItem,
+        ...r,
+        itemId: n.item.id
+      }];
+    case "move":
+      return [{
+        kind: U.ReorderCollectionItem,
+        ...r,
+        itemId: n.item.id,
+        index: n.toIndex
+      }];
+    case "update":
+      return [{
+        kind: U.EditCollectionItem,
+        ...r,
+        itemId: n.item.id,
+        field: n.field,
+        value: Ls(n.item, n.field)
+      }];
+  }
+}
+var Ls = (e, t) => t === "destination" ? e.destination ? { screen: e.destination } : void 0 : e[t], Ms = (e) => ({
+  ...e.values,
+  label: e.label,
+  ...e.icon ? { icon: e.icon } : {},
+  ...e.destination ? { destination: { screen: e.destination } } : {}
+});
+function Es(e) {
+  return { types: e };
+}
+var xe = (e) => `${typeof e}:${String(e)}`, As = (e) => e == null ? "" : xe(e);
+function $s(e, t) {
+  if (t == null || t === "") return { value: void 0 };
+  const n = (e.descriptor.choices ?? []).find((r) => xe(r.value) === t);
+  return n ? { value: n.value } : void 0;
+}
+var _s = /* @__PURE__ */ new Set([
+  A.String,
+  A.Number,
+  A.Boolean,
+  A.Enum
+]), Bs = (e) => _s.has(e.descriptor.valueType) && e.descriptor.editorKind === void 0, zs = { action: /* @__PURE__ */ new Set([
+  "command",
+  "arguments",
+  "presentation"
+]) }, Us = (e, t) => zs[e.slice(e.lastIndexOf(":") + 1)]?.has(t) ?? !1;
+function js(e) {
+  const { descriptor: t } = e, n = {
+    name: t.path,
+    label: t.label,
+    ...t.description ? { description: t.description } : {},
+    editable: e.editable,
+    ...e.reason ? { unavailableReason: e.reason } : {}
+  };
+  switch (t.valueType) {
+    case A.Number:
+      return {
+        ...n,
+        kind: "number",
+        ...t.constraints?.minimum !== void 0 ? { min: t.constraints.minimum } : {},
+        ...t.constraints?.maximum !== void 0 ? { max: t.constraints.maximum } : {},
+        ...t.constraints?.integer ? { step: 1 } : {},
+        required: t.constraints?.required ?? !1
+      };
+    case A.Boolean:
+      return {
+        ...n,
+        kind: "boolean"
+      };
+    case A.Enum: {
+      const r = (t.choices ?? []).map((a) => ({
+        value: xe(a.value),
+        label: a.label
+      })), o = e.effectiveValue, i = o == null || r.some((a) => a.value === xe(o));
+      return {
+        ...n,
+        kind: "choice",
+        options: i ? r : [...r, {
+          value: xe(o),
+          label: String(o)
+        }]
+      };
+    }
+    default:
+      return {
+        ...n,
+        kind: "text"
+      };
+  }
+}
+function Vs(e, t = "") {
+  const n = /* @__PURE__ */ new Map(), r = {};
+  for (const o of e.filter((i) => Bs(i) && !Us(t, i.descriptor.path))) {
+    const i = o.descriptor.group;
+    n.set(i, [...n.get(i) ?? [], js(o)]), r[o.descriptor.path] = o.descriptor.valueType === A.Enum ? As(o.effectiveValue) : o.effectiveValue ?? "";
+  }
+  return {
+    groups: [...n.entries()].map(([o, i]) => ({
+      id: o,
+      title: o,
+      properties: i
+    })),
+    values: r
+  };
+}
+var Ws = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
+function fr(e, t, n) {
+  const r = Ws(t, n);
+  return t.editTarget === Kr.Instance ? r === void 0 ? {
+    kind: U.ResetInstanceValue,
+    component: e,
+    path: t.descriptor.path
+  } : {
+    kind: U.SetInstanceValue,
+    component: e,
+    path: t.descriptor.path,
+    value: r
+  } : r === void 0 ? {
+    kind: U.ResetProperty,
+    nodeId: Q(e),
+    path: t.descriptor.path
+  } : {
+    kind: U.SetProperty,
+    nodeId: Q(e),
+    path: t.descriptor.path,
+    value: r
+  };
+}
+var hr = ({ diagnostics: e, label: t }) => {
+  if (e.length === 0) return null;
+  const n = [...e].sort((r, o) => +(o.severity === "error") - +(r.severity === "error"));
+  return /* @__PURE__ */ s("ul", {
+    className: "studio-editor-diagnostics",
+    role: "alert",
+    "aria-label": t,
+    children: n.map((r, o) => /* @__PURE__ */ s("li", {
+      "data-severity": r.severity,
+      children: r.message
+    }, `${r.code}:${r.path ?? ""}:${o}`))
+  });
+}, J = /* @__PURE__ */ (function(e) {
+  return e.None = "none", e.Modal = "modal", e.Drawer = "drawer", e;
+})({}), re = /* @__PURE__ */ (function(e) {
+  return e.MissingSlice = "missingSlice", e.UnmappedInput = "unmappedInput", e.UnknownInput = "unknownInput", e.UnknownSource = "unknownSource", e;
+})({});
+function qs(e, t, n) {
+  const r = t.find((i) => i.id === e.sliceId);
+  if (!r) return [{ kind: re.MissingSlice }];
+  const o = [];
+  for (const i of r.inputs) {
+    const a = e.inputs[i.name]?.trim();
+    a ? n.has(a) || o.push({
+      kind: re.UnknownSource,
+      input: i.name
+    }) : i.required && o.push({
+      kind: re.UnmappedInput,
+      input: i.name
+    });
+  }
+  for (const i of Object.keys(e.inputs)) r.inputs.some((a) => a.name === i) || o.push({
+    kind: re.UnknownInput,
+    input: i
+  });
+  return o;
+}
+function Gs(e, t) {
+  return Object.fromEntries(e.inputs.flatMap((n) => {
+    const r = t(n.name);
+    return r === void 0 ? [] : [[n.name, r]];
+  }));
+}
+var Hs = (e, t) => {
+  const n = e.input ?? "";
+  switch (e.kind) {
+    case re.MissingSlice:
+      return t.missingSlice;
+    case re.UnmappedInput:
+      return t.unmappedInput(n);
+    case re.UnknownInput:
+      return t.unknownInput(n);
+    case re.UnknownSource:
+      return t.unknownSource(n);
+  }
+}, Ks = ({ action: e, slices: t, sources: n, strings: r, disabled: o, suggestSource: i, onChange: a }) => {
+  const c = r.properties.action, d = e ? t.find((l) => l.id === e.sliceId) : void 0, u = e ? qs(e, t, new Set(n)) : [];
+  return /* @__PURE__ */ b("fieldset", {
+    className: "studio-editor-query",
+    disabled: o,
+    children: [
+      /* @__PURE__ */ s("legend", { children: c.label }),
+      /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ s("span", { children: c.slice }), /* @__PURE__ */ b("select", {
+        value: e?.sliceId ?? "",
+        onChange: (l) => {
+          const p = t.find((w) => w.id === l.target.value);
+          a(p ? {
+            sliceId: p.id,
+            sliceName: p.name,
+            inputs: Gs(p, i),
+            presentation: e?.presentation ?? J.None
+          } : void 0);
+        },
+        children: [
+          /* @__PURE__ */ s("option", {
+            value: "",
+            children: c.none
+          }),
+          e && !d && /* @__PURE__ */ s("option", {
+            value: e.sliceId,
+            children: e.sliceName
+          }),
+          t.map((l) => /* @__PURE__ */ b("option", {
+            value: l.id,
+            children: [l.name, l.origin.length > 0 ? ` - ${l.origin.join(" / ")}` : ""]
+          }, l.id))
+        ]
+      })] }),
+      e && d && /* @__PURE__ */ b(Ie, { children: [/* @__PURE__ */ b("div", {
+        className: "studio-editor-query__group",
+        children: [/* @__PURE__ */ s("strong", { children: c.inputs }), d.inputs.map((l) => /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ b("span", { children: [c.sourceFor(l.name), l.required ? " *" : ""] }), /* @__PURE__ */ b("select", {
+          value: e.inputs[l.name] ?? "",
+          onChange: (p) => a({
+            ...e,
+            inputs: {
+              ...e.inputs,
+              [l.name]: p.target.value
+            }
+          }),
+          children: [/* @__PURE__ */ s("option", {
+            value: "",
+            children: r.properties.query.noSource
+          }), n.map((p) => /* @__PURE__ */ s("option", {
+            value: p,
+            children: p
+          }, p))]
+        })] }, l.name))]
+      }), /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ s("span", { children: c.presentation }), /* @__PURE__ */ b("select", {
+        value: e.presentation,
+        onChange: (l) => a({
+          ...e,
+          presentation: l.target.value
+        }),
+        children: [
+          /* @__PURE__ */ s("option", {
+            value: J.None,
+            children: c.presentations.none
+          }),
+          /* @__PURE__ */ s("option", {
+            value: J.Modal,
+            children: c.presentations.modal
+          }),
+          /* @__PURE__ */ s("option", {
+            value: J.Drawer,
+            children: c.presentations.drawer
+          })
+        ]
+      })] })] }),
+      u.length > 0 && /* @__PURE__ */ s("ul", {
+        className: "studio-editor-diagnostics",
+        role: "alert",
+        "aria-label": r.properties.diagnostics,
+        children: u.map((l, p) => /* @__PURE__ */ s("li", {
+          "data-severity": "error",
+          children: Hs(l, c.problems)
+        }, p))
+      })
+    ]
+  });
+};
+function Js(e) {
+  return {
+    queryId: e.id,
+    query: e.name,
+    arguments: [],
+    results: []
+  };
+}
+function Qs(e) {
+  const t = e;
+  return !!t && typeof t == "object" && typeof t.queryId == "string" && Array.isArray(t.arguments) && Array.isArray(t.results);
+}
+function Ys(e, t, n) {
+  const r = e.arguments.filter((o) => o.parameter !== t);
+  return {
+    ...e,
+    arguments: n.trim() === "" ? r : [...r, {
+      parameter: t,
+      source: { path: n.trim() }
+    }]
+  };
+}
+function Zs(e, t, n = t) {
+  return e.results.some((r) => r.field === t) ? e : {
+    ...e,
+    results: [...e.results, {
+      target: n,
+      field: t
+    }]
+  };
+}
+function Xs(e, t) {
+  return {
+    ...e,
+    results: e.results.filter((n) => n.field !== t)
+  };
+}
+var el = (e, t) => e.arguments.find((n) => n.parameter === t.name)?.source.path ?? "", tl = (e, t) => e.results.some((n) => n.field === t.name), G = /* @__PURE__ */ (function(e) {
+  return e.NoQuery = "noQuery", e.MissingQuery = "missingQuery", e.Loading = "loading", e.Empty = "empty", e.Error = "error", e.Ready = "ready", e;
+})({});
+function nl({ binding: e, candidate: t, isLoading: n, error: r, rowCount: o }) {
+  return e ? t ? r != null ? G.Error : n ? G.Loading : o === 0 ? G.Empty : G.Ready : G.MissingQuery : G.NoQuery;
+}
+function wn(e, t, n, r) {
+  const o = mo(e, t, n, r);
+  return {
+    diagnostics: o,
+    isStorable: o.every((i) => i.severity !== "error")
+  };
+}
+var rl = (e) => e.origin.map((t) => t.name).join(" / "), ol = ({ property: e, candidates: t, scope: n, strings: r, disabled: o, onChange: i }) => {
+  const a = r.properties.query, [c, d] = M(), u = Qs(e.effectiveValue) ? e.effectiveValue : void 0, l = c ?? u, p = l ? t.find((C) => C.id === l.queryId) : void 0, w = l ? wn(e.descriptor, p, l, n).diagnostics : [], g = (C) => {
+    if (!C) {
+      d(void 0), i(void 0);
+      return;
+    }
+    const I = wn(e.descriptor, t.find((F) => F.id === C.queryId), C, n);
+    d(I.isStorable ? void 0 : C), I.isStorable && i(C);
+  }, k = nl({
+    binding: l,
+    candidate: p,
+    isLoading: !1
+  }), x = Object.keys(n.types);
+  return /* @__PURE__ */ b("fieldset", {
+    className: "studio-editor-query",
+    disabled: o,
+    children: [
+      /* @__PURE__ */ s("legend", { children: e.descriptor.label }),
+      /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ s("span", { children: a.label }), /* @__PURE__ */ b("select", {
+        value: l?.queryId ?? "",
+        onChange: (C) => {
+          const I = t.find((F) => F.id === C.target.value);
+          g(I ? Js(I) : void 0);
+        },
+        children: [
+          /* @__PURE__ */ s("option", {
+            value: "",
+            children: a.none
+          }),
+          l && !p && /* @__PURE__ */ s("option", {
+            value: l.queryId,
+            children: l.query
+          }),
+          t.map((C) => /* @__PURE__ */ b("option", {
+            value: C.id,
+            children: [
+              C.name,
+              " - ",
+              rl(C)
+            ]
+          }, C.id))
+        ]
+      })] }),
+      l && !p && /* @__PURE__ */ s("p", {
+        className: "studio-editor-query__missing",
+        role: "alert",
+        children: a.missing
+      }),
+      l && p && /* @__PURE__ */ b(Ie, { children: [p.parameters.length > 0 && /* @__PURE__ */ b("div", {
+        className: "studio-editor-query__group",
+        children: [/* @__PURE__ */ s("strong", { children: a.parameters }), p.parameters.map((C) => /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ b("span", { children: [a.sourceFor(C.name), C.required ? " *" : ""] }), /* @__PURE__ */ b("select", {
+          value: el(l, C),
+          onChange: (I) => g(Ys(l, C.name, I.target.value)),
+          children: [/* @__PURE__ */ s("option", {
+            value: "",
+            children: a.noSource
+          }), x.map((I) => /* @__PURE__ */ s("option", {
+            value: I,
+            children: I
+          }, I))]
+        })] }, C.name))]
+      }), /* @__PURE__ */ b("div", {
+        className: "studio-editor-query__group",
+        children: [/* @__PURE__ */ s("strong", { children: a.columns }), p.resultFields.map((C) => /* @__PURE__ */ b("label", {
+          className: "studio-editor-query__column",
+          children: [/* @__PURE__ */ s("input", {
+            type: "checkbox",
+            checked: tl(l, C),
+            onChange: (I) => g(I.target.checked ? Zs(l, C.name) : Xs(l, C.name))
+          }), /* @__PURE__ */ s("span", { children: a.showColumn(C.name) })]
+        }, C.name))]
+      })] }),
+      /* @__PURE__ */ s("p", {
+        className: "studio-editor-query__preview",
+        role: "status",
+        "data-state": k,
+        children: il(k, a.preview)
+      }),
+      /* @__PURE__ */ s(hr, {
+        diagnostics: w,
+        label: r.properties.diagnostics
+      })
+    ]
+  });
+};
+function il(e, t) {
+  switch (e) {
+    case G.NoQuery:
+      return t.noQuery;
+    case G.MissingQuery:
+      return t.missingQuery;
+    case G.Loading:
+      return t.loading;
+    case G.Empty:
+      return t.empty;
+    case G.Error:
+      return t.error;
+    case G.Ready:
+      return "";
+  }
+}
+var al = (e, t, n = !1) => ({
+  kind: U.ChangeLayoutType,
+  nodeId: e,
+  to: t,
+  ...n ? { acceptLoss: !0 } : {}
+});
+function sl(e, t, n) {
+  if (t) return { kind: "applied" };
+  const r = n.find((o) => o.code === ee.LossyConversionNotAccepted);
+  return r ? {
+    kind: "confirm",
+    lost: r.message,
+    edit: {
+      ...e,
+      acceptLoss: !0
+    }
+  } : {
+    kind: "refused",
+    diagnostics: [...n]
+  };
+}
+var ll = ({ inspection: e, controller: t, strings: n, disabled: r }) => {
+  const o = n.properties, [i, a] = M(), c = Xt(t.context.catalog, e.typeId), d = c?.capabilities.convertibleTo ?? [];
+  if (!c || d.length === 0) return null;
+  const u = (l) => {
+    const p = t.tryApply(l, o.changeLayout), w = sl(l, p.applied, p.diagnostics);
+    a(w.kind === "confirm" ? {
+      lost: w.lost,
+      edit: w.edit
+    } : void 0);
+  };
+  return /* @__PURE__ */ b("section", {
+    className: "studio-editor-properties__layout",
+    children: [/* @__PURE__ */ b("label", { children: [/* @__PURE__ */ s("span", { children: o.layoutType }), /* @__PURE__ */ b("select", {
+      value: e.typeId,
+      disabled: r,
+      onChange: (l) => u(al(e.nodeId, l.target.value)),
+      children: [/* @__PURE__ */ s("option", {
+        value: e.typeId,
+        children: c.label
+      }), d.map((l) => /* @__PURE__ */ s("option", {
+        value: l,
+        children: Xt(t.context.catalog, l)?.label ?? l
+      }, l))]
+    })] }), i && /* @__PURE__ */ b("div", {
+      className: "studio-editor-properties__confirm",
+      role: "alertdialog",
+      "aria-label": o.confirmLayoutTitle,
+      children: [
+        /* @__PURE__ */ s("strong", { children: o.confirmLayoutTitle }),
+        /* @__PURE__ */ s("p", { children: i.lost }),
+        /* @__PURE__ */ s("button", {
+          type: "button",
+          onClick: () => {
+            t.apply(i.edit, o.changeLayout), a(void 0);
+          },
+          children: o.confirmLayoutAccept
+        }),
+        /* @__PURE__ */ s("button", {
+          type: "button",
+          onClick: () => a(void 0),
+          children: o.confirmLayoutCancel
+        })
+      ]
+    })]
+  });
+};
+function cl(e, t, n, r = {}) {
+  const o = {
+    component: t,
+    path: n,
+    ...r.label ? { label: r.label } : {},
+    ...r.operations && r.operations.length > 0 ? { operations: r.operations } : {},
+    ...r.editableFields && r.editableFields.length > 0 ? { editableFields: r.editableFields } : {}
+  };
+  return {
+    kind: U.ExposeProperty,
+    owner: e,
+    property: o
+  };
+}
+function dl(e, t, n) {
+  return {
+    kind: U.UnexposeProperty,
+    owner: e,
+    component: t,
+    path: n
+  };
+}
+var ul = (e, t, n, r) => e.exposures.some((o) => o.owner === t && o.properties.some((i) => i.component === n && i.path === r)), pl = [
+  te.Add,
+  te.Remove,
+  te.Reorder,
+  te.EditFields
+], ml = ({ inspection: e, componentId: t, controller: n, strings: r, authoringTemplate: o }) => {
+  const i = r.properties;
+  if (o === void 0) return null;
+  const a = e.properties.filter((c) => c.descriptor.valueType !== A.Object && c.descriptor.group !== "Placement");
+  return a.length === 0 ? null : /* @__PURE__ */ b("section", {
+    className: "studio-editor-properties__exposure",
+    children: [/* @__PURE__ */ s("strong", { children: i.exposure }), /* @__PURE__ */ s("ul", { children: a.map((c) => {
+      const d = c.descriptor.path, u = ul(n.document, o, t, d), l = c.descriptor.valueType === A.Collection;
+      return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ b("label", { children: [
+        /* @__PURE__ */ s("input", {
+          type: "checkbox",
+          checked: u,
+          onChange: (p) => n.apply(p.target.checked ? cl(o, t, d, l ? { operations: pl } : {}) : dl(o, t, d), u ? i.unexposeProperty : i.exposeProperty)
+        }),
+        /* @__PURE__ */ s("span", { children: c.descriptor.label }),
+        u && /* @__PURE__ */ s("em", { children: i.exposedToScopes })
+      ] }) }, d);
+    }) })]
+  });
+};
+function gr(e) {
+  if (e !== void 0)
+    return e.filter((t) => typeof t.value == "string").map((t) => eo(t.value)).filter((t) => t !== void 0);
+}
+var fl = /* @__PURE__ */ new Set([
+  ee.MissingIconLibrary,
+  ee.MissingIcon,
+  ee.MissingIconVariant,
+  ee.IncompatibleIconLibrary,
+  ee.IconCatalogUnavailable,
+  ee.IconNotVerified
+]), vr = (e) => fl.has(e.code), hl = (e) => e.code === ee.IconNotVerified;
+function yr(e, t, n) {
+  const r = e.filter((o) => vr(o) && !hl(o) && o.path === t && o.itemId === n);
+  return (r.find((o) => o.severity === Hr.Error) ?? r[0])?.message;
+}
+var gl = (e) => e.filter((t) => !vr(t));
+function vl(e, t) {
+  const n = {};
+  for (const r of e) {
+    if (r.itemId === void 0) continue;
+    const o = yr(e, t, r.itemId);
+    o && (n[r.itemId] = { icon: o });
+  }
+  return n;
+}
+var yl = ({ properties: e, controller: t, catalog: n, adapters: r, diagnostics: o, strings: i }) => {
+  if (e.length === 0) return null;
+  const a = i.properties;
+  return /* @__PURE__ */ s("section", {
+    className: "studio-editor-properties__icons",
+    children: e.map((c) => {
+      const { path: d, label: u } = c.descriptor, l = Xr(c.effectiveValue) ? c.effectiveValue : void 0, p = `studio-editor-icon-${d}`;
+      return /* @__PURE__ */ b("div", {
+        className: "studio-editor-properties__icon",
+        children: [
+          /* @__PURE__ */ s("span", {
+            id: p,
+            className: "studio-editor-properties__icon-label",
+            children: u
+          }),
+          /* @__PURE__ */ s(mr, {
+            value: l,
+            onChange: (w) => t.setProperty(c, w),
+            catalog: n,
+            adapters: r,
+            allowed: gr(c.descriptor.choices),
+            readOnly: !c.editable,
+            validationMessage: yr(o, d),
+            strings: a.icon,
+            pickerLabels: a.iconPickerLabels,
+            "aria-labelledby": p
+          }),
+          !c.editable && c.reason && /* @__PURE__ */ s("p", {
+            className: "studio-editor-properties__hint",
+            children: c.reason
+          })
+        ]
+      }, d);
+    })
+  });
+}, br = {
+  placeholder: 'Empty means not set. Type JSON, such as {"a": 1}, [1, 2] or null.',
+  problems: {
+    required: "This setting needs a value.",
+    syntax: (e) => `This is not valid JSON: ${e}`,
+    unsafeInteger: (e) => `${e} is too large to be kept exactly as a number.`,
+    outOfRange: (e) => `${e} is too large to be a number.`
+  }
+}, q = /* @__PURE__ */ (function(e) {
+  return e.Unchanged = "unchanged", e.Unset = "unset", e.Set = "set", e.Invalid = "invalid", e;
+})({}), Y = /* @__PURE__ */ (function(e) {
+  return e.Required = "required", e.Syntax = "syntax", e.UnsafeInteger = "unsafeInteger", e.OutOfRange = "outOfRange", e;
+})({});
+function bl(e, t) {
+  switch (e.kind) {
+    case Y.Required:
+      return t.problems.required;
+    case Y.Syntax:
+      return t.problems.syntax(e.detail);
+    case Y.UnsafeInteger:
+      return t.problems.unsafeInteger(e.detail);
+    case Y.OutOfRange:
+      return t.problems.outOfRange(e.detail);
+  }
+}
+var wr = (e) => e === void 0 ? "" : JSON.stringify(e, null, 2) ?? "", Cn = /-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/y;
+function wl(e) {
+  const t = [];
+  let n = 0;
+  for (; n < e.length; ) {
+    const r = e[n];
+    if (r === '"') {
+      for (n++; n < e.length && e[n] !== '"'; ) n += e[n] === "\\" ? 2 : 1;
+      n++;
+      continue;
+    }
+    if (r === "-" || r >= "0" && r <= "9") {
+      Cn.lastIndex = n;
+      const o = Cn.exec(e);
+      if (o) {
+        t.push(o[0]), n += o[0].length;
+        continue;
+      }
+    }
+    n++;
+  }
+  return t;
+}
+var Cl = (e) => {
+  const [t] = e.replace("-", "").split(/[eE]/);
+  return t.replace(".", "").replace(/^0+/, "").replace(/0+$/, "").length;
+}, Sl = (e, t) => Number.isSafeInteger(t) ? !1 : /[.eE]/.test(e) ? Number.isInteger(t) && Cl(e) > 15 : !0, kl = (e) => {
+  for (const t of wl(e)) {
+    const n = Number(t);
+    if (!Number.isFinite(n)) return {
+      kind: Y.OutOfRange,
+      detail: t
+    };
+    if (Sl(t, n)) return {
+      kind: Y.UnsafeInteger,
+      detail: t
+    };
+  }
+};
+function Il(e) {
+  let t;
+  try {
+    t = JSON.parse(e);
+  } catch (r) {
+    return { problem: {
+      kind: Y.Syntax,
+      detail: r instanceof Error ? r.message : String(r)
+    } };
+  }
+  const n = kl(e);
+  return n ? { problem: n } : { value: t };
+}
+function Je(e, t) {
+  if (typeof e == "number" || typeof t == "number") return Object.is(e, t);
+  if (e === null || t === null || typeof e != "object" || typeof t != "object") return e === t;
+  if (Array.isArray(e) !== Array.isArray(t)) return !1;
+  if (Array.isArray(e) && Array.isArray(t)) return e.length === t.length && e.every((o, i) => Je(o, t[i]));
+  const n = Object.keys(e), r = Object.keys(t);
+  return n.length === r.length && n.every((o, i) => o === r[i] && Je(e[o], t[o]));
+}
+var Wt = (e) => ({
+  text: wr(e),
+  base: e
+}), Pl = (e, t) => ({
+  ...e,
+  text: t
+}), Tl = (e, t) => Je(e.base, t) ? e : Wt(t), Cr = (e) => Wt(e.base);
+function Sr(e, t) {
+  if (e.text.trim() === "")
+    return t ? {
+      kind: q.Invalid,
+      problem: {
+        kind: Y.Required,
+        detail: ""
+      }
+    } : e.base === void 0 ? { kind: q.Unchanged } : { kind: q.Unset };
+  if (e.text === wr(e.base)) return { kind: q.Unchanged };
+  const n = Il(e.text);
+  return n.problem ? {
+    kind: q.Invalid,
+    problem: n.problem
+  } : t && n.value === null ? {
+    kind: q.Invalid,
+    problem: {
+      kind: Y.Required,
+      detail: ""
+    }
+  } : Je(n.value, e.base) ? { kind: q.Unchanged } : {
+    kind: q.Set,
+    value: n.value
+  };
+}
+function Rl(e, t) {
+  const n = Sr(e, t);
+  return {
+    state: n.kind === q.Unchanged ? Cr(e) : e,
+    outcome: n
+  };
+}
+function xl(e, t, n) {
+  const [r, o] = M(() => Wt(e)), i = Tl(r, e);
+  return i !== r && o(i), {
+    text: i.text,
+    outcome: Sr(i, t),
+    edit: (a) => o(Pl(i, a)),
+    revert: () => o(Cr(i)),
+    commit: () => {
+      const a = Rl(i, t);
+      o(a.state), a.outcome.kind === q.Set && n(a.outcome.value), a.outcome.kind === q.Unset && n(void 0);
+    }
+  };
+}
+var Nl = (e) => e.key === "Enter" && (e.ctrlKey || e.metaKey), Fl = ({ label: e, description: t, value: n, onApply: r, readOnly: o = !1, reason: i, required: a = !1, strings: c, rows: d = 6 }) => {
+  const u = xl(n, a, r), l = Gr(), p = u.outcome.kind === q.Invalid ? bl(u.outcome.problem, c) : void 0, w = [
+    t && `${l}-description`,
+    p && `${l}-problem`,
+    i && `${l}-reason`
+  ].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ b("div", {
+    className: "studio-editor-json",
+    children: [
+      /* @__PURE__ */ s("label", {
+        htmlFor: l,
+        className: "studio-editor-json__label",
+        children: e
+      }),
+      t && /* @__PURE__ */ s("p", {
+        id: `${l}-description`,
+        className: "studio-editor-json__description",
+        children: t
+      }),
+      /* @__PURE__ */ s(ho, {
+        id: l,
+        className: "studio-editor-json__text",
+        value: u.text,
+        rows: d,
+        readOnly: o,
+        invalid: p !== void 0,
+        placeholder: o ? void 0 : c.placeholder,
+        spellCheck: !1,
+        "aria-describedby": w,
+        onChange: u.edit,
+        onBlur: o ? void 0 : u.commit,
+        onKeyDown: (g) => {
+          o || (Nl(g) && u.commit(), g.key === "Escape" && u.revert());
+        }
+      }),
+      p && /* @__PURE__ */ s("p", {
+        id: `${l}-problem`,
+        role: "alert",
+        className: "studio-editor-json__problem",
+        children: p
+      }),
+      o && i && /* @__PURE__ */ s("p", {
+        id: `${l}-reason`,
+        className: "studio-editor-json__reason",
+        children: i
+      })
+    ]
+  });
+}, Dl = ({ properties: e, componentId: t, setProperty: n, strings: r = br }) => e.length === 0 ? null : /* @__PURE__ */ s("section", {
+  className: "studio-editor-json-properties",
+  children: e.map((o) => /* @__PURE__ */ s(Fl, {
+    label: o.descriptor.label,
+    description: o.descriptor.description,
+    value: o.effectiveValue,
+    readOnly: !o.editable || o.descriptor.readOnly === !0,
+    reason: o.reason,
+    required: o.descriptor.constraints?.required === !0,
+    strings: r,
+    onApply: (i) => n(o, i)
+  }, `${t}:${o.descriptor.path}`))
+}), Ol = A.Json, Ll = (e) => e === Ol, Ml = (e) => Ll(e.descriptor.valueType), El = "action", qt = "presentation", Gt = "arguments", Me = (e) => typeof e == "string" ? e : "";
+function Al(e, t = "") {
+  const n = Me(e?.command);
+  if (n === "") return;
+  const r = Array.isArray(e?.arguments) ? e[Gt] : [], o = Object.fromEntries(r.map((a) => [Me(a.name), Me(a.source)]).filter(([a]) => a !== "")), i = Me(e?.[qt]);
+  return {
+    sliceId: n,
+    sliceName: t,
+    inputs: o,
+    presentation: Object.values(J).includes(i) ? i : J.None
+  };
+}
+function $l(e) {
+  return {
+    command: e.sliceId,
+    [qt]: e.presentation,
+    [Gt]: Object.entries(e.inputs).filter(([, t]) => t.trim() !== "").map(([t, n]) => ({
+      id: t,
+      name: t,
+      source: n.trim()
+    }))
+  };
+}
+function _l(e, t) {
+  const n = Q(e);
+  return Object.entries($l(t)).map(([r, o]) => ({
+    kind: U.SetProperty,
+    nodeId: n,
+    path: r,
+    value: o
+  }));
+}
+var Bl = (e) => e.descriptor.valueType === A.QueryReference, zl = /* @__PURE__ */ new Set([Gt]), Ul = (e) => e.descriptor.valueType === A.Collection && !!e.descriptor.item && !zl.has(e.descriptor.path), jl = ({ controller: e, environment: t, strings: n, ownership: r, authoringTemplate: o }) => {
+  const { inspection: i, selectedId: a, selection: c } = e, d = n.properties, u = _(() => Es(t.availableSources), [t.availableSources]);
+  if (!a || !c || !i) return /* @__PURE__ */ s("p", {
+    className: "studio-editor-properties-empty",
+    children: n.noSelection
+  });
+  const l = ds(e.composition.roots, a), p = bs(i.properties, l, c.properties), w = Vs(p, i.typeId), g = new Map(i.properties.map((m) => [m.descriptor.path, m])), k = i.properties.filter(Bl), x = i.properties.filter(Ul), C = i.properties.filter((m) => m.descriptor.valueType === A.Icon), I = i.properties.filter(Ml), F = [...i.diagnostics, ...e.diagnostics], { runtime: N } = t, E = i.typeId.endsWith("action"), v = c.properties, T = (m) => {
+    const f = g.get(m.name);
+    if (!f) return;
+    if (f.descriptor.valueType !== A.Enum) return e.setProperty(f, m.value);
+    const y = $s(f, m.value);
+    y && e.setProperty(f, y.value);
+  }, R = (m, f) => e.apply(fr(a, m, f), "Bind query");
+  return /* @__PURE__ */ b("div", {
+    className: "studio-editor-properties",
+    children: [
+      /* @__PURE__ */ b("header", {
+        className: "studio-editor-properties__header",
+        children: [
+          /* @__PURE__ */ s("strong", { children: i.label }),
+          /* @__PURE__ */ s("span", { children: i.typeId }),
+          r && /* @__PURE__ */ s(ur, {
+            ownership: r,
+            label: n.ownership[r]
+          })
+        ]
+      }),
+      r && /* @__PURE__ */ s("p", {
+        className: "studio-editor-properties__hint",
+        children: n.ownershipHint[r]
+      }),
+      /* @__PURE__ */ s(hr, {
+        diagnostics: gl(F),
+        label: d.diagnostics
+      }),
+      /* @__PURE__ */ s(ll, {
+        inspection: i,
+        controller: e,
+        strings: n,
+        disabled: r !== void 0 && r !== "local"
+      }),
+      w.groups.length > 0 ? /* @__PURE__ */ s(vo, {
+        groups: w.groups,
+        values: w.values,
+        onChange: T,
+        "aria-label": n.propertiesTab
+      }) : i.properties.length === 0 && /* @__PURE__ */ s("p", {
+        className: "studio-editor-properties-empty",
+        children: d.noProperties
+      }),
+      /* @__PURE__ */ s(yl, {
+        properties: C,
+        controller: e,
+        catalog: N.icons,
+        adapters: N.iconAdapters,
+        diagnostics: F,
+        strings: n
+      }),
+      /* @__PURE__ */ s(Dl, {
+        properties: I,
+        componentId: a,
+        setProperty: e.setProperty,
+        strings: d.json
+      }),
+      x.map((m) => /* @__PURE__ */ s(Vl, {
+        property: m,
+        componentId: a,
+        controller: e,
+        strings: n,
+        destinations: t.destinations,
+        icons: {
+          catalog: N.icons,
+          adapters: N.iconAdapters,
+          diagnostics: F
+        }
+      }, m.descriptor.path)),
+      k.map((m) => /* @__PURE__ */ s(ol, {
+        property: m,
+        candidates: t.queryCandidates,
+        scope: u,
+        strings: n,
+        disabled: !m.editable,
+        onChange: (f) => R(m, f)
+      }, `${a}:${m.descriptor.path}`)),
+      E && /* @__PURE__ */ s(Ks, {
+        action: Al(v, t.stateChangeSlices.find((m) => m.id === v?.command)?.name ?? ""),
+        slices: t.stateChangeSlices,
+        sources: Object.keys(t.availableSources),
+        strings: n,
+        disabled: r !== void 0 && r !== "local",
+        suggestSource: (m) => m === "id" || m.endsWith("Id") ? "row.id" : void 0,
+        onChange: (m) => m && e.applyAll(_l(a, m), n.properties.action.label)
+      }),
+      /* @__PURE__ */ s(ml, {
+        inspection: i,
+        componentId: a,
+        controller: e,
+        strings: n,
+        authoringTemplate: o
+      })
+    ]
+  });
+}, Vl = ({ property: e, componentId: t, controller: n, strings: r, destinations: o, icons: i }) => {
+  const { items: a, fixed: c } = Fs(e), d = vl(i.diagnostics, e.descriptor.path);
+  return /* @__PURE__ */ s("section", {
+    className: "studio-editor-properties__collection",
+    children: /* @__PURE__ */ s(go, {
+      items: a,
+      fixedItems: c,
+      capabilities: Ds(e),
+      destinations: o,
+      validation: d,
+      renderIconField: (u) => /* @__PURE__ */ s(mr, {
+        value: u.value,
+        onChange: u.onChange,
+        allowed: gr(e.descriptor.item?.properties.find((l) => l.path === "icon")?.choices),
+        catalog: i.catalog,
+        adapters: i.adapters,
+        readOnly: u.readOnly,
+        showMessage: !1,
+        invalid: u.invalid,
+        strings: r.properties.icon,
+        pickerLabels: r.properties.iconPickerLabels,
+        "aria-label": u["aria-label"],
+        "aria-describedby": u["aria-describedby"]
+      }),
+      "aria-label": e.descriptor.label,
+      createItem: () => ({
+        id: globalThis.crypto.randomUUID(),
+        label: "",
+        values: {}
+      }),
+      onChange: (u) => n.applyAll(Os(t, e, u), r.properties.itemsLabel)
+    })
+  });
+}, kr = ({ strings: e, controller: t, environment: n, authoringTemplate: r, structure: o, onClose: i }) => {
+  const [a, c] = M(pt.Properties), d = t.selectedId ? t.ownershipOf(t.selectedId) : void 0;
+  return /* @__PURE__ */ b("section", {
+    className: "studio-editor-inspector",
+    "aria-label": e.inspectorTitle,
+    children: [/* @__PURE__ */ b("header", {
+      className: "studio-editor-inspector__header",
+      children: [/* @__PURE__ */ s("h2", {
+        className: "studio-editor-inspector__title",
+        children: e.inspectorTitle
+      }), /* @__PURE__ */ s("button", {
+        type: "button",
+        className: "studio-editor-inspector__close",
+        "aria-label": e.closeInspector,
+        title: e.closeInspector,
+        onClick: i,
+        children: "×"
+      })]
+    }), /* @__PURE__ */ s(fo, {
+      className: "studio-editor-inspector__tabs",
+      "aria-label": e.inspectorTitle,
+      value: a,
+      onChange: c,
+      tabs: [{
+        id: pt.Properties,
+        label: e.propertiesTab,
+        content: /* @__PURE__ */ s(jl, {
+          controller: t,
+          environment: n,
+          strings: e,
+          ownership: d,
+          authoringTemplate: r
+        })
+      }, {
+        id: pt.Structure,
+        label: e.structureTab,
+        content: o
+      }]
+    })]
+  });
+}, Xe = (e) => {
+  const t = e;
+  return !!t && (t.kind === "layout" && typeof t.item == "string" || t.kind === "component" && typeof t.componentName == "string" && typeof t.package == "string");
+}, Ht = "application/x-studio-palette-item", Ir = "application/x-studio-element";
+function Pr(e, t, n) {
+  const r = document.createElement("div");
+  r.className = "studio-drag-preview", n && r.append(n.cloneNode(!0)), r.append(Object.assign(document.createElement("span"), { textContent: t })), document.body.append(r), e.dataTransfer.setDragImage(r, 14, 14), setTimeout(() => r.remove(), 0);
+}
+var Wl = (e, t, n) => {
+  e.dataTransfer.setData(Ht, JSON.stringify(t)), e.dataTransfer.effectAllowed = "copyMove", n && Pr(e, n, e.currentTarget instanceof Element ? e.currentTarget.querySelector("svg") : null);
+}, ql = (e, t, n) => {
+  e.dataTransfer.setData(Ir, t), e.dataTransfer.effectAllowed = "move", Pr(e, n);
+}, Gl = (e) => e.dataTransfer.getData("application/x-studio-element") || void 0, Rt = (e) => e.dataTransfer.types.includes(Ir), Ee = (e) => Kl(e) || Rt(e);
+function Hl(e) {
+  try {
+    const t = JSON.parse(e.dataTransfer.getData(Ht));
+    return Xe(t) ? t : void 0;
+  } catch {
+    return;
+  }
+}
+var Kl = (e) => e.dataTransfer.types.includes(Ht), Tr = ({ drawers: e, closeLabel: t, onActivate: n }) => /* @__PURE__ */ s(Ie, { children: e.map((r) => /* @__PURE__ */ s(Ro, {
+  className: "studio-palette-folder",
+  icon: r.icon,
+  title: r.title,
+  heading: r.title,
+  closeLabel: t,
+  presentation: "drawer",
+  items: r.items,
+  draggable: !0,
+  onActivate: (o) => n(o.payload),
+  onItemDragStart: (o, i) => Xe(o.payload) && Wl(i, o.payload, o.title)
+}, r.id)) }), me = /* @__PURE__ */ (function(e) {
+  return e.Panel = "Panel", e.StackPanel = "StackPanel", e.WrapPanel = "WrapPanel", e.Grid = "Grid", e.Canvas = "Canvas", e;
+})({}), Jl = [
+  {
+    item: S.Stack,
+    type: "Stack",
+    panel: me.StackPanel,
+    flowKind: et.Column,
+    arrangement: L.Column
+  },
+  {
+    item: S.Row,
+    type: "Row",
+    panel: me.StackPanel,
+    flowKind: et.Row,
+    arrangement: L.Row
+  },
+  {
+    item: S.Grid,
+    type: "Grid",
+    panel: me.Grid,
+    flowKind: et.Grid,
+    arrangement: L.Grid
+  },
+  {
+    item: S.Container,
+    type: "Container",
+    panel: me.Panel,
+    arrangement: L.Grouping
+  },
+  {
+    item: S.Wrap,
+    type: "Wrap",
+    panel: me.WrapPanel,
+    arrangement: L.Wrap
+  },
+  {
+    item: S.Canvas,
+    type: "Canvas",
+    panel: me.Canvas,
+    arrangement: L.Freeform
+  }
+], Ql = /* @__PURE__ */ new Set([
+  "column",
+  "screenShell",
+  "shell"
+]), Rr = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim(), Yl = (e) => e.split(".").map(Rr).join(" ");
+function xr(e, t, n, r, o = {}) {
+  return [{
+    id: "layout",
+    title: e,
+    icon: n.drawer.layout,
+    items: Jl.map((i) => ({
+      id: `layout:${i.item}`,
+      title: t[i.item],
+      icon: n.layout(i.item),
+      payload: {
+        kind: "layout",
+        item: i.item
+      }
+    }))
+  }, ...r.map((i) => ({
+    id: `package:${i.package}`,
+    title: o[i.package] ?? Yl(i.package),
+    icon: n.drawer.package(i.package),
+    items: i.components.filter((a) => !Ql.has(a)).map((a) => ({
+      id: `component:${i.package}:${a}`,
+      title: Rr(a),
+      icon: n.component(a),
+      payload: {
+        kind: "component",
+        componentName: a,
+        package: i.package
+      }
+    }))
+  })).filter((i) => i.items.length > 0)];
+}
+var Zl = "core", Xl = /* @__PURE__ */ new Set([El]);
+function Kt(e, t) {
+  return Xl.has(e) && t === "core" ? `${Zl}:${e}` : e;
+}
+function xt(e) {
+  return e ? $t(e) ? pe.grid : _t(e) ? e.orientation === we.Horizontal ? pe.flexRow : pe.flexColumn : ce(e) ? pe.absolute : pe.flexColumn : pe.absolute;
+}
+function Nr(e, t) {
+  return {
+    id: e,
+    name: t,
+    visibility: Et.Visible,
+    isEnabled: !0,
+    opacity: 1,
+    size: {},
+    zIndex: 0,
+    minimumSize: {},
+    maximumSize: {},
+    margin: {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    },
+    horizontalAlignment: Lt.Stretch,
+    verticalAlignment: Mt.Stretch,
+    properties: {}
+  };
+}
+var Sn = {
+  unitType: Jr.Star,
+  value: 1
+};
+function Qe(e, t, n, r = [], o = {}) {
+  const i = ec(e, o);
+  return {
+    ...Nr(t, n),
+    children: r,
+    ...i
+  };
+}
+function ec(e, t) {
+  switch (e) {
+    case S.Stack:
+      return {
+        orientation: we.Vertical,
+        spacing: 8
+      };
+    case S.Row:
+      return {
+        orientation: we.Horizontal,
+        spacing: 8
+      };
+    case S.Grid:
+      return {
+        rows: [],
+        columns: [{
+          width: Sn,
+          minimumWidth: 0,
+          maximumWidth: Number.POSITIVE_INFINITY
+        }, {
+          width: Sn,
+          minimumWidth: 0,
+          maximumWidth: Number.POSITIVE_INFINITY
+        }]
+      };
+    case S.Wrap:
+      return { orientation: we.Horizontal };
+    case S.Canvas:
+      return { extent: t };
+    case S.Container:
+      return {};
+  }
+}
+var oe = /* @__PURE__ */ (function(e) {
+  return e.NotJson = "notJson", e.WrongShape = "wrongShape", e.MissingScreen = "missingScreen", e.MissingTemplate = "missingTemplate", e;
+})({}), tc = [
+  "layouts",
+  "screenTemplates",
+  "dialogTemplates",
+  "screens",
+  "exposures",
+  "instanceContributions"
+];
+function nc(e, t) {
+  let n = e;
+  if (typeof e == "string") try {
+    n = JSON.parse(e);
+  } catch {
+    return {
+      readable: !1,
+      problem: oe.NotJson
+    };
+  }
+  const r = n;
+  if (!r || typeof r != "object" || tc.some((i) => !Array.isArray(r[i]))) return {
+    readable: !1,
+    problem: oe.WrongShape
+  };
+  const o = r;
+  return t !== void 0 ? o.screenTemplates.some((i) => i.name === t) ? {
+    readable: !0,
+    document: o
+  } : {
+    readable: !1,
+    problem: oe.MissingTemplate
+  } : o.screens.some((i) => i.name === "Screen") ? {
+    readable: !0,
+    document: o
+  } : {
+    readable: !1,
+    problem: oe.MissingScreen
+  };
+}
+function Fr(e) {
+  const t = e.documentText ?? e.document;
+  if (t !== void 0) {
+    const n = nc(t, e.authoringTemplate);
+    return n.readable ? {
+      opened: !0,
+      subject: { document: n.document }
+    } : {
+      opened: !1,
+      problem: n.problem
+    };
+  }
+  return {
+    opened: !0,
+    subject: { document: rc(e) }
+  };
+}
+function rc(e) {
+  return e.authoringTemplate !== void 0 ? Xa(e.authoringTemplate, Qe(S.Stack, Qa, "Template")) : Za(Qe(S.Stack, Ya, "Screen"), e.screenTemplate);
+}
+var Dr = ({ placement: e, children: t }) => /* @__PURE__ */ s("div", {
+  className: "studio-screen-editor-palette-host",
+  "data-placement": e,
+  "data-cratis-part": "screen-editor-palette",
+  children: /* @__PURE__ */ s(To, { children: t })
+}), Or = ({ strings: e, onClose: t, children: n }) => /* @__PURE__ */ s($n, {
+  fallback: /* @__PURE__ */ b("div", {
+    className: "studio-screen-editor-unreadable",
+    role: "alertdialog",
+    "aria-label": e.stopped.title,
+    children: [
+      /* @__PURE__ */ s("strong", { children: e.stopped.title }),
+      /* @__PURE__ */ s("p", { children: e.stopped.message }),
+      t && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("button", {
+        type: "button",
+        onClick: t,
+        children: e.stopped.close
+      }) })
+    ]
+  }),
+  children: n
+}), Lr = ({ problem: e, strings: t, onClose: n }) => /* @__PURE__ */ b("div", {
+  className: "studio-screen-editor-unreadable",
+  role: "alertdialog",
+  "aria-label": t.unreadable.title,
+  children: [
+    /* @__PURE__ */ s("strong", { children: t.unreadable.title }),
+    /* @__PURE__ */ s("p", { children: t.unreadable.reasons[e] }),
+    /* @__PURE__ */ s("p", { children: t.unreadable.warning }),
+    n && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("button", {
+      type: "button",
+      onClick: n,
+      children: t.unreadable.close
+    }) })
+  ]
+}), Mr = ({ environment: e, children: t }) => {
+  const n = /* @__PURE__ */ s(xo, {
+    handler: e.fileUpload?.handler,
+    allowedOrigins: e.fileUpload?.allowedOrigins,
+    children: t
+  });
+  return e.richText ? /* @__PURE__ */ s(No, {
+    loader: e.richText,
+    children: n
+  }) : n;
+}, oc = ({ controls: e }) => /* @__PURE__ */ s("div", {
+  className: "studio-window-title-bar",
+  role: "toolbar",
+  children: /* @__PURE__ */ s("div", {
+    className: "studio-window-title-bar__controls",
+    children: e
+  })
+}), ke = /* @__PURE__ */ (function(e) {
+  return e.Desktop = "desktop", e.Mobile = "mobile", e;
+})({}), Jt = {
+  [ke.Desktop]: {
+    width: 1280,
+    height: 800
+  },
+  [ke.Mobile]: {
+    width: 390,
+    height: 844
+  }
+};
+function Er(e, t) {
+  return {
+    width: Math.min(e.width, t.width),
+    height: Math.min(e.height + 40, t.height)
+  };
+}
+function Ar(e) {
+  return {
+    width: e.width,
+    height: Math.max(0, e.height - 40)
+  };
+}
+function ic(e, t) {
+  return Object.values(ke).find((n) => {
+    const r = Er(Jt[n], t);
+    return r.width === e.width && r.height === e.height;
+  });
+}
+function ac(e) {
+  const t = Ar(e);
+  return ro(t.width, t.height);
+}
+var sc = ({ windowSize: e, available: t, strings: n, onResize: r }) => {
+  const o = ic(e, t), i = Ar(e), a = ac(e), c = (d, u, l) => /* @__PURE__ */ s(Pe, {
+    icon: u,
+    "aria-label": l,
+    "aria-pressed": o === d,
+    title: l,
+    variant: "ghost",
+    size: "small",
+    onClick: () => r(Er(Jt[d], t))
+  });
+  return /* @__PURE__ */ b("div", {
+    className: "studio-editor-viewport-controls",
+    role: "group",
+    "aria-label": n.sizeClass(a.width, a.height),
+    children: [
+      c(ke.Desktop, /* @__PURE__ */ s(yt, { "aria-hidden": "true" }), n.desktopPreview),
+      c(ke.Mobile, /* @__PURE__ */ s(ri, { "aria-hidden": "true" }), n.mobilePreview),
+      /* @__PURE__ */ b("span", {
+        className: "studio-editor-viewport-controls__size",
+        role: "status",
+        children: [
+          n.viewportSize(i.width, i.height),
+          " · ",
+          n.sizeClass(a.width, a.height)
+        ]
+      })
+    ]
+  });
+};
+function lc(e) {
+  return e === void 0 ? "" : e.isDark ? "cratis-theme cratis-dark" : "cratis-theme cratis-light";
+}
+function cc(e) {
+  const t = e.bundles.flatMap((n) => n.themes ?? []);
+  return t.find((n) => n.name === e.profile.theme) ?? t[0];
+}
+var Nt = ({ elementId: e, tone: t, text: n }) => /* @__PURE__ */ s("div", {
+  className: "studio-design-placeholder",
+  "data-studio-placeholder-for": e,
+  "data-tone": t,
+  role: "note",
+  children: n
+}), je = /* @__PURE__ */ (function(e) {
+  return e.Empty = "empty", e.Failed = "failed", e.Declaration = "declaration", e;
+})({}), j = /* @__PURE__ */ (function(e) {
+  return e.Window = "window", e.Toast = "toast", e.Tooltip = "tooltip", e.Mask = "mask", e.Busy = "busy", e;
+})({}), dc = {
+  dialog: j.Window,
+  confirmDialog: j.Window,
+  confirmationDialog: j.Window,
+  commandDialog: j.Window,
+  stepperCommandDialog: j.Window,
+  overlayPanel: j.Window,
+  sidebar: j.Window,
+  toast: j.Toast,
+  tooltip: j.Tooltip,
+  blockUI: j.Mask,
+  busyIndicatorDialog: j.Busy
+}, fe = (e, ...t) => {
+  for (const n of t) {
+    const r = e.properties?.[n];
+    if (typeof r == "string" && r.length > 0) return r;
+  }
+};
+function uc({ kind: e, tag: t, element: n, slots: r, message: o }) {
+  const i = r.content ?? [], a = fe(n, "header", "title", "summary") ?? n.name ?? n.componentName, c = fe(n, "message", "detail", "text", "label"), d = () => {
+    switch (e) {
+      case j.Toast:
+        return o ? Ve(o, {
+          element: {
+            ...n,
+            componentName: "message",
+            properties: {
+              severity: n.properties?.severity ?? "success",
+              text: [fe(n, "summary"), fe(n, "detail")].filter(Boolean).join(" - ") || a
+            }
+          },
+          slots: {}
+        }) : /* @__PURE__ */ s("div", {
+          className: "studio-overlay-preview__body",
+          children: a
+        });
+      case j.Tooltip:
+        return /* @__PURE__ */ b("div", {
+          className: "studio-overlay-preview__tooltip",
+          children: [/* @__PURE__ */ s("span", {
+            className: "studio-overlay-preview__trigger",
+            children: i.length > 0 ? i : fe(n, "label") ?? a
+          }), /* @__PURE__ */ s("span", {
+            className: "studio-overlay-preview__bubble",
+            role: "tooltip",
+            children: fe(n, "text") ?? a
+          })]
+        });
+      case j.Mask:
+        return /* @__PURE__ */ b("div", {
+          className: "studio-overlay-preview__masked",
+          children: [/* @__PURE__ */ s("div", {
+            className: "studio-overlay-preview__body",
+            children: i.length > 0 ? i : a
+          }), /* @__PURE__ */ s("div", {
+            className: "studio-overlay-preview__mask",
+            children: /* @__PURE__ */ s("i", {
+              className: "pi pi-lock",
+              "aria-hidden": "true"
+            })
+          })]
+        });
+      case j.Busy:
+        return /* @__PURE__ */ b("div", {
+          className: "studio-overlay-preview__busy",
+          children: [/* @__PURE__ */ s("i", {
+            className: "pi pi-spin pi-spinner",
+            "aria-hidden": "true"
+          }), /* @__PURE__ */ s("span", { children: c ?? a })]
+        });
+      default:
+        return /* @__PURE__ */ b("div", {
+          className: "studio-overlay-preview__window",
+          children: [/* @__PURE__ */ b("div", {
+            className: "studio-overlay-preview__header",
+            children: [/* @__PURE__ */ s("strong", { children: a }), /* @__PURE__ */ s("i", {
+              className: "pi pi-times",
+              "aria-hidden": "true"
+            })]
+          }), /* @__PURE__ */ s("div", {
+            className: "studio-overlay-preview__body",
+            children: i.length > 0 ? i : c
+          })]
+        });
+    }
+  };
+  return /* @__PURE__ */ b("div", {
+    className: "studio-overlay-preview",
+    "data-overlay": e,
+    "data-scene-id": n.id,
+    children: [/* @__PURE__ */ s("span", {
+      className: "studio-overlay-preview__tag",
+      children: t
+    }), d()]
+  });
+}
+var mt = (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>`)}`, kn = [{
+  label: "Documents",
+  children: ["Work", "Home"]
+}], pc = [
+  "New",
+  "Open",
+  { separator: !0 },
+  "Exit"
+], Ae = [{
+  name: "First",
+  description: "Sample row"
+}, {
+  name: "Second",
+  description: "Sample row"
+}], he = [
+  "Draft",
+  "In review",
+  "Published"
+], ft = {
+  text: { text: "Text" },
+  title: {
+    text: "Title",
+    level: 2
+  },
+  button: { label: "Button" },
+  action: { label: "Action" },
+  card: {
+    title: "Card",
+    subtitle: "Subtitle"
+  },
+  section: { title: "Section" },
+  summary: {
+    title: "Summary",
+    items: [{
+      label: "Status",
+      value: "Active"
+    }, {
+      label: "Owner",
+      value: "Name"
+    }]
+  },
+  field: {
+    label: "Field",
+    value: "Value"
+  },
+  code: {
+    code: "const answer = 42;",
+    text: "const answer = 42;"
+  },
+  file: {
+    label: "File",
+    name: "document.pdf"
+  },
+  navigationBar: {
+    title: "Navigation",
+    items: [
+      {
+        id: "home",
+        label: "Home"
+      },
+      {
+        id: "section",
+        label: "Section"
+      },
+      {
+        id: "more",
+        label: "More"
+      }
+    ]
+  },
+  column: {
+    field: "name",
+    header: "Column"
+  },
+  table: { rows: Ae },
+  "core:table": { rows: Ae },
+  inputText: { placeholder: "Text" },
+  inputTextarea: {
+    placeholder: "Text",
+    rows: 3
+  },
+  inputNumber: { value: 42 },
+  password: { placeholder: "Password" },
+  floatLabel: { label: "Label" },
+  iconField: {
+    icon: "pi pi-search",
+    placeholder: "Search"
+  },
+  dropdown: {
+    options: he,
+    placeholder: "Select"
+  },
+  multiSelect: {
+    options: he,
+    placeholder: "Select"
+  },
+  listBox: { options: he },
+  selectButton: {
+    options: [
+      "Day",
+      "Week",
+      "Month"
+    ],
+    value: "Week"
+  },
+  checkbox: { label: "Checkbox" },
+  multiStateCheckbox: {
+    value: null,
+    options: [{
+      label: "On",
+      value: "on",
+      icon: "pi pi-check"
+    }, {
+      label: "Off",
+      value: "off",
+      icon: "pi pi-times"
+    }],
+    ariaLabel: "State"
+  },
+  radioButton: {
+    options: ["One", "Two"],
+    value: "One"
+  },
+  toggleSwitch: { label: "Switch" },
+  slider: { value: 35 },
+  rating: { value: 4 },
+  knob: { value: 60 },
+  calendar: { value: "2026-01-15" },
+  colorPicker: { value: "#6366f1" },
+  chips: { value: ["one", "two"] },
+  autoComplete: { options: he },
+  treeSelect: { options: kn },
+  editor: { value: "<p>Rich <strong>text</strong></p>" },
+  fileUpload: {},
+  splitButton: {
+    label: "Save",
+    items: ["Save as draft", "Discard"]
+  },
+  speedDial: { items: [{
+    label: "Add",
+    icon: "pi pi-plus"
+  }, {
+    label: "Edit",
+    icon: "pi pi-pencil"
+  }] },
+  buttonGroup: { buttons: [
+    "Left",
+    "Middle",
+    "Right"
+  ] },
+  dataTable: { rows: Ae },
+  dataView: { rows: Ae },
+  dataScroller: {
+    items: [
+      "First",
+      "Second",
+      "Third"
+    ],
+    rows: 3,
+    inline: !0,
+    scrollHeight: 96
+  },
+  tree: { nodes: kn },
+  treeTable: {
+    columns: [{
+      field: "name",
+      header: "Name"
+    }, {
+      field: "type",
+      header: "Type"
+    }],
+    items: [{
+      label: "Documents",
+      data: {
+        name: "Documents",
+        type: "Folder"
+      },
+      children: [{
+        label: "Work",
+        data: {
+          name: "Work",
+          type: "Folder"
+        }
+      }]
+    }]
+  },
+  timeline: { events: [{
+    title: "Ordered",
+    description: "Order placed",
+    date: "09:00"
+  }, {
+    title: "Shipped",
+    description: "Left the depot",
+    date: "14:20"
+  }] },
+  paginator: {
+    totalRecords: 120,
+    pageSize: 10
+  },
+  orderList: {
+    header: "Items",
+    items: [
+      "First",
+      "Second",
+      "Third"
+    ]
+  },
+  pickList: {
+    source: ["Alpha", "Beta"],
+    target: ["Gamma"]
+  },
+  organizationChart: { nodes: [{
+    label: "Lead",
+    children: ["One", "Two"]
+  }] },
+  chart: {
+    type: "bar",
+    data: {
+      labels: [
+        "January",
+        "February",
+        "March"
+      ],
+      datasets: [{
+        label: "Series",
+        data: [
+          12,
+          19,
+          8
+        ],
+        backgroundColor: "#6366f1"
+      }]
+    }
+  },
+  panel: { header: "Panel" },
+  accordion: { headers: ["First", "Second"] },
+  fieldset: { legend: "Fieldset" },
+  divider: { label: "or" },
+  splitter: { height: 120 },
+  scrollPanel: { height: 120 },
+  tabView: { headers: ["First", "Second"] },
+  toolbar: {},
+  stepper: { headers: ["First", "Second"] },
+  dialog: { header: "Dialog" },
+  confirmDialog: {
+    message: "Are you sure?",
+    triggerLabel: "Confirm"
+  },
+  overlayPanel: { triggerLabel: "Details" },
+  sidebar: {
+    position: "right",
+    triggerLabel: "Open panel"
+  },
+  tooltip: {
+    text: "Tooltip",
+    label: "Hover me"
+  },
+  menu: { items: pc },
+  menubar: { items: [{
+    label: "File",
+    items: ["New", "Open"]
+  }, {
+    label: "Edit",
+    items: ["Undo"]
+  }] },
+  breadcrumb: { items: [
+    "Home",
+    "Section",
+    "Page"
+  ] },
+  tabMenu: { items: [{
+    label: "Overview",
+    icon: "pi pi-home"
+  }, {
+    label: "Activity",
+    icon: "pi pi-list"
+  }] },
+  steps: {
+    items: [
+      "First",
+      "Second",
+      "Third"
+    ],
+    activeIndex: 1
+  },
+  tieredMenu: { items: [{
+    label: "File",
+    items: [{
+      label: "Export",
+      items: ["PDF", "CSV"]
+    }]
+  }] },
+  panelMenu: { items: [{
+    label: "Reports",
+    items: ["Monthly", "Annual"]
+  }] },
+  contextMenu: {
+    label: "Right-click here",
+    items: ["Copy", "Paste"]
+  },
+  megaMenu: { items: [{
+    label: "Catalog",
+    items: [{
+      label: "Hardware",
+      items: ["Laptops", "Phones"]
+    }]
+  }] },
+  dock: { items: [{
+    label: "Home",
+    icon: "pi pi-home"
+  }, {
+    label: "Search",
+    icon: "pi pi-search"
+  }] },
+  message: { text: "Message" },
+  inlineMessage: {
+    severity: "info",
+    text: "Message"
+  },
+  toast: {
+    severity: "success",
+    summary: "Saved",
+    detail: "The change was saved."
+  },
+  blockUI: { blocked: !0 },
+  image: {
+    src: mt(220),
+    alt: "Image",
+    width: "200"
+  },
+  galleria: {
+    maxWidth: 320,
+    items: [{
+      src: mt(220),
+      alt: "One"
+    }, {
+      src: mt(10),
+      alt: "Two"
+    }]
+  },
+  carousel: {
+    numVisible: 2,
+    items: [
+      {
+        title: "First",
+        description: "Item"
+      },
+      {
+        title: "Second",
+        description: "Item"
+      },
+      {
+        title: "Third",
+        description: "Item"
+      }
+    ]
+  },
+  avatar: { label: "AB" },
+  badge: { value: "8" },
+  chip: {
+    label: "Chip",
+    icon: "pi pi-user"
+  },
+  tag: { value: "Tag" },
+  progressBar: { value: 65 },
+  progressSpinner: { size: 40 },
+  skeleton: {
+    width: "12rem",
+    height: "2rem"
+  },
+  scrollTop: { height: 140 },
+  inplace: { label: "Click to edit" },
+  terminal: {
+    welcomeMessage: "Terminal",
+    prompt: "$"
+  },
+  page: {
+    title: "Page",
+    showTitle: !0,
+    panel: !0
+  },
+  dataPage: { title: "Data page" },
+  icon: { icon: "pi pi-check-circle" },
+  toolbarButton: {
+    icon: "pi pi-plus",
+    title: "Button"
+  },
+  toolbarGroup: { orientation: "horizontal" },
+  toolbarSeparator: { orientation: "horizontal" },
+  inputTextField: { title: "Text field" },
+  numberField: { title: "Number field" },
+  checkboxField: { title: "Checkbox field" },
+  textAreaField: { title: "Text area field" },
+  dropdownField: {
+    title: "Dropdown field",
+    options: he
+  },
+  sliderField: { title: "Slider field" },
+  calendarField: { title: "Calendar field" },
+  colorPickerField: { title: "Color field" },
+  multiSelectField: {
+    title: "Multi select field",
+    options: he
+  },
+  chipsField: { title: "Chips field" },
+  radioButtonField: {
+    title: "Radio field",
+    options: ["One", "Two"]
+  },
+  radioGroupField: {
+    title: "Radio group field",
+    options: ["One", "Two"]
+  },
+  objectNavigationalBar: { navigationPath: ["first", "second"] },
+  filterPanel: {
+    label: "Filters",
+    filters: [{
+      key: "status",
+      label: "Status",
+      multi: !0,
+      options: [{
+        key: "draft",
+        label: "Draft",
+        count: 12
+      }, {
+        key: "done",
+        label: "Done",
+        count: 4
+      }]
+    }]
+  },
+  objectContentEditor: {
+    editMode: !1,
+    object: {
+      name: "Sample",
+      amount: 42
+    },
+    schema: {
+      type: "object",
+      properties: {
+        name: { type: "string" },
+        amount: { type: "number" }
+      }
+    }
+  },
+  schemaEditor: {
+    eventTypeName: "SampleEvent",
+    canEdit: !1,
+    schema: {
+      title: "SampleEvent",
+      type: "object",
+      properties: { name: { type: "string" } }
+    }
+  },
+  confirmationDialog: {
+    title: "Confirm",
+    message: "Are you sure?"
+  },
+  busyIndicatorDialog: {
+    title: "Working",
+    message: "Please wait"
+  },
+  "Cratis.Blueprint.Default:breadcrumb": { items: [
+    { label: "Home" },
+    { label: "Section" },
+    { label: "Page" }
+  ] },
+  "Cratis.Blueprint.Default:menu": {
+    title: "Menu",
+    label: "Main"
+  },
+  "Cratis.Blueprint.Default:menuItem": {
+    label: "Menu item",
+    icon: "pi pi-home"
+  },
+  "Cratis.Blueprint.Default:rightPanel": { title: "Panel" },
+  "Cratis.Blueprint.Default:sidebar": { title: "Sidebar" },
+  pageHeader: { title: "Page title" },
+  arcPageHeader: { title: "Page title" },
+  logo: { text: "Logo" },
+  footer: { text: "Footer" },
+  topbar: { title: "Application" },
+  userMenu: { name: "User" }
+}, mc = /* @__PURE__ */ new Set([
+  "data",
+  "navigate",
+  "errorBoundary",
+  "toolbarSeparator"
+]), Ft = (e) => e.slice(e.lastIndexOf(":") + 1), Qt = (e, t) => ft[e] ?? ft[t] ?? ft[Ft(t)];
+function fc(e, t, n) {
+  const r = Qt(e, t), o = n ?? {};
+  if (!r) return { ...o };
+  const i = { ...r };
+  for (const [a, c] of Object.entries(o)) c !== void 0 && (i[a] = c);
+  return i;
+}
+function hc(e, t, n) {
+  const r = Qt(e, t);
+  return r ? Object.keys(r).filter((o) => n?.[o] === void 0) : [];
+}
+var gc = (e) => {
+  const { width: t, height: n } = e.getBoundingClientRect();
+  return t > 0 && n > 0;
+}, Dt = (e) => Array.from(e.children).filter((t) => !t.hasAttribute("data-studio-placeholder-for")).some((t) => gc(t) || getComputedStyle(t).display === "contents" && Dt(t)), vc = 150;
+function yc(e, t) {
+  const [n, r] = M(!0);
+  return We(() => {
+    const o = e.current;
+    if (!o) return;
+    let i;
+    const a = () => {
+      clearTimeout(i), Dt(o) ? r(!0) : i = setTimeout(() => r(Dt(o)), vc);
+    }, c = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(a), d = () => {
+      c?.disconnect(), Array.from(o.children).forEach((l) => c?.observe(l));
+    }, u = new MutationObserver(() => {
+      d(), a();
+    });
+    return a(), d(), u.observe(o, { childList: !0 }), () => {
+      clearTimeout(i), c?.disconnect(), u.disconnect();
+    };
+  }, [e, t]), n;
+}
+var bc = ({ element: e }) => e.name || e.componentName, wc = (e) => {
+  const t = H(e), n = H(0);
+  return t.current !== e && (t.current = e, n.current += 1), n.current;
+};
+function Cc(e, t, n, r) {
+  const o = (i) => {
+    const a = H(null), c = _(() => ({
+      ...i.element,
+      properties: fc(e, i.element.componentName, i.element.properties)
+    }), [i.element]), d = _(() => hc(e, i.element.componentName, i.element.properties), [i.element]), u = mc.has(Ft(i.element.componentName)), l = dc[Ft(i.element.componentName)], [p, w] = M(), g = yc(a, i.element), k = bc(i), x = wc(i.element);
+    return /* @__PURE__ */ b("span", {
+      ref: a,
+      "data-studio-element": i.element.id,
+      style: { display: "contents" },
+      "data-studio-sample": d.length > 0 ? d.join(" ") : void 0,
+      title: d.length > 0 ? n.sampleContent(d) : void 0,
+      children: [/* @__PURE__ */ s($n, {
+        onError: (C) => w(C instanceof Error ? C.message : String(C)),
+        fallback: /* @__PURE__ */ s(Nt, {
+          elementId: i.element.id,
+          tone: je.Failed,
+          text: n.failedToDraw(k, p ?? "")
+        }),
+        children: l ? /* @__PURE__ */ s(uc, {
+          kind: l,
+          tag: n.overlay(k),
+          element: c,
+          slots: i.slots,
+          message: r
+        }) : Ve(t, {
+          ...i,
+          element: c
+        })
+      }, x), !g && /* @__PURE__ */ s(Nt, {
+        elementId: i.element.id,
+        tone: u ? je.Declaration : je.Empty,
+        text: u ? n.declaration(k) : n.nothingToShow(k)
+      })]
+    });
+  };
+  return o.displayName = `DesignTime(${t.displayName ?? t.name ?? "Component"})`, o;
+}
+function Sc(e, t) {
+  const n = Object.fromEntries(Object.entries(e).map(([o, i]) => [o, Cc(o, i, t, e["PrimeReact:message"])])), r = {};
+  return new Proxy(n, { get: (o, i) => {
+    if (typeof i == "string")
+      return o[i] ?? (r[i] ??= kc(t));
+  } });
+}
+var kc = (e) => ({ element: t }) => Ve("span", {
+  "data-studio-element": t.id,
+  style: { display: "contents" }
+}, Ve(Nt, {
+  elementId: t.id,
+  tone: je.Failed,
+  text: e.unavailable(t.name || t.componentName)
+})), X = /* @__PURE__ */ (function(e) {
+  return e.Container = "container", e.Between = "between", e;
+})({}), Ic = ({ feedback: e, deniedText: t }) => {
+  if (e.denied || !e.drop) return /* @__PURE__ */ s("div", {
+    className: "studio-screen-surface__denied",
+    "data-studio-drop-state": "denied",
+    children: t
+  });
+  const { target: n, container: r } = e.drop;
+  return /* @__PURE__ */ b(Ie, { children: [/* @__PURE__ */ s("div", {
+    className: "studio-screen-surface__drop-container",
+    "data-studio-drop-state": "container",
+    style: r
+  }), /* @__PURE__ */ s("div", {
+    className: `studio-screen-surface__target studio-screen-surface__target--${n.region.kind}`,
+    "data-studio-drop-state": n.region.kind === X.Container ? "into" : "between",
+    "data-empty": n.region.isEmptyContainer,
+    style: n.rect
+  })] });
+}, $ = /* @__PURE__ */ (function(e) {
+  return e.NodeNotFound = "nodeNotFound", e.TargetNotFound = "targetNotFound", e.TargetNotContainer = "targetNotContainer", e.WouldCreateCycle = "wouldCreateCycle", e.NodeLocked = "nodeLocked", e.TargetLocked = "targetLocked", e.NoChange = "noChange", e;
+})({});
+function Pc(e, t, n, r, o) {
+  const i = Z(e, n, t);
+  if (i)
+    return {
+      nodeId: n,
+      targetParentId: r,
+      index: i.parent !== null && t.idOf(i.parent) === r && o > i.index ? o - 1 : o
+    };
+}
+var le = /* @__PURE__ */ (function(e) {
+  return e.Horizontal = "horizontal", e.Vertical = "vertical", e.None = "none", e;
+})({}), $e = ({ width: e, height: t }) => e * t, Tc = (e, t, n) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height, Rc = (e, t, n, r) => {
+  const o = Math.min(r, e.width / 4), i = Math.min(r, e.height / 4);
+  return t - e.left < o || e.left + e.width - t < o || n - e.top < i || e.top + e.height - n < i;
+}, In = ({ region: e, rect: t }, n, r) => e.axis === le.Vertical ? Math.abs(n - (t.left + t.width / 2)) : Math.abs(r - (t.top + t.height / 2));
+function xc(e, t, n, r = 6) {
+  const o = e.filter((u) => u.region.kind === X.Container);
+  if (o.length === 0) return;
+  const i = o.map((u, l) => ({
+    placed: u,
+    order: l
+  })).filter(({ placed: u }) => Tc(u.rect, t, n)).sort((u, l) => $e(u.placed.rect) - $e(l.placed.rect) || l.order - u.order).map(({ placed: u }) => u), a = i[0], c = a && i.length > 1 && Rc(a.rect, t, n, r) ? i[1] : a ?? [...o].sort((u, l) => $e(l.rect) - $e(u.rect))[0], d = e.filter((u) => u.region.kind === X.Between && u.region.containerId === c.region.containerId);
+  return c.region.isEmptyContainer || d.length === 0 ? {
+    target: c,
+    container: c.rect
+  } : {
+    target: d.reduce((u, l) => In(l, t, n) < In(u, t, n) ? l : u),
+    container: c.rect
+  };
+}
+var Nc = (e, t) => e?.top === t?.top && e?.left === t?.left && e?.width === t?.width && e?.height === t?.height, Fc = (e, t) => !!e && e.denied === t.denied && e.drop?.target.region.id === t.drop?.target.region.id && Nc(e.drop?.target.rect, t.drop?.target.rect);
+function Dc(e, t, n) {
+  const [r, o] = M(), i = H(void 0);
+  i.current = r;
+  const [a, c] = M(), d = H(0), u = H(void 0), l = z(() => {
+    d.current = 0, u.current = void 0, c(void 0), o(void 0);
+  }, []), p = H(!1);
+  Ne(() => {
+    const v = (T) => {
+      T.key !== "Escape" || !u.current && !d.current && !i.current || (p.current = !0, l());
+    };
+    return window.addEventListener("keydown", v, !0), () => window.removeEventListener("keydown", v, !0);
+  }, [l]), Ne(() => (window.addEventListener("dragend", l), window.addEventListener("drop", l), () => {
+    window.removeEventListener("dragend", l), window.removeEventListener("drop", l);
+  }), [l]);
+  const w = z((v) => {
+    u.current = v, c(v);
+  }, []), g = (v) => {
+    const T = u.current, { region: R } = v.target;
+    if (!T || !R.containerId) return;
+    const m = R.kind === X.Container ? k(R.containerId) : R.index;
+    return Pc(n.composition.roots, n.adapter, T, R.containerId, m);
+  }, k = (v) => {
+    const T = [...n.composition.roots];
+    for (; T.length > 0; ) {
+      const R = T.pop();
+      if (n.adapter.idOf(R) === v) return n.adapter.childrenOf(R).length;
+      T.push(...n.adapter.childrenOf(R));
+    }
+    return 0;
+  }, x = (v) => {
+    const T = e.current.getBoundingClientRect(), R = xc(t(), v.clientX - T.left, v.clientY - T.top), m = v.target.closest("[data-scene-id], [data-studio-element]"), f = m?.dataset.sceneId ?? m?.dataset.studioElement, y = !!f && n.ownershipOf(f) !== B.Local;
+    if (!R || y) return { denied: !0 };
+    if (Rt(v)) {
+      const P = g(R), O = P ? n.validateMove(P) : $.NodeNotFound;
+      if (O && O !== $.NoChange) return { denied: !0 };
+    }
+    return {
+      drop: R,
+      denied: !1
+    };
+  }, C = (v, T) => {
+    const R = e.current.getBoundingClientRect();
+    return {
+      left: v.clientX - R.left - T.container.left,
+      top: v.clientY - R.top - T.container.top
+    };
+  };
+  return {
+    feedback: r,
+    draggedId: a,
+    startMoving: w,
+    endMoving: l,
+    handlers: {
+      onDragEnter: (v) => {
+        Ee(v) && (v.preventDefault(), p.current = !1, d.current += 1);
+      },
+      onDragOver: (v) => {
+        if (!Ee(v) || (v.preventDefault(), p.current)) return;
+        const T = x(v);
+        v.dataTransfer.dropEffect = T.denied ? "none" : Rt(v) ? "move" : "copy", o((R) => Fc(R, T) ? R : T);
+      },
+      onDragLeave: (v) => {
+        Ee(v) && (d.current = Math.max(0, d.current - 1), d.current === 0 && o(void 0));
+      },
+      onDrop: (v) => {
+        if (!Ee(v)) return;
+        const T = Gl(v), R = Hl(v), { drop: m, denied: f } = x(v), y = m && T ? g(m) : void 0, P = p.current;
+        if (v.preventDefault(), l(), p.current = !1, P || f || !m) return;
+        if (T) {
+          y && n.move(y, C(v, m));
+          return;
+        }
+        if (!R) return;
+        const { region: O } = m.target, D = O.containerId ?? void 0, V = O.kind === X.Container ? void 0 : O.index, Oe = C(v, m);
+        R.kind === "layout" ? n.insertLayout(R.item, D, V, Oe) : n.insertComponent(Kt(R.componentName, R.package), D, V, Oe);
+      }
+    }
+  };
+}
+var Oc = (e) => e.width > 0 && e.height > 0;
+function $r(e) {
+  const t = e.getBoundingClientRect();
+  return Oc(t) ? [t] : Array.from(e.children).flatMap($r);
+}
+function Pn(e, t, n) {
+  const r = CSS.escape(t), o = [...Array.from(e.querySelectorAll(`[data-studio-element="${r}"]`)), ...Array.from(e.querySelectorAll(`[data-scene-id="${r}"]`))];
+  for (const i of o) {
+    const a = $r(i);
+    if (a.length === 0) continue;
+    const c = Math.min(...a.map((p) => p.left)), d = Math.min(...a.map((p) => p.top)), u = Math.max(...a.map((p) => p.right)), l = Math.max(...a.map((p) => p.bottom));
+    return {
+      left: c - n.left,
+      top: d - n.top,
+      width: u - c,
+      height: l - d
+    };
+  }
+}
+var ge = 3;
+function Lc(e, t, n) {
+  const r = e.containerId === null ? t : n(e.containerId);
+  if (!r) return;
+  if (e.kind === X.Container) return r;
+  const o = e.afterId ? n(e.afterId) : void 0, i = e.beforeId ? n(e.beforeId) : void 0;
+  if (e.axis === le.Horizontal) {
+    const a = o ? o.top + o.height : i ? i.top - ge : r.top;
+    return {
+      left: r.left,
+      top: a - ge / 2,
+      width: r.width,
+      height: ge
+    };
+  }
+  if (e.axis === le.Vertical) return {
+    left: (o ? o.left + o.width : i ? i.left - ge : r.left) - ge / 2,
+    top: r.top,
+    width: ge,
+    height: r.height
+  };
+}
+var _r = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, Mc = (e, t) => e.length === t.length && e.every((n, r) => n.region.id === t[r].region.id && _r(n.rect, t[r].rect)), Ec = _r;
+function Ac(e, t, n) {
+  const [r, o] = M([]), [i, a] = M(), c = H([]), d = z(() => {
+    const l = e.current;
+    if (!l) return [];
+    const p = l.getBoundingClientRect(), w = (k) => Pn(l, k, p), g = {
+      left: 0,
+      top: 0,
+      width: p.width,
+      height: p.height
+    };
+    return t.flatMap((k) => {
+      const x = Lc(k, g, w);
+      return x ? [{
+        region: k,
+        rect: x
+      }] : [];
+    });
+  }, [e, t]), u = z(() => {
+    const l = e.current;
+    if (!l) return;
+    const p = d();
+    c.current = p, o((g) => Mc(g, p) ? g : p);
+    const w = n ? Pn(l, n, l.getBoundingClientRect()) : void 0;
+    a((g) => Ec(g, w) ? g : w);
+  }, [
+    e,
+    d,
+    n
+  ]);
+  return We(() => {
+    u();
+  }), We(() => {
+    const l = e.current;
+    if (!l || typeof ResizeObserver > "u") return;
+    const p = new ResizeObserver(u);
+    return p.observe(l), () => p.disconnect();
+  }, [e, u]), {
+    placed: r,
+    selectionRect: i,
+    measureNow: d
+  };
+}
+var $c = () => {
+}, _c = ({ controller: e, environment: t, resolveBinding: n = $c, configuration: r, strings: o, viewportHeight: i }) => {
+  const a = H(null), { composition: c, dropRegions: d, selectedId: u } = e, { selectionRect: l, measureNow: p } = Ac(a, d, u), { feedback: w, draggedId: g, startMoving: k, endMoving: x, handlers: C } = Dc(a, p, e), [I, F] = M();
+  We(() => {
+    const D = a.current?.closest("[data-studio-viewport]") ?? a.current?.parentElement;
+    if (i !== void 0 || !D || typeof ResizeObserver > "u") return;
+    const V = new ResizeObserver(() => F(D.clientHeight));
+    return F(D.clientHeight), V.observe(D), () => V.disconnect();
+  }, [i]);
+  const N = (D) => {
+    !sr(D) || !e.selectedId || !e.canRemove(e.selectedId) || (D.preventDefault(), e.remove(e.selectedId));
+  }, E = !!e.selectedId && e.ownershipOf(e.selectedId) === B.Local && e.canRemove(e.selectedId), v = e.selection && (e.selection.name || e.selection.componentName) || "", T = (D) => {
+    ar(D.target) || a.current?.focus({ preventScroll: !0 });
+    const V = D.target.closest("[data-scene-id], [data-studio-element], [data-studio-placeholder-for]");
+    e.select(V?.dataset.sceneId ?? V?.dataset.studioElement ?? V?.dataset.studioPlaceholderFor);
+  }, R = _(() => Pi(c.element, t.runtime.profile, t.runtime.packages), [
+    c,
+    t.runtime.profile,
+    t.runtime.packages
+  ]), m = _(() => Sc(t.runtime.registry, o), [t.runtime.registry, o]), f = _(() => cc(t.runtime), [t.runtime]), y = _(() => /* @__PURE__ */ s(Co, {
+    registry: t.runtime.iconAdapters,
+    children: /* @__PURE__ */ s(So, {
+      element: R,
+      registry: m,
+      resolveBinding: n,
+      configuration: r
+    })
+  }), [
+    R,
+    m,
+    t.runtime.iconAdapters,
+    n,
+    r
+  ]), P = i ?? I, O = {
+    ...P === void 0 ? {} : { "--studio-surface-viewport-height": `${P}px` },
+    "--studio-empty-container-label": JSON.stringify(o.emptyContainer)
+  };
+  return /* @__PURE__ */ s(Io, {
+    theme: f,
+    className: `studio-profile-theme studio-screen-surface-theme ${lc(f)}`,
+    children: /* @__PURE__ */ b("div", {
+      ref: a,
+      className: "studio-screen-surface",
+      style: O,
+      "data-studio-dragging": w ? "true" : void 0,
+      onClick: T,
+      onKeyDown: N,
+      tabIndex: -1,
+      ...C,
+      children: [y, /* @__PURE__ */ b("div", {
+        className: "studio-screen-surface__chrome",
+        children: [
+          l && /* @__PURE__ */ s("div", {
+            className: "studio-screen-surface__selection",
+            "data-moving": g === e.selectedId ? "true" : void 0,
+            style: l
+          }),
+          l && E && /* @__PURE__ */ s("div", {
+            className: "studio-screen-surface__grip",
+            style: {
+              left: l.left,
+              top: Math.max(0, l.top - 22)
+            },
+            draggable: !0,
+            "aria-hidden": "true",
+            title: o.moveHandle(v),
+            onDragStart: (D) => {
+              k(e.selectedId), ql(D, e.selectedId, v);
+            },
+            onDragEnd: x,
+            children: /* @__PURE__ */ s(Jo, { "aria-hidden": "true" })
+          }),
+          w && /* @__PURE__ */ s(Ic, {
+            feedback: w,
+            deniedText: o.dropDenied
+          }),
+          /* @__PURE__ */ s("span", {
+            className: "studio-screen-surface__announcement",
+            role: "status",
+            "aria-live": "polite",
+            children: w ? w.denied || !w.drop ? o.dropDenied : o.dropTarget(w.drop.target.region.kind === X.Container ? "into" : "between") : ""
+          })
+        ]
+      })]
+    })
+  });
+}, Tn = 40, Br = ({ controller: e, environment: t, strings: n, window: r, deviceFrame: o = !1, saveFailure: i }) => {
+  const a = !!e.selectedId && e.canRemove(e.selectedId), c = /* @__PURE__ */ b(Ie, { children: [
+    /* @__PURE__ */ s(sc, {
+      windowSize: r.size,
+      available: r.available,
+      strings: n,
+      onResize: r.setSize
+    }),
+    /* @__PURE__ */ s(Pe, {
+      icon: /* @__PURE__ */ s(yi, { "aria-hidden": "true" }),
+      "aria-label": n.undo,
+      title: n.undo,
+      variant: "ghost",
+      size: "small",
+      disabled: !e.canUndo,
+      onClick: e.undo
+    }),
+    /* @__PURE__ */ s(Pe, {
+      icon: /* @__PURE__ */ s(ci, { "aria-hidden": "true" }),
+      "aria-label": n.redo,
+      title: n.redo,
+      variant: "ghost",
+      size: "small",
+      disabled: !e.canRedo,
+      onClick: e.redo
+    }),
+    /* @__PURE__ */ s(Pe, {
+      icon: /* @__PURE__ */ s(vi, { "aria-hidden": "true" }),
+      "aria-label": n.deleteElement,
+      title: n.deleteElement,
+      variant: "ghost",
+      size: "small",
+      disabled: !a,
+      onClick: () => e.selectedId && e.remove(e.selectedId)
+    }),
+    /* @__PURE__ */ s(Pe, {
+      icon: /* @__PURE__ */ s(wt, { "aria-hidden": "true" }),
+      "aria-label": r.isInspectorOpen ? n.closeInspector : n.openInspector,
+      "aria-pressed": r.isInspectorOpen,
+      title: r.isInspectorOpen ? n.closeInspector : n.openInspector,
+      variant: "ghost",
+      size: "small",
+      onClick: r.toggleInspector
+    })
+  ] });
+  return /* @__PURE__ */ b("div", {
+    className: "studio-screen-editor-window",
+    role: "group",
+    "aria-label": n.windowLabel,
+    children: [
+      /* @__PURE__ */ s(oc, { controls: c }),
+      i && /* @__PURE__ */ b("p", {
+        className: "studio-screen-editor-window__notice",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ s("strong", { children: n.saveRefused }),
+          " ",
+          i
+        ]
+      }),
+      /* @__PURE__ */ s("div", {
+        className: "studio-screen-editor-window__canvas",
+        "data-studio-viewport": "",
+        children: /* @__PURE__ */ s("div", {
+          className: o ? "studio-screen-editor-window__viewport studio-screen-editor-window__device" : "studio-screen-editor-window__viewport",
+          style: o ? {
+            width: r.size.width,
+            minHeight: r.size.height - Tn
+          } : void 0,
+          children: /* @__PURE__ */ s(_c, {
+            controller: e,
+            environment: t,
+            resolveBinding: () => {
+            },
+            strings: n.surface,
+            viewportHeight: o ? r.size.height - Tn : void 0
+          })
+        })
+      })
+    ]
+  });
+};
+function Bc(e, t, n, r = {}, o = {}) {
+  return {
+    ...Nr(e, t),
+    componentName: n,
+    properties: r,
+    slots: o
+  };
+}
+var Rn = 16, zr = (e) => ({
+  left: Rn + e % 8 * 32,
+  top: Rn + e % 8 * 32
+});
+function Ur(e, t) {
+  const n = e.properties ?? {};
+  return {
+    ...e,
+    properties: {
+      ...n,
+      [de]: Math.max(0, Math.round(t.left)),
+      [ue]: Math.max(0, Math.round(t.top))
+    }
+  };
+}
+function zc(e) {
+  const t = e.properties ?? {}, n = t[de], r = t[ue];
+  return typeof n == "number" && typeof r == "number" ? {
+    left: n,
+    top: r
+  } : void 0;
+}
+function Uc(e) {
+  const { [de]: t, [ue]: n, ...r } = e.properties ?? {};
+  return {
+    ...e,
+    properties: r
+  };
+}
+function jc(e) {
+  switch (e) {
+    case L.Row:
+    case L.Wrap:
+    case L.Grid:
+      return le.Vertical;
+    case L.Column:
+    case L.Grouping:
+    case void 0:
+      return le.Horizontal;
+    case L.Freeform:
+      return le.None;
+  }
+}
+function xn(e, t, n, r) {
+  const o = e ?? "screen", i = jc(n), a = {
+    id: `${o}:container`,
+    kind: X.Container,
+    containerId: e,
+    index: t.length,
+    axis: i,
+    isEmptyContainer: t.length === 0
+  };
+  return i === le.None || t.length === 0 ? [a] : [a, ...Array.from({ length: t.length + 1 }, (c, d) => ({
+    id: `${o}:between:${d}`,
+    kind: X.Between,
+    containerId: e,
+    index: d,
+    axis: i,
+    isEmptyContainer: !1,
+    ...d > 0 ? { afterId: r.idOf(t[d - 1]) } : {},
+    ...d < t.length ? { beforeId: r.idOf(t[d]) } : {}
+  }))];
+}
+function Vc(e, t, n) {
+  const r = (o) => o.flatMap((i) => {
+    if (!n.acceptsChildren(i)) return [];
+    const a = n.childrenOf(i);
+    return [...Fe(n.ownershipOf(i), ie.Insert) ? xn(n.idOf(i), a, n.arrangementOf(i), n) : [], ...r(a)];
+  });
+  return [...xn(null, e, t, n), ...r(e)];
+}
+var Wc = class {
+  latest;
+  publish;
+  constructor(e, t) {
+    this.latest = e, this.publish = t;
+  }
+  get current() {
+    return this.latest;
+  }
+  commit(e) {
+    return this.latest = e(this.latest), this.publish(this.latest), this.latest;
+  }
+};
+function qc(e) {
+  return {
+    document: e,
+    undoable: [],
+    redoable: [],
+    diagnostics: [],
+    isDirty: !1,
+    savedDocument: e
+  };
+}
+function Gc(e, t, n, r) {
+  const o = En(e.document, t, n);
+  return o.applied ? {
+    ...e,
+    document: o.model,
+    undoable: [...e.undoable, {
+      before: e.document,
+      label: r
+    }].slice(-100),
+    redoable: [],
+    diagnostics: o.diagnostics,
+    isDirty: o.model !== e.savedDocument
+  } : {
+    ...e,
+    diagnostics: o.diagnostics
+  };
+}
+function Hc(e, t, n, r) {
+  let o = e.document;
+  const i = [];
+  for (const a of t) {
+    const c = En(o, a, n);
+    if (i.push(...c.diagnostics), !c.applied) return {
+      ...e,
+      diagnostics: i
+    };
+    o = c.model;
+  }
+  return {
+    ...e,
+    document: o,
+    undoable: [...e.undoable, {
+      before: e.document,
+      label: r
+    }].slice(-100),
+    redoable: [],
+    diagnostics: i,
+    isDirty: o !== e.savedDocument
+  };
+}
+var Kc = (e) => e.undoable.length > 0, Jc = (e) => e.redoable.length > 0;
+function Qc(e) {
+  const t = e.undoable[e.undoable.length - 1];
+  return t ? {
+    ...e,
+    document: t.before,
+    undoable: e.undoable.slice(0, -1),
+    redoable: [...e.redoable, {
+      before: e.document,
+      label: t.label
+    }],
+    diagnostics: [],
+    isDirty: t.before !== e.savedDocument
+  } : e;
+}
+function Yc(e) {
+  const t = e.redoable[e.redoable.length - 1];
+  return t ? {
+    ...e,
+    document: t.before,
+    undoable: [...e.undoable, {
+      before: e.document,
+      label: t.label
+    }],
+    redoable: e.redoable.slice(0, -1),
+    diagnostics: [],
+    isDirty: t.before !== e.savedDocument
+  } : e;
+}
+var Ot = (e) => e.id, Zc = (e) => e.name || Ot(e), Xc = (e) => {
+  switch (e) {
+    case S.Stack:
+      return L.Column;
+    case S.Row:
+      return L.Row;
+    case S.Grid:
+      return L.Grid;
+    case S.Wrap:
+      return L.Wrap;
+    case S.Canvas:
+      return L.Freeform;
+    case S.Container:
+      return L.Grouping;
+    case void 0:
+      return;
+  }
+};
+function ed(e) {
+  return {
+    idOf: Ot,
+    nameOf: Zc,
+    childrenOf: Se,
+    withChildren: (t, n) => Re(t) ? {
+      ...t,
+      children: n
+    } : Ge(t) ? {
+      ...t,
+      slots: { children: n }
+    } : t,
+    acceptsChildren: (t) => Re(t),
+    ownershipOf: (t) => e(Ot(t)) ?? B.Local,
+    arrangementOf: (t) => Re(t) ? Xc(or(t)) : void 0
+  };
+}
+function td(e) {
+  if (e.targetParentId !== null)
+    return {
+      kind: U.MoveNode,
+      nodeId: Q(e.nodeId),
+      target: Q(e.targetParentId),
+      index: e.index
+    };
+}
+function jr(e, t, n) {
+  return {
+    kind: U.InsertNode,
+    target: Q(e),
+    index: t,
+    element: n
+  };
+}
+function nd(e) {
+  return {
+    kind: U.RemoveNode,
+    nodeId: Q(e)
+  };
+}
+var rd = (e) => (e?.children ?? []).length;
+function od(e, t, n) {
+  const r = Ce(e, t.nodeId);
+  if (!r || t.targetParentId === null) return;
+  const o = Ze(e, t.nodeId), i = Ce(e, t.targetParentId), a = !!o && ce(o), c = !!i && ce(i);
+  if (!a && !c) return;
+  const d = a && c && o.id === t.targetParentId, u = d ? o.children.findIndex((p) => p.id === t.nodeId) : t.index, l = c ? Ur(r, n ?? (d ? zc(r) : void 0) ?? zr(rd(i))) : Uc(r);
+  return [{
+    kind: U.RemoveNode,
+    nodeId: Q(t.nodeId)
+  }, jr(t.targetParentId, u, l)];
+}
+function id(e) {
+  return e ? ce(e) ? L.Freeform : $t(e) ? L.Grid : _t(e) ? e.orientation === we.Horizontal ? L.Row : L.Column : L.Column : L.Column;
+}
+var ad = (e, t) => Math.max(0, Math.min(e, t));
+function Nn(e, t, n) {
+  const r = Z(e, t.nodeId, n);
+  if (!r) return $.NodeNotFound;
+  if (!Fe(n.ownershipOf(r.node), ie.Move)) return $.NodeLocked;
+  let o = e;
+  if (t.targetParentId !== null) {
+    const i = Z(e, t.targetParentId, n);
+    if (!i) return $.TargetNotFound;
+    if (lr(r.node, t.targetParentId, n)) return $.WouldCreateCycle;
+    if (!n.acceptsChildren(i.node)) return $.TargetNotContainer;
+    if (!Fe(n.ownershipOf(i.node), ie.Insert)) return $.TargetLocked;
+    o = n.childrenOf(i.node);
+  }
+  if ((r.parent === null ? null : n.idOf(r.parent)) === t.targetParentId) {
+    const i = o.length - 1;
+    if (ad(t.index, i) === r.index) return $.NoChange;
+  }
+}
+var sd = "composition";
+function ld(e, t) {
+  const n = e.screens.find((a) => a.name === Ye), r = t !== void 0 ? St(t, !0) : St(void 0), o = po(e, r).levels.filter((a) => a.kind === Zr.ScreenTemplate).map((a) => a.owner), i = [];
+  for (const a of o) {
+    const c = e.screenTemplates.find((d) => d.name === a);
+    if (c)
+      for (const d of c.slots) i.push(...c.content?.[d.name] ?? []);
+  }
+  return (t === void 0 || r.kind === vt.Screen) && i.push(...n?.slotContent.content ?? []), {
+    element: Qe(S.Stack, sd, "Composition", i),
+    roots: i,
+    templates: o
+  };
+}
+function cd(e) {
+  switch (e) {
+    case Zt.Inherited:
+      return B.Inherited;
+    case Zt.ConfigurableInherited:
+      return B.ConfigurableInherited;
+    default:
+      return B.Local;
+  }
+}
+function dd(e, t, n) {
+  const r = /* @__PURE__ */ new Map();
+  for (const o of rr(t)) {
+    const i = An(e, Q(o), n);
+    r.set(o, i ? cd(i.provenance.kind) : B.Inherited);
+  }
+  return (o) => r.get(o) ?? B.Local;
+}
+var Fn = () => globalThis.crypto.randomUUID();
+function ud(e) {
+  const [t, n] = M({
+    catalog: e,
+    times: 0
+  });
+  return Ne(() => {
+    let r = !0;
+    const o = () => {
+      r && n((i) => ({
+        catalog: e,
+        times: i.times + 1
+      }));
+    };
+    return e.load().then(o, o), () => {
+      r = !1;
+    };
+  }, [e]), t.catalog === e ? t.times : 0;
+}
+var pd = (e, t) => Ze(e, t)?.id;
+function Vr(e, t, n) {
+  const [r, o] = M(() => qc(e.document)), i = H(void 0);
+  i.current ??= new Wc(r, o);
+  const a = z((m) => i.current.commit(m), []), [c, d] = M(), u = ud(n.runtime.icons), l = _(() => ({
+    catalog: n.runtime.catalog,
+    scope: St(t, t !== void 0),
+    queryCandidates: [...n.queryCandidates],
+    iconCatalog: n.runtime.icons
+  }), [
+    n,
+    t,
+    u
+  ]), p = _(() => ld(r.document, t), [r.document, t]), w = _(() => dd(r.document, p.roots, l), [
+    r.document,
+    p,
+    l
+  ]), g = _(() => ed(w), [w]), k = Ke(r.document, t), x = _(() => Vc(p.roots, id(k), g).filter((m) => m.containerId !== null), [
+    p,
+    k,
+    g
+  ]), C = c ? Ce(p.roots, c) : void 0, I = _(() => c ? An(r.document, Q(c), l) : void 0, [
+    r.document,
+    c,
+    l
+  ]), F = z((m, f) => {
+    const y = i.current.current, P = a((O) => Gc(O, m, l, f));
+    return {
+      applied: P.undoable.length > y.undoable.length || P.document !== y.document,
+      diagnostics: P.diagnostics
+    };
+  }, [a, l]), N = z((m, f) => {
+    F(m, f);
+  }, [F]), E = z((m, f) => {
+    const y = i.current.current, P = a((O) => Hc(O, m, l, f));
+    return {
+      applied: P.document !== y.document,
+      diagnostics: P.diagnostics
+    };
+  }, [a, l]), v = z((m, f) => {
+    const y = m ?? k?.id, P = y ? Ce(p.roots, y)?.children ?? [] : [];
+    return {
+      parent: y,
+      index: f ?? P.length
+    };
+  }, [k, p]), T = z((m, f, y, P, O) => {
+    const D = v(f, y);
+    if (!D.parent) return;
+    const V = Ce(p.roots, D.parent), Oe = V && ce(V) ? Ur(m, O ?? zr((V.children ?? []).length)) : m;
+    F(jr(D.parent, D.index, Oe), P).applied && d(m.id);
+  }, [
+    F,
+    v,
+    p
+  ]), R = z((m, f) => {
+    const y = od(p.roots, m, f), P = Nn(p.roots, m, g);
+    if (P && !(P === $.NoChange && y && m.targetParentId === pd(p.roots, m.nodeId))) return P;
+    if (y) return E(y, "Move").applied ? void 0 : $.NodeLocked;
+    const O = td(m);
+    return O ? F(O, "Move").applied ? void 0 : $.NodeLocked : $.TargetNotContainer;
+  }, [
+    p,
+    g,
+    F,
+    E
+  ]);
+  return {
+    document: r.document,
+    composition: p,
+    context: l,
+    selectedId: c,
+    selection: C,
+    inspection: I,
+    diagnostics: r.diagnostics,
+    adapter: g,
+    ownershipOf: w,
+    dropRegions: x,
+    select: d,
+    apply: N,
+    tryApply: F,
+    applyAll: E,
+    move: R,
+    validateMove: (m) => Nn(p.roots, m, g),
+    insertComponent: (m, f, y, P) => T(Bc(Fn(), m, m), f, y, "Add", P),
+    insertLayout: (m, f, y, P) => T(Qe(m, Fn(), m), f, y, "Add layout", P),
+    remove: (m) => {
+      if (!Tt(p.roots, m, g)) return;
+      const f = cr(p.roots, m, g);
+      F(nd(m), "Remove").applied && d((y) => y === m || y === void 0 ? f : y);
+    },
+    canRemove: (m) => Tt(p.roots, m, g),
+    setProperty: (m, f) => c && N(fr(c, m, f), "Change"),
+    undo: () => {
+      a(Qc);
+    },
+    redo: () => {
+      a(Yc);
+    },
+    canUndo: Kc(r),
+    canRedo: Jc(r),
+    isDirty: r.isDirty
+  };
+}
+var md = () => ({
+  width: window.innerWidth - 64,
+  height: window.innerHeight - 64
+}), Jp = (e) => /* @__PURE__ */ s(Or, {
+  strings: e.strings,
+  onClose: () => e.onDismiss?.(),
+  children: /* @__PURE__ */ s(fd, { ...e })
+}), fd = (e) => {
+  const t = _(() => Fr(e.subject), [e.subject]);
+  return t.opened ? /* @__PURE__ */ s(hd, {
+    ...e,
+    opened: t.subject
+  }, e.environment.runtime.id) : /* @__PURE__ */ s(Mn, {
+    sourceRect: e.sourceRect,
+    initialSize: e.initialSize,
+    centerOffsetX: e.centerOffsetX,
+    onClosed: () => e.onDismiss?.(),
+    children: (n) => /* @__PURE__ */ s(Lr, {
+      problem: t.problem,
+      strings: e.strings,
+      onClose: () => n.close()
+    })
+  });
+}, hd = ({ subject: e, environment: t, strings: n, layoutLabels: r, icons: o, paletteSources: i, sourceRect: a, initialSize: c, centerOffsetX: d, renderPaletteHost: u, onClose: l, onBeforeClose: p, opened: w }) => {
+  const g = Vr(w, e.authoringTemplate, t), k = _(() => xr(n.layoutDrawer, r, o, i, n.packageTitles), [
+    n,
+    r,
+    o,
+    i
+  ]), x = z((v) => {
+    const T = Ke(g.document, e.authoringTemplate);
+    l({
+      document: g.document,
+      legacyElements: Pt(T, t.runtime.legacyTypeOf),
+      windowSize: v,
+      layout: xt(T),
+      changed: g.isDirty
+    });
+  }, [
+    g,
+    t.runtime.legacyTypeOf,
+    l,
+    e.authoringTemplate
+  ]), [C, I] = M(), F = z(async (v) => {
+    const T = Ke(g.document, e.authoringTemplate), R = {
+      document: g.document,
+      legacyElements: Pt(T, t.runtime.legacyTypeOf),
+      windowSize: v,
+      layout: xt(T),
+      changed: g.isDirty
+    }, m = await p?.(R);
+    return I(m), !m;
+  }, [
+    g,
+    t.runtime.legacyTypeOf,
+    p,
+    e.authoringTemplate
+  ]), N = /* @__PURE__ */ s(Tr, {
+    drawers: k,
+    closeLabel: n.closeDrawer,
+    onActivate: E
+  });
+  function E(v) {
+    if (!Xe(v)) return;
+    const T = g.selection && gd(g) ? g.selectedId : void 0;
+    v.kind === "layout" ? g.insertLayout(v.item, T, void 0) : g.insertComponent(Kt(v.componentName, v.package), T, void 0);
+  }
+  return /* @__PURE__ */ b(Mr, {
+    environment: t,
+    children: [u ? u(N) : /* @__PURE__ */ s(Dr, {
+      placement: "floating",
+      children: N
+    }), /* @__PURE__ */ s(Mn, {
+      sourceRect: a,
+      initialSize: c,
+      centerOffsetX: d,
+      canClose: F,
+      onClosed: x,
+      renderInspector: (v) => /* @__PURE__ */ s(kr, {
+        strings: n,
+        controller: g,
+        environment: t,
+        authoringTemplate: e.authoringTemplate,
+        onClose: v.toggleInspector,
+        structure: /* @__PURE__ */ s(pr, {
+          roots: g.composition.roots,
+          adapter: g.adapter,
+          strings: n,
+          selectedId: g.selectedId,
+          onSelect: g.select,
+          onEdit: g.move,
+          onRemove: g.remove
+        })
+      }),
+      children: (v) => /* @__PURE__ */ s(Br, {
+        controller: g,
+        environment: t,
+        strings: n,
+        window: {
+          ...v,
+          available: md()
+        },
+        saveFailure: C
+      })
+    })]
+  });
+};
+function gd(e) {
+  return !!e.selection && "children" in e.selection;
+}
+var ve = (e) => typeof e == "object" && e !== null && !Array.isArray(e);
+function vd(e, t) {
+  if (!t) return e;
+  const n = { ...e };
+  for (const [r, o] of Object.entries(t)) {
+    const i = n[r];
+    n[r] = ve(i) && ve(o) ? {
+      ...i,
+      ...o,
+      ...ve(i.props) || ve(o.props) ? { props: {
+        ...ve(i.props) ? i.props : {},
+        ...ve(o.props) ? o.props : {}
+      } } : {}
+    } : o;
+  }
+  return n;
+}
+var ye = "p-anchored-overlay", _e = "p-collapsible", ht = "p-overlay-mask", h = (e, t) => ({ props: t ? {
+  styles: e,
+  motionProps: { name: t }
+} : { styles: e } }), W = (e) => ({ props: { motionProps: { name: e } } }), yd = {
+  "Accordion.Root": h(Ri, _e),
+  "AutoComplete.Root": h(xi),
+  "AutoComplete.Popup": W(ye),
+  "Avatar.Root": h(Ni),
+  AvatarGroup: h(Fi),
+  Badge: h(Di),
+  "Breadcrumb.Root": h(Oi),
+  Button: h(Li),
+  ButtonGroup: h(Mi),
+  "Card.Root": h(Ei),
+  "Carousel.Root": h(Ai),
+  "Checkbox.Root": h($i),
+  CheckboxGroup: h(_i),
+  "Chip.Root": h(Bi),
+  "Compare.Root": h(zi),
+  "ContextMenu.Root": h(Ui),
+  "ContextMenu.Popup": W(ye),
+  "DataTable.Root": h(ji),
+  "DataView.Root": h(Vi),
+  "DatePicker.Root": h(Wi),
+  "DatePicker.Popup": W(ye),
+  "Dialog.Root": h(qi),
+  "Dialog.Backdrop": W(ht),
+  "Dialog.Popup": W("p-dialog"),
+  Divider: h(Gi),
+  "Drawer.Root": h(Hi),
+  "Drawer.Backdrop": W(ht),
+  "Drawer.Popup": W("p-drawer"),
+  "Fieldset.Root": h(Ki, _e),
+  "FileUpload.Root": h(Ji),
+  FloatLabel: h(Qi),
+  Fluid: h(Yi),
+  "Gallery.Root": h(Zi),
+  "IconField.Root": h(Xi),
+  IftaLabel: h(ea),
+  "Inplace.Root": h(ta),
+  "InputColor.Root": h(na),
+  "InputGroup.Root": h(ra),
+  "InputNumber.Root": h(oa),
+  "InputOtp.Root": h(ia),
+  InputPassword: h(ba),
+  "InputTags.Root": h(aa),
+  InputText: h(sa),
+  "Knob.Root": h(la),
+  Label: h(ca),
+  "Listbox.Root": h(da),
+  "Menu.Root": h(ua),
+  "Menu.Popup": W(ye),
+  "Message.Root": h(pa),
+  "MeterGroup.Root": h(ma),
+  NavigationMenu: h(fa),
+  "OrganizationChart.Root": h(ha),
+  OverlayBadge: h(ga),
+  "Paginator.Root": h(va),
+  "Panel.Root": h(ya, _e),
+  "Popover.Root": h(wa),
+  "Popover.Popup": W(ye),
+  "ProgressBar.Root": h(Ca),
+  "ProgressSpinner.Root": h(Sa),
+  "RadioButton.Root": h(ka),
+  RadioButtonGroup: h(Ia),
+  "Rating.Root": h(Pa),
+  "ScrollArea.Root": h(Ta),
+  "Select.Root": h(Ra),
+  "Select.Popup": W(ye),
+  "Sidebar.Root": h(Na),
+  "Sidebar.Layout": h(xa),
+  "Sidebar.Backdrop": W(ht),
+  Skeleton: h(Fa),
+  "Slider.Root": h(Da),
+  "SpeedDial.Root": h(Oa),
+  "Splitter.Root": h(La),
+  "Stepper.Root": h(Ma, _e),
+  "Tabs.Root": h(Ea),
+  Tag: h(Aa),
+  "Terminal.Root": h($a),
+  Textarea: h(_a),
+  "Timeline.Root": h(Ba),
+  "Toast.Root": h(za),
+  "Toaster.Root": h(Ua),
+  "ToggleButton.Root": h(ja),
+  ToggleButtonGroup: h(Va),
+  "ToggleSwitch.Root": h(Wa),
+  "Toolbar.Root": h(qa),
+  "Tooltip.Root": h(Ga),
+  "Tooltip.Popup": W("p-tooltip"),
+  "Tree.Root": h(Ha)
+}, bd = tn.find((e) => e.name === "lara-light-blue") ?? tn[0], Qp = ({ defaults: e, theme: t, ...n }) => {
+  const r = Fo(bd);
+  return /* @__PURE__ */ s(Ti, {
+    ...n,
+    theme: t ?? r?.theme,
+    defaults: vd(yd, e)
+  });
+}, Yp = (e) => /* @__PURE__ */ s(Or, {
+  strings: e.strings,
+  onClose: e.onDismiss,
+  children: /* @__PURE__ */ s(wd, { ...e })
+}), wd = (e) => {
+  const t = _(() => Fr(e.subject), [e.subject]);
+  return t.opened ? /* @__PURE__ */ s(Cd, {
+    ...e,
+    opened: t.subject
+  }, e.environment.runtime.id) : /* @__PURE__ */ s(Lr, {
+    problem: t.problem,
+    strings: e.strings
+  });
+}, Cd = ({ subject: e, environment: t, strings: n, layoutLabels: r, icons: o, paletteSources: i, initialSize: a, onChange: c, renderPaletteHost: d, opened: u }) => {
+  const l = Vr(u, e.authoringTemplate, t), [p, w] = M(a ?? Jt[ke.Desktop]), [g, k] = M(!0), x = _(() => xr(n.layoutDrawer, r, o, i, n.packageTitles), [
+    n,
+    r,
+    o,
+    i
+  ]), C = H(c);
+  C.current = c, Ne(() => {
+    const N = Ke(l.document, e.authoringTemplate);
+    C.current?.({
+      document: l.document,
+      legacyElements: Pt(N, t.runtime.legacyTypeOf),
+      windowSize: p,
+      layout: xt(N),
+      changed: l.isDirty
+    });
+  }, [
+    l.document,
+    l.isDirty,
+    p,
+    e.authoringTemplate,
+    t.runtime.legacyTypeOf
+  ]);
+  const I = z((N) => {
+    if (!Xe(N)) return;
+    const E = l.selection, v = E && "children" in E ? l.selectedId : void 0;
+    N.kind === "layout" ? l.insertLayout(N.item, v, void 0) : l.insertComponent(Kt(N.componentName, N.package), v, void 0);
+  }, [l]), F = /* @__PURE__ */ s(Tr, {
+    drawers: x,
+    closeLabel: n.closeDrawer,
+    onActivate: I
+  });
+  return /* @__PURE__ */ s(Mr, {
+    environment: t,
+    children: /* @__PURE__ */ b("div", {
+      className: "studio-screen-editor-workspace",
+      children: [
+        d ? d(F) : /* @__PURE__ */ s(Dr, {
+          placement: "inline",
+          children: F
+        }),
+        /* @__PURE__ */ s("div", {
+          className: "studio-screen-editor-workspace__stage",
+          children: /* @__PURE__ */ s(Br, {
+            controller: l,
+            environment: t,
+            strings: n,
+            window: {
+              size: p,
+              setSize: w,
+              isInspectorOpen: g,
+              toggleInspector: () => k((N) => !N),
+              available: {
+                width: 1600,
+                height: 1e3
+              }
+            },
+            deviceFrame: !0
+          })
+        }),
+        g && /* @__PURE__ */ s("aside", {
+          className: "studio-screen-editor-workspace__inspector",
+          children: /* @__PURE__ */ s(kr, {
+            strings: n,
+            controller: l,
+            environment: t,
+            authoringTemplate: e.authoringTemplate,
+            onClose: () => k(!1),
+            structure: /* @__PURE__ */ s(pr, {
+              roots: l.composition.roots,
+              adapter: l.adapter,
+              strings: n,
+              selectedId: l.selectedId,
+              onSelect: l.select,
+              onEdit: l.move,
+              onRemove: l.remove
+            })
+          })
+        })
+      ]
+    })
+  });
+};
+function Sd(e) {
+  const t = {
+    "row.id": "Guid",
+    "selection.id": "Guid"
+  };
+  for (const n of e) for (const r of n.parameters) t[`route.${r.name}`] ??= r.type;
+  return t;
+}
+var kd = new Set(Object.values(Yr)), Id = new Set(Object.values(Qr));
+function Pd(e) {
+  return e.filter((t) => kd.has(t.resultShape) && t.origin.every((n) => Id.has(n.kind))).map((t) => t);
+}
+function Zp(e) {
+  const t = Pd(e.queryCandidates ?? []);
+  return {
+    runtime: e.runtime,
+    queryCandidates: t,
+    stateChangeSlices: e.stateChangeSlices ?? [],
+    destinations: e.destinations ?? [],
+    availableSources: Sd(t),
+    ...e.richText === !1 ? {} : { richText: e.richText ?? Ka },
+    ...e.fileUpload ? { fileUpload: e.fileUpload } : {}
+  };
+}
+function Td(e) {
+  return e.flatMap((t) => t.iconLibrary ? [t.iconLibrary.catalog] : []);
+}
+function Rd(e, t) {
+  const n = co(e, t.map((r) => r.manifest));
+  return new to(n, Td(t));
+}
+var xd = [
+  "PrimeReact.Accordion",
+  "PrimeReact.AutoComplete",
+  "PrimeReact.Avatar",
+  "PrimeReact.AvatarGroup",
+  "PrimeReact.Badge",
+  "PrimeReact.BlockUI",
+  "PrimeReact.Breadcrumb",
+  "PrimeReact.Button",
+  "PrimeReact.Card",
+  "PrimeReact.Carousel",
+  "PrimeReact.CascadeSelect",
+  "PrimeReact.Chart",
+  "PrimeReact.Checkbox",
+  "PrimeReact.Chip",
+  "PrimeReact.ColorPicker",
+  "PrimeReact.ConfirmDialog",
+  "PrimeReact.ConfirmPopup",
+  "PrimeReact.ContextMenu",
+  "PrimeReact.DataScroller",
+  "PrimeReact.DataTable",
+  "PrimeReact.DataView",
+  "PrimeReact.DatePicker",
+  "PrimeReact.Deferred",
+  "PrimeReact.Dialog",
+  "PrimeReact.Divider",
+  "PrimeReact.Dock",
+  "PrimeReact.Drawer",
+  "PrimeReact.Editor",
+  "PrimeReact.Fieldset",
+  "PrimeReact.FileUpload",
+  "PrimeReact.FloatLabel",
+  "PrimeReact.Galleria",
+  "PrimeReact.IconField",
+  "PrimeReact.Image",
+  "PrimeReact.Inplace",
+  "PrimeReact.InputMask",
+  "PrimeReact.InputNumber",
+  "PrimeReact.InputOtp",
+  "PrimeReact.InputText",
+  "PrimeReact.Knob",
+  "PrimeReact.ListBox",
+  "PrimeReact.MegaMenu",
+  "PrimeReact.Mention",
+  "PrimeReact.Menu",
+  "PrimeReact.Menubar",
+  "PrimeReact.Message",
+  "PrimeReact.Messages",
+  "PrimeReact.MeterGroup",
+  "PrimeReact.MultiSelect",
+  "PrimeReact.MultiStateCheckbox",
+  "PrimeReact.OrderList",
+  "PrimeReact.OrgChart",
+  "PrimeReact.OverlayBadge",
+  "PrimeReact.Paginator",
+  "PrimeReact.Panel",
+  "PrimeReact.PanelMenu",
+  "PrimeReact.Password",
+  "PrimeReact.PickList",
+  "PrimeReact.Popover",
+  "PrimeReact.RadioButton",
+  "PrimeReact.Rating",
+  "PrimeReact.ScrollPanel",
+  "PrimeReact.ScrollTop",
+  "PrimeReact.Select",
+  "PrimeReact.SelectButton",
+  "PrimeReact.Skeleton",
+  "PrimeReact.Slider",
+  "PrimeReact.SpeedDial",
+  "PrimeReact.SplitButton",
+  "PrimeReact.Splitter",
+  "PrimeReact.Stepper",
+  "PrimeReact.Steps",
+  "PrimeReact.TabMenu",
+  "PrimeReact.TabView",
+  "PrimeReact.Tag",
+  "PrimeReact.Terminal",
+  "PrimeReact.Textarea",
+  "PrimeReact.TieredMenu",
+  "PrimeReact.Timeline",
+  "PrimeReact.Toast",
+  "PrimeReact.ToggleSwitch",
+  "PrimeReact.Toolbar",
+  "PrimeReact.Tooltip",
+  "PrimeReact.Tree",
+  "PrimeReact.TreeSelect",
+  "PrimeReact.TreeTable",
+  "PrimeReact.TriStateCheckbox",
+  "PrimeReact.VirtualScroller",
+  "StudioLayout.Canvas",
+  "StudioLayout.Container",
+  "StudioLayout.Grid",
+  "StudioLayout.Row",
+  "StudioLayout.Stack",
+  "StudioLayout.Wrap",
+  "canvas",
+  "contentControl",
+  "dockPanel",
+  "externalComponent",
+  "grid",
+  "itemsControl",
+  "stackPanel",
+  "wrapPanel"
+], Nd = ["PrimeReact.Dialog"], Fd = new Set(xd.filter((e) => !Nd.includes(e))), Dd = [
+  {
+    value: J.None,
+    label: "Run directly"
+  },
+  {
+    value: J.Modal,
+    label: "Ask in a dialog"
+  },
+  {
+    value: J.Drawer,
+    label: "Ask in a drawer"
+  }
+];
+function Od(e) {
+  return !e.component.endsWith(":action") || e.properties.some((t) => t.path === "presentation") ? e : {
+    ...e,
+    properties: [...e.properties, {
+      path: qt,
+      label: "Presentation",
+      group: "Behavior",
+      valueType: A.Enum,
+      default: J.None,
+      choices: Dd,
+      description: "Whether the command runs straight away or first asks for its input in a dialog or a drawer."
+    }]
+  };
+}
+var Ld = "Content";
+function Md(e) {
+  return typeof e == "number" ? A.Number : typeof e == "boolean" ? A.Boolean : typeof e == "object" && e !== null ? A.Json : A.String;
+}
+var Ed = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase());
+function Ad(e) {
+  const t = Qt(e.component, e.component.slice(e.component.lastIndexOf(":") + 1));
+  if (!t) return e;
+  const n = new Set(e.properties.map((o) => o.path)), r = Object.entries(t).filter(([o]) => !n.has(o)).map(([o, i]) => ({
+    path: o,
+    label: Ed(o),
+    group: Ld,
+    valueType: Md(i),
+    description: "Shown as sample content on the design surface until you set it."
+  }));
+  return r.length === 0 ? e : {
+    ...e,
+    properties: [...e.properties, ...r]
+  };
+}
+var Dn = "Placement", $d = [{
+  path: de,
+  label: "Left",
+  group: Dn,
+  valueType: A.Number
+}, {
+  path: ue,
+  label: "Top",
+  group: Dn,
+  valueType: A.Number
+}];
+function _d(e) {
+  const t = new Set(e.properties.map((n) => n.path));
+  return {
+    ...e,
+    properties: [...e.properties, ...$d.filter((n) => !t.has(n.path))]
+  };
+}
+var On = "PrimeReact", Bd = 1;
+function zd(e, t) {
+  const n = zt(e.map((u) => u.manifest)), r = e.flatMap((u) => u.descriptors ?? []), o = new Set(r.map((u) => u.component)), i = e.flatMap((u) => u.manifest.components.map((l) => ({
+    component: _n(u.manifest.name, l),
+    displayName: l,
+    properties: []
+  }))).filter((u) => !o.has(u.component)), a = [...r, ...i].map(Od).map(Ad).map(_d), c = [...a, ...Ud(a, n, t)], d = new Set(Object.values(n).flat());
+  return {
+    id: Bd++,
+    bundles: e,
+    registry: zn(e),
+    packages: n,
+    descriptors: c,
+    catalog: oo(c),
+    profile: t,
+    icons: Rd(t.packages, e),
+    iconAdapters: Po(e),
+    isKnownComponent: (u) => d.has(u),
+    legacyTypeOf: (u) => {
+      const l = Bt(u, t, n), p = l?.package === On ? `${On}.${nr(l.name)}` : void 0;
+      return p !== void 0 && Fd.has(p) ? p : void 0;
+    }
+  };
+}
+function Ud(e, t, n) {
+  const r = [];
+  for (const o of new Set(Object.values(t).flat())) {
+    const i = Bt(o, n, t), a = i && e.find((c) => c.component === _n(i.package, i.name));
+    a && r.push({
+      ...a,
+      component: o
+    });
+  }
+  return r;
+}
+var Yt = "Cratis.Icons.Lucide", jd = {
+  name: Yt,
+  version: "1.50.0",
+  kind: qe.IconLibrary,
+  dependencies: [],
+  components: [],
+  layouts: [],
+  screenTemplates: [],
+  dialogTemplates: [],
+  themes: [],
+  displayName: "Lucide",
+  description: "Clean, consistent outline icons for navigation, actions and status.",
+  module: "@cratis/studio.editor/IconLibraries/Lucide",
+  license: "ISC",
+  licenseUrl: "https://lucide.dev/license",
+  iconLibrary: {
+    variants: [],
+    renderers: ["react"],
+    attribution: "Icons by Lucide contributors",
+    attributionUrl: "https://lucide.dev",
+    iconCount: 1858
+  }
+}, Vd = {
+  library: Yt,
+  loadEntries: async () => (await import("./catalog-CZx3FR-E.js")).default
+}, Wd = Ja, qd = {
+  library: Yt,
+  loadGlyph: async ({ key: e }) => (await Wd[e]?.())?.default
+}, Gd = {
+  manifest: jd,
+  components: {},
+  iconLibrary: {
+    catalog: Vd,
+    adapter: qd
+  }
+}, De = [
+  Bn,
+  Xn,
+  Un,
+  Zn,
+  Yn,
+  er,
+  Gd
+], Hd = De.map((e) => e.manifest), Xp = zn(De), em = zt(Hd), tm = De.flatMap((e) => e.themes ?? []);
+function Kd(e) {
+  const t = no(e).map((o) => o.name), n = en(e, qe.Styling).map((o) => o.name), r = en(e, qe.Blueprint)[0];
+  return r ? [
+    ...t,
+    ...n,
+    r.name
+  ] : [...t, ...n];
+}
+function Jd(e, t) {
+  return t.filter((n) => so(n, e));
+}
+function Qd(e, t) {
+  return [...new Set(Object.values(t).flat())].map((n) => Bt(n, e, t)).filter((n) => n !== void 0 && n.shadows.length > 0).sort((n, r) => n.name.localeCompare(r.name));
+}
+var gt = /* @__PURE__ */ (function(e) {
+  return e.Fallback = "fallback", e.Explicit = "explicit", e.Automatic = "automatic", e;
+})({});
+function Yd(e) {
+  const t = [
+    At,
+    ...e.packages,
+    e.shell,
+    ...e.templatePacks
+  ];
+  return [...new Set(t.filter((n) => n.length > 0))];
+}
+function Zd(e, t) {
+  return e.find((n) => n.manifest.name === t)?.manifest.layouts[0] ?? "";
+}
+var Wr = "UI Profile";
+function qr(e, t) {
+  const n = t.map((d) => d.manifest), r = Yd(e), o = uo(r, n), i = Zd(t, e.shell), a = {
+    name: Wr,
+    targetPlatform: "web",
+    packages: o.packages,
+    layout: i.length > 0 ? i : void 0,
+    theme: e.theme.length > 0 ? e.theme : void 0
+  }, c = new Set(r);
+  return {
+    selection: o,
+    profile: a,
+    entries: o.packages.flatMap((d) => {
+      const u = n.find((l) => l.name === d);
+      return u ? [{
+        name: d,
+        displayName: u.displayName ?? u.name,
+        description: u.description,
+        version: u.version,
+        kind: u.kind,
+        inclusion: d === At ? gt.Fallback : c.has(d) ? gt.Explicit : gt.Automatic,
+        requiredBy: n.filter((l) => o.packages.includes(l.name) && l.dependencies.some((p) => p.name === d)).map((l) => l.name)
+      }] : [];
+    }),
+    collisions: Qd(a, zt(n)),
+    compatibleThemes: Jd(a, t.flatMap((d) => d.themes ?? [])),
+    layout: i,
+    isValid: ao(o)
+  };
+}
+function Xd(e) {
+  const t = e.map((a) => a.manifest), n = Kd(t), r = n.find((a) => t.find((c) => c.name === a)?.kind === qe.Blueprint) ?? "", o = {
+    packages: n.filter((a) => a !== r && a !== At),
+    shell: r,
+    templatePacks: [],
+    theme: "",
+    colorScheme: ki.Light,
+    navigationMode: Ii.Static,
+    accent: "",
+    defaultScreenTemplate: ""
+  }, i = qr(o, e).compatibleThemes.find((a) => !a.isDark);
+  return {
+    ...o,
+    theme: i?.name ?? ""
+  };
+}
+function eu(e) {
+  return {
+    name: Wr,
+    targetPlatform: "web",
+    packages: [...e.resolvedPackages],
+    layout: e.layout.length > 0 ? e.layout : void 0,
+    theme: e.theme.length > 0 ? e.theme : void 0
+  };
+}
+function nm(e, t = De) {
+  const n = e ? eu(e) : qr(Xd(t), t).profile;
+  return zd(t, n);
+}
+var Ln = {
+  Compact: "Compact",
+  Regular: "Regular"
+}, tu = {
+  ariaLabel: "Icon",
+  picker: {
+    placeholder: "Choose an icon",
+    title: "Choose an icon",
+    search: "Search icons",
+    searchPlaceholder: "Search by name or tag",
+    clearSearch: "Clear search",
+    close: "Close",
+    categories: "Categories",
+    allCategories: "All",
+    uncategorized: "Other",
+    library: "Library",
+    allLibraries: "All libraries",
+    loading: "Loading icons…",
+    empty: "The profile has no icon library to choose from.",
+    clearFilters: "Clear filters",
+    error: "Some icons could not be loaded.",
+    deprecated: "Deprecated",
+    notAllowed: "Not available for this field",
+    trigger: "Icon"
+  },
+  diagnostics: {
+    "missing-library": "{library} is not an icon library of this profile, so its icon {key} cannot be drawn. Add the library to the profile or choose another icon.",
+    "missing-icon": "{library} no longer has an icon named {key}. Choose another icon.",
+    "missing-variant": "{library} has {key}, but not in the {variant} style. Choose another style or icon.",
+    "incompatible-version": "{library} is at a version another package of this profile does not accept. Use a compatible version or remove the package that needs it.",
+    "catalog-unavailable": "The icons of {library} could not be read, so they cannot be checked. Try again in a moment."
+  },
+  notAllowed: "This icon is not available for this field. Choose one of the icons the field offers."
+}, rm = {
+  inspectorTitle: "Inspector",
+  windowLabel: "Screen editor",
+  stopped: {
+    title: "The screen editor stopped",
+    message: "Something in the editor failed, so it was closed. The screen as it was last saved is untouched; changes made since are lost.",
+    close: "Close"
+  },
+  unreadable: {
+    title: "This screen could not be opened",
+    warning: "The saved screen has not been changed. Close this window to leave it as it is.",
+    close: "Close",
+    reasons: {
+      [oe.NotJson]: "The saved screen is not readable data.",
+      [oe.WrongShape]: "The saved screen is not in a form this editor understands.",
+      [oe.MissingScreen]: "The saved screen does not contain a screen to edit.",
+      [oe.MissingTemplate]: "The saved template does not contain the template you asked to edit."
+    }
+  },
+  propertiesTab: "Properties",
+  structureTab: "Structure",
+  openInspector: "Open inspector",
+  closeInspector: "Close inspector",
+  desktopPreview: "Desktop preview",
+  mobilePreview: "Mobile preview",
+  sizeClass: (e, t) => `${Ln[e] ?? e} width, ${Ln[t] ?? t} height`,
+  viewportSize: (e, t) => `${e} × ${t}`,
+  noSelection: "Select a component on the screen or in Structure to see its details.",
+  nameLabel: "Name",
+  typeLabel: "Type",
+  ownershipLabel: "Source",
+  ownership: {
+    [B.Local]: "This screen",
+    [B.Inherited]: "Inherited",
+    [B.ConfigurableInherited]: "Inherited, configurable"
+  },
+  ownershipHint: {
+    [B.Local]: "Authored on this screen. You can move, resize and change it.",
+    [B.Inherited]: "Inherited from a template. It can be inspected here but not changed; open the template to edit it.",
+    [B.ConfigurableInherited]: "Inherited from a template that exposes some of its settings to this screen. The structure stays locked."
+  },
+  surface: {
+    emptyContainer: "Empty - drop a component here",
+    dropDenied: "This part of the screen cannot be changed here",
+    moveHandle: (e) => e ? `Drag to move ${e}` : "Drag to move",
+    dropTarget: (e) => e === "into" ? "Drop into this container" : "Drop between these elements",
+    sampleContent: (e) => `Sample content – set ${e.join(", ")} in the inspector`,
+    overlay: (e) => `${e} - shown when opened`,
+    declaration: (e) => e,
+    unavailable: (e) => `${e} is not available in this UI profile`,
+    nothingToShow: (e) => `${e} has nothing to show on the screen yet`,
+    failedToDraw: (e, t) => t ? `${e} could not be drawn: ${t}` : `${e} could not be drawn`
+  },
+  undo: "Undo",
+  redo: "Redo",
+  palette: "Components",
+  layoutDrawer: "Layout",
+  packageTitles: {
+    core: "Basic elements",
+    PrimeReact: "PrimeReact components",
+    "Cratis.Components": "Cratis components",
+    "Cratis.Blueprint.Default": "Application shell",
+    "Cratis.Blueprint.Components": "Page building blocks"
+  },
+  closeDrawer: "Close",
+  deleteElement: "Delete selected component",
+  saveRefused: "The screen could not be saved.",
+  properties: {
+    diagnostics: "Problems",
+    noProperties: "This component has no settings to change.",
+    layoutType: "Layout type",
+    changeLayout: "Change layout",
+    confirmLayoutTitle: "This change drops some settings",
+    confirmLayoutAccept: "Change anyway",
+    confirmLayoutCancel: "Keep the current layout",
+    exposure: "Settings screens may change",
+    exposeProperty: "Allow screens to change this",
+    unexposeProperty: "Stop allowing screens to change this",
+    exposedToScopes: "Screens can change this",
+    itemsLabel: "Items",
+    addItem: "Add item",
+    icon: tu,
+    json: br,
+    query: {
+      label: "Query",
+      choose: "Choose a query",
+      none: "No query",
+      missing: "The query this was bound to is not available here any more.",
+      parameters: "Parameters",
+      columns: "Columns",
+      sourceFor: (e) => e,
+      noSource: "Not set",
+      showColumn: (e) => e,
+      preview: {
+        noQuery: "Choose a query to show data.",
+        missingQuery: "The bound query is not available, so there is nothing to show.",
+        loading: "Loading data…",
+        empty: "The query returned no rows.",
+        error: "The query could not be run."
+      }
+    },
+    action: {
+      label: "Action",
+      none: "No action",
+      slice: "Submits",
+      chooseSlice: "Choose a state change",
+      inputs: "Inputs",
+      presentation: "Presentation",
+      presentations: {
+        none: "Run directly",
+        modal: "Ask in a dialog",
+        drawer: "Ask in a drawer"
+      },
+      sourceFor: (e) => e,
+      problems: {
+        missingSlice: "The state change this submits is no longer in the model.",
+        unmappedInput: (e) => `${e} has nothing feeding it.`,
+        unknownInput: (e) => `${e} is not an input of this state change any more.`,
+        unknownSource: (e) => `${e} is fed from a value this screen does not have.`
+      }
+    }
+  },
+  structureLabel: "Screen structure",
+  structureEmpty: "This screen has no components yet.",
+  moveUp: "Move up",
+  moveDown: "Move down",
+  outdent: "Move out of parent",
+  indent: "Move into previous sibling",
+  moved: "Moved.",
+  rejection: {
+    [$.NodeNotFound]: "That component no longer exists.",
+    [$.TargetNotFound]: "That destination no longer exists.",
+    [$.TargetNotContainer]: "That component cannot contain other components.",
+    [$.WouldCreateCycle]: "A component cannot be moved into itself or one of its own children.",
+    [$.NodeLocked]: "Inherited components cannot be moved. Open the template to change it.",
+    [$.TargetLocked]: "Inherited components cannot receive new content. Open the template to change it.",
+    [$.NoChange]: "It is already there."
+  }
+}, om = {
+  [S.Stack]: "Stack",
+  [S.Row]: "Row",
+  [S.Grid]: "Grid",
+  [S.Container]: "Container",
+  [S.Wrap]: "Wrap",
+  [S.Canvas]: "Canvas"
+}, nu = {
+  [S.Stack]: be,
+  [S.Row]: Ko,
+  [S.Grid]: Jn,
+  [S.Container]: Ut,
+  [S.Wrap]: jt,
+  [S.Canvas]: Ci
+}, ru = {
+  text: Do,
+  button: ze,
+  card: jo,
+  data: Wo,
+  action: Mo,
+  section: oi,
+  navigate: Uo,
+  title: Be,
+  table: Te,
+  summary: it,
+  field: qn,
+  code: Bo,
+  file: bt,
+  navigationBar: be,
+  inputText: dn,
+  inputTextarea: nn,
+  inputNumber: un,
+  password: ni,
+  floatLabel: ai,
+  iconField: fn,
+  dropdown: on,
+  multiSelect: at,
+  listBox: Gn,
+  selectButton: ae,
+  checkbox: an,
+  multiStateCheckbox: di,
+  radioButton: lt,
+  toggleSwitch: Qn,
+  slider: wt,
+  rating: pi,
+  knob: si,
+  calendar: rn,
+  colorPicker: st,
+  chips: Le,
+  autoComplete: fn,
+  treeSelect: Ct,
+  editor: rt,
+  fileUpload: Ho,
+  splitButton: tt,
+  speedDial: qo,
+  buttonGroup: ae,
+  dataTable: Te,
+  dataView: gn,
+  dataScroller: fi,
+  tree: Ct,
+  treeTable: ct,
+  timeline: Qo,
+  paginator: Oo,
+  orderList: at,
+  pickList: _o,
+  organizationChart: li,
+  chart: jn,
+  panel: Ut,
+  accordion: ei,
+  fieldset: Ao,
+  divider: ae,
+  splitter: nt,
+  scrollPanel: Go,
+  tabView: cn,
+  toolbar: gi,
+  stepper: dt,
+  dialog: Ue,
+  confirmDialog: ot,
+  overlayPanel: Si,
+  sidebar: nt,
+  tooltip: zo,
+  menu: be,
+  menubar: be,
+  breadcrumb: tt,
+  tabMenu: cn,
+  steps: dt,
+  tieredMenu: ct,
+  panelMenu: jt,
+  contextMenu: ze,
+  megaMenu: gn,
+  dock: ae,
+  message: Vn,
+  inlineMessage: Xo,
+  toast: Lo,
+  image: Wn,
+  galleria: pn,
+  carousel: pn,
+  avatar: wi,
+  badge: Eo,
+  chip: Le,
+  tag: Le,
+  progressBar: Yo,
+  progressSpinner: hn,
+  skeleton: ui,
+  scrollTop: tt,
+  blockUI: mn,
+  inplace: rt,
+  terminal: hi,
+  page: bt,
+  dataPage: Te,
+  formElement: it,
+  singleResult: Zo,
+  queryInputForm: ln,
+  commandForm: it,
+  observableDataTable: Te,
+  inputTextField: dn,
+  numberField: un,
+  checkboxField: an,
+  textAreaField: nn,
+  dropdownField: on,
+  sliderField: wt,
+  calendarField: rn,
+  colorPickerField: st,
+  multiSelectField: at,
+  chipsField: Le,
+  radioButtonField: lt,
+  radioGroupField: lt,
+  confirmationDialog: ot,
+  busyIndicatorDialog: hn,
+  commandDialog: Ue,
+  stepperCommandDialog: dt,
+  icon: Kn,
+  errorBoundary: ot,
+  objectContentEditor: rt,
+  objectNavigationalBar: ct,
+  schemaEditor: sn,
+  timeMachine: $o,
+  filterPanel: ln,
+  toolbarButton: ze,
+  toolbarGroup: ae,
+  toolbarSeparator: ae,
+  appShell: yt,
+  fullPageShell: Ue,
+  topbar: be,
+  menuItem: ti,
+  footer: ae,
+  rightPanel: nt,
+  configPanel: sn,
+  pageHeader: Be,
+  mask: mn,
+  logo: mi,
+  userMenu: bi,
+  themeSwitcher: st,
+  layoutModeSwitcher: yt,
+  arcPageHeader: Be
+}, ou = [
+  [/dialog/i, Ue],
+  [/table|grid/i, Te],
+  [/menu|bar$/i, be],
+  [/chart/i, jn],
+  [/field|input/i, qn],
+  [/button/i, ze],
+  [/image|media/i, Wn],
+  [/list/i, Gn],
+  [/panel/i, Ut],
+  [/message|toast/i, Vn],
+  [/tree/i, Ct],
+  [/page|screen/i, bt]
+], iu = (e) => ru[e] ?? ou.find(([t]) => t.test(e))?.[1] ?? Hn, au = {
+  [Bn.manifest.name]: Kn,
+  [Un.manifest.name]: Qn,
+  [Zn.manifest.name]: Hn,
+  [Yn.manifest.name]: jt,
+  [er.manifest.name]: Be,
+  [Xn.manifest.name]: ii
+}, su = Vo, im = {
+  layout: (e) => {
+    const t = nu[e];
+    return /* @__PURE__ */ s(t, { "aria-hidden": "true" });
+  },
+  component: (e) => {
+    const t = iu(e);
+    return /* @__PURE__ */ s(t, { "aria-hidden": "true" });
+  },
+  drawer: {
+    layout: /* @__PURE__ */ s(Jn, { "aria-hidden": "true" }),
+    package: (e) => {
+      const t = au[e] ?? su;
+      return /* @__PURE__ */ s(t, { "aria-hidden": "true" });
+    }
+  }
+}, am = De.map((e) => ({
+  package: e.manifest.name,
+  components: e.manifest.components
+}));
+function sm(e, t, n) {
+  return e.map((r) => ({
+    type: r.type,
+    name: t[r.item],
+    arrangement: r.arrangement,
+    icon: n?.[r.item]
+  }));
+}
+export {
+  Fl as JsonPropertyField,
+  S as LayoutItem,
+  B as Ownership,
+  oe as SceneDocumentProblem,
+  Jp as ScreenEditorOverlay,
+  Qp as ScreenEditorPrimeReactProvider,
+  Br as ScreenEditorWindow,
+  Yp as ScreenEditorWorkspace,
+  $ as StructureEditRejection,
+  xr as buildPalette,
+  Zp as createScreenEditorEnvironment,
+  zd as createScreenEditorRuntime,
+  br as defaultJsonPropertyFieldStrings,
+  nu as defaultLayoutIcons,
+  om as defaultLayoutLabels,
+  im as defaultPaletteIcons,
+  am as defaultPaletteSources,
+  rm as defaultScreenEditorStrings,
+  wr as formatJson,
+  Ml as isJsonProperty,
+  Ll as isJsonValueType,
+  Ol as jsonValueType,
+  Il as readJson,
+  nc as readSceneDocument,
+  yd as screenEditorPrimeReactDefaults,
+  nm as screenEditorRuntimeForProfile,
+  sm as toLayoutContainerDescriptors,
+  Pd as toSceneCandidates
+};