@mieweb/forms-editor 1.3.0 → 2.0.1

package/dist/index.js

@@ -47,35 +47,35 @@ function It() {
         return a.$$typeof === P ? null : a.displayName || a.name || null;
       if (typeof a == "string") return a;
       switch (a) {
-        case O:
+        case k:
           return "Fragment";
-        case j:
+        case w:
           return "Profiler";
         case R:
           return "StrictMode";
-        case x:
+        case b:
           return "Suspense";
         case f:
           return "SuspenseList";
-        case k:
+        case I:
           return "Activity";
       }
       if (typeof a == "object")
         switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), a.$$typeof) {
-          case N:
+          case j:
             return "Portal";
-          case S:
+          case T:
             return a.displayName || "Context";
-          case I:
+          case A:
             return (a._context.displayName || "Context") + ".Consumer";
-          case b:
+          case x:
             var v = a.render;
             return a = a.displayName, a || (a = v.displayName || v.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
-          case T:
+          case O:
             return v = a.displayName || null, v !== null ? v : e(a.type) || "Memo";
-          case w:
+          case E:
             v = a._payload, a = a._init;
             try {
               return e(a(v));
@@ -105,8 +105,8 @@ function It() {
       }
     }
     function n(a) {
-      if (a === O) return "<>";
-      if (typeof a == "object" && a !== null && a.$$typeof === w)
+      if (a === k) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === E)
         return "<...>";
       try {
         var v = e(a);
@@ -148,14 +148,14 @@ function It() {
       )), a = this.props.ref, a !== void 0 ? a : null;
     }
     function u(a, v, y, D, oe, be) {
-      var q = y.ref;
+      var L = y.ref;
       return a = {
         $$typeof: _,
         type: a,
         key: v,
         props: y,
         _owner: D
-      }, (q !== void 0 ? q : null) !== null ? Object.defineProperty(a, "ref", {
+      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
@@ -181,24 +181,24 @@ function It() {
       }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
     function h(a, v, y, D, oe, be) {
-      var q = v.children;
-      if (q !== void 0)
+      var L = v.children;
+      if (L !== void 0)
         if (D)
-          if (M(q)) {
-            for (D = 0; D < q.length; D++)
-              g(q[D]);
-            Object.freeze && Object.freeze(q);
+          if (M(L)) {
+            for (D = 0; D < L.length; D++)
+              g(L[D]);
+            Object.freeze && Object.freeze(L);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else g(q);
+        else g(L);
       if (C.call(v, "key")) {
-        q = e(a);
+        L = e(a);
         var X = Object.keys(v).filter(function(et) {
           return et !== "key";
         });
-        D = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", Y[q + D] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
+        D = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", Y[L + D] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -206,22 +206,22 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           D,
-          q,
+          L,
           X,
-          q
-        ), Y[q + D] = !0);
+          L
+        ), Y[L + D] = !0);
       }
-      if (q = null, y !== void 0 && (r(y), q = "" + y), d(v) && (r(v.key), q = "" + v.key), "key" in v) {
+      if (L = null, y !== void 0 && (r(y), L = "" + y), d(v) && (r(v.key), L = "" + v.key), "key" in v) {
         y = {};
         for (var ge in v)
           ge !== "key" && (y[ge] = v[ge]);
       } else y = v;
-      return q && m(
+      return L && m(
         y,
         typeof a == "function" ? a.displayName || a.name || "Unknown" : a
       ), u(
         a,
-        q,
+        L,
         y,
         s(),
         oe,
@@ -229,24 +229,24 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function g(a) {
-      A(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === w && (a._payload.status === "fulfilled" ? A(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
+      S(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === E && (a._payload.status === "fulfilled" ? S(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
     }
-    function A(a) {
+    function S(a) {
       return typeof a == "object" && a !== null && a.$$typeof === _;
     }
-    var L = l, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), N = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), I = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), b = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), f = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), w = /* @__PURE__ */ Symbol.for("react.lazy"), k = /* @__PURE__ */ Symbol.for("react.activity"), P = /* @__PURE__ */ Symbol.for("react.client.reference"), p = L.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, M = Array.isArray, E = console.createTask ? console.createTask : function() {
+    var q = l, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), j = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), w = /* @__PURE__ */ Symbol.for("react.profiler"), A = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), x = /* @__PURE__ */ Symbol.for("react.forward_ref"), b = /* @__PURE__ */ Symbol.for("react.suspense"), f = /* @__PURE__ */ Symbol.for("react.suspense_list"), O = /* @__PURE__ */ Symbol.for("react.memo"), E = /* @__PURE__ */ Symbol.for("react.lazy"), I = /* @__PURE__ */ Symbol.for("react.activity"), P = /* @__PURE__ */ Symbol.for("react.client.reference"), p = q.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
-    L = {
+    q = {
       react_stack_bottom_frame: function(a) {
         return a();
       }
     };
-    var F, $ = {}, z = L.react_stack_bottom_frame.bind(
-      L,
+    var F, $ = {}, z = q.react_stack_bottom_frame.bind(
+      q,
       o
-    )(), H = E(n(o)), Y = {};
-    ee.Fragment = O, ee.jsx = function(a, v, y) {
+    )(), H = N(n(o)), Y = {};
+    ee.Fragment = k, ee.jsx = function(a, v, y) {
       var D = 1e4 > p.recentlyCreatedOwnerStacks++;
       return h(
         a,
@@ -254,7 +254,7 @@ React keys must be passed directly to JSX without using spread:
         y,
         !1,
         D ? Error("react-stack-top-frame") : z,
-        D ? E(n(a)) : H
+        D ? N(n(a)) : H
       );
     }, ee.jsxs = function(a, v, y) {
       var D = 1e4 > p.recentlyCreatedOwnerStacks++;
@@ -264,7 +264,7 @@ React keys must be passed directly to JSX without using spread:
         y,
         !0,
         D ? Error("react-stack-top-frame") : z,
-        D ? E(n(a)) : H
+        D ? N(n(a)) : H
       );
     };
   })()), ee;
@@ -275,73 +275,73 @@ function St() {
 }
 var t = St();
 function kt() {
-  const [e, i] = l.useState(!1), [r, n] = l.useState(null), s = V((j) => j.replaceAll), o = $e(), { showAlert: d } = Ue(), m = B(), c = m.state.isPreview, u = m.state.isCodeEditor ?? !1, h = m.state.codeEditorHasError ?? !1, g = (j) => {
+  const [e, i] = l.useState(!1), [r, n] = l.useState(null), s = V((w) => w.replaceAll), o = $e(), { showAlert: d } = Ue(), m = B(), c = m.state.isPreview, u = m.state.isCodeEditor ?? !1, h = m.state.codeEditorHasError ?? !1, g = (w) => {
     try {
-      const I = String(j).replace(/^\uFEFF/, "").trim(), { data: S, schemaType: b } = fe(I);
-      if (b !== "mieforms" && b !== "surveyjs") {
+      const A = String(w).replace(/^\uFEFF/, "").trim(), { data: T, schemaType: x } = fe(A);
+      if (x !== "mieforms" && x !== "surveyjs") {
         d(
           `Expected: MIE Forms or SurveyJS
-Detected: ${b}`,
+Detected: ${x}`,
           { title: "Unsupported Schema Format" }
         );
         return;
       }
-      n({ data: S, detectedSchemaType: b }), i(!0);
-    } catch (I) {
+      n({ data: T, detectedSchemaType: x }), i(!0);
+    } catch (A) {
       d(
-        I?.message || "Invalid file format",
+        A?.message || "Invalid file format",
         { title: "Failed to Parse File" }
       );
     }
-  }, A = (j) => {
+  }, S = (w) => {
     if (r)
       try {
-        const { data: I } = r, S = pe(I, j), b = S.fields || [];
-        if (!Array.isArray(b))
+        const { data: A } = r, T = pe(A, w), x = T.fields || [];
+        if (!Array.isArray(x))
           throw new Error("Expected array of fields");
-        S.conversionReport && m.setConversionReport(S.conversionReport);
-        const x = {
-          schemaType: j === "surveyjs" ? "mieforms-v1.0" : I.schemaType || "mieforms-v1.0",
-          ...S.conversionReport?.surveyMetadata || {},
-          fields: b
+        T.conversionReport && m.setConversionReport(T.conversionReport);
+        const b = {
+          schemaType: w === "surveyjs" ? "mieforms-v1.0" : A.schemaType || "mieforms-v1.0",
+          ...T.conversionReport?.surveyMetadata || {},
+          fields: x
         };
-        if (j === "mieforms") {
-          const { fields: f, schemaType: T, ...w } = I;
-          Object.keys(w).length > 0 && Object.assign(x, w);
+        if (w === "mieforms") {
+          const { fields: f, schemaType: O, ...E } = A;
+          Object.keys(E).length > 0 && Object.assign(b, E);
         }
-        if (s(x), m.selectedFieldId.clear(), m.preview.set(!1), j === "surveyjs" && S.conversionReport) {
-          const f = S.conversionReport, T = f.unsupportedFields?.length || 0;
+        if (s(b), m.selectedFieldId.clear(), m.preview.set(!1), w === "surveyjs" && T.conversionReport) {
+          const f = T.conversionReport, O = f.unsupportedFields?.length || 0;
           d(
             `Format: SurveyJS → MIE Forms
 
 Converted: ${f.convertedFields || 0} field(s)
-Unsupported: ${T} field(s)${T > 0 ? " ⚠️" : ""}`,
+Unsupported: ${O} field(s)${O > 0 ? " ⚠️" : ""}`,
             { title: "✅ Import Successful" }
           );
         } else
           d(
-            `Format: ${j === "surveyjs" ? "SurveyJS" : "MIE Forms"}
-Loaded ${b.length} field(s)`,
+            `Format: ${w === "surveyjs" ? "SurveyJS" : "MIE Forms"}
+Loaded ${x.length} field(s)`,
             { title: "✅ Import Successful" }
           );
         i(!1), n(null);
-      } catch (I) {
+      } catch (A) {
         d(
-          I?.message || "Invalid format",
+          A?.message || "Invalid format",
           { title: "Import Failed" }
         ), i(!1), n(null);
       }
-  }, L = () => {
+  }, q = () => {
     i(!1), n(null);
   }, _ = () => {
     m.preview.set(!1), m.codeEditor.set(!1);
-  }, N = () => {
+  }, j = () => {
     m.preview.set(!1), m.codeEditor.set(!0);
-  }, O = () => {
+  }, k = () => {
     m.preview.set(!0), m.codeEditor.set(!1), m.selectedFieldId.clear();
   }, R = () => {
-    const j = JSON.stringify(o, null, 2), I = new Blob([j], { type: "application/json" }), S = URL.createObjectURL(I), b = document.createElement("a");
-    b.href = S, b.download = "questionnaire.json", b.click(), URL.revokeObjectURL(S);
+    const w = JSON.stringify(o, null, 2), A = new Blob([w], { type: "application/json" }), T = URL.createObjectURL(A), x = document.createElement("a");
+    x.href = T, x.download = "questionnaire.json", x.click(), URL.revokeObjectURL(T);
   };
   return /* @__PURE__ */ t.jsxs("header", { className: "editor-header mie:w-full mie:bg-miesurface mie:border mie:border-mieborder mie:rounded-lg mie:shadow-sm", children: [
     /* @__PURE__ */ t.jsx("div", { className: "mie:px-4 mie:py-4", children: /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:flex-wrap mie:items-center mie:justify-between mie:gap-3", children: [
@@ -363,7 +363,7 @@ Loaded ${b.length} field(s)`,
           "button",
           {
             className: `mie:flex mie:items-center mie:justify-center mie:gap-2 mie:px-2 mie:lg:px-4 mie:py-2 mie:lg:py-2 mie:rounded-lg mie:text-xs mie:lg:text-sm mie:font-medium mie:transition-colors mie:border-0 mie:outline-none mie:focus:outline-none ${u ? "mie:bg-mieprimary mie:text-mietextsecondary mie:shadow-sm" : "mie:bg-transparent mie:text-mietextmuted mie:hover:text-mietext mie:hover:bg-miesurface"}`,
-            onClick: N,
+            onClick: j,
             title: "Code Editor",
             children: [
               /* @__PURE__ */ t.jsx(it, { className: "mie:w-5 mie:h-5" }),
@@ -375,7 +375,7 @@ Loaded ${b.length} field(s)`,
           "button",
           {
             className: `mie:flex mie:items-center mie:justify-center mie:gap-2 mie:px-2 mie:lg:px-4 mie:py-2 mie:lg:py-2 mie:rounded-lg mie:text-xs mie:lg:text-sm mie:font-medium mie:transition-colors mie:border-0 mie:outline-none mie:focus:outline-none ${c ? "mie:bg-mieprimary mie:text-mietextsecondary mie:shadow-sm" : h ? "mie:bg-transparent mie:text-mietextmuted/50 mie:cursor-not-allowed" : "mie:bg-transparent mie:text-mietextmuted mie:hover:text-mietext mie:hover:bg-miesurface"}`,
-            onClick: O,
+            onClick: k,
             disabled: h,
             title: h ? "Fix code errors before switching" : "Preview Form",
             children: [
@@ -395,11 +395,11 @@ Loaded ${b.length} field(s)`,
               className: "mie:hidden",
               type: "file",
               accept: ".json,.yaml,.yml,application/json,text/yaml",
-              onChange: (j) => {
-                const I = j.target.files?.[0];
-                if (!I) return;
-                const S = new FileReader();
-                S.onload = (b) => g(b.target?.result ?? ""), S.readAsText(I), j.target.value = "";
+              onChange: (w) => {
+                const A = w.target.files?.[0];
+                if (!A) return;
+                const T = new FileReader();
+                T.onload = (x) => g(x.target?.result ?? ""), T.readAsText(A), w.target.value = "";
               }
             }
           )
@@ -432,7 +432,7 @@ Loaded ${b.length} field(s)`,
         /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: () => A(r.detectedSchemaType),
+            onClick: () => S(r.detectedSchemaType),
             className: "mie:flex-1 mie:px-6 mie:py-3 mie:rounded-xl mie:bg-mieprimary mie:text-miesurface mie:font-semibold mie:hover:bg-mieprimary/90 mie:transition-colors mie:shadow-sm mie:hover:shadow",
             children: "Yes, Import"
           }
@@ -440,7 +440,7 @@ Loaded ${b.length} field(s)`,
         /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: L,
+            onClick: q,
             className: "mie:flex-1 mie:px-6 mie:py-3 mie:rounded-xl mie:border-2 mie:border-mieborder mie:bg-miesurface mie:hover:bg-miebackground mie:text-mietext mie:font-semibold mie:transition-colors",
             children: "Abort"
           }
@@ -485,8 +485,8 @@ const Rt = (e) => {
   const m = Ee(() => {
     const u = {};
     return Object.entries(K).filter(([h]) => h !== "unsupported").forEach(([h, g]) => {
-      const A = g.category || "Other";
-      u[A] || (u[A] = []), u[A].push({
+      const S = g.category || "Other";
+      u[S] || (u[S] = []), u[S].push({
         type: h,
         label: g.label
       });
@@ -530,18 +530,18 @@ const Rt = (e) => {
             })(),
             u
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: "tool-items mie:grid mie:grid-cols-1 mie:gap-2 mie:px-4 mie:py-3", children: h.map(({ type: g, label: A }) => {
-            const L = s && g === "section";
+          /* @__PURE__ */ t.jsx("div", { className: "tool-items mie:grid mie:grid-cols-1 mie:gap-2 mie:px-4 mie:py-3", children: h.map(({ type: g, label: S }) => {
+            const q = s && g === "section";
             return /* @__PURE__ */ t.jsxs(
               "button",
               {
-                disabled: L,
-                className: `mie:px-3 mie:py-2 mie:text-sm mie:text-left mie:border mie:rounded-md mie:transition-colors mie:duration-150 ${L ? "mie:border-mieborder mie:bg-miebackground mie:text-mietextmuted/50 mie:cursor-not-allowed" : "mie:bg-miesurface mie:text-mietext mie:border-mieborder mie:hover:bg-mieprimary/10 mie:hover:border-mieprimary/50 mie:hover:text-mieprimary"}`,
+                disabled: q,
+                className: `mie:px-3 mie:py-2 mie:text-sm mie:text-left mie:border mie:rounded-md mie:transition-colors mie:duration-150 ${q ? "mie:border-mieborder mie:bg-miebackground mie:text-mietextmuted/50 mie:cursor-not-allowed" : "mie:bg-miesurface mie:text-mietext mie:border-mieborder mie:hover:bg-mieprimary/10 mie:hover:border-mieprimary/50 mie:hover:text-mieprimary"}`,
                 onClick: c[g],
-                title: L ? "Cannot add section to a section" : `Add ${A}`,
+                title: q ? "Cannot add section to a section" : `Add ${S}`,
                 children: [
                   "+ ",
-                  A
+                  S
                 ]
               },
               g
@@ -572,9 +572,9 @@ function ze({
     }
     if (g !== (e ?? "")) {
       if (typeof n == "function") {
-        const A = n(g, e ?? "");
-        if (A) {
-          u(A);
+        const S = n(g, e ?? "");
+        if (S) {
+          u(S);
           return;
         }
       }
@@ -885,7 +885,7 @@ function _t({ f: e }) {
 function Dt({ section: e, onActiveChildChange: i }) {
   const r = Ne(e.id), n = l.useContext(Oe), s = B();
   if (!n) throw new Error("Missing FormStoreContext.Provider in the tree");
-  const o = Array.isArray(e.fields) ? e.fields : [], d = s.selectedChildId.ParentId, m = s.selectedChildId.ChildId, c = l.useMemo(() => d === e.id && m && o.some((x) => x.id === m) ? m : o[0]?.id || null, []), [u, h] = l.useState(c), g = l.useRef(m);
+  const o = Array.isArray(e.fields) ? e.fields : [], d = s.selectedChildId.ParentId, m = s.selectedChildId.ChildId, c = l.useMemo(() => d === e.id && m && o.some((b) => b.id === m) ? m : o[0]?.id || null, []), [u, h] = l.useState(c), g = l.useRef(m);
   l.useEffect(() => {
     g.current !== m && (g.current = m, d === e.id && m && m !== u && h(m));
   }, [d, m, e.id, u]), l.useEffect(() => {
@@ -897,51 +897,51 @@ function Dt({ section: e, onActiveChildChange: i }) {
   }, [o, u]), l.useEffect(() => {
     i?.(e.id, u || null);
   }, [e.id, u, i]);
-  const A = l.useCallback(
-    (x) => {
-      h(x), s.selectedChildId.set(e.id, x);
+  const S = l.useCallback(
+    (b) => {
+      h(b), s.selectedChildId.set(e.id, b);
     },
     [e.id, s.selectedChildId]
-  ), L = l.useCallback((x) => x.question?.trim() || K[x.fieldType]?.label || "Untitled", []), _ = l.useCallback(
-    (x, f) => r.field.update(x, f),
+  ), q = l.useCallback((b) => b.question?.trim() || K[b.fieldType]?.label || "Untitled", []), _ = l.useCallback(
+    (b, f) => r.field.update(b, f),
     [r]
-  ), N = l.useMemo(
-    () => o.find((x) => x.id === u) || null,
+  ), j = l.useMemo(
+    () => o.find((b) => b.id === u) || null,
     [o, u]
-  ), O = Ne(N?.id || "", e.id), R = N && O ? O : null, j = l.useCallback(
-    (x, f) => {
-      if (N) {
-        if (x === "id") {
-          const T = String(f ?? "").trim();
-          if (!T) return;
+  ), k = Ne(j?.id || "", e.id), R = j && k ? k : null, w = l.useCallback(
+    (b, f) => {
+      if (j) {
+        if (b === "id") {
+          const O = String(f ?? "").trim();
+          if (!O) return;
           n.getState().updateField(
-            N.id,
-            { id: T },
+            j.id,
+            { id: O },
             {
               sectionId: e.id,
-              onIdChange: (w, k) => {
-                h((P) => P === k ? w : P);
+              onIdChange: (E, I) => {
+                h((P) => P === I ? E : P);
               }
             }
           );
           return;
         }
         n.getState().updateField(
-          N.id,
-          { [x]: f },
+          j.id,
+          { [b]: f },
           { sectionId: e.id }
         );
       }
     },
-    [N, e.id, n]
-  ), I = l.useCallback(() => {
-    N && n.getState().deleteField(N.id, { sectionId: e.id });
-  }, [N, e.id, n]), S = l.useMemo(
-    () => N && (K[N.fieldType] || {}).hasOptions || !1,
-    [N]
-  ), b = l.useMemo(
-    () => N && (K[N.fieldType] || {}).hasMatrix || !1,
-    [N]
+    [j, e.id, n]
+  ), A = l.useCallback(() => {
+    j && n.getState().deleteField(j.id, { sectionId: e.id });
+  }, [j, e.id, n]), T = l.useMemo(
+    () => j && (K[j.fieldType] || {}).hasOptions || !1,
+    [j]
+  ), x = l.useMemo(
+    () => j && (K[j.fieldType] || {}).hasMatrix || !1,
+    [j]
   );
   return /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-4", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
@@ -950,7 +950,7 @@ function Dt({ section: e, onActiveChildChange: i }) {
         ze,
         {
           id: e.id,
-          onCommit: (x) => r.field.renameId(x)
+          onCommit: (b) => r.field.renameId(b)
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: "section-editor-title", children: [
@@ -960,7 +960,7 @@ function Dt({ section: e, onActiveChildChange: i }) {
           {
             className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:bg-miesurface mie:text-mietext mie:rounded mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none",
             value: e.title || "",
-            onChange: (x) => _("title", x.target.value),
+            onChange: (b) => _("title", b.target.value),
             placeholder: "e.g., Patient Information"
           }
         )
@@ -982,24 +982,24 @@ function Dt({ section: e, onActiveChildChange: i }) {
             {
               className: "mie:w-full mie:px-3 mie:py-2 mie:pr-10 mie:border mie:border-mieborder mie:rounded mie:bg-miesurface mie:text-mietext mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none mie:appearance-none mie:cursor-pointer",
               value: u || "",
-              onChange: (x) => A(x.target.value),
-              children: o.map((x) => /* @__PURE__ */ t.jsxs("option", { value: x.id, children: [
-                L(x),
+              onChange: (b) => S(b.target.value),
+              children: o.map((b) => /* @__PURE__ */ t.jsxs("option", { value: b.id, children: [
+                q(b),
                 " — ",
-                K[x.fieldType]?.label
-              ] }, x.id))
+                K[b.fieldType]?.label
+              ] }, b.id))
             }
           ),
           /* @__PURE__ */ t.jsx(ht, { className: "mie:absolute mie:right-3 mie:top-1/2 mie:-translate-y-1/2 mie:w-4 mie:h-4 mie:text-mietextmuted mie:pointer-events-none" })
         ] }),
-        N && /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-4 mie:p-4 mie:bg-miebackground mie:border mie:border-mieborder mie:rounded-lg", children: [
+        j && /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-4 mie:p-4 mie:bg-miebackground mie:border mie:border-mieborder mie:rounded-lg", children: [
           /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:justify-between", children: [
-            /* @__PURE__ */ t.jsx("span", { className: "mie:inline-flex mie:items-center mie:px-2.5 mie:py-0.5 mie:rounded-full mie:text-xs mie:font-medium mie:bg-mieprimary/10 mie:text-mieprimary", children: K[N.fieldType]?.label || N.fieldType }),
+            /* @__PURE__ */ t.jsx("span", { className: "mie:inline-flex mie:items-center mie:px-2.5 mie:py-0.5 mie:rounded-full mie:text-xs mie:font-medium mie:bg-mieprimary/10 mie:text-mieprimary", children: K[j.fieldType]?.label || j.fieldType }),
             /* @__PURE__ */ t.jsxs(
               "button",
               {
                 className: "mie:flex mie:items-center mie:gap-1.5 mie:px-3 mie:py-1.5 mie:text-xs mie:font-medium mie:bg-miesurface mie:text-miedanger mie:hover:text-miedanger mie:hover:bg-miedanger/10 mie:border mie:border-miedanger/50 mie:rounded mie:transition-colors",
-                onClick: I,
+                onClick: A,
                 title: "Delete this field",
                 children: [
                   /* @__PURE__ */ t.jsx(re, { className: "mie:w-3.5 mie:h-3.5" }),
@@ -1008,21 +1008,21 @@ function Dt({ section: e, onActiveChildChange: i }) {
               }
             )
           ] }),
-          /* @__PURE__ */ t.jsx(We, { f: N, onUpdateField: j }),
-          N.fieldType === "input" && /* @__PURE__ */ t.jsxs("div", { className: "section-editor-default-answer", children: [
+          /* @__PURE__ */ t.jsx(We, { f: j, onUpdateField: w }),
+          j.fieldType === "input" && /* @__PURE__ */ t.jsxs("div", { className: "section-editor-default-answer", children: [
             /* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-mietext mie:mb-1", children: "Default Answer" }),
             /* @__PURE__ */ t.jsx(
               "input",
               {
                 className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:bg-miesurface mie:text-mietext mie:rounded mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none",
-                value: N.answer || "",
-                onChange: (x) => j("answer", x.target.value),
+                value: j.answer || "",
+                onChange: (b) => w("answer", b.target.value),
                 placeholder: "Default value"
               }
             )
           ] }),
-          S && R && /* @__PURE__ */ t.jsx(Ve, { field: N, api: R }),
-          b && R && /* @__PURE__ */ t.jsx(He, { field: N, api: R })
+          T && R && /* @__PURE__ */ t.jsx(Ve, { field: j, api: R }),
+          x && R && /* @__PURE__ */ t.jsx(He, { field: j, api: R })
         ] })
       ] })
     ] })
@@ -1050,7 +1050,7 @@ function Re(e, i, r) {
       return ["equals", "notEquals"];
   }
 }
-function Lt(e) {
+function qt(e) {
   switch (e) {
     case "check":
     case "multiselectdropdown":
@@ -1063,7 +1063,7 @@ function Lt(e) {
       return [];
   }
 }
-function qt(e) {
+function Lt(e) {
   switch (e) {
     case "equals":
       return "= (equals)";
@@ -1100,31 +1100,31 @@ function Ae(e) {
 function $t() {
   const e = B(), i = V((p) => p.byId), r = V((p) => p.setEnableWhen), n = V((p) => p.updateField), s = e?.selectedFieldId?.value ?? null;
   e?.selectedChildId?.ParentId;
-  const o = e?.selectedChildId?.ChildId ?? null, d = s ? i[s] : null, m = d?.fieldType === "section", c = l.useMemo(() => m ? Array.isArray(d?.fields) ? d.fields : [] : [], [m, d]), u = l.useMemo(() => !m || !o ? !1 : c.some((p) => p.id === o), [m, o, c]), h = l.useMemo(() => m && u ? `child:${o}` : "", [m, u, o]), [g, A] = l.useState(h);
+  const o = e?.selectedChildId?.ChildId ?? null, d = s ? i[s] : null, m = d?.fieldType === "section", c = l.useMemo(() => m ? Array.isArray(d?.fields) ? d.fields : [] : [], [m, d]), u = l.useMemo(() => !m || !o ? !1 : c.some((p) => p.id === o), [m, o, c]), h = l.useMemo(() => m && u ? `child:${o}` : "", [m, u, o]), [g, S] = l.useState(h);
   l.useEffect(() => {
-    A(h);
+    S(h);
   }, [h]);
-  const L = l.useCallback((p) => {
-    if (A(p), !!m)
+  const q = l.useCallback((p) => {
+    if (S(p), !!m)
       if (p && p.startsWith("child:")) {
         const C = p.slice(6);
         e.selectedChildId.set(s, C);
       } else
         e.selectedChildId.set(null, null);
-  }, [m, s, e]), _ = !!(m && g && g.startsWith("child:")), N = _ ? g.slice(6) : null, O = _ ? N : s, R = l.useMemo(() => O ? _ ? c.find((p) => p.id === N) ?? null : i[O] ?? null : null, [i, O, _, N, c]), j = l.useMemo(() => {
+  }, [m, s, e]), _ = !!(m && g && g.startsWith("child:")), j = _ ? g.slice(6) : null, k = _ ? j : s, R = l.useMemo(() => k ? _ ? c.find((p) => p.id === j) ?? null : i[k] ?? null : null, [i, k, _, j, c]), w = l.useMemo(() => {
     const p = [];
     for (const C of Object.values(i))
       if (C)
         if (C.fieldType === "section" && Array.isArray(C.fields)) {
           const M = C.title?.trim() || "Section";
-          C.fields.forEach((E) => {
+          C.fields.forEach((N) => {
             p.push({
-              id: E.id,
+              id: N.id,
               parentId: C.id,
-              label: `${M} › ${E.question?.trim() || E.id}`,
-              fieldType: E.fieldType,
-              displayFormat: E.displayFormat,
-              options: Array.isArray(E.options) ? E.options : []
+              label: `${M} › ${N.question?.trim() || N.id}`,
+              fieldType: N.fieldType,
+              displayFormat: N.displayFormat,
+              options: Array.isArray(N.options) ? N.options : []
             });
           });
         } else
@@ -1137,47 +1137,47 @@ function $t() {
             options: Array.isArray(C.options) ? C.options : []
           });
     return p;
-  }, [i]), I = l.useCallback(
-    (p) => j.find((C) => C.id === p) || null,
-    [j]
-  ), S = l.useCallback(
+  }, [i]), A = l.useCallback(
+    (p) => w.find((C) => C.id === p) || null,
+    [w]
+  ), T = l.useCallback(
     (p) => {
-      if (!O) return;
+      if (!k) return;
       const C = p && Array.isArray(p.conditions) ? { logic: p.logic || "AND", conditions: p.conditions } : void 0;
-      _ && s ? n(O, { enableWhen: C }, { sectionId: s }) : r(O, C);
+      _ && s ? n(k, { enableWhen: C }, { sectionId: s }) : r(k, C);
     },
-    [O, _, s, r, n]
-  ), b = l.useMemo(() => R?.enableWhen && Array.isArray(R.enableWhen.conditions) ? { logic: R.enableWhen.logic || "AND", conditions: R.enableWhen.conditions } : { logic: "AND", conditions: [] }, [R]), x = l.useCallback(() => {
+    [k, _, s, r, n]
+  ), x = l.useMemo(() => R?.enableWhen && Array.isArray(R.enableWhen.conditions) ? { logic: R.enableWhen.logic || "AND", conditions: R.enableWhen.conditions } : { logic: "AND", conditions: [] }, [R]), b = l.useCallback(() => {
     const p = {
-      logic: b.logic || "AND",
+      logic: x.logic || "AND",
       conditions: [
-        ...Array.isArray(b.conditions) ? b.conditions : [],
+        ...Array.isArray(x.conditions) ? x.conditions : [],
         { targetId: "", operator: "equals", value: "" }
       ]
     };
-    S(p);
-  }, [b, S]), f = l.useCallback(() => S(null), [S]), T = l.useCallback(
+    T(p);
+  }, [x, T]), f = l.useCallback(() => T(null), [T]), O = l.useCallback(
     (p) => {
-      const M = (Array.isArray(b.conditions) ? b.conditions : []).filter((E, F) => F !== p);
-      S({ ...b, conditions: M });
+      const M = (Array.isArray(x.conditions) ? x.conditions : []).filter((N, F) => F !== p);
+      T({ ...x, conditions: M });
     },
-    [b, S]
-  ), w = l.useCallback(
+    [x, T]
+  ), E = l.useCallback(
     (p, C) => {
-      const E = [...Array.isArray(b.conditions) ? b.conditions : []], $ = { ...E[p] || { targetId: "", operator: "equals", value: "" }, ...C };
+      const N = [...Array.isArray(x.conditions) ? x.conditions : []], $ = { ...N[p] || { targetId: "", operator: "equals", value: "" }, ...C };
       if ("targetId" in C) {
-        const z = I($.targetId), H = Re(z?.fieldType, z?.displayFormat, z?.inputType);
+        const z = A($.targetId), H = Re(z?.fieldType, z?.displayFormat, z?.inputType);
         H.includes($.operator) || ($.operator = H[0] || "equals");
         const Y = Array.isArray(z?.options) ? z.options.map(Ae) : [];
         Y.length > 0 && (new Set(Y.map((v) => v.id)).has($.value) || ($.value = ""));
       }
-      E[p] = $, S({ ...b, conditions: E });
+      N[p] = $, T({ ...x, conditions: N });
     },
-    [b, I, S]
-  ), k = l.useMemo(
-    () => j.filter((p) => p.id !== O),
-    [j, O]
-  ), P = !R || !O;
+    [x, A, T]
+  ), I = l.useMemo(
+    () => w.filter((p) => p.id !== k),
+    [w, k]
+  ), P = !R || !k;
   return /* @__PURE__ */ t.jsxs("div", { className: "logic-editor-container mie:space-y-4", children: [
     m && /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-2", children: [
       /* @__PURE__ */ t.jsx("label", { className: "mie:block mie:text-sm mie:font-medium mie:text-mietext", children: "Target Field" }),
@@ -1186,7 +1186,7 @@ function $t() {
         {
           className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:rounded-lg mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none mie:bg-miesurface mie:text-mietext mie:cursor-pointer mie:transition-colors",
           value: g,
-          onChange: (p) => L(p.target.value),
+          onChange: (p) => q(p.target.value),
           children: [
             /* @__PURE__ */ t.jsx("option", { value: "", children: "Section (this)" }),
             c.map((p) => /* @__PURE__ */ t.jsx("option", { value: `child:${p.id}`, children: p.question?.trim() || p.title?.trim() || p.id }, p.id))
@@ -1200,8 +1200,8 @@ function $t() {
         /* @__PURE__ */ t.jsxs(
           "select",
           {
-            value: b.logic || "AND",
-            onChange: (p) => S({ ...b, logic: p.target.value }),
+            value: x.logic || "AND",
+            onChange: (p) => T({ ...x, logic: p.target.value }),
             className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:rounded-lg mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none mie:bg-miesurface mie:text-mietext mie:cursor-pointer mie:transition-colors",
             disabled: P,
             children: [
@@ -1217,7 +1217,7 @@ function $t() {
           {
             type: "button",
             className: "mie:flex-1 mie:px-3 mie:py-2 mie:text-sm mie:font-medium mie:bg-miesurface mie:text-mieprimary mie:border mie:border-mieprimary/50 mie:rounded-lg mie:hover:bg-mieprimary/10 mie:transition-colors mie:disabled:opacity-50 mie:disabled:cursor-not-allowed",
-            onClick: x,
+            onClick: b,
             disabled: P,
             children: "+ Add Condition"
           }
@@ -1234,14 +1234,14 @@ function $t() {
         )
       ] })
     ] }),
-    b.conditions.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
+    x.conditions.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "mie:space-y-3", children: [
       /* @__PURE__ */ t.jsxs("h4", { className: "mie:text-sm mie:font-medium mie:text-mietext", children: [
         "Conditions (",
-        b.conditions.length,
+        x.conditions.length,
         ")"
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "mie:space-y-3", children: b.conditions.map((p, C) => {
-        const M = I(p.targetId), E = Re(M?.fieldType, M?.displayFormat, M?.inputType), F = M ? Lt(M.fieldType) : [], $ = F.length > 0, z = Array.isArray(M?.options) ? M.options.map(Ae) : [], H = z.length > 0, Y = !["empty", "notEmpty"].includes(p.operator), v = ["greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual"].includes(p.operator);
+      /* @__PURE__ */ t.jsx("div", { className: "mie:space-y-3", children: x.conditions.map((p, C) => {
+        const M = A(p.targetId), N = Re(M?.fieldType, M?.displayFormat, M?.inputType), F = M ? qt(M.fieldType) : [], $ = F.length > 0, z = Array.isArray(M?.options) ? M.options.map(Ae) : [], H = z.length > 0, Y = !["empty", "notEmpty"].includes(p.operator), v = ["greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual"].includes(p.operator);
         return /* @__PURE__ */ t.jsxs("div", { className: "mie:p-3 mie:bg-miebackground mie:border mie:border-mieborder mie:rounded-lg mie:space-y-2", children: [
           /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:justify-between mie:mb-2", children: [
             /* @__PURE__ */ t.jsxs("span", { className: "mie:text-xs mie:font-semibold mie:text-mietextmuted mie:uppercase mie:tracking-wide", children: [
@@ -1252,7 +1252,7 @@ function $t() {
               "button",
               {
                 type: "button",
-                onClick: () => T(C),
+                onClick: () => O(C),
                 className: "mie:bg-transparent mie:text-mietextmuted/70 mie:hover:text-miedanger mie:transition-colors mie:border-0 mie:outline-none mie:focus:outline-none",
                 title: "Remove condition",
                 disabled: P,
@@ -1268,11 +1268,11 @@ function $t() {
                 {
                   className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:rounded-lg mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none mie:bg-miesurface mie:text-mietext mie:text-sm mie:cursor-pointer mie:transition-colors",
                   value: p.targetId,
-                  onChange: (y) => w(C, { targetId: y.target.value }),
+                  onChange: (y) => E(C, { targetId: y.target.value }),
                   disabled: P,
                   children: [
                     /* @__PURE__ */ t.jsx("option", { value: "", children: "— Select field —" }),
-                    k.map((y) => /* @__PURE__ */ t.jsx("option", { value: y.id, children: y.label }, y.id))
+                    I.map((y) => /* @__PURE__ */ t.jsx("option", { value: y.id, children: y.label }, y.id))
                   ]
                 }
               )
@@ -1284,7 +1284,7 @@ function $t() {
                 {
                   className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:rounded-lg mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none mie:bg-miesurface mie:text-mietext mie:text-sm mie:cursor-pointer mie:transition-colors",
                   value: p.propertyAccessor || "",
-                  onChange: (y) => w(C, { propertyAccessor: y.target.value || void 0 }),
+                  onChange: (y) => E(C, { propertyAccessor: y.target.value || void 0 }),
                   disabled: P || !M,
                   children: [
                     /* @__PURE__ */ t.jsx("option", { value: "", children: "— Direct value —" }),
@@ -1308,9 +1308,9 @@ function $t() {
                   {
                     className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:rounded-lg mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none mie:bg-miesurface mie:text-mietext mie:text-sm mie:cursor-pointer mie:transition-colors",
                     value: p.operator,
-                    onChange: (y) => w(C, { operator: y.target.value }),
+                    onChange: (y) => E(C, { operator: y.target.value }),
                     disabled: P || !M,
-                    children: (M ? E : ["equals"]).map((y) => /* @__PURE__ */ t.jsx("option", { value: y, children: qt(y) }, y))
+                    children: (M ? N : ["equals"]).map((y) => /* @__PURE__ */ t.jsx("option", { value: y, children: Lt(y) }, y))
                   }
                 )
               ] }),
@@ -1321,7 +1321,7 @@ function $t() {
                   {
                     className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:rounded-lg mie:focus:border-mieprimary mie:focus:ring-1 mie:focus:ring-mieprimary/30 mie:outline-none mie:bg-miesurface mie:text-mietext mie:text-sm mie:cursor-pointer mie:transition-colors",
                     value: p.value,
-                    onChange: (y) => w(C, { value: y.target.value }),
+                    onChange: (y) => E(C, { value: y.target.value }),
                     disabled: P || !M,
                     children: [
                       /* @__PURE__ */ t.jsx("option", { value: "", children: "— Select option —" }),
@@ -1335,7 +1335,7 @@ function $t() {
                     placeholder: p.propertyAccessor || v ? "Enter number" : "Enter value",
                     type: p.propertyAccessor || v ? "number" : "text",
                     value: p.value,
-                    onChange: (y) => w(C, { value: y.target.value }),
+                    onChange: (y) => E(C, { value: y.target.value }),
                     disabled: P || !M
                   }
                 ) : /* @__PURE__ */ t.jsx("div", { className: "mie:w-full mie:px-3 mie:py-2 mie:border mie:border-mieborder mie:rounded-lg mie:bg-miebackground mie:text-sm mie:text-mietextmuted mie:flex mie:items-center", children: "(no value needed)" })
@@ -1586,7 +1586,7 @@ function De(e, i) {
   }
   return r;
 }
-function Le(e) {
+function qe(e) {
   for (var i = 1; i < arguments.length; i++) {
     var r = arguments[i] != null ? arguments[i] : {};
     i % 2 ? De(Object(r), !0).forEach(function(n) {
@@ -1685,7 +1685,7 @@ function di(e, i) {
   return ne(i) ? i(e.current) : i;
 }
 function ui(e, i) {
-  return e.current = Le(Le({}, e.current), i), i;
+  return e.current = qe(qe({}, e.current), i), i;
 }
 function fi(e, i, r) {
   return ne(i) ? i(e.current) : Object.keys(r).forEach(function(n) {
@@ -1715,7 +1715,7 @@ function bi(e) {
   return {}.toString.call(e).includes("Object");
 }
 function gi(e) {
-  return e || qe("configIsRequired"), bi(e) || qe("configType"), e.urls ? (vi(), {
+  return e || Le("configIsRequired"), bi(e) || Le("configType"), e.urls ? (vi(), {
     paths: {
       vs: e.urls.monacoBase
     }
@@ -1741,7 +1741,7 @@ var Ye = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, qe = xi(yi)(Ye), ji = {
+}, Le = xi(yi)(Ye), ji = {
   config: gi
 }, wi = function() {
   for (var i = arguments.length, r = new Array(i), n = 0; n < i; n++)
@@ -1866,11 +1866,11 @@ var je = new Promise(function(e, i) {
 function _i({ children: e }) {
   return l.createElement("div", { style: Fi.container }, e);
 }
-var Di = _i, Li = Di;
-function qi({ width: e, height: i, isEditorReady: r, loading: n, _ref: s, className: o, wrapperProps: d }) {
-  return l.createElement("section", { style: { ...we.wrapper, width: e, height: i }, ...d }, !r && l.createElement(Li, null, n), l.createElement("div", { ref: s, style: { ...we.fullWidth, ...!r && we.hide }, className: o }));
+var Di = _i, qi = Di;
+function Li({ width: e, height: i, isEditorReady: r, loading: n, _ref: s, className: o, wrapperProps: d }) {
+  return l.createElement("section", { style: { ...we.wrapper, width: e, height: i }, ...d }, !r && l.createElement(qi, null, n), l.createElement("div", { ref: s, style: { ...we.fullWidth, ...!r && we.hide }, className: o }));
 }
-var $i = qi, Xe = Ce($i);
+var $i = Li, Xe = Ce($i);
 function Ui(e) {
   J(e, []);
 }
@@ -1896,52 +1896,52 @@ function Vi(e, i, r, n) {
 function Ze(e, i) {
   return e.Uri.parse(i);
 }
-function Hi({ original: e, modified: i, language: r, originalLanguage: n, modifiedLanguage: s, originalModelPath: o, modifiedModelPath: d, keepCurrentOriginalModel: m = !1, keepCurrentModifiedModel: c = !1, theme: u = "light", loading: h = "Loading...", options: g = {}, height: A = "100%", width: L = "100%", className: _, wrapperProps: N = {}, beforeMount: O = ie, onMount: R = ie }) {
-  let [j, I] = ue(!1), [S, b] = ue(!0), x = U(null), f = U(null), T = U(null), w = U(R), k = U(O), P = U(!1);
+function Hi({ original: e, modified: i, language: r, originalLanguage: n, modifiedLanguage: s, originalModelPath: o, modifiedModelPath: d, keepCurrentOriginalModel: m = !1, keepCurrentModifiedModel: c = !1, theme: u = "light", loading: h = "Loading...", options: g = {}, height: S = "100%", width: q = "100%", className: _, wrapperProps: j = {}, beforeMount: k = ie, onMount: R = ie }) {
+  let [w, A] = ue(!1), [T, x] = ue(!0), b = U(null), f = U(null), O = U(null), E = U(R), I = U(k), P = U(!1);
   Qe(() => {
-    let E = Ke.init();
-    return E.then((F) => (f.current = F) && b(!1)).catch((F) => F?.type !== "cancelation" && console.error("Monaco initialization: error:", F)), () => x.current ? M() : E.cancel();
+    let N = Ke.init();
+    return N.then((F) => (f.current = F) && x(!1)).catch((F) => F?.type !== "cancelation" && console.error("Monaco initialization: error:", F)), () => b.current ? M() : N.cancel();
   }), W(() => {
-    if (x.current && f.current) {
-      let E = x.current.getOriginalEditor(), F = Q(f.current, e || "", n || r || "text", o || "");
-      F !== E.getModel() && E.setModel(F);
+    if (b.current && f.current) {
+      let N = b.current.getOriginalEditor(), F = Q(f.current, e || "", n || r || "text", o || "");
+      F !== N.getModel() && N.setModel(F);
     }
-  }, [o], j), W(() => {
-    if (x.current && f.current) {
-      let E = x.current.getModifiedEditor(), F = Q(f.current, i || "", s || r || "text", d || "");
-      F !== E.getModel() && E.setModel(F);
+  }, [o], w), W(() => {
+    if (b.current && f.current) {
+      let N = b.current.getModifiedEditor(), F = Q(f.current, i || "", s || r || "text", d || "");
+      F !== N.getModel() && N.setModel(F);
     }
-  }, [d], j), W(() => {
-    let E = x.current.getModifiedEditor();
-    E.getOption(f.current.editor.EditorOption.readOnly) ? E.setValue(i || "") : i !== E.getValue() && (E.executeEdits("", [{ range: E.getModel().getFullModelRange(), text: i || "", forceMoveMarkers: !0 }]), E.pushUndoStop());
-  }, [i], j), W(() => {
-    x.current?.getModel()?.original.setValue(e || "");
-  }, [e], j), W(() => {
-    let { original: E, modified: F } = x.current.getModel();
-    f.current.editor.setModelLanguage(E, n || r || "text"), f.current.editor.setModelLanguage(F, s || r || "text");
-  }, [r, n, s], j), W(() => {
+  }, [d], w), W(() => {
+    let N = b.current.getModifiedEditor();
+    N.getOption(f.current.editor.EditorOption.readOnly) ? N.setValue(i || "") : i !== N.getValue() && (N.executeEdits("", [{ range: N.getModel().getFullModelRange(), text: i || "", forceMoveMarkers: !0 }]), N.pushUndoStop());
+  }, [i], w), W(() => {
+    b.current?.getModel()?.original.setValue(e || "");
+  }, [e], w), W(() => {
+    let { original: N, modified: F } = b.current.getModel();
+    f.current.editor.setModelLanguage(N, n || r || "text"), f.current.editor.setModelLanguage(F, s || r || "text");
+  }, [r, n, s], w), W(() => {
     f.current?.editor.setTheme(u);
-  }, [u], j), W(() => {
-    x.current?.updateOptions(g);
-  }, [g], j);
+  }, [u], w), W(() => {
+    b.current?.updateOptions(g);
+  }, [g], w);
   let p = de(() => {
     if (!f.current) return;
-    k.current(f.current);
-    let E = Q(f.current, e || "", n || r || "text", o || ""), F = Q(f.current, i || "", s || r || "text", d || "");
-    x.current?.setModel({ original: E, modified: F });
+    I.current(f.current);
+    let N = Q(f.current, e || "", n || r || "text", o || ""), F = Q(f.current, i || "", s || r || "text", d || "");
+    b.current?.setModel({ original: N, modified: F });
   }, [r, i, s, e, n, o, d]), C = de(() => {
-    !P.current && T.current && (x.current = f.current.editor.createDiffEditor(T.current, { automaticLayout: !0, ...g }), p(), f.current?.editor.setTheme(u), I(!0), P.current = !0);
+    !P.current && O.current && (b.current = f.current.editor.createDiffEditor(O.current, { automaticLayout: !0, ...g }), p(), f.current?.editor.setTheme(u), A(!0), P.current = !0);
   }, [g, u, p]);
   J(() => {
-    j && w.current(x.current, f.current);
-  }, [j]), J(() => {
-    !S && !j && C();
-  }, [S, j, C]);
+    w && E.current(b.current, f.current);
+  }, [w]), J(() => {
+    !T && !w && C();
+  }, [T, w, C]);
   function M() {
-    let E = x.current?.getModel();
-    m || E?.original?.dispose(), c || E?.modified?.dispose(), x.current?.dispose();
+    let N = b.current?.getModel();
+    m || N?.original?.dispose(), c || N?.modified?.dispose(), b.current?.dispose();
   }
-  return l.createElement(Xe, { width: L, height: A, isEditorReady: j, loading: h, _ref: T, className: _, wrapperProps: N });
+  return l.createElement(Xe, { width: q, height: S, isEditorReady: w, loading: h, _ref: O, className: _, wrapperProps: j });
 }
 var Yi = Hi;
 Ce(Yi);
@@ -1952,48 +1952,48 @@ function Ji(e) {
   }, [e]), i.current;
 }
 var Bi = Ji, ce = /* @__PURE__ */ new Map();
-function Gi({ defaultValue: e, defaultLanguage: i, defaultPath: r, value: n, language: s, path: o, theme: d = "light", line: m, loading: c = "Loading...", options: u = {}, overrideServices: h = {}, saveViewState: g = !0, keepCurrentModel: A = !1, width: L = "100%", height: _ = "100%", className: N, wrapperProps: O = {}, beforeMount: R = ie, onMount: j = ie, onChange: I, onValidate: S = ie }) {
-  let [b, x] = ue(!1), [f, T] = ue(!0), w = U(null), k = U(null), P = U(null), p = U(j), C = U(R), M = U(), E = U(n), F = Bi(o), $ = U(!1), z = U(!1);
+function Gi({ defaultValue: e, defaultLanguage: i, defaultPath: r, value: n, language: s, path: o, theme: d = "light", line: m, loading: c = "Loading...", options: u = {}, overrideServices: h = {}, saveViewState: g = !0, keepCurrentModel: S = !1, width: q = "100%", height: _ = "100%", className: j, wrapperProps: k = {}, beforeMount: R = ie, onMount: w = ie, onChange: A, onValidate: T = ie }) {
+  let [x, b] = ue(!1), [f, O] = ue(!0), E = U(null), I = U(null), P = U(null), p = U(w), C = U(R), M = U(), N = U(n), F = Bi(o), $ = U(!1), z = U(!1);
   Qe(() => {
     let a = Ke.init();
-    return a.then((v) => (w.current = v) && T(!1)).catch((v) => v?.type !== "cancelation" && console.error("Monaco initialization: error:", v)), () => k.current ? Y() : a.cancel();
+    return a.then((v) => (E.current = v) && O(!1)).catch((v) => v?.type !== "cancelation" && console.error("Monaco initialization: error:", v)), () => I.current ? Y() : a.cancel();
   }), W(() => {
-    let a = Q(w.current, e || n || "", i || s || "", o || r || "");
-    a !== k.current?.getModel() && (g && ce.set(F, k.current?.saveViewState()), k.current?.setModel(a), g && k.current?.restoreViewState(ce.get(o)));
-  }, [o], b), W(() => {
-    k.current?.updateOptions(u);
-  }, [u], b), W(() => {
-    !k.current || n === void 0 || (k.current.getOption(w.current.editor.EditorOption.readOnly) ? k.current.setValue(n) : n !== k.current.getValue() && (z.current = !0, k.current.executeEdits("", [{ range: k.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), k.current.pushUndoStop(), z.current = !1));
-  }, [n], b), W(() => {
-    let a = k.current?.getModel();
-    a && s && w.current?.editor.setModelLanguage(a, s);
-  }, [s], b), W(() => {
-    m !== void 0 && k.current?.revealLine(m);
-  }, [m], b), W(() => {
-    w.current?.editor.setTheme(d);
-  }, [d], b);
+    let a = Q(E.current, e || n || "", i || s || "", o || r || "");
+    a !== I.current?.getModel() && (g && ce.set(F, I.current?.saveViewState()), I.current?.setModel(a), g && I.current?.restoreViewState(ce.get(o)));
+  }, [o], x), W(() => {
+    I.current?.updateOptions(u);
+  }, [u], x), W(() => {
+    !I.current || n === void 0 || (I.current.getOption(E.current.editor.EditorOption.readOnly) ? I.current.setValue(n) : n !== I.current.getValue() && (z.current = !0, I.current.executeEdits("", [{ range: I.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), I.current.pushUndoStop(), z.current = !1));
+  }, [n], x), W(() => {
+    let a = I.current?.getModel();
+    a && s && E.current?.editor.setModelLanguage(a, s);
+  }, [s], x), W(() => {
+    m !== void 0 && I.current?.revealLine(m);
+  }, [m], x), W(() => {
+    E.current?.editor.setTheme(d);
+  }, [d], x);
   let H = de(() => {
-    if (!(!P.current || !w.current) && !$.current) {
-      C.current(w.current);
-      let a = o || r, v = Q(w.current, n || e || "", i || s || "", a || "");
-      k.current = w.current?.editor.create(P.current, { model: v, automaticLayout: !0, ...u }, h), g && k.current.restoreViewState(ce.get(a)), w.current.editor.setTheme(d), m !== void 0 && k.current.revealLine(m), x(!0), $.current = !0;
+    if (!(!P.current || !E.current) && !$.current) {
+      C.current(E.current);
+      let a = o || r, v = Q(E.current, n || e || "", i || s || "", a || "");
+      I.current = E.current?.editor.create(P.current, { model: v, automaticLayout: !0, ...u }, h), g && I.current.restoreViewState(ce.get(a)), E.current.editor.setTheme(d), m !== void 0 && I.current.revealLine(m), b(!0), $.current = !0;
     }
   }, [e, i, r, n, s, o, u, h, g, d, m]);
   J(() => {
-    b && p.current(k.current, w.current);
-  }, [b]), J(() => {
-    !f && !b && H();
-  }, [f, b, H]), E.current = n, J(() => {
-    b && I && (M.current?.dispose(), M.current = k.current?.onDidChangeModelContent((a) => {
-      z.current || I(k.current.getValue(), a);
+    x && p.current(I.current, E.current);
+  }, [x]), J(() => {
+    !f && !x && H();
+  }, [f, x, H]), N.current = n, J(() => {
+    x && A && (M.current?.dispose(), M.current = I.current?.onDidChangeModelContent((a) => {
+      z.current || A(I.current.getValue(), a);
     }));
-  }, [b, I]), J(() => {
-    if (b) {
-      let a = w.current.editor.onDidChangeMarkers((v) => {
-        let y = k.current.getModel()?.uri;
+  }, [x, A]), J(() => {
+    if (x) {
+      let a = E.current.editor.onDidChangeMarkers((v) => {
+        let y = I.current.getModel()?.uri;
         if (y && v.find((D) => D.path === y.path)) {
-          let D = w.current.editor.getModelMarkers({ resource: y });
-          S?.(D);
+          let D = E.current.editor.getModelMarkers({ resource: y });
+          T?.(D);
         }
       });
       return () => {
@@ -2002,11 +2002,11 @@ function Gi({ defaultValue: e, defaultLanguage: i, defaultPath: r, value: n, lan
     }
     return () => {
     };
-  }, [b, S]);
+  }, [x, T]);
   function Y() {
-    M.current?.dispose(), A ? g && ce.set(o, k.current.saveViewState()) : k.current.getModel()?.dispose(), k.current.dispose();
+    M.current?.dispose(), S ? g && ce.set(o, I.current.saveViewState()) : I.current.getModel()?.dispose(), I.current.dispose();
   }
-  return l.createElement(Xe, { width: L, height: _, isEditorReady: b, loading: c, _ref: P, className: N, wrapperProps: O });
+  return l.createElement(Xe, { width: q, height: _, isEditorReady: x, loading: c, _ref: P, className: j, wrapperProps: k });
 }
 var Ki = Gi, Xi = Ce(Ki), Qi = Xi;
 function Zi() {
@@ -2014,57 +2014,57 @@ function Zi() {
   l.useEffect(() => {
     const f = document.querySelector(".qb-editor-root");
     if (!f) return;
-    const T = () => {
+    const O = () => {
       g(f.classList.contains("dark"));
     };
-    T();
-    const w = new MutationObserver(T);
-    return w.observe(f, { attributes: !0, attributeFilter: ["class"] }), () => w.disconnect();
+    O();
+    const E = new MutationObserver(O);
+    return E.observe(f, { attributes: !0, attributeFilter: ["class"] }), () => E.disconnect();
   }, []);
-  const [A, L] = l.useState(640), [_, N] = l.useState(() => {
+  const [S, q] = l.useState(640), [_, j] = l.useState(() => {
     try {
       return ae.dump(e, { indent: 2, lineWidth: -1 });
     } catch {
       return "";
     }
-  }), [O, R] = l.useState("");
+  }), [k, R] = l.useState("");
   l.useEffect(() => {
     r.setCodeEditorHasError(!1);
   }, []);
-  const j = l.useCallback((f) => c === "json" ? JSON.parse(f) : ae.load(f), [c]), I = l.useCallback((f) => c === "json" ? JSON.stringify(f, null, 2) : ae.dump(f, { indent: 2, lineWidth: -1 }), [c]);
+  const w = l.useCallback((f) => c === "json" ? JSON.parse(f) : ae.load(f), [c]), A = l.useCallback((f) => c === "json" ? JSON.stringify(f, null, 2) : ae.dump(f, { indent: 2, lineWidth: -1 }), [c]);
   l.useEffect(() => {
     const f = () => {
       if (s.current) {
-        const T = s.current.getBoundingClientRect().top, w = window.innerHeight - T - 20;
-        L(Math.max(400, w));
+        const O = s.current.getBoundingClientRect().top, E = window.innerHeight - O - 20;
+        q(Math.max(400, E));
       }
     };
     return f(), window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
   }, []), l.useEffect(() => {
     if (!m.current)
       try {
-        const f = I(e);
-        N(f), o.current = f, R(""), r.setCodeEditorHasError(!1);
+        const f = A(e);
+        j(f), o.current = f, R(""), r.setCodeEditorHasError(!1);
       } catch (f) {
         R(`Failed to serialize: ${f.message}`), r.setCodeEditorHasError(!0);
       }
-  }, [e, I, r]);
-  const S = (f) => {
-    N(f || ""), o.current = f || "", m.current = !0;
+  }, [e, A, r]);
+  const T = (f) => {
+    j(f || ""), o.current = f || "", m.current = !0;
     try {
-      const T = j(f || "{}");
-      if (!T || typeof T != "object")
+      const O = w(f || "{}");
+      if (!O || typeof O != "object")
         throw new Error("Invalid form data: must be an object");
       R(""), r.setCodeEditorHasError(!1);
-    } catch (T) {
-      const w = `Invalid ${c.toUpperCase()}: ${T.message}`;
-      R(w), r.setCodeEditorHasError(!0);
+    } catch (O) {
+      const E = `Invalid ${c.toUpperCase()}: ${O.message}`;
+      R(E), r.setCodeEditorHasError(!0);
     }
-  }, b = (f) => {
-    d.current = f, f.onDidPaste((T) => {
-      const w = _, k = f.getModel().getValue();
+  }, x = (f) => {
+    d.current = f, f.onDidPaste((O) => {
+      const E = _, I = f.getModel().getValue();
       try {
-        const P = j(k);
+        const P = w(I);
         if (P && typeof P == "object") {
           const { schemaType: p } = fe(P);
           p === "surveyjs" && n(
@@ -2076,14 +2076,14 @@ Do you want to proceed with the conversion?`,
               confirmText: "Yes, Convert",
               cancelText: "No, Cancel Paste",
               onConfirm: () => {
-                const { fields: C, conversionReport: M } = pe(P, p), E = {
+                const { fields: C, conversionReport: M } = pe(P, p), N = {
                   schemaType: P.schemaType || ve,
                   ...M?.surveyMetadata || {},
                   fields: C
                 };
-                i(E);
-                const F = I(E);
-                N(F), o.current = F, f.setValue(F), R(""), m.current = !1, M && (r.setConversionReport(M), setTimeout(() => {
+                i(N);
+                const F = A(N);
+                j(F), o.current = F, f.setValue(F), R(""), m.current = !1, M && (r.setConversionReport(M), setTimeout(() => {
                   const $ = M?.unsupportedFields?.length || 0;
                   n(
                     `This schema has been converted to MIE Forms format.
@@ -2097,7 +2097,7 @@ Please use MIE Forms schema inside of code editor for the best experience in the
                 }, 100));
               },
               onCancel: () => {
-                f.setValue(w), N(w), o.current = w;
+                f.setValue(E), j(E), o.current = E;
               }
             }
           );
@@ -2105,12 +2105,12 @@ Please use MIE Forms schema inside of code editor for the best experience in the
       } catch {
       }
     });
-  }, x = (f) => {
+  }, b = (f) => {
     try {
-      const T = j(_), w = f === "json" ? JSON.stringify(T, null, 2) : ae.dump(T, { indent: 2, lineWidth: -1 });
-      N(w), o.current = w, u(f), R(""), r.setCodeEditorHasError(!1);
-    } catch (T) {
-      R(`Cannot convert: ${T.message}`), r.setCodeEditorHasError(!0);
+      const O = w(_), E = f === "json" ? JSON.stringify(O, null, 2) : ae.dump(O, { indent: 2, lineWidth: -1 });
+      j(E), o.current = E, u(f), R(""), r.setCodeEditorHasError(!1);
+    } catch (O) {
+      R(`Cannot convert: ${O.message}`), r.setCodeEditorHasError(!0);
     }
   };
   return l.useEffect(() => () => {
@@ -2120,23 +2120,23 @@ Please use MIE Forms schema inside of code editor for the best experience in the
       return;
     }
     try {
-      const T = j(f);
-      if (!T || typeof T != "object" || JSON.stringify(e) === JSON.stringify(T)) return;
-      const { schemaType: w } = fe(T), { fields: k, conversionReport: P } = pe(T, w), p = {
-        schemaType: T.schemaType || ve,
+      const O = w(f);
+      if (!O || typeof O != "object" || JSON.stringify(e) === JSON.stringify(O)) return;
+      const { schemaType: E } = fe(O), { fields: I, conversionReport: P } = pe(O, E), p = {
+        schemaType: O.schemaType || ve,
         ...P?.surveyMetadata || {},
-        fields: k
+        fields: I
       };
       P && r.setConversionReport(P), i(p), r.setCodeEditorHasError(!1), m.current = !1;
     } catch {
     }
-  }, [j, i, r, e]), /* @__PURE__ */ t.jsxs("div", { ref: s, className: "code-editor-container mie:flex mie:flex-col mie:bg-miebackground mie:max-w-7xl mie:w-full", style: { height: `${A}px` }, children: [
+  }, [w, i, r, e]), /* @__PURE__ */ t.jsxs("div", { ref: s, className: "code-editor-container mie:flex mie:flex-col mie:bg-miebackground mie:max-w-7xl mie:w-full", style: { height: `${S}px` }, children: [
     /* @__PURE__ */ t.jsxs("div", { className: "code-editor-header mie:flex mie:items-center mie:justify-between mie:gap-3 mie:p-4 mie:bg-miesurface mie:border-b mie:border-mieborder", children: [
       /* @__PURE__ */ t.jsx("div", { className: "mie:flex mie:items-center mie:gap-2", children: /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:gap-1 mie:rounded-lg mie:border mie:border-mieborder mie:bg-miebackground mie:p-1", children: [
         /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: () => x("yaml"),
+            onClick: () => b("yaml"),
             className: `mie:px-3 mie:py-1 mie:rounded-md mie:text-sm mie:font-medium mie:transition-colors mie:border-0 mie:outline-none mie:focus:outline-none ${c === "yaml" ? "mie:bg-mieprimary mie:text-mietextsecondary mie:shadow-sm" : "mie:bg-transparent mie:text-mietextmuted mie:hover:text-mietext mie:hover:bg-miesurface"}`,
             children: "YAML"
           }
@@ -2144,7 +2144,7 @@ Please use MIE Forms schema inside of code editor for the best experience in the
         /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: () => x("json"),
+            onClick: () => b("json"),
             className: `mie:px-3 mie:py-1 mie:rounded-md mie:text-sm mie:font-medium mie:transition-colors mie:border-0 mie:outline-none mie:focus:outline-none ${c === "json" ? "mie:bg-mieprimary mie:text-mietextsecondary mie:shadow-sm" : "mie:bg-transparent mie:text-mietextmuted mie:hover:text-mietext mie:hover:bg-miesurface"}`,
             children: "JSON"
           }
@@ -2152,7 +2152,7 @@ Please use MIE Forms schema inside of code editor for the best experience in the
       ] }) }),
       /* @__PURE__ */ t.jsxs("div", { className: "mie:flex mie:items-center mie:gap-2", children: [
         /* @__PURE__ */ t.jsx("div", { className: "mie:text-xs mie:text-mietextmuted mie:px-3 mie:py-1", children: "Auto-saves when switching tabs" }),
-        O && /* @__PURE__ */ t.jsx("div", { className: "mie:text-xs mie:text-miedanger mie:bg-miedanger/10 mie:px-3 mie:py-1 mie:rounded-lg", children: O })
+        k && /* @__PURE__ */ t.jsx("div", { className: "mie:text-xs mie:text-miedanger mie:bg-miedanger/10 mie:px-3 mie:py-1 mie:rounded-lg", children: k })
       ] })
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: "code-editor-content mie:flex-1 mie:overflow-hidden", children: /* @__PURE__ */ t.jsx(
@@ -2161,8 +2161,8 @@ Please use MIE Forms schema inside of code editor for the best experience in the
         height: "100%",
         language: c,
         value: _,
-        onChange: S,
-        onMount: b,
+        onChange: T,
+        onMount: x,
         theme: h ? "vs-dark" : "light",
         options: {
           minimap: { enabled: !1 },
@@ -2230,60 +2230,50 @@ function tr({
   showHeader: s = !0,
   startInPreview: o = !1,
   hideUnsupportedFields: d = !1,
-  theme: m = "auto"
+  theme: m = "light"
 }) {
-  const [c, u] = l.useState("json"), h = B(), g = l.useRef(!1), A = l.useContext(Oe);
+  const [c, u] = l.useState("json"), h = B(), g = l.useRef(!1), S = l.useContext(Oe);
   l.useEffect(() => {
-    if (!(g.current || !A)) {
+    if (!(g.current || !S)) {
       if (e)
         try {
-          const { data: O, schemaType: R } = fe(e, i), j = pe(O, R);
-          j.conversionReport && h.setConversionReport(j.conversionReport);
-          const I = {
-            schemaType: R === "surveyjs" ? "mieforms-v1.0" : O.schemaType || "mieforms-v1.0",
-            fields: j.fields || []
+          const { data: j, schemaType: k } = fe(e, i), R = pe(j, k);
+          R.conversionReport && h.setConversionReport(R.conversionReport);
+          const w = {
+            schemaType: k === "surveyjs" ? "mieforms-v1.0" : j.schemaType || "mieforms-v1.0",
+            fields: R.fields || []
           };
-          if (R === "surveyjs" && j.conversionReport?.surveyMetadata)
-            Object.assign(I, j.conversionReport.surveyMetadata);
-          else if (R === "mieforms") {
-            const { fields: S, schemaType: b, ...x } = O;
-            Object.keys(x).length > 0 && Object.assign(I, x);
+          if (k === "surveyjs" && R.conversionReport?.surveyMetadata)
+            Object.assign(w, R.conversionReport.surveyMetadata);
+          else if (k === "mieforms") {
+            const { fields: A, schemaType: T, ...x } = j;
+            Object.keys(x).length > 0 && Object.assign(w, x);
           }
-          Array.isArray(I.fields) && I.fields.length && A.getState().replaceAll(I);
+          Array.isArray(w.fields) && w.fields.length && S.getState().replaceAll(w);
         } catch {
-          A.getState().replaceAll({ schemaType: "mieforms-v1.0", fields: [] });
+          S.getState().replaceAll({ schemaType: "mieforms-v1.0", fields: [] });
         }
       h.preview.set(!!o), g.current = !0;
     }
-  }, [e, i, o, h, A]), l.useEffect(() => {
+  }, [e, i, o, h, S]), l.useEffect(() => {
     h.setHideUnsupportedFields(d);
   }, [d, h]), l.useEffect(() => {
-    if (!(!r || !A))
-      return A.subscribe((O) => {
+    if (!(!r || !S))
+      return S.subscribe((j) => {
         r({
-          schemaType: O.schemaType || "mieforms-v1.0",
-          ...O.schemaMetadata,
-          fields: O.order.map((R) => O.byId[R])
+          schemaType: j.schemaType || "mieforms-v1.0",
+          ...j.schemaMetadata,
+          fields: j.order.map((k) => j.byId[k])
         });
       });
-  }, [r, A]);
-  const L = Ot(
-    A,
-    (O) => h.selectedFieldId.value ? O.byId[h.selectedFieldId.value] : null
-  ), [_, N] = l.useState(() => m === "dark" ? !0 : m === "light" ? !1 : typeof document < "u" ? document.documentElement.getAttribute("data-theme") === "dark" || document.documentElement.classList.contains("dark") || document.body.classList.contains("dark") : !1);
-  return l.useEffect(() => {
-    if (m !== "auto") {
-      N(m === "dark");
-      return;
-    }
-    const O = new MutationObserver(() => {
-      const R = document.documentElement.getAttribute("data-theme") === "dark" || document.documentElement.classList.contains("dark") || document.body.classList.contains("dark");
-      N(R);
-    });
-    return O.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-theme", "class"] }), O.observe(document.body, { attributes: !0, attributeFilter: ["class"] }), () => O.disconnect();
-  }, [m]), /* @__PURE__ */ t.jsx("div", { className: `qb-editor-root editor-container mie:w-full mie:max-w-7xl mie:mx-auto mie:bg-miebackground mie:font-titillium ${_ ? "dark" : ""} ${n}`, children: /* @__PURE__ */ t.jsxs(Ct, { children: [
+  }, [r, S]);
+  const q = Ot(
+    S,
+    (j) => h.selectedFieldId.value ? j.byId[h.selectedFieldId.value] : null
+  ), _ = m === "dark";
+  return /* @__PURE__ */ t.jsx("div", { className: `qb-editor-root editor-container mie:w-full mie:max-w-7xl mie:mx-auto mie:bg-miebackground mie:font-titillium ${_ ? "dark" : ""} ${n}`, children: /* @__PURE__ */ t.jsxs(Ct, { children: [
     s && /* @__PURE__ */ t.jsx(kt, { codeFormat: c, onCodeFormatChange: u }),
-    /* @__PURE__ */ t.jsx(er, { selectedField: L, codeFormat: c })
+    /* @__PURE__ */ t.jsx(er, { selectedField: q, codeFormat: c })
   ] }) });
 }
 function or(e) {