@cratis/event-models 0.111.1 → 0.113.0

package/dist/screen-editor/index.js

@@ -0,0 +1,3327 @@
+import { useCallback as U, useEffect as Me, useId as cn, useLayoutEffect as nt, useMemo as F, useRef as _e, useState as D } from "react";
+import { Toolbar as ln, ToolbarFolder as bt } from "@cratis/components/Toolbar";
+import { LayoutArrangement as L, PrototypeOverlayFrame as wt } from "@cratis/scene/ScreenEditor";
+import { CollectionOperation as J, DiagnosticCode as G, DiagnosticSeverity as dn, EditTarget as un, EditingScopeKind as Re, FlowContainerKind as Ie, GridUnitType as pn, HorizontalAlignment as Fe, Orientation as ne, PackageKind as me, PropertyValueType as E, ProvenanceKind as rt, QueryOriginKind as mn, QueryResultShape as fn, SceneEditKind as z, SceneNodeKind as hn, VerticalAlignment as ze, Visibility as Ue, isIconReference as gn, parseIconReference as vn } from "@cratis/scene.model";
+import { EffectiveIconCatalog as yn, applyEdit as Ct, baseComponentLibraries as bn, computeSizeClass as wn, corePackage as qe, createDescriptorCatalog as Cn, elementNodeId as W, findLayoutTypeDescriptor as it, inspect as kt, isCanvas as $e, isDockPanel as kn, isExternalComponent as fe, isGrid as Be, isPackageSelectionValid as In, isPanel as ce, isStackPanel as Ve, isThemeCompatible as Sn, isWrapPanel as Pn, packagesOfKind as ot, resolveComponentName as je, resolveIconLibraries as Tn, resolvePackageDependencies as Rn, resolveTemplateChain as Nn, toComponentCatalog as We, validateBinding as On } from "@cratis/scene.engine";
+import { Fragment as ae, jsx as s, jsxs as b } from "react/jsx-runtime";
+import { ErrorBoundary as xn, IconButton as se, Tabs as Ln, TextArea as Dn } from "@cratis/components/Common";
+import { OrderedItemEditor as En, PropertyControls as An } from "@cratis/components/ConfigurationEditor";
+import { IconPicker as Mn, isIconPickerAllowed as _n, isSameIconPickerValue as Fn } from "@cratis/components/IconPicker";
+import { IconAdapterProvider as zn, SceneElementView as Un, SceneIcon as qn, componentRegistryKey as It, corePackage as $n, mergeIconAdapters as Bn, mergePackageRegistries as St } from "@cratis/scene.react";
+import { PrototypeLayout as X } from "@cratis/scene";
+import { FileUploadHandlerProvider as Vn, QuillLoaderProvider as jn, primeReactPackage as Wn } from "@cratis/scene.primereact";
+import { FaBars as Gn, FaCube as at, FaDesktop as Jn, FaGripLinesVertical as Kn, FaMobileAlt as Qn, FaRedo as Hn, FaRegSquare as Yn, FaSlidersH as Zn, FaThLarge as Pt, FaThList as Xn, FaTrash as er, FaUndo as tr, FaVectorSquare as nr } from "react-icons/fa";
+import { ColorScheme as rr, LayoutMode as ir, defaultBlueprint as or, resolveElementComponentNames as ar } from "@cratis/scene.blueprint.default";
+import { PrimeReactProvider as sr } from "@primereact/core/config";
+import { loadQuill as cr } from "@cratis/scene.primereact/quill";
+import { cratisComponentsPackage as lr } from "@cratis/scene.components";
+import { tailwindPackage as dr } from "@cratis/scene.tailwind";
+import { componentsBlueprint as ur } from "@cratis/scene.blueprint.components";
+import { dynamicIconImports as pr } from "lucide-react/dynamic";
+var Ge = {
+  name: "StudioScreen",
+  slots: [{ name: "content" }]
+}, he = "content", Ce = "Screen", mr = "template-root", fr = "screen-root", Tt = () => ({
+  layouts: [Ge],
+  screenTemplates: [],
+  dialogTemplates: [],
+  screens: [],
+  exposures: [],
+  instanceContributions: []
+});
+function hr(e, t) {
+  return {
+    ...Tt(),
+    screens: [{
+      name: Ce,
+      layout: Ge.name,
+      slotContent: { [he]: [e] },
+      forms: [],
+      contributions: [],
+      ...t ? { screenTemplate: t } : {}
+    }]
+  };
+}
+function gr(e, t, n) {
+  return {
+    ...Tt(),
+    screenTemplates: [{
+      name: e,
+      slots: [{ name: he }],
+      content: { [he]: [t] },
+      ...n ? { fitsSlot: n } : {}
+    }]
+  };
+}
+function ge(e, t) {
+  return (t === void 0 ? e.screens.find((n) => n.name === Ce)?.slotContent : e.screenTemplates.find((n) => n.name === t)?.content)?.[he]?.[0];
+}
+function Ne(e, t = !1) {
+  return t && e !== void 0 ? {
+    kind: Re.ScreenTemplate,
+    name: e,
+    layout: Ge.name
+  } : {
+    kind: Re.Screen,
+    name: Ce
+  };
+}
+var Se = (e, t) => typeof t == "string" ? Object.values(e).find((n) => n === t) : void 0, vr = (e) => {
+  const t = e;
+  return !!t && typeof t == "object" && [
+    "left",
+    "top",
+    "right",
+    "bottom"
+  ].every((n) => typeof t[n] == "number");
+};
+function yr(e, t, n) {
+  const r = e;
+  r.zIndex = n;
+  const i = Se(Ue, t.visibility);
+  i !== void 0 && (r.visibility = i), typeof t.isEnabled == "boolean" && (r.isEnabled = t.isEnabled), typeof t.opacity == "number" && (r.opacity = t.opacity), vr(t.margin) && (r.margin = { ...t.margin });
+  const o = Se(Fe, t.horizontalAlignment);
+  o !== void 0 && (r.horizontalAlignment = o);
+  const a = Se(ze, t.verticalAlignment);
+  a !== void 0 && (r.verticalAlignment = a);
+}
+var Oe = {
+  visibility: Ue.Visible,
+  isEnabled: !0,
+  opacity: 1,
+  margin: {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0
+  },
+  horizontalAlignment: Fe.Stretch,
+  verticalAlignment: ze.Stretch
+};
+function br(e) {
+  const t = {
+    ...Oe,
+    margin: { ...Oe.margin }
+  };
+  return yr(t, e, 0), delete t.zIndex, t;
+}
+var wr = Object.keys(Oe), w = /* @__PURE__ */ (function(e) {
+  return e.Stack = "stack", e.Row = "row", e.Grid = "grid", e.Container = "container", e.Wrap = "wrap", e.Canvas = "canvas", e;
+})({}), Cr = "StudioLayout", kr = {
+  Stack: w.Stack,
+  Row: w.Row,
+  Grid: w.Grid,
+  Container: w.Container,
+  Wrap: w.Wrap,
+  Canvas: w.Canvas
+};
+function Ir(e) {
+  const t = Object.entries(kr).find(([, n]) => n === e)?.[0] ?? "Container";
+  return `${Cr}.${t}`;
+}
+var Je = "Canvas.Left", Ke = "Canvas.Top", st = "legacyType", Sr = "legacy", ct = "legacyExtras", Pr = {
+  DatePicker: "calendar",
+  OrgChart: "organizationChart",
+  Chips: "chips",
+  ToggleButton: "toggleSwitch"
+}, Tr = Object.fromEntries(Object.entries(Pr).map(([e, t]) => [t, e]));
+function Rt(e) {
+  const t = e.includes(":") ? e.slice(e.lastIndexOf(":") + 1) : e;
+  return Tr[t] ?? t.charAt(0).toUpperCase() + t.slice(1);
+}
+function xe(e) {
+  return Array.isArray(e) ? e.filter((t) => t !== null).map(xe) : e !== null && typeof e == "object" ? Object.fromEntries(Object.entries(e).filter(([, t]) => t !== null).map(([t, n]) => [t, xe(n)])) : e;
+}
+function ke(e) {
+  return ce(e) ? e.children : fe(e) ? Object.values(e.slots).flat() : [];
+}
+function Nt(e) {
+  return e.flatMap((t) => [t.id, ...Nt(ke(t))]);
+}
+function Le(e, t) {
+  for (const n of e) {
+    if (n.id === t) return n;
+    const r = Le(ke(n), t);
+    if (r) return r;
+  }
+}
+function Ot(e) {
+  if ($e(e)) return w.Canvas;
+  if (Be(e)) return w.Grid;
+  if (!kn(e))
+    return Ve(e) ? e.orientation === ne.Horizontal ? w.Row : w.Stack : Pn(e) ? w.Wrap : w.Container;
+}
+function De(e, t = () => {
+}) {
+  return xe((e?.children ?? []).map((n) => xt(n, t)));
+}
+var B = (e, t) => typeof e == "number" ? e : t;
+function xt(e, t) {
+  const n = e, r = { ...n.properties ?? {} }, i = ke(e).map((N) => xt(N, t)), o = r[Sr];
+  if (o != null && typeof o == "object") return Nr(o, n, r, i);
+  const a = r[ct], l = typeof r.legacyType == "string" && r.legacyType !== "" ? r[st] : void 0, d = l ?? (ce(e) ? Ir(Ot(e)) : t(fe(e) ? e.componentName : "")), u = fe(e) ? e.componentName : "", { [st]: c, [ct]: m, [Je]: I, [Ke]: g, ...P } = r, O = {};
+  for (const N of a?.topKeys ?? []) N in P && (O[N] = P[N], delete P[N]);
+  const h = B(I, a?.position.x ?? 0), S = B(g, a?.position.y ?? 0), R = n.name ?? "", C = a?.emptyName === !0 && R === (l ?? "");
+  return {
+    ...Rr(n, a),
+    ...O,
+    _derivedTypeId: d ?? "externalComponent",
+    id: n.id,
+    ...C ? {} : { name: R },
+    componentName: d ? d.slice(d.lastIndexOf(".") + 1) : Rt(u),
+    properties: {
+      ...P,
+      canvas: {
+        ...a?.canvas ?? {},
+        x: h,
+        y: S
+      }
+    },
+    slots: {
+      ...a?.slots ?? {},
+      ...i.length > 0 ? { children: i } : {}
+    },
+    width: n.size?.width,
+    height: n.size?.height,
+    ZIndex: n.zIndex ?? 0
+  };
+}
+function Rr(e, t) {
+  const n = t?.top ?? {}, r = br(n), i = e, o = { ...n };
+  for (const a of wr) JSON.stringify(i[a]) !== JSON.stringify(r[a]) && (o[a] = i[a]);
+  return o;
+}
+function Nr(e, t, n, r) {
+  const i = { ...e }, o = e.properties ?? {}, a = o.canvas ?? {}, l = n[Je], d = n[Ke];
+  (typeof l == "number" || typeof d == "number") && (e.position && typeof e.position == "object" ? i.position = {
+    ...e.position,
+    x: B(l, B(a.x, 0)),
+    y: B(d, B(a.y, 0))
+  } : i.properties = {
+    ...o,
+    canvas: {
+      ...a,
+      x: B(l, B(a.x, 0)),
+      y: B(d, B(a.y, 0))
+    }
+  }), t.size?.width !== void 0 && (i.width = t.size.width), t.size?.height !== void 0 && (i.height = t.size.height), t.name !== void 0 && t.name !== "" && t.name !== e.componentName && t.name !== e._derivedTypeId && (i.name = t.name), t.zIndex !== void 0 && "ZIndex" in e && (i.ZIndex = t.zIndex);
+  const u = e.slots ?? {};
+  return (r.length > 0 || "children" in u) && (i.slots = {
+    ...u,
+    children: r
+  }), i;
+}
+function Lt(e, t, n, r = 0, i = null) {
+  return e.flatMap((o) => {
+    const a = n.idOf(o), l = n.childrenOf(o), d = l.length > 0 && t.has(a), u = {
+      node: o,
+      id: a,
+      depth: r,
+      parentId: i,
+      hasChildren: l.length > 0,
+      isExpanded: d
+    };
+    return d ? [u, ...Lt(l, t, n, r + 1, a)] : [u];
+  });
+}
+var K = /* @__PURE__ */ (function(e) {
+  return e.MoveUp = "moveUp", e.MoveDown = "moveDown", e.Outdent = "outdent", e.Indent = "indent", e;
+})({});
+function ie(e, t, n, r = null) {
+  for (const [i, o] of e.entries()) {
+    if (n.idOf(o) === t) return {
+      node: o,
+      parent: r,
+      index: i,
+      siblings: e
+    };
+    const a = ie(n.childrenOf(o), t, n, o);
+    if (a) return a;
+  }
+}
+function Dt(e, t, n) {
+  return n.idOf(e) === t ? !0 : n.childrenOf(e).some((r) => Dt(r, t, n));
+}
+function Or(e, t, n, r) {
+  const i = ie(e, t, r);
+  if (!i) return;
+  const o = i.parent === null ? null : r.idOf(i.parent);
+  switch (n) {
+    case K.MoveUp:
+      return i.index > 0 ? {
+        nodeId: t,
+        targetParentId: o,
+        index: i.index - 1
+      } : void 0;
+    case K.MoveDown:
+      return i.index < i.siblings.length - 1 ? {
+        nodeId: t,
+        targetParentId: o,
+        index: i.index + 1
+      } : void 0;
+    case K.Outdent: {
+      if (i.parent === null) return;
+      const a = ie(e, r.idOf(i.parent), r);
+      return {
+        nodeId: t,
+        targetParentId: a.parent === null ? null : r.idOf(a.parent),
+        index: a.index + 1
+      };
+    }
+    case K.Indent: {
+      const a = i.index > 0 ? i.siblings[i.index - 1] : void 0;
+      return !a || !r.acceptsChildren(a) ? void 0 : {
+        nodeId: t,
+        targetParentId: r.idOf(a),
+        index: r.childrenOf(a).length
+      };
+    }
+  }
+}
+var Y = /* @__PURE__ */ (function(e) {
+  return e.Before = "before", e.Inside = "inside", e.After = "after", e;
+})({});
+function xr(e, t, n, r, i) {
+  const o = ie(e, n, i);
+  if (!o) return;
+  if (r === Y.Inside) return {
+    nodeId: t,
+    targetParentId: n,
+    index: i.childrenOf(o.node).filter((l) => i.idOf(l) !== t).length
+  };
+  const a = o.siblings.filter((l) => i.idOf(l) !== t).findIndex((l) => i.idOf(l) === n);
+  return {
+    nodeId: t,
+    targetParentId: o.parent === null ? null : i.idOf(o.parent),
+    index: r === Y.Before ? a : a + 1
+  };
+}
+function Lr(e, t, n) {
+  if (t <= 0) return Y.After;
+  const r = e / t;
+  return r < 0.25 ? Y.Before : r > 0.75 || !n ? r < 0.5 ? Y.Before : Y.After : Y.Inside;
+}
+var M = /* @__PURE__ */ (function(e) {
+  return e.Local = "local", e.Inherited = "inherited", e.ConfigurableInherited = "configurableInherited", e;
+})({}), Z = /* @__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 ve(e, t) {
+  switch (e) {
+    case M.Local:
+      return !0;
+    case M.ConfigurableInherited:
+      return t === Z.Select || t === Z.Configure;
+    case M.Inherited:
+      return t === Z.Select;
+  }
+}
+var Et = ({ ownership: e, label: t }) => e === M.Local ? null : /* @__PURE__ */ s("span", {
+  className: "studio-editor-ownership-badge",
+  "data-ownership": e,
+  children: t
+});
+function Dr({ row: e, adapter: t, strings: n, isSelected: r, isFocusable: i, dropZone: o, onSelect: a, onToggle: l, onKeyDown: d, onDragStart: u, onDragOver: c, onDrop: m, onDragEnd: I }) {
+  const g = t.ownershipOf(e.node), P = ve(g, Z.Move);
+  return /* @__PURE__ */ b("li", {
+    role: "treeitem",
+    "aria-level": e.depth + 1,
+    "aria-selected": r,
+    "aria-expanded": e.hasChildren ? e.isExpanded : void 0,
+    tabIndex: i ? 0 : -1,
+    "data-row-id": e.id,
+    "data-ownership": g,
+    "data-drop-zone": o,
+    className: "studio-editor-structure-row",
+    style: { paddingInlineStart: `${e.depth * 16 + 8}px` },
+    draggable: P,
+    onClick: () => a(e.id),
+    onKeyDown: (O) => d(O, e.id),
+    onDragStart: () => u(e.id),
+    onDragOver: (O) => c(O, e.id),
+    onDrop: (O) => m(O, e.id),
+    onDragEnd: I,
+    children: [
+      /* @__PURE__ */ s("button", {
+        type: "button",
+        tabIndex: -1,
+        className: "studio-editor-structure-row__toggle",
+        "aria-hidden": !e.hasChildren,
+        disabled: !e.hasChildren,
+        onClick: (O) => {
+          O.stopPropagation(), l(e.id);
+        },
+        children: e.hasChildren ? e.isExpanded ? "▾" : "▸" : ""
+      }),
+      /* @__PURE__ */ s("span", {
+        className: "studio-editor-structure-row__name",
+        children: t.nameOf(e.node)
+      }),
+      /* @__PURE__ */ s(Et, {
+        ownership: g,
+        label: n.ownership[g]
+      })
+    ]
+  });
+}
+var lt = {
+  ArrowUp: K.MoveUp,
+  ArrowDown: K.MoveDown,
+  ArrowLeft: K.Outdent,
+  ArrowRight: K.Indent
+};
+function At({ roots: e, adapter: t, strings: n, selectedId: r, onSelect: i, onEdit: o }) {
+  const [a, l] = D(() => new Set(e.flatMap((p) => [t.idOf(p), ...t.childrenOf(p).map((y) => t.idOf(y))]))), [d, u] = D(r), [c, m] = D(), [I, g] = D(), [P, O] = D(""), h = F(() => Lt(e, a, t), [
+    e,
+    a,
+    t
+  ]), S = h.some((p) => p.id === d) ? d : h[0]?.id, R = U((p) => l((y) => {
+    const k = new Set(y);
+    return k.delete(p) || k.add(p), k;
+  }), []), C = U((p) => {
+    if (!p) return;
+    const y = o(p);
+    O(y ? n.rejection[y] : n.moved), !y && p.targetParentId && l((k) => new Set(k).add(p.targetParentId));
+  }, [o, n]), N = (p) => {
+    p && (u(p), requestAnimationFrame(() => document.querySelector(`[data-row-id="${CSS.escape(p)}"]`)?.focus()));
+  }, v = (p, y) => {
+    const k = h.findIndex((A) => A.id === y), T = h[k];
+    if (p.altKey && lt[p.key]) {
+      p.preventDefault(), C(Or(e, y, lt[p.key], t)), N(y);
+      return;
+    }
+    switch (p.key) {
+      case "ArrowDown":
+        p.preventDefault(), N(h[k + 1]?.id);
+        break;
+      case "ArrowUp":
+        p.preventDefault(), N(h[k - 1]?.id);
+        break;
+      case "Home":
+        p.preventDefault(), N(h[0]?.id);
+        break;
+      case "End":
+        p.preventDefault(), N(h[h.length - 1]?.id);
+        break;
+      case "ArrowRight":
+        p.preventDefault(), T.hasChildren && !T.isExpanded ? R(y) : N(h[k + 1]?.parentId === y ? h[k + 1].id : void 0);
+        break;
+      case "ArrowLeft":
+        p.preventDefault(), T.isExpanded ? R(y) : N(T.parentId ?? void 0);
+        break;
+      case "Enter":
+      case " ":
+        p.preventDefault(), i(y);
+    }
+  }, f = (p, y) => {
+    if (!c) return;
+    p.preventDefault();
+    const k = p.currentTarget.getBoundingClientRect(), T = h.find((A) => A.id === y);
+    g({
+      id: y,
+      zone: Lr(p.clientY - k.top, k.height, !!T && t.acceptsChildren(T.node))
+    });
+  }, x = (p, y) => {
+    p.preventDefault(), c && I?.id === y && C(xr(e, c, y, I.zone, t)), m(void 0), g(void 0);
+  };
+  return h.length === 0 ? /* @__PURE__ */ s("p", {
+    className: "studio-editor-structure-empty",
+    children: n.structureEmpty
+  }) : /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ s("ul", {
+    role: "tree",
+    "aria-label": n.structureLabel,
+    className: "studio-editor-structure-tree",
+    children: h.map((p) => /* @__PURE__ */ s(Dr, {
+      row: p,
+      adapter: t,
+      strings: n,
+      isSelected: p.id === r,
+      isFocusable: p.id === S,
+      dropZone: I?.id === p.id ? I.zone : void 0,
+      onSelect: (y) => {
+        u(y), i(y);
+      },
+      onToggle: R,
+      onKeyDown: v,
+      onDragStart: m,
+      onDragOver: f,
+      onDrop: x,
+      onDragEnd: () => {
+        m(void 0), g(void 0);
+      }
+    }, p.id))
+  }), /* @__PURE__ */ s("p", {
+    className: "studio-editor-structure-announcement",
+    role: "status",
+    "aria-live": "polite",
+    children: P
+  })] });
+}
+var Pe = /* @__PURE__ */ (function(e) {
+  return e.Properties = "properties", e.Structure = "structure", e;
+})({});
+function Er(e, t) {
+  return e.replace(/\{(\w+)\}/g, (n, r) => t[r] ?? n);
+}
+function Ar(e, t) {
+  const n = e.diagnostic ? t.diagnostics[e.diagnostic.kind] : t.notAllowed;
+  return Er(n, {
+    library: e.reference.library,
+    key: e.reference.key,
+    variant: e.reference.variant
+  });
+}
+function Mr(e, t, n, r) {
+  if (!n) return;
+  const i = e.lookup(n);
+  if (!i) return;
+  if (!i.isResolved) return {
+    reference: n,
+    diagnostic: i.diagnostic,
+    isNotAllowed: !1
+  };
+  const o = t.icons.find((a) => Fn(a, n));
+  return o && r && !_n(o, r) ? {
+    reference: n,
+    isNotAllowed: !0
+  } : void 0;
+}
+var _r = 24;
+function Fr(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 zr(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(qn, {
+      reference: r,
+      adapters: t,
+      size: _r
+    })
+  })));
+}
+function Ur(e, t, n, r = { status: "ready" }) {
+  return {
+    libraries: Fr(e),
+    icons: zr(t, n),
+    status: r.status,
+    error: r.error
+  };
+}
+function qr(e) {
+  return e.error ? {
+    status: "error",
+    error: e.error
+  } : e.diagnostics.some((t) => t.kind === "catalog-unavailable") ? { status: "error" } : { status: "ready" };
+}
+function $r(e, t) {
+  const [n, r] = D(), [i, o] = D(0);
+  return Me(() => {
+    let a = !0;
+    return e.search().then((l) => {
+      a && (r({
+        source: e,
+        entries: l.entries,
+        diagnostics: [...e.diagnostics, ...l.diagnostics]
+      }), o((d) => d + 1));
+    }).catch((l) => {
+      a && (r({
+        source: e,
+        entries: [],
+        diagnostics: e.diagnostics,
+        error: l instanceof Error ? l.message : String(l)
+      }), o((d) => d + 1));
+    }), () => {
+      a = !1;
+    };
+  }, [e]), F(() => {
+    const a = n?.source === e ? n : void 0, l = a ? qr(a) : { status: "loading" };
+    return {
+      catalog: Ur(e, a?.entries ?? [], t, l),
+      diagnostics: a?.diagnostics ?? e.diagnostics,
+      loadedVersion: i
+    };
+  }, [
+    e,
+    t,
+    n,
+    i
+  ]);
+}
+function Mt({ value: e, onChange: t, catalog: n, adapters: r, allowed: i, readOnly: o, disabled: a, validationMessage: l, showMessage: d = !0, invalid: u, strings: c, pickerLabels: m, placement: I, id: g, ...P }) {
+  const { catalog: O, loadedVersion: h } = $r(n, r), S = h > 0 ? Mr(n, O, e, i) : void 0, R = l ?? (S ? Ar(S, c) : void 0);
+  return /* @__PURE__ */ s(Mn, {
+    id: g,
+    value: e,
+    onChange: (C) => t({
+      library: C.library,
+      key: C.key,
+      ...C.variant === void 0 ? {} : { variant: C.variant }
+    }),
+    catalog: O,
+    allowed: i,
+    readOnly: o,
+    disabled: a,
+    invalid: R !== void 0 || u === !0,
+    validationMessage: d ? R : void 0,
+    placement: I,
+    labels: {
+      ...c.picker,
+      ...m
+    },
+    "aria-label": P["aria-label"] ?? (P["aria-labelledby"] ? void 0 : c.ariaLabel),
+    "aria-labelledby": P["aria-labelledby"],
+    "aria-describedby": P["aria-describedby"]
+  });
+}
+var Br = (e) => typeof e == "string" ? e : "";
+function Vr(e) {
+  const t = (e.items ?? []).map((n) => ({
+    id: n.id,
+    label: Br(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 jr(e) {
+  const t = new Set(e.operations ?? []), n = t.has(J.EditFields), r = e.descriptor.constraints?.maximumItems;
+  return {
+    add: t.has(J.Add),
+    remove: t.has(J.Remove),
+    reorder: t.has(J.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 Wr(e, t, n) {
+  const r = {
+    component: e,
+    path: t.descriptor.path
+  };
+  switch (n.kind) {
+    case "add":
+      return [{
+        kind: z.AddCollectionItem,
+        ...r,
+        item: {
+          id: n.item.id,
+          values: Jr(n.item)
+        },
+        index: n.index
+      }];
+    case "remove":
+      return [{
+        kind: z.RemoveCollectionItem,
+        ...r,
+        itemId: n.item.id
+      }];
+    case "move":
+      return [{
+        kind: z.ReorderCollectionItem,
+        ...r,
+        itemId: n.item.id,
+        index: n.toIndex
+      }];
+    case "update":
+      return [{
+        kind: z.EditCollectionItem,
+        ...r,
+        itemId: n.item.id,
+        field: n.field,
+        value: Gr(n.item, n.field)
+      }];
+  }
+}
+var Gr = (e, t) => t === "destination" ? e.destination ? { screen: e.destination } : void 0 : e[t], Jr = (e) => ({
+  ...e.values,
+  label: e.label,
+  ...e.icon ? { icon: e.icon } : {},
+  ...e.destination ? { destination: { screen: e.destination } } : {}
+});
+function Kr(e) {
+  return { types: e };
+}
+var le = (e) => `${typeof e}:${String(e)}`, Qr = (e) => e == null ? "" : le(e);
+function Hr(e, t) {
+  if (t == null || t === "") return { value: void 0 };
+  const n = (e.descriptor.choices ?? []).find((r) => le(r.value) === t);
+  return n ? { value: n.value } : void 0;
+}
+var Yr = /* @__PURE__ */ new Set([
+  E.String,
+  E.Number,
+  E.Boolean,
+  E.Enum
+]), Zr = (e) => Yr.has(e.descriptor.valueType) && e.descriptor.editorKind === void 0, Xr = { action: /* @__PURE__ */ new Set([
+  "command",
+  "arguments",
+  "presentation"
+]) }, ei = (e, t) => Xr[e.slice(e.lastIndexOf(":") + 1)]?.has(t) ?? !1;
+function ti(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 E.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 E.Boolean:
+      return {
+        ...n,
+        kind: "boolean"
+      };
+    case E.Enum: {
+      const r = (t.choices ?? []).map((a) => ({
+        value: le(a.value),
+        label: a.label
+      })), i = e.effectiveValue, o = i == null || r.some((a) => a.value === le(i));
+      return {
+        ...n,
+        kind: "choice",
+        options: o ? r : [...r, {
+          value: le(i),
+          label: String(i)
+        }]
+      };
+    }
+    default:
+      return {
+        ...n,
+        kind: "text"
+      };
+  }
+}
+function ni(e, t = "") {
+  const n = /* @__PURE__ */ new Map(), r = {};
+  for (const i of e.filter((o) => Zr(o) && !ei(t, o.descriptor.path))) {
+    const o = i.descriptor.group;
+    n.set(o, [...n.get(o) ?? [], ti(i)]), r[i.descriptor.path] = i.descriptor.valueType === E.Enum ? Qr(i.effectiveValue) : i.effectiveValue ?? "";
+  }
+  return {
+    groups: [...n.entries()].map(([i, o]) => ({
+      id: i,
+      title: i,
+      properties: o
+    })),
+    values: r
+  };
+}
+var ri = (e, t) => e.descriptor.valueType === "number" && typeof t == "string" ? t.trim() === "" ? void 0 : Number(t) : t;
+function _t(e, t, n) {
+  const r = ri(t, n);
+  return t.editTarget === un.Instance ? r === void 0 ? {
+    kind: z.ResetInstanceValue,
+    component: e,
+    path: t.descriptor.path
+  } : {
+    kind: z.SetInstanceValue,
+    component: e,
+    path: t.descriptor.path,
+    value: r
+  } : r === void 0 ? {
+    kind: z.ResetProperty,
+    nodeId: W(e),
+    path: t.descriptor.path
+  } : {
+    kind: z.SetProperty,
+    nodeId: W(e),
+    path: t.descriptor.path,
+    value: r
+  };
+}
+var Ft = ({ diagnostics: e, label: t }) => {
+  if (e.length === 0) return null;
+  const n = [...e].sort((r, i) => +(i.severity === "error") - +(r.severity === "error"));
+  return /* @__PURE__ */ s("ul", {
+    className: "studio-editor-diagnostics",
+    role: "alert",
+    "aria-label": t,
+    children: n.map((r, i) => /* @__PURE__ */ s("li", {
+      "data-severity": r.severity,
+      children: r.message
+    }, `${r.code}:${r.path ?? ""}:${i}`))
+  });
+}, V = /* @__PURE__ */ (function(e) {
+  return e.None = "none", e.Modal = "modal", e.Drawer = "drawer", e;
+})({}), Q = /* @__PURE__ */ (function(e) {
+  return e.MissingSlice = "missingSlice", e.UnmappedInput = "unmappedInput", e.UnknownInput = "unknownInput", e.UnknownSource = "unknownSource", e;
+})({});
+function ii(e, t, n) {
+  const r = t.find((o) => o.id === e.sliceId);
+  if (!r) return [{ kind: Q.MissingSlice }];
+  const i = [];
+  for (const o of r.inputs) {
+    const a = e.inputs[o.name]?.trim();
+    a ? n.has(a) || i.push({
+      kind: Q.UnknownSource,
+      input: o.name
+    }) : o.required && i.push({
+      kind: Q.UnmappedInput,
+      input: o.name
+    });
+  }
+  for (const o of Object.keys(e.inputs)) r.inputs.some((a) => a.name === o) || i.push({
+    kind: Q.UnknownInput,
+    input: o
+  });
+  return i;
+}
+function oi(e, t) {
+  return Object.fromEntries(e.inputs.flatMap((n) => {
+    const r = t(n.name);
+    return r === void 0 ? [] : [[n.name, r]];
+  }));
+}
+var ai = (e, t) => {
+  const n = e.input ?? "";
+  switch (e.kind) {
+    case Q.MissingSlice:
+      return t.missingSlice;
+    case Q.UnmappedInput:
+      return t.unmappedInput(n);
+    case Q.UnknownInput:
+      return t.unknownInput(n);
+    case Q.UnknownSource:
+      return t.unknownSource(n);
+  }
+}, si = ({ action: e, slices: t, sources: n, strings: r, disabled: i, suggestSource: o, onChange: a }) => {
+  const l = r.properties.action, d = e ? t.find((c) => c.id === e.sliceId) : void 0, u = e ? ii(e, t, new Set(n)) : [];
+  return /* @__PURE__ */ b("fieldset", {
+    className: "studio-editor-query",
+    disabled: i,
+    children: [
+      /* @__PURE__ */ s("legend", { children: l.label }),
+      /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ s("span", { children: l.slice }), /* @__PURE__ */ b("select", {
+        value: e?.sliceId ?? "",
+        onChange: (c) => {
+          const m = t.find((I) => I.id === c.target.value);
+          a(m ? {
+            sliceId: m.id,
+            sliceName: m.name,
+            inputs: oi(m, o),
+            presentation: e?.presentation ?? V.None
+          } : void 0);
+        },
+        children: [
+          /* @__PURE__ */ s("option", {
+            value: "",
+            children: l.none
+          }),
+          e && !d && /* @__PURE__ */ s("option", {
+            value: e.sliceId,
+            children: e.sliceName
+          }),
+          t.map((c) => /* @__PURE__ */ b("option", {
+            value: c.id,
+            children: [c.name, c.origin.length > 0 ? ` - ${c.origin.join(" / ")}` : ""]
+          }, c.id))
+        ]
+      })] }),
+      e && d && /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ b("div", {
+        className: "studio-editor-query__group",
+        children: [/* @__PURE__ */ s("strong", { children: l.inputs }), d.inputs.map((c) => /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ b("span", { children: [l.sourceFor(c.name), c.required ? " *" : ""] }), /* @__PURE__ */ b("select", {
+          value: e.inputs[c.name] ?? "",
+          onChange: (m) => a({
+            ...e,
+            inputs: {
+              ...e.inputs,
+              [c.name]: m.target.value
+            }
+          }),
+          children: [/* @__PURE__ */ s("option", {
+            value: "",
+            children: r.properties.query.noSource
+          }), n.map((m) => /* @__PURE__ */ s("option", {
+            value: m,
+            children: m
+          }, m))]
+        })] }, c.name))]
+      }), /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ s("span", { children: l.presentation }), /* @__PURE__ */ b("select", {
+        value: e.presentation,
+        onChange: (c) => a({
+          ...e,
+          presentation: c.target.value
+        }),
+        children: [
+          /* @__PURE__ */ s("option", {
+            value: V.None,
+            children: l.presentations.none
+          }),
+          /* @__PURE__ */ s("option", {
+            value: V.Modal,
+            children: l.presentations.modal
+          }),
+          /* @__PURE__ */ s("option", {
+            value: V.Drawer,
+            children: l.presentations.drawer
+          })
+        ]
+      })] })] }),
+      u.length > 0 && /* @__PURE__ */ s("ul", {
+        className: "studio-editor-diagnostics",
+        role: "alert",
+        "aria-label": r.properties.diagnostics,
+        children: u.map((c, m) => /* @__PURE__ */ s("li", {
+          "data-severity": "error",
+          children: ai(c, l.problems)
+        }, m))
+      })
+    ]
+  });
+};
+function ci(e) {
+  return {
+    queryId: e.id,
+    query: e.name,
+    arguments: [],
+    results: []
+  };
+}
+function li(e) {
+  const t = e;
+  return !!t && typeof t == "object" && typeof t.queryId == "string" && Array.isArray(t.arguments) && Array.isArray(t.results);
+}
+function di(e, t, n) {
+  const r = e.arguments.filter((i) => i.parameter !== t);
+  return {
+    ...e,
+    arguments: n.trim() === "" ? r : [...r, {
+      parameter: t,
+      source: { path: n.trim() }
+    }]
+  };
+}
+function ui(e, t, n = t) {
+  return e.results.some((r) => r.field === t) ? e : {
+    ...e,
+    results: [...e.results, {
+      target: n,
+      field: t
+    }]
+  };
+}
+function pi(e, t) {
+  return {
+    ...e,
+    results: e.results.filter((n) => n.field !== t)
+  };
+}
+var mi = (e, t) => e.arguments.find((n) => n.parameter === t.name)?.source.path ?? "", fi = (e, t) => e.results.some((n) => n.field === t.name), $ = /* @__PURE__ */ (function(e) {
+  return e.NoQuery = "noQuery", e.MissingQuery = "missingQuery", e.Loading = "loading", e.Empty = "empty", e.Error = "error", e.Ready = "ready", e;
+})({});
+function hi({ binding: e, candidate: t, isLoading: n, error: r, rowCount: i }) {
+  return e ? t ? r != null ? $.Error : n ? $.Loading : i === 0 ? $.Empty : $.Ready : $.MissingQuery : $.NoQuery;
+}
+function dt(e, t, n, r) {
+  const i = On(e, t, n, r);
+  return {
+    diagnostics: i,
+    isStorable: i.every((o) => o.severity !== "error")
+  };
+}
+var gi = (e) => e.origin.map((t) => t.name).join(" / "), vi = ({ property: e, candidates: t, scope: n, strings: r, disabled: i, onChange: o }) => {
+  const a = r.properties.query, [l, d] = D(), u = li(e.effectiveValue) ? e.effectiveValue : void 0, c = l ?? u, m = c ? t.find((h) => h.id === c.queryId) : void 0, I = c ? dt(e.descriptor, m, c, n).diagnostics : [], g = (h) => {
+    if (!h) {
+      d(void 0), o(void 0);
+      return;
+    }
+    const S = dt(e.descriptor, t.find((R) => R.id === h.queryId), h, n);
+    d(S.isStorable ? void 0 : h), S.isStorable && o(h);
+  }, P = hi({
+    binding: c,
+    candidate: m,
+    isLoading: !1
+  }), O = Object.keys(n.types);
+  return /* @__PURE__ */ b("fieldset", {
+    className: "studio-editor-query",
+    disabled: i,
+    children: [
+      /* @__PURE__ */ s("legend", { children: e.descriptor.label }),
+      /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ s("span", { children: a.label }), /* @__PURE__ */ b("select", {
+        value: c?.queryId ?? "",
+        onChange: (h) => {
+          const S = t.find((R) => R.id === h.target.value);
+          g(S ? ci(S) : void 0);
+        },
+        children: [
+          /* @__PURE__ */ s("option", {
+            value: "",
+            children: a.none
+          }),
+          c && !m && /* @__PURE__ */ s("option", {
+            value: c.queryId,
+            children: c.query
+          }),
+          t.map((h) => /* @__PURE__ */ b("option", {
+            value: h.id,
+            children: [
+              h.name,
+              " - ",
+              gi(h)
+            ]
+          }, h.id))
+        ]
+      })] }),
+      c && !m && /* @__PURE__ */ s("p", {
+        className: "studio-editor-query__missing",
+        role: "alert",
+        children: a.missing
+      }),
+      c && m && /* @__PURE__ */ b(ae, { children: [m.parameters.length > 0 && /* @__PURE__ */ b("div", {
+        className: "studio-editor-query__group",
+        children: [/* @__PURE__ */ s("strong", { children: a.parameters }), m.parameters.map((h) => /* @__PURE__ */ b("label", { children: [/* @__PURE__ */ b("span", { children: [a.sourceFor(h.name), h.required ? " *" : ""] }), /* @__PURE__ */ b("select", {
+          value: mi(c, h),
+          onChange: (S) => g(di(c, h.name, S.target.value)),
+          children: [/* @__PURE__ */ s("option", {
+            value: "",
+            children: a.noSource
+          }), O.map((S) => /* @__PURE__ */ s("option", {
+            value: S,
+            children: S
+          }, S))]
+        })] }, h.name))]
+      }), /* @__PURE__ */ b("div", {
+        className: "studio-editor-query__group",
+        children: [/* @__PURE__ */ s("strong", { children: a.columns }), m.resultFields.map((h) => /* @__PURE__ */ b("label", {
+          className: "studio-editor-query__column",
+          children: [/* @__PURE__ */ s("input", {
+            type: "checkbox",
+            checked: fi(c, h),
+            onChange: (S) => g(S.target.checked ? ui(c, h.name) : pi(c, h.name))
+          }), /* @__PURE__ */ s("span", { children: a.showColumn(h.name) })]
+        }, h.name))]
+      })] }),
+      /* @__PURE__ */ s("p", {
+        className: "studio-editor-query__preview",
+        role: "status",
+        "data-state": P,
+        children: yi(P, a.preview)
+      }),
+      /* @__PURE__ */ s(Ft, {
+        diagnostics: I,
+        label: r.properties.diagnostics
+      })
+    ]
+  });
+};
+function yi(e, t) {
+  switch (e) {
+    case $.NoQuery:
+      return t.noQuery;
+    case $.MissingQuery:
+      return t.missingQuery;
+    case $.Loading:
+      return t.loading;
+    case $.Empty:
+      return t.empty;
+    case $.Error:
+      return t.error;
+    case $.Ready:
+      return "";
+  }
+}
+var bi = (e, t, n = !1) => ({
+  kind: z.ChangeLayoutType,
+  nodeId: e,
+  to: t,
+  ...n ? { acceptLoss: !0 } : {}
+});
+function wi(e, t, n) {
+  if (t) return { kind: "applied" };
+  const r = n.find((i) => i.code === G.LossyConversionNotAccepted);
+  return r ? {
+    kind: "confirm",
+    lost: r.message,
+    edit: {
+      ...e,
+      acceptLoss: !0
+    }
+  } : {
+    kind: "refused",
+    diagnostics: [...n]
+  };
+}
+var Ci = ({ inspection: e, controller: t, strings: n, disabled: r }) => {
+  const i = n.properties, [o, a] = D(), l = it(t.context.catalog, e.typeId), d = l?.capabilities.convertibleTo ?? [];
+  if (!l || d.length === 0) return null;
+  const u = (c) => {
+    const m = t.tryApply(c, i.changeLayout), I = wi(c, m.applied, m.diagnostics);
+    a(I.kind === "confirm" ? {
+      lost: I.lost,
+      edit: I.edit
+    } : void 0);
+  };
+  return /* @__PURE__ */ b("section", {
+    className: "studio-editor-properties__layout",
+    children: [/* @__PURE__ */ b("label", { children: [/* @__PURE__ */ s("span", { children: i.layoutType }), /* @__PURE__ */ b("select", {
+      value: e.typeId,
+      disabled: r,
+      onChange: (c) => u(bi(e.nodeId, c.target.value)),
+      children: [/* @__PURE__ */ s("option", {
+        value: e.typeId,
+        children: l.label
+      }), d.map((c) => /* @__PURE__ */ s("option", {
+        value: c,
+        children: it(t.context.catalog, c)?.label ?? c
+      }, c))]
+    })] }), o && /* @__PURE__ */ b("div", {
+      className: "studio-editor-properties__confirm",
+      role: "alertdialog",
+      "aria-label": i.confirmLayoutTitle,
+      children: [
+        /* @__PURE__ */ s("strong", { children: i.confirmLayoutTitle }),
+        /* @__PURE__ */ s("p", { children: o.lost }),
+        /* @__PURE__ */ s("button", {
+          type: "button",
+          onClick: () => {
+            t.apply(o.edit, i.changeLayout), a(void 0);
+          },
+          children: i.confirmLayoutAccept
+        }),
+        /* @__PURE__ */ s("button", {
+          type: "button",
+          onClick: () => a(void 0),
+          children: i.confirmLayoutCancel
+        })
+      ]
+    })]
+  });
+};
+function ki(e, t, n, r = {}) {
+  const i = {
+    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: z.ExposeProperty,
+    owner: e,
+    property: i
+  };
+}
+function Ii(e, t, n) {
+  return {
+    kind: z.UnexposeProperty,
+    owner: e,
+    component: t,
+    path: n
+  };
+}
+var Si = (e, t, n, r) => e.exposures.some((i) => i.owner === t && i.properties.some((o) => o.component === n && o.path === r)), Pi = [
+  J.Add,
+  J.Remove,
+  J.Reorder,
+  J.EditFields
+], Ti = ({ inspection: e, componentId: t, controller: n, strings: r, authoringTemplate: i }) => {
+  const o = r.properties;
+  if (i === void 0) return null;
+  const a = e.properties.filter((l) => l.descriptor.valueType !== E.Object && l.descriptor.group !== "Placement");
+  return a.length === 0 ? null : /* @__PURE__ */ b("section", {
+    className: "studio-editor-properties__exposure",
+    children: [/* @__PURE__ */ s("strong", { children: o.exposure }), /* @__PURE__ */ s("ul", { children: a.map((l) => {
+      const d = l.descriptor.path, u = Si(n.document, i, t, d), c = l.descriptor.valueType === E.Collection;
+      return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ b("label", { children: [
+        /* @__PURE__ */ s("input", {
+          type: "checkbox",
+          checked: u,
+          onChange: (m) => n.apply(m.target.checked ? ki(i, t, d, c ? { operations: Pi } : {}) : Ii(i, t, d), u ? o.unexposeProperty : o.exposeProperty)
+        }),
+        /* @__PURE__ */ s("span", { children: l.descriptor.label }),
+        u && /* @__PURE__ */ s("em", { children: o.exposedToScopes })
+      ] }) }, d);
+    }) })]
+  });
+};
+function zt(e) {
+  if (e !== void 0)
+    return e.filter((t) => typeof t.value == "string").map((t) => vn(t.value)).filter((t) => t !== void 0);
+}
+var Ri = /* @__PURE__ */ new Set([
+  G.MissingIconLibrary,
+  G.MissingIcon,
+  G.MissingIconVariant,
+  G.IncompatibleIconLibrary,
+  G.IconCatalogUnavailable,
+  G.IconNotVerified
+]), Ut = (e) => Ri.has(e.code), Ni = (e) => e.code === G.IconNotVerified;
+function qt(e, t, n) {
+  const r = e.filter((i) => Ut(i) && !Ni(i) && i.path === t && i.itemId === n);
+  return (r.find((i) => i.severity === dn.Error) ?? r[0])?.message;
+}
+var Oi = (e) => e.filter((t) => !Ut(t));
+function xi(e, t) {
+  const n = {};
+  for (const r of e) {
+    if (r.itemId === void 0) continue;
+    const i = qt(e, t, r.itemId);
+    i && (n[r.itemId] = { icon: i });
+  }
+  return n;
+}
+var Li = ({ properties: e, controller: t, catalog: n, adapters: r, diagnostics: i, strings: o }) => {
+  if (e.length === 0) return null;
+  const a = o.properties;
+  return /* @__PURE__ */ s("section", {
+    className: "studio-editor-properties__icons",
+    children: e.map((l) => {
+      const { path: d, label: u } = l.descriptor, c = gn(l.effectiveValue) ? l.effectiveValue : void 0, m = `studio-editor-icon-${d}`;
+      return /* @__PURE__ */ b("div", {
+        className: "studio-editor-properties__icon",
+        children: [
+          /* @__PURE__ */ s("span", {
+            id: m,
+            className: "studio-editor-properties__icon-label",
+            children: u
+          }),
+          /* @__PURE__ */ s(Mt, {
+            value: c,
+            onChange: (I) => t.setProperty(l, I),
+            catalog: n,
+            adapters: r,
+            allowed: zt(l.descriptor.choices),
+            readOnly: !l.editable,
+            validationMessage: qt(i, d),
+            strings: a.icon,
+            pickerLabels: a.iconPickerLabels,
+            "aria-labelledby": m
+          }),
+          !l.editable && l.reason && /* @__PURE__ */ s("p", {
+            className: "studio-editor-properties__hint",
+            children: l.reason
+          })
+        ]
+      }, d);
+    })
+  });
+}, $t = {
+  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;
+})({}), j = /* @__PURE__ */ (function(e) {
+  return e.Required = "required", e.Syntax = "syntax", e.UnsafeInteger = "unsafeInteger", e.OutOfRange = "outOfRange", e;
+})({});
+function Di(e, t) {
+  switch (e.kind) {
+    case j.Required:
+      return t.problems.required;
+    case j.Syntax:
+      return t.problems.syntax(e.detail);
+    case j.UnsafeInteger:
+      return t.problems.unsafeInteger(e.detail);
+    case j.OutOfRange:
+      return t.problems.outOfRange(e.detail);
+  }
+}
+var Bt = (e) => e === void 0 ? "" : JSON.stringify(e, null, 2) ?? "", ut = /-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/y;
+function Ei(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") {
+      ut.lastIndex = n;
+      const i = ut.exec(e);
+      if (i) {
+        t.push(i[0]), n += i[0].length;
+        continue;
+      }
+    }
+    n++;
+  }
+  return t;
+}
+var Ai = (e) => {
+  const [t] = e.replace("-", "").split(/[eE]/);
+  return t.replace(".", "").replace(/^0+/, "").replace(/0+$/, "").length;
+}, Mi = (e, t) => Number.isSafeInteger(t) ? !1 : /[.eE]/.test(e) ? Number.isInteger(t) && Ai(e) > 15 : !0, _i = (e) => {
+  for (const t of Ei(e)) {
+    const n = Number(t);
+    if (!Number.isFinite(n)) return {
+      kind: j.OutOfRange,
+      detail: t
+    };
+    if (Mi(t, n)) return {
+      kind: j.UnsafeInteger,
+      detail: t
+    };
+  }
+};
+function Fi(e) {
+  let t;
+  try {
+    t = JSON.parse(e);
+  } catch (r) {
+    return { problem: {
+      kind: j.Syntax,
+      detail: r instanceof Error ? r.message : String(r)
+    } };
+  }
+  const n = _i(e);
+  return n ? { problem: n } : { value: t };
+}
+function ye(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((i, o) => ye(i, t[o]));
+  const n = Object.keys(e), r = Object.keys(t);
+  return n.length === r.length && n.every((i, o) => i === r[o] && ye(e[i], t[i]));
+}
+var Qe = (e) => ({
+  text: Bt(e),
+  base: e
+}), zi = (e, t) => ({
+  ...e,
+  text: t
+}), Ui = (e, t) => ye(e.base, t) ? e : Qe(t), Vt = (e) => Qe(e.base);
+function jt(e, t) {
+  if (e.text.trim() === "")
+    return t ? {
+      kind: q.Invalid,
+      problem: {
+        kind: j.Required,
+        detail: ""
+      }
+    } : e.base === void 0 ? { kind: q.Unchanged } : { kind: q.Unset };
+  if (e.text === Bt(e.base)) return { kind: q.Unchanged };
+  const n = Fi(e.text);
+  return n.problem ? {
+    kind: q.Invalid,
+    problem: n.problem
+  } : t && n.value === null ? {
+    kind: q.Invalid,
+    problem: {
+      kind: j.Required,
+      detail: ""
+    }
+  } : ye(n.value, e.base) ? { kind: q.Unchanged } : {
+    kind: q.Set,
+    value: n.value
+  };
+}
+function qi(e, t) {
+  const n = jt(e, t);
+  return {
+    state: n.kind === q.Unchanged ? Vt(e) : e,
+    outcome: n
+  };
+}
+function $i(e, t, n) {
+  const [r, i] = D(() => Qe(e)), o = Ui(r, e);
+  return o !== r && i(o), {
+    text: o.text,
+    outcome: jt(o, t),
+    edit: (a) => i(zi(o, a)),
+    revert: () => i(Vt(o)),
+    commit: () => {
+      const a = qi(o, t);
+      i(a.state), a.outcome.kind === q.Set && n(a.outcome.value), a.outcome.kind === q.Unset && n(void 0);
+    }
+  };
+}
+var Bi = (e) => e.key === "Enter" && (e.ctrlKey || e.metaKey), Vi = ({ label: e, description: t, value: n, onApply: r, readOnly: i = !1, reason: o, required: a = !1, strings: l, rows: d = 6 }) => {
+  const u = $i(n, a, r), c = cn(), m = u.outcome.kind === q.Invalid ? Di(u.outcome.problem, l) : void 0, I = [
+    t && `${c}-description`,
+    m && `${c}-problem`,
+    o && `${c}-reason`
+  ].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ b("div", {
+    className: "studio-editor-json",
+    children: [
+      /* @__PURE__ */ s("label", {
+        htmlFor: c,
+        className: "studio-editor-json__label",
+        children: e
+      }),
+      t && /* @__PURE__ */ s("p", {
+        id: `${c}-description`,
+        className: "studio-editor-json__description",
+        children: t
+      }),
+      /* @__PURE__ */ s(Dn, {
+        id: c,
+        className: "studio-editor-json__text",
+        value: u.text,
+        rows: d,
+        readOnly: i,
+        invalid: m !== void 0,
+        placeholder: i ? void 0 : l.placeholder,
+        spellCheck: !1,
+        "aria-describedby": I,
+        onChange: u.edit,
+        onBlur: i ? void 0 : u.commit,
+        onKeyDown: (g) => {
+          i || (Bi(g) && u.commit(), g.key === "Escape" && u.revert());
+        }
+      }),
+      m && /* @__PURE__ */ s("p", {
+        id: `${c}-problem`,
+        role: "alert",
+        className: "studio-editor-json__problem",
+        children: m
+      }),
+      i && o && /* @__PURE__ */ s("p", {
+        id: `${c}-reason`,
+        className: "studio-editor-json__reason",
+        children: o
+      })
+    ]
+  });
+}, ji = ({ properties: e, componentId: t, setProperty: n, strings: r = $t }) => e.length === 0 ? null : /* @__PURE__ */ s("section", {
+  className: "studio-editor-json-properties",
+  children: e.map((i) => /* @__PURE__ */ s(Vi, {
+    label: i.descriptor.label,
+    description: i.descriptor.description,
+    value: i.effectiveValue,
+    readOnly: !i.editable || i.descriptor.readOnly === !0,
+    reason: i.reason,
+    required: i.descriptor.constraints?.required === !0,
+    strings: r,
+    onApply: (o) => n(i, o)
+  }, `${t}:${i.descriptor.path}`))
+}), Wi = E.Json, Gi = (e) => e === Wi, Ji = (e) => Gi(e.descriptor.valueType), Ki = "action", He = "presentation", Ye = "arguments", pe = (e) => typeof e == "string" ? e : "";
+function Qi(e, t = "") {
+  const n = pe(e?.command);
+  if (n === "") return;
+  const r = Array.isArray(e?.arguments) ? e[Ye] : [], i = Object.fromEntries(r.map((a) => [pe(a.name), pe(a.source)]).filter(([a]) => a !== "")), o = pe(e?.[He]);
+  return {
+    sliceId: n,
+    sliceName: t,
+    inputs: i,
+    presentation: Object.values(V).includes(o) ? o : V.None
+  };
+}
+function Hi(e) {
+  return {
+    command: e.sliceId,
+    [He]: e.presentation,
+    [Ye]: Object.entries(e.inputs).filter(([, t]) => t.trim() !== "").map(([t, n]) => ({
+      id: t,
+      name: t,
+      source: n.trim()
+    }))
+  };
+}
+function Yi(e, t) {
+  const n = W(e);
+  return Object.entries(Hi(t)).map(([r, i]) => ({
+    kind: z.SetProperty,
+    nodeId: n,
+    path: r,
+    value: i
+  }));
+}
+var Zi = (e) => e.descriptor.valueType === E.QueryReference, Xi = /* @__PURE__ */ new Set([Ye]), eo = (e) => e.descriptor.valueType === E.Collection && !!e.descriptor.item && !Xi.has(e.descriptor.path), to = ({ controller: e, environment: t, strings: n, ownership: r, authoringTemplate: i }) => {
+  const { inspection: o, selectedId: a, selection: l } = e, d = n.properties, u = F(() => Kr(t.availableSources), [t.availableSources]);
+  if (!a || !l || !o) return /* @__PURE__ */ s("p", {
+    className: "studio-editor-properties-empty",
+    children: n.noSelection
+  });
+  const c = ni(o.properties, o.typeId), m = new Map(o.properties.map((f) => [f.descriptor.path, f])), I = o.properties.filter(Zi), g = o.properties.filter(eo), P = o.properties.filter((f) => f.descriptor.valueType === E.Icon), O = o.properties.filter(Ji), h = [...o.diagnostics, ...e.diagnostics], { runtime: S } = t, R = o.typeId.endsWith("action"), C = l.properties, N = (f) => {
+    const x = m.get(f.name);
+    if (!x) return;
+    if (x.descriptor.valueType !== E.Enum) return e.setProperty(x, f.value);
+    const p = Hr(x, f.value);
+    p && e.setProperty(x, p.value);
+  }, v = (f, x) => e.apply(_t(a, f, x), "Bind query");
+  return /* @__PURE__ */ b("div", {
+    className: "studio-editor-properties",
+    children: [
+      /* @__PURE__ */ b("header", {
+        className: "studio-editor-properties__header",
+        children: [
+          /* @__PURE__ */ s("strong", { children: o.label }),
+          /* @__PURE__ */ s("span", { children: o.typeId }),
+          r && /* @__PURE__ */ s(Et, {
+            ownership: r,
+            label: n.ownership[r]
+          })
+        ]
+      }),
+      r && /* @__PURE__ */ s("p", {
+        className: "studio-editor-properties__hint",
+        children: n.ownershipHint[r]
+      }),
+      /* @__PURE__ */ s(Ft, {
+        diagnostics: Oi(h),
+        label: d.diagnostics
+      }),
+      /* @__PURE__ */ s(Ci, {
+        inspection: o,
+        controller: e,
+        strings: n,
+        disabled: r !== void 0 && r !== "local"
+      }),
+      c.groups.length > 0 ? /* @__PURE__ */ s(An, {
+        groups: c.groups,
+        values: c.values,
+        onChange: N,
+        "aria-label": n.propertiesTab
+      }) : o.properties.length === 0 && /* @__PURE__ */ s("p", {
+        className: "studio-editor-properties-empty",
+        children: d.noProperties
+      }),
+      /* @__PURE__ */ s(Li, {
+        properties: P,
+        controller: e,
+        catalog: S.icons,
+        adapters: S.iconAdapters,
+        diagnostics: h,
+        strings: n
+      }),
+      /* @__PURE__ */ s(ji, {
+        properties: O,
+        componentId: a,
+        setProperty: e.setProperty,
+        strings: d.json
+      }),
+      g.map((f) => /* @__PURE__ */ s(no, {
+        property: f,
+        componentId: a,
+        controller: e,
+        strings: n,
+        destinations: t.destinations,
+        icons: {
+          catalog: S.icons,
+          adapters: S.iconAdapters,
+          diagnostics: h
+        }
+      }, f.descriptor.path)),
+      I.map((f) => /* @__PURE__ */ s(vi, {
+        property: f,
+        candidates: t.queryCandidates,
+        scope: u,
+        strings: n,
+        disabled: !f.editable,
+        onChange: (x) => v(f, x)
+      }, `${a}:${f.descriptor.path}`)),
+      R && /* @__PURE__ */ s(si, {
+        action: Qi(C, t.stateChangeSlices.find((f) => f.id === C?.command)?.name ?? ""),
+        slices: t.stateChangeSlices,
+        sources: Object.keys(t.availableSources),
+        strings: n,
+        disabled: r !== void 0 && r !== "local",
+        suggestSource: (f) => f === "id" || f.endsWith("Id") ? "row.id" : void 0,
+        onChange: (f) => f && e.applyAll(Yi(a, f), n.properties.action.label)
+      }),
+      /* @__PURE__ */ s(Ti, {
+        inspection: o,
+        componentId: a,
+        controller: e,
+        strings: n,
+        authoringTemplate: i
+      })
+    ]
+  });
+}, no = ({ property: e, componentId: t, controller: n, strings: r, destinations: i, icons: o }) => {
+  const { items: a, fixed: l } = Vr(e), d = xi(o.diagnostics, e.descriptor.path);
+  return /* @__PURE__ */ s("section", {
+    className: "studio-editor-properties__collection",
+    children: /* @__PURE__ */ s(En, {
+      items: a,
+      fixedItems: l,
+      capabilities: jr(e),
+      destinations: i,
+      validation: d,
+      renderIconField: (u) => /* @__PURE__ */ s(Mt, {
+        value: u.value,
+        onChange: u.onChange,
+        allowed: zt(e.descriptor.item?.properties.find((c) => c.path === "icon")?.choices),
+        catalog: o.catalog,
+        adapters: o.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(Wr(t, e, u), r.properties.itemsLabel)
+    })
+  });
+}, Wt = ({ strings: e, controller: t, environment: n, authoringTemplate: r, structure: i, onClose: o }) => {
+  const [a, l] = D(Pe.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: o,
+        children: "×"
+      })]
+    }), /* @__PURE__ */ s(Ln, {
+      className: "studio-editor-inspector__tabs",
+      "aria-label": e.inspectorTitle,
+      value: a,
+      onChange: l,
+      tabs: [{
+        id: Pe.Properties,
+        label: e.propertiesTab,
+        content: /* @__PURE__ */ s(to, {
+          controller: t,
+          environment: n,
+          strings: e,
+          ownership: d,
+          authoringTemplate: r
+        })
+      }, {
+        id: Pe.Structure,
+        label: e.structureTab,
+        content: i
+      }]
+    })]
+  });
+}, ee = /* @__PURE__ */ (function(e) {
+  return e.Panel = "Panel", e.StackPanel = "StackPanel", e.WrapPanel = "WrapPanel", e.Grid = "Grid", e.Canvas = "Canvas", e;
+})({}), ro = [
+  {
+    item: w.Stack,
+    type: "Stack",
+    panel: ee.StackPanel,
+    flowKind: Ie.Column,
+    arrangement: L.Column
+  },
+  {
+    item: w.Row,
+    type: "Row",
+    panel: ee.StackPanel,
+    flowKind: Ie.Row,
+    arrangement: L.Row
+  },
+  {
+    item: w.Grid,
+    type: "Grid",
+    panel: ee.Grid,
+    flowKind: Ie.Grid,
+    arrangement: L.Grid
+  },
+  {
+    item: w.Container,
+    type: "Container",
+    panel: ee.Panel,
+    arrangement: L.Grouping
+  },
+  {
+    item: w.Wrap,
+    type: "Wrap",
+    panel: ee.WrapPanel,
+    arrangement: L.Wrap
+  },
+  {
+    item: w.Canvas,
+    type: "Canvas",
+    panel: ee.Canvas,
+    arrangement: L.Freeform
+  }
+], io = /* @__PURE__ */ new Set([
+  "column",
+  "screenShell",
+  "shell"
+]), oo = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim();
+function Gt(e, t, n, r) {
+  return [{
+    id: "layout",
+    title: e,
+    items: ro.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: i.package,
+    items: i.components.filter((o) => !io.has(o)).map((o) => ({
+      id: `component:${i.package}:${o}`,
+      title: oo(o),
+      icon: n.component(o),
+      payload: {
+        kind: "component",
+        componentName: o,
+        package: i.package
+      }
+    }))
+  })).filter((i) => i.items.length > 0)];
+}
+var de = (e) => {
+  const t = e;
+  return !!t && (t.kind === "layout" && typeof t.item == "string" || t.kind === "component" && typeof t.componentName == "string" && typeof t.package == "string");
+}, ao = "core", so = /* @__PURE__ */ new Set([Ki]);
+function Ze(e, t) {
+  return so.has(e) && t === "core" ? `${ao}:${e}` : e;
+}
+var Xe = "application/x-studio-palette-item", Jt = (e, t) => {
+  e.dataTransfer.setData(Xe, JSON.stringify(t)), e.dataTransfer.effectAllowed = "copyMove";
+};
+function co(e) {
+  try {
+    const t = JSON.parse(e.dataTransfer.getData(Xe));
+    return de(t) ? t : void 0;
+  } catch {
+    return;
+  }
+}
+var lo = (e) => e.dataTransfer.types.includes(Xe);
+function Ee(e) {
+  return e ? Be(e) ? X.grid : Ve(e) ? e.orientation === ne.Horizontal ? X.flexRow : X.flexColumn : $e(e) ? X.absolute : X.flexColumn : X.absolute;
+}
+function Kt(e, t) {
+  return {
+    id: e,
+    name: t,
+    visibility: Ue.Visible,
+    isEnabled: !0,
+    opacity: 1,
+    size: {},
+    zIndex: 0,
+    minimumSize: {},
+    maximumSize: {},
+    margin: {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    },
+    horizontalAlignment: Fe.Stretch,
+    verticalAlignment: ze.Stretch,
+    properties: {}
+  };
+}
+var pt = {
+  unitType: pn.Star,
+  value: 1
+};
+function be(e, t, n, r = [], i = {}) {
+  const o = uo(e, i);
+  return {
+    ...Kt(t, n),
+    children: r,
+    ...o
+  };
+}
+function uo(e, t) {
+  switch (e) {
+    case w.Stack:
+      return {
+        orientation: ne.Vertical,
+        spacing: 8
+      };
+    case w.Row:
+      return {
+        orientation: ne.Horizontal,
+        spacing: 8
+      };
+    case w.Grid:
+      return {
+        rows: [],
+        columns: [{
+          width: pt,
+          minimumWidth: 0,
+          maximumWidth: Number.POSITIVE_INFINITY
+        }, {
+          width: pt,
+          minimumWidth: 0,
+          maximumWidth: Number.POSITIVE_INFINITY
+        }]
+      };
+    case w.Wrap:
+      return { orientation: ne.Horizontal };
+    case w.Canvas:
+      return { extent: t };
+    case w.Container:
+      return {};
+  }
+}
+var H = /* @__PURE__ */ (function(e) {
+  return e.NotJson = "notJson", e.WrongShape = "wrongShape", e.MissingScreen = "missingScreen", e.MissingTemplate = "missingTemplate", e;
+})({}), po = [
+  "layouts",
+  "screenTemplates",
+  "dialogTemplates",
+  "screens",
+  "exposures",
+  "instanceContributions"
+];
+function mo(e, t) {
+  let n = e;
+  if (typeof e == "string") try {
+    n = JSON.parse(e);
+  } catch {
+    return {
+      readable: !1,
+      problem: H.NotJson
+    };
+  }
+  const r = n;
+  if (!r || typeof r != "object" || po.some((o) => !Array.isArray(r[o]))) return {
+    readable: !1,
+    problem: H.WrongShape
+  };
+  const i = r;
+  return t !== void 0 ? i.screenTemplates.some((o) => o.name === t) ? {
+    readable: !0,
+    document: i
+  } : {
+    readable: !1,
+    problem: H.MissingTemplate
+  } : i.screens.some((o) => o.name === "Screen") ? {
+    readable: !0,
+    document: i
+  } : {
+    readable: !1,
+    problem: H.MissingScreen
+  };
+}
+function Qt(e) {
+  const t = e.documentText ?? e.document;
+  if (t !== void 0) {
+    const n = mo(t, e.authoringTemplate);
+    return n.readable ? {
+      opened: !0,
+      subject: { document: n.document }
+    } : {
+      opened: !1,
+      problem: n.problem
+    };
+  }
+  return {
+    opened: !0,
+    subject: { document: fo(e) }
+  };
+}
+function fo(e) {
+  const t = e.windowSize ? {
+    width: e.windowSize.width,
+    height: e.windowSize.height
+  } : {};
+  return e.authoringTemplate !== void 0 ? gr(e.authoringTemplate, be(w.Canvas, mr, "Template", [], t)) : hr(be(w.Canvas, fr, "Screen", [], t), e.screenTemplate);
+}
+var Ht = ({ 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(ln, { children: t })
+}), Yt = ({ strings: e, onClose: t, children: n }) => /* @__PURE__ */ s(xn, {
+  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
+}), Zt = ({ 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
+    }) })
+  ]
+}), Xt = ({ environment: e, children: t }) => {
+  const n = /* @__PURE__ */ s(Vn, {
+    handler: e.fileUpload?.handler,
+    allowedOrigins: e.fileUpload?.allowedOrigins,
+    children: t
+  });
+  return e.richText ? /* @__PURE__ */ s(jn, {
+    loader: e.richText,
+    children: n
+  }) : n;
+}, ho = ({ controls: e }) => /* @__PURE__ */ s("div", {
+  className: "studio-window-title-bar",
+  role: "toolbar",
+  children: /* @__PURE__ */ s("div", {
+    className: "studio-window-title-bar__controls",
+    children: e
+  })
+}), oe = /* @__PURE__ */ (function(e) {
+  return e.Desktop = "desktop", e.Mobile = "mobile", e;
+})({}), et = {
+  [oe.Desktop]: {
+    width: 1280,
+    height: 800
+  },
+  [oe.Mobile]: {
+    width: 390,
+    height: 844
+  }
+};
+function en(e, t) {
+  return {
+    width: Math.min(e.width, t.width),
+    height: Math.min(e.height + 40, t.height)
+  };
+}
+function tn(e) {
+  return {
+    width: e.width,
+    height: Math.max(0, e.height - 40)
+  };
+}
+function go(e, t) {
+  return Object.values(oe).find((n) => {
+    const r = en(et[n], t);
+    return r.width === e.width && r.height === e.height;
+  });
+}
+function vo(e) {
+  const t = tn(e);
+  return wn(t.width, t.height);
+}
+var yo = ({ windowSize: e, available: t, strings: n, onResize: r }) => {
+  const i = go(e, t), o = tn(e), a = vo(e), l = (d, u, c) => /* @__PURE__ */ s(se, {
+    icon: u,
+    "aria-label": c,
+    "aria-pressed": i === d,
+    title: c,
+    variant: "ghost",
+    size: "small",
+    onClick: () => r(en(et[d], t))
+  });
+  return /* @__PURE__ */ b("div", {
+    className: "studio-editor-viewport-controls",
+    role: "group",
+    "aria-label": n.sizeClass(a.width, a.height),
+    children: [
+      l(oe.Desktop, /* @__PURE__ */ s(Jn, { "aria-hidden": "true" }), n.desktopPreview),
+      l(oe.Mobile, /* @__PURE__ */ s(Qn, { "aria-hidden": "true" }), n.mobilePreview),
+      /* @__PURE__ */ b("span", {
+        className: "studio-editor-viewport-controls__size",
+        role: "status",
+        children: [
+          n.viewportSize(o.width, o.height),
+          " · ",
+          n.sizeClass(a.width, a.height)
+        ]
+      })
+    ]
+  });
+}, we = /* @__PURE__ */ (function(e) {
+  return e.Container = "container", e.Between = "between", e;
+})({}), re = /* @__PURE__ */ (function(e) {
+  return e.Horizontal = "horizontal", e.Vertical = "vertical", e.None = "none", e;
+})({}), te = 3;
+function bo(e, t, n) {
+  const r = e.containerId === null ? t : n(e.containerId);
+  if (!r) return;
+  if (e.kind === we.Container) return r;
+  const i = e.afterId ? n(e.afterId) : void 0, o = e.beforeId ? n(e.beforeId) : void 0;
+  if (e.axis === re.Horizontal) {
+    const a = i ? i.top + i.height : o ? o.top - te : r.top;
+    return {
+      left: r.left,
+      top: a - te / 2,
+      width: r.width,
+      height: te
+    };
+  }
+  if (e.axis === re.Vertical) return {
+    left: (i ? i.left + i.width : o ? o.left - te : r.left) - te / 2,
+    top: r.top,
+    width: te,
+    height: r.height
+  };
+}
+function mt(e, t, n, r = 6) {
+  return e.filter(({ rect: i }) => t >= i.left - r && t <= i.left + i.width + r && n >= i.top - r && n <= i.top + i.height + r).sort((i, o) => i.rect.width * i.rect.height - o.rect.width * o.rect.height)[0];
+}
+var nn = (e, t) => e === t || !!e && !!t && e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height, wo = (e, t) => e.length === t.length && e.every((n, r) => n.region.id === t[r].region.id && nn(n.rect, t[r].rect)), Co = nn, ko = () => {
+}, Io = (e, t) => ({
+  left: t.left - e.left,
+  top: t.top - e.top,
+  width: t.width,
+  height: t.height
+}), So = ({ controller: e, environment: t, resolveBinding: n = ko, configuration: r }) => {
+  const i = _e(null), [o, a] = D([]), [l, d] = D(), [u, c] = D(), { composition: m, dropRegions: I, selectedId: g } = e, P = U(() => {
+    const v = i.current;
+    if (!v) return;
+    const f = v.getBoundingClientRect(), x = (T) => {
+      const A = v.querySelector(`[data-scene-id="${CSS.escape(T)}"]`);
+      return A ? Io(f, A.getBoundingClientRect()) : void 0;
+    }, p = {
+      left: 0,
+      top: 0,
+      width: f.width,
+      height: f.height
+    }, y = I.flatMap((T) => {
+      const A = bo(T, p, x);
+      return A ? [{
+        region: T,
+        rect: A
+      }] : [];
+    });
+    a((T) => wo(T, y) ? T : y);
+    const k = g ? x(g) : void 0;
+    d((T) => Co(T, k) ? T : k);
+  }, [I, g]);
+  nt(() => {
+    P();
+  }), nt(() => {
+    const v = i.current;
+    if (!v || typeof ResizeObserver > "u") return;
+    const f = new ResizeObserver(P);
+    return f.observe(v), () => f.disconnect();
+  }, [P]);
+  const O = (v) => {
+    const f = v.target.closest("[data-scene-id]");
+    e.select(f?.dataset.sceneId);
+  }, h = (v) => {
+    const f = i.current.getBoundingClientRect();
+    return {
+      x: v.clientX - f.left,
+      y: v.clientY - f.top
+    };
+  }, S = (v) => {
+    if (!lo(v)) return;
+    v.preventDefault(), v.dataTransfer.dropEffect = "copy";
+    const { x: f, y: x } = h(v);
+    c(mt(o, f, x));
+  }, R = (v) => {
+    const f = co(v), { x, y: p } = h(v), y = mt(o, x, p);
+    if (v.preventDefault(), c(void 0), !f || !y) return;
+    const k = y.region.containerId ?? void 0, T = y.region.kind === we.Container ? void 0 : y.region.index;
+    f.kind === "layout" ? e.insertLayout(f.item, k, T) : e.insertComponent(Ze(f.componentName, f.package), k, T);
+  }, C = F(() => ar(m.element, t.runtime.profile, t.runtime.packages), [
+    m,
+    t.runtime.profile,
+    t.runtime.packages
+  ]), N = F(() => /* @__PURE__ */ s(zn, {
+    registry: t.runtime.iconAdapters,
+    children: /* @__PURE__ */ s(Un, {
+      element: C,
+      registry: t.runtime.registry,
+      resolveBinding: n,
+      configuration: r
+    })
+  }), [
+    C,
+    t.runtime.registry,
+    t.runtime.iconAdapters,
+    n,
+    r
+  ]);
+  return /* @__PURE__ */ b("div", {
+    ref: i,
+    className: "studio-screen-surface",
+    onClick: O,
+    onDragOver: S,
+    onDragLeave: () => c(void 0),
+    onDrop: R,
+    children: [N, /* @__PURE__ */ b("div", {
+      className: "studio-screen-surface__chrome",
+      "aria-hidden": "true",
+      children: [l && /* @__PURE__ */ s("div", {
+        className: "studio-screen-surface__selection",
+        style: l
+      }), u && /* @__PURE__ */ s("div", {
+        className: `studio-screen-surface__target studio-screen-surface__target--${u.region.kind}`,
+        "data-empty": u.region.isEmptyContainer,
+        style: u.rect
+      })]
+    })]
+  });
+}, rn = ({ controller: e, environment: t, strings: n, window: r, deviceFrame: i = !1, saveFailure: o }) => {
+  const a = !!e.selectedId && e.ownershipOf(e.selectedId) === M.Local, l = /* @__PURE__ */ b(ae, { children: [
+    /* @__PURE__ */ s(yo, {
+      windowSize: r.size,
+      available: r.available,
+      strings: n,
+      onResize: r.setSize
+    }),
+    /* @__PURE__ */ s(se, {
+      icon: /* @__PURE__ */ s(tr, { "aria-hidden": "true" }),
+      "aria-label": n.undo,
+      title: n.undo,
+      variant: "ghost",
+      size: "small",
+      disabled: !e.canUndo,
+      onClick: e.undo
+    }),
+    /* @__PURE__ */ s(se, {
+      icon: /* @__PURE__ */ s(Hn, { "aria-hidden": "true" }),
+      "aria-label": n.redo,
+      title: n.redo,
+      variant: "ghost",
+      size: "small",
+      disabled: !e.canRedo,
+      onClick: e.redo
+    }),
+    /* @__PURE__ */ s(se, {
+      icon: /* @__PURE__ */ s(er, { "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(se, {
+      icon: /* @__PURE__ */ s(Zn, { "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(ho, { controls: l }),
+      o && /* @__PURE__ */ b("p", {
+        className: "studio-screen-editor-window__notice",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ s("strong", { children: n.saveRefused }),
+          " ",
+          o
+        ]
+      }),
+      /* @__PURE__ */ s("div", {
+        className: "studio-screen-editor-window__canvas",
+        children: /* @__PURE__ */ s("div", {
+          className: i ? "studio-screen-editor-window__device" : void 0,
+          style: i ? {
+            width: r.size.width,
+            minHeight: r.size.height - 40
+          } : void 0,
+          children: /* @__PURE__ */ s(So, {
+            controller: e,
+            environment: t,
+            resolveBinding: () => {
+            }
+          })
+        })
+      })
+    ]
+  });
+};
+function Po(e, t, n, r = {}, i = {}) {
+  return {
+    ...Kt(e, t),
+    componentName: n,
+    properties: r,
+    slots: i
+  };
+}
+function To(e) {
+  switch (e) {
+    case L.Row:
+    case L.Wrap:
+    case L.Grid:
+      return re.Vertical;
+    case L.Column:
+    case L.Grouping:
+    case void 0:
+      return re.Horizontal;
+    case L.Freeform:
+      return re.None;
+  }
+}
+function ft(e, t, n, r) {
+  const i = e ?? "screen", o = To(n), a = {
+    id: `${i}:container`,
+    kind: we.Container,
+    containerId: e,
+    index: t.length,
+    axis: o,
+    isEmptyContainer: t.length === 0
+  };
+  return o === re.None || t.length === 0 ? [a] : [a, ...Array.from({ length: t.length + 1 }, (l, d) => ({
+    id: `${i}:between:${d}`,
+    kind: we.Between,
+    containerId: e,
+    index: d,
+    axis: o,
+    isEmptyContainer: !1,
+    ...d > 0 ? { afterId: r.idOf(t[d - 1]) } : {},
+    ...d < t.length ? { beforeId: r.idOf(t[d]) } : {}
+  }))];
+}
+function Ro(e, t, n) {
+  const r = (i) => i.flatMap((o) => {
+    if (!n.acceptsChildren(o)) return [];
+    const a = n.childrenOf(o);
+    return [...ve(n.ownershipOf(o), Z.Insert) ? ft(n.idOf(o), a, n.arrangementOf(o), n) : [], ...r(a)];
+  });
+  return [...ft(null, e, t, n), ...r(e)];
+}
+var No = 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 Oo(e) {
+  return {
+    document: e,
+    undoable: [],
+    redoable: [],
+    diagnostics: [],
+    isDirty: !1,
+    savedDocument: e
+  };
+}
+function xo(e, t, n, r) {
+  const i = Ct(e.document, t, n);
+  return i.applied ? {
+    ...e,
+    document: i.model,
+    undoable: [...e.undoable, {
+      before: e.document,
+      label: r
+    }].slice(-100),
+    redoable: [],
+    diagnostics: i.diagnostics,
+    isDirty: i.model !== e.savedDocument
+  } : {
+    ...e,
+    diagnostics: i.diagnostics
+  };
+}
+function Lo(e, t, n, r) {
+  let i = e.document;
+  const o = [];
+  for (const a of t) {
+    const l = Ct(i, a, n);
+    if (o.push(...l.diagnostics), !l.applied) return {
+      ...e,
+      diagnostics: o
+    };
+    i = l.model;
+  }
+  return {
+    ...e,
+    document: i,
+    undoable: [...e.undoable, {
+      before: e.document,
+      label: r
+    }].slice(-100),
+    redoable: [],
+    diagnostics: o,
+    isDirty: i !== e.savedDocument
+  };
+}
+var Do = (e) => e.undoable.length > 0, Eo = (e) => e.redoable.length > 0;
+function Ao(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 Mo(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 Ae = (e) => e.id, _o = (e) => e.name || Ae(e), Fo = (e) => {
+  switch (e) {
+    case w.Stack:
+      return L.Column;
+    case w.Row:
+      return L.Row;
+    case w.Grid:
+      return L.Grid;
+    case w.Wrap:
+      return L.Wrap;
+    case w.Canvas:
+      return L.Freeform;
+    case w.Container:
+      return L.Grouping;
+    case void 0:
+      return;
+  }
+};
+function zo(e) {
+  return {
+    idOf: Ae,
+    nameOf: _o,
+    childrenOf: ke,
+    withChildren: (t, n) => ce(t) ? {
+      ...t,
+      children: n
+    } : fe(t) ? {
+      ...t,
+      slots: { children: n }
+    } : t,
+    acceptsChildren: (t) => ce(t),
+    ownershipOf: (t) => e(Ae(t)) ?? M.Local,
+    arrangementOf: (t) => ce(t) ? Fo(Ot(t)) : void 0
+  };
+}
+function Uo(e) {
+  if (e.targetParentId !== null)
+    return {
+      kind: z.MoveNode,
+      nodeId: W(e.nodeId),
+      target: W(e.targetParentId),
+      index: e.index
+    };
+}
+function qo(e, t, n) {
+  return {
+    kind: z.InsertNode,
+    target: W(e),
+    index: t,
+    element: n
+  };
+}
+function $o(e) {
+  return {
+    kind: z.RemoveNode,
+    nodeId: W(e)
+  };
+}
+function Bo(e) {
+  return e ? $e(e) ? L.Freeform : Be(e) ? L.Grid : Ve(e) ? e.orientation === ne.Horizontal ? L.Row : L.Column : L.Column : L.Column;
+}
+var _ = /* @__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;
+})({}), Vo = (e, t) => Math.max(0, Math.min(e, t));
+function jo(e, t, n) {
+  const r = ie(e, t.nodeId, n);
+  if (!r) return _.NodeNotFound;
+  if (!ve(n.ownershipOf(r.node), Z.Move)) return _.NodeLocked;
+  let i = e;
+  if (t.targetParentId !== null) {
+    const o = ie(e, t.targetParentId, n);
+    if (!o) return _.TargetNotFound;
+    if (Dt(r.node, t.targetParentId, n)) return _.WouldCreateCycle;
+    if (!n.acceptsChildren(o.node)) return _.TargetNotContainer;
+    if (!ve(n.ownershipOf(o.node), Z.Insert)) return _.TargetLocked;
+    i = n.childrenOf(o.node);
+  }
+  if ((r.parent === null ? null : n.idOf(r.parent)) === t.targetParentId) {
+    const o = i.length - 1;
+    if (Vo(t.index, o) === r.index) return _.NoChange;
+  }
+}
+var Wo = "composition";
+function Go(e, t) {
+  const n = e.screens.find((a) => a.name === Ce), r = t !== void 0 ? Ne(t, !0) : Ne(void 0), i = Nn(e, r).levels.filter((a) => a.kind === hn.ScreenTemplate).map((a) => a.owner), o = [];
+  for (const a of i) {
+    const l = e.screenTemplates.find((d) => d.name === a);
+    if (l)
+      for (const d of l.slots) o.push(...l.content?.[d.name] ?? []);
+  }
+  return (t === void 0 || r.kind === Re.Screen) && o.push(...n?.slotContent.content ?? []), {
+    element: be(w.Stack, Wo, "Composition", o),
+    roots: o,
+    templates: i
+  };
+}
+function Jo(e) {
+  switch (e) {
+    case rt.Inherited:
+      return M.Inherited;
+    case rt.ConfigurableInherited:
+      return M.ConfigurableInherited;
+    default:
+      return M.Local;
+  }
+}
+function Ko(e, t, n) {
+  const r = /* @__PURE__ */ new Map();
+  for (const i of Nt(t)) {
+    const o = kt(e, W(i), n);
+    r.set(i, o ? Jo(o.provenance.kind) : M.Inherited);
+  }
+  return (i) => r.get(i) ?? M.Local;
+}
+var ht = () => globalThis.crypto.randomUUID();
+function Qo(e) {
+  const [t, n] = D({
+    catalog: e,
+    times: 0
+  });
+  return Me(() => {
+    let r = !0;
+    const i = () => {
+      r && n((o) => ({
+        catalog: e,
+        times: o.times + 1
+      }));
+    };
+    return e.load().then(i, i), () => {
+      r = !1;
+    };
+  }, [e]), t.catalog === e ? t.times : 0;
+}
+function on(e, t, n) {
+  const [r, i] = D(() => Oo(e.document)), o = _e(void 0);
+  o.current ??= new No(r, i);
+  const a = U((p) => o.current.commit(p), []), [l, d] = D(), u = Qo(n.runtime.icons), c = F(() => ({
+    catalog: n.runtime.catalog,
+    scope: Ne(t, t !== void 0),
+    queryCandidates: [...n.queryCandidates],
+    iconCatalog: n.runtime.icons
+  }), [
+    n,
+    t,
+    u
+  ]), m = F(() => Go(r.document, t), [r.document, t]), I = F(() => Ko(r.document, m.roots, c), [
+    r.document,
+    m,
+    c
+  ]), g = F(() => zo(I), [I]), P = ge(r.document, t), O = F(() => Ro(m.roots, Bo(P), g).filter((p) => p.containerId !== null), [
+    m,
+    P,
+    g
+  ]), h = l ? Le(m.roots, l) : void 0, S = F(() => l ? kt(r.document, W(l), c) : void 0, [
+    r.document,
+    l,
+    c
+  ]), R = U((p, y) => {
+    const k = o.current.current, T = a((A) => xo(A, p, c, y));
+    return {
+      applied: T.undoable.length > k.undoable.length || T.document !== k.document,
+      diagnostics: T.diagnostics
+    };
+  }, [a, c]), C = U((p, y) => {
+    R(p, y);
+  }, [R]), N = U((p, y) => {
+    const k = o.current.current, T = a((A) => Lo(A, p, c, y));
+    return {
+      applied: T.document !== k.document,
+      diagnostics: T.diagnostics
+    };
+  }, [a, c]), v = U((p, y) => {
+    const k = p ?? P?.id, T = k ? Le(m.roots, k)?.children ?? [] : [];
+    return {
+      parent: k,
+      index: y ?? T.length
+    };
+  }, [P, m]), f = U((p, y, k, T) => {
+    const A = v(y, k);
+    A.parent && R(qo(A.parent, A.index, p), T).applied && d(p.id);
+  }, [R, v]), x = U((p) => {
+    const y = jo(m.roots, p, g);
+    if (y) return y;
+    const k = Uo(p);
+    return k ? R(k, "Move").applied ? void 0 : _.NodeLocked : _.TargetNotContainer;
+  }, [
+    m,
+    g,
+    R
+  ]);
+  return {
+    document: r.document,
+    composition: m,
+    context: c,
+    selectedId: l,
+    selection: h,
+    inspection: S,
+    diagnostics: r.diagnostics,
+    adapter: g,
+    ownershipOf: I,
+    dropRegions: O,
+    select: d,
+    apply: C,
+    tryApply: R,
+    applyAll: N,
+    move: x,
+    insertComponent: (p, y, k) => f(Po(ht(), p, p), y, k, "Add"),
+    insertLayout: (p, y, k) => f(be(p, ht(), p), y, k, "Add layout"),
+    remove: (p) => {
+      R($o(p), "Remove").applied && d(void 0);
+    },
+    setProperty: (p, y) => l && C(_t(l, p, y), "Change"),
+    undo: () => {
+      a(Ao);
+    },
+    redo: () => {
+      a(Mo);
+    },
+    canUndo: Do(r),
+    canRedo: Eo(r),
+    isDirty: r.isDirty
+  };
+}
+var Ho = () => ({
+  width: window.innerWidth - 64,
+  height: window.innerHeight - 64
+}), Xa = (e) => /* @__PURE__ */ s(Yt, {
+  strings: e.strings,
+  onClose: () => e.onDismiss?.(),
+  children: /* @__PURE__ */ s(Yo, { ...e })
+}), Yo = (e) => {
+  const t = F(() => Qt(e.subject), [e.subject]);
+  return t.opened ? /* @__PURE__ */ s(Zo, {
+    ...e,
+    opened: t.subject
+  }, e.environment.runtime.id) : /* @__PURE__ */ s(wt, {
+    sourceRect: e.sourceRect,
+    initialSize: e.initialSize,
+    centerOffsetX: e.centerOffsetX,
+    onClosed: () => e.onDismiss?.(),
+    children: (n) => /* @__PURE__ */ s(Zt, {
+      problem: t.problem,
+      strings: e.strings,
+      onClose: () => n.close()
+    })
+  });
+}, Zo = ({ subject: e, environment: t, strings: n, layoutLabels: r, icons: i, paletteSources: o, sourceRect: a, initialSize: l, centerOffsetX: d, renderPaletteHost: u, onClose: c, onBeforeClose: m, opened: I }) => {
+  const g = on(I, e.authoringTemplate, t), P = F(() => Gt(n.layoutDrawer, r, i, o), [
+    n,
+    r,
+    i,
+    o
+  ]), O = U((v) => {
+    const f = ge(g.document, e.authoringTemplate);
+    c({
+      document: g.document,
+      legacyElements: De(f, t.runtime.legacyTypeOf),
+      windowSize: v,
+      layout: Ee(f),
+      changed: g.isDirty
+    });
+  }, [
+    g,
+    t.runtime.legacyTypeOf,
+    c,
+    e.authoringTemplate
+  ]), [h, S] = D(), R = U(async (v) => {
+    const f = ge(g.document, e.authoringTemplate), x = {
+      document: g.document,
+      legacyElements: De(f, t.runtime.legacyTypeOf),
+      windowSize: v,
+      layout: Ee(f),
+      changed: g.isDirty
+    }, p = await m?.(x);
+    return S(p), !p;
+  }, [
+    g,
+    t.runtime.legacyTypeOf,
+    m,
+    e.authoringTemplate
+  ]), C = /* @__PURE__ */ s(ae, { children: P.map((v) => /* @__PURE__ */ s(bt, {
+    icon: v.id === "layout" ? i.drawer.layout : i.drawer.package,
+    title: v.title,
+    heading: v.title,
+    closeLabel: n.closeDrawer,
+    presentation: "drawer",
+    items: v.items,
+    draggable: !0,
+    onActivate: (f) => N(f.payload),
+    onItemDragStart: (f, x) => de(f.payload) && Jt(x, f.payload)
+  }, v.id)) });
+  function N(v) {
+    if (!de(v)) return;
+    const f = g.selection && Xo(g) ? g.selectedId : void 0;
+    v.kind === "layout" ? g.insertLayout(v.item, f, void 0) : g.insertComponent(Ze(v.componentName, v.package), f, void 0);
+  }
+  return /* @__PURE__ */ b(Xt, {
+    environment: t,
+    children: [u ? u(C) : /* @__PURE__ */ s(Ht, {
+      placement: "floating",
+      children: C
+    }), /* @__PURE__ */ s(wt, {
+      sourceRect: a,
+      initialSize: l,
+      centerOffsetX: d,
+      canClose: R,
+      onClosed: O,
+      renderInspector: (v) => /* @__PURE__ */ s(Wt, {
+        strings: n,
+        controller: g,
+        environment: t,
+        authoringTemplate: e.authoringTemplate,
+        onClose: v.toggleInspector,
+        structure: /* @__PURE__ */ s(At, {
+          roots: g.composition.roots,
+          adapter: g.adapter,
+          strings: n,
+          selectedId: g.selectedId,
+          onSelect: g.select,
+          onEdit: g.move
+        })
+      }),
+      children: (v) => /* @__PURE__ */ s(rn, {
+        controller: g,
+        environment: t,
+        strings: n,
+        window: {
+          ...v,
+          available: Ho()
+        },
+        saveFailure: h
+      })
+    })]
+  });
+};
+function Xo(e) {
+  return !!e.selection && "children" in e.selection;
+}
+var es = (e) => /* @__PURE__ */ s(sr, { ...e }), ts = (e) => /* @__PURE__ */ s(Yt, {
+  strings: e.strings,
+  onClose: e.onDismiss,
+  children: /* @__PURE__ */ s(ea, { ...e })
+}), ea = (e) => {
+  const t = F(() => Qt(e.subject), [e.subject]);
+  return t.opened ? /* @__PURE__ */ s(ta, {
+    ...e,
+    opened: t.subject
+  }, e.environment.runtime.id) : /* @__PURE__ */ s(Zt, {
+    problem: t.problem,
+    strings: e.strings
+  });
+}, ta = ({ subject: e, environment: t, strings: n, layoutLabels: r, icons: i, paletteSources: o, initialSize: a, onChange: l, renderPaletteHost: d, opened: u }) => {
+  const c = on(u, e.authoringTemplate, t), [m, I] = D(a ?? et[oe.Desktop]), [g, P] = D(!0), O = F(() => Gt(n.layoutDrawer, r, i, o), [
+    n,
+    r,
+    i,
+    o
+  ]), h = _e(l);
+  h.current = l, Me(() => {
+    const C = ge(c.document, e.authoringTemplate);
+    h.current?.({
+      document: c.document,
+      legacyElements: De(C, t.runtime.legacyTypeOf),
+      windowSize: m,
+      layout: Ee(C),
+      changed: c.isDirty
+    });
+  }, [
+    c.document,
+    c.isDirty,
+    m,
+    e.authoringTemplate,
+    t.runtime.legacyTypeOf
+  ]);
+  const S = U((C) => {
+    if (!de(C)) return;
+    const N = c.selection, v = N && "children" in N ? c.selectedId : void 0;
+    C.kind === "layout" ? c.insertLayout(C.item, v, void 0) : c.insertComponent(Ze(C.componentName, C.package), v, void 0);
+  }, [c]), R = /* @__PURE__ */ s(ae, { children: O.map((C) => /* @__PURE__ */ s(bt, {
+    icon: C.id === "layout" ? i.drawer.layout : i.drawer.package,
+    title: C.title,
+    heading: C.title,
+    closeLabel: n.closeDrawer,
+    presentation: "drawer",
+    items: C.items,
+    draggable: !0,
+    onActivate: (N) => S(N.payload),
+    onItemDragStart: (N, v) => de(N.payload) && Jt(v, N.payload)
+  }, C.id)) });
+  return /* @__PURE__ */ s(Xt, {
+    environment: t,
+    children: /* @__PURE__ */ b("div", {
+      className: "studio-screen-editor-workspace",
+      children: [
+        d ? d(R) : /* @__PURE__ */ s(Ht, {
+          placement: "inline",
+          children: R
+        }),
+        /* @__PURE__ */ s("div", {
+          className: "studio-screen-editor-workspace__stage",
+          children: /* @__PURE__ */ s(rn, {
+            controller: c,
+            environment: t,
+            strings: n,
+            window: {
+              size: m,
+              setSize: I,
+              isInspectorOpen: g,
+              toggleInspector: () => P((C) => !C),
+              available: {
+                width: 1600,
+                height: 1e3
+              }
+            },
+            deviceFrame: !0
+          })
+        }),
+        g && /* @__PURE__ */ s("aside", {
+          className: "studio-screen-editor-workspace__inspector",
+          children: /* @__PURE__ */ s(Wt, {
+            strings: n,
+            controller: c,
+            environment: t,
+            authoringTemplate: e.authoringTemplate,
+            onClose: () => P(!1),
+            structure: /* @__PURE__ */ s(At, {
+              roots: c.composition.roots,
+              adapter: c.adapter,
+              strings: n,
+              selectedId: c.selectedId,
+              onSelect: c.select,
+              onEdit: c.move
+            })
+          })
+        })
+      ]
+    })
+  });
+};
+function na(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 ra = new Set(Object.values(fn)), ia = new Set(Object.values(mn));
+function oa(e) {
+  return e.filter((t) => ra.has(t.resultShape) && t.origin.every((n) => ia.has(n.kind))).map((t) => t);
+}
+function ns(e) {
+  const t = oa(e.queryCandidates ?? []);
+  return {
+    runtime: e.runtime,
+    queryCandidates: t,
+    stateChangeSlices: e.stateChangeSlices ?? [],
+    destinations: e.destinations ?? [],
+    availableSources: na(t),
+    ...e.richText === !1 ? {} : { richText: e.richText ?? cr },
+    ...e.fileUpload ? { fileUpload: e.fileUpload } : {}
+  };
+}
+function aa(e) {
+  return e.flatMap((t) => t.iconLibrary ? [t.iconLibrary.catalog] : []);
+}
+function sa(e, t) {
+  const n = Tn(e, t.map((r) => r.manifest));
+  return new yn(n, aa(t));
+}
+var ca = [
+  "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"
+], la = ["PrimeReact.Dialog"], da = new Set(ca.filter((e) => !la.includes(e))), ua = [
+  {
+    value: V.None,
+    label: "Run directly"
+  },
+  {
+    value: V.Modal,
+    label: "Ask in a dialog"
+  },
+  {
+    value: V.Drawer,
+    label: "Ask in a drawer"
+  }
+];
+function pa(e) {
+  return !e.component.endsWith(":action") || e.properties.some((t) => t.path === "presentation") ? e : {
+    ...e,
+    properties: [...e.properties, {
+      path: He,
+      label: "Presentation",
+      group: "Behavior",
+      valueType: E.Enum,
+      default: V.None,
+      choices: ua,
+      description: "Whether the command runs straight away or first asks for its input in a dialog or a drawer."
+    }]
+  };
+}
+var gt = "Placement", ma = [{
+  path: Je,
+  label: "Left",
+  group: gt,
+  valueType: E.Number
+}, {
+  path: Ke,
+  label: "Top",
+  group: gt,
+  valueType: E.Number
+}];
+function fa(e) {
+  const t = new Set(e.properties.map((n) => n.path));
+  return {
+    ...e,
+    properties: [...e.properties, ...ma.filter((n) => !t.has(n.path))]
+  };
+}
+var vt = "PrimeReact", ha = 1;
+function ga(e, t) {
+  const n = We(e.map((u) => u.manifest)), r = e.flatMap((u) => u.descriptors ?? []), i = new Set(r.map((u) => u.component)), o = e.flatMap((u) => u.manifest.components.map((c) => ({
+    component: It(u.manifest.name, c),
+    displayName: c,
+    properties: []
+  }))).filter((u) => !i.has(u.component)), a = [...r, ...o].map(pa).map(fa), l = [...a, ...va(a, n, t)], d = new Set(Object.values(n).flat());
+  return {
+    id: ha++,
+    bundles: e,
+    registry: St(e),
+    packages: n,
+    descriptors: l,
+    catalog: Cn(l),
+    profile: t,
+    icons: sa(t.packages, e),
+    iconAdapters: Bn(e),
+    isKnownComponent: (u) => d.has(u),
+    legacyTypeOf: (u) => {
+      const c = je(u, t, n), m = c?.package === vt ? `${vt}.${Rt(c.name)}` : void 0;
+      return m !== void 0 && da.has(m) ? m : void 0;
+    }
+  };
+}
+function va(e, t, n) {
+  const r = [];
+  for (const i of new Set(Object.values(t).flat())) {
+    const o = je(i, n, t), a = o && e.find((l) => l.component === It(o.package, o.name));
+    a && r.push({
+      ...a,
+      component: i
+    });
+  }
+  return r;
+}
+var tt = "Cratis.Icons.Lucide", ya = {
+  name: tt,
+  version: "1.50.0",
+  kind: me.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
+  }
+}, ba = {
+  library: tt,
+  loadEntries: async () => (await import("./catalog-CZx3FR-E.js")).default
+}, wa = pr, Ca = {
+  library: tt,
+  loadGlyph: async ({ key: e }) => (await wa[e]?.())?.default
+}, ka = {
+  manifest: ya,
+  components: {},
+  iconLibrary: {
+    catalog: ba,
+    adapter: Ca
+  }
+}, ue = [
+  $n,
+  dr,
+  Wn,
+  lr,
+  or,
+  ur,
+  ka
+], Ia = ue.map((e) => e.manifest), rs = St(ue), is = We(Ia), os = ue.flatMap((e) => e.themes ?? []);
+function Sa(e) {
+  const t = bn(e).map((i) => i.name), n = ot(e, me.Styling).map((i) => i.name), r = ot(e, me.Blueprint)[0];
+  return r ? [
+    ...t,
+    ...n,
+    r.name
+  ] : [...t, ...n];
+}
+function Pa(e, t) {
+  return t.filter((n) => Sn(n, e));
+}
+function Ta(e, t) {
+  return [...new Set(Object.values(t).flat())].map((n) => je(n, e, t)).filter((n) => n !== void 0 && n.shadows.length > 0).sort((n, r) => n.name.localeCompare(r.name));
+}
+var Te = /* @__PURE__ */ (function(e) {
+  return e.Fallback = "fallback", e.Explicit = "explicit", e.Automatic = "automatic", e;
+})({});
+function Ra(e) {
+  const t = [
+    qe,
+    ...e.packages,
+    e.shell,
+    ...e.templatePacks
+  ];
+  return [...new Set(t.filter((n) => n.length > 0))];
+}
+function Na(e, t) {
+  return e.find((n) => n.manifest.name === t)?.manifest.layouts[0] ?? "";
+}
+var an = "UI Profile";
+function sn(e, t) {
+  const n = t.map((d) => d.manifest), r = Ra(e), i = Rn(r, n), o = Na(t, e.shell), a = {
+    name: an,
+    targetPlatform: "web",
+    packages: i.packages,
+    layout: o.length > 0 ? o : void 0,
+    theme: e.theme.length > 0 ? e.theme : void 0
+  }, l = new Set(r);
+  return {
+    selection: i,
+    profile: a,
+    entries: i.packages.flatMap((d) => {
+      const u = n.find((c) => c.name === d);
+      return u ? [{
+        name: d,
+        displayName: u.displayName ?? u.name,
+        description: u.description,
+        version: u.version,
+        kind: u.kind,
+        inclusion: d === qe ? Te.Fallback : l.has(d) ? Te.Explicit : Te.Automatic,
+        requiredBy: n.filter((c) => i.packages.includes(c.name) && c.dependencies.some((m) => m.name === d)).map((c) => c.name)
+      }] : [];
+    }),
+    collisions: Ta(a, We(n)),
+    compatibleThemes: Pa(a, t.flatMap((d) => d.themes ?? [])),
+    layout: o,
+    isValid: In(i)
+  };
+}
+function Oa(e) {
+  const t = e.map((a) => a.manifest), n = Sa(t), r = n.find((a) => t.find((l) => l.name === a)?.kind === me.Blueprint) ?? "", i = {
+    packages: n.filter((a) => a !== r && a !== qe),
+    shell: r,
+    templatePacks: [],
+    theme: "",
+    colorScheme: rr.Light,
+    navigationMode: ir.Static,
+    accent: "",
+    defaultScreenTemplate: ""
+  }, o = sn(i, e).compatibleThemes.find((a) => !a.isDark);
+  return {
+    ...i,
+    theme: o?.name ?? ""
+  };
+}
+function xa(e) {
+  return {
+    name: an,
+    targetPlatform: "web",
+    packages: [...e.resolvedPackages],
+    layout: e.layout.length > 0 ? e.layout : void 0,
+    theme: e.theme.length > 0 ? e.theme : void 0
+  };
+}
+function as(e, t = ue) {
+  const n = e ? xa(e) : sn(Oa(t), t).profile;
+  return ga(t, n);
+}
+var yt = {
+  Compact: "Compact",
+  Regular: "Regular"
+}, La = {
+  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."
+}, ss = {
+  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: {
+      [H.NotJson]: "The saved screen is not readable data.",
+      [H.WrongShape]: "The saved screen is not in a form this editor understands.",
+      [H.MissingScreen]: "The saved screen does not contain a screen to edit.",
+      [H.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) => `${yt[e] ?? e} width, ${yt[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: {
+    [M.Local]: "This screen",
+    [M.Inherited]: "Inherited",
+    [M.ConfigurableInherited]: "Inherited, configurable"
+  },
+  ownershipHint: {
+    [M.Local]: "Authored on this screen. You can move, resize and change it.",
+    [M.Inherited]: "Inherited from a template. It can be inspected here but not changed; open the template to edit it.",
+    [M.ConfigurableInherited]: "Inherited from a template that exposes some of its settings to this screen. The structure stays locked."
+  },
+  undo: "Undo",
+  redo: "Redo",
+  palette: "Components",
+  layoutDrawer: "Layout",
+  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: La,
+    json: $t,
+    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."
+  }
+}, cs = {
+  [w.Stack]: "Stack",
+  [w.Row]: "Row",
+  [w.Grid]: "Grid",
+  [w.Container]: "Container",
+  [w.Wrap]: "Wrap",
+  [w.Canvas]: "Canvas"
+}, Da = {
+  [w.Stack]: Gn,
+  [w.Row]: Kn,
+  [w.Grid]: Pt,
+  [w.Container]: Yn,
+  [w.Wrap]: Xn,
+  [w.Canvas]: nr
+}, ls = {
+  layout: (e) => {
+    const t = Da[e];
+    return /* @__PURE__ */ s(t, { "aria-hidden": "true" });
+  },
+  component: () => /* @__PURE__ */ s(at, { "aria-hidden": "true" }),
+  drawer: {
+    layout: /* @__PURE__ */ s(Pt, { "aria-hidden": "true" }),
+    package: /* @__PURE__ */ s(at, { "aria-hidden": "true" })
+  }
+}, ds = ue.map((e) => ({
+  package: e.manifest.name,
+  components: e.manifest.components
+}));
+function us(e, t, n) {
+  return e.map((r) => ({
+    type: r.type,
+    name: t[r.item],
+    arrangement: r.arrangement,
+    icon: n?.[r.item]
+  }));
+}
+export {
+  Vi as JsonPropertyField,
+  w as LayoutItem,
+  M as Ownership,
+  H as SceneDocumentProblem,
+  Xa as ScreenEditorOverlay,
+  es as ScreenEditorPrimeReactProvider,
+  rn as ScreenEditorWindow,
+  ts as ScreenEditorWorkspace,
+  _ as StructureEditRejection,
+  Gt as buildPalette,
+  ns as createScreenEditorEnvironment,
+  ga as createScreenEditorRuntime,
+  $t as defaultJsonPropertyFieldStrings,
+  Da as defaultLayoutIcons,
+  cs as defaultLayoutLabels,
+  ls as defaultPaletteIcons,
+  ds as defaultPaletteSources,
+  ss as defaultScreenEditorStrings,
+  Bt as formatJson,
+  Ji as isJsonProperty,
+  Gi as isJsonValueType,
+  Wi as jsonValueType,
+  Fi as readJson,
+  mo as readSceneDocument,
+  as as screenEditorRuntimeForProfile,
+  us as toLayoutContainerDescriptors,
+  oa as toSceneCandidates
+};